Project

General

Profile

Download (24.1 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

    
8
.infobox {
9
	width:100%;
10
}
11

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

    
16
.infoboxnptd2 {
17
	width:100%;
18
	color:white;
19
	background-color:#990000;
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
div.GraphLink {
66
	position: relative;
67
}
68

    
69
span.GraphLinkLine {
70
	position: absolute;
71
	background-color: #990000;
72
	width: 100%;
73
}
74

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

    
136
body {
137
  margin: 0px auto;
138
  background: url('images/background.gif') no-repeat;
139
  background-position : center 0px;
140
  background-color: #4a0203;
141
}
142

    
143
form {
144
	margin: 0px;
145
}
146
a {
147
	text-decoration: none;
148
}
149
form input {
150
	font-size: 1.1em;
151
}
152

    
153
iframe {
154
	z-index: 1;
155
	border: 1px dashed #990000;
156
}
157
.iframe {
158
	background-color: #FFFFFF;
159
}
160

    
161
/* ID Based CSS Definitions */
162
#wrapper {
163
	width: 810px;
164
	margin: 0px auto;
165
}
166

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

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

    
252

    
253

    
254
table#marquee {
255
	position: relative;
256
	top: -6px;
257
	left: -5px;
258
	border: 0;
259
	padding: 0;
260
	margin: 0;
261
	width: 424px;
262
	background-color: transparent;
263
	padding: 2px;
264
	border: 0px;
265
}
266
span#marquee-container {
267
	position: absolute;
268
	visibility: hidden;
269
	top: -100px;
270
	left: -10000px;
271
}
272
div#marquee-text {	
273
	font-size: 1.18em;
274
	font-weight: normal;
275
	font-family: Verdana;
276
	color: #990000;
277
}
278
table#marquee div#container {
279
	position: relative;
280
	overflow: hidden;
281
	width: 418px;
282
	height: 20px;
283
}
284
table#marquee div#container div#scroller {
285
	position: absolute;
286
	left: 0px;
287
	top: 0px;
288
}
289

    
290

    
291

    
292

    
293

    
294
#content {
295
	position: relative;
296
	top: -5px;
297
	left: 0px;
298
	margin-top: 0px;
299
	margin-left: 0px;
300
	padding-top: 0px;
301
	width: 810px;
302
	background-color: #ffffff;
303
}
304

    
305
#left {
306
	width: 810px;
307
	height: 1px;
308
}
309
#right {
310
	position: relative;
311
	top: -10px;
312
	width: 770px;
313
	margin-top: 0px;
314
	margin-left: 5px;
315
	margin-right: 5px;
316
	padding-top: 5px;
317
	padding-left: 10px;
318
	padding-right: 10px;
319
	padding-bottom: 20px;
320
	min-height: 400px;
321
}
322

    
323
#footer {
324
	position: relative;
325
	background: url('images/footer.png') no-repeat;
326
	top: -18px;
327
	left: 0px;
328
	width: 810px;
329
	height: 82px;
330
	color: #999999;
331
	text-align: center;;
332
	font-size: 0.9em;
333
	padding-top: 17px;
334
	margin-bottom: 20px;
335
	clear: both;
336
}
337
#footer p {
338
	padding: 0px;
339
	margin: 0px;
340
}
341

    
342
/* Style the List */
343
#navigation {
344
	/* background: url('images/menu.gif') no-repeat; */
345
	/* width: 693px; */
346
	position: relative;
347
	top: -35px;
348
	left: 3px;
349
	width: 810px;
350
	padding: 0px;
351
	height: 28px;
352
	z-index: 3;
353
}
354
#navigation ul {
355
	padding: 0;
356
	margin: 0;
357
	list-style: none;
358
	text-align: center;
359
}
360
#navigation ul#menu {
361
	padding-top: 3px;
362
	padding-left: 5px;
363
}
364

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

    
415
#navigation ul li {
416
	background-color: transparent;
417
	color: #FFF;
418
}
419
#navigation ul li ul li {
420
	border: 0px solid #990000;
421
	width: 8.8em;
422
	height: 1.6em;
423
	line-height: 1.6em;
424
/*	background-color: #990000; */
425
	background: url(images/menubgr.png) repeat-y;
426
	z-index: 2;
427
/*	color: #FFF; */
428
}
429
#navigation ul li ul li:hover {
430
/*	background-color: #666666; */
431
	background-image: url(images/menubgr_highlight.png);
432
	background-repeat: repeat-y;
433
}
434

    
435
#navigation li li a {
436
	display: block;
437
	padding-left: 10px;
438
	padding-right: 10px;
439
}
440

    
441
#navigation ul li ul li a.navlnk:hover {
442
	text-decoration: none;
443
}
444
#navigation ul li.first {
445
	border-right: 0px;
446
}
447
#navigation ul li.middle {
448
	border-right: 0px;
449
}
450
#navigation ul li.last {
451

    
452
}
453

    
454
#navigation ul li.dropfirst {
455
	border-bottom: 0px;
456
}
457
#navigation ul li.dropmiddle {
458
	border-bottom: 0px;
459
}
460
#navigation ul li.droplast {
461
}
462

    
463
#wzdtabcont {
464
	float: left;
465
	background-color: #FFFFFF;
466
	color: #000000;
467
	padding: 0;
468
}
469

    
470
ul#wzdnav {
471
  font-size: 0.96em;
472
  float: left;
473
	width: 14.5em;
474
  margin: 0;
475
	padding-left: 18px;
476
}
477

    
478
ul#wzdnav li {
479
  list-style: none;
480
  margin: 0;
481
	padding-bottom: 0.2em;
482
  padding-left: 0;
483
}
484

    
485
ul#wzdnav a {
486
  display: block;
487
  padding: 0.3em;
488
  font-weight: normal;
489
}
490

    
491
#wzdnavbold a {
492
  display: block;
493
  padding: 0.3em;
494
  font-weight: bold ! important;
495
}
496

    
497
ul#wzdnav a:link {
498
  color: black;
499
	background-color: #eee;
500
}
501

    
502
ul#wzdnav a:visited {
503
  color: #666;
504
	background-color: #eee;
505
}
506

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

    
512
ul#wzdnav a:active {
513
  color: white;
514
	background-color: gray;
515
}
516

    
517
#graph {
518
	position: relative;
519
	z-index: 10;
520
}
521

    
522
#logoutbtn {
523
  position: absolute;
524
  left: 95%;
525
  vertical-align: middle;
526
}
527

    
528

    
529
#graph {
530
	position: relative;
531
	z-index: 10;
532
}
533

    
534

    
535

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

    
869
.optsect_t {
870
	border-right: 1px solid #999999;
871
	background-color: #990000;
872
	padding-right: 6px;
873
	padding-left: 6px;
874
	padding-top: 2px;
875
	padding-bottom: 2px;
876
}
877
.optsect_s {
878
	font-size: 11px;
879
	color: #FFFFFF;
880
	font-weight: bold;
881
}
882
.tabnavtbl {
883
}
884

    
885

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

    
961

    
962
/* Auto Complete Suggestions */
963
div.suggestions {
964
    -moz-box-sizing: border-box;
965
    /* box-sizing: border-box; */
966
    border: 1px solid black;
967
    position: absolute;
968
	background-color: #990000;
969
	color: #FFF;
970
}
971

    
972
div.suggestions div {
973
    cursor: default;
974
    padding: 0px 3px;
975
	background-color: #990000;
976
	color: #FFF;
977
}
978

    
979
div.suggestions div.current {
980
    background-color: #3366cc;
981
    color: #FFF;
982
}
983
/* End Auto Complete Suggestions */
984

    
985

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

    
1010

    
1011

    
1012
/* CSS for Dynamic Log Viewer */
1013
/* Author: Erik Kristensen    */
1014
div#log div.log-entry {
1015
	clear: both;
1016
}
1017

    
1018
div#log div.log-entry span,
1019
div#log div.log-header span {
1020
	padding: 3px 2px 3px 2px;
1021
	padding-left: 8px;
1022
}
1023

    
1024
div#log div.log-entry span.log-action {
1025
	padding-bottom: 6px;
1026
	padding-left: 5px;
1027
	padding-right: 5px;
1028
}
1029

    
1030
div#log div.log-header span {
1031
	border-top: 1px solid #999;
1032
	background-color: #bbb;
1033
	font-weight: bold;
1034
	text-align: left;
1035
}
1036

    
1037
div#log span.log-action,
1038
div#log span.log-time,
1039
div#log span.log-interface,
1040
div#log span.log-source,
1041
div#log span.log-destination,
1042
div#log span.log-protocol {
1043
	float: left;
1044
	text-align: left;
1045
	border-left: 1px solid #999;
1046
	border-bottom: 1px solid #999;
1047
	
1048
}
1049

    
1050
div#log span.log-general {
1051

    
1052
}
1053

    
1054
div#log span.log-protocol {
1055
	border-right: 1px solid #999;
1056
}
1057

    
1058
div#log span.log-action {
1059
	width: 2em;
1060
	text-align: center;
1061
}
1062

    
1063
div#log span.log-time {
1064
	width: 12.5em;
1065
}
1066

    
1067
div#log span.log-interface {
1068
	width: 5em;
1069
}
1070

    
1071
div#log span.log-source,
1072
div#log span.log-destination {
1073
	width: 17.6em;
1074
}
1075

    
1076
div#log span.log-protocol {
1077
	width: 5.5em;
1078
}
1079
/* END CSS FOR DYNAMIC LOG VIEWER */
1080

    
1081
#login {
1082
	background: #cccccc;
1083
	border: 0px solid #666666;
1084
	margin: 5em auto;
1085
	padding: 0em;
1086
	width: 340px;
1087
}
1088

    
1089
#login h1 {
1090
	background: url(images/misc/logon.png) no-repeat top left;
1091
	margin-top: 0;
1092
	display: block;
1093
	text-indent: -1000px;
1094
	height: 50px;
1095
	border-bottom: none;
1096
}
1097

    
1098
#login p {
1099
	font-size: 1em;
1100
	font-weight: bold;
1101
	padding: 3px;
1102
	margin: 0em;
1103
	text-indent: 10px;
1104
}
1105

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

    
1115
#login p#text {
1116
	font-size: 1em;
1117
	font-weight: normal;
1118
	padding: 3px;
1119
	margin: 0em;
1120
	text-indent: 10px;
1121
}
1122

    
1123
#login #username, #password {
1124
	font-size: 1em;
1125
	width: 60%;
1126
	padding: 3px;
1127
	margin: 0em;
1128
}
1129

    
1130
#login #submit {
1131
	font-size: 1em;
1132
	font-weight: bold;
1133
	padding: 3px;
1134
	margin: 0em;
1135
	text-indent: 10px;
1136
}
1137

    
1138
/* Widget CSS */
1139
.widgetsubheader {
1140
	border-right: 1px solid #999999;
1141
	font-size: 11px;
1142
	background-color: #B1B1B1;
1143
	padding-right: 6px;
1144
	padding-left: 6px;
1145
	color: #000000;
1146
	font-weight: bold;
1147
	padding-top: 5px;
1148
	padding-bottom: 5px;
1149
}
1150
.widgetheader {
1151
	border-right: 1px solid #999999;
1152
	font-size: 11px;
1153
	background-color: #990000;
1154
	padding-right: 6px;
1155
	padding-left: 6px;
1156
	color: #FFFFFF;
1157
	font-weight: bold;
1158
	padding-top: 5px;
1159
	padding-bottom: 5px;
1160
}
1161
.widgetdiv{
1162
	margin:5px;
1163
	padding: 5px;
1164
	background:#CCCCCC;
1165
}
1166
.widgetconfigdiv{
1167
	background:#BBBBBB;
1168
	font-size: 11px;
1169
	color: #000000;
1170
	padding-right: 5px;
1171
	padding-left: 5px;
1172
	padding-top: 5px;
1173
	padding-bottom: 5px;
1174
}
1175

    
1176
div#log div.log-entry-mini {
1177
	clear: both;
1178
}
1179

    
1180
div#log div.log-entry-mini span {
1181
	padding: 2px 2px 2px 2px;
1182
	padding-left: 8px;
1183
}
1184

    
1185
div#log span.log-action-mini-header,
1186
div#log span.log-interface-mini-header,
1187
div#log span.log-source-mini-header,
1188
div#log span.log-destination-mini-header,
1189
div#log span.log-protocol-mini-header {
1190
	float: left;
1191
	text-align: left;
1192
	background-color: #B1B1B1;
1193
	font-size: 12px;
1194
	border-left: 1px solid #999;
1195
	border-bottom: 1px solid #999;
1196
}
1197

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

    
1212
div#log span.log-action-mini,
1213
div#log span.log-action-mini-header {
1214
	width: 6%;
1215
}
1216

    
1217
div#log span.log-interface-mini,
1218
div#log span.log-interface-mini-header {
1219
	width: 8%;
1220
}
1221

    
1222
div#log span.log-source-mini,
1223
div#log span.log-destination-mini,
1224
div#log span.log-source-mini-header,
1225
div#log span.log-destination-mini-header {
1226
	width: 31%;
1227
}
1228

    
1229
div#log span.log-protocol-mini,
1230
div#log span.log-protocol-mini-header {
1231
	width: 8%;	
1232
	border-right: 1px solid #999;
1233
}
1234

    
1235
/* Sortable tables */
1236
table.sortable thead {
1237
    background-color:#eee;
1238
    color:#666666;
1239
    font-weight: bold;
1240
    cursor: default;
1241
}
(1-1/10)