Project

General

Profile

1
 /*
2
  *   '$RCSfile$'
3
  *     Purpose: Default style sheet for KNB project web pages 
4
  *              Using this stylesheet rather than placing styles directly in 
5
  *              the KNB web documents allows us to globally change the 
6
  *              formatting styles of the entire site in one easy place.
7
  *   Copyright: 2000 Regents of the University of California and the
8
  *               National Center for Ecological Analysis and Synthesis
9
  *     Authors: Matt Jones
10
  *
11
  *    '$Author: tao $'
12
  *      '$Date: 2011-12-28 15:34:52 -0800 (Wed, 28 Dec 2011) $'
13
  *  '$Revision: 6823 $'
14
  *
15
  * This program is free software; you can redistribute it and/or modify
16
  * it under the terms of the GNU General Public License as published by
17
  * the Free Software Foundation; either version 2 of the License, or
18
  * (at your option) any later version.
19
  *
20
  * This program is distributed in the hope that it will be useful,
21
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
22
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
23
  * GNU General Public License for more details.
24
  *
25
  * You should have received a copy of the GNU General Public License
26
  * along with this program; if not, write to the Free Software
27
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
28
  */
29

    
30

    
31

    
32
/*
33
 *  import eml css:
34
 */
35

    
36
@import url(../../../style/common/eml_xsl.css);
37
html > body #header {
38
	height: 112px;	
39
}
40
.iframeheaderclass {
41
	margin: 0px;
42
}
43
#footer {
44
	position: relative;
45
	background-color: white;
46
}
47
#content {
48
	background-color: transparent;
49
}
50
a.headermenu:visited {
51
	color: white;
52
}
53
a.headermenu:link {
54
	color: white;
55
}
56
a.headermenu:hover {
57
	color: #F76501;
58
}
59
.rowodd {
60
	background-color: #FFFFFF;
61
	color: #555555;
62
}
63
td {
64
	color: #000000;	
65
}
66
div {
67
	color: #000000;	
68
}
69
.subGroup_border {
70
	border:1px solid #555555;
71
}
72

    
73
b {
74
	font-weight: bold;
75
}
76

    
77
/**
78
 *  set the correct iframe sizes to accomodate the 
79
 *  header, footer, left and right areas.
80
 *  NOTE: these styles apply only to each 
81
 *  container frame, *NOT* to the document within it!
82
 */  
83
.iframeheaderclass {
84
  height:   112px;
85
  width:	100%; 
86
  background: #7BB865;
87
  /*
88
  min-width:775px;
89
  width:expression(document.body.clientWidth < 775? "775px": "auto" );
90
  */
91
  border:   0px;
92
  margin-top:	0px;
93
}
94

    
95
.iframeloginboxclass {
96
    height:   880px;
97
    /*width:600px;*/
98
    min-width:600px;
99
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
100
    border:   0px;
101
	vertical-align: top;
102
	text-align: left;
103
}
104

    
105

    
106
.iframesearchboxclass { 
107
	height:   880px;
108
    /*width:600px;*/
109
    min-width:600px;
110
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
111
    border:   0px;
112
	vertical-align: top;
113
	text-align: left; 
114
}
115

    
116
.iframeleftcolclass  { 
117
    /*height:  100%;*/
118
    height:	880px;  	
119
	width:	175px;
120
}
121

    
122
/**IE hack**/
123
html>body .iframeleftcolclass  { 
124
    height:	100%;
125
    min-height:	880px;
126
}
127

    
128
.iframefooterclass   {
129
  height:   150px; 
130
  width:	100%;
131
  border:   0px;
132
  background: #124325;
133
  color: #FFFFFF;
134
}
135

    
136
.iframefooterclass2   {
137
  height:   150px; 
138
  width: 100%;
139
  min-width: 623px;
140
  /* margin-left: 20px; */
141
  border:   0px;
142
  background: #124325;
143
  color: #FFFFFF;
144
}
145

    
146
.iframerightcolclass   { 
147
	background: #FFFFFF;
148
}
149

    
150
td.mapColumn {
151
  vertical-align: top;
152
}
153

    
154
.mapFrame { 
155
    /*height: 59em;*/
156
    height: 450px;
157
    width: 785px;
158
	vertical-align: top;
159
	background: #FFFFFF;
160
}
161

    
162
/*body > table td #mapFrame {
163
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
164
    /*width: 290px;*/
165
/*}*/
166

    
167
/**
168
 *  create a left margin for the document
169
 */
170

    
171
/**
172
* These are new classes adapted from sanparks L+F
173
**/
174
body {
175
	margin: 0;
176
	padding: 0;
177
	background: #B6BCB8 url("images/bg_strip.jpg") bottom left fixed repeat-x;
178
	color: #000;
179
	height: 100%;
180
	font-family: "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
181
}
182

    
183
#main_wrapper {
184
	padding-left: 20px;
185
	padding-right: 20px;	
186
}
187

    
188
#content_wrapper {
189
	background: #FFFFFF;
190
}
191

    
192
.headertitle {
193
	font-weight: bold; 
194
	font-family: Helvetica, Verdana, Arial, sans-serif; 
195
	font-size: 1.4em; 
196
	color: #124326;
197
	padding-left: 10px;
198
}
199
 
200
.headermenu {
201
	background: #124325;
202
	height: 20px;
203
	color: #FFFFFF;
204
	text-decoration: none;
205
	font-weight: bold;
206
	font-size: 12px;
207
	text-align: center;
208
	padding-left: 10px;
209
}
210

    
211
td.login {
212
	padding-left: 5px;
213
	padding-right: 5px;
214
	padding-top: 5px;
215
}
216
a.login {
217
	font-weight: normal;	
218
}
219
input.login, select.login {
220
	border: 0;
221
	width: 100px;
222
	color: #124325;
223
	
224
}
225

    
226
.leftnav {
227
	width: 175px;
228
	margin: 0px auto;
229
	text-align: center;
230
	/*background: transparent url("images/navstrip.jpg") left 0px repeat-y;*/
231
	color: #FFFFFF;
232
}
233

    
234
h1 {
235
	text-align: left;
236
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
237
	font-size: 1.9em;
238
	padding: 0px 0px 12px 0px;
239
	margin: 0;
240
	padding-top: 6px;
241
	color: #f30;
242
}
243

    
244
h2 {
245
	text-align: left;
246
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
247
	font-size: 1.4em;
248
	padding: 0px 0px 10px 0px;
249
	margin: 0;
250
	color: #f30;
251
}
252

    
253
h3 {
254
	text-align:	left;
255
	color: #124325;
256
	background: #CFE2CF;
257
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
258
	font-size: 1.1em;
259
	border: 1px solid #124325;
260
	display: block;
261
	padding: 3px 10px;
262
	margin:10px 0 10px 0;
263
}
264

    
265
/*****BEGIN SANPARKS NAV*******/
266
#nav {
267
	float: left;
268
	width: 175px;
269
	color: #fff;
270
	clear: both;
271
}
272
#nav ul.level-1 {
273
	font-weight: bold;
274
	list-style: none;
275
	padding: 6px;
276
	margin: 0;
277
	line-height: 1;
278
}
279

    
280
#nav ul.level-1 li {
281
	font-size: 1.1em;
282
	/*margin: 0px 0px 5px 0px;*/
283
	margin: 0px 0px 12px 0px;
284
	padding: 0px 0px 0px 0px;
285
	background: none;
286
}
287

    
288
#nav ul.level-2 {
289
	font-weight: normal;
290
	list-style: none;
291
	padding: 0;
292
	font-size: 0.9em;
293
	margin: 5px 0px 0px 0px;
294
}
295
#nav ul.level-3 {
296
	font-weight: normal;
297
	list-style: none;
298
	padding: 0;
299
	font-size: 0.9em;
300
	margin: 0px 0px 0px 0px;
301
}
302
#nav ul.level-2 li {
303
	background: transparent url("images/horns.png") left 1px no-repeat !important;
304
	padding: 0;
305
	margin: 0;
306
	margin: 0px 0px 2px 0px;
307
}
308
#nav ul.level-3 li {
309
	background: transparent  left 1px no-repeat !important;
310
	padding: 0;
311
	margin: 0;
312
}
313

    
314
#nav ul.level-1 li a {
315
	color: #fff;
316
	text-decoration: none;
317
	display: block;
318
	/*height: 1.6em;*/
319
}
320

    
321
#nav ul.level-2 li a {
322
	font-weight: normal;
323
	color: #fff;
324
	text-decoration: none;
325
	display: block;
326
	padding-left: 18px;
327
	height: 100%;
328
}
329

    
330
#nav ul.level-2 li a:hover, ul.level-2 li a:active {
331
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
332
}
333

    
334
#nav  ul.level-1 li a:hover, ul.level-1 li a:active, ul.level-2 li a:hover, ul.level-2 li a:active {
335
/* #nav li a:hover, li a:active { */
336
	color: #F76501;
337
	text-decoration: underline;
338
}
339

    
340
#nav ul li a.current {
341
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
342
}
343

    
344
#nav ul li.current_cat, #nav ul li a.current_cat {
345
	color: #f30;
346
}
347

    
348
#nav .current_home {
349
	color: #f30;
350
	padding-bottom: 5px;
351
	display: block;
352
	border-bottom: 1px solid #0E321D;
353
	text-decoration: none;
354
	font-size: 1.1em;
355
	font-weight: bold;
356
	margin-bottom: 0px;
357
	margin-left: 5px;
358
	margin-top: 7px;
359
	margin-right: 5px; 
360
}
361

    
362
.home a:link, .home a:visited {
363
	border-bottom: 1px solid #0E321D;
364
	color: #FFFFFF;
365
	display: block;
366
	/*font-size: 1.1em;*/
367
	font-weight: bold;
368
	margin: 7px 5px 0px;
369
	padding-bottom: 5px;
370
	text-decoration: none;
371
}
372
.home a:hover {
373
	color: #F76501;
374
	text-decoration: underline;
375
}
376

    
377
.underlined {
378
	text-decoration: underline;
379
}
380

    
381
.fake-url {
382
	text-decoration: underline;
383
}
384
/*****END SANPARKS NAV*******/
385

    
386
/**
387
 *  set the size and alignment etc of the top-level layout table
388
 */  
389
.templatetableclass {
390
  width:   95%; 
391
  border:   0px;
392
  padding:  0px;
393
  margin-left:   20px;
394
  margin-right:   20px;
395
}
396

    
397

    
398
/**
399
 *  set the style of the main content area and its contents
400
 */ 
401
.templatecontentareaclass {
402
	vertical-align: top;
403
  	padding: 0px;
404
  	margin: 0px;
405
	background:	#FFFFFF;
406
	color: black;
407
}
408

    
409

    
410
/**
411
 *  set the correct <td> sizes to accomodate the 
412
 *  header, footer, left and right iframes.
413
 *  NOTE: these styles apply only to each 
414
 *  container frame, *NOT* to the document in
415
 *  the iframe within it!
416
 */  
417
.templateheaderrowclass {
418
  height:   112px; 
419
/*
420
  no width allowed - uses same width as table class
421
*/
422
  border:   0px;
423
  padding:  0px;
424
  margin:   0px;
425
}
426

    
427

    
428
.templateleftcolclass {
429
  height:   100%; 
430
  width:    175px;
431
  border:   0px;
432
  padding:  0px;
433
  margin:   0px;
434
  vertical-align: top;
435
  background: transparent url("images/navstrip.jpg") left 0px repeat-y;
436
}
437

    
438

    
439
.templaterightcolclass {
440
  height:   100%; 
441
  width:    0px;
442
  border:   0px;
443
  padding:  0px;
444
  margin:   0px;
445
}
446

    
447

    
448
.templatefooterrowclass {
449
  height:   0px; 
450
/*
451
  no width allowed - uses same width as table class
452
*/
453
  border:   0px;
454
  padding:  0px;
455
  margin:   0px;
456
}
457

    
458
/** used in fgdc xsl **/
459
th {
460
	text-align: left;
461
	padding-left: 0px;
462
    border-bottom: solid #dddddd 1px;
463
	color: #124325;
464
}
465

    
466
/**
467
 *  these override styles imported from eml css 
468
 */	 
469
.sectionnames{
470
    font-weight: bold;
471
    font-size: 16px;
472
    color: #096B79;
473
}
474

    
475
.linkedHeaderStyle{
476
    
477
    background-color: #A3DADA;
478
    padding-left: 16%;
479
 }
480

    
481
.title {
482
    font-family: Verdana, Georgia, "Times New Roman", serif;
483
    font-size: 24px; 
484
    font-weight: bold;
485
    color:black;
486
    background: inherit;
487
}
488

    
489
.secondCol{
490
    background-color: #ffffff; 
491
    font-size: 12px;
492
    padding-left: 5px;
493
}
494

    
495
.highlight  {
496
    color: #124325;
497
    background-color: #FFFFFF;
498
    font-style: italic;    
499
    font-size: 11px; 
500
    padding-left: 10px;
501
}
502

    
503
.citation  {
504
    color: black;
505
    background-color: #FFFFFF;
506
    padding-left: 10px;
507
}
508

    
509
.tablehead {
510
    color: #124325;
511
    background: #FFFFFF;
512
    text-align: left;
513
    font-size: 14px; 
514
    font-weight: bold;
515
    border-top: solid #ffffff 15px;
516
    border-bottom: solid #dddddd 1px;
517
    padding-left: 10px;
518
    padding-top: 0px;
519
    padding-bottom: 0px;
520
}
521

    
522
th.tablehead {
523

    
524
    text-align: center;
525
    border-bottom: solid #006666 1px;
526
    margin: 0px;
527
    padding: 0px;
528
    height:  21px;
529
}
530

    
531
.tablehead_lcorner {
532
    background-position: right top;
533
    background-repeat: no-repeat;
534
    padding: 0px;
535
    margin:  0px;
536
    width:   10px;
537
    height:  21px;
538
}    
539
    
540
.tablehead_rcorner {
541
    background-position: left top;
542
    background-repeat: no-repeat;
543
    padding: 0px;
544
    margin:  0px;
545
    width:   10px;
546
    height:  21px;
547
}    
548

    
549
.lsid {
550
    text-decoration: underline; 
551
}
552

    
553
a {
554
    color: #124325;
555
    font-weight: bold;
556
    font-size: 12px; 
557
    text-decoration: none; }
558
    
559
a:hover {
560
    color: #F76501;
561
    text-decoration: underline; }
562

    
563
/**
564
 *  these are used only in the metacat pages
565
 */
566

    
567
p.emphasis {
568

    
569
  font-size: 14px;
570
  color: #dd7744; 
571
  font-weight: bold;
572
  font-style:  normal;
573
}
574

    
575
.searchresultsdivider {
576
    background-color:	#FFFFFF;
577
	border-top:	thin dashed;
578
	color:	#DDDDDD;
579
}
580

    
581
/**
582
 *  these are used only in the registry skins
583
 */
584
 
585
p.searchbox {
586
    color: #096B79;
587
    font-weight: bold;
588
    font-size: 12px; 
589
    text-decoration: none; 
590
}
591

    
592
br {
593
    margin: 0px;
594
    padding: 0px;
595
}
596

    
597

    
598
.headertopmargin {
599
margin-top:    10;
600
}
601

    
602
.intro {
603
        width:   760px;
604
        margin-left:    15px;
605
}
606

    
607
textarea {
608
   width: 80%;
609
}
610

    
611
.required {
612
    font-weight: normal;
613
    font-style: italic;
614
    font-size: 11px;
615
    /*color: #b00000;*/
616
    color: #124325;
617
}
618

    
619
.label {
620
    font-weight: bold;
621
}
622

    
623
.warning-header {
624
	color: red;
625
	font-size: 14px;
626
	margin-bottom: 10px;
627
}
628

    
629

    
630
.emphasis {
631
    font-weight: bold;
632
    font-size: 18px;
633
    color: #000000;
634
}
635

    
636
.colorbold {
637
	font-weight: bold;
638
	color: #096B79;
639
	font-size: 12px;
640
}
641
	
642
.boldlink {
643
	font-weight: bold;
644
	font-size: 12px;
645
}
646

    
647

    
648
.redbold {
649
	font-weight: bold;
650
	color: #b00000;
651
	font-size: 12px;
652
}
653

    
654
.greenbold {
655
	font-weight: bold;
656
    background: inherit; 
657
	color: green;
658
	font-size: 12px;
659
}
660

    
661
.smalltext {
662
	font-weight: bold;
663
	font-size: 10px;
664
	vertical-align: super;
665
}
666

    
667
.largetext {
668
	font-weight: bold;
669
	font-size: 16px;
670
} 
671

    
672
.italicized {
673
	font-style: italic;
674
	font-size: 12px;
675
}
676

    
677
.regtext {
678
	font-weight: normal;
679
	font-size: 12px;
680
}
681

    
682
.regwhitetext {
683
  font-weight: normal;
684
  font-size: 12px;
685
  color: #FFFFFF;
686
}
687
.sectbody {
688
	background: #FFFFFF;
689
	font-size: 12px;
690
        font-weight: bold;}
691

    
692
.sectheader {
693
	background: #CFE2CF;
694
	font-size: 12px;
695
        font-weight: bold;}
696

    
697
.tables {
698
        width:   760px;
699
        margin-left:      20px;
700
        border-top: solid black 1px;
701
        border-left: solid black 1px;
702
        border-right: solid black 1px;      
703
      }
704

    
705
.hide {
706
      display:none;
707
  }
708

    
709
.showLink {
710
      cursor: pointer;
711
      cursor: hand;
712
      display:empty;
713
  }
714

    
715
.bordertop {
716
        border-top: solid black 1px;
717
      }
718
      
719
.borderbottom {
720
        border-bottom: 1px solid black;}
721
	
722
.topbottom {
723
	border-top: 1px solid black;
724
	border-bottom: 1px solid black; 
725
	}
726

    
727
.longwidth {
728
	width: 80%;
729
	}
730

    
731
.shortwidth {
732
	width: 40%;
733
	}
734
	
735
.rightCol {
736
       width:  24%;
737
       text-align: right;
738
    }
739

    
740
.centerContentBorder {
741
        padding: 0px;
742
        width: 98%;
743
        background: #FFFFFF;
744
        color: #FFFFFF;
745
}
746

    
747
.footerContent {
748
        background: #124325;
749
        color: #FFFFFF;
750
}
751

    
752
.footerContent a {
753
        color: #FFFFFF;
754
}
755

    
756
/********************************************************************** 
757
 * content section settings
758
 **********************************************************************/
759
 
760
.main-section {
761
	background: #B6BCB8 url(images/bg_strip.jpg) repeat-x fixed left bottom;
762
}
763
 
764
.content-section {
765
	margin: 0px 20px 0px 20px;
766
	padding-top: 20px;
767
	background: #FFFFFF;
768
	height: 820px;
769
	width: 95%;
770
	min-width: 1050px;
771
}
772

    
773
.content-section-header {
774
	padding: 20px 0px 10px 200px;
775
	color: #7BB865;
776
	font-size: 18px;
777
}
778

    
779
.content-subsection {
780
	vertical-align: middle;
781
	margin: 0px 0px 0px 195px;
782
	width: 820px;
783
}
784

    
785
.content-subsection-header {
786
	padding: 0px 0px 10px 0px;
787
	color: #7BB865;
788
	font-size: 16px;
789
}
790

    
791
.content-subsection-header-emphasis {
792
	font-size: 16px;
793
	color: #DD7744;
794
	margin-bottom: 5px;
795
}
796

    
797
/********************************************************************** 
798
 * form field settings
799
 **********************************************************************/
800

    
801
.field-label {
802
	display: inline;
803
	margin: 30px 7px 0px 0px;
804
	color: #000000;
805
	font-size: 14px;
806
}
807

    
808
.text-input {
809
	margin: 0px 5px 0px 0px;
810
	padding-left: 4px;
811
	font-size: 12px;
812
	color: #000000;
813
	width: 250px;
814
}
815

    
816
.dropdown-input {
817
	margin: 0px 10px 0px 0px;
818
	width: 150px;
819
}
820

    
821
dropdown-long-input {
822
  margin: 0px 10px 0px 0px;
823
  width: 215px;
824
}
825

    
826
.submit-button {
827
	margin: 20px 0px 10px 300px;
828
	width: 150px;
829
}
830

    
831
/********************************************************************** 
832
 * search result specific settings
833
 **********************************************************************/
834

    
835
.result-header-section {
836
	margin: 20px 0px 10px 0px;
837
	font-size: 16px;
838
	font-weight: bold;
839
}
840

    
841
.result-header {
842
	color: #255333;
843
	font-style: normal;
844
	display: inline;
845
	float: left;
846
	margin-right: 10px;
847
}
848

    
849
.result-header-emphasis {
850
	color: #DD7744; 
851
}
852

    
853
.row {
854
	color: #255333;
855
	height: 20px;
856
	border-left: 1px solid #A9A9A9;
857
	border-bottom: 1px solid #A9A9A9;
858
	border-right: 1px solid #A9A9A9;
859
}
860

    
861
.row-header {
862
	background-color: #255333;
863
	border-top: 1px solid #A9A9A9;
864
	font-weight: bold;
865
	font-size: 12px;
866
	color: #FFFFFF;
867
}
868

    
869
.row-even {
870
	background-color: #EBEBEB;
871
}
872

    
873
.row-odd {
874
	background-color: #D5D5D5;
875
}
876

    
877
.col {
878
	padding: 1px 0px 0px 15px;
879
	overflow: hidden;
880
	display: inline;
881
	float: left;
882
	width: 100px;
883
	height: 19px;
884
	border-right: 1px solid #D5D5D5;
885
	text-align: center;
886
}
887

    
888
.col1 {
889
	width: 100px;
890
	color: #FFFFFF;
891
}
892

    
893
.col2 {
894
	width: 100px;
895
	color: #FFFFFF;
896
}
897

    
898
.col3 {	
899
	width: 100px;
900
	color: #FFFFFF;
901
}
902

    
903
.col4 {	
904
	width: 100px;
905
	color: #FFFFFF;
906
}
907

    
908
/********************************************************************** 
909
 * change access specific settings
910
 **********************************************************************/
911

    
912
.change-access-header {
913
	color: #255333;
914
	font-size: 16px;
915
	font-style: normal;
916
	font-weight: bold;
917
	margin-left: 10px;
918
}
919

    
920
.change-access-header-emphasis {
921
	color: #DD7744; 
922
	font-size: 16px;
923
	display: inline;
924
	float: left;
925
	margin-left: 10px;
926
}
927

    
928
.change-access-header-workflow {
929
	font-size: 16px;
930
	margin-left:10px;
931
	display: inline;
932
	float: left;
933
}
934

    
935
.change-access-indent-emphasis {
936
	color: #DD7744; 
937
	font-size: 16px;
938
	font-weight: normal;
939
	display: inline;
940
	float: left;
941
	margin-left: 30px;
942
}
943

    
944
.change-access-row {
945
	display: block;
946
	margin-bottom: 5px;
947
}
948

    
949
.col_label {
950
	color: #255333;
951
	font-size: 14px;
952
}
953

    
954
.access_info_text {
955
	font-size: 14px;	
956
}
957

    
958
.access_order_col {
959
	width: 125px;
960
	font-size: 14px;
961
}
962
.access_type_col {
963
	width: 115px;
964
	font-size: 14px;
965

    
966
}
967

    
968
.principal_col {
969
	width: 430px;
970
	font-size: 14px;
971
}
972

    
973
.permissions_col {	
974
	width: 264px;
975
}
976

    
977
.access_order_col_header {
978
	color: #FFFFFF;
979
  width: 125px;
980
  font-size: 14px;
981
}
982
.access_type_col_header {
983
	color: #FFFFFF;
984
  width: 115px;
985
  font-size: 14px;
986

    
987
}
988

    
989
.principal_col_header {
990
	color: #FFFFFF;
991
  width: 430px;
992
  font-size: 14px;
993
}
994

    
995
.permissions_col_header {  
996
	color: #FFFFFF;
997
  width: 264px;
998
}
999

    
1000
.permission_element {
1001
	display: inline;
1002
	font-size: 14px;
1003
}
1004

    
1005
.change_access_order_col {
1006
	width: 95px;
1007
	margin-left: 10px;
1008
	display: inline;
1009
	float: left;
1010
}
1011

    
1012
.change_access_type_col {
1013
	width: 85px;
1014
	margin-left: 10px;
1015
	display: inline;
1016
	float: left;
1017
}
1018

    
1019
.change_principal_col {
1020
	width: 400px;
1021
	margin-left: 10px;
1022
	display: inline;
1023
	float: left;
1024
}
1025

    
1026
.change_permissions_col {	
1027
	width: 234px;
1028
	margin-left: 10px;
1029
	display: inline;
1030
}
1031

    
1032
.access-submit-button {
1033
	margin: 20px 0px 10px 300px;
1034
	width: 150px;
1035
}
1036

    
(15-15/36)