12 background:#e5eef5 url(bg.jpg) repeat-x top left;
13 font-family: Verdana, Arial, sans-serif;
16 padding-bottom: 1.5em;
36 border-bottom: 1px dotted;
41 a:visited abbr[title],
42 a:link acronym[title],
43 a:visited acronym[title] {
48 font-family: monospace;
58 background-color: white;
60 text-decoration: blink;
85 background-color: white;
89 border: 1px solid #F00;
90 background-color: #FCC;
94 #header {height: auto;
95 background: #FFF url(header.jpg) repeat-x left bottom;
102 padding: 10px 10px 0px 10px;
121 font: bold 36px Helvetica;
122 text-decoration: none;
125 .header_left .spacer {
150 html>body ul.dropdowns {
183 ul.dropdowns ul li ul {
188 ul.dropdowns li.over ul ul,
189 ul.dropdowns li.focus ul ul,
190 ul.dropdowns li:hover ul ul,
191 ul.dropdowns li.over ul ul ul,
192 ul.dropdowns li.focus ul ul ul,
193 ul.dropdowns li:hover ul ul ul,
194 ul.dropdowns li.over ul ul ul ul,
195 ul.dropdowns li.focus ul ul ul ul,
196 ul.dropdowns li:hover ul ul ul ul {
200 ul.dropdowns li.over ul,
201 ul.dropdowns li.focus ul,
202 ul.dropdowns li:hover ul {
206 ul.dropdowns ul li.over ul,
207 ul.dropdowns ul li.focus ul,
208 ul.dropdowns ul li:hover ul,
209 ul.dropdowns ul ul li.over ul,
210 ul.dropdowns ul ul li.focus ul,
211 ul.dropdowns ul ul li:hover ul,
212 ul.dropdowns ul ul ul li.over ul,
213 ul.dropdowns ul ul ul li.focus ul,
214 ul.dropdowns ul ul ul li:hover ul {
227 background-color: #FFF;
230 #menubar ul.dropdowns {
236 #menubar ul.dropdowns li ul {
239 border-width: 0 1px 1px 1px;
240 border-style: dashed;
241 border-color: #5a5a5a;
244 #menubar ul.dropdowns ul li ul {
248 html #menubar a:link,
249 html #menubar a:visited {
255 text-decoration: none;
260 html #menubar a:link:hover,
261 html #menubar a:visited:hover,
262 html #menubar a:link:active,
263 html #menubar a:visited:active,
264 #menubar a:link:focus,
265 #menubar a:visited:focus {
270 html #menubar a:link.active,
271 html #menubar a:visited.active,
272 html #menubar a:link.preactive,
273 html #menubar a:visited.preactive {
278 html #menubar a:link.warning,
279 html #menubar a:visited.warning {
283 text-decoration: blink;
286 #menubar ul.dropdowns li.over>a,
287 #menubar ul.dropdowns li.focus>a,
288 #menubar ul.dropdowns li:hover>a {
291 .lang_de #submenu_mini_system { min-width: 13.3em; }
292 * html .lang_de #submenu_mini_system { width: 13.3em; }
294 .lang_pt-br #submenu_mini_network { min-width: 14em; }
295 * html .lang_pt-br #submenu_mini_network { width: 14em; }
297 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
298 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
300 .lang_ru #submenu_mini_system { min-width: 18em; }
301 * html .lang_ru #submenu_mini_system { width: 18em; }
303 .lang_pt-br #submenu_admin_index { min-width: 11em; }
304 * html .lang_pt-br #submenu_admin_index { width: 11em; }
306 .lang_ru #submenu_admin_index { min-width: 15.5em; }
307 * html .lang_ru #submenu_admin_index { width: 15.5em; }
309 .lang_ru #submenu_admin_status { min-width: 10.5em; }
310 * html .lang_ru #submenu_admin_status { width: 10.5em; }
312 .lang_de #submenu_admin_system { min-width: 13.3em; }
313 * html .lang_de #submenu_admin_system { width: 13.3em; }
315 .lang_fr #submenu_admin_system { min-width: 14.5em; }
316 * html .lang_fr #submenu_admin_system { width: 14.5em; }
318 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
319 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
321 .lang_ru #submenu_admin_system { min-width: 18em; }
322 * html .lang_ru #submenu_admin_system { width: 18em; }
324 #submenu_admin_services_chillispot { min-width: 15.5em; }
325 * html #submenu_admin_services_chillispot { width: 15.5em; }
327 #submenu_admin_services_coovachilli { min-width: 15em; }
328 * html #submenu_admin_services_coovachilli { width: 15em; }
330 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
331 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
333 #submenu_admin_network_firewall { min-width: 14em; }
334 * html #submenu_admin_network_firewall { width: 14em; }
336 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
337 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
339 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
340 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
360 .lang_de #submenu_admin_uci {
364 .lang_ru #submenu_admin_uci {
371 border: 3px solid #ccc;
373 font-family: monospace;
384 background: #fff url(bg.jpg) repeat-x center bottom;
385 border: 1px dashed #ccc;
389 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
390 margin: 0.25em 0 0.7em 0;
391 border-bottom: 1px solid;
392 padding: 10px 0 4px 0;
397 margin: 0.5em 0 1.1em 0;
398 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
407 margin-bottom: 0.5em;
409 border: 1px dotted #555;
410 background-color: #fff;
414 .cbi-section legend {
419 background-color: transparent;
424 margin: 0em 0 0.5em -0.5em !important;
428 text-decoration: none !important;
429 font-weight: bold !important;
430 color: #555 !important;
431 margin: 0.25em !important;
432 font-size: 100% !important;
436 margin-bottom: 0.5em;
442 text-decoration: none;
444 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
445 background-color: inherit;
454 margin-left: 0 !important;
456 list-style-type: none;
459 ul.cbi-tabmenu li.cbi-tab,
460 ul.cbi-tabmenu li.cbi-tab-disabled {
465 ul.cbi-tabmenu li.cbi-tab a,
466 ul.cbi-tabmenu li.cbi-tab-disabled a {
467 text-decoration: none;
470 border: 1px outset #000;
472 background-color: #eee;
476 ul.cbi-tabmenu li.cbi-tab-highlighted a {
478 background-color: #FFEEAA;
481 ul.cbi-tabmenu li a:hover {
485 ul.cbi-tabmenu li.cbi-tab a {
490 background-color: #fff;
494 background-image: url(/luci-static/resources/cbi/help.gif);
495 background-position: 0.25em 50%;
496 background-repeat: no-repeat;
497 border-bottom: 1px solid #ccc;
498 margin: 0.25em 0.25em 2em;
499 padding: 0.5em 0.5em 0.5em 2em;
514 border: 1px solid #ccc;
527 background-color: #fff;
533 input[type=password] {
539 td input[type=password] {
543 img.cbi-image-button {
546 vertical-align: middle;
549 input.cbi-input-user {
550 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
551 background-color: inherit;
556 input.cbi-input-password {
557 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
558 background-color: inherit;
563 input.cbi-input-find {
564 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
565 background-color: inherit;
570 input.cbi-input-reload {
571 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
572 background-color: inherit;
582 input.cbi-button-add {
583 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
584 background-color: inherit;
588 border: 1px solid #FFF;
591 input.cbi-input-fieldadd,
592 input.cbi-button-fieldadd {
593 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
594 background-color: inherit;
600 input.cbi-input-reset,
601 input.cbi-button-reset {
602 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
603 background-color: inherit;
610 input.cbi-input-save,
611 input.cbi-button-save {
612 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
613 background-color: inherit;
620 input.cbi-input-apply,
621 input.cbi-button-apply {
622 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
623 background-color: inherit;
629 input.cbi-input-link,
630 input.cbi-button-link {
631 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
632 background-color: inherit;
639 input.cbi-input-remove,
640 div.cbi-section-remove input {
641 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
642 background-color: inherit;
646 border: 1px solid #fff;
650 background-image: url('../resources/cbi/reset.gif');
651 background-repeat: no-repeat;
652 background-position: right;
653 color: #FF0000 !important;
654 border-color: #FF0000;
657 div.cbi-section-remove input {
663 margin-bottom: 0.5em;
666 form > div > input[type=submit],
667 form > div > input[type=reset] {
680 border: 1px solid #666;
685 border-collapse: collapse;
688 table.smalltext tr:hover td {
689 background-color: #bbddee;
693 table.smalltext tr th {
695 border-left: 1px dotted #666;
699 table.smalltext tr td {
701 border-top: 1px dotted #666;
702 border-left: 1px dotted #666;
705 table.cbi-section-table .cbi-rowstyle-1 {
706 background-color: #f1f6fa;
710 table.cbi-section-table .cbi-rowstyle-1:hover,
711 table.cbi-section-table .cbi-rowstyle-2:hover {
712 background-color: #b2c8d4;
716 .cbi-section .cbi-rowstyle-1 h3 {
717 background-color: #f1f6fa;
727 vertical-align: middle;
728 padding-left: 0.25em;
729 border-bottom: 1px dashed #bbb;
732 div.cbi-value:hover {
743 div.cbi-value-field {
749 div.cbi-value-description {
754 div.cbi-section-create {
760 div.cbi-tblsection-create {
761 border-bottom: 1px dotted #bbb;
764 div.cbi-section-create .cbi-button {
768 input.cbi-section-create-name {
769 margin-right: -0.25em;
770 border-top-width: 1px;
771 border-right-width: 1px;
772 border-bottom-width: 1px;
773 border-left-width: 1px;
774 border-top-color: #999;
775 border-right-color: #999;
776 border-bottom-color: #999;
777 border-left-color: #999;
786 border-bottom: 1px dotted #bbb;
789 div.cbi-section-remove {
795 border-top: 1px dotted #bbb;
796 border-left: 1px dotted #bbb;
797 border-right: 1px dotted #bbb;
802 .cbi-section-node table div {
807 .cbi-section-node div.cbi-section-table-row {
811 table.cbi-section-table {
816 table.cbi-section-table th,
817 table.cbi-section-table td {
821 tr.cbi-section-table-descr th {
826 td.cbi-section-table-optionals {
827 text-align: left !important;
831 .cbi-value-helpicon img {
832 vertical-align: bottom;
839 background-color: #fff;
846 .cbi-value-error input,
847 .cbi-value-error select {
849 background-color: #fcc;
854 background-color: white;
856 border: 1px dotted red;
876 height: auto !important;
885 text-decoration: none;
895 border: 1px dotted #f00;
896 background-color: #fff;