Project

General

Profile

Download (22.5 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
.infobox {
8
	width:100%;
9
}
10

    
11
.infoboxsave {
12
	padding-right: 10px;
13
}
14

    
15
.infoboxnptd2 {
16
	width:100%;
17
	color:white;
18
	background-color:#990000;
19
	padding-right: 10px;
20
	padding-right: 10px;	
21
}
22

    
23
.infoboxnptd {
24
	width:8%;
25
	background-color:#990000;	
26
}
27

    
28
.infoboxnptable {
29
 	height:32px;
30
	width:100%;
31
	background-color:#990000;	
32
}
33

    
34
.infoboxnptable2 {
35
 	height:32px;
36
	width:100%;
37
	background-color:#990000;
38
}
39

    
40
.infoboxnp {
41
	background-color:#990000;
42
	width:100%;
43
}
44

    
45
.infoboxnpimg {
46
	vertical-align:middle;
47
	width:28px;
48
	height:32px;
49
	background-color:#990000;	
50
}
51

    
52
.inputerrorsleft {
53
	background-color: #990000;
54
	width: 36px;
55
}
56

    
57
.inputerrorsright {
58
	background-color: #FFD9D1;	
59
	color: #000000;
60
	font-size: 11px;
61
	padding-left: 8px; 
62
	padding-top: 6px;
63
}
64

    
65
/* DOM Tooltip CSS definitions */
66
div.niceTitle
67
{
68
	background-color: #333333;
69
	color: #FFFFFF;
70
	font-weight: bold;
71
	font-size: 13px;
72
	font-family: "Trebuchet MS", sans-serif;
73
	width: 220px;
74
	left: 0;
75
	top: 0;
76
	padding: 4px;
77
	position: absolute;
78
	text-align: left;
79
	z-index: 20;
80
	-moz-border-radius: 0 10px 10px 10px;
81
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
82
	-moz-opacity: .87;
83
	-khtml-opacity: .87;
84
	opacity: .87;
85
}
86
div.niceTitle h1
87
{
88
  background: #990000;
89
  border-bottom: 1px dotted #FFFFFF;
90
	font-weight: bold;
91
	font-size: 13px;
92
	font-family: "Trebuchet MS", sans-serif;
93
	margin: 3px;
94
  padding-top: 1px;
95
  padding-bottom: 1px;
96
  padding-left: 3px;
97
  text-align: left;
98
	left: 0;
99
	top: 0;
100
  -moz-border-radius: 0 8px 0 0;
101
  -moz-opacity: 1;
102
}
103
div.niceTitle .contents
104
{
105
	margin: 0;
106
	padding: 0 3px;
107
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
108
	-moz-opacity: 1;
109
	-khtml-opacity: 1;
110
	opacity: 1;
111
}
112
div.niceTitle p
113
{
114
  background: #FFFFFF;
115
  border: 1px solid #990000;
116
	color: #000000;
117
	font-size: 11px;
118
	font-family: "Trebuchet MS", sans-serif;
119
	padding: 5px;
120
	margin: 3px;
121
	text-align: left;
122
	-moz-opacity: 1;
123
  -moz-border-radius: 0 0 8px 8px;
124
}
125

    
126
body {
127
	background-color: #333333;
128
	margin: 5px auto;
129
}
130

    
131
form {
132
	margin: 0px;
133
}
134
a {
135
	text-decoration: none;
136
}
137
form input {
138
	font-size: 1.1em;
139
}
140

    
141
iframe {
142
	z-index: 1;
143
	border: 1px dashed #990000;
144
}
145
.iframe {
146
	background-color: #FFFFFF;
147
}
148

    
149
/* ID Based CSS Definitions */
150
#wrapper {
151
	width: 815px;
152
	margin: 5px auto;
153
}
154

    
155
#header {
156
	background: url('images/header.gif') no-repeat;
157
	background-position: 4px;
158
	height: 102px;
159
	width: 808px;
160
	margin-bottom: 5px;
161
	z-index: 2;
162
}
163
#header-left {
164
	position: relative;
165
	/* background: url('images/logo.gif') no-repeat; */
166
	background-position: center;
167
	height: 65px;
168
	width: 145px;
169
	left: 10px;
170
	float: left;
171
}
172
#header-left #status-link {
173
	position: relative;
174
	top: 10px;
175
	left: 6px;
176
}
177
#header-right {
178
	position: relative;
179
	/* background: url('images/header.gif') no-repeat; */
180
	height: 70px;
181
	color: #fff;
182
	left: 0px;
183
	margin-left: 165px;
184
}
185
#header-right .alert {
186
	position: relative;
187
	/* background: url('images/alert.gif') no-repeat; */
188
	background-position: 4px 2px;
189
	color: #fff;
190
	height: 17px;
191
	width: 500px;
192
	padding: 4px;
193
	padding-left: 27px;
194
	float: left;
195
}
196
#header-right .container {
197
	position: relative;
198
}
199
#header-right .container .left {
200
	position: relative; 
201
	float: left;
202
	font-size: 1.3em;
203
	font-weight: bold;
204
	top: 15px;
205
	left: 4px;
206
	display: none;
207
}
208
#header-right .container .right {
209
	position: relative;
210
	float: right;
211
	top: 22px;
212
	padding-right: 4px;
213
	z-index: 1;
214
}
215

    
216
#header-right .container .right #alerts {
217
	position: relative;
218
	background: url('images/alert_bgr.gif') no-repeat;
219
	height: 39px;
220
	width: 431px;
221
	z-index: 1;
222
	padding-top: 20px;
223
	padding-left: 5px;
224
	margin: 0px;
225
}
226
#header-right .container .right #hostname {
227
	position: relative;
228
	height: 39px;
229
	width: 431px;
230
	z-index: 1;
231
	padding-left: 5px;
232
	margin: 0px;
233
	top: 25px;
234
	left: 230px;
235
}
236

    
237

    
238

    
239
table#marquee {
240
	position: relative;
241
	top: -6px;
242
	left: -5px;
243
	border: 0;
244
	padding: 0;
245
	margin: 0;
246
	width: 424px;
247
	background-color: transparent;
248
	padding: 2px;
249
	border: 0px;
250
}
251
span#marquee-container {
252
	position: absolute;
253
	visibility: hidden;
254
	top: -100px;
255
	left: -10000px;
256
}
257
div#marquee-text {	
258
	font-size: 1.18em;
259
	font-weight: bold;
260
	font-family: Verdana;
261
}
262
table#marquee div#container {
263
	position: relative;
264
	overflow: hidden;
265
	width: 418px;
266
	height: 20px;
267
}
268
table#marquee div#container div#scroller {
269
	position: absolute;
270
	left: 0px;
271
	top: 0px;
272
}
273

    
274

    
275

    
276

    
277

    
278
#content {
279
	position: relative;
280
	top: -15px;
281
	left: 4px;
282
	margin-top: 0px;
283
	margin-left: 5px;
284
	padding-top: 0px;
285
	width: 800px;
286
	background: url('images/horizontal.gif') repeat-y;
287
}
288

    
289
#left {
290
	width: 800px;
291
	height: 1px;
292
}
293
#right {
294
	position: relative;
295
	top: -10px;
296
	width: 770px;
297
	margin-top: 0px;
298
	margin-left: 5px;
299
	margin-right: 5px;
300
	padding-top: 5px;
301
	padding-left: 10px;
302
	padding-right: 10px;
303
	padding-bottom: 20px;
304
	min-height: 400px;
305
}
306

    
307
#footer {
308
	position: relative;
309
	background: url('images/footer.gif') no-repeat;
310
	top: -18px;
311
	left: 7px;
312
	width: 800px;
313
	height: 75px;
314
	color: #ffffff;
315
	text-align: center;;
316
	font-size: 0.9em;
317
	padding-top: 17px;
318
	margin-bottom: 20px;
319
	clear: both;
320
}
321
#footer p {
322
	padding: 0px;
323
	margin: 0px;
324
}
325

    
326
/* Style the List */
327
#navigation {
328
	/* background: url('images/menu.gif') no-repeat; */
329
	/* width: 693px; */
330
	position: relative;
331
	top: -24px;
332
	left: -4px;
333
	width: 800px;
334
	padding: 0px;
335
	height: 28px;
336
	z-index: 3;
337
}
338
#navigation ul {
339
	padding: 0;
340
	margin: 0;
341
	list-style: none;
342
	text-align: center;
343
}
344
#navigation ul#menu {
345
	padding-top: 3px;
346
	padding-left: 5px;
347
}
348

    
349
/* Style the List Elements */
350
#navigation ul li {
351
	float: left;
352
	position: relative;
353
	/* width: 7.5em; */
354
	width: 7.47em;
355
}
356
#navigation ul li div {
357
	font-size: 1em;
358
	font-weight: bold;
359
}
360
/* Make the List inside the List Elements */
361
/* initially hidden with absolute position */
362
#navigation ul li ul {
363
	display: none;
364
	position: absolute; 
365
	top: 2em;
366
	left: -2px;
367
	width: 9em;
368
	font-weight: normal;
369
	background: transparent bottom left no-repeat; /* This is key to making the menu maintain visibility when not on a link */
370
	background-color: #202020;
371
	background: url("images/menu_footer.gif") no-repeat;
372
	background-position: bottom;
373
	padding: 0em 0 0.4em 0;
374
	padding-top: 0.3em;
375
}
376
/* to override top and left in browsers other than IE */
377
/* which will position to the top right of the containing */
378
/* li, rather than bottom left */
379
#navigation ul li > ul {
380
	top: auto;
381
	left: auto;
382
	left: -1px !important;
383
}
384
/* Show initial drop down upon mouse over, but do not show */
385
/* nested side drop menus within listed elements */
386
#navigation ul li:hover ul { 
387
	display: block;
388
	cursor: pointer;
389
}
390
#navigation ul li:hover {
391
	cursor: pointer;
392
	cursor: pointer;
393
}
394
#navigation ul li:hover div {
395
	text-decoration: none;
396
}
397

    
398
#navigation ul li {
399
	background-color: transparent;
400
	color: #FFF;
401
}
402
#navigation ul li ul li {
403
	border: 1px solid #505050;
404
	width: 8.8em;
405
	height: 1.6em;
406
	line-height: 1.6em;
407
	background: url('images/metal_bgr.gif') repeat-x;
408
	color: #FFF;
409
}
410
#navigation ul li ul li:hover {
411
	background: url('images/metal_bgr_red.gif') repeat-x;
412
}
413

    
414
#navigation li li a {
415
	display: block;
416
	padding-left: 10px;
417
	padding-right: 10px;
418
}
419

    
420
#navigation ul li ul li a.navlnk:hover {
421
	text-decoration: none;
422
}
423
#navigation ul li.first {
424
	border-right: 0px;
425
}
426
#navigation ul li.middle {
427
	border-right: 0px;
428
}
429
#navigation ul li.last {
430

    
431
}
432

    
433
#navigation ul li.dropfirst {
434
	border-bottom: 0px;
435
}
436
#navigation ul li.dropmiddle {
437
	border-bottom: 0px;
438
}
439
#navigation ul li.droplast {
440
}
441
#wzdtabcont {
442
	float: left;
443
	background-color: #FFFFFF;
444
	color: #000000;
445
	padding: 0;
446
}
447

    
448
ul#wzdnav {
449
  font-size: 0.96em;
450
  float: left;
451
	width: 14.5em;
452
  margin: 0;
453
	padding-left: 18px;
454
}
455

    
456
ul#wzdnav li {
457
  list-style: none;
458
  margin: 0;
459
	padding-bottom: 0.2em;
460
  padding-left: 0;
461
}
462

    
463
ul#wzdnav a {
464
  display: block;
465
  padding: 0.3em;
466
  font-weight: normal;
467
}
468

    
469
#wzdnavbold a {
470
  display: block;
471
  padding: 0.3em;
472
  font-weight: bold ! important;
473
}
474

    
475
ul#wzdnav a:link {
476
  color: black;
477
	background-color: #eee;
478
}
479

    
480
ul#wzdnav a:visited {
481
  color: #666;
482
	background-color: #eee;
483
}
484

    
485
ul#wzdnav a:hover {
486
  color: black;
487
	background-color: white;
488
}
489

    
490
ul#wzdnav a:active {
491
  color: white;
492
	background-color: gray;
493
}
494

    
495
#graph {
496
	position: relative;
497
	z-index: 1;
498
}
499

    
500
#logoutbtn {
501
  position: absolute;
502
  left: 95%;
503
  vertical-align: middle;
504
}
505

    
506

    
507
#graph {
508
	position: relative;
509
	z-index: -10;
510
}
511

    
512

    
513

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

    
861

    
862
/* MISC CSS Definitions */
863
ul#tabnav {
864
	font-size: 11px;
865
	font-weight: bold;
866
	list-style-type: none;
867
	margin: 0;
868
	padding: 0;
869
}
870
ul#tabnav li.tabinact1 {
871
	float: left;
872
	background-color: #777777;
873
	color: #FFFFFF;
874
	padding: 0;
875
	white-space: nowrap;
876
}
877
ul#tabnav li.tabinact {
878
	float: left;
879
	border-left: 1px solid #999999;
880
	background-color: #777777;
881
	color: #FFFFFF;
882
	padding: 0;
883
	white-space: nowrap;
884
}
885
ul#tabnav li.tabinact a {
886
	float: left;
887
	display: block;
888
	text-decoration: none;
889
	padding: 5px 8px 5px 8px;
890
	color: #FFFFFF;
891
}
892
ul#tabnav li.tabinact1 a {
893
	float: left;
894
	display: block;
895
	text-decoration: none;
896
	padding: 5px 8px 5px 8px;
897
	color: #FFFFFF;
898
}
899
ul#tabnav li.tabact {
900
	float: left;
901
	background-color: #EEEEEE;
902
	color: #000000;
903
	padding: 5px 8px 5px 8px;
904
	white-space: nowrap;
905
}
906
.tabcont {
907
	background-color: #EEEEEE;
908
	padding-right: 12px;
909
	padding-left: 12px;
910
	padding-top: 12px;
911
	padding-bottom: 12px;
912
}
913
.tabact {
914
	float: left;
915
	background-color: #EEEEEE;
916
	color: #000000;
917
	padding: 5px 8px 5px 8px;
918
	white-space: nowrap;
919
}
920
.tabinact {
921
	font-weight: bold;
922
	float: left;
923
	border-left: 1px solid #999999;
924
	background-color: #777777;
925
	color: #FFFFFF;
926
	padding: 0;
927
	white-space: nowrap;
928
}
929
.menu {
930
	background-color: #000000;
931
	white-space: nowrap;
932
	padding: 0px 5px 0px 5px;
933
	width: 100%;
934
	vertical-align: top;
935
}
936

    
937

    
938
/* Auto Complete Suggestions */
939
div.suggestions {
940
    -moz-box-sizing: border-box;
941
    /* box-sizing: border-box; */
942
    border: 1px solid black;
943
    position: absolute;
944
	background-color: #990000;
945
	color: #FFF;
946
}
947

    
948
div.suggestions div {
949
    cursor: default;
950
    padding: 0px 3px;
951
	background-color: #990000;
952
	color: #FFF;
953
}
954

    
955
div.suggestions div.current {
956
    background-color: #3366cc;
957
    color: #FFF;
958
}
959
/* End Auto Complete Suggestions */
960

    
961

    
962
/* Nifty Corners Crap */
963
.rtop,.artop{display:block}
964
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
965
.artop *{border-style: solid;border-width:0 1px}
966
.r1,.rl1,.re1,.rel1{margin-left:5px}
967
.r1,.rr1,.re1,.rer1{margin-right:5px}
968
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
969
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
970
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
971
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
972
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
973
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
974
.rx1,.rxl1{border-left-width:5px}
975
.rx1,.rxr1{border-right-width:5px}
976
.rx2,.rxl2{border-left-width:3px}
977
.rx2,.rxr2{border-right-width:3px}
978
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
979
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
980
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
981
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
982
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
983
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
984
/* End Nifty Corners Crap */
985

    
986

    
987

    
988
/* CSS for Dynamic Log Viewer */
989
/* Author: Erik Kristensen    */
990
div#log div.log-entry {
991
	clear: both;
992
}
993

    
994
div#log div.log-entry span,
995
div#log div.log-header span {
996
	padding: 3px 2px 3px 2px;
997
	padding-left: 8px;
998
}
999

    
1000
div#log div.log-entry span.log-action {
1001
	padding-bottom: 6px;
1002
	padding-left: 5px;
1003
	padding-right: 5px;
1004
}
1005

    
1006
div#log div.log-header span {
1007
	border-top: 1px solid #999;
1008
	background-color: #bbb;
1009
	font-weight: bold;
1010
	text-align: left;
1011
}
1012

    
1013
div#log span.log-action,
1014
div#log span.log-time,
1015
div#log span.log-interface,
1016
div#log span.log-source,
1017
div#log span.log-destination,
1018
div#log span.log-protocol {
1019
	float: left;
1020
	text-align: left;
1021
	border-left: 1px solid #999;
1022
	border-bottom: 1px solid #999;
1023
}
1024

    
1025
div#log span.log-general {
1026

    
1027
}
1028

    
1029
div#log span.log-protocol {
1030
	border-right: 1px solid #999;
1031
}
1032

    
1033
div#log span.log-action {
1034
	width: 2em;
1035
	text-align: center;
1036
}
1037

    
1038
div#log span.log-time {
1039
	width: 12.5em;
1040
}
1041

    
1042
div#log span.log-interface {
1043
	width: 5em;
1044
}
1045

    
1046
div#log span.log-source,
1047
div#log span.log-destination {
1048
	width: 17.6em;
1049
}
1050

    
1051
div#log span.log-protocol {
1052
	width: 5.5em;
1053
}
1054
/* END CSS FOR DYNAMIC LOG VIEWER */
1055

    
1056

    
1057
#login {
1058
	background: #cccccc;
1059
	border: 0px solid #666666;
1060
	margin: 5em auto;
1061
	padding: 0em;
1062
	width: 340px;
1063
}
1064

    
1065
#login h1 {
1066
	background: url(images/misc/logon.png) no-repeat top left;
1067
	margin-top: 0;
1068
	display: block;
1069
	text-indent: -1000px;
1070
	height: 50px;
1071
	border-bottom: none;
1072
}
1073

    
1074
#login p {
1075
	font-size: 1em;
1076
	font-weight: bold;
1077
	padding: 3px;
1078
	margin: 0em;
1079
	text-indent: 10px;
1080
}
1081

    
1082
#login span {
1083
	font-size: 1em;
1084
	font-weight: bold;
1085
	width: 20%;
1086
	padding: 3px;
1087
	margin: 0em;
1088
	text-indent: 10px;
1089
}
1090

    
1091
#login p#text {
1092
	font-size: 1em;
1093
	font-weight: normal;
1094
	padding: 3px;
1095
	margin: 0em;
1096
	text-indent: 10px;
1097
}
1098

    
1099
#login #username, #password {
1100
	font-size: 1em;
1101
	width: 60%;
1102
	padding: 3px;
1103
	margin: 0em;
1104
}
1105

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

    
1114

    
1115
/* Widget CSS */
1116
.widgetsubheader {
1117
	border-right: 1px solid #999999;
1118
	font-size: 11px;
1119
	background-color: #B1B1B1;
1120
	padding-right: 6px;
1121
	padding-left: 6px;
1122
	color: #000000;
1123
	font-weight: bold;
1124
	padding-top: 5px;
1125
	padding-bottom: 5px;
1126
}
1127
.widgetheader {
1128
	border-right: 1px solid #999999;
1129
	font-size: 11px;
1130
	background-color: #990000;
1131
	padding-right: 6px;
1132
	padding-left: 6px;
1133
	color: #FFFFFF;
1134
	font-weight: bold;
1135
	padding-top: 5px;
1136
	padding-bottom: 5px;
1137
}
1138
.widgetdiv{
1139
	margin:5px;
1140
	padding: 5px;
1141
	background:#CCCCCC;
1142
}
1143
.widgetconfigdiv{
1144
	background:#BBBBBB;
1145
	font-size: 11px;
1146
	color: #000000;
1147
	padding-right: 5px;
1148
	padding-left: 5px;
1149
	padding-top: 5px;
1150
	padding-bottom: 5px;
1151
}
1152

    
1153
div#log div.log-entry-mini {
1154
	clear: both;
1155
}
1156

    
1157
div#log div.log-entry-mini span {
1158
	padding: 2px 2px 2px 2px;
1159
	padding-left: 8px;
1160
}
1161

    
1162
div#log span.log-action-mini-header,
1163
div#log span.log-interface-mini-header,
1164
div#log span.log-source-mini-header,
1165
div#log span.log-destination-mini-header,
1166
div#log span.log-protocol-mini-header {
1167
	float: left;
1168
	text-align: left;
1169
	background-color: #FFFFFF;
1170
	font-size: 12px;
1171
	border-left: 1px solid #999;
1172
	border-bottom: 1px solid #999;
1173
}
1174

    
1175
div#log span.log-action-mini,
1176
div#log span.log-time-mini,
1177
div#log span.log-interface-mini,
1178
div#log span.log-source-mini,
1179
div#log span.log-destination-mini,
1180
div#log span.log-protocol-mini {
1181
	float: left;
1182
	text-align: left;
1183
	background-color: #FFFFFF;
1184
	font-size: 11px;
1185
	border-left: 1px solid #999;
1186
	border-bottom: 1px solid #999;
1187
}
1188

    
1189
div#log span.log-action-mini,
1190
div#log span.log-action-mini-header {
1191
	width: 6%;
1192
}
1193

    
1194
div#log span.log-interface-mini,
1195
div#log span.log-interface-mini-header {
1196
	width: 8%;
1197
}
1198

    
1199
div#log span.log-source-mini,
1200
div#log span.log-destination-mini,
1201
div#log span.log-source-mini-header,
1202
div#log span.log-destination-mini-header {
1203
	width: 31%;
1204
}
1205

    
1206
div#log span.log-protocol-mini,
1207
div#log span.log-protocol-mini-header {
1208
	width: 8%;	
1209
	border-right: 1px solid #999;
1210
}
1211

    
1212
/* Sortable tables */
1213
table.sortable thead {
1214
    cursor: default;
1215
	background-color: #EEEEEE;
1216
	padding-right: 12px;
1217
	padding-left: 12px;
1218
	padding-top: 12px;
1219
	padding-bottom: 12px;
1220
}
(1-1/6)