Project

General

Profile

Download (21 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
.nowrap { white-space: nowrap; }
8

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

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

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

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

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

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

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

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

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

    
59
.inputerrorsleft {
60
	background-color: #990000;
61
	width: 36px;
62
	text-align: center;
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
form {
74
	margin: 0px;
75
}
76
a {
77
	text-decoration: none;
78
}
79

    
80
a:link {
81
	color: #0000CC;
82
}
83

    
84
a:visited {
85
	color: #0000CC;
86
}
87

    
88
a:active {
89
	color: #0000CC;
90
}
91

    
92
a:hover {
93
	color: #0000CC;
94
}
95

    
96
form input {
97
	font-size: 1.1em;
98
}
99

    
100
/* DOM Tooltip CSS definitions */
101
div.niceTitle
102
{
103
	background-color: #333333;
104
	color: #FFFFFF;
105
	font-weight: bold;
106
	font-size: 13px;
107
	font-family: "Trebuchet MS", sans-serif;
108
	width: 220px;
109
	left: 0;
110
	top: 0;
111
	padding: 4px;
112
	position: absolute;
113
	text-align: left;
114
	z-index: 20;
115
	-moz-border-radius: 0 10px 10px 10px;
116
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
117
	-moz-opacity: .87;
118
	-khtml-opacity: .87;
119
	opacity: .87;
120
}
121
div.niceTitle h1
122
{
123
  background: #990000;
124
  border-bottom: 1px dotted #FFFFFF;
125
	font-weight: bold;
126
	font-size: 13px;
127
	font-family: "Trebuchet MS", sans-serif;
128
	margin: 3px;
129
  padding-top: 1px;
130
  padding-bottom: 1px;
131
  padding-left: 3px;
132
  text-align: left;
133
	left: 0;
134
	top: 0;
135
  -moz-border-radius: 0 8px 0 0;
136
  -moz-opacity: 1;
137
}
138
div.niceTitle .contents
139
{
140
	margin: 0;
141
	padding: 0 3px;
142
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
143
	-moz-opacity: 1;
144
	-khtml-opacity: 1;
145
	opacity: 1;
146
}
147
div.niceTitle p
148
{
149
  background: #FFFFFF;
150
  border: 1px solid #990000;
151
	color: #000000;
152
	font-size: 11px;
153
	font-family: "Trebuchet MS", sans-serif;
154
	padding: 5px;
155
	margin: 3px;
156
	text-align: left;
157
	-moz-opacity: 1;
158
  -moz-border-radius: 0 0 8px 8px;
159
}
160

    
161
body {
162
	background-color: #ffffff;
163
}
164

    
165
/* ID Based CSS Definitions */
166
#wrapper {
167

    
168
}
169

    
170
#header {
171
	height: 70px;
172
	width: 800px;
173
}
174
#header-left {
175
	position: relative;
176
	background: url('images/logo.gif') no-repeat;
177
	background-position: center;
178
	height: 65px;
179
	width: 145px;
180
	left: 10px;
181
	float: left;
182
	background-color: #fff;
183
}
184
#header-right {
185
	position: relative;
186
	background: url('images/header.gif') no-repeat;
187
	height: 70px;
188
	color: #fff;
189
	left: 0px;
190
	margin-left: 165px;
191
}
192
#header-right .alert {
193
	position: relative;
194
	/* background: url('images/alert.gif') no-repeat; */
195
	background-position: 4px 2px;
196
	color: #fff;
197
	height: 17px;
198
	width: 500px;
199
	padding: 4px;
200
	padding-left: 27px;
201
	float: left;
202
}
203

    
204
#header-right .container .left {
205
	position: relative;
206
	top: 32px;
207
	left: 9px;
208
	font-size: 1.8em;
209
}
210

    
211
#header-right .container .right {
212
	position: relative;
213
	top: -8px;
214
	left: 195px;
215
}
216

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

    
238

    
239

    
240

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

    
277

    
278

    
279

    
280

    
281

    
282

    
283
#content {
284
	border-top: 1px solid #FFFFFF;
285
	margin-top: 0px;
286
	padding-top: 0px;
287
	width: 800px;
288
}
289

    
290
#left {
291
	width: 800px;
292
	height: 25px;
293
	margin-bottom: 5px;
294
}
295
#right {
296
	width: 770px;
297
	margin-left: 5px;
298
	margin-right: 5px;
299
	margin-top: 4px;
300
	padding-top: 1px;
301
	padding-bottom: 15px;
302
	padding-left: 10px;
303
	padding-right: 10px;
304
	border-left: 1px solid #000000;
305
	border-right: 1px solid #000000;
306
}
307

    
308
#footer {
309
	position: relative;
310
	top: 3px;
311
	padding: 0px;
312
	margin: 6px;
313
	margin-left: 0px;
314
	margin-top: 2px;
315
	width: 800px;
316
	background-color: #990000;
317
	text-align: center;
318
	color: #ffffff;
319
	font-size: 0.75em;
320
	clear: both;
321
	margin-bottom: 20px;
322
	z-index: 0;
323
}
324
#footer p {
325
	padding: 0px;
326
	margin: 0px;
327
}
328

    
329
/* Style the List */
330
#navigation {
331
	background: url('images/menu.gif') no-repeat;
332
	/* width: 693px; */
333
	width: 800px;
334
	padding: 0px;
335
	height: 28px;
336
}
337
#navigation ul {
338
	padding: 0;
339
	margin: 0;
340
	list-style: none;
341
	text-align: center;
342
	z-index: 10;
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: 6.2em;
354
}
355
#navigation ul li div {
356
	font-size: 1em;
357
	font-weight: bold;
358
	text-align: center;
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: 0px;
367
	font-weight: normal;
368
	background: transparent bottom left no-repeat; /* This is key to making the menu maintain visibility when not on a link */
369
	padding: 0em 0 1em 0;
370
}
371
/* to override top and left in browsers other than IE */
372
/* which will position to the top right of the containing */
373
/* li, rather than bottom left */
374
#navigation ul li > ul {
375
	top: auto;
376
	left: auto;
377
	left: -1px !important;
378
}
379
/* Show initial drop down upon mouse over, but do not show */
380
/* nested side drop menus within listed elements */
381
#navigation ul li:hover ul {
382
	display: block;
383
	cursor: hand;
384
}
385
#navigation ul li:hover {
386
	cursor: hand;
387
	cursor: pointer;
388
}
389
#navigation ul li:hover div {
390
	text-decoration: underline;
391
}
392

    
393
#navigation ul li {
394
	background-color: transparent;
395
	color: #FFF;
396
}
397
#navigation ul li ul li {
398
	border: 1px solid #000;
399
	background-color: #000;
400
	color: #FFF;
401
}
402
#navigation ul li ul li a.navlnk:hover {
403
	text-decoration: underline;
404
}
405
#navigation ul li.first {
406
	border-right: 0px;
407
}
408
#navigation ul li.middle {
409
	border-right: 0px;
410
}
411
#navigation ul li.last {
412

    
413
}
414

    
415
#navigation ul li.dropfirst {
416
	border-bottom: 0px;
417
}
418
#navigation ul li.dropmiddle {
419
	border-bottom: 0px;
420
}
421
#navigation ul li.droplast {
422
}
423

    
424

    
425

    
426
/* Class Based CSS Definitions */
427
.pgtitle {
428
	font-size: 18px;
429
	color: #777777;
430
	font-weight: bold;
431
}
432
.tfrtitle {
433
	font-size: 18px;
434
	color: #ffffff;
435
	font-weight: bold;
436
}
437
.vncell {
438
	background-color: #DDDDDD;
439
	padding-right: 20px;
440
	padding-left: 8px;
441
	border-bottom: 1px solid #999999;
442
}
443
.formfld {
444

    
445
}
446
.formfldalias {
447
	background-color: #990000;
448
	color: #FFFFFF;
449
}
450
.formpre {
451
	font-family: Courier New, Courier, monospaced;
452
	font-size: 10px;
453
}
454
.formbtn {
455
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
456
	font-size: 13px;
457
	font-weight: bold;
458
}
459
.formbtns {
460
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
461
	font-size: 10px;
462
	font-weight: bold;
463
}
464
.vvcell {
465
	background-color: #FFFFC6;
466
}
467
.errmsg {
468
	font-weight: bold;
469
	color: #CC0000;
470
}
471
.red {
472
	color: #CC0000;
473
}
474
.gray {
475
	color: #A0A0A0;
476
}
477
.vexpl {
478
	font-size: 11px;
479
}
480
.navlnk {
481
	color: #FFFFFF;
482
	text-decoration: none;
483
	font-size: 13px;
484
}
485
.navlnks {
486
	color: #FFFFFF;
487
	text-decoration: none;
488
	font-size: 11px;
489
}
490
.tblnk {
491
	color: #FFFFFF;
492
	text-decoration: none;
493
}
494
.vncellreq {
495
	background-color: #DDDDDD;
496
	padding-right: 20px;
497
	padding-left: 8px;
498
	font-weight: bold;
499
	border-bottom: 1px solid #999999;
500
}
501
.vncellt {
502
	background-color: #DDDDDD;
503
	padding-right: 20px;
504
	padding-left: 8px;
505
	padding-top: 4px;
506
	padding-bottom: 4px;
507
	font-weight: bold;
508
	border-bottom: 1px solid #999999;
509
}
510
.vtable {
511
	border-bottom: 1px solid #999999;
512
}
513
.vnsepcell {
514
	background-color: #BBBBBB;
515
	padding-right: 20px;
516
	padding-left: 8px;
517
	font-weight: bold;
518
	border-bottom: 1px solid #999999;
519
	font-size: 11px;
520
}
521
.cpline {
522
	font-size: 11px;
523
	color: #FFFFFF;
524
}
525
.hostname {
526
	font-size: 11px;
527
	color: #FFFFFF;
528
}
529
.vnsepcellr {
530
	background-color: #BBBBBB;
531
	padding-right: 20px;
532
	padding-left: 8px;
533
	font-weight: bold;
534
	border-right: 1px solid #999999;
535
	border-bottom: 1px solid #999999;
536
	font-size: 11px;
537
}
538
.listrborder {
539
	background-color: #FFFFFF;
540
	border-right: 1px solid #999999;
541
	border-left: 1px solid #999999;	
542
	border-bottom: 1px solid #999999;
543
	font-size: 11px;
544
	padding-right: 6px;
545
	padding-left: 6px;
546
	padding-top: 4px;
547
	padding-bottom: 4px;
548
}
549
.listr {
550
	background-color: #FFFFFF;
551
	border-right: 1px solid #999999;
552
	border-bottom: 1px solid #999999;
553
	font-size: 11px;
554
	padding-right: 6px;
555
	padding-left: 6px;
556
	padding-top: 4px;
557
	padding-bottom: 4px;
558
}
559
.listrpad {
560
	border-right: 1px solid #999999;
561
	border-bottom: 1px solid #999999;
562
	font-size: 11px;
563
	padding-right: 16px;
564
	padding-left: 10px;
565
	padding-top: 8px;
566
	padding-bottom: 8px;
567
}
568
.listn {
569
	font-size: 11px;
570
	padding-right: 6px;
571
	padding-left: 6px;
572
	padding-top: 4px;
573
	padding-bottom: 4px;
574
}
575
.listbg {
576
	border-right: 1px solid #999999;
577
	border-bottom: 1px solid #999999;
578
	font-size: 11px;
579
	color: #FFFFFF;
580
	background-color: #990000;
581
	padding-right: 6px;
582
	padding-left: 6px;
583
	padding-top: 4px;
584
	padding-bottom: 4px;
585
}
586
.listbggrey {
587
	border-right: 1px solid #999999;
588
        border-bottom: 1px solid #999999;
589
        font-size: 11px;
590
        background-color: #999999;
591
        padding-right: 6px;
592
        padding-left: 6px;
593
        padding-top: 4px;
594
        padding-bottom: 4px;
595
}
596
.listhdr {
597
	background-color: #BBBBBB;
598
	padding-right: 6px;
599
	padding-left: 6px;
600
	font-weight: bold;
601
	border-bottom: 1px solid #999999;
602
	font-size: 11px;
603
	padding-top: 5px;
604
	padding-bottom: 5px;
605
}
606
.listhdr a {
607
	color: #000000;
608
}
609
.listhdrr {
610
	background-color: #BBBBBB;
611
	padding-right: 6px;
612
	padding-left: 6px;
613
	font-weight: bold;
614
	border-right: 1px solid #999999;
615
	border-bottom: 1px solid #999999;
616
	font-size: 11px;
617
	padding-top: 5px;
618
	padding-bottom: 5px;
619
}
620
.listhdrr a {
621
	color: #000000;
622
}
623
.listlr {
624
	background-color: #FFFFFF;
625
	border-right: 1px solid #999999;
626
	border-bottom: 1px solid #999999;
627
	border-left: 1px solid #999999;
628
	font-size: 11px;
629
	padding-right: 6px;
630
	padding-left: 6px;
631
	padding-top: 4px;
632
	padding-bottom: 4px;
633
}
634
.listlrns {
635
	background-color: #FFFFFF;
636
	border-right: 1px solid #999999;
637
	border-bottom: 1px solid #999999;
638
	border-left: 1px solid #999999;
639
	font-size: 11px;
640
	padding-top: 4px;
641
	padding-bottom: 4px;
642
}
643
.list {
644
	font-size: 11px;
645
	padding-left: 6px;
646
	padding-top: 2px;
647
	padding-bottom: 2px;
648
}
649
.listt {
650
	font-size: 11px;
651
	padding-top: 5px;
652
}
653
.listhdrrns {
654
	background-color: #BBBBBB;
655
	padding-left: 6px;
656
	padding-top: 5px;
657
	padding-bottom: 5px;
658
	padding-right: 6px;
659
	font-weight: bold;
660
	border-right: 1px solid #999999;
661
	border-bottom: 1px solid #999999;
662
	font-size: 11px;
663
}
664
.listbgns {
665
	border-right: 1px solid #999999;
666
	border-bottom: 1px solid #999999;
667
	font-size: 11px;
668
	background-color: #D9DEE8;
669
	padding-left: 6px;
670
	padding-right: 4px;
671
	padding-top: 4px;
672
	padding-bottom: 4px;
673
}
674
.listtopic {
675
	border-right: 1px solid #999999;
676
	font-size: 11px;
677
	background-color: #990000;
678
	padding-right: 16px;
679
	padding-left: 6px;
680
	color: #FFFFFF;
681
	font-weight: bold;
682
	padding-top: 5px;
683
	padding-bottom: 5px;
684
}
685
.optsect_t {
686
	border-right: 1px solid #999999;
687
	background-color: #990000;
688
	padding-right: 6px;
689
	padding-left: 6px;
690
	padding-top: 2px;
691
	padding-bottom: 2px;
692
}
693
.optsect_s {
694
	font-size: 11px;
695
	color: #FFFFFF;
696
	font-weight: bold;
697
}
698
.tabnavtbl {
699
}
700

    
701

    
702
/* MISC CSS Definitions */
703
ul#tabnav {
704
	font-size: 11px;
705
	font-weight: bold;
706
	list-style-type: none;
707
	margin: 0;
708
	padding: 0;
709
}
710
ul#tabnav li.tabinact1 {
711
	float: left;
712
	background-color: #777777;
713
	color: #FFFFFF;
714
	padding: 0;
715
	white-space: nowrap;
716
}
717
ul#tabnav li.tabinact {
718
	float: left;
719
	border-left: 1px solid #999999;
720
	background-color: #777777;
721
	color: #FFFFFF;
722
	padding: 0;
723
	white-space: nowrap;
724
}
725
ul#tabnav li.tabinact a {
726
	float: left;
727
	display: block;
728
	text-decoration: none;
729
	padding: 5px 8px 5px 8px;
730
	color: #FFFFFF;
731
}
732
ul#tabnav li.tabinact1 a {
733
	float: left;
734
	display: block;
735
	text-decoration: none;
736
	padding: 5px 8px 5px 8px;
737
	color: #FFFFFF;
738
}
739
ul#tabnav li.tabact {
740
	float: left;
741
	background-color: #EEEEEE;
742
	color: #000000;
743
	padding: 5px 8px 5px 8px;
744
	white-space: nowrap;
745
}
746
.tabcont {
747
	background-color: #DDDDDD;
748
	padding-right: 12px;
749
	padding-left: 12px;
750
	padding-top: 12px;
751
	padding-bottom: 12px;
752
}
753
.tabact {
754
	float: left;
755
	background-color: #EEEEEE;
756
	color: #000000;
757
	padding: 5px 8px 5px 8px;
758
	white-space: nowrap;
759
}
760
.tabinact {
761
	font-weight: bold;
762
	float: left;
763
	border-left: 1px solid #999999;
764
	background-color: #777777;
765
	color: #FFFFFF;
766
	padding: 0;
767
	white-space: nowrap;
768
}
769
.menu {
770
	background-color: #000000;
771
	white-space: nowrap;
772
	padding: 0px 5px 0px 5px;
773
	width: 100%;
774
	vertical-align: top;
775
}
776

    
777

    
778
/* Auto Complete Suggestions */
779
div.suggestions {
780
    -moz-box-sizing: border-box;
781
    box-sizing: border-box;
782
    border: 1px solid black;
783
    position: absolute;
784
	background-color: #990000;
785
	color: #FFF;
786
}
787

    
788
div.suggestions div {
789
    cursor: default;
790
    padding: 0px 3px;
791
	background-color: #990000;
792
	color: #FFF;
793
}
794

    
795
div.suggestions div.current {
796
    background-color: #3366cc;
797
    color: #FFF;
798
}
799
/* End Auto Complete Suggestions */
800

    
801

    
802
/* Nifty Corners Crap */
803
.rtop,.artop{display:block}
804
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
805
.artop *{border-style: solid;border-width:0 1px}
806
.r1,.rl1,.re1,.rel1{margin-left:5px}
807
.r1,.rr1,.re1,.rer1{margin-right:5px}
808
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
809
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
810
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
811
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
812
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
813
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
814
.rx1,.rxl1{border-left-width:5px}
815
.rx1,.rxr1{border-right-width:5px}
816
.rx2,.rxl2{border-left-width:3px}
817
.rx2,.rxr2{border-right-width:3px}
818
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
819
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
820
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
821
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
822
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
823
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
824

    
825
#login {
826
	background: #cccccc;
827
	border: 0px solid #666666;
828
	margin: 5em auto;
829
	padding: 0em;
830
	width: 340px;
831
}
832

    
833
#login h1 {
834
	background: url(images/misc/logon.png) no-repeat top left;
835
	margin-top: 0;
836
	display: block;
837
	text-indent: -1000px;
838
	height: 50px;
839
	border-bottom: none;
840
}
841

    
842
#login p {
843
	font-size: 1em;
844
	font-weight: bold;
845
	padding: 3px;
846
	margin: 0em;
847
	text-indent: 10px;
848
}
849

    
850
#login span {
851
	font-size: 1em;
852
	font-weight: bold;
853
	width: 20%;
854
	padding: 3px;
855
	margin: 0em;
856
	text-indent: 10px;
857
}
858

    
859
#login p#text {
860
	font-size: 1em;
861
	font-weight: normal;
862
	padding: 3px;
863
	margin: 0em;
864
	text-indent: 10px;
865
}
866

    
867
#login #username, #password, #password2 {
868
	font-size: small;
869
	width: 60%;
870
	padding-left: 19px;
871
	padding: 3px;
872
	margin: 0em;
873
}
874

    
875
#login #submit {
876
	font-size: 1em;
877
	font-weight: bold;
878
	padding: 3px;
879
	margin: 0em;
880
	text-indent: 10px;
881
}
882

    
883

    
884
/* Widget CSS */
885
.widgetsubheader {
886
	border-right: 1px solid #999999;
887
	font-size: 11px;
888
	background-color: #B1B1B1;
889
	padding-right: 6px;
890
	padding-left: 6px;
891
	color: #000000;
892
	font-weight: bold;
893
	padding-top: 5px;
894
	padding-bottom: 5px;
895
}
896
.widgetheader {
897
	border-right: 1px solid #999999;
898
	font-size: 11px;
899
	background-color: #990000;
900
	padding-right: 6px;
901
	padding-left: 6px;
902
	color: #FFFFFF;
903
	font-weight: bold;
904
	padding-top: 5px;
905
	padding-bottom: 5px;
906
}
907
.widgetdiv{
908
	margin:5px;
909
	padding: 5px;
910
	background:#CCCCCC;
911
}
912
.widgetconfigdiv{
913
	background:#BBBBBB;
914
	font-size: 11px;
915
	color: #000000;
916
	padding-right: 5px;
917
	padding-left: 5px;
918
	padding-top: 5px;
919
	padding-bottom: 5px;
920
}
921

    
922
div#log div.log-entry-mini {
923
	clear: both;
924
}
925

    
926
div#log div.log-entry-mini span {
927
	padding: 2px 2px 2px 2px;
928
	padding-left: 6px;
929
}
930

    
931
div#log span.log-action-mini-header,
932
div#log span.log-time-mini-header,
933
div#log span.log-interface-mini-header,
934
div#log span.log-source-mini-header,
935
div#log span.log-destination-mini-header,
936
div#log span.log-protocol-mini-header {
937
	float: left;
938
	text-align: left;
939
	background-color: #FFFFFF;
940
	font-size: 12px;
941
	border-left: 1px solid #999;
942
	border-bottom: 1px solid #999;
943
}
944

    
945
div#log span.log-action-mini,
946
div#log span.log-time-mini,
947
div#log span.log-interface-mini,
948
div#log span.log-source-mini,
949
div#log span.log-destination-mini,
950
div#log span.log-protocol-mini {
951
	float: left;
952
	text-align: left;
953
	background-color: #FFFFFF;
954
	font-size: 11px;
955
	border-left: 1px solid #999;
956
	border-bottom: 1px solid #999;
957
}
958

    
959
div#log span.log-action-mini,
960
div#log span.log-action-mini-header {
961
	width: 6%;
962
}
963

    
964
div#log span.log-time-mini,
965
div#log span.log-time-mini-header {
966
	width: 19%;
967
}
968

    
969
div#log span.log-interface-mini,
970
div#log span.log-interface-mini-header {
971
	width: 8%;
972
}
973

    
974
div#log span.log-source-mini,
975
div#log span.log-source-mini-header {
976
	width: 23%;
977
}
978

    
979
div#log span.log-destination-mini,
980
div#log span.log-destination-mini-header {
981
	width: 31%;
982
}
983

    
984
div#log span.log-protocol-mini,
985
div#log span.log-protocol-mini-header {
986
	width: 8%;	
987
	border-right: 1px solid #999;
988
}
989

    
990
/* Sortable tables */
991
table.sortable thead {
992
    cursor: default;
993
<!--	background-color: #EEEEEE;-->
994
	padding-right: 12px;
995
	padding-left: 12px;
996
	padding-top: 12px;
997
	padding-bottom: 12px;
998
}
999

    
1000
#graph {
1001
	position: relative;
1002
	z-index: 1;
1003
}
1004

    
1005
/*thermal_sensors widget styles*/
1006

    
1007
.thermalSensorRow		{ width: 100%; border: 0px solid #ddd; padding: 1px; border-radius: 3px; }
1008
.thermalSensorBarShell	{ position: relative; width: 100%; height: 5px; border: 1px solid lightgray; border-radius: 3px; }
1009
.thermalSensorBar		{ position: absolute; width:   0%; height: 1px; z-index: 1; border-style: solid; border-radius: 3px; 
1010
						  background-color: LimeGreen; 
1011
						  border-top-width: 2px; border-top-color: Lime; 
1012
						  border-left-width: 0px;   
1013
						  border-right-width: 0px; 
1014
						  border-bottom-width: 2px; border-bottom-color: Green; 
1015
}
1016
.thermalSensorTextShell	{ height: 20px; width: 100%; top: 3px; }
1017
.thermalSensorText		{ float: left; height: 20px; top: 3px; }
1018
.thermalSensorValue		{ float: left; height: 20px; top: 3px; font-weight: bold; margin-left: 10px;}
1019

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

    
1023
.thermal_sensors_widget_scale000 { position: absolute; height: 5px; width: 1px; left: -1px; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1024
.thermal_sensors_widget_scale020 { position: absolute; height: 3px; width: 1px; left:  10%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1025
.thermal_sensors_widget_scale010 { position: absolute; height: 3px; width: 1px; left:  20%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1026
.thermal_sensors_widget_scale030 { position: absolute; height: 3px; width: 1px; left:  30%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1027
.thermal_sensors_widget_scale040 { position: absolute; height: 3px; width: 1px; left:  40%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1028
.thermal_sensors_widget_scale050 { position: absolute; height: 3px; width: 1px; left:  50%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1029
.thermal_sensors_widget_scale060 { position: absolute; height: 3px; width: 1px; left:  60%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1030
.thermal_sensors_widget_scale070 { position: absolute; height: 3px; width: 1px; left:  70%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1031
.thermal_sensors_widget_scale080 { position: absolute; height: 3px; width: 1px; left:  80%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1032
.thermal_sensors_widget_scale090 { position: absolute; height: 3px; width: 1px; left:  90%; margin-top: -4px; background-color: lightgray; z-index: 0; font-size: 0; }
1033
.thermal_sensors_widget_scale100 { position: absolute; height: 9px; width: 1px; left: 100%; margin-top: -6px; background-color: lightgray; z-index: 0; font-size: 0; }
1034

    
1035
.thermal_sensors_widget_mark100 { position: absolute; width: 15px; left: 96%; margin-top: -12px; font: 6pt Arial, sans-serif; text-align: left; color: #575757; }
1036

    
1037
/* widget textarea styles - full width */
1038
.textarea_widget { 
1039
	width: 100%; 
1040
	resize:vertical;
1041
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
1042
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
1043
	box-sizing: border-box;         /* IE 8+ */
1044
}
(1-1/7)