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 5969 leinfelder
	color: #FFFFFF;
681 3404 leinfelder
}
682
.sectbody {
683 4006 leinfelder
	background: #FFFFFF;
684 3404 leinfelder
	font-size: 12px;
685
        font-weight: bold;}
686
687
.sectheader {
688 4006 leinfelder
	background: #CFE2CF;
689 3404 leinfelder
	font-size: 12px;
690
        font-weight: bold;}
691
692
.tables {
693
        width:   760px;
694
        margin-left:      20px;
695
        border-top: solid black 1px;
696
        border-left: solid black 1px;
697
        border-right: solid black 1px;
698
      }
699
700
.hide {
701
      display:none;
702
  }
703
704
.showLink {
705
      cursor: pointer;
706
      cursor: hand;
707
      display:empty;
708
  }
709
710
.bordertop {
711
        border-top: solid black 1px;
712
      }
713
714
.borderbottom {
715
        border-bottom: 1px solid black;}
716
717
.topbottom {
718
	border-top: 1px solid black;
719
	border-bottom: 1px solid black;
720
	}
721
722
.longwidth {
723
	width: 80%;
724
	}
725
726
.shortwidth {
727
	width: 40%;
728
	}
729
730
.rightCol {
731
       width:  24%;
732
       text-align: right;
733
    }
734
735
.centerContentBorder {
736 3518 leinfelder
        padding: 0px;
737 3404 leinfelder
        width: 98%;
738 3518 leinfelder
        background: #FFFFFF;
739
        color: #FFFFFF;
740 3404 leinfelder
}
741
742
.footerContent {
743 3414 leinfelder
        background: #124325;
744
        color: #FFFFFF;
745 3423 leinfelder
}
746
747
.footerContent a {
748
        color: #FFFFFF;
749
}
750 4948 daigle
751
/**********************************************************************
752
 * content section settings
753
 **********************************************************************/
754
755
.main-section {
756
	background: #B6BCB8 url(images/bg_strip.jpg) repeat-x fixed left bottom;
757
}
758
759
.content-section {
760
	margin: 0px 20px 0px 20px;
761
	padding-top: 20px;
762
	background: #FFFFFF;
763
	height: 820px;
764
	width: 95%;
765
	min-width: 1050px;
766
}
767
768
.content-section-header {
769
	padding: 20px 0px 10px 200px;
770
	color: #7BB865;
771
	font-size: 18px;
772
}
773
774
.content-subsection {
775
	vertical-align: middle;
776 5082 daigle
	margin: 0px 0px 0px 195px;
777
	width: 820px;
778 4948 daigle
}
779
780
.content-subsection-header {
781
	padding: 0px 0px 10px 0px;
782
	color: #7BB865;
783
	font-size: 16px;
784
}
785
786 5082 daigle
.content-subsection-header-emphasis {
787
	font-size: 16px;
788
	color: #DD7744;
789
	margin-bottom: 5px;
790
}
791
792 4948 daigle
/**********************************************************************
793
 * form field settings
794
 **********************************************************************/
795
796
.field-label {
797
	display: inline;
798
	margin: 30px 7px 0px 0px;
799
	color: #000000;
800
	font-size: 14px;
801
}
802
803
.text-input {
804
	margin: 0px 5px 0px 0px;
805
	padding-left: 4px;
806
	font-size: 12px;
807
	color: #000000;
808
	width: 250px;
809
}
810
811
.dropdown-input {
812
	margin: 0px 10px 0px 0px;
813
	width: 150px;
814
}
815
816 5813 tao
dropdown-long-input {
817
  margin: 0px 10px 0px 0px;
818
  width: 215px;
819
}
820
821 4948 daigle
.submit-button {
822
	margin: 20px 0px 10px 300px;
823
	width: 150px;
824
}
825
826
/**********************************************************************
827
 * search result specific settings
828
 **********************************************************************/
829
830
.result-header-section {
831
	margin: 20px 0px 10px 0px;
832
	font-size: 16px;
833
	font-weight: bold;
834
}
835
836
.result-header {
837
	color: #255333;
838
	font-style: normal;
839
	display: inline;
840
	float: left;
841
	margin-right: 10px;
842
}
843
844
.result-header-emphasis {
845
	color: #DD7744;
846
}
847
848
.row {
849
	color: #255333;
850
	height: 20px;
851
	border-left: 1px solid #A9A9A9;
852
	border-bottom: 1px solid #A9A9A9;
853
	border-right: 1px solid #A9A9A9;
854
}
855
856
.row-header {
857
	background-color: #255333;
858
	border-top: 1px solid #A9A9A9;
859
	font-weight: bold;
860
	font-size: 12px;
861
	color: #FFFFFF;
862
}
863
864
.row-even {
865
	background-color: #EBEBEB;
866
}
867
868
.row-odd {
869
	background-color: #D5D5D5;
870
}
871
872
.col {
873
	padding: 1px 0px 0px 15px;
874
	overflow: hidden;
875
	display: inline;
876
	float: left;
877
	width: 100px;
878
	height: 19px;
879
	border-right: 1px solid #D5D5D5;
880
	text-align: center;
881
}
882
883
.col1 {
884
	width: 100px;
885
}
886
887
.col2 {
888
	width: 100px;
889
}
890
891
.col3 {
892
	width: 100px;
893
}
894
895
.col4 {
896
	width: 100px;
897
}
898 5082 daigle
899
/**********************************************************************
900
 * change access specific settings
901
 **********************************************************************/
902
903
.change-access-header {
904
	color: #255333;
905
	font-size: 16px;
906
	font-style: normal;
907
	font-weight: bold;
908
	margin-left: 10px;
909
}
910
911
.change-access-header-emphasis {
912
	color: #DD7744;
913
	font-size: 16px;
914
	display: inline;
915
	float: left;
916
	margin-left: 10px;
917
}
918
919
.change-access-header-workflow {
920
	font-size: 16px;
921
	margin-left:10px;
922
	display: inline;
923
	float: left;
924
}
925
926
.change-access-indent-emphasis {
927
	color: #DD7744;
928
	font-size: 16px;
929
	font-weight: normal;
930
	display: inline;
931
	float: left;
932
	margin-left: 30px;
933
}
934
935
.change-access-row {
936
	display: block;
937
	margin-bottom: 5px;
938
}
939
940
.col_label {
941
	color: #255333;
942
	font-size: 14px;
943
}
944
945
.access_info_text {
946
	font-size: 14px;
947
}
948
949
.access_order_col {
950 5088 daigle
	width: 95px;
951 5099 daigle
	font-size: 14px;
952 5088 daigle
}
953
.access_type_col {
954
	width: 85px;
955 5099 daigle
	font-size: 14px;
956
957 5088 daigle
}
958
959
.principal_col {
960
	width: 400px;
961 5099 daigle
	font-size: 14px;
962 5088 daigle
}
963
964
.permissions_col {
965
	width: 234px;
966
}
967
968
.permission_element {
969
	display: inline;
970
	font-size: 14px;
971
}
972
973
.change_access_order_col {
974
	width: 95px;
975 5082 daigle
	margin-left: 10px;
976
	display: inline;
977
	float: left;
978
}
979 5088 daigle
980
.change_access_type_col {
981 5082 daigle
	width: 85px;
982
	margin-left: 10px;
983
	display: inline;
984
	float: left;
985
}
986
987 5088 daigle
.change_principal_col {
988 5082 daigle
	width: 400px;
989
	margin-left: 10px;
990
	display: inline;
991
	float: left;
992
}
993
994 5088 daigle
.change_permissions_col {
995
	width: 234px;
996 5082 daigle
	margin-left: 10px;
997
	display: inline;
998
}
999
1000
.access-submit-button {
1001
	margin: 20px 0px 10px 300px;
1002
	width: 150px;
1003
}