Project

General

Profile

Download (11.3 KB) Statistics
| Branch: | Tag: | Revision:
1
/* Element CSS Definitions */
2
html, body, td, th, input, select {
3
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
4
	font-size: 0.9em;
5
}
6

    
7
body {
8
	background-color: #333333;
9
	margin: 5px auto;
10
}
11

    
12
form {
13
	margin: 0px;
14
}
15
a {
16
	text-decoration: none;
17
}
18
form input {
19
	font-size: 1.1em;
20
}
21

    
22

    
23
/* ID Based CSS Definitions */
24
#wrapper {
25
	width: 815px;
26
	margin: 5px auto;
27
}
28

    
29
#header {
30
	background: url('images/header.gif') no-repeat;
31
	background-position: 4px;
32
	height: 102px;
33
	width: 808px;
34
	margin-bottom: 5px;
35
	z-index: 2;
36
}
37
#header-left {
38
	position: relative;
39
	/* background: url('images/logo.gif') no-repeat; */
40
	background-position: center;
41
	height: 65px;
42
	width: 145px;
43
	left: 10px;
44
	float: left;
45
}
46
#header-right {
47
	position: relative;
48
	/* background: url('images/header.gif') no-repeat; */
49
	height: 70px;
50
	color: #fff;
51
	left: 0px;
52
	margin-left: 165px;
53
}
54
#header-right .alert {
55
	position: relative;
56
	/* background: url('images/alert.gif') no-repeat; */
57
	background-position: 4px 2px;
58
	color: #fff;
59
	height: 17px;
60
	width: 500px;
61
	padding: 4px;
62
	padding-left: 27px;
63
	float: left;
64
}
65
#header-right .normal {
66
	position: relative;
67
}
68
#header-right .normal .left {
69
	position: relative; 
70
	float: left;
71
	font-size: 1.3em;
72
	font-weight: bold;
73
	top: 15px;
74
	left: 4px;
75
	display: none;
76
}
77
#header-right .normal .right {
78
	position: relative;
79
	float: right;
80
	top: 22px;
81
	padding-right: 4px;
82
}
83

    
84
#content {
85
	position: relative;
86
	top: -15px;
87
	left: 4px;
88
	margin-top: 0px;
89
	margin-left: 5px;
90
	padding-top: 0px;
91
	width: 800px;
92
	background: url('images/horizontal.gif') repeat-y;
93
}
94

    
95
#left {
96
	width: 800px;
97
	height: 1px;
98
}
99
#right {
100
	position: relative;
101
	top: -10px;
102
	width: 770px;
103
	margin-top: 0px;
104
	margin-left: 5px;
105
	margin-right: 5px;
106
	padding-top: 5px;
107
	padding-left: 10px;
108
	padding-right: 10px;
109
	padding-bottom: 20px
110
}
111

    
112
#footer {
113
	position: relative;
114
	background: url('images/footer.gif') no-repeat;
115
	top: -18px;
116
	left: 5px;
117
	width: 805px;
118
	height: 75px;
119
	color: #ffffff;
120
	text-align: center;;
121
	font-size: 0.9em;
122
	padding-top: 17px;
123
	margin-bottom: 20px;
124
	clear: both;
125
}
126
#footer p {
127
	padding: 0px;
128
	margin: 0px;
129
}
130

    
131
/* Style the List */
132
#navigation {
133
	/* background: url('images/menu.gif') no-repeat; */
134
	/* width: 693px; */
135
	position: relative;
136
	top: -24px;
137
	left: -4px;
138
	width: 800px;
139
	padding: 0px;
140
	height: 28px;
141
	z-index: 3;
142
}
143
#navigation ul {
144
	padding: 0;
145
	margin: 0;
146
	list-style: none;
147
	text-align: center;
148
}
149
#navigation ul#menu {
150
	padding-top: 3px;
151
	padding-left: 5px;
152
}
153

    
154
/* Style the List Elements */
155
#navigation ul li {
156
	float: left;
157
	position: relative;
158
	/* width: 7.5em; */
159
	width: 8.77em;
160
}
161
#navigation ul li div {
162
	font-size: 1em;
163
	font-weight: bold;
164
}
165
/* Make the List inside the List Elements */
166
/* initially hidden with absolute position */
167
#navigation ul li ul {
168
	display: none;
169
	position: absolute; 
170
	top: 2em;
171
	left: -2px;
172
	width: 8.9em;
173
	font-weight: normal;
174
	background: transparent bottom left no-repeat; /* This is key to making the menu maintain visibility when not on a link */
175
	background-color: #000;
176
	padding: 0em 0 0em 0;
177
	padding-top: 0.2em;
178
}
179
/* to override top and left in browsers other than IE */
180
/* which will position to the top right of the containing */
181
/* li, rather than bottom left */
182
#navigation ul li > ul {
183
	top: auto;
184
	left: auto;
185
	left: -1px !important;
186
}
187
/* Show initial drop down upon mouse over, but do not show */
188
/* nested side drop menus within listed elements */
189
#navigation ul li:hover ul { 
190
	display: block;
191
	cursor: hand;
192
}
193
#navigation ul li:hover {
194
	cursor: hand;
195
	cursor: pointer;
196
}
197
#navigation ul li:hover div {
198
	text-decoration: none;
199
}
200

    
201
#navigation ul li {
202
	background-color: transparent;
203
	color: #FFF;
204
}
205
#navigation ul li ul li {
206
	border: 1px solid #505050;
207
	width: 8.8em;
208
	height: 1.6em;
209
	line-height: 1.6em;
210
	background: url('images/metal_bgr.gif') repeat-x;
211
	color: #FFF;
212
}
213
#navigation ul li ul li a.navlnk:hover {
214
	text-decoration: underline;
215
}
216
#navigation ul li.first {
217
	border-right: 0px;
218
}
219
#navigation ul li.middle {
220
	border-right: 0px;
221
}
222
#navigation ul li.last {
223

    
224
}
225

    
226
#navigation ul li.dropfirst {
227
	border-bottom: 0px;
228
}
229
#navigation ul li.dropmiddle {
230
	border-bottom: 0px;
231
}
232
#navigation ul li.droplast {
233
}
234

    
235

    
236

    
237
/* Class Based CSS Definitions */
238
.pgtitle {
239
	font-size: 18px;
240
	color: #777777;
241
	font-weight: bold;
242
}
243
.tfrtitle {
244
	font-size: 18px;
245
	color: #ffffff;
246
	font-weight: bold;
247
}
248
.vncell {
249
	background-color: #DDDDDD;
250
	padding-right: 20px;
251
	padding-left: 8px;
252
	border-bottom: 1px solid #999999;
253
}
254
.formfld {
255

    
256
}
257
.formfldalias {
258
	background-color: #990000;
259
	color: #FFFFFF;
260
}
261
.formpre {
262
	font-family: Courier New, Courier, monospaced;
263
	font-size: 10px;
264
}
265
.formbtn {
266
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
267
	font-size: 13px;
268
	font-weight: bold;
269
}
270
.formbtns {
271
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
272
	font-size: 10px;
273
	font-weight: bold;
274
}
275
.vvcell {
276
	background-color: #FFFFC6;
277
}
278
.errmsg {
279
	font-weight: bold;
280
	color: #CC0000;
281
}
282
.red {
283
	color: #CC0000;
284
}
285
.gray {
286
	color: #A0A0A0;
287
}
288
.vexpl {
289
	font-size: 11px;
290
}
291
.navlnk {
292
	color: #FFFFFF;
293
	text-decoration: none;
294
	font-size: 13px;
295
}
296
.navlnks {
297
	color: #FFFFFF;
298
	text-decoration: none;
299
	font-size: 11px;
300
}
301
.tblnk {
302
	color: #FFFFFF;
303
	text-decoration: none;
304
}
305
.vncellreq {
306
	background-color: #DDDDDD;
307
	padding-right: 20px;
308
	padding-left: 8px;
309
	font-weight: bold;
310
	border-bottom: 1px solid #999999;
311
}
312
.vncellt {
313
	background-color: #DDDDDD;
314
	padding-right: 20px;
315
	padding-left: 8px;
316
	padding-top: 4px;
317
	padding-bottom: 4px;
318
	font-weight: bold;
319
	border-bottom: 1px solid #999999;
320
}
321
.vtable {
322
	border-bottom: 1px solid #999999;
323
}
324
.vnsepcell {
325
	background-color: #BBBBBB;
326
	padding-right: 20px;
327
	padding-left: 8px;
328
	font-weight: bold;
329
	border-bottom: 1px solid #999999;
330
	font-size: 11px;
331
}
332
.cpline {
333
	font-size: 11px;
334
	color: #FFFFFF;
335
}
336
.hostname {
337
	font-size: 11px;
338
	color: #FFFFFF;
339
}
340
.vnsepcellr {
341
	background-color: #BBBBBB;
342
	padding-right: 20px;
343
	padding-left: 8px;
344
	font-weight: bold;
345
	border-right: 1px solid #999999;
346
	border-bottom: 1px solid #999999;
347
	font-size: 11px;
348
}
349
.listr {
350
	background-color: #FFFFFF;
351
	border-right: 1px solid #999999;
352
	border-bottom: 1px solid #999999;
353
	font-size: 11px;
354
	padding-right: 6px;
355
	padding-left: 6px;
356
	padding-top: 4px;
357
	padding-bottom: 4px;
358
}
359
.listrpad {
360
	border-right: 1px solid #999999;
361
	border-bottom: 1px solid #999999;
362
	font-size: 11px;
363
	padding-right: 16px;
364
	padding-left: 10px;
365
	padding-top: 8px;
366
	padding-bottom: 8px;
367
}
368
.listn {
369
	font-size: 11px;
370
	padding-right: 16px;
371
	padding-left: 6px;
372
	padding-top: 4px;
373
	padding-bottom: 4px;
374
}
375
.listbg {
376
	border-right: 1px solid #999999;
377
	border-bottom: 1px solid #999999;
378
	font-size: 11px;
379
	background-color: #990000;
380
	padding-right: 16px;
381
	padding-left: 6px;
382
	padding-top: 4px;
383
	padding-bottom: 4px;
384
}
385
.listbggrey {
386
	border-right: 1px solid #999999;
387
        border-bottom: 1px solid #999999;
388
        font-size: 11px;
389
        background-color: #999999;
390
        padding-right: 16px;
391
        padding-left: 6px;
392
        padding-top: 4px;
393
        padding-bottom: 4px;
394
}
395
.listhdr {
396
	background-color: #BBBBBB;
397
	padding-right: 16px;
398
	padding-left: 6px;
399
	font-weight: bold;
400
	border-bottom: 1px solid #999999;
401
	font-size: 11px;
402
	padding-top: 5px;
403
	padding-bottom: 5px;
404
}
405
.listhdr a {
406
	color: #000000;
407
}
408
.listhdrr {
409
	background-color: #BBBBBB;
410
	padding-right: 16px;
411
	padding-left: 6px;
412
	font-weight: bold;
413
	border-right: 1px solid #999999;
414
	border-bottom: 1px solid #999999;
415
	font-size: 11px;
416
	padding-top: 5px;
417
	padding-bottom: 5px;
418
}
419
.listhdrr a {
420
	color: #000000;
421
}
422
.listlr {
423
	background-color: #FFFFFF;
424
	border-right: 1px solid #999999;
425
	border-bottom: 1px solid #999999;
426
	border-left: 1px solid #999999;
427
	font-size: 11px;
428
	padding-right: 6px;
429
	padding-left: 6px;
430
	padding-top: 4px;
431
	padding-bottom: 4px;
432
}
433
.listlrns {
434
	background-color: #FFFFFF;
435
	border-right: 1px solid #999999;
436
	border-bottom: 1px solid #999999;
437
	border-left: 1px solid #999999;
438
	font-size: 11px;
439
	padding-top: 4px;
440
	padding-bottom: 4px;
441
}
442
.list {
443
	font-size: 11px;
444
	padding-left: 6px;
445
	padding-top: 2px;
446
	padding-bottom: 2px;
447
}
448
.listt {
449
	font-size: 11px;
450
	padding-top: 5px;
451
}
452
.listhdrrns {
453
	background-color: #BBBBBB;
454
	padding-left: 6px;
455
	padding-top: 5px;
456
	padding-bottom: 5px;
457
	padding-right: 6px;
458
	font-weight: bold;
459
	border-right: 1px solid #999999;
460
	border-bottom: 1px solid #999999;
461
	font-size: 11px;
462
}
463
.listbgns {
464
	border-right: 1px solid #999999;
465
	border-bottom: 1px solid #999999;
466
	font-size: 11px;
467
	background-color: #D9DEE8;
468
	padding-left: 6px;
469
	padding-right: 4px;
470
	padding-top: 4px;
471
	padding-bottom: 4px;
472
}
473
.listtopic {
474
	border-right: 1px solid #999999;
475
	font-size: 11px;
476
	background-color: #990000;
477
	padding-right: 16px;
478
	padding-left: 6px;
479
	color: #FFFFFF;
480
	font-weight: bold;
481
	padding-top: 5px;
482
	padding-bottom: 5px;
483
}
484
.optsect_t {
485
	border-right: 1px solid #999999;
486
	background-color: #990000;
487
	padding-right: 6px;
488
	padding-left: 6px;
489
	padding-top: 2px;
490
	padding-bottom: 2px;
491
}
492
.optsect_s {
493
	font-size: 11px;
494
	color: #FFFFFF;
495
	font-weight: bold;
496
}
497
.tabnavtbl {
498
}
499

    
500

    
501
/* MISC CSS Definitions */
502
ul#tabnav {
503
	font-size: 11px;
504
	font-weight: bold;
505
	list-style-type: none;
506
	margin: 0;
507
	padding: 0;
508
}
509
ul#tabnav li.tabinact1 {
510
	float: left;
511
	background-color: #777777;
512
	color: #FFFFFF;
513
	padding: 0;
514
	white-space: nowrap;
515
}
516
ul#tabnav li.tabinact {
517
	float: left;
518
	border-left: 1px solid #999999;
519
	background-color: #777777;
520
	color: #FFFFFF;
521
	padding: 0;
522
	white-space: nowrap;
523
}
524
ul#tabnav li.tabinact a {
525
	float: left;
526
	display: block;
527
	text-decoration: none;
528
	padding: 5px 8px 5px 8px;
529
	color: #FFFFFF;
530
}
531
ul#tabnav li.tabinact1 a {
532
	float: left;
533
	display: block;
534
	text-decoration: none;
535
	padding: 5px 8px 5px 8px;
536
	color: #FFFFFF;
537
}
538
ul#tabnav li.tabact {
539
	float: left;
540
	background-color: #EEEEEE;
541
	color: #000000;
542
	padding: 5px 8px 5px 8px;
543
	white-space: nowrap;
544
}
545
.tabcont {
546
	background-color: #EEEEEE;
547
	padding-right: 12px;
548
	padding-left: 12px;
549
	padding-top: 12px;
550
	padding-bottom: 12px;
551
}
552
.tabact {
553
	float: left;
554
	background-color: #EEEEEE;
555
	color: #000000;
556
	padding: 5px 8px 5px 8px;
557
	white-space: nowrap;
558
}
559
.tabinact {
560
	font-weight: bold;
561
	float: left;
562
	border-left: 1px solid #999999;
563
	background-color: #777777;
564
	color: #FFFFFF;
565
	padding: 0;
566
	white-space: nowrap;
567
}
568
.menu {
569
	background-color: #000000;
570
	white-space: nowrap;
571
	padding: 0px 5px 0px 5px;
572
	width: 100%;
573
	vertical-align: top;
574
}
575

    
576

    
577

    
578
/* Nifty Corners Crap */
579
.rtop,.artop{display:block}
580
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
581
.artop *{border-style: solid;border-width:0 1px}
582
.r1,.rl1,.re1,.rel1{margin-left:5px}
583
.r1,.rr1,.re1,.rer1{margin-right:5px}
584
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
585
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
586
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
587
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
588
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
589
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
590
.rx1,.rxl1{border-left-width:5px}
591
.rx1,.rxr1{border-right-width:5px}
592
.rx2,.rxl2{border-left-width:3px}
593
.rx2,.rxr2{border-right-width:3px}
594
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
595
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
596
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
597
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
598
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
599
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
(1-1/4)