Projet

Général

Profil

Télécharger (26,2 ko) Statistiques
| Branche: | Tag: | Révision:

univnautes / usr / local / www / themes / code-red / all.css @ 41312f7f

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

    
8
.nowrap { white-space: nowrap; }
9

    
10
.addgatewaybox {
11
	background-color: #990000;
12
	border-style: none none none none;
13
	width: 225px;
14
}
15

    
16
.infobox {
17
	width:100%;
18
}
19

    
20
.infoboxsave {
21
	padding-right: 10px;
22
}
23

    
24
.infoboxnptd2 {
25
	width:100%;
26
	color:white;
27
	background-color:#990000;
28
	padding-right: 10px;
29
}
30

    
31
.infoboxnptd {
32
	width:8%;
33
	background-color:#990000;	
34
}
35

    
36
.infoboxnptable {
37
 	height:32px;
38
	width:100%;
39
	background-color:#990000;	
40
}
41

    
42
.infoboxnptable2 {
43
 	height:32px;
44
	width:100%;
45
	background-color:#990000;	
46
}
47

    
48
.infoboxnp {
49
	background-color:#990000;
50
	width:100%;
51
}
52

    
53
.infoboxnpimg {
54
	vertical-align:middle;
55
	width:28px;
56
	height:32px;
57
	background-color:#990000;	
58
}
59

    
60
.inputerrorsleft {
61
	background-color: #990000;
62
	width: 36px;
63
}
64

    
65
.inputerrorsright {
66
	background-color: #FFD9D1;	
67
	color: #000000;
68
	font-size: 11px;
69
	padding-left: 8px; 
70
	padding-top: 6px;
71
}
72

    
73
div.GraphLink {
74
	position: relative;
75
}
76

    
77
span.GraphLinkLine {
78
	position: absolute;
79
	background-color: #990000;
80
	width: 100%;
81
}
82

    
83
/* DOM Tooltip CSS definitions */
84
div.niceTitle
85
{
86
	background-color: #333333;
87
	color: #FFFFFF;
88
	font-weight: bold;
89
	font-size: 13px;
90
	font-family: "Trebuchet MS", sans-serif;
91
	width: 220px;
92
	left: 0;
93
	top: 0;
94
	padding: 4px;
95
	position: absolute;
96
	text-align: left;
97
	z-index: 20;
98
	-moz-border-radius: 0 10px 10px 10px;
99
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
100
	-moz-opacity: .87;
101
	-khtml-opacity: .87;
102
	opacity: .87;
103
}
104
div.niceTitle h1
105
{
106
  background: #990000;
107
  border-bottom: 1px dotted #FFFFFF;
108
	font-weight: bold;
109
	font-size: 13px;
110
	font-family: "Trebuchet MS", sans-serif;
111
	margin: 3px;
112
  padding-top: 1px;
113
  padding-bottom: 1px;
114
  padding-left: 3px;
115
  text-align: left;
116
	left: 0;
117
	top: 0;
118
  -moz-border-radius: 0 8px 0 0;
119
  -moz-opacity: 1;
120
}
121
div.niceTitle .contents
122
{
123
	margin: 0;
124
	padding: 0 3px;
125
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
126
	-moz-opacity: 1;
127
	-khtml-opacity: 1;
128
	opacity: 1;
129
}
130
div.niceTitle p
131
{
132
  background: #FFFFFF;
133
  border: 1px solid #990000;
134
	color: #000000;
135
	font-size: 11px;
136
	font-family: "Trebuchet MS", sans-serif;
137
	padding: 5px;
138
	margin: 3px;
139
	text-align: left;
140
	-moz-opacity: 1;
141
  -moz-border-radius: 0 0 8px 8px;
142
}
143

    
144
body {
145
  margin: 0px auto;
146
  background: url('images/background.gif') no-repeat;
147
  background-position : center 0px;
148
  background-color: #4a0203;
149
}
150

    
151
form {
152
	margin: 0px;
153
}
154
a {
155
	text-decoration: none;
156
}
157
form input {
158
	font-size: 1.1em;
159
}
160

    
161
iframe {
162
	z-index: 1;
163
	border: 1px dashed #990000;
164
}
165
.iframe {
166
	background-color: #FFFFFF;
167
}
168

    
169
/* ID Based CSS Definitions */
170
#wrapper {
171
	width: 810px;
172
	margin: 0px auto;
173
}
174

    
175
#header {
176
	background: url('images/header.png') no-repeat;
177
	background-position: 0px;
178
	height: 102px;
179
	width: 810px;
180
	margin-bottom: 5px;
181
	z-index: 2;
182
}
183
#header-left {
184
	position: relative;
185
	/* background: url('images/logo.gif') no-repeat; */
186
	background-position: center;
187
	height: 65px;
188
	width: 145px;
189
	left: 10px;
190
	float: left;
191
}
192
#header-left #status-link {
193
	position: relative;
194
	top: 10px;
195
	left: 6px;
196
}
197
#header-right {
198
	position: relative;
199
	/* background: url('images/header.gif') no-repeat; */
200
	height: 70px;
201
	color: #fff;
202
	left: 0px;
203
	margin-left: 165px;
204
}
205
#header-right .alert {
206
	position: relative;
207
	/* background: url('images/alert.gif') no-repeat; */
208
	background-position: 4px 2px;
209
	color: #fff;
210
	height: 17px;
211
	width: 500px;
212
	padding: 4px;
213
	padding-left: 27px;
214
	float: left;
215
}
216
#header-right .container {
217
	position: relative;
218
}
219
#header-right .container .left {
220
	position: relative; 
221
	float: left;
222
	font-size: 1.3em;
223
	font-weight: bold;
224
	top: 15px;
225
	left: 4px;
226
	display: none;
227
}
228
#header-right .container .right {
229
	position: relative;
230
	float: right;
231
	top: 29px;
232
	padding-right: 4px;
233
	z-index: 1;
234
}
235

    
236
#header-right .container .right #alerts {
237
	position: relative;
238
	background: url('images/alert_bgr.png') no-repeat;
239
	height: 39px;
240
	width: 431px;
241
	z-index: 1;
242
	padding-top: 22px;
243
	padding-left: 5px;
244
	margin: 0px;
245
}
246
#header-right .container .right #hostname {
247
	position: relative;
248
	height: 39px;
249
	width: 431px;
250
	z-index: 1;
251
	padding-left: 5px;
252
	margin: 0px;
253
	top: 15px;
254
	left: 210px;
255
	font-size: 14px;
256
	color: #990000;
257
	font-weight: bold;
258
}
259

    
260

    
261

    
262
table#marquee {
263
	position: relative;
264
	top: -6px;
265
	left: -5px;
266
	border: 0;
267
	padding: 0;
268
	margin: 0;
269
	width: 424px;
270
	background-color: transparent;
271
	padding: 2px;
272
	border: 0px;
273
}
274
span#marquee-container {
275
	position: absolute;
276
	visibility: hidden;
277
	top: -100px;
278
	left: -10000px;
279
}
280
div#marquee-text {	
281
	font-size: 1.18em;
282
	font-weight: normal;
283
	font-family: Verdana;
284
	color: #990000;
285
    text-align: right;
286
    padding-right: 18px;
287
}
288
table#marquee div#container {
289
	position: relative;
290
	overflow: hidden;
291
	width: 418px;
292
	height: 20px;
293
}
294
table#marquee div#container div#scroller {
295
	position: absolute;
296
	left: 0px;
297
	top: 0px;
298
}
299

    
300

    
301

    
302

    
303

    
304
#content {
305
	position: relative;
306
	top: -5px;
307
	left: 0px;
308
	margin-top: 0px;
309
	margin-left: 0px;
310
	padding-top: 0px;
311
	width: 810px;
312
	background-color: #ffffff;
313
}
314

    
315
#left {
316
	width: 810px;
317
	height: 1px;
318
}
319
#right {
320
	position: relative;
321
	top: -10px;
322
	width: 770px;
323
	margin-top: 0px;
324
	margin-left: 5px;
325
	margin-right: 5px;
326
	padding-top: 5px;
327
	padding-left: 10px;
328
	padding-right: 10px;
329
	padding-bottom: 20px;
330
	min-height: 400px;
331
}
332

    
333
#footer {
334
	position: relative;
335
	background: url('images/footer.png') no-repeat;
336
	top: -18px;
337
	left: 0px;
338
	width: 810px;
339
	height: 82px;
340
	color: #999999;
341
	text-align: center;;
342
	font-size: 0.9em;
343
	padding-top: 17px;
344
	margin-bottom: 20px;
345
	clear: both;
346
}
347
#footer p {
348
	padding: 0px;
349
	margin: 0px;
350
}
351

    
352
/* Style the List */
353
#navigation {
354
	/* background: url('images/menu.gif') no-repeat; */
355
	/* width: 693px; */
356
	position: relative;
357
	top: -35px;
358
	left: 3px;
359
	width: 810px;
360
	padding: 0px;
361
	height: 28px;
362
	z-index: 3;
363
}
364
#navigation ul {
365
	padding: 0;
366
	margin: 0;
367
	list-style: none;
368
	text-align: center;
369
}
370
#navigation ul#menu {
371
	padding-top: 3px;
372
	padding-left: 5px;
373
}
374

    
375
/* Style the List Elements */
376
#navigation ul li {
377
	float: left;
378
	position: relative;
379
	padding: 0 25px 0 15px;
380
}
381
#navigation ul li div {
382
	font-size: 1em;
383
	font-weight: bold;
384
}
385
/* Make the List inside the List Elements */
386
/* initially hidden with absolute position */
387
#navigation ul li ul {
388
	display: none;
389
	position: absolute; 
390
/*	top: 2em;
391
	left: -2px; */
392
	width: 120px;
393
	font-weight: normal;
394
/*	background: transparent bottom left no-repeat; /* This is key to making the menu maintain visibility when not on a link */
395
	/* background-color: #202020; */
396
	background: url("images/menubgr_footer.png") no-repeat;
397
	background-position: bottom;
398
	*/
399
	padding: 0em 0 0.4em 0;
400
	padding-top: 5px;
401
	padding-bottom: 10px;
402
}
403
/* to override top and left in browsers other than IE */
404
/* which will position to the top right of the containing */
405
/* li, rather than bottom left */
406
#navigation ul li > ul {
407
	top: auto;
408
	left: auto;
409
	left: -1px !important;
410
}
411
/* Show initial drop down upon mouse over, but do not show */
412
/* nested side drop menus within listed elements */
413
#navigation ul li:hover ul { 
414
	display: block;
415
	cursor: pointer;
416
}
417
#navigation ul li:hover {
418
	cursor: pointer;
419
	cursor: pointer;
420
}
421
#navigation ul li:hover div {
422
	text-decoration: none;
423
}
424

    
425
#navigation ul li {
426
	background-color: transparent;
427
	color: #FFF;
428
}
429
#navigation ul li ul li {
430
	border: 0px solid #990000;
431
	width: 8.8em;
432
	height: 1.6em;
433
	line-height: 1.6em;
434
/*	background-color: #990000; */
435
	background: url(images/menubgr.png) repeat-y;
436
	z-index: 2;
437
/*	color: #FFF; */
438
}
439
#navigation ul li ul li:hover {
440
/*	background-color: #666666; */
441
	background-image: url(images/menubgr_highlight.png);
442
	background-repeat: repeat-y;
443
}
444

    
445
#navigation li li a {
446
	display: block;
447
	padding-left: 5px;
448
	margin-right: 10px;
449
}
450

    
451
#navigation ul li ul li a.navlnk:hover {
452
	text-decoration: none;
453
}
454
#navigation ul li.first {
455
	border-right: 0px;
456
}
457
#navigation ul li.middle {
458
	border-right: 0px;
459
}
460
#navigation ul li.last {
461

    
462
}
463

    
464
#navigation ul li.dropfirst {
465
	border-bottom: 0px;
466
}
467
#navigation ul li.dropmiddle {
468
	border-bottom: 0px;
469
}
470
#navigation ul li.droplast {
471
}
472

    
473
#wzdtabcont {
474
	float: left;
475
	background-color: #FFFFFF;
476
	color: #000000;
477
	padding: 0;
478
}
479

    
480
ul#wzdnav {
481
  font-size: 0.96em;
482
  float: left;
483
	width: 14.5em;
484
  margin: 0;
485
	padding-left: 18px;
486
}
487

    
488
ul#wzdnav li {
489
  list-style: none;
490
  margin: 0;
491
	padding-bottom: 0.2em;
492
  padding-left: 0;
493
}
494

    
495
ul#wzdnav a {
496
  display: block;
497
  padding: 0.3em;
498
  font-weight: normal;
499
}
500

    
501
#wzdnavbold a {
502
  display: block;
503
  padding: 0.3em;
504
  font-weight: bold ! important;
505
}
506

    
507
ul#wzdnav a:link {
508
  color: black;
509
	background-color: #eee;
510
}
511

    
512
ul#wzdnav a:visited {
513
  color: #666;
514
	background-color: #eee;
515
}
516

    
517
ul#wzdnav a:hover {
518
  color: black;
519
	background-color: white;
520
}
521

    
522
ul#wzdnav a:active {
523
  color: white;
524
	background-color: gray;
525
}
526

    
527
#graph {
528
	position: relative;
529
	z-index: 10;
530
}
531

    
532
#logoutbtn {
533
  position: absolute;
534
  left: 95%;
535
  vertical-align: middle;
536
}
537

    
538

    
539
#graph {
540
	position: relative;
541
	z-index: 10;
542
}
543

    
544

    
545

    
546
/* Class Based CSS Definitions */
547
.pgtitle {
548
	font-size: 18px;
549
	color: #777777;
550
	font-weight: bold;
551
}
552
.tfrtitle {
553
	font-size: 18px;
554
	color: #ffffff;
555
	font-weight: bold;
556
}
557
.vncell {
558
	background-color: #DDDDDD;
559
	padding-right: 20px;
560
	padding-left: 8px;
561
	border-bottom: 1px solid #999999;
562
}
563
.formfld {
564
  padding-left: 19px;
565
  font-size: small;
566
}
567
.formselect {
568
  font-size: 1.0em;
569
}
570
.langopt {
571
  padding-left: 34px;
572
  padding-top: 2px;
573
  padding-bottom: 2px;
574
}
575
.saved {
576
  /* background: url('/themes/nione/images/icons/icon_wzd_saved.png') no-repeat 0 1px #FFFFFF; */
577
  list-style-image: url('/themes/nervecenter/images/icons/icon_wzd_saved.png') ! important;
578
}
579
.notsaved {
580
  /* background: url('/themes/nione/images/icons/icon_wzd_nsaved.png') no-repeat 0 1px #FFFFFF; */
581
  list-style-image: url('/themes/nervecenter/images/icons/icon_wzd_nsaved.png') ! important;
582
}
583
.en {
584
  background: url('/themes/nervecenter/images/icons/icon_flag_en.png') no-repeat 0 1px #FFFFFF;
585
}
586
.de {
587
  background: url('/themes/nervecenter/images/icons/icon_flag_de.png') no-repeat 0 1px #FFFFFF;
588
}
589
.es {
590
  background: url('/themes/nervecenter/images/icons/icon_flag_es.png') no-repeat 0 1px #FFFFFF;
591
}
592
.pt_BR {
593
  background: url('/themes/nervecenter/images/icons/icon_flag_pt_BR.png') no-repeat 0 1px #FFFFFF;
594
}
595
.host {
596
  background: url('/themes/nervecenter/images/icons/icon_frmfld_host.png') no-repeat 0 1px #FFFFFF;
597
}
598
.search {
599
  background: url('/themes/nervecenter/images/icons/icon_frmfld_search.png') no-repeat 0 1px #FFFFFF;
600
}
601
.file {
602
  background: url('/themes/nervecenter/images/icons/icon_frmfld_file.png') no-repeat 0 1px #FFFFFF;
603
}
604
.mail {
605
  background: url('/themes/nervecenter/images/icons/icon_frmfld_mail.png') no-repeat 0 1px #FFFFFF;
606
}
607
.imp {
608
  background: url('/themes/nervecenter/images/icons/icon_frmfld_imp.png') no-repeat 0 1px #FFFFFF;
609
}
610
.pwd {
611
  background: url('/themes/nervecenter/images/icons/icon_frmfld_pwd.png') no-repeat 0 1px #FFFFFF;
612
}
613
.user {
614
  background: url('/themes/nervecenter/images/icons/icon_frmfld_user.png') no-repeat 0 1px #FFFFFF ;
615
}
616
.group {
617
  background: url('/themes/nervecenter/images/icons/icon_frmfld_group.png') no-repeat 0 1px #FFFFFF;
618
}
619
.url {
620
  background: url('/themes/nervecenter/images/icons/icon_frmfld_url.png') no-repeat 0 1px #FFFFFF;
621
}
622
.time {
623
  background: url('/themes/nervecenter/images/icons/icon_frmfld_time.png') no-repeat 0 1px #FFFFFF;
624
}
625
.unknown {
626
  background: url('/themes/nervecenter/images/icons/icon_frmfld_unknown.png') no-repeat 0 1px #FFFFFF;
627
}
628
.formfld_cert {
629
  background: url('/themes/nervecenter/images/icons/icon_frmfld_cert.png') no-repeat 0 1px #FFFFFF;
630
  padding-left: 28px;
631
	font-family: Courier New, Courier, monospaced;
632
	font-size: 11px;
633
}
634
.formfldalias {
635
	background-color: #990000;
636
	color: #FFFFFF;
637
}
638
.formpre {
639
	font-family: Courier New, Courier, monospaced;
640
	font-size: 10px;
641
}
642
.formbtn {
643
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
644
	font-size: 13px;
645
	font-weight: bold;
646
}
647
.formbtns {
648
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
649
	font-size: 10px;
650
	font-weight: bold;
651
}
652
.vvcell {
653
	background-color: #FFFFC6;
654
}
655
.errmsg {
656
	font-weight: bold;
657
	color: #CC0000;
658
}
659
.red {
660
	color: #CC0000;
661
}
662
.gray {
663
	color: #A0A0A0;
664
}
665
.vexpl {
666
	font-size: 11px;
667
}
668
.navlnk {
669
	color: #FFFFFF;
670
	text-decoration: none;
671
	font-size: 13px;
672
}
673
.navlnks {
674
	color: #FFFFFF;
675
	text-decoration: none;
676
	font-size: 11px;
677
}
678
.redlnk {
679
	color: #990000;
680
	text-decoration: none;
681
}
682
.tblnk {
683
	color: #999999;
684
	text-decoration: none;
685
}
686
.vncellreq {
687
	background-color: #DDDDDD;
688
	padding-right: 20px;
689
	padding-left: 8px;
690
	font-weight: bold;
691
	border-bottom: 1px solid #999999;
692
}
693
.vncellt {
694
	background-color: #DDDDDD;
695
	padding-right: 20px;
696
	padding-left: 8px;
697
	padding-top: 4px;
698
	padding-bottom: 4px;
699
	font-weight: bold;
700
	border-bottom: 1px solid #999999;
701
}
702
.vtable {
703
	border-bottom: 1px solid #999999;
704
}
705
.vnsepcell {
706
	background-color: #BBBBBB;
707
	padding-right: 20px;
708
	padding-left: 8px;
709
	font-weight: bold;
710
	border-bottom: 1px solid #999999;
711
	font-size: 11px;
712
}
713
.cpline {
714
	font-size: 11px;
715
	color: #FFFFFF;
716
}
717
.hostname {
718
	font-size: 11px;
719
	color: #990000;
720
	font-weight: bold;
721
}
722
.vnsepcellr {
723
	background-color: #BBBBBB;
724
	padding-right: 20px;
725
	padding-left: 8px;
726
	font-weight: bold;
727
	border-right: 1px solid #999999;
728
	border-bottom: 1px solid #999999;
729
	font-size: 11px;
730
}
731
.listrborder {
732
	background-color: #FFFFFF;
733
	border-right: 1px solid #999999;
734
	border-left: 1px solid #999999;	
735
	border-bottom: 1px solid #999999;
736
	font-size: 11px;
737
	padding-right: 6px;
738
	padding-left: 6px;
739
	padding-top: 4px;
740
	padding-bottom: 4px;
741
}
742
.listr {
743
	background-color: #FFFFFF;
744
	border-right: 1px solid #999999;
745
	border-bottom: 1px solid #999999;
746
	font-size: 11px;
747
	padding-right: 6px;
748
	padding-left: 6px;
749
	padding-top: 4px;
750
	padding-bottom: 4px;
751
}
752
.listrpad {
753
	border-right: 1px solid #999999;
754
	border-bottom: 1px solid #999999;
755
	font-size: 11px;
756
	padding-right: 16px;
757
	padding-left: 10px;
758
	padding-top: 8px;
759
	padding-bottom: 8px;
760
}
761
.listn {
762
	font-size: 11px;
763
	padding-right: 16px;
764
	padding-left: 6px;
765
	padding-top: 4px;
766
	padding-bottom: 4px;
767
}
768
.listbg {
769
	border-right: 1px solid #999999;
770
	border-bottom: 1px solid #999999;
771
	font-size: 11px;
772
	color: #FFFFFF;
773
	background-color: #990000;
774
	padding-right: 16px;
775
	padding-left: 6px;
776
	padding-top: 4px;
777
	padding-bottom: 4px;
778
}
779
.listbggrey {
780
	border-right: 1px solid #999999;
781
        border-bottom: 1px solid #999999;
782
        font-size: 11px;
783
        background-color: #999999;
784
        padding-right: 16px;
785
        padding-left: 6px;
786
        padding-top: 4px;
787
        padding-bottom: 4px;
788
}
789
.listhdr {
790
	background-color: #BBBBBB;
791
	padding-right: 16px;
792
	padding-left: 6px;
793
	font-weight: bold;
794
	border-bottom: 1px solid #999999;
795
	font-size: 11px;
796
	padding-top: 5px;
797
	padding-bottom: 5px;
798
}
799
.listhdr a {
800
	color: #000000;
801
}
802
.listhdrr {
803
	background-color: #BBBBBB;
804
	padding-right: 16px;
805
	padding-left: 6px;
806
	font-weight: bold;
807
	border-right: 1px solid #999999;
808
	border-bottom: 1px solid #999999;
809
	font-size: 11px;
810
	padding-top: 5px;
811
	padding-bottom: 5px;
812
}
813
.listhdrr a {
814
	color: #000000;
815
}
816
.listlr {
817
	background-color: #FFFFFF;
818
	border-right: 1px solid #999999;
819
	border-bottom: 1px solid #999999;
820
	border-left: 1px solid #999999;
821
	font-size: 11px;
822
	padding-right: 6px;
823
	padding-left: 6px;
824
	padding-top: 4px;
825
	padding-bottom: 4px;
826
}
827
.listlrns {
828
	background-color: #FFFFFF;
829
	border-right: 1px solid #999999;
830
	border-bottom: 1px solid #999999;
831
	border-left: 1px solid #999999;
832
	font-size: 11px;
833
	padding-top: 4px;
834
	padding-bottom: 4px;
835
}
836
.list {
837
	font-size: 11px;
838
	padding-left: 6px;
839
	padding-top: 2px;
840
	padding-bottom: 2px;
841
}
842
.listt {
843
	font-size: 11px;
844
	padding-top: 5px;
845
}
846
.listhdrrns {
847
	background-color: #BBBBBB;
848
	padding-left: 6px;
849
	padding-top: 5px;
850
	padding-bottom: 5px;
851
	padding-right: 6px;
852
	font-weight: bold;
853
	border-right: 1px solid #999999;
854
	border-bottom: 1px solid #999999;
855
	font-size: 11px;
856
}
857
.listbgns {
858
	border-right: 1px solid #999999;
859
	border-bottom: 1px solid #999999;
860
	font-size: 11px;
861
	background-color: #D9DEE8;
862
	padding-left: 6px;
863
	padding-right: 4px;
864
	padding-top: 4px;
865
	padding-bottom: 4px;
866
}
867
.listtopic {
868
	border-right: 1px solid #999999;
869
	font-size: 11px;
870
	background-color: #990000;
871
	padding-right: 16px;
872
	padding-left: 6px;
873
	color: #FFFFFF;
874
	font-weight: bold;
875
	padding-top: 5px;
876
	padding-bottom: 5px;
877
}
878

    
879
.optsect_t {
880
	border-right: 1px solid #999999;
881
	background-color: #990000;
882
	padding-right: 6px;
883
	padding-left: 6px;
884
	padding-top: 2px;
885
	padding-bottom: 2px;
886
}
887
.optsect_s {
888
	font-size: 11px;
889
	color: #FFFFFF;
890
	font-weight: bold;
891
}
892
.tabnavtbl {
893
}
894

    
895

    
896
/* MISC CSS Definitions */
897
ul#tabnav {
898
	font-size: 11px;
899
	font-weight: bold;
900
	list-style-type: none;
901
	margin: 0;
902
	padding: 0;
903
}
904
ul#tabnav li.tabinact1 {
905
	float: left;
906
	background-color: #777777;
907
	color: #FFFFFF;
908
	padding: 0;
909
	white-space: nowrap;
910
}
911
ul#tabnav li.tabinact {
912
	float: left;
913
	border-left: 1px solid #999999;
914
	background-color: #777777;
915
	color: #FFFFFF;
916
	padding: 0;
917
	white-space: nowrap;
918
}
919
ul#tabnav li.tabinact a {
920
	float: left;
921
	display: block;
922
	text-decoration: none;
923
	padding: 5px 8px 5px 8px;
924
	color: #FFFFFF;
925
}
926
ul#tabnav li.tabinact1 a {
927
	float: left;
928
	display: block;
929
	text-decoration: none;
930
	padding: 5px 8px 5px 8px;
931
	color: #FFFFFF;
932
}
933
ul#tabnav li.tabact {
934
	float: left;
935
	background-color: #EEEEEE;
936
	color: #000000;
937
	padding: 5px 8px 5px 8px;
938
	white-space: nowrap;
939
}
940
.tabcont {
941
	background-color: #DDDDDD;
942
	padding-right: 12px;
943
	padding-left: 12px;
944
	padding-top: 12px;
945
	padding-bottom: 12px;
946
}
947
.tabact {
948
	float: left;
949
	background-color: #EEEEEE;
950
	color: #000000;
951
	padding: 5px 8px 5px 8px;
952
	white-space: nowrap;
953
}
954
.tabinact {
955
	font-weight: bold;
956
	float: left;
957
	border-left: 1px solid #999999;
958
	background-color: #777777;
959
	color: #FFFFFF;
960
	padding: 0;
961
	white-space: nowrap;
962
}
963
.menu {
964
	background-color: #000000;
965
	white-space: nowrap;
966
	padding: 0px 5px 0px 5px;
967
	width: 100%;
968
	vertical-align: top;
969
}
970

    
971

    
972
/* Auto Complete Suggestions */
973
div.suggestions {
974
    -moz-box-sizing: border-box;
975
    /* box-sizing: border-box; */
976
    border: 1px solid black;
977
    position: absolute;
978
	background-color: #990000;
979
	color: #FFF;
980
}
981

    
982
div.suggestions div {
983
    cursor: default;
984
    padding: 0px 3px;
985
	background-color: #990000;
986
	color: #FFF;
987
}
988

    
989
div.suggestions div.current {
990
    background-color: #3366cc;
991
    color: #FFF;
992
}
993
/* End Auto Complete Suggestions */
994

    
995

    
996
/* Nifty Corners Crap */
997
.rtop,.artop{display:block}
998
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
999
.artop *{border-style: solid;border-width:0 1px}
1000
.r1,.rl1,.re1,.rel1{margin-left:5px}
1001
.r1,.rr1,.re1,.rer1{margin-right:5px}
1002
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
1003
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
1004
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
1005
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
1006
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
1007
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
1008
.rx1,.rxl1{border-left-width:5px}
1009
.rx1,.rxr1{border-right-width:5px}
1010
.rx2,.rxl2{border-left-width:3px}
1011
.rx2,.rxr2{border-right-width:3px}
1012
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
1013
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
1014
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
1015
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
1016
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
1017
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
1018
/* End Nifty Corners Crap */
1019

    
1020

    
1021

    
1022
/* CSS for Dynamic Log Viewer */
1023
/* Author: Erik Kristensen    */
1024
div#log div.log-entry {
1025
	clear: both;
1026
}
1027

    
1028
div#log div.log-entry span,
1029
div#log div.log-header span {
1030
	padding: 3px 2px 3px 2px;
1031
	padding-left: 6px;
1032
}
1033

    
1034
div#log div.log-entry span.log-action {
1035
	padding-bottom: 6px;
1036
	padding-left: 5px;
1037
	padding-right: 5px;
1038
}
1039

    
1040
div#log div.log-header span {
1041
	border-top: 1px solid #999;
1042
	background-color: #bbb;
1043
	font-weight: bold;
1044
	text-align: left;
1045
}
1046

    
1047
div#log span.log-action,
1048
div#log span.log-time,
1049
div#log span.log-interface,
1050
div#log span.log-source,
1051
div#log span.log-destination,
1052
div#log span.log-protocol {
1053
	float: left;
1054
	text-align: left;
1055
	border-left: 1px solid #999;
1056
	border-bottom: 1px solid #999;
1057
	
1058
}
1059

    
1060
div#log span.log-general {
1061

    
1062
}
1063

    
1064
div#log span.log-protocol {
1065
	border-right: 1px solid #999;
1066
}
1067

    
1068
div#log span.log-action {
1069
	width: 2em;
1070
	text-align: center;
1071
}
1072

    
1073
div#log span.log-time {
1074
	width: 12.5em;
1075
}
1076

    
1077
div#log span.log-interface {
1078
	width: 5em;
1079
}
1080

    
1081
div#log span.log-source,
1082
div#log span.log-destination {
1083
	width: 17.6em;
1084
}
1085

    
1086
div#log span.log-protocol {
1087
	width: 5.5em;
1088
}
1089
/* END CSS FOR DYNAMIC LOG VIEWER */
1090

    
1091
#login {
1092
	background: #cccccc;
1093
	border: 0px solid #666666;
1094
	margin: 5em auto;
1095
	padding: 0em;
1096
	width: 340px;
1097
}
1098

    
1099
#login h1 {
1100
	background: url(images/misc/logon.png) no-repeat top left;
1101
	margin-top: 0;
1102
	display: block;
1103
	text-indent: -1000px;
1104
	height: 50px;
1105
	border-bottom: none;
1106
}
1107

    
1108
#login p {
1109
	font-size: 1em;
1110
	font-weight: bold;
1111
	padding: 3px;
1112
	margin: 0em;
1113
	text-indent: 10px;
1114
}
1115

    
1116
#login span {
1117
	font-size: 1em;
1118
	font-weight: bold;
1119
	width: 20%;
1120
	padding: 3px;
1121
	margin: 0em;
1122
	text-indent: 10px;
1123
}
1124

    
1125
#login p#text {
1126
	font-size: 1em;
1127
	font-weight: normal;
1128
	padding: 3px;
1129
	margin: 0em;
1130
	text-indent: 10px;
1131
}
1132

    
1133
#login #username, #password, #password2 {
1134
	font-size: small;
1135
	width: 60%;
1136
	padding-left:19px
1137
	padding: 3px;
1138
	margin: 0em;
1139
}
1140

    
1141
#login #submit {
1142
	font-size: 1em;
1143
	font-weight: bold;
1144
	padding: 3px;
1145
	margin: 0em;
1146
	text-indent: 10px;
1147
}
1148

    
1149
/* Widget CSS */
1150
.widgetsubheader {
1151
	border-right: 1px solid #999999;
1152
	font-size: 11px;
1153
	background-color: #B1B1B1;
1154
	padding-right: 6px;
1155
	padding-left: 6px;
1156
	color: #000000;
1157
	font-weight: bold;
1158
	padding-top: 5px;
1159
	padding-bottom: 5px;
1160
}
1161
.widgetheader {
1162
	border-right: 1px solid #999999;
1163
	font-size: 11px;
1164
	background-color: #990000;
1165
	padding-right: 6px;
1166
	padding-left: 6px;
1167
	color: #FFFFFF;
1168
	font-weight: bold;
1169
	padding-top: 5px;
1170
	padding-bottom: 5px;
1171
}
1172
.widgetdiv{
1173
	margin:5px;
1174
	padding: 5px;
1175
	background:#CCCCCC;
1176
}
1177
.widgetconfigdiv{
1178
	background:#BBBBBB;
1179
	font-size: 11px;
1180
	color: #000000;
1181
	padding-right: 5px;
1182
	padding-left: 5px;
1183
	padding-top: 5px;
1184
	padding-bottom: 5px;
1185
}
1186

    
1187
div#log div.log-entry-mini {
1188
	clear: both;
1189
}
1190

    
1191
div#log div.log-entry-mini span {
1192
	padding: 2px 2px 2px 2px;
1193
	padding-left: 6px;
1194
}
1195

    
1196
div#log span.log-action-mini-header,
1197
div#log span.log-time-mini-header,
1198
div#log span.log-interface-mini-header,
1199
div#log span.log-source-mini-header,
1200
div#log span.log-destination-mini-header,
1201
div#log span.log-protocol-mini-header {
1202
	float: left;
1203
	text-align: left;
1204
	background-color: #B1B1B1;
1205
	font-size: 12px;
1206
	border-left: 1px solid #999;
1207
	border-bottom: 1px solid #999;
1208
}
1209

    
1210
div#log span.log-action-mini,
1211
div#log span.log-time-mini,
1212
div#log span.log-interface-mini,
1213
div#log span.log-source-mini,
1214
div#log span.log-destination-mini,
1215
div#log span.log-protocol-mini {
1216
	float: left;
1217
	text-align: left;
1218
	background-color: #FFFFFF;
1219
	font-size: 11px;
1220
	border-left: 1px solid #999;
1221
	border-bottom: 1px solid #999;
1222
}
1223

    
1224
div#log span.log-action-mini,
1225
div#log span.log-action-mini-header {
1226
	width: 6%;
1227
}
1228

    
1229
div#log span.log-time-mini,
1230
div#log span.log-time-mini-header {
1231
	width: 19%;
1232
}
1233

    
1234
div#log span.log-interface-mini,
1235
div#log span.log-interface-mini-header {
1236
	width: 8%;
1237
}
1238

    
1239
div#log span.log-source-mini,
1240
div#log span.log-source-mini-header {
1241
	width: 23%;
1242
}
1243

    
1244
div#log span.log-destination-mini,
1245
div#log span.log-destination-mini-header {
1246
	width: 31%;
1247
}
1248

    
1249
div#log span.log-protocol-mini,
1250
div#log span.log-protocol-mini-header {
1251
	width: 8%;	
1252
	border-right: 1px solid #999;
1253
}
1254

    
1255
/* Sortable tables */
1256
table.sortable thead {
1257
    background-color:#eee;
1258
    color:#666666;
1259
    font-weight: bold;
1260
    cursor: default;
1261
}
1262

    
1263
/*thermal_sensors widget styles*/
1264

    
1265
.thermalSensorRow		{ width: 100%; border: 0px solid #ddd; padding: 1px; border-radius: 3px; }
1266
.thermalSensorBarShell	{ position: relative; width: 100%; height: 5px; border: 1px solid lightgray; border-radius: 3px; }
1267
.thermalSensorBar		{ position: absolute; width:   0%; height: 1px; z-index: 1; border-style: solid; border-radius: 3px; 
1268
						  background-color: LimeGreen; 
1269
						  border-top-width: 2px; border-top-color: Lime; 
1270
						  border-left-width: 0px;   
1271
						  border-right-width: 0px; 
1272
						  border-bottom-width: 2px; border-bottom-color: Green; 
1273
}
1274
.thermalSensorTextShell	{ height: 20px; width: 100%; top: 3px; }
1275
.thermalSensorText		{ float: left; height: 20px; top: 3px; }
1276
.thermalSensorValue		{ float: left; height: 20px; top: 3px; font-weight: bold; margin-left: 10px;}
1277

    
1278
.thermalSensorWarnThresh	{ position: absolute; background-color: orange; height: 16px; width: 2px; z-index: 2; margin-top: -8px; }
1279
.thermalSensorCritThresh	{ position: absolute; background-color:    red; height: 16px; width: 2px; z-index: 2; margin-top: -8px; }
1280

    
1281
.thermal_sensors_widget_scale000 { position: absolute; height: 5px; width: 1px; left: -1px; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1282
.thermal_sensors_widget_scale020 { position: absolute; height: 3px; width: 1px; left:  10%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1283
.thermal_sensors_widget_scale010 { position: absolute; height: 3px; width: 1px; left:  20%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1284
.thermal_sensors_widget_scale030 { position: absolute; height: 3px; width: 1px; left:  30%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1285
.thermal_sensors_widget_scale040 { position: absolute; height: 3px; width: 1px; left:  40%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1286
.thermal_sensors_widget_scale050 { position: absolute; height: 3px; width: 1px; left:  50%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1287
.thermal_sensors_widget_scale060 { position: absolute; height: 3px; width: 1px; left:  60%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1288
.thermal_sensors_widget_scale070 { position: absolute; height: 3px; width: 1px; left:  70%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1289
.thermal_sensors_widget_scale080 { position: absolute; height: 3px; width: 1px; left:  80%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1290
.thermal_sensors_widget_scale090 { position: absolute; height: 3px; width: 1px; left:  90%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1291
.thermal_sensors_widget_scale100 { position: absolute; height: 9px; width: 1px; left: 100%; margin-top: -6px; background-color: lightgray; z-index: 0; font-size: 0; }
1292

    
1293
.thermal_sensors_widget_mark100 { position: absolute; width: 15px; left: 96%; margin-top: -12px; font: 6pt Arial, sans-serif; text-align: left; color: #575757; }
(1-1/11)