Project

General

Profile

1 3404 leinfelder
 /*
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$'
12
  *      '$Date$'
13
  *  '$Revision$'
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 5969 leinfelder
html > body #header {
38
	height: 112px;
39
}
40
.iframeheaderclass {
41
	margin: 0px;
42
}
43
#footer {
44
	position: relative;
45
	background-color: white;
46
}
47 5973 leinfelder
#content {
48
	background-color: transparent;
49
}
50 5971 leinfelder
a.headermenu:visited {
51 5969 leinfelder
	color: white;
52
}
53 5971 leinfelder
a.headermenu:link {
54 5969 leinfelder
	color: white;
55
}
56 5971 leinfelder
a.headermenu:hover {
57
	color: #F76501;
58
}
59 5973 leinfelder
.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 3404 leinfelder
b {
74 5082 daigle
	font-weight: bold;
75 3404 leinfelder
}
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 3498 leinfelder
  height:   112px;
85 3426 leinfelder
  width:	100%;
86 3488 leinfelder
  background: #7BB865;
87 3426 leinfelder
  /*
88 3414 leinfelder
  min-width:775px;
89
  width:expression(document.body.clientWidth < 775? "775px": "auto" );
90 3426 leinfelder
  */
91 3404 leinfelder
  border:   0px;
92 3414 leinfelder
  margin-top:	0px;
93 3404 leinfelder
}
94
95
.iframeloginboxclass {
96 4031 leinfelder
    height:   880px;
97 3414 leinfelder
    /*width:600px;*/
98
    min-width:600px;
99
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
100 3404 leinfelder
    border:   0px;
101 3414 leinfelder
	vertical-align: top;
102
	text-align: left;
103 3404 leinfelder
}
104
105
106 3426 leinfelder
.iframesearchboxclass {
107 4031 leinfelder
	height:   880px;
108 3426 leinfelder
    /*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 3404 leinfelder
116 3414 leinfelder
.iframeleftcolclass  {
117 3498 leinfelder
    /*height:  100%;*/
118 4031 leinfelder
    height:	880px;
119 3498 leinfelder
	width:	175px;
120
}
121
122
/**IE hack**/
123
html>body .iframeleftcolclass  {
124 3435 leinfelder
    height:	100%;
125 4031 leinfelder
    min-height:	880px;
126 3414 leinfelder
}
127
128 3404 leinfelder
.iframefooterclass   {
129 3414 leinfelder
  height:   150px;
130
  width:	100%;
131 3404 leinfelder
  border:   0px;
132 3414 leinfelder
  background: #124325;
133
  color: #FFFFFF;
134 3404 leinfelder
}
135
136 4080 daigle
.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 3414 leinfelder
.iframerightcolclass   {
147
	background: #FFFFFF;
148
}
149 3404 leinfelder
150
td.mapColumn {
151
  vertical-align: top;
152
}
153
154 3414 leinfelder
.mapFrame {
155
    /*height: 59em;*/
156 5862 leinfelder
    height: 450px;
157
    width: 785px;
158 3404 leinfelder
	vertical-align: top;
159 3414 leinfelder
	background: #FFFFFF;
160 3404 leinfelder
}
161
162 3498 leinfelder
/*body > table td #mapFrame {
163 3404 leinfelder
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
164 3435 leinfelder
    /*width: 290px;*/
165 3498 leinfelder
/*}*/
166 3404 leinfelder
167 3414 leinfelder
/**
168
 *  create a left margin for the document
169
 */
170 3404 leinfelder
171 3414 leinfelder
/**
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 3415 leinfelder
183 3488 leinfelder
#main_wrapper {
184
	padding-left: 20px;
185
	padding-right: 20px;
186
}
187
188
#content_wrapper {
189
	background: #FFFFFF;
190
}
191
192 3415 leinfelder
.headertitle {
193
	font-weight: bold;
194
	font-family: Helvetica, Verdana, Arial, sans-serif;
195 3498 leinfelder
	font-size: 1.4em;
196
	color: #124326;
197 3415 leinfelder
	padding-left: 10px;
198
}
199 3414 leinfelder
200
.headermenu {
201
	background: #124325;
202
	height: 20px;
203
	color: #FFFFFF;
204
	text-decoration: none;
205
	font-weight: bold;
206 3498 leinfelder
	font-size: 12px;
207 3414 leinfelder
	text-align: center;
208 3415 leinfelder
	padding-left: 10px;
209 3488 leinfelder
}
210 3404 leinfelder
211 3488 leinfelder
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 3414 leinfelder
.leftnav {
227
	width: 175px;
228
	margin: 0px auto;
229
	text-align: center;
230 3500 leinfelder
	/*background: transparent url("images/navstrip.jpg") left 0px repeat-y;*/
231 3414 leinfelder
	color: #FFFFFF;
232
}
233 3404 leinfelder
234 3414 leinfelder
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 3404 leinfelder
244 3414 leinfelder
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 3404 leinfelder
253 3414 leinfelder
h3 {
254
	text-align:	left;
255
	color: #124325;
256
	background: #CFE2CF;
257 3498 leinfelder
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
258
	font-size: 1.1em;
259 3414 leinfelder
	border: 1px solid #124325;
260
	display: block;
261
	padding: 3px 10px;
262
	margin:10px 0 10px 0;
263 3404 leinfelder
}
264
265 3426 leinfelder
/*****BEGIN SANPARKS NAV*******/
266
#nav {
267
	float: left;
268 5970 leinfelder
	width: 175px;
269 3426 leinfelder
	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 3498 leinfelder
	line-height: 1;
278 3426 leinfelder
}
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 3441 leinfelder
	font-weight: normal;
323 3426 leinfelder
	color: #fff;
324
	text-decoration: none;
325
	display: block;
326
	padding-left: 18px;
327 3498 leinfelder
	height: 100%;
328 3426 leinfelder
}
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 3498 leinfelder
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 5969 leinfelder
	color: #F76501;
374 3498 leinfelder
	text-decoration: underline;
375
}
376 4948 daigle
377
.underlined {
378
	text-decoration: underline;
379
}
380 4966 daigle
381
.fake-url {
382
	text-decoration: underline;
383
}
384 3426 leinfelder
/*****END SANPARKS NAV*******/
385
386 3404 leinfelder
/**
387
 *  set the size and alignment etc of the top-level layout table
388
 */
389
.templatetableclass {
390 3414 leinfelder
  width:   95%;
391 3404 leinfelder
  border:   0px;
392
  padding:  0px;
393 3414 leinfelder
  margin-left:   20px;
394
  margin-right:   20px;
395 3404 leinfelder
}
396
397
398
/**
399
 *  set the style of the main content area and its contents
400
 */
401
.templatecontentareaclass {
402 3414 leinfelder
	vertical-align: top;
403
  	padding: 0px;
404
  	margin: 0px;
405
	background:	#FFFFFF;
406
	color: black;
407 3404 leinfelder
}
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 3498 leinfelder
  height:   112px;
419 3404 leinfelder
/*
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 3414 leinfelder
  width:    175px;
431 3404 leinfelder
  border:   0px;
432
  padding:  0px;
433
  margin:   0px;
434 3414 leinfelder
  vertical-align: top;
435 3500 leinfelder
  background: transparent url("images/navstrip.jpg") left 0px repeat-y;
436 3404 leinfelder
}
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 3518 leinfelder
/** used in fgdc xsl **/
459
th {
460
	text-align: left;
461
	padding-left: 0px;
462 5973 leinfelder
    border-bottom: solid #dddddd 1px;
463
	color: #124325;
464 3518 leinfelder
}
465
466 3404 leinfelder
/**
467
 *  these override styles imported from eml css
468 3414 leinfelder
 */
469 3404 leinfelder
.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 3653 leinfelder
    color: #124325;
497 3404 leinfelder
    background-color: #FFFFFF;
498
    font-style: italic;
499 3518 leinfelder
    font-size: 11px;
500 3404 leinfelder
    padding-left: 10px;
501
}
502
503
.citation  {
504
    color: black;
505
    background-color: #FFFFFF;
506
    padding-left: 10px;
507
}
508
509
.tablehead {
510 3653 leinfelder
    color: #124325;
511 3404 leinfelder
    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 3653 leinfelder
    color: #124325;
555 3404 leinfelder
    font-weight: bold;
556
    font-size: 12px;
557 3414 leinfelder
    text-decoration: none; }
558 3404 leinfelder
559
a:hover {
560 5969 leinfelder
    color: #F76501;
561 3404 leinfelder
    text-decoration: underline; }
562
563
/**
564
 *  these are used only in the metacat pages
565
 */
566
567
p.emphasis {
568
569 3426 leinfelder
  font-size: 14px;
570 3404 leinfelder
  color: #dd7744;
571
  font-weight: bold;
572
  font-style:  normal;
573
}
574
575
.searchresultsdivider {
576 3488 leinfelder
    background-color:	#FFFFFF;
577
	border-top:	thin dashed;
578
	color:	#DDDDDD;
579 3404 leinfelder
}
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 3414 leinfelder
    font-weight: normal;
613
    font-style: italic;
614 3498 leinfelder
    font-size: 11px;
615 3488 leinfelder
    /*color: #b00000;*/
616
    color: #124325;
617 3404 leinfelder
}
618
619
.label {
620
    font-weight: bold;
621
}
622
623 5080 daigle
.warning-header {
624
	color: red;
625
	font-size: 14px;
626
	margin-bottom: 10px;
627
}
628 3404 leinfelder
629 5080 daigle
630 3404 leinfelder
.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 6670 tao
682
.regwhitetext {
683
  font-weight: normal;
684
  font-size: 12px;
685
  color: #FFFFFF;
686
}
687 3404 leinfelder
.sectbody {
688 4006 leinfelder
	background: #FFFFFF;
689 3404 leinfelder
	font-size: 12px;
690
        font-weight: bold;}
691
692
.sectheader {
693 4006 leinfelder
	background: #CFE2CF;
694 3404 leinfelder
	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 3518 leinfelder
        padding: 0px;
742 3404 leinfelder
        width: 98%;
743 3518 leinfelder
        background: #FFFFFF;
744
        color: #FFFFFF;
745 3404 leinfelder
}
746
747
.footerContent {
748 3414 leinfelder
        background: #124325;
749
        color: #FFFFFF;
750 3423 leinfelder
}
751
752
.footerContent a {
753
        color: #FFFFFF;
754
}
755 4948 daigle
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 5082 daigle
	margin: 0px 0px 0px 195px;
782
	width: 820px;
783 4948 daigle
}
784
785
.content-subsection-header {
786
	padding: 0px 0px 10px 0px;
787
	color: #7BB865;
788
	font-size: 16px;
789
}
790
791 5082 daigle
.content-subsection-header-emphasis {
792
	font-size: 16px;
793
	color: #DD7744;
794
	margin-bottom: 5px;
795
}
796
797 4948 daigle
/**********************************************************************
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 5813 tao
dropdown-long-input {
822
  margin: 0px 10px 0px 0px;
823
  width: 215px;
824
}
825
826 4948 daigle
.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 6670 tao
	color: #FFFFFF;
891 4948 daigle
}
892
893
.col2 {
894
	width: 100px;
895 6670 tao
	color: #FFFFFF;
896 4948 daigle
}
897
898
.col3 {
899
	width: 100px;
900 6670 tao
	color: #FFFFFF;
901 4948 daigle
}
902
903
.col4 {
904
	width: 100px;
905 6670 tao
	color: #FFFFFF;
906 4948 daigle
}
907 5082 daigle
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 6823 tao
	width: 125px;
960 5099 daigle
	font-size: 14px;
961 5088 daigle
}
962
.access_type_col {
963 6823 tao
	width: 115px;
964 5099 daigle
	font-size: 14px;
965
966 5088 daigle
}
967
968
.principal_col {
969 6823 tao
	width: 430px;
970 5099 daigle
	font-size: 14px;
971 5088 daigle
}
972
973
.permissions_col {
974 6823 tao
	width: 264px;
975 5088 daigle
}
976
977 6736 tao
.access_order_col_header {
978
	color: #FFFFFF;
979 6823 tao
  width: 125px;
980 6736 tao
  font-size: 14px;
981
}
982
.access_type_col_header {
983
	color: #FFFFFF;
984 6823 tao
  width: 115px;
985 6736 tao
  font-size: 14px;
986
987
}
988
989
.principal_col_header {
990
	color: #FFFFFF;
991 6823 tao
  width: 430px;
992 6736 tao
  font-size: 14px;
993
}
994
995
.permissions_col_header {
996
	color: #FFFFFF;
997 6823 tao
  width: 264px;
998 6736 tao
}
999
1000
.permission_element {
1001 5088 daigle
	display: inline;
1002
	font-size: 14px;
1003
}
1004
1005
.change_access_order_col {
1006
	width: 95px;
1007 5082 daigle
	margin-left: 10px;
1008
	display: inline;
1009
	float: left;
1010
}
1011 5088 daigle
1012
.change_access_type_col {
1013 5082 daigle
	width: 85px;
1014
	margin-left: 10px;
1015
	display: inline;
1016
	float: left;
1017
}
1018
1019 5088 daigle
.change_principal_col {
1020 5082 daigle
	width: 400px;
1021
	margin-left: 10px;
1022
	display: inline;
1023
	float: left;
1024
}
1025
1026 5088 daigle
.change_permissions_col {
1027
	width: 234px;
1028 5082 daigle
	margin-left: 10px;
1029
	display: inline;
1030
}
1031
1032
.access-submit-button {
1033
	margin: 20px 0px 10px 300px;
1034
	width: 150px;
1035
}