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
a:visited {
48
	color: white;
49
}
50
a:link {
51
	color: white;
52
}
53
54 3404 leinfelder
b {
55 5082 daigle
	font-weight: bold;
56 3404 leinfelder
}
57
58
/**
59
 *  set the correct iframe sizes to accomodate the
60
 *  header, footer, left and right areas.
61
 *  NOTE: these styles apply only to each
62
 *  container frame, *NOT* to the document within it!
63
 */
64
.iframeheaderclass {
65 3498 leinfelder
  height:   112px;
66 3426 leinfelder
  width:	100%;
67 3488 leinfelder
  background: #7BB865;
68 3426 leinfelder
  /*
69 3414 leinfelder
  min-width:775px;
70
  width:expression(document.body.clientWidth < 775? "775px": "auto" );
71 3426 leinfelder
  */
72 3404 leinfelder
  border:   0px;
73 3414 leinfelder
  margin-top:	0px;
74 3404 leinfelder
}
75
76
.iframeloginboxclass {
77 4031 leinfelder
    height:   880px;
78 3414 leinfelder
    /*width:600px;*/
79
    min-width:600px;
80
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
81 3404 leinfelder
    border:   0px;
82 3414 leinfelder
	vertical-align: top;
83
	text-align: left;
84 3404 leinfelder
}
85
86
87 3426 leinfelder
.iframesearchboxclass {
88 4031 leinfelder
	height:   880px;
89 3426 leinfelder
    /*width:600px;*/
90
    min-width:600px;
91
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
92
    border:   0px;
93
	vertical-align: top;
94
	text-align: left;
95
}
96 3404 leinfelder
97 3414 leinfelder
.iframeleftcolclass  {
98 3498 leinfelder
    /*height:  100%;*/
99 4031 leinfelder
    height:	880px;
100 3498 leinfelder
	width:	175px;
101
}
102
103
/**IE hack**/
104
html>body .iframeleftcolclass  {
105 3435 leinfelder
    height:	100%;
106 4031 leinfelder
    min-height:	880px;
107 3414 leinfelder
}
108
109 3404 leinfelder
.iframefooterclass   {
110 3414 leinfelder
  height:   150px;
111
  width:	100%;
112 3404 leinfelder
  border:   0px;
113 3414 leinfelder
  background: #124325;
114
  color: #FFFFFF;
115 3404 leinfelder
}
116
117 4080 daigle
.iframefooterclass2   {
118
  height:   150px;
119
  width: 100%;
120
  min-width: 623px;
121
  /* margin-left: 20px; */
122
  border:   0px;
123
  background: #124325;
124
  color: #FFFFFF;
125
}
126
127 3414 leinfelder
.iframerightcolclass   {
128
	background: #FFFFFF;
129
}
130 3404 leinfelder
131
td.mapColumn {
132
  vertical-align: top;
133
}
134
135 3414 leinfelder
.mapFrame {
136
    /*height: 59em;*/
137 5862 leinfelder
    height: 450px;
138
    width: 785px;
139 3404 leinfelder
	vertical-align: top;
140 3414 leinfelder
	background: #FFFFFF;
141 3404 leinfelder
}
142
143 3498 leinfelder
/*body > table td #mapFrame {
144 3404 leinfelder
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
145 3435 leinfelder
    /*width: 290px;*/
146 3498 leinfelder
/*}*/
147 3404 leinfelder
148 3414 leinfelder
/**
149
 *  create a left margin for the document
150
 */
151 3404 leinfelder
152 3414 leinfelder
/**
153
* These are new classes adapted from sanparks L+F
154
**/
155
body {
156
	margin: 0;
157
	padding: 0;
158
	background: #B6BCB8 url("images/bg_strip.jpg") bottom left fixed repeat-x;
159
	color: #000;
160
	height: 100%;
161
	font-family: "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
162
}
163 3415 leinfelder
164 3488 leinfelder
#main_wrapper {
165
	padding-left: 20px;
166
	padding-right: 20px;
167
}
168
169
#content_wrapper {
170
	background: #FFFFFF;
171
}
172
173 3415 leinfelder
.headertitle {
174
	font-weight: bold;
175
	font-family: Helvetica, Verdana, Arial, sans-serif;
176 3498 leinfelder
	font-size: 1.4em;
177
	color: #124326;
178 3415 leinfelder
	padding-left: 10px;
179
}
180 3414 leinfelder
181
.headermenu {
182
	background: #124325;
183
	height: 20px;
184
	color: #FFFFFF;
185
	text-decoration: none;
186
	font-weight: bold;
187 3498 leinfelder
	font-size: 12px;
188 3414 leinfelder
	text-align: center;
189 3415 leinfelder
	padding-left: 10px;
190 3488 leinfelder
}
191 3404 leinfelder
192 3488 leinfelder
td.login {
193
	padding-left: 5px;
194
	padding-right: 5px;
195
	padding-top: 5px;
196
}
197
a.login {
198
	font-weight: normal;
199
}
200
input.login, select.login {
201
	border: 0;
202
	width: 100px;
203
	color: #124325;
204
205
}
206
207 3414 leinfelder
.leftnav {
208
	width: 175px;
209
	margin: 0px auto;
210
	text-align: center;
211 3500 leinfelder
	/*background: transparent url("images/navstrip.jpg") left 0px repeat-y;*/
212 3414 leinfelder
	color: #FFFFFF;
213
}
214 3404 leinfelder
215 3414 leinfelder
h1 {
216
	text-align: left;
217
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
218
	font-size: 1.9em;
219
	padding: 0px 0px 12px 0px;
220
	margin: 0;
221
	padding-top: 6px;
222
	color: #f30;
223
}
224 3404 leinfelder
225 3414 leinfelder
h2 {
226
	text-align: left;
227
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
228
	font-size: 1.4em;
229
	padding: 0px 0px 10px 0px;
230
	margin: 0;
231
	color: #f30;
232
}
233 3404 leinfelder
234 3414 leinfelder
h3 {
235
	text-align:	left;
236
	color: #124325;
237
	background: #CFE2CF;
238 3498 leinfelder
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
239
	font-size: 1.1em;
240 3414 leinfelder
	border: 1px solid #124325;
241
	display: block;
242
	padding: 3px 10px;
243
	margin:10px 0 10px 0;
244 3404 leinfelder
}
245
246 3426 leinfelder
/*****BEGIN SANPARKS NAV*******/
247
#nav {
248
	float: left;
249 3488 leinfelder
	/**width: 175px;*/
250 3426 leinfelder
	color: #fff;
251
	clear: both;
252
}
253
#nav ul.level-1 {
254
	font-weight: bold;
255
	list-style: none;
256
	padding: 6px;
257
	margin: 0;
258 3498 leinfelder
	line-height: 1;
259 3426 leinfelder
}
260
261
#nav ul.level-1 li {
262
	font-size: 1.1em;
263
	/*margin: 0px 0px 5px 0px;*/
264
	margin: 0px 0px 12px 0px;
265
	padding: 0px 0px 0px 0px;
266
	background: none;
267
}
268
269
#nav ul.level-2 {
270
	font-weight: normal;
271
	list-style: none;
272
	padding: 0;
273
	font-size: 0.9em;
274
	margin: 5px 0px 0px 0px;
275
}
276
#nav ul.level-3 {
277
	font-weight: normal;
278
	list-style: none;
279
	padding: 0;
280
	font-size: 0.9em;
281
	margin: 0px 0px 0px 0px;
282
}
283
#nav ul.level-2 li {
284
	background: transparent url("images/horns.png") left 1px no-repeat !important;
285
	padding: 0;
286
	margin: 0;
287
	margin: 0px 0px 2px 0px;
288
}
289
#nav ul.level-3 li {
290
	background: transparent  left 1px no-repeat !important;
291
	padding: 0;
292
	margin: 0;
293
}
294
295
#nav ul.level-1 li a {
296
	color: #fff;
297
	text-decoration: none;
298
	display: block;
299
	/*height: 1.6em;*/
300
}
301
302
#nav ul.level-2 li a {
303 3441 leinfelder
	font-weight: normal;
304 3426 leinfelder
	color: #fff;
305
	text-decoration: none;
306
	display: block;
307
	padding-left: 18px;
308 3498 leinfelder
	height: 100%;
309 3426 leinfelder
}
310
311
#nav ul.level-2 li a:hover, ul.level-2 li a:active {
312
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
313
}
314
315
#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 {
316
/* #nav li a:hover, li a:active { */
317
	color: #F76501;
318
	text-decoration: underline;
319
}
320
321
#nav ul li a.current {
322
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
323
}
324
325
#nav ul li.current_cat, #nav ul li a.current_cat {
326
	color: #f30;
327
}
328
329
#nav .current_home {
330
	color: #f30;
331
	padding-bottom: 5px;
332
	display: block;
333
	border-bottom: 1px solid #0E321D;
334
	text-decoration: none;
335
	font-size: 1.1em;
336
	font-weight: bold;
337
	margin-bottom: 0px;
338
	margin-left: 5px;
339
	margin-top: 7px;
340
	margin-right: 5px;
341
}
342 3498 leinfelder
343
.home a:link, .home a:visited {
344
	border-bottom: 1px solid #0E321D;
345
	color: #FFFFFF;
346
	display: block;
347
	/*font-size: 1.1em;*/
348
	font-weight: bold;
349
	margin: 7px 5px 0px;
350
	padding-bottom: 5px;
351
	text-decoration: none;
352
}
353
.home a:hover {
354 5969 leinfelder
	color: #F76501;
355 3498 leinfelder
	text-decoration: underline;
356
}
357 4948 daigle
358
.underlined {
359
	text-decoration: underline;
360
}
361 4966 daigle
362
.fake-url {
363
	text-decoration: underline;
364
}
365 3426 leinfelder
/*****END SANPARKS NAV*******/
366
367 3404 leinfelder
/**
368
 *  set the size and alignment etc of the top-level layout table
369
 */
370
.templatetableclass {
371 3414 leinfelder
  width:   95%;
372 3404 leinfelder
  border:   0px;
373
  padding:  0px;
374 3414 leinfelder
  margin-left:   20px;
375
  margin-right:   20px;
376 3404 leinfelder
}
377
378
379
/**
380
 *  set the style of the main content area and its contents
381
 */
382
.templatecontentareaclass {
383 3414 leinfelder
	vertical-align: top;
384
  	padding: 0px;
385
  	margin: 0px;
386
	background:	#FFFFFF;
387
	color: black;
388 3404 leinfelder
}
389
390
391
/**
392
 *  set the correct <td> sizes to accomodate the
393
 *  header, footer, left and right iframes.
394
 *  NOTE: these styles apply only to each
395
 *  container frame, *NOT* to the document in
396
 *  the iframe within it!
397
 */
398
.templateheaderrowclass {
399 3498 leinfelder
  height:   112px;
400 3404 leinfelder
/*
401
  no width allowed - uses same width as table class
402
*/
403
  border:   0px;
404
  padding:  0px;
405
  margin:   0px;
406
}
407
408
409
.templateleftcolclass {
410
  height:   100%;
411 3414 leinfelder
  width:    175px;
412 3404 leinfelder
  border:   0px;
413
  padding:  0px;
414
  margin:   0px;
415 3414 leinfelder
  vertical-align: top;
416 3500 leinfelder
  background: transparent url("images/navstrip.jpg") left 0px repeat-y;
417 3404 leinfelder
}
418
419
420
.templaterightcolclass {
421
  height:   100%;
422
  width:    0px;
423
  border:   0px;
424
  padding:  0px;
425
  margin:   0px;
426
}
427
428
429
.templatefooterrowclass {
430
  height:   0px;
431
/*
432
  no width allowed - uses same width as table class
433
*/
434
  border:   0px;
435
  padding:  0px;
436
  margin:   0px;
437
}
438
439 3518 leinfelder
/** used in fgdc xsl **/
440
th {
441
	text-align: left;
442
	padding-left: 0px;
443
    border-bottom: solid #dddddd 1px;
444
}
445
446 3404 leinfelder
/**
447
 *  these override styles imported from eml css
448 3414 leinfelder
 */
449 3404 leinfelder
.sectionnames{
450
    font-weight: bold;
451
    font-size: 16px;
452
    color: #096B79;
453
}
454
455
.linkedHeaderStyle{
456
457
    background-color: #A3DADA;
458
    padding-left: 16%;
459
 }
460
461
.title {
462
    font-family: Verdana, Georgia, "Times New Roman", serif;
463
    font-size: 24px;
464
    font-weight: bold;
465
    color:black;
466
    background: inherit;
467
}
468
469
.secondCol{
470
    background-color: #ffffff;
471
    font-size: 12px;
472
    padding-left: 5px;
473
}
474
475
.highlight  {
476 3653 leinfelder
    color: #124325;
477 3404 leinfelder
    background-color: #FFFFFF;
478
    font-style: italic;
479 3518 leinfelder
    font-size: 11px;
480 3404 leinfelder
    padding-left: 10px;
481
}
482
483
.citation  {
484
    color: black;
485
    background-color: #FFFFFF;
486
    padding-left: 10px;
487
}
488
489
.tablehead {
490 3653 leinfelder
    color: #124325;
491 3404 leinfelder
    background: #FFFFFF;
492
    text-align: left;
493
    font-size: 14px;
494
    font-weight: bold;
495
    border-top: solid #ffffff 15px;
496
    border-bottom: solid #dddddd 1px;
497
    padding-left: 10px;
498
    padding-top: 0px;
499
    padding-bottom: 0px;
500
}
501
502
th.tablehead {
503
504
    text-align: center;
505
    border-bottom: solid #006666 1px;
506
    margin: 0px;
507
    padding: 0px;
508
    height:  21px;
509
}
510
511
.tablehead_lcorner {
512
    background-position: right top;
513
    background-repeat: no-repeat;
514
    padding: 0px;
515
    margin:  0px;
516
    width:   10px;
517
    height:  21px;
518
}
519
520
.tablehead_rcorner {
521
    background-position: left top;
522
    background-repeat: no-repeat;
523
    padding: 0px;
524
    margin:  0px;
525
    width:   10px;
526
    height:  21px;
527
}
528
529
.lsid {
530
    text-decoration: underline;
531
}
532
533
a {
534 3653 leinfelder
    color: #124325;
535 3404 leinfelder
    font-weight: bold;
536
    font-size: 12px;
537 3414 leinfelder
    text-decoration: none; }
538 3404 leinfelder
539
a:hover {
540 5969 leinfelder
    color: #F76501;
541 3404 leinfelder
    text-decoration: underline; }
542
543
/**
544
 *  these are used only in the metacat pages
545
 */
546
547
p.emphasis {
548
549 3426 leinfelder
  font-size: 14px;
550 3404 leinfelder
  color: #dd7744;
551
  font-weight: bold;
552
  font-style:  normal;
553
}
554
555
.searchresultsdivider {
556 3488 leinfelder
    background-color:	#FFFFFF;
557
	border-top:	thin dashed;
558
	color:	#DDDDDD;
559 3404 leinfelder
}
560
561
/**
562
 *  these are used only in the registry skins
563
 */
564
565
p.searchbox {
566
    color: #096B79;
567
    font-weight: bold;
568
    font-size: 12px;
569
    text-decoration: none;
570
}
571
572
br {
573
    margin: 0px;
574
    padding: 0px;
575
}
576
577
578
.headertopmargin {
579
margin-top:    10;
580
}
581
582
.intro {
583
        width:   760px;
584
        margin-left:    15px;
585
}
586
587
textarea {
588
   width: 80%;
589
}
590
591
.required {
592 3414 leinfelder
    font-weight: normal;
593
    font-style: italic;
594 3498 leinfelder
    font-size: 11px;
595 3488 leinfelder
    /*color: #b00000;*/
596
    color: #124325;
597 3404 leinfelder
}
598
599
.label {
600
    font-weight: bold;
601
}
602
603 5080 daigle
.warning-header {
604
	color: red;
605
	font-size: 14px;
606
	margin-bottom: 10px;
607
}
608 3404 leinfelder
609 5080 daigle
610 3404 leinfelder
.emphasis {
611
    font-weight: bold;
612
    font-size: 18px;
613
    color: #000000;
614
}
615
616
.colorbold {
617
	font-weight: bold;
618
	color: #096B79;
619
	font-size: 12px;
620
}
621
622
.boldlink {
623
	font-weight: bold;
624
	font-size: 12px;
625
}
626
627
628
.redbold {
629
	font-weight: bold;
630
	color: #b00000;
631
	font-size: 12px;
632
}
633
634
.greenbold {
635
	font-weight: bold;
636
    background: inherit;
637
	color: green;
638
	font-size: 12px;
639
}
640
641
.smalltext {
642
	font-weight: bold;
643
	font-size: 10px;
644
	vertical-align: super;
645
}
646
647
.largetext {
648
	font-weight: bold;
649
	font-size: 16px;
650
}
651
652
.italicized {
653
	font-style: italic;
654
	font-size: 12px;
655
}
656
657
.regtext {
658
	font-weight: normal;
659
	font-size: 12px;
660 5969 leinfelder
	color: #FFFFFF;
661 3404 leinfelder
}
662
.sectbody {
663 4006 leinfelder
	background: #FFFFFF;
664 3404 leinfelder
	font-size: 12px;
665
        font-weight: bold;}
666
667
.sectheader {
668 4006 leinfelder
	background: #CFE2CF;
669 3404 leinfelder
	font-size: 12px;
670
        font-weight: bold;}
671
672
.tables {
673
        width:   760px;
674
        margin-left:      20px;
675
        border-top: solid black 1px;
676
        border-left: solid black 1px;
677
        border-right: solid black 1px;
678
      }
679
680
.hide {
681
      display:none;
682
  }
683
684
.showLink {
685
      cursor: pointer;
686
      cursor: hand;
687
      display:empty;
688
  }
689
690
.bordertop {
691
        border-top: solid black 1px;
692
      }
693
694
.borderbottom {
695
        border-bottom: 1px solid black;}
696
697
.topbottom {
698
	border-top: 1px solid black;
699
	border-bottom: 1px solid black;
700
	}
701
702
.longwidth {
703
	width: 80%;
704
	}
705
706
.shortwidth {
707
	width: 40%;
708
	}
709
710
.rightCol {
711
       width:  24%;
712
       text-align: right;
713
    }
714
715
.centerContentBorder {
716 3518 leinfelder
        padding: 0px;
717 3404 leinfelder
        width: 98%;
718 3518 leinfelder
        background: #FFFFFF;
719
        color: #FFFFFF;
720 3404 leinfelder
}
721
722
.footerContent {
723 3414 leinfelder
        background: #124325;
724
        color: #FFFFFF;
725 3423 leinfelder
}
726
727
.footerContent a {
728
        color: #FFFFFF;
729
}
730 4948 daigle
731
/**********************************************************************
732
 * content section settings
733
 **********************************************************************/
734
735
.main-section {
736
	background: #B6BCB8 url(images/bg_strip.jpg) repeat-x fixed left bottom;
737
}
738
739
.content-section {
740
	margin: 0px 20px 0px 20px;
741
	padding-top: 20px;
742
	background: #FFFFFF;
743
	height: 820px;
744
	width: 95%;
745
	min-width: 1050px;
746
}
747
748
.content-section-header {
749
	padding: 20px 0px 10px 200px;
750
	color: #7BB865;
751
	font-size: 18px;
752
}
753
754
.content-subsection {
755
	vertical-align: middle;
756 5082 daigle
	margin: 0px 0px 0px 195px;
757
	width: 820px;
758 4948 daigle
}
759
760
.content-subsection-header {
761
	padding: 0px 0px 10px 0px;
762
	color: #7BB865;
763
	font-size: 16px;
764
}
765
766 5082 daigle
.content-subsection-header-emphasis {
767
	font-size: 16px;
768
	color: #DD7744;
769
	margin-bottom: 5px;
770
}
771
772 4948 daigle
/**********************************************************************
773
 * form field settings
774
 **********************************************************************/
775
776
.field-label {
777
	display: inline;
778
	margin: 30px 7px 0px 0px;
779
	color: #000000;
780
	font-size: 14px;
781
}
782
783
.text-input {
784
	margin: 0px 5px 0px 0px;
785
	padding-left: 4px;
786
	font-size: 12px;
787
	color: #000000;
788
	width: 250px;
789
}
790
791
.dropdown-input {
792
	margin: 0px 10px 0px 0px;
793
	width: 150px;
794
}
795
796 5813 tao
dropdown-long-input {
797
  margin: 0px 10px 0px 0px;
798
  width: 215px;
799
}
800
801 4948 daigle
.submit-button {
802
	margin: 20px 0px 10px 300px;
803
	width: 150px;
804
}
805
806
/**********************************************************************
807
 * search result specific settings
808
 **********************************************************************/
809
810
.result-header-section {
811
	margin: 20px 0px 10px 0px;
812
	font-size: 16px;
813
	font-weight: bold;
814
}
815
816
.result-header {
817
	color: #255333;
818
	font-style: normal;
819
	display: inline;
820
	float: left;
821
	margin-right: 10px;
822
}
823
824
.result-header-emphasis {
825
	color: #DD7744;
826
}
827
828
.row {
829
	color: #255333;
830
	height: 20px;
831
	border-left: 1px solid #A9A9A9;
832
	border-bottom: 1px solid #A9A9A9;
833
	border-right: 1px solid #A9A9A9;
834
}
835
836
.row-header {
837
	background-color: #255333;
838
	border-top: 1px solid #A9A9A9;
839
	font-weight: bold;
840
	font-size: 12px;
841
	color: #FFFFFF;
842
}
843
844
.row-even {
845
	background-color: #EBEBEB;
846
}
847
848
.row-odd {
849
	background-color: #D5D5D5;
850
}
851
852
.col {
853
	padding: 1px 0px 0px 15px;
854
	overflow: hidden;
855
	display: inline;
856
	float: left;
857
	width: 100px;
858
	height: 19px;
859
	border-right: 1px solid #D5D5D5;
860
	text-align: center;
861
}
862
863
.col1 {
864
	width: 100px;
865
}
866
867
.col2 {
868
	width: 100px;
869
}
870
871
.col3 {
872
	width: 100px;
873
}
874
875
.col4 {
876
	width: 100px;
877
}
878 5082 daigle
879
/**********************************************************************
880
 * change access specific settings
881
 **********************************************************************/
882
883
.change-access-header {
884
	color: #255333;
885
	font-size: 16px;
886
	font-style: normal;
887
	font-weight: bold;
888
	margin-left: 10px;
889
}
890
891
.change-access-header-emphasis {
892
	color: #DD7744;
893
	font-size: 16px;
894
	display: inline;
895
	float: left;
896
	margin-left: 10px;
897
}
898
899
.change-access-header-workflow {
900
	font-size: 16px;
901
	margin-left:10px;
902
	display: inline;
903
	float: left;
904
}
905
906
.change-access-indent-emphasis {
907
	color: #DD7744;
908
	font-size: 16px;
909
	font-weight: normal;
910
	display: inline;
911
	float: left;
912
	margin-left: 30px;
913
}
914
915
.change-access-row {
916
	display: block;
917
	margin-bottom: 5px;
918
}
919
920
.col_label {
921
	color: #255333;
922
	font-size: 14px;
923
}
924
925
.access_info_text {
926
	font-size: 14px;
927
}
928
929
.access_order_col {
930 5088 daigle
	width: 95px;
931 5099 daigle
	font-size: 14px;
932 5088 daigle
}
933
.access_type_col {
934
	width: 85px;
935 5099 daigle
	font-size: 14px;
936
937 5088 daigle
}
938
939
.principal_col {
940
	width: 400px;
941 5099 daigle
	font-size: 14px;
942 5088 daigle
}
943
944
.permissions_col {
945
	width: 234px;
946
}
947
948
.permission_element {
949
	display: inline;
950
	font-size: 14px;
951
}
952
953
.change_access_order_col {
954
	width: 95px;
955 5082 daigle
	margin-left: 10px;
956
	display: inline;
957
	float: left;
958
}
959 5088 daigle
960
.change_access_type_col {
961 5082 daigle
	width: 85px;
962
	margin-left: 10px;
963
	display: inline;
964
	float: left;
965
}
966
967 5088 daigle
.change_principal_col {
968 5082 daigle
	width: 400px;
969
	margin-left: 10px;
970
	display: inline;
971
	float: left;
972
}
973
974 5088 daigle
.change_permissions_col {
975
	width: 234px;
976 5082 daigle
	margin-left: 10px;
977
	display: inline;
978
}
979
980
.access-submit-button {
981
	margin: 20px 0px 10px 300px;
982
	width: 150px;
983
}