Project

General

Profile

1 5599 leinfelder
/*   '$RCSfile: pisco.css,v $'                                              */
2
/*     Purpose: Default style sheet for PISCO project web pages             */
3
/*              Using this stylesheet rather than placing styles directly   */
4
/*              into PISCO web documents allows us to globally change the   */
5
/*              formatting styles of the entire site in one easy place.     */
6
/*              Versioning information for this document can be found at    */
7
/*              cvs.piscoweb.org.                                           */
8
/*   Copyright: 2000 Regents of the University of California and the        */
9
/*              Partnership for Interdisciplinary Studies of Coastal Oceans */
10
/*     Authors: Chris Jones, James Woods                                    */
11
/*                                                                          */
12
/*    '$Author$'                                                   */
13
/*      '$Date$'                                      */
14
/*  '$Revision$'                                                      */
15
/*                                                                          */
16 1929 brooke
17
18 5599 leinfelder
/* Color Scheme:
19 8808 leinfelder
 *	  blue:						  #0066CC
20
 * 	  turquoise					  #00A8CC
21
 * 	  orange					  #CC9600
22
 *    light blue				  #F1F5F8
23 5599 leinfelder
 */
24
25 8808 leinfelder
@page {
26
	size: 8.5in 11in;
27
	margin: 5%;
28
}
29 5599 leinfelder
30 8808 leinfelder
31 5599 leinfelder
/*
32
*  import eml css:
33
*/
34
35
body {
36
    /* width:expression(document.body.clientWidth < 800? "800px": "auto");  */ /* hack for ie min width */
37
38
    margin:                     0px 0px 0px 0px;
39
    background-color:           #ffffff;
40
    padding:                    0px;
41
    border:                     0px;
42
/*  background-image:           url('images/bg.gif');
43
/*  background-position:        top left;     /* No NN4 */
44
/*  background-repeat:          repeat-y;     /* No NN4 */
45
46
    font-style:                 normal;
47
    font-weight:                normal;
48 8808 leinfelder
    font-size: 14px;
49
    font-family: Arial, sans-serif;
50 5599 leinfelder
    text-decoration:            none;
51 8808 leinfelder
52
    max-width: 900px;
53
    color: #444;
54
}
55
tbody {
56
    max-width: 100%;
57
    /*display: block;*/
58
}
59
table, tbody, tr {
60
    max-width: 100%;
61
}
62 5599 leinfelder
63
body>div img {
64
    padding:                    0px 0px 0px 0px;
65
    }
66
67
68
#content_wrapper {
69
	margin:                     0px 10px 10px 10px;
70
}
71
72
73
#header {
74
  width:                        100%;
75
  min-width:			800px;
76
  width:expression(document.documentElement.clientWidth < 800? "800px": "auto");   /* hack for ie min width */
77
   /* position:                   absolute;
78
    top:                        0px;
79
    left:                       10px;
80
    right:                      10px; */
81
/*  margin:                     0px 10px 0px 10px; /* T R B L */
82
    padding:                    0px;
83
    border:                     0px;
84
    background-color:           #ffffff;
85
/*  background-image:           url('images/data_catalog_header_bg.jpg'); */
86
87
    height:                     60px; /* begin hack for ie5win */
88
    width:                      100%;
89
    voice-family:               "\"}\"";
90
    voice-family:               inherit;
91
    height:                     60px;
92
    }
93
94
html>body #header {
95
    height:                     60px;
96
    width:                      auto;
97
    min-width:                  800px; /* end hack for ie5win */
98
    }
99
100
101
/* div "content" should be sibling to div "header" */
102
/* top margin required to clear sibling (logo is 100px tall)*/
103
104
#content {
105 8808 leinfelder
    /* margin:                     0px 0px 0px 0px ; */
106
    /* background-color:           #ffffff; */
107
    /* border:                     0px; */
108 5599 leinfelder
    /* margin:                     0px 0px 0px 0px;
109
 */
110 8808 leinfelder
    width: 100%;
111
}
112 5599 leinfelder
113
114
115
/* these elements positioned to be in header below */
116
117
#left_logo {
118
    position:                   absolute;
119
    top:                        5px;
120
    z-index:                    2;  /* stack on top of header menu */
121
    left:                       10px; /* we want the logo on the left */
122
    margin:                     0px 0px 0px 0px; /* T R B L */
123
    padding:                    0px;
124
    border:                     0px;
125
    background-image:           url('images/sbclter-logo.gif');
126
    background-position:        top left;     /* No NN4 */
127
    background-repeat:          no-repeat;         /* No NN4 */
128
    width:                      99px; /* begin hack for 1e5win */
129
    height:                     100px;
130
    voice-family:               "\"}\"";
131
    voice-family:               inherit;
132
    width:                      99px;
133
    height:                     100px;
134
    }
135
136
html>body #left_logo {
137
    width:                      99px;
138
    height:                     100px; /* end hack for ie5win */
139
    }
140
141
#right_logo {
142
    position:                   absolute;
143
    top:                        0px;
144
    right:                      10px; /* we want the logo near the right */
145
    margin:                     0px 0px 0px 0px; /* T R B L */
146
    padding:                    0px;
147
    border:                     0px;
148
    background-image:           url('images/sbclter-coastal-header.jpg');
149
    background-position:        top right;     /* No NN4 */
150
    background-repeat:          no-repeat;         /* No NN4 */
151
    height:                     60px; /* begin hack for 1e5win */
152
    width:                      223px;
153
    voice-family:               "\"}\"";
154
    voice-family:               inherit;
155
    height:                     60px;
156
    width:                      223px;
157
    }
158
159
html>body #right_logo {
160
    width:                      223px;
161
    height:                     60px; /* end hack for ie5win */
162
    }
163
164
/* banner holds the title and subtitle */
165
#banner {
166
    margin:                     0px 0px 0px 110px; /* T R B L */
167
    padding:                    0px;
168
    border:                     0px;
169
    background-color:           #ffffff;
170
/*  background-image:           url('images/data_catalog_header_search.jpg') */
171
    background-position:        top left;     /* No NN4 */
172
    background-repeat:          no-repeat;         /* No NN4 */
173
/*  height:                     60px; /* begin hack for ie5win */
174
    voice-family:               "\"}\"";
175
    voice-family:               inherit;
176
/*  height:                     60px;
177
 */
178
    }
179
180
html>body #banner {
181
/*  height:                     60px; /* end hack for ie5win */
182
    }
183
184
185
186
/* Header Sub-Title Classes
187
 * title and subtitle in the left portion of the banner */
188
189
div.header-title {
190
    position:           absolute;
191
    top:                5px;
192
    left:               110px;
193
    color:              #003366;
194
/*  padding:            1px 4px 1px 100px;
195
 */
196
    font-size:          26px;
197
    font-family:        serif;
198
    font-style:         normal;
199
    font-weight:        800;
200
}
201
202
203
div.header-subtitle {
204
    position:           absolute;
205
    top:                40px;
206
    left:               115px;
207
    color:              #006666;
208
/*  padding:            1px 4px 1px 110px; */
209
    font-size:          12px;
210
}
211
212
div.header-menu {
213
    position:           absolute;
214
    top:                60px;
215
    width:              100%;
216
    z-index:            1;       /* put menu underneath logos */
217
    border-top:         1px solid #006666;
218
    border-bottom:      1px solid #006666;
219
    color:              #666600;
220
    background-color:   #CCCC99;
221
    padding:            2px 2px 2px 110px;
222
    font-size:          14px;
223
}
224
225
226
227
228
/* header doesnt currently accomodate this class  */
229
div.header-submenu {
230
    color:              #003366;
231
    background-color:   #FFFFFF;
232
    padding:            2px 10px 2px 110px;
233
    font-size:          14px;
234
}
235
236
237
238
239
#left_sidebar {
240
    position:                   absolute;
241
    top:                        0px;
242
    left:                       0px;
243
    margin:                     0px;
244
    padding:                    0px;
245
    border:                     0px;
246
    background-color:           #003366;
247
    width:                      10px; /* begin hack for 1e5win */
248
    voice-family:               "\"}\"";
249
    voice-family:               inherit;
250
    width:                      10px;
251
    }
252
253
html>body #left_sidebar {
254
    width:                      10px; /* end hack for ie5win */
255
    }
256
257
#right_sidebar {
258
    position:                   absolute;
259
    top:                        0px;
260
    right:                      0px;
261
    margin:                     0px;
262
    padding:                    0px;
263
    border:                     0px;
264
    background-color:           #003366;
265
    width:                      10px; /* begin hack for 1e5win */
266
    voice-family:               "\"}\"";
267
    voice-family:               inherit;
268
    width:                      10px;
269
    }
270
271
html>body #right_sidebar {
272
    width:                      10px; /* end hack for ie5win */
273
    }
274
275
276
277 8808 leinfelder
/** Citation at the top of EML HTML page **/
278
.group .citation{
279
	background-color: #F1F5F8;
280
	padding: 1%;
281
	border-radius: 5px;
282
	border: 1px solid #D8DCE0;
283
	font-size: 1.2em;
284
}
285 5599 leinfelder
286
287
288
289
290
291
/* these classes to be children of div "content" */
292
293
294
/* for the skip-to box */
295
296
 div.skipto-box {
297
      vertical-align:	  middle;
298
      text-align:         center;
299
      color:              #003366;
300
      background-color:   #CCCC99;
301
      /* turned off float, placed with a table cell */
302
      /*float:              left; */
303
      padding:            6px;
304
      /* set border for NN4 only change in advanced.css */
305
      border:             0.1px solid #006666;
306
      margin:             8px;
307
      /* width: 		  50%; */
308
      width:              300px;
309
     /* height:             20px; */
310
      font-size:          12px;
311
  }
312
313
div.r-box {
314
      vertical-align:     middle;
315
      text-align:         center;
316
      color:              #003366;
317
      background-color:   #CCCC99;
318
      float:              right;
319
      padding:            6px 6px;
320
      /* set border for NN4 only change in advanced.css */
321
      border:             0.1px solid #006666;
322
      margin:             0px;
323
      width:              50%;
324
   /*   height:             auto; */
325
      font-size:          12px;
326
   /*   clear:              both; */
327
  }
328
329
330
div.content-area {
331
       /* for padding area within parent area */
332
    background-color:   #FFFFFF;
333
    color:              #003366;
334
    text-align:         left;
335
   padding:            30px 40px 15px 40px;
336
   /*padding:            0px 0px 0px 0px; */
337
338
}
339
340
div.content-area-dense {
341
       /* for padding area within parent area */
342
    background-color:   #FFFFFF;
343
    color:              #003366;
344
    text-align:         left;
345
  /*  padding:            30px 40px 15px 40px; */
346
   padding:            0px 0px 0px 0px;
347
348
}
349
350
351
352
div.hanging-paragraph {
353
	margin-left:	20px;
354
	text-indent:	-20px;
355
356
}
357
358
div.smaller-font {
359
    	font-size:		smaller;
360
}
361
362
div.bottom-padding {
363
/*	padding:		0px 0px 10px 0px; */
364
	padding-bottom:		10px;
365
}
366
367
div.left-padding {
368
	padding-left:		10px;
369
}
370
371
#search-box {
372
  /* background and text style set by table .group */
373
  position:           relative;
374
  margin-left:        50%;
375
  /* top: 110px; */
376
 }
377
378
379
#search-box_right {
380
    text-align:     right;
381
    }
382
383
#loginbox {
384
    border:                     0px;
385
    position:                   absolute;
386
    top:                        55px;
387
    right:                      65px;
388
    }
389
390
#footer {
391
    position:                   absolute;
392
    right:                      10px;
393
    bottom:                     0;
394
    left:                       167px;
395
    margin:                     0px 10px 10px 177px;
396
    }
397
398
#debug {
399
    position:                   absolute;
400
    right:                      20px;
401
    bottom:                     0;
402
    left:                       167px;
403
    margin:                     0px 10px 10px 177px;
404
    }
405
406
p,ul,ol,dl,li,dt {
407
    color:                      #555555;
408
    font-style:                 normal;
409
    font-weight:                normal;
410
    text-decoration:            none;
411
  }
412
413
p ol,p ul, p dl, ol ul {
414
    color:                      #555555;
415
    font-style:                 normal;
416
    font-weight:                normal;
417
    text-decoration:            none;
418
  }
419
420
ul,ol {
421
    padding:                    0px;
422 8808 leinfelder
    margin-left:				20px;
423
    list-style:					circle;
424 5599 leinfelder
    }
425
426
427
428
.ol-lower-alpha {
429
    list-style-type: lower-alpha;
430
    margin-top:       2px;
431
432
  }
433
434
435
.ul-bulleted-list {
436
    list-style-type:  disc;
437
    margin-top:       2px;
438
    margin-bottom:    10px;
439
    margin-left:      15px;
440
  }
441
442
/* add a little space before items in a list ?*/
443
/* ol li { margin-top : 5px; } */
444
/* ul li { margin-top : 5px; } */
445
446
447
448
449
div {
450 8808 leinfelder
    /* color:                      #003366; */
451
    /* font-style:                 normal; */
452
    /* font-weight:                normal; */
453
    /* text-decoration:            none; */
454 5599 leinfelder
  }
455
456
457
/* NN 4.xx needs the font weight reset for b and strong tags */
458
strong, b {
459
    font-weight:                800;
460
  }
461
462
/* to emphasize words, use it inline with a <span> class*/
463
big {
464
    font-size:                  larger;
465
  }
466
467
/* to shrink words, use it inline with a <span> class*/
468
small {
469
    font-size:                  smaller;
470
  }
471
472
/* for pre-formated text: adds a small padding around it
473
 * font is set to the default style,
474
 * but could be changed for different effect
475
 */
476
pre {
477
    padding:                    10px;
478
    font-style:                 normal;
479
    font-weight:                normal;
480
    text-decoration:            none;
481 8808 leinfelder
    overflow-wrap:				break-word;
482 5599 leinfelder
  }
483
484
pre.inline {
485
    padding: 0px;
486
    padding-left: 10px;
487
    padding-right: 10px;
488
}
489
490
/* for creating block quotes.
491
 * set off with a slight indent to the left & right margins
492
 * font is set to default style,
493
 * but could be changed for different effect
494
 */
495
blockquote {
496
    color:                      #003366;
497
    padding:                    0;
498
    font-style:                 normal;
499
    font-weight:                normal;
500
    text-decoration:            none;
501
  }
502
503
/* Headings Tags :
504
 * Headings are used to break up straight text.
505
 * They are used to present topics, or subsections, chapters, etc.
506
 * There are 6 headings tag which can be styled as we wish.
507
 * All of our headings will be rendered in the same font and color as the
508
 * default settings.
509 1929 brooke
 */
510 5599 leinfelder
511
/* h1: very large font, set bold */
512
h1 {
513
    color:                      #003366;
514
    background-color:           #ffffff;
515
    padding:                    0;
516
    font-size:                  18pt;
517
    font-style:                 normal;
518
    font-weight:                bold;
519
    text-decoration:            none;
520
  }
521
522
/* large font, set bold */
523
h2 {
524
    color:                      #003366;
525
    background-color:           #ffffff;
526
    padding:                    0;
527
    font-size:                  16pt;
528
    font-style:                 normal;
529
    font-weight:                bold;
530
    text-decoration:            none;
531
  }
532
533
/* slightly larger font, set bold */
534
h3 {
535
    padding:                    0;
536 8808 leinfelder
    font-size:                  1.3em;
537
    line-height:				1.5em;
538 5599 leinfelder
    font-style:                 normal;
539
    font-weight:                700;
540
    text-decoration:            none;
541 8808 leinfelder
    margin-bottom:              0px;
542 5599 leinfelder
  }
543
544
545
/* an italic header w border */
546
/*
547
h3 {
548
  border-bottom:                #94c1d4 solid 1px;
549
  color:                        #003366;
550
  padding:                      0;
551
  font-size:                    14pt;
552
  margin:                       3px;
553
  text-align:                   left;
554
  font-style:                   italic;
555
  font-weight:                  200;
556
  }
557
*/
558
559
560
561
/* slightly larger, no bold */
562
/* make margins around h4 all the same, and a little larger than h5 */
563
h4 {
564
    padding:                    0;
565
    font-size:                  12pt;
566
    font-style:                 normal;
567 8808 leinfelder
    font-weight:                600;
568 5599 leinfelder
    text-decoration:            none;
569 8808 leinfelder
    margin-top:					0px;
570
    margin-bottom:              0px;
571 5599 leinfelder
572
  }
573
574 8808 leinfelder
/* Us for subtitles*/
575 5599 leinfelder
h5 {
576 8808 leinfelder
	color:						#666666;
577 5599 leinfelder
    padding:                    0;
578 8808 leinfelder
    font-size:                  1em;
579 5599 leinfelder
    font-style:                 normal;
580
    font-weight:                400;
581
    text-decoration:            none;
582 8808 leinfelder
    margin:						0px;
583
    line-height:				1em;
584 5599 leinfelder
  }
585
586
/* very small font */
587
h6 {
588
    background-color:           #FFFFFF;
589
    padding:                    0;
590
    font-size:                  10pt;
591
    font-style:                 normal;
592
    font-weight:                normal;
593
    text-decoration:            none;
594
  }
595
596
597
598
/* Old style hr command - will be depreciated
599
 * Netscape 4.x does not like this
600
 * should use new style below
601
 * used anywhere? remove?
602
 */
603
hr {
604
    border-top:                 #003366 0px solid;
605
    width:                      450px;
606
    height:                     2px;
607
    background-color:           #003366;
608
    /*border-width:               none;
609
    border-color:               #003366; */
610
  }
611
612
/* New horizontal rule. Netscape 4.x should render this fine.
613
 * apply this class to a <div> tag for the desired effect.
614
 * the rule is 1px wide, blue with a slight margin on the left and right.
615
 */
616
.rule {
617
    border-top-width:           2px;
618
    border-top-style:           solid;
619
    border-color:               #003366;
620
    margin:                     4px 4px
621
  }
622
623
 /* Default link properties
624
 * currently set the links to the dark tan
625
 * with no additional decorations
626
 * except underline on hover
627
*/
628
a:link {
629 8808 leinfelder
    color:                      #0066CC;
630 5599 leinfelder
    background:                 transparent;
631
/*    background-color:           #FFFFFF; */
632
    text-decoration:            none;
633
  }
634
a:hover {
635 8808 leinfelder
    color:                      #00A8CC;
636 5599 leinfelder
  }
637
a:active {
638 8808 leinfelder
    color:                      #CC9600;
639 5599 leinfelder
  }
640
641
/* Menu Link properties
642
 * the Menu is currently identical to the dafault
643
 * but this may change so it is defined here
644
 */
645
a.menu:link {
646
    color:                      #003366;
647
    background:                 transparent;
648
    /*background-color:           #CCCC9A;*/
649
    text-decoration:            none;
650
  }
651
a.menu:visited {
652
    color:                      #003366;
653
    background:                 transparent;
654
    /*background-color:           #CCCC9A;*/
655
    text-decoration:            none;
656
  }
657
a.menu:hover {
658
    color:                      #003366;
659
    background:                 transparent;
660
   /* background-color:           #CCCC9A;*/
661
    text-decoration:            underline;
662
  }
663
a.menu:active {
664
    color:                      #003366;
665
    background:                 transparent;
666
   /* background-color:           #CCCC9A; */
667
    text-decoration:            none;
668
  }
669
670
/* SubMenu Link Properties
671
 * Set the color to dark tan with underline on hover
672
 */
673
a.submenu:link {
674
    color:                      #003366;
675
/*  color:                      #003366; */
676
    background:                 transparent;
677
    /*background-color:           #CCCC9A;*/
678
    text-decoration:            none;
679
  }
680
a.submenu:visited {
681
    color:                      #003366;
682
/*  color:                      #003366; */
683
    background:                 transparent;
684
    /*background-color:           #CCCC9A;*/
685
    text-decoration:            none;
686
  }
687
a.submenu:hover {
688
    color:                      #003366;
689
/*  color:                      #003366; */
690
    background:                 transparent;
691
   /* background-color:           #CCCC9A;*/
692
    text-decoration:            underline;
693
  }
694
a.submenu:active {
695
    color:                      #003366;
696
/*  color:                      #003366; */
697
    background:                 transparent;
698
   /* background-color:           #CCCC9A; */
699
    text-decoration:            none;
700
  }
701
702
703
/* image styles */
704
/* no padding or border around images by default */
705
img {
706
    border:                     0px;
707
    border-style:               none;
708
    border-width:               0px;
709
    padding:                    0px;
710
    text-decoration:            none;
711
  }
712
713
/* this class is needed to remove some extra space along the top of images
714
 * this attribute can not be put into default img class because it prevents
715
 * text from wrapping correctly
716
 */
717
img.vtop {
718
    vertical-align:             top;
719
  }
720
721
/* Add a blue border around an image */
722
723
img.border {
724
    border:                     medium;
725
    border-style:               solid;
726
    border-color:               #003366;
727
    padding:                    0px;
728
  }
729
730
/* Format the headshot images in the who section */
731
732
img.headshot {
733
    margin-right:               20px;
734
    margin-bottom:              40px;
735
  }
736
737
/* Format the headshot images in the who section
738
 * that have alot of text aligned to the right */
739
img.headshot_long {
740
    margin-right:               20px;
741
    margin-bottom:              80px;
742
  }
743
744
/* Format inline images justified to the left in the text*/
745
746
img.inlineleft {
747
    border:                     medium;
748
    border-style:               solid;
749
    border-color:               #003366;
750
    margin-right:               8px;
751
    margin-top:                 8px;
752
    margin-bottom:              8px;
753
  }
754
755
/* Format inline images justified to the right in the text*/
756
757
img.inlineright {
758
    border:                     medium;
759
    border-style:               solid;
760
    border-color:               #003366;
761
    margin-left:                8px;
762
    margin-top:                 8px;
763
    margin-bottom:              8px;
764
  }
765
766
/* Default behavior for linked images
767
 * no border, no padding, aligned to the top
768
 */
769
770
a img {
771
    border:                     0px;
772
    border-style:               none;
773
    border-width:               0px;
774
    padding:                    0px;
775
    vertical-align:             top;
776
    text-decoration:            none;
777
  }
778
779
/* Default for table cells.
780
 * No border or padding.
781
 * Keep the relative font size and set color to blue
782
 */
783
784
 td {
785 8808 leinfelder
    /* color:                      #003366; */
786
    /* font-style:                 normal; */
787
    /* font-size:                  95%; */
788
    /* font-weight:                normal; */
789 5599 leinfelder
    text-decoration:            none;
790
    border:                     0px;
791
    padding:                    0px;
792
    vertical-align:             top;
793
794 8808 leinfelder
    max-width: 900px;
795
    /* display: inline-block; */
796
}
797
798 5599 leinfelder
/* Classes for the footer area */
799
800
/* Basic footer class to get the correct font size
801
 * default footer style.
802
 * colors are the same, but font size is smaller
803
 */
804
.footer {
805
    color:                      #003366;
806
    background-color:           #FFFFFF;
807
    margin-top:                 20px;
808
    margin-bottom:              20px;
809
    margin-left:                5px;
810
    margin-right:               0px;
811
    font-size:                  75%;      /* No EM in NN4 */
812
    font-style:                 normal;
813
    font-weight:                normal;
814
    text-decoration:            none;
815
    text-align:                 center;
816
  }
817
/* extra class to handle the small table in the footer */
818
.tblfooter {
819
    color:                      #003366;
820
    background-color:           #FFFFFF;
821
    font-size:                  75%;      /* No EM in NN4 */
822
    font-style:                 normal;
823
    font-weight:                normal;
824
    text-decoration:            none;
825
  }
826
827
/* Classes for positioning: use with div tags for desired effect */
828
.indent1 {
829
    white-space:                nowrap;
830
    padding-left:               10px;
831
}
832
833
.indent2 {
834
    padding-left:               15px;
835
}
836
837
.indent3 {
838
    padding-left:               50px;
839
}
840
841
/* Classes for the <em> tag (emphasis) */
842
.italic {
843
    font-style:                 italic;
844
    font-weight:                normal;
845
  }
846
847
.italics {
848
    font-style:                 italic;
849
    font-weight:                normal;
850
  }
851
852
.bold {
853
    font-style:                 normal;
854
    font-weight:                bold;
855
  }
856
857
.waybold {
858
    font-style:                 italic;
859
    font-weight:                bolder;
860
  }
861
862
/* Additions for the data catalog pages */
863
864
/* Define a border for groups of elements.  This uses the
865
   -moz-border-radius (Mozilla, Netscape, Opera only)
866
   attribute for the time being.  Once
867
   browsers support the CSS3 border-radius attribute, this
868
   should be switched.*/
869
.group {
870 8808 leinfelder
    /* padding:                    0; */
871
    /* color:                      #003366; */
872
    /* min-width:                  800px; */
873 5599 leinfelder
    voice-family:               "\"}\""; /* begin ie5win hack */
874
    voice-family:               inherit;
875
    -moz-border-radius:         10px; /* end ie5win hack */
876
    }
877
/* Children of the group get some padding */
878
.group * {
879 8808 leinfelder
    padding: 2px;
880 5599 leinfelder
    }
881 3440 bowdish
882 5599 leinfelder
.group_border {
883
    /* aqua-green border */
884 8808 leinfelder
    /* border:                     #006666 solid 1px; */
885
    max-width: 100%;
886
    display: block;
887
}
888 5599 leinfelder
889
.subGroup {
890 8808 leinfelder
    /* padding:                    3px; */
891
    /* color:                      #003366; */
892 5599 leinfelder
    voice-family:               "\"}\""; /* begin ie5win hack */
893
    voice-family:               inherit;
894
    -moz-border-radius:         10px; /* end ie5win hack */
895
    }
896
897
.subGroup_border {
898 8808 leinfelder
    border: #DDD solid 1px;
899
	border-radius: 5px;
900
}
901 5599 leinfelder
902
/* This selector causes the 'section' tables to indent under the overarching div
903
 * tags */
904
div>table.subGroup {
905
    padding-left:               15px;
906
    padding-right:              15px;
907
    }
908
909
div.left {
910
    position:                   absolute;
911
    left:                       20px;
912
    clear:                      right;
913
    }
914
915
div.right {
916
    position:                   absolute;
917
    right:                      20px;
918
    clear:                      left;
919
    }
920
921
table.left {
922
    position:                   absolute;
923
    left:                       20px;
924
    }
925
926
table.right {
927
    float:                      right;
928
    margin-right:               10px;
929
    clear:                      left;
930
    }
931
932 8808 leinfelder
.group th {
933
    /* border-bottom:              #006666 solid 1px; */
934
    /* color:                      #003366; */
935
    padding: 2px;
936
    /* margin:                     0; */
937 5599 leinfelder
    text-align:                 left;
938 8808 leinfelder
    /* font-style:                 normal; */
939
    /* font-weight:                700; */
940
    font-weight: bold;
941
    font-size: .9em;
942 5599 leinfelder
}
943
944
th.rowheader {
945
    background:                 #f1f8f8;
946
    border-right:               #94c1d4 solid 1px;
947
    }
948
949
.rowodd {
950 8808 leinfelder
    /* border-bottom:              #94c1d4 dotted 1px; */
951
    /* border-top:                 #94c1d4 dotted 1px; */
952
    background-color:           #F1F5F8;
953
    /* padding:                    0; */
954
    /* margin:                     0; */
955 5599 leinfelder
}
956
957
.coleven {
958 8808 leinfelder
    border-right:               #BAC4CF solid 1px;
959
    background-color:           #F1F5F8;
960 5599 leinfelder
}
961
962
963
.innercolodd {
964
    font-size:                  .75em;
965
    padding-left:               2px;
966
    padding-right:              2px;
967
    text-align:                 left;
968
}
969
970
.innercoleven {
971
    background-color:           #f1f8f8;
972
    font-size:                  .75em;
973
    padding-left:               2px;
974
    padding-right:              2px;
975
    text-align:                 left;
976 3440 bowdish
}
977 1929 brooke
978 5599 leinfelder
.onehundred_percent {
979 8808 leinfelder
     width:                      100%;
980 5599 leinfelder
    }
981
982
.eighty_percent {
983
    width:                      80%;
984
    }
985
986
987
.seventyfive_percent {
988
    width:                      75%;
989
    }
990
991
.seventy_percent {
992
    width:                      70%;
993
    }
994
995
.fifty_percent {
996
    width:                      50%;
997
    }
998
999
.fortyfive_percent {
1000 8808 leinfelder
    /* width:                      45%; */
1001
    display: block;
1002
}
1003 5599 leinfelder
1004
.forty_percent {
1005
    width:                      40%;
1006
    }
1007
1008
.twentyfive_percent {
1009
    width:                      25%;
1010
    }
1011
1012
1013
.twenty_percent {
1014
    width:                      20%;
1015
    }
1016
1017
1018
.fifteen_percent {
1019
    width:                      15%;
1020
    }
1021
1022
input, select, textarea {
1023
    color:                      #003366;
1024
    border:                     1px solid #94c1d4;
1025
    margin:                     5px;
1026
    }
1027
1028
input.submit {
1029
    margin-left:                5px;
1030
    border:                     #94c1d4 dotted 1px;
1031
    background-color:           #f1f8f8;
1032
    font-size:                  85%;
1033
    }
1034
1035
label {
1036
    text-align:                 right;
1037
    vertical-align:             middle;
1038
    color:                      #94c1d4;
1039
    }
1040
1041
.login {
1042
    font-size:                  85%;
1043
    width:                      6em;
1044
    }
1045
input.view.data-button{
1046
 /*  color:		#666600; */
1047
   font-size:		1.25em;
1048
 /*  font-weight:		bold; */
1049
   text-decoration:		underline;
1050
   background:		#ffffff;
1051
1052
}
1053
1054
/***
1055
iframe classes
1056
****/
1057 1929 brooke
.iframeheaderclass {
1058 5706 leinfelder
    height:   85px;
1059 8808 leinfelder
    width:    100%;
1060 1929 brooke
    border:   0px;
1061 5599 leinfelder
    /*margin-bottom:   10px;*/
1062
    margin: 10px;
1063 1929 brooke
}
1064
1065
.iframesearchboxclass {
1066 5706 leinfelder
    height:   450px;
1067 1929 brooke
    width:    100%;
1068
    border:   0px;
1069
    margin:   0px;
1070
}
1071
1072 2745 costa
.iframeadvancedsearchboxclass {
1073
    height:   1250px;
1074
    width:    100%;
1075
    border:   0px;
1076
    margin:   0px;
1077
}
1078
1079 3034 perry
.iframemapclass {
1080
    height:   570px;
1081
    width:    100%;
1082
    border:   0px;
1083
    margin:   0px;
1084
}
1085
1086 1929 brooke
.iframeloginboxclass {
1087 5706 leinfelder
    height:   305px;
1088 1929 brooke
    width:    100%;
1089
    border:   0px;
1090
    margin:   0px;
1091
}
1092
1093
.iframeleftcolclass  { /* not used */ }
1094
.iframerightcolclass { /* not used */ }
1095
.iframefooterclass   { /* not used */ }
1096
1097
/**
1098
 *  set the size and alignment etc of the top-level layout table
1099
 */
1100
.templatetableclass {
1101
    width:   100%;
1102
    border:   0px;
1103
    padding:  0px;
1104
    margin:   0px;
1105
}
1106
1107
/**
1108
 *  set the style of the main content area and its contents
1109
 */
1110
.templatecontentareaclass {
1111
    border:   0px;
1112
    padding:  0px;
1113
    margin:   0px;
1114
}
1115
1116
/**
1117
 *  set the correct <td> sizes to accomodate the
1118
 *  header, footer, left and right iframes.
1119
 *  NOTE: these styles apply only to each
1120
 *  container frame, *NOT* to the document in
1121
 *  the iframe within it!
1122
 */
1123
.templateheaderrowclass {
1124 5601 leinfelder
    height:   80px;
1125 1929 brooke
    /*
1126
      no width allowed - uses same width as table class
1127
    */
1128
    border:   0px;
1129
    padding:  0px;
1130
    margin:   0px;
1131
}
1132
1133
.templateleftcolclass {
1134
    height:   100%;
1135
    width:    0px;
1136
    border:   0px;
1137
    padding:  0px;
1138
    margin:   0px;
1139
}
1140
1141
.templaterightcolclass {
1142
    height:   100%;
1143
    width:    0px;
1144
    border:   0px;
1145
    padding:  0px;
1146
    margin:   0px;
1147
}
1148
1149
.templatefooterrowclass {
1150
    height:   0px;
1151
    /*
1152
      no width allowed - uses same width as
1153
      table class
1154
    */
1155
    border:   0px;
1156
    padding:  0px;
1157
    margin:   0px;
1158
}
1159 5599 leinfelder
1160
.banner {
1161
	background-image: url("./images/banner_background.jpg");
1162
	background-repeat: repeat-x;
1163 1929 brooke
}
1164
.sectionheader {
1165 5599 leinfelder
	font-weight: bold;
1166 1929 brooke
}
1167 5599 leinfelder
.searchresultsdivider {
1168
	height:	10px;
1169 1929 brooke
}
1170 5599 leinfelder
.highlight {
1171
    border-bottom:              #94c1d4 dotted 1px;
1172
    border-top:                 #94c1d4 dotted 1px;
1173
    background-color:           #f1f8f8;
1174
    padding:                    0;
1175
    margin:                     0;
1176 1929 brooke
}
1177
.tablehead {
1178 8808 leinfelder
    text-align:                 left;
1179
    font-style:                 normal;
1180
    font-weight:                700;
1181
    font-size:					1em;
1182
    padding-top:				.2em;
1183
    padding-bottom:				.2em;
1184
}
1185
1186
/**
1187
* For EML spec styling
1188
**/
1189
div.book {
1190
	margin: 20px;
1191
}
1192
1193
div.book a:link {
1194
	text-decoration: underline;
1195
}
1196
1197
div.title {
1198 5599 leinfelder
    color:                      #003366;
1199 8808 leinfelder
    background-color:           #ffffff;
1200 5599 leinfelder
    padding:                    0;
1201 8808 leinfelder
    font-size:                  16pt;
1202 5599 leinfelder
    font-style:                 normal;
1203 8808 leinfelder
    font-weight:                bold;
1204
    text-decoration:            none;
1205
}
1206
1207
div.sectiontitle {
1208
    color:                      #003366;
1209
    background-color:           #ffffff;
1210
    padding:                    0;
1211
    font-size:                  14pt;
1212
    font-style:                 normal;
1213 5599 leinfelder
    font-weight:                700;
1214 8808 leinfelder
    text-decoration:            none;
1215 1929 brooke
}
1216 8808 leinfelder
1217
/** For attributes table **/
1218
tr.attributes{
1219
	font-size: 0.9em;
1220
}
1221
1222
1223
@page {
1224
	size: 11in 11in;
1225
}