themes: drop oxygen and openwrt.org-oxygen, there unmaintained and not even packaged
[project/luci.git] / themes / freifunk-hannover / htdocs / luci-static / freifunk-hannover / cascade.css
1 @charset "utf-8";\r
2 \r
3 @media all {\r
4 \r
5 html {\r
6         min-height: 100%;\r
7         height: auto;\r
8 }\r
9 \r
10 body {\r
11         color: #ffffff;\r
12         background-color: #fff;\r
13         background-image: url(bg.jpg);\r
14         background-position: bottom center;\r
15         background-repeat: repeat-x;\r
16         font-family: Verdana, Arial, sans-serif;\r
17         font-size: 101%;\r
18         line-height: 100%;\r
19         padding-bottom: 1.5em;\r
20 }\r
21 \r
22 * {\r
23         margin: 0;\r
24         padding: 0;\r
25 }\r
26 \r
27 abbr,\r
28 acronym {\r
29         font-style: normal;\r
30         font-variant: normal;\r
31 }\r
32 \r
33 abbr[title],\r
34 acronym[title] {\r
35         border-bottom: 1px dotted;\r
36         cursor: help;\r
37 }\r
38 \r
39 a:link abbr[title],\r
40 a:visited abbr[title],\r
41 a:link acronym[title],\r
42 a:visited acronym[title] {\r
43         cursor: pointer;\r
44 }\r
45 \r
46 code {\r
47         font-family: monospace;\r
48         white-space: pre;\r
49 }\r
50 \r
51 #maincontent ul {\r
52         margin-left: 2em;\r
53 }\r
54 \r
55 .warning {\r
56         color: red;\r
57         background-color: white;\r
58         font-weight: bold;\r
59         text-decoration: blink;\r
60 }\r
61 \r
62 .clear {\r
63         clear: both;\r
64 }\r
65 \r
66 .skiplink,\r
67 .navigation,\r
68 .hidden {\r
69         position: absolute;\r
70         left: -1000px;\r
71         top: -1000px;\r
72         width: 0px;\r
73         height: 0px;\r
74         overflow: hidden;\r
75         display: inline;\r
76 }\r
77 \r
78 .error {\r
79         color: #ff0000;\r
80         background-color: white;\r
81 }\r
82 \r
83 #header {\r
84         min-height: 98px;\r
85         background-image: url(header.jpg);\r
86         background-repeat: no-repeat;\r
87         background-position: left bottom;\r
88         background-color: #FFFFFF;\r
89         color: #fff;\r
90         text-align: right;\r
91         font-weight: bold;\r
92 }\r
93 \r
94 #header h1 {\r
95         padding: 1em 1em 0 1em;\r
96 }\r
97 \r
98 #header p {\r
99         padding: 0 1em 1em 1em;\r
100 }\r
101 \r
102 #header h1,\r
103 #header p {\r
104         font-size: 70%;\r
105         font-weight: normal;\r
106         line-height: 160%;\r
107         text-align: right;\r
108 }\r
109 \r
110 ul.dropdowns {\r
111         float: left;\r
112         margin: 0;\r
113         padding: 0;\r
114         width: auto;\r
115         list-style: none;\r
116 }\r
117 \r
118 html>body ul.dropdowns {\r
119         position: relative;\r
120 }\r
121 \r
122 ul.dropdowns li,\r
123 ul.dropdowns ul {\r
124         margin: 0;\r
125         padding: 0;\r
126         list-style: none;\r
127 }\r
128 \r
129 ul.dropdowns li {\r
130         float: left;\r
131         position: relative;\r
132         white-space: nowrap;\r
133 }\r
134 \r
135 ul.dropdowns li ul {\r
136         position: absolute;\r
137         z-index: 1000;\r
138         top: auto;\r
139         min-width: 10em;\r
140 }\r
141 \r
142 ul.dropdowns li li {\r
143         float: none;\r
144         position: relative;\r
145 }\r
146 \r
147 ul.dropdowns li a {\r
148         display: block;\r
149 }\r
150 \r
151 ul.dropdowns ul li ul {\r
152         top: 0;\r
153 }\r
154 \r
155 ul.dropdowns li ul,\r
156 ul.dropdowns li.over ul ul,\r
157 ul.dropdowns li.focus ul ul,\r
158 ul.dropdowns li:hover ul ul,\r
159 ul.dropdowns li.over ul ul ul,\r
160 ul.dropdowns li.focus ul ul ul,\r
161 ul.dropdowns li:hover ul ul ul,\r
162 ul.dropdowns li.over ul ul ul ul,\r
163 ul.dropdowns li.focus ul ul ul ul,\r
164 ul.dropdowns li:hover ul ul ul ul {\r
165         left: -3000px;\r
166 }\r
167 \r
168 ul.dropdowns li.over ul,\r
169 ul.dropdowns li.focus ul,\r
170 ul.dropdowns li:hover ul {\r
171         left: 0;\r
172 }\r
173 \r
174 ul.dropdowns ul li.over ul,\r
175 ul.dropdowns ul li.focus ul,\r
176 ul.dropdowns ul li:hover ul,\r
177 ul.dropdowns ul ul li.over ul,\r
178 ul.dropdowns ul ul li.focus ul,\r
179 ul.dropdowns ul ul li:hover ul,\r
180 ul.dropdowns ul ul ul li.over ul,\r
181 ul.dropdowns ul ul ul li.focus ul,\r
182 ul.dropdowns ul ul ul li:hover ul {\r
183         left: 100%;\r
184 }\r
185 \r
186 #menubar {\r
187         position: relative;\r
188         width: 100%;\r
189         background: #FFF;\r
190         color: #004a9c;\r
191 }\r
192 \r
193 #menubar .warning {\r
194         color: red;\r
195         background-color: #FFF;\r
196 }\r
197 \r
198 #menubar ul.dropdowns {\r
199         min-height: 1.8em;\r
200         background: #FFF;\r
201         color: #004a9c;\r
202 }\r
203 \r
204 #menubar ul.dropdowns li ul {\r
205         background: #FFF;\r
206         color: #004a9c;\r
207         border-width: 0 1px 1px 1px;\r
208         border-style: dashed;\r
209         border-color: #5a5a5a;\r
210 }\r
211 \r
212 #menubar ul.dropdowns ul li ul {\r
213         border-width: 1px;\r
214 }\r
215 \r
216 html #menubar a:link,\r
217 html #menubar a:visited {\r
218         position: relative;\r
219         display: block;\r
220         padding: 0.5em;\r
221         background: #FFF;\r
222         color: #004a9c;\r
223         text-decoration: none;\r
224         font-size: 80%;\r
225         font-weight: normal;\r
226 }\r
227 \r
228 \r
229 html #menubar a:link:hover,\r
230 html #menubar a:visited:hover,\r
231 html #menubar a:link:active,\r
232 html #menubar a:visited:active,\r
233 #menubar a:link:focus,\r
234 #menubar a:visited:focus {\r
235         background: #F2F2F2;\r
236         color: #e60076;\r
237 }\r
238 \r
239 html #menubar a:link.active,\r
240 html #menubar a:visited.active,\r
241 html #menubar a:link.preactive,\r
242 html #menubar a:visited.preactive {\r
243         background: #FFF;\r
244         color: #e60076;\r
245 }\r
246 \r
247 html #menubar a:link.warning,\r
248 html #menubar a:visited.warning {\r
249         background: #FFF;\r
250         color: red;\r
251         font-weight: bold;\r
252         text-decoration: blink;\r
253 }\r
254 \r
255 #menubar ul.dropdowns li.over>a,\r
256 #menubar ul.dropdowns li.focus>a,\r
257 #menubar ul.dropdowns li:hover>a {\r
258 }\r
259 \r
260 .lang_de #submenu_mini_system { min-width: 13.3em; }\r
261 * html .lang_de #submenu_mini_system { width: 13.3em; }\r
262 \r
263 .lang_pt-br #submenu_mini_network { min-width: 14em; }\r
264 * html .lang_pt-br #submenu_mini_network { width: 14em; }\r
265 \r
266 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }\r
267 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }\r
268 \r
269 .lang_ru #submenu_mini_system { min-width: 18em; }\r
270 * html .lang_ru #submenu_mini_system { width: 18em; }\r
271 \r
272 .lang_pt-br #submenu_admin_index { min-width: 11em; }\r
273 * html .lang_pt-br #submenu_admin_index { width: 11em; }\r
274 \r
275 .lang_ru #submenu_admin_index { min-width: 15.5em; }\r
276 * html .lang_ru #submenu_admin_index { width: 15.5em; }\r
277 \r
278 .lang_ru #submenu_admin_status { min-width: 10.5em; }\r
279 * html .lang_ru #submenu_admin_status { width: 10.5em; }\r
280 \r
281 .lang_de #submenu_admin_system { min-width: 13.3em; }\r
282 * html .lang_de #submenu_admin_system { width: 13.3em; }\r
283 \r
284 .lang_fr #submenu_admin_system { min-width: 14.5em; }\r
285 * html .lang_fr #submenu_admin_system { width: 14.5em; }\r
286 \r
287 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }\r
288 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }\r
289 \r
290 .lang_ru #submenu_admin_system { min-width: 18em; }\r
291 * html .lang_ru #submenu_admin_system { width: 18em; }\r
292 \r
293 #submenu_admin_services_chillispot { min-width: 15.5em; }\r
294 * html #submenu_admin_services_chillispot { width: 15.5em; }\r
295 \r
296 #submenu_admin_services_coovachilli { min-width: 15em; }\r
297 * html #submenu_admin_services_coovachilli { width: 15em; }\r
298 \r
299 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }\r
300 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }\r
301 \r
302 #submenu_admin_network_firewall { min-width: 14em; }\r
303 * html #submenu_admin_network_firewall { width: 14em; }\r
304 \r
305 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }\r
306 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }\r
307 \r
308 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }\r
309 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }\r
310 \r
311 #modemenu {\r
312         width: auto;\r
313         background: #000000;\r
314         color: #ffffff;\r
315         list-style: none;\r
316         margin-right: 1px;\r
317 }\r
318 \r
319 #modemenu li {\r
320         float: right;\r
321         list-style: none;\r
322 }\r
323 \r
324 #savemenu {\r
325         float: right;\r
326         margin-right: 2em;\r
327 }\r
328 \r
329 .lang_de #submenu_admin_uci {\r
330         width: 12em;\r
331 }\r
332 \r
333 .lang_ru #submenu_admin_uci {\r
334         width: 11.5em;\r
335 }\r
336 \r
337 textarea#syslog {\r
338         width: 98%;\r
339         min-height: 500px;\r
340         border: 3px solid #cccccc;\r
341         padding: 5px;\r
342         font-family: monospace;\r
343 }\r
344 \r
345 #maincontent {\r
346         clear: both;\r
347         width: 80%;\r
348         margin: 0 auto;\r
349         padding: 0.5em;\r
350         color: #000000;\r
351         font-size: 80%;\r
352         background-color: #fff;\r
353         background-image: url(bg.jpg);\r
354         background-repeat: repeat-x;\r
355         background-position: center bottom;\r
356         border: 1px dashed #CCCCCC;\r
357 }\r
358 \r
359 #maincontent h2 {\r
360         font-size: 150%;\r
361         font-family: "Trebuchet MS", Verdana, sans-serif;\r
362         font-weight: bold;\r
363         margin: 0.25em 0 0.7em 0;\r
364         border-bottom: 1px solid;\r
365         padding-top: 10px;\r
366         padding-bottom: 4px;\r
367         color: #004d9e;\r
368 }\r
369 \r
370 #maincontent h3 {\r
371         margin: 0.5em 0 1.1em 0;\r
372         font-size: 125%;\r
373         font-weight: bold;\r
374         font-style: italic;\r
375         font-family: "Trebuchet MS", Verdana, sans-serif;\r
376         color: #004d9e;\r
377 }\r
378 \r
379 #maincontent p {\r
380         margin-bottom: 1em;\r
381 }\r
382 \r
383 .cbi-section {\r
384         margin-bottom: 0.5em;\r
385         padding: 0.5em 1em;\r
386         border: 1px dotted #555555;\r
387         background-color: #ffffff;\r
388         color: #000000;\r
389 }\r
390 \r
391 .cbi-section legend {\r
392         font-size: 110%;\r
393         font-weight: bold;\r
394         height: 1em;\r
395         padding: 0 0.25em;\r
396         background-color: transparent;\r
397         color: #394d9e;\r
398 }\r
399 \r
400 .cbi-section h2 {\r
401         margin: 0em 0 0.5em -0.5em !important;\r
402 }\r
403 \r
404 .cbi-section h3 {\r
405         text-decoration: none !important;\r
406         font-weight: bold !important;\r
407         color: #555555 !important;\r
408         margin: 0.25em !important;\r
409         font-size: 100% !important;\r
410 }\r
411 \r
412 .cbi-section-descr {\r
413         margin-bottom: 0.5em;\r
414         font-size: 95%;\r
415 }\r
416 \r
417 .cbi-title-ref {\r
418         color: inherit;\r
419         text-decoration: none;\r
420         padding-right: 18px;\r
421         background: url('../resources/cbi/link.gif') no-repeat scroll right center;\r
422         background-color: inherit;\r
423 }\r
424 \r
425 ul.cbi-apply {\r
426         font-size: 90%;\r
427 }\r
428 \r
429 ul.cbi-tabmenu {\r
430         padding: 3px 0;\r
431         margin-left: 0 !important;\r
432         margin-bottom: -1px;\r
433         list-style-type: none;\r
434 }\r
435 \r
436 ul.cbi-tabmenu li.cbi-tab,\r
437 ul.cbi-tabmenu li.cbi-tab-disabled {\r
438         display: inline;\r
439         margin: 0;\r
440 }\r
441 \r
442 ul.cbi-tabmenu li.cbi-tab a,\r
443 ul.cbi-tabmenu li.cbi-tab-disabled a {\r
444         text-decoration: none;\r
445         padding: 3px 7px;\r
446         margin-right: 3px;\r
447         border: 1px outset #000;\r
448         border-bottom: none;\r
449         background-color: #eee;\r
450         color: #bbb;\r
451 }\r
452 \r
453 ul.cbi-tabmenu li.cbi-tab-highlighted a {\r
454         color: #000;\r
455         background-color: #FFEEAA;\r
456 }\r
457 \r
458 ul.cbi-tabmenu li a:hover {\r
459         color: #000;\r
460 }\r
461 \r
462 ul.cbi-tabmenu li.cbi-tab a {\r
463         position: relative;\r
464         top: 1px;\r
465         padding-top: 4px;\r
466         color: #000;\r
467         background-color: #fff;\r
468 }\r
469 \r
470 div.cbi-tab-descr {\r
471         background-image: url(/luci-static/resources/cbi/help.gif);\r
472         background-position: 0.25em 50%;\r
473         background-repeat: no-repeat;\r
474         border-bottom: 1px solid #ccc;\r
475         margin: 0.25em 0.25em 2em;\r
476         padding: 0.5em 0.5em 0.5em 2em;\r
477 }\r
478 \r
479 \r
480 input[type=submit],\r
481 input[type=reset],\r
482 input[type=image] {\r
483         cursor: pointer;\r
484 }\r
485 \r
486 \r
487 select,\r
488 input,\r
489 textarea {\r
490         background: #eeeeee;\r
491         color: #000000;\r
492         border: none;\r
493 }\r
494 \r
495 input[type=image] {\r
496         border: none;\r
497 }\r
498 \r
499 input:focus,\r
500 input:hover,\r
501 select:focus,\r
502 select:hover,\r
503 textarea:focus,\r
504 textarea:hover {\r
505         background-color: #ffffff;\r
506         color: #000000;\r
507 }\r
508 \r
509 select,\r
510 input[type=text],\r
511 input[type=password] {\r
512         width: 20em;\r
513 }\r
514 \r
515 td select,\r
516 td input[type=text],\r
517 td input[type=password] {\r
518         width: 99%;\r
519 }\r
520 \r
521 img.cbi-image-button {\r
522         cursor: pointer;\r
523         margin: 0 2px;\r
524         vertical-align: middle;\r
525 }\r
526 \r
527 input.cbi-input-user {\r
528         background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;\r
529         background-color: inherit;\r
530         color: #000000;\r
531         text-indent: 17px;\r
532 }\r
533 \r
534 input.cbi-input-password {\r
535         background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;\r
536         background-color: inherit;\r
537         color: #000000;\r
538         text-indent: 17px;\r
539 }\r
540 \r
541 input.cbi-input-find {\r
542         background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;\r
543         background-color: inherit;\r
544         color: #000000;\r
545         padding-left: 17px;\r
546 }\r
547 \r
548 input.cbi-input-reload {\r
549         background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;\r
550         background-color: inherit;\r
551         color: #000000;\r
552         padding-left: 17px;\r
553 }\r
554 \r
555 input.cbi-input-add,\r
556 input.cbi-button-add {\r
557         background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;\r
558         background-color: inherit;\r
559         color: #000000;\r
560         padding-left: 17px;\r
561         padding-right: 1px;\r
562         border: 1px solid #FFF; \r
563 }\r
564 \r
565 input.cbi-input-fieldadd,\r
566 input.cbi-button-fieldadd {\r
567         background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;\r
568         background-color: inherit;\r
569         color: #000000;\r
570         padding-left: 17px;\r
571         padding-right: 1px;\r
572 }\r
573 \r
574 input.cbi-input-reset,\r
575 input.cbi-button-reset {\r
576         background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;\r
577         background-color: inherit;\r
578         color: #000000;\r
579         padding-left: 17px;\r
580         padding-right: 1px;\r
581         border: none;\r
582 }\r
583 \r
584 input.cbi-input-save,\r
585 input.cbi-button-save {\r
586         background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;\r
587         background-color: inherit;\r
588         color: #000000;\r
589         padding-left: 17px;\r
590         padding-right: 1px;\r
591         border: none;   \r
592 }\r
593 \r
594 input.cbi-input-apply,\r
595 input.cbi-button-apply {\r
596         background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;\r
597         background-color: inherit;\r
598         color: #000000; \r
599         padding-left: 17px;\r
600         padding-right: 1px;\r
601         border: none;   \r
602 }\r
603 \r
604 input.cbi-input-remove,\r
605 div.cbi-section-remove input {\r
606         background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;\r
607         background-color: inherit;\r
608         color: #000000;\r
609         padding-left: 17px;\r
610         padding-right: 1px;\r
611                 border: 1px solid #fff;\r
612 }\r
613 \r
614 input.cbi-button-up {\r
615         background-image: url('../resources/cbi/up.gif');\r
616         padding-left: 11px;\r
617         padding-right: 1px;\r
618 }\r
619 \r
620 input.cbi-button-down {\r
621         background-image: url('../resources/cbi/down.gif');\r
622         padding-left: 11px;\r
623         padding-right: 1px;\r
624 }\r
625 \r
626 input.cbi-button-edit {\r
627         background-image: url('../resources/cbi/edit.gif');\r
628         color: #000000;\r
629         padding-left: 17px;\r
630         padding-right: 1px;\r
631 }\r
632 \r
633 input.cbi-button-reload {\r
634         background-image: url('../resources/cbi/reload.gif');\r
635         color: #000000;\r
636         padding-left: 17px;\r
637         padding-right: 1px;\r
638 }\r
639 \r
640 input.cbi-button-reset {\r
641         background-image: url('../resources/cbi/reset.gif');\r
642         color: #000000;\r
643         padding-left: 17px;\r
644         padding-right: 1px;\r
645 }\r
646 \r
647 input.cbi-button-remove {\r
648         background-image: url('../resources/cbi/remove.gif');\r
649         color: #000000;\r
650         padding-left: 17px;\r
651         padding-right: 1px;\r
652 }\r
653 \r
654 .cbi-input-invalid {\r
655         background-image: url('../resources/cbi/reset.gif');\r
656         background-repeat: no-repeat;\r
657         background-position: right;\r
658         color: #FF0000 !important;\r
659         border-color: #FF0000;\r
660 }\r
661 \r
662 div.cbi-section-remove input {\r
663         border-bottom: none;\r
664 }\r
665 \r
666 textarea {\r
667         margin-left: -1px;\r
668         margin-bottom: 0.5em;\r
669 }\r
670 \r
671 form > div > input[type=submit],\r
672 form > div > input[type=reset] {\r
673         float: right;\r
674         margin-left: 0.5em;\r
675 }\r
676 \r
677 table td,\r
678 table th {\r
679         color: #000000;\r
680 }\r
681 \r
682 table.smalltext {\r
683         background: #f5f5f5;\r
684         color: #000000;\r
685         border-top: 1px solid #666666;\r
686         border-right: 1px solid #666666;\r
687         border-bottom: 1px solid #666666;\r
688         font-size: 90%;\r
689         width: 80%;\r
690         margin-left: auto;\r
691         margin-right: auto;\r
692         border-collapse: collapse;\r
693 }\r
694 \r
695 table.smalltext tr:hover td {\r
696         background-color: #bbddee;\r
697         color: #000000;\r
698 }\r
699 \r
700 table.smalltext tr th {\r
701         padding: 0 0.25em;\r
702         border-left: 1px solid #666666;\r
703         text-align: left;\r
704 }\r
705 \r
706 table.smalltext tr td {\r
707         padding: 0 0.25em;\r
708         border-top: 1px solid #666666;\r
709         border-left: 1px solid #666666;\r
710 }\r
711 \r
712 table.cbi-section-table .cbi-rowstyle-1,\r
713 table.cbi-section-table .cbi-rowstyle-1 * {\r
714         background-color: #f1f6fa;\r
715         color: #000000;\r
716 }\r
717 \r
718 table.cbi-section-table .cbi-section-table-cell {\r
719         padding: 3px;\r
720         white-space: nowrap;\r
721 }\r
722 \r
723 .cbi-section .cbi-rowstyle-1 h3 {\r
724         background-color: #f1f6fa;\r
725         color: #555555;\r
726 }\r
727 \r
728 .cbi-rowstyle-2 {\r
729         color: #000000;\r
730 }\r
731 \r
732 div.cbi-value {\r
733         clear: left;\r
734         vertical-align: middle;\r
735         padding-left: 0.25em;\r
736         border-bottom: 1px dashed #bbbbbb;\r
737 }\r
738 \r
739 div.cbi-value:hover {\r
740         background: #f8f8f8;\r
741         color: #000000;\r
742 }\r
743 \r
744 .cbi-value-title {\r
745         float: left;\r
746         width: 40%;\r
747         line-height: 1.8em;\r
748 }\r
749 \r
750 div.cbi-value-field {\r
751         width: 58%;\r
752         margin-left: 40%;\r
753         padding: 0.25em 0;\r
754 }\r
755 \r
756 div.cbi-value-description {\r
757         font-size: 90%;\r
758         display: inline;\r
759 }\r
760 \r
761 div.cbi-section-create {\r
762         clear: left;\r
763         white-space: nowrap;\r
764         vertical-align: top;\r
765 }\r
766 \r
767 div.cbi-tblsection-create {\r
768         border-bottom: 1px dotted #bbbbbb;\r
769 }\r
770 \r
771 div.cbi-section-create .cbi-button {\r
772         margin: 0.25em;\r
773 }\r
774 \r
775 input.cbi-section-create-name {\r
776     border: ;\r
777         margin-right: -0.25em;\r
778         border-top-width: 1px;\r
779         border-right-width: 1px;\r
780         border-bottom-width: 1px;\r
781         border-left-width: 1px;\r
782         border-top-color: #999999;\r
783         border-right-color: #999999;\r
784         border-bottom-color: #999999;\r
785         border-left-color: #999999;\r
786 }\r
787 \r
788 div.cbi-map-descr {\r
789         margin-bottom: 1em;\r
790 }\r
791 \r
792 div.cbi-optionals {\r
793         padding: 0.25em;\r
794         border-bottom: 1px dotted #bbbbbb;\r
795 }\r
796 \r
797 div.cbi-section-remove {\r
798         float: right;\r
799 }\r
800 \r
801 .cbi-section-node {\r
802         clear: both;\r
803         border-top: 1px dotted #bbbbbb;\r
804         border-left: 1px dotted #bbbbbb;\r
805         border-right: 1px dotted #bbbbbb;\r
806         border-bottom: none;\r
807         padding-bottom: 0;\r
808 }\r
809 \r
810 .cbi-section-node table div {\r
811         padding-bottom: 0;\r
812         border-bottom: none;\r
813 }\r
814 \r
815 .cbi-section-node div.cbi-section-table-row {\r
816         margin: 0.25em;\r
817 }\r
818 \r
819 table.cbi-section-table {\r
820         width: 100%;\r
821         font-size: 95%;\r
822 }\r
823 \r
824 table.cbi-section-table th,\r
825 table.cbi-section-table td {\r
826         text-align: center;\r
827 }\r
828 \r
829 tr.cbi-section-table-descr th {\r
830         font-weight: normal;\r
831         font-size: 90%;\r
832 }\r
833 \r
834 td.cbi-section-table-optionals {\r
835         text-align: left !important;\r
836         padding-top: 1em;\r
837 }\r
838 \r
839 .cbi-value-helpicon img {\r
840         vertical-align: bottom;\r
841 }\r
842 \r
843 div.cbi-error {\r
844         font-size: 95%;\r
845         font-weight: bold;\r
846         color: #ff0000;\r
847         background-color: #ffffff;\r
848 }\r
849 \r
850 td.cbi-value-error {\r
851         border-color: red;\r
852 }\r
853 \r
854 .cbi-value-error input,\r
855 .cbi-value-error select {\r
856         color: red;\r
857         background-color: #ffcccc;\r
858 }\r
859 \r
860 .cbi-section-error {\r
861         color: red;\r
862         background-color: white;\r
863         font-size: 95%;\r
864         border: 1px dotted red;\r
865         margin: 3px;\r
866         padding: 3px;\r
867 }\r
868 \r
869 .left {\r
870         text-align: left !important;\r
871 }\r
872 \r
873 .right {\r
874         text-align: right !important;\r
875 }\r
876 \r
877 .luci {\r
878         position: fixed;\r
879         bottom: 0;\r
880         left: 0;\r
881         text-align: right;\r
882 }\r
883 \r
884 .luci a:link,\r
885 .luci a:visited {\r
886         background-color: transparent;\r
887         color: #666666;\r
888         text-decoration: none;\r
889         font-size: 70%;\r
890 }\r
891 \r
892 .inline {\r
893         display: inline;\r
894 }\r
895 \r
896 .error500 {\r
897         white-space: normal;\r
898         border: 1px dotted #ff0000;\r
899         background-color: #ffffff;\r
900         color: #000000;\r
901         padding: 0.5em;\r
902 }\r
903 \r
904 \r
905 .ifacebox {\r
906         background-color: #FFFFFF;\r
907         border: 1px solid #CCCCCC;\r
908         margin: 0 10px;\r
909         text-align: center;\r
910         white-space: nowrap;\r
911 }\r
912 \r
913 .ifacebox .ifacebox-head {\r
914         border-bottom: 1px solid #CCCCCC;\r
915         padding: 2px;\r
916 }\r
917 \r
918 .ifacebox .ifacebox-body {\r
919         padding: 2px;\r
920 }\r
921 \r
922 \r
923 .ifacebadge {\r
924         background-color: #FFFFFF;\r
925         border: 1px solid #CCCCCC;\r
926         padding: 2px;\r
927         margin-left: 2px;\r
928         display: inline-block;\r
929 }\r
930 \r
931 .ifacebadge-active {\r
932         border-color: #000000;\r
933         font-weight: bold;\r
934 }\r
935 \r
936 \r
937 .zonebadge {\r
938         padding: 2px;\r
939         display: inline-block;\r
940         white-space: nowrap;\r
941         cursor: pointer;\r
942 }\r
943 \r
944 .zonebadge em,\r
945 .zonebadge strong {\r
946         margin: 3px;\r
947         display: inline-block;\r
948 }\r
949 \r
950 .zonebadge input {\r
951         width: 6em;\r
952         height: 1.5em;\r
953 }\r
954 \r
955 .zonebadge-empty {\r
956         border: 1px dashed #AAAAAA;\r
957         color: #AAAAAA;\r
958         font-style: italic;\r
959         font-size: smaller;\r
960 }\r
961 \r
962 }\r