Project

General

Profile

« Previous | Next » 

Revision 5564

use sbclter css

View differences:

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

  
31 17

  
32
/**
33
 *  set the correct iframe sizes to accomodate the 
34
 *  header, footer, left and right areas.
35
 *  NOTE: these styles apply only to each 
36
 *  container frame, *NOT* to the document within it!
37
 */  
38
 
39
.citation   {
40
    color: black;
41
    background-color: #FFFFFF;
42
    font-size: 1.2em
43
    padding-left: 10px;
44
}    
18
/* Color Scheme:
19
 *    dark blue:                  #003366
20
 *    aqua blue:                  #0066CC
21
 *    aqua green:                 #006666
22
 *    white:                      #FFFFFF
23
 *    dark tan(kelp color):       #666600
24
 *    light tan:                  #CCCC99
25
 */
45 26

  
46
.iframeheaderclass {
47
    height:   100px; 
48
    width:    100%;
49
    border:   0px;
50
    margih:   0px;
51
}
52 27

  
53
.iframesearchboxclass {
54
    height:   340px; 
55
    width:    100%;
56
    border:   0px;
57
    margin:   0px;
58
}
28
/*
29
*  import eml css:
30
*/
59 31

  
60
.iframeadvancedsearchboxclass {
61
    height:   1250px; 
62
    width:    100%;
63
    border:   0px;
64
    margin:   0px;
65
}
32
body {
33
    width:                   100%;
34
    min-width:			800px;
35
    /* width:expression(document.body.clientWidth < 800? "800px": "auto");  */ /* hack for ie min width */
66 36

  
67
.iframemapclass {
68
    height:   570px; 
69
    width:    100%;
70
    border:   0px;
71
    margin:   0px;
72
}
37
    margin:                     0px 10px 10px 10px;
38
    background-color:           #ffffff;
39
    padding:                    0px;
40
    border:                     0px;
41
/*  background-image:           url('images/bg.gif');
42
/*  background-position:        top left;     /* No NN4 */
43
/*  background-repeat:          repeat-y;     /* No NN4 */
73 44

  
74
.iframeloginboxclass {
75
    height:   250px; 
76
    width:    100%;
77
    border:   0px;
78
    margin:   0px;
79
}
45
    font-style:                 normal;
46
    font-weight:                normal;
47
    font-size:                  100%;
48
    font-family:                Verdana, Arial, Helvetica, sans-serif;
49
    text-decoration:            none;
50
  }
80 51

  
81
.iframeleftcolclass  { /* not used */ }
82
.iframerightcolclass { /* not used */ }
83
.iframefooterclass   { /* not used */ }
52
body>div img {
53
    padding:                    0px 0px 0px 0px;
54
    }
84 55

  
85
/**
86
 *  set the size and alignment etc of the top-level layout table
87
 */  
88
.templatetableclass {
89
    width:   100%; 
90
    border:   0px;
91
    padding:  0px;
92
    margin:   0px;
93
}
94 56

  
95
/**
96
 *  set the style of the main content area and its contents
97
 */ 
98
.templatecontentareaclass {
99
    border:   0px;
100
    padding:  0px;
101
    margin:   0px;
102
}
103 57

  
104
/**
105
 *  set the correct <td> sizes to accomodate the 
106
 *  header, footer, left and right iframes.
107
 *  NOTE: these styles apply only to each 
108
 *  container frame, *NOT* to the document in
109
 *  the iframe within it!
110
 */  
111
.templateheaderrowclass {
112
    height:   80px; 
113
    /*
114
      no width allowed - uses same width as table class
115
    */
116
    border:   0px;
117
    padding:  0px;
118
    margin:   0px;
119
}
120 58

  
121
.templateleftcolclass {
122
    height:   100%; 
123
    width:    0px;
124
    border:   0px;
125
    padding:  0px;
126
    margin:   0px;
127
}
128 59

  
129
.templaterightcolclass {
130
    height:   100%; 
131
    width:    0px;
132
    border:   0px;
133
    padding:  0px;
134
    margin:   0px;
135
}
60
#header {
61
  width:                        100%;
62
  min-width:			800px; 
63
  width:expression(document.documentElement.clientWidth < 800? "800px": "auto");   /* hack for ie min width */
64
   /* position:                   absolute;  
65
    top:                        0px;
66
    left:                       10px; 
67
    right:                      10px; */
68
/*  margin:                     0px 10px 0px 10px; /* T R B L */
69
    padding:                    0px;
70
    border:                     0px;
71
    background-color:           #ffffff;
72
/*  background-image:           url('images/data_catalog_header_bg.jpg'); */
136 73

  
137
.templatefooterrowclass {
138
    height:   0px; 
139
    /*
140
      no width allowed - uses same width as
141
      table class
142
    */
143
    border:   0px;
144
    padding:  0px;
145
    margin:   0px;
146
}
147
.sectioncorner {
148
    background-image: url(images/panelhead_bg.gif);
149
}
74
    height:                     60px; /* begin hack for ie5win */
75
    width:                      100%;
76
    voice-family:               "\"}\"";
77
    voice-family:               inherit;
78
    height:                     60px;
79
    }
150 80

  
151
.sectionheader {
152
    background-image: url(images/panelhead_bg.gif);
153
    text-align: center;
154
    color: #0247A8; 
155
    /*    font-size: 1em; 
156
     *        font-weight: bold; */
157
    font-size: 14px; 
158
    font-weight: bold;
159
     }
81
html>body #header {
82
    height:                     60px; 
83
    width:                      auto;
84
    min-width:                  800px; /* end hack for ie5win */
85
    }
160 86

  
161 87

  
162
.searchcat {
163
    padding-left: 5px;
164
    color: #0247A8;
165
    font-weight: bold;
166
    font-size: 11px; 
167
}
168
                    
169
td.searchsubcat {
170
    padding-left: 15px; 
171
}
88
/* div "content" should be sibling to div "header" */ 
89
/* top margin required to clear sibling (logo is 100px tall)*/
172 90

  
173
a.searchsubcat {
174
    color: #669933; 
175
    font-weight: normal;
176
    font-size: 11px; 
177
}
178
                                        
179
a.searchsubcat:hover {
180
    color: #ff9933;
181
    text-decoration: underline; 
182
}
91
#content {
92
    margin:                     105px 0px 0px 0px ; 
93
    background-color:           #ffffff;
94
    border:                     0px;
95
    /* margin:                     0px 0px 0px 0px;
96
 */
97
    }
183 98

  
184
/**
185
 *  then add any other styles used
186
 *  by your page......
99

  
100

  
101
/* these elements positioned to be in header below */
102

  
103
#left_logo {
104
    position:                   absolute;
105
    top:                        5px;
106
    z-index:                    2;  /* stack on top of header menu */
107
    left:                       10px; /* we want the logo on the left */
108
    margin:                     0px 0px 0px 0px; /* T R B L */
109
    padding:                    0px;
110
    border:                     0px;
111
    background-image:           url('images/sbclter-logo.gif');
112
    background-position:        top left;     /* No NN4 */
113
    background-repeat:          no-repeat;         /* No NN4 */
114
    width:                      99px; /* begin hack for 1e5win */
115
    height:                     100px; 
116
    voice-family:               "\"}\"";
117
    voice-family:               inherit;
118
    width:                      99px;
119
    height:                     100px;
120
    }
121

  
122
html>body #left_logo {
123
    width:                      99px;
124
    height:                     100px; /* end hack for ie5win */
125
    }
126

  
127
#right_logo {
128
    position:                   absolute;
129
    top:                        0px;
130
    right:                      10px; /* we want the logo near the right */
131
    margin:                     0px 0px 0px 0px; /* T R B L */
132
    padding:                    0px;
133
    border:                     0px;
134
    background-image:           url('images/sbclter-coastal-header.jpg');
135
    background-position:        top right;     /* No NN4 */
136
    background-repeat:          no-repeat;         /* No NN4 */
137
    height:                     60px; /* begin hack for 1e5win */
138
    width:                      223px;
139
    voice-family:               "\"}\"";
140
    voice-family:               inherit;
141
    height:                     60px;
142
    width:                      223px;
143
    }
144

  
145
html>body #right_logo {
146
    width:                      223px;
147
    height:                     60px; /* end hack for ie5win */
148
    }
149

  
150
/* banner holds the title and subtitle */
151
#banner {
152
    margin:                     0px 0px 0px 110px; /* T R B L */
153
    padding:                    0px;
154
    border:                     0px;
155
    background-color:           #ffffff;
156
/*  background-image:           url('images/data_catalog_header_search.jpg') */
157
    background-position:        top left;     /* No NN4 */
158
    background-repeat:          no-repeat;         /* No NN4 */
159
/*  height:                     60px; /* begin hack for ie5win */
160
    voice-family:               "\"}\"";
161
    voice-family:               inherit;
162
/*  height:                     60px;
187 163
 */
164
    }
188 165

  
189
body { 
190
  	padding-top: 3px;
191
    color: #333333; 
192
    background-color: #eeeeee;
193
    background-image: url(images/bgpattern.gif);
194
    font-weight: normal;
195
    font-size: 12px; 
196
    font-family: Verdana,Arial,Helvetica,sans-serif; 
166
html>body #banner {
167
/*  height:                     60px; /* end hack for ie5win */
168
    }
169

  
170

  
171

  
172
/* Header Sub-Title Classes
173
 * title and subtitle in the left portion of the banner */
174

  
175
div.header-title {
176
    position:           absolute;
177
    top:                5px;
178
    left:               110px;
179
    color:              #003366;
180
/*  padding:            1px 4px 1px 100px;
181
 */
182
    font-size:          26px;
183
    font-family:        serif;
184
    font-style:         normal;
185
    font-weight:        800;
197 186
}
198
    
199
a {
200
    color: #669933;
201
    font-weight: bold;
202
    font-size: 12px; 
203
    text-decoration: none; 
204
		text-align: left;
187

  
188

  
189
div.header-subtitle {
190
    position:           absolute;
191
    top:                40px;
192
    left:               115px;
193
    color:              #006666;
194
/*  padding:            1px 4px 1px 110px; */
195
    font-size:          12px;
205 196
}
206
		
207
a:hover {
208
    color: #ff9933;
209
    text-decoration: underline; 
197

  
198
div.header-menu {
199
    position:           absolute;
200
    top:                60px;
201
    width:              100%;
202
    z-index:            1;       /* put menu underneath logos */
203
    border-top:         1px solid #006666;
204
    border-bottom:      1px solid #006666;                    
205
    color:              #666600;                                  
206
    background-color:   #CCCC99;                                  
207
    padding:            2px 2px 2px 110px;                        
208
    font-size:          14px;                                     
209
}                                                                 
210

  
211

  
212

  
213

  
214
/* header doesnt currently accomodate this class  */
215
div.header-submenu {                                              
216
    color:              #003366;                                  
217
    background-color:   #FFFFFF;                                  
218
    padding:            2px 10px 2px 110px;                       
219
    font-size:          14px;                                     
220
}                                                                 
221
                                                                  
222

  
223

  
224

  
225
#left_sidebar {
226
    position:                   absolute;
227
    top:                        0px;
228
    left:                       0px;
229
    margin:                     0px;
230
    padding:                    0px;
231
    border:                     0px;
232
    background-color:           #003366;
233
    width:                      10px; /* begin hack for 1e5win */
234
    voice-family:               "\"}\"";
235
    voice-family:               inherit;
236
    width:                      10px;
237
    }
238

  
239
html>body #left_sidebar {
240
    width:                      10px; /* end hack for ie5win */
241
    }
242

  
243
#right_sidebar {
244
    position:                   absolute;
245
    top:                        0px;
246
    right:                      0px;
247
    margin:                     0px;
248
    padding:                    0px;
249
    border:                     0px;
250
    background-color:           #003366;
251
    width:                      10px; /* begin hack for 1e5win */
252
    voice-family:               "\"}\"";
253
    voice-family:               inherit;
254
    width:                      10px;
255
    }
256

  
257
html>body #right_sidebar {
258
    width:                      10px; /* end hack for ie5win */
259
    }
260

  
261

  
262

  
263

  
264

  
265

  
266

  
267

  
268

  
269

  
270

  
271

  
272
/* these classes to be children of div "content" */
273

  
274

  
275
/* for the skip-to box */
276

  
277
 div.skipto-box {
278
      vertical-align:	  middle;
279
      text-align:         center;
280
      color:              #003366;
281
      background-color:   #CCCC99;
282
      /* turned off float, placed with a table cell */
283
      /*float:              left; */
284
      padding:            6px;
285
      /* set border for NN4 only change in advanced.css */
286
      border:             0.1px solid #006666;
287
      margin:             8px;
288
      /* width: 		  50%; */
289
      width:              300px; 
290
     /* height:             20px; */
291
      font-size:          12px;
292
  }
293

  
294
div.r-box {
295
      vertical-align:     middle;
296
      text-align:         center;
297
      color:              #003366;
298
      background-color:   #CCCC99;
299
      float:              right;
300
      padding:            6px 6px;
301
      /* set border for NN4 only change in advanced.css */
302
      border:             0.1px solid #006666;
303
      margin:             0px;
304
      width:              50%;
305
   /*   height:             auto; */
306
      font-size:          12px;
307
   /*   clear:              both; */
308
  }
309

  
310

  
311
div.content-area {
312
       /* for padding area within parent area */
313
    background-color:   #FFFFFF;
314
    color:              #003366;
315
    text-align:         left;
316
   padding:            30px 40px 15px 40px; 
317
   /*padding:            0px 0px 0px 0px; */
318

  
210 319
}
211 320

  
212
.pagetitle {
213
    font-family: Georgia, Times New Roman, Times, serif;
214
    background: #0247A8;
215
    margin-left: 0.25em; 
321
div.content-area-dense {
322
       /* for padding area within parent area */
323
    background-color:   #FFFFFF;
324
    color:              #003366;
325
    text-align:         left;
326
  /*  padding:            30px 40px 15px 40px; */
327
   padding:            0px 0px 0px 0px; 
328

  
216 329
}
217
    
218
.pagesub {
219
    font-family: Verdana,Arial,Helvetica,sans-serif;
220
    font-size: 1em;
221
    font-weight: bold;
222
    color: #339933;
223
    margin-left: 3em;
224
    margin-top: 0.5em;
225
    margin-bottom: 2em; 
226
}
227 330

  
228
.title {
229
    font-family: Georgia, Times New Roman, Times, serif;
230
    color:      #eeeeee;
231
    background: #0247A8;
232
    font-size: 24px; 
233
    font-weight: bold;
331

  
332

  
333
div.hanging-paragraph {
334
	margin-left:	20px;
335
	text-indent:	-20px;
336

  
234 337
}
235 338

  
236
p.title {
237
  padding-left: 15px;
339
div.smaller-font {
340
    	font-size:		smaller;
238 341
}
239 342

  
240
.subtitle {
241
    font-family: Verdana,Arial,Helvetica,sans-serif;
242
    font-size: 12px;
243
    font-weight: bold;
244
    color: #666666; 
245
    margin-left: 3em;
246
    margin-top: 0.5em;
247
    margin-bottom: 2em;
248
    font-weight: normal; 
343
div.bottom-padding {
344
/*	padding:		0px 0px 10px 0px; */
345
	padding-bottom:		10px;
249 346
}
250
    
251
a.toollink {
252
    color: #225522;
253
		text-align: left;
254
    font-size: 14px; 
255
    text-decoration: none; 
256
}
257
    
258
a.toollink:hover {
259
    color: #ff9933;
260
    text-decoration: underline; 
261
}
262
    
263
a.sitelink {
264
    color: #339933;
265
    text-decoration: none; 
266
    font-size: 12px; 
267
    font-weight: bold; 
268
}
269 347

  
270
a.sitelink:hover {
271
    color: #ff9933;
272
    text-decoration: underline; 
348
div.left-padding {
349
	padding-left:		10px;
273 350
}
274 351

  
352
#search-box { 
353
  /* background and text style set by table .group */
354
  position:           relative;
355
  margin-left:        50%;
356
  /* top: 110px; */
357
 }
358

  
359

  
360
#search-box_right {
361
    text-align:     right;
362
    }
363

  
364
#loginbox {
365
    border:                     0px;
366
    position:                   absolute;
367
    top:                        55px;
368
    right:                      65px;
369
    }
370

  
371
#footer {
372
    position:                   absolute;
373
    right:                      10px;
374
    bottom:                     0;
375
    left:                       167px;
376
    margin:                     0px 10px 10px 177px;
377
    }
378

  
379
#debug {
380
    position:                   absolute;
381
    right:                      20px;
382
    bottom:                     0;
383
    left:                       167px;
384
    margin:                     0px 10px 10px 177px;
385
    }
386

  
387
p,ul,ol,dl,li,dt {
388
    color:                      #003366;
389
    font-style:                 normal;
390
    font-weight:                normal;
391
    font-family:                Arial, Helvetica, sans-serif;
392
    text-decoration:            none;
393
  }
394
  
395
p ol,p ul, p dl, ol ul {
396
    color:                      #003366;
397
    font-style:                 normal;
398
    font-weight:                normal;
399
    font-family:                Arial, Helvetica, sans-serif;
400
    text-decoration:            none; 
401
  } 
402

  
403
ul,ol {
404
    padding:                    0px;
405
    /* margin:                     0px 0px 0px 15px; */
406
    }
407

  
408

  
409

  
410
.ol-lower-alpha { 
411
    list-style-type: lower-alpha;
412
    margin-top:       2px;
413

  
414
  }
415

  
416

  
417
.ul-bulleted-list { 
418
    list-style-type:  disc;
419
    margin-top:       2px;
420
    margin-bottom:    10px;
421
    margin-left:      15px;
422
  }
423

  
424
/* add a little space before items in a list ?*/
425
/* ol li { margin-top : 5px; } */
426
/* ul li { margin-top : 5px; } */
427

  
428

  
429

  
430

  
431
div {
432
    color:                      #003366;
433
    font-style:                 normal;
434
    font-weight:                normal;
435
    font-family:                Arial, Helvetica, sans-serif;
436
    text-decoration:            none;
437
  }
438

  
439
  
440
/* NN 4.xx needs the font weight reset for b and strong tags */ 
441
strong, b {
442
    font-weight:                800;
443
  }
444

  
445
/* to emphasize words, use it inline with a <span> class*/ 
446
big {
447
    font-size:                  larger;
448
  }
449

  
450
/* to shrink words, use it inline with a <span> class*/
451
small {
452
    font-size:                  smaller;
453
  }
454
  
455
/* for pre-formated text: adds a small padding around it
456
 * font is set to the default style, 
457
 * but could be changed for different effect
458
 */
459
pre {
460
    color:                      #003366;
461
    padding:                    10px;
462
    font-style:                 normal;
463
    font-weight:                normal;
464
    font-family:                Arial, Helvetica, sans-serif;
465
    text-decoration:            none;
466
  }
467

  
468
/* for creating block quotes. 
469
 * set off with a slight indent to the left & right margins
470
 * font is set to default style,
471
 * but could be changed for different effect
472
 */
473
blockquote {
474
    color:                      #003366;
475
    padding:                    0;
476
    font-style:                 normal;
477
    font-weight:                normal;
478
    font-family:                Arial, Helvetica, sans-serif;
479
    text-decoration:            none;
480
  }
481

  
482
/* Headings Tags : 
483
 * Headings are used to break up straight text. 
484
 * They are used to present topics, or subsections, chapters, etc.
485
 * There are 6 headings tag which can be styled as we wish.
486
 * All of our headings will be rendered in the same font and color as the
487
 * default settings.
488
 */  
489

  
490
/* h1: very large font, set bold */
491
h1 {
492
    color:                      #003366;
493
    background-color:           #ffffff;
494
    padding:                    0;
495
    font-size:                  2.25em;
496
    font-style:                 normal;
497
    font-weight:                bold;
498
    font-family:                Arial, Helvetica, sans-serif;
499
    text-decoration:            none;
500
  }
501

  
502
/* large font, set bold */
503
h2 {
504
    color:                      #003366;
505
    background-color:           #ffffff;
506
    padding:                    0;
507
    font-size:                  2em;
508
    font-style:                 normal;
509
    font-weight:                bold;
510
    font-family:                Arial, Helvetica, sans-serif;
511
    text-decoration:            none;
512
  }
513

  
514
/* slightly larger font, set bold */
275 515
h3 {
276
	  font-size: 18px;
277
	  font-family: Georgia, Times New Roman, Times, serif;
278
	  text-align: left;
279
}
516
    color:                      #003366;
517
    background-color:           #ffffff;
518
    padding:                    0;
519
    font-size:                  1.75em;
520
    font-style:                 normal;
521
    font-weight:                700;
522
    font-family:                Arial, Helvetica, sans-serif;
523
    text-decoration:            none;
524
   /*  margin-bottom:                 0px; */
525
  }
280 526

  
281
b {
282
	  font-size: 12px;
283
	  font-weight: bold;
284
	  text-align: left;
285
}
286
	
287
.tabledefault {
288
    background: white;
289
    color: #555555;
290
		width: 790px; 
291
		width: 100%; 
292
    font-size: 12px; 
293
		line-height: 1.2;
294
    /*padding-left: 5px;
295
    padding-right: 5px;*/ 
296
}
297 527

  
298
.div {
299
    background: white;
300
    color: #555555
301
		width: 100%
302
     }	    	
528
/* an italic header w border */
529
/*
530
h3 {
531
  border-bottom:                #94c1d4 solid 1px;
532
  color:                        #003366;
533
  padding:                      0;
534
  font-size:                    1.75em;
535
  margin:                       3px;
536
  text-align:                   left;
537
  font-style:                   italic;
538
  font-weight:                  200;
539
  }
540
*/
303 541

  
304
.tablepanel {
305
    background: #eeeeee;
306
    color: #555555;
307
    font-size: 12px; 
308
    padding-left: 5px;
309
    padding-right: 5px; 
310
}
311 542

  
312
.tablehead {
313
    background-image: url(images/panelhead_bg.gif);
314
    color: #0040A1; 
315
    text-align: left;
316
    font-size: 14px; 
317
    font-weight: bold;
318
    border-top: solid #ffffff 2px;
319
    border-bottom: solid #ffffff 2px;
320
    padding-left: 10px;
321
    padding-top: 0px;
322
    padding-bottom: 0px;
323
}
324 543

  
325
th.tablehead {
544
/* slightly larger, no bold */  
545
/* make margins around h4 all the same, and a little larger than h5 */
546
h4 {
547
    color:                      #003366;
548
    padding:                    0;
549
    font-size:                  1.75em;
550
    font-style:                 normal;
551
    font-weight:                400;
552
    font-family:                Arial, Helvetica, sans-serif;
553
    text-decoration:            none;
554
    margin-top:			10px;
555
    margin-bottom:                 0px;
326 556

  
327
    text-align: center;
328
    border: 0px;
329
    margin: 0px;
330
    padding: 0px;
331
    height:  21px;
332
}
557
  }
333 558

  
334
.tablehead_lcorner {
335
    background-image: url(images/panelhead_bg_lcorner.gif);
336
    background-position: right top;
337
    background-repeat: no-repeat;
338
    padding: 0px;
339
    margin:  0px;
340
    width:   10px;
341
    height:  21px;
342
}    
343
    
344
.tablehead_rcorner {
345
    background-image: url(images/panelhead_bg_rcorner.gif);
346
    background-position: left top;
347
    background-repeat: no-repeat;
348
    padding: 0px;
349
    margin:  0px;
350
    width:   10px;
351
    height:  21px;
352
} 
353
   
559
/* slightly smaller font */  
560
/* moz-net-fox and ie have different default margins for h5 - make them uniform */
561
h5 {
562
    color:                      #003366;
563
    padding:                    0;
564
    font-size:                  1.25em;
565
    font-style:                 normal;
566
    font-weight:                400;
567
    font-family:                Arial, Helvetica, sans-serif;
568
    text-decoration:            none;
569
    margin-bottom:                 0px; 
570
    margin-top:                 7px; 
354 571

  
355
.tableheadcontrast {
356
    background: #dddddd;
357
    vertical-align: baseline;
358
    color: #666666;
359
    font-size: 16px; 
360
    font-weight: bold; 
361
}
362 572

  
363
.instright { 
364
    color: #333333; 
365
    text-align: right;
366
    vertical-align: middle;
367
    padding: 1em;
368
    font-size: 1em; 
369
    font-weight: bold; 
370
}
573
  }
371 574

  
372
.instleft { 
373
    color: #333333; 
374
    text-align: left;
375
    vertical-align: middle;
376
    padding: 1em;
377
    font-size: 1em; 
378
    font-weight: bold; 
379
}
575
/* very small font */  
576
h6 {
577
    color:                      #003366;
578
    background-color:           #FFFFFF;
579
    padding:                    0;
580
    font-size:                  0.5em;
581
    font-style:                 normal;
582
    font-weight:                normal;
583
    font-family:                Arial, Helvetica, sans-serif;
584
    text-decoration:            none;
585
  }  
380 586

  
381
p { 
382
    margin: 0px; 
383
}
384 587

  
385
.required { 
386
    color: red; 
387
}
388 588

  
389
.emphasis { 
390
    color: red;
391
}
589
/* Old style hr command - will be depreciated
590
 * Netscape 4.x does not like this
591
 * should use new style below
592
 * used anywhere? remove?
593
 */
594
hr {
595
    border-top:                 #003366 0px solid;
596
    width:                      450px;
597
    height:                     2px;
598
    color:                      #003366;
599
    background-color:           #003366;
600
    /*border-width:               none;
601
    border-color:               #003366; */
602
  }
392 603

  
393
p.label { 
394
    color: #333333; 
395
    font-weight: bold; 
396
}
604
/* New horizontal rule. Netscape 4.x should render this fine.
605
 * apply this class to a <div> tag for the desired effect.
606
 * the rule is 1px wide, blue with a slight margin on the left and right.
607
 */
608
.rule {
609
    border-top-width:           2px;
610
    border-top-style:           solid;
611
    border-color:               #003366; 
612
    margin:                     4px 4px
613
  }
614
  
615
 /* Default link properties
616
 * currently set the links to the dark tan
617
 * with no additional decorations
618
 * except underline on hover
619
*/
620
a:link {
621
    color:                      #666600;
622
    background:                 transparent;
623
/*    background-color:           #FFFFFF; */
624
    text-decoration:            none;
625
  }
626
a:visited {
627
    color:                      #666600;
628
    background:                  transparent;
629
/*    background-color:           #FFFFFF; */
630
    text-decoration:            none;
631
  } 
632
a:hover {
633
    color:                      #666600;
634
    background:                 transparent;
635
/*    background-color:           #FFFFFF; */
636
    text-decoration:            underline;
637
  } 
638
a:active { 
639
    color:                      #666600;
640
    background:                 transparent;
641
/*    background-color:           #FFFFFF; */
642
    text-decoration:            none;
643
  }
397 644

  
398
p.contact { 
399
    color: #333333; 
400
    padding: 1em;
401
    font-size: 0.75em; 
402
    font-weight: normal;
403
    font-style: italic; 
404
}
645
/* Menu Link properties
646
 * the Menu is currently identical to the dafault
647
 * but this may change so it is defined here                      
648
 */                                                               
649
a.menu:link {                                                     
650
    color:                      #666600;                          
651
    background:                 transparent;                      
652
    /*background-color:           #CCCC9A;*/                      
653
    text-decoration:            none;                             
654
  }                                                               
655
a.menu:visited {                                                  
656
    color:                      #666600;                          
657
    background:                 transparent;                      
658
    /*background-color:           #CCCC9A;*/
659
    text-decoration:            none;                             
660
  }                                                               
661
a.menu:hover {                                                    
662
    color:                      #666600;                          
663
    background:                 transparent;                      
664
   /* background-color:           #CCCC9A;*/                      
665
    text-decoration:            underline;                        
666
  }                                                               
667
a.menu:active {                                                   
668
    color:                      #666600;                          
669
    background:                 transparent;                      
670
   /* background-color:           #CCCC9A; */                     
671
    text-decoration:            none;                             
672
  }                                                               
673
                                                                  
674
/* SubMenu Link Properties                                        
675
 * Set the color to dark tan with underline on hover              
676
 */                                                               
677
a.submenu:link {                                                  
678
    color:                      #666600;                          
679
/*  color:                      #003366; */                       
680
    background:                 transparent;                      
681
    /*background-color:           #CCCC9A;*/                      
682
    text-decoration:            none;                             
683
  }                                                               
684
a.submenu:visited {                                               
685
    color:                      #666600;                          
686
/*  color:                      #003366; */                       
687
    background:                 transparent;                      
688
    /*background-color:           #CCCC9A;*/                      
689
    text-decoration:            none;                             
690
  }                                                               
691
a.submenu:hover {                                                 
692
    color:                      #666600;                          
693
/*  color:                      #003366; */                       
694
    background:                 transparent;                      
695
   /* background-color:           #CCCC9A;*/                      
696
    text-decoration:            underline;                        
697
  }                                                               
698
a.submenu:active {                                                
699
    color:                      #666600;                          
700
/*  color:                      #003366; */                       
701
    background:                 transparent;                      
702
   /* background-color:           #CCCC9A; */                     
703
    text-decoration:            none;                             
704
  }                                                               
705
                                                                  
405 706

  
406
p.header {
407
    color: #333333; 
408
    padding: 5px;
409
    font-size: 12px; 
410
    font-weight: bold; 
411
}
707
/* image styles */
708
/* no padding or border around images by default */
709
img {
710
    border:                     0px; 
711
    border-style:               none;
712
    border-width:               0px;
713
    padding:                    0px;
714
    text-decoration:            none;
715
  }
412 716

  
413
p.emphasis {
414
  font-size: 18px;
415
  color: #dd7744; 
416
  font-weight: bold;
417
  font-style:  normal;
418
}
717
/* this class is needed to remove some extra space along the top of images
718
 * this attribute can not be put into default img class because it prevents
719
 * text from wrapping correctly
720
 */
721
img.vtop {  
722
    vertical-align:             top;
723
  }
419 724

  
420
.roweven {
421
    background: white; 
422
}
725
/* Add a blue border around an image */
423 726

  
424
.rowodd {
425
    background: white; 
426
}
727
img.border {
728
    border:                     medium;
729
    border-style:               solid;
730
    border-color:               #003366;
731
    padding:                    0px;
732
  }
427 733

  
428
.plaintext {
429
    color: #555555;
430
    font-weight: normal;
431
    font-size: 12px;
432
}
734
/* Format the headshot images in the who section */
433 735

  
434
.boldtext {
435
    color: #333333;
436
    font-weight: bold;
437
    font-size: 12px;
438
}
736
img.headshot {
737
    margin-right:               20px;
738
    margin-bottom:              40px;
739
  }
439 740

  
440
.searchresultslead {
441
    background-color: #fff;
442
}
741
/* Format the headshot images in the who section 
742
 * that have alot of text aligned to the right */
743
img.headshot_long {
744
    margin-right:               20px;
745
    margin-bottom:              80px;
746
  }
747
  
748
/* Format inline images justified to the left in the text*/
443 749

  
444
.searchresultsdivider {
445
    background-color: #fff;
446
    border-bottom: 1px solid #ccc;
447
    margin-bottom: 10px;
448
}
750
img.inlineleft {
751
    border:                     medium;
752
    border-style:               solid;
753
    border-color:               #003366;
754
    margin-right:               8px;
755
    margin-top:                 8px;
756
    margin-bottom:              8px;
757
  }
449 758

  
450
.maintable {
451
    background: #ffffff;
452
}
759
/* Format inline images justified to the right in the text*/
453 760

  
454
.subpanel {
455
  background:   #ffffff;
456
  border-left:   solid #cccccc 1px;
457
  border-right:  solid #cccccc 1px;
458
  border-bottom: solid #cccccc 1px;
459
}
761
img.inlineright {
762
    border:                     medium;
763
    border-style:               solid;
764
    border-color:               #003366;
765
    margin-left:                8px;
766
    margin-top:                 8px;
767
    margin-bottom:              8px;
768
  }
769
  
770
/* Default behavior for linked images 
771
 * no border, no padding, aligned to the top
772
 */
460 773

  
461
.text_plain { 
462
	  padding: 5px 5px 0px 5px;
463
    color: #666666;
464
    font-weight: normal;
465
    font-size: 12px; 
774
a img {
775
    border:                     0px; 
776
    border-style:               none;
777
    border-width:               0px;
778
    padding:                    0px;
779
    vertical-align:             top;
780
    text-decoration:            none;
781
  }
782

  
783
/* Default for table cells. 
784
 * No border or padding. 
785
 * Keep the relative font size and set color to blue
786
 */
787

  
788
 td {
789
    color:                      #003366;
790
    font-style:                 normal;
791
    font-size:                  95%;
792
    font-weight:                normal;
793
    font-family:                Arial, Helvetica, sans-serif;
794
    text-decoration:            none;    
795
    border:                     0px;
796
    padding:                    0px;
797
    vertical-align:             top; 
798
  }
799
  
800
/* Classes for the footer area */
801
  
802
/* Basic footer class to get the correct font size
803
 * default footer style.
804
 * colors are the same, but font size is smaller
805
 */
806
.footer {
807
    color:                      #003366;
808
    background-color:           #FFFFFF;
809
    margin-top:                 20px;
810
    margin-bottom:              20px;
811
    margin-left:                5px;
812
    margin-right:               0px;
813
    font-size:                  75%;      /* No EM in NN4 */
814
    font-style:                 normal;
815
    font-weight:                normal;
816
    font-family:                Arial, Helvetica, sans-serif;
817
    text-decoration:            none;
818
    text-align:                 center;
819
  }
820
/* extra class to handle the small table in the footer */ 
821
.tblfooter {
822
    color:                      #003366;
823
    background-color:           #FFFFFF;
824
    font-size:                  75%;      /* No EM in NN4 */
825
    font-style:                 normal;
826
    font-weight:                normal;
827
    font-family:                Arial, Helvetica, sans-serif;
828
    text-decoration:            none;
829
  }
830

  
831
/* Classes for positioning: use with div tags for desired effect */
832
.indent1 {
833
    white-space:                nowrap;
834
    padding-left:               10px;
466 835
}
467 836

  
468
.text_plain_smaller { 
469
	  padding: 5px 5px 0px 5px;
470
    font-weight: normal;
471
    font-size: 12px; 
837
.indent2 {
838
    padding-left:               15px;
472 839
}
473 840

  
474
.text_example { 
475
	  padding: 5px;
476
    color: #999999;
477
    font-weight: normal;
478
    font-size: 12px; 
841
.indent3 {
842
    padding-left:               50px;
479 843
}
480 844

  
481
td {
482
		line-height: 1.5;
483
}		
845
/* Classes for the <em> tag (emphasis) */
846
.italic {
847
    font-style:                 italic;
848
    font-weight:                normal;
849
  }
484 850

  
485
/******************************************************************************/  
486
/******************************************************************************/  
487
/**  USED BY EML STYLESHEETS ONLY - NO OTHERS                                **/
488
/******************************************************************************/  
489
/******************************************************************************/  
851
.italics {
852
    font-style:                 italic;
853
    font-weight:                normal;
854
  }
490 855

  
856
.bold {
857
    font-style:                 normal;
858
    font-weight:                bold;
859
  }
491 860

  
492
.highlight  {
493
    background-color: #dddddd; 
494
    font-size: 12px;
495
    border: solid #ffffff 1px;
496
    text-align: right;
497
    vertical-align: text-top;
498
    padding-right: 4px;
861
.waybold {
862
    font-style:                 italic;
863
    font-weight:                bolder;
864
  }
499 865

  
500
}
501
.highlightAttrib {
502
	background-color: #ffffff;
503
	font-size: 12px;
504
	text-align: center;
505
	border-bottom: 2px solid #cccccc;
506
	padding: 1px;
507
	
508
}
509
.secondCol {
510
    background-color: #ffffff; 
511
    font-size: 12px; 
512
    padding-left: 2px;
513
}
866
/* Additions for the data catalog pages */
514 867

  
515
.bordered {
516
    font-size: 12px; 
517
    vertical-align: text-top;
518
    padding: 3px;
519
    width: 350px;
520
    border-bottom: 1px solid #dddddd;
521
}
868
/* Define a border for groups of elements.  This uses the 
869
   -moz-border-radius (Mozilla, Netscape, Opera only) 
870
   attribute for the time being.  Once
871
   browsers support the CSS3 border-radius attribute, this 
872
   should be switched.*/
873
.group {
874
    padding:                    0;
875
    color:                      #003366;
876
    min-width:                  800px;
877
    voice-family:               "\"}\""; /* begin ie5win hack */
878
    voice-family:               inherit;
879
    -moz-border-radius:         10px; /* end ie5win hack */
880
    }
881
/* Children of the group get some padding */
882
.group * {
883
    padding:                    2px;
884
    }
885
 
886
.group_border {
887
    /* aqua-green border */
888
    border:                     #006666 solid 1px;
889
    }
522 890

  
891
.subGroup {
892
    padding:                    3px;
893
    color:                      #003366;
894
    voice-family:               "\"}\""; /* begin ie5win hack */
895
    voice-family:               inherit;
896
    -moz-border-radius:         10px; /* end ie5win hack */
897
    }
898
 
899
.subGroup_border {
900
    /* blue-ish border */
901
    border:                     #94c1d4 solid 1px;
902
    }
903

  
904
/* This selector causes the 'section' tables to indent under the overarching div
905
 * tags */
906
div>table.subGroup {
907
    padding-left:               15px;
908
    padding-right:              15px;
909
    }
910

  
911
div.left {
912
    position:                   absolute;
913
    left:                       20px;
914
    clear:                      right;
915
    }
916

  
917
div.right {
918
    position:                   absolute;
919
    right:                      20px;
920
    clear:                      left;
921
    }
922

  
923
table.left {
924
    position:                   absolute;
925
    left:                       20px;
926
    }
927

  
928
table.right {
929
    float:                      right;
930
    margin-right:               10px;
931
    clear:                      left;
932
    }
933

  
934
th {
935
    border-bottom:              #006666 solid 1px;
936
    color:                      #003366;
937
    /* previously #94c1d4 */
938
    padding:                    0;
939
    margin:                     0;
940
    text-align:                 left;
941
    font-style:                 italic;
942
    font-weight:                700;
943
} 
944

  
945
th.rowheader {
946
    background:                 #e5f5fd;
947
    border-right:               #94c1d4 solid 1px;
948
    }
949

  
950
.rowodd {
951
    border-bottom:              #94c1d4 dotted 1px;
952
    border-top:                 #94c1d4 dotted 1px;
953
    background-color:           #e5f5fd;
954
    padding:                    0;
955
    margin:                     0;
956
} 
957

  
958
.roweven {
959
    padding:                    0;
960
    margin:                     0;
961
} 
962

  
523 963
.coleven {
524
    font-size: 12px;
525
    border-bottom: 1px solid #dddddd;
526
    
964
    border-left:                #94c1d4 dotted 1px;
965
    border-right:               #94c1d4 dotted 1px;
966
    background-color:           #e5f5fd;
967
    padding-left:               2px;
968
    padding-right:              2px;
969
    text-align: left;
527 970
}
528 971

  
529 972
.colodd {
530
    font-size: 12px;
531
    border-bottom: 1px solid #dddddd;
973
    padding-left:               2px;
974
    padding-right:              2px;
975
    text-align:                 left;
532 976
}
977

  
533 978
.innercolodd {
534
    font-size: 10px;
535
    padding-left: 3px;
979
    border:                     solid #94c1d4 1px;
980
    font-size:                  .75em;
981
    padding-left:               2px;
982
    padding-right:              2px;
983
    text-align:                 left;
536 984
}
537 985

  
538 986
.innercoleven {
539
  font-size: 10px; 
540
  padding-left: 3px;
987
    border:                     solid #94c1d4 1px;
988
    background-color:           #e5f5fd;
989
    font-size:                  .75em;
990
    padding-left:               2px;
991
    padding-right:              2px;
992
    text-align:                 left;
541 993
}    
542 994

  
543
.emptycolumn {
544
	width: 1px;
545
	border-bottom: 0px none;
995
.onehundred_percent {
996
    width:                      100%;
997
    }
998

  
999
.eighty_percent {
1000
    width:                      80%;
1001
    }
1002

  
1003

  
1004
.seventyfive_percent {
1005
    width:                      75%;
1006
    }
1007

  
1008
.seventy_percent {
1009
    width:                      70%;
1010
    }
1011

  
1012
.fifty_percent {
1013
    width:                      50%;
1014
    }
1015

  
1016
.fortyfive_percent {
1017
    width:                      45%;
1018
    }
1019

  
1020
.forty_percent {
1021
    width:                      40%;
1022
    }
1023

  
1024
.twentyfive_percent {
1025
    width:                      25%;
1026
    }
1027

  
1028

  
1029
.twenty_percent {
1030
    width:                      20%;
1031
    }
1032

  
1033

  
1034
.fifteen_percent {
1035
    width:                      15%;
1036
    }
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff