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 {
222 #xhr_poll_status #xhr_poll_status_off {
227 #xhr_poll_status #xhr_poll_status_on {
237 border-bottom: 1px dotted #5A5A5A;
242 background-color: #FFF;
245 #menubar ul.dropdowns {
251 #menubar ul.dropdowns li ul {
254 border-width: 0 1px 1px 1px;
255 border-style: dotted;
256 border-color: #5a5a5a;
259 #menubar ul.dropdowns ul li ul {
263 html #menubar a:link,
264 html #menubar a:visited {
270 text-decoration: none;
275 html #menubar a:link:hover,
276 html #menubar a:visited:hover,
277 html #menubar a:link:active,
278 html #menubar a:visited:active,
279 #menubar a:link:focus,
280 #menubar a:visited:focus {
285 html #menubar a:link.active,
286 html #menubar a:visited.active,
287 html #menubar a:link.preactive,
288 html #menubar a:visited.preactive {
293 html #menubar a:link.warning,
294 html #menubar a:visited.warning {
298 text-decoration: blink;
301 #menubar ul.dropdowns li.over>a,
302 #menubar ul.dropdowns li.focus>a,
303 #menubar ul.dropdowns li:hover>a {
306 .lang_de #submenu_mini_system { min-width: 13.3em; }
307 * html .lang_de #submenu_mini_system { width: 13.3em; }
309 .lang_pt-br #submenu_mini_network { min-width: 14em; }
310 * html .lang_pt-br #submenu_mini_network { width: 14em; }
312 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
313 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
315 .lang_ru #submenu_mini_system { min-width: 18em; }
316 * html .lang_ru #submenu_mini_system { width: 18em; }
318 .lang_pt-br #submenu_admin_index { min-width: 11em; }
319 * html .lang_pt-br #submenu_admin_index { width: 11em; }
321 .lang_ru #submenu_admin_index { min-width: 15.5em; }
322 * html .lang_ru #submenu_admin_index { width: 15.5em; }
324 .lang_ru #submenu_admin_status { min-width: 10.5em; }
325 * html .lang_ru #submenu_admin_status { width: 10.5em; }
327 .lang_de #submenu_admin_system { min-width: 13.3em; }
328 * html .lang_de #submenu_admin_system { width: 13.3em; }
330 .lang_fr #submenu_admin_system { min-width: 14.5em; }
331 * html .lang_fr #submenu_admin_system { width: 14.5em; }
333 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
334 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
336 .lang_ru #submenu_admin_system { min-width: 18em; }
337 * html .lang_ru #submenu_admin_system { width: 18em; }
339 #submenu_admin_services_chillispot { min-width: 15.5em; }
340 * html #submenu_admin_services_chillispot { width: 15.5em; }
342 #submenu_admin_services_coovachilli { min-width: 15em; }
343 * html #submenu_admin_services_coovachilli { width: 15em; }
345 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
346 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
348 #submenu_admin_network_firewall { min-width: 14em; }
349 * html #submenu_admin_network_firewall { width: 14em; }
351 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
352 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
354 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
355 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
375 .lang_de #submenu_admin_uci {
379 .lang_ru #submenu_admin_uci {
386 border: 3px solid #ccc;
388 font-family: monospace;
401 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
402 margin: 0.25em 0 0.7em 0;
403 border-bottom: 1px solid;
404 padding: 10px 0 4px 0;
409 margin: 0.5em 0 1.1em 0;
410 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
419 margin-bottom: 0.5em;
421 border: 1px dotted #555;
422 background-color: #fff;
426 .cbi-section legend {
430 padding: 0.5em 0.25em;
431 background-color: transparent;
436 margin: 0em 0 0.5em -0.5em !important;
440 text-decoration: none !important;
441 font-weight: bold !important;
442 color: #555 !important;
443 margin: 0.25em !important;
444 font-size: 100% !important;
448 margin-bottom: 0.5em;
454 text-decoration: none;
456 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
457 background-color: inherit;
466 margin-left: 0 !important;
468 list-style-type: none;
471 ul.cbi-tabmenu li.cbi-tab,
472 ul.cbi-tabmenu li.cbi-tab-disabled {
477 ul.cbi-tabmenu li.cbi-tab a,
478 ul.cbi-tabmenu li.cbi-tab-disabled a {
479 text-decoration: none;
482 border: 1px dotted #bbb;
484 background-color: #eee;
488 ul.cbi-tabmenu li.cbi-tab-highlighted a {
490 background-color: #FFEEAA;
493 ul.cbi-tabmenu li a:hover {
497 ul.cbi-tabmenu li.cbi-tab a {
502 background-color: #fff;
506 background-image: url(/luci-static/resources/cbi/help.gif);
507 background-position: 0.25em 50%;
508 background-repeat: no-repeat;
509 border-bottom: 1px solid #ccc;
510 margin: 0.25em 0.25em 2em;
511 padding: 0.5em 0.5em 0.5em 2em;
526 border: 1px solid #ccc;
539 background-color: #fff;
545 input[type=password] {
551 td input[type=password] {
555 img.cbi-image-button {
558 vertical-align: middle;
561 input.cbi-input-user {
562 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
563 background-color: inherit;
568 input.cbi-input-password {
569 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
570 background-color: inherit;
575 input.cbi-input-find {
576 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
577 background-color: inherit;
583 input.cbi-input-reload {
584 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
585 background-color: inherit;
596 input.cbi-button-add {
597 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
598 background-color: inherit;
602 border: 1px solid #FFF;
605 input.cbi-input-fieldadd,
606 input.cbi-button-fieldadd {
607 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
608 background-color: inherit;
614 input.cbi-input-reset,
615 input.cbi-button-reset {
616 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
617 background-color: inherit;
624 input.cbi-input-save,
625 input.cbi-button-save {
626 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
627 background-color: inherit;
634 input.cbi-input-apply,
635 input.cbi-button-apply {
636 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
637 background-color: inherit;
644 input.cbi-input-link,
645 input.cbi-button-link {
646 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
647 background-color: inherit;
654 input.cbi-input-remove,
655 div.cbi-section-remove input {
656 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
657 background-color: inherit;
661 border: 1px solid #fff;
665 background-image: url('../resources/cbi/reset.gif');
666 background-repeat: no-repeat;
667 background-position: right;
668 color: #FF0000 !important;
669 border-color: #FF0000;
672 div.cbi-section-remove input {
678 margin-bottom: 0.5em;
681 form > div > input[type=submit],
682 form > div > input[type=reset] {
695 border: 1px solid #666;
700 border-collapse: collapse;
703 table.smalltext tr:hover td {
704 background-color: #bbddee;
708 table.smalltext tr th {
710 border-left: 1px dotted #666;
714 table.smalltext tr td {
716 border-top: 1px dotted #666;
717 border-left: 1px dotted #666;
720 table.cbi-section-table .cbi-rowstyle-1 {
721 background-color: #f1f6fa;
725 table.cbi-section-table .cbi-rowstyle-1:hover,
726 table.cbi-section-table .cbi-rowstyle-2:hover {
727 background-color: #b2c8d4;
731 .cbi-section .cbi-rowstyle-1 h3 {
732 background-color: #f1f6fa;
742 vertical-align: middle;
743 padding-left: 0.25em;
744 border-bottom: 1px dotted #bbb;
747 div.cbi-value:hover {
758 div.cbi-value-field {
764 div.cbi-value-description {
769 div.cbi-section-create {
775 div.cbi-tblsection-create {
776 border-bottom: 1px dotted #bbb;
779 div.cbi-section-create .cbi-button {
783 input.cbi-section-create-name {
784 margin-right: -0.25em;
785 border-top-width: 1px;
786 border-right-width: 1px;
787 border-bottom-width: 1px;
788 border-left-width: 1px;
789 border-top-color: #999;
790 border-right-color: #999;
791 border-bottom-color: #999;
792 border-left-color: #999;
801 border-bottom: 1px dotted #bbb;
804 div.cbi-section-remove {
810 border-top: 1px dotted #bbb;
811 border-left: 1px dotted #bbb;
812 border-right: 1px dotted #bbb;
817 .cbi-section-node table div {
822 .cbi-section-node div.cbi-section-table-row {
826 table.cbi-section-table {
831 table.cbi-section-table th,
832 table.cbi-section-table td {
836 tr.cbi-section-table-descr th {
841 td.cbi-section-table-optionals {
842 text-align: left !important;
846 .cbi-value-helpicon img {
847 vertical-align: bottom;
854 background-color: #fff;
861 .cbi-value-error input,
862 .cbi-value-error select {
864 background-color: #fcc;
869 background-color: white;
871 border: 1px dotted red;
877 text-align: left !important;
881 text-align: right !important;
895 height: auto !important;
904 text-decoration: none;
914 border: 1px dotted #f00;
915 background-color: #fff;
921 font-family: monospace;
924 .uci-change-list ins,
925 .uci-change-legend-label ins {
926 text-decoration: none;
927 border: 1px solid #00FF00;
928 background-color: #CCFFCC;
933 .uci-change-list del,
934 .uci-change-legend-label del {
935 text-decoration: none;
936 border: 1px solid #FF0000;
937 background-color: #FFCCCC;
943 .uci-change-list var,
944 .uci-change-legend-label var {
945 text-decoration: none;
946 border: 1px solid #CCCCCC;
947 background-color: #EEEEEE;
953 .uci-change-list var ins,
954 .uci-change-list var del {
966 .uci-change-legend-label {
972 .uci-change-legend-label>ins,
973 .uci-change-legend-label>del,
974 .uci-change-legend-label>var {
982 .uci-change-legend-label var ins,
983 .uci-change-legend-label var del {