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
19 padding-bottom: 1.5em;
\r
30 font-variant: normal;
\r
35 border-bottom: 1px dotted;
\r
40 a:visited abbr[title],
\r
41 a:link acronym[title],
\r
42 a:visited acronym[title] {
\r
47 font-family: monospace;
\r
57 background-color: white;
\r
59 text-decoration: blink;
\r
80 background-color: white;
\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
95 padding: 1em 1em 0 1em;
\r
99 padding: 0 1em 1em 1em;
\r
105 font-weight: normal;
\r
118 html>body ul.dropdowns {
\r
119 position: relative;
\r
131 position: relative;
\r
132 white-space: nowrap;
\r
135 ul.dropdowns li ul {
\r
136 position: absolute;
\r
142 ul.dropdowns li li {
\r
144 position: relative;
\r
147 ul.dropdowns li a {
\r
151 ul.dropdowns ul li ul {
\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
168 ul.dropdowns li.over ul,
\r
169 ul.dropdowns li.focus ul,
\r
170 ul.dropdowns li:hover ul {
\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
187 position: relative;
\r
193 #menubar .warning {
\r
195 background-color: #FFF;
\r
198 #menubar ul.dropdowns {
\r
204 #menubar ul.dropdowns li ul {
\r
207 border-width: 0 1px 1px 1px;
\r
208 border-style: dashed;
\r
209 border-color: #5a5a5a;
\r
212 #menubar ul.dropdowns ul li ul {
\r
216 html #menubar a:link,
\r
217 html #menubar a:visited {
\r
218 position: relative;
\r
223 text-decoration: none;
\r
225 font-weight: normal;
\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
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
247 html #menubar a:link.warning,
\r
248 html #menubar a:visited.warning {
\r
252 text-decoration: blink;
\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
260 .lang_de #submenu_mini_system { min-width: 13.3em; }
\r
261 * html .lang_de #submenu_mini_system { width: 13.3em; }
\r
263 .lang_pt-br #submenu_mini_network { min-width: 14em; }
\r
264 * html .lang_pt-br #submenu_mini_network { width: 14em; }
\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
269 .lang_ru #submenu_mini_system { min-width: 18em; }
\r
270 * html .lang_ru #submenu_mini_system { width: 18em; }
\r
272 .lang_pt-br #submenu_admin_index { min-width: 11em; }
\r
273 * html .lang_pt-br #submenu_admin_index { width: 11em; }
\r
275 .lang_ru #submenu_admin_index { min-width: 15.5em; }
\r
276 * html .lang_ru #submenu_admin_index { width: 15.5em; }
\r
278 .lang_ru #submenu_admin_status { min-width: 10.5em; }
\r
279 * html .lang_ru #submenu_admin_status { width: 10.5em; }
\r
281 .lang_de #submenu_admin_system { min-width: 13.3em; }
\r
282 * html .lang_de #submenu_admin_system { width: 13.3em; }
\r
284 .lang_fr #submenu_admin_system { min-width: 14.5em; }
\r
285 * html .lang_fr #submenu_admin_system { width: 14.5em; }
\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
290 .lang_ru #submenu_admin_system { min-width: 18em; }
\r
291 * html .lang_ru #submenu_admin_system { width: 18em; }
\r
293 #submenu_admin_services_chillispot { min-width: 15.5em; }
\r
294 * html #submenu_admin_services_chillispot { width: 15.5em; }
\r
296 #submenu_admin_services_coovachilli { min-width: 15em; }
\r
297 * html #submenu_admin_services_coovachilli { width: 15em; }
\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
302 #submenu_admin_network_firewall { min-width: 14em; }
\r
303 * html #submenu_admin_network_firewall { width: 14em; }
\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
308 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
\r
309 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
\r
313 background: #000000;
\r
329 .lang_de #submenu_admin_uci {
\r
333 .lang_ru #submenu_admin_uci {
\r
340 border: 3px solid #cccccc;
\r
342 font-family: monospace;
\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
361 font-family: "Trebuchet MS", Verdana, sans-serif;
\r
363 margin: 0.25em 0 0.7em 0;
\r
364 border-bottom: 1px solid;
\r
366 padding-bottom: 4px;
\r
371 margin: 0.5em 0 1.1em 0;
\r
374 font-style: italic;
\r
375 font-family: "Trebuchet MS", Verdana, sans-serif;
\r
380 margin-bottom: 1em;
\r
384 margin-bottom: 0.5em;
\r
385 padding: 0.5em 1em;
\r
386 border: 1px dotted #555555;
\r
387 background-color: #ffffff;
\r
391 .cbi-section legend {
\r
396 background-color: transparent;
\r
401 margin: 0em 0 0.5em -0.5em !important;
\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
412 .cbi-section-descr {
\r
413 margin-bottom: 0.5em;
\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
429 input[type=submit],
\r
431 input[type=image] {
\r
439 background: #eeeeee;
\r
444 input[type=image] {
\r
454 background-color: #ffffff;
\r
460 input[type=password] {
\r
465 td input[type=text],
\r
466 td input[type=password] {
\r
470 img.cbi-image-button {
\r
473 vertical-align: middle;
\r
476 input.cbi-input-user {
\r
477 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
\r
478 background-color: inherit;
\r
483 input.cbi-input-password {
\r
484 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
\r
485 background-color: inherit;
\r
490 input.cbi-input-find {
\r
491 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
\r
492 background-color: inherit;
\r
494 padding-left: 17px;
\r
497 input.cbi-input-reload {
\r
498 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
\r
499 background-color: inherit;
\r
501 padding-left: 17px;
\r
504 input.cbi-input-add,
\r
505 input.cbi-button-add {
\r
506 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
\r
507 background-color: inherit;
\r
509 padding-left: 17px;
\r
510 padding-right: 1px;
\r
511 border: 1px solid #FFF;
\r
514 input.cbi-input-fieldadd,
\r
515 input.cbi-button-fieldadd {
\r
516 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
\r
517 background-color: inherit;
\r
519 padding-left: 17px;
\r
520 padding-right: 1px;
\r
523 input.cbi-input-reset,
\r
524 input.cbi-button-reset {
\r
525 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
\r
526 background-color: inherit;
\r
528 padding-left: 17px;
\r
529 padding-right: 1px;
\r
533 input.cbi-input-save,
\r
534 input.cbi-button-save {
\r
535 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
\r
536 background-color: inherit;
\r
538 padding-left: 17px;
\r
539 padding-right: 1px;
\r
543 input.cbi-input-apply,
\r
544 input.cbi-button-apply {
\r
545 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
\r
546 background-color: inherit;
\r
548 padding-left: 17px;
\r
549 padding-right: 1px;
\r
553 input.cbi-input-remove,
\r
554 div.cbi-section-remove input {
\r
555 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
\r
556 background-color: inherit;
\r
558 padding-left: 17px;
\r
559 padding-right: 1px;
\r
560 border: 1px solid #fff;
\r
563 div.cbi-section-remove input {
\r
564 border-bottom: none;
\r
569 margin-bottom: 0.5em;
\r
572 form > div > input[type=submit],
\r
573 form > div > input[type=reset] {
\r
575 margin-left: 0.5em;
\r
584 background: #f5f5f5;
\r
586 border-top: 1px solid #666666;
\r
587 border-right: 1px solid #666666;
\r
588 border-bottom: 1px solid #666666;
\r
592 margin-right: auto;
\r
593 border-collapse: collapse;
\r
596 table.smalltext tr:hover td {
\r
597 background-color: #bbddee;
\r
601 table.smalltext tr th {
\r
603 border-left: 1px solid #666666;
\r
607 table.smalltext tr td {
\r
609 border-top: 1px solid #666666;
\r
610 border-left: 1px solid #666666;
\r
613 table.cbi-section-table .cbi-rowstyle-1,
\r
614 table.cbi-section-table .cbi-rowstyle-1 * {
\r
615 background-color: #f1f6fa;
\r
619 .cbi-section .cbi-rowstyle-1 h3 {
\r
620 background-color: #f1f6fa;
\r
630 vertical-align: middle;
\r
631 padding-left: 0.25em;
\r
632 border-bottom: 1px dashed #bbbbbb;
\r
635 div.cbi-value:hover {
\r
636 background: #f8f8f8;
\r
643 line-height: 1.8em;
\r
646 div.cbi-value-field {
\r
652 div.cbi-value-description {
\r
657 div.cbi-section-create {
\r
659 white-space: nowrap;
\r
660 vertical-align: top;
\r
663 div.cbi-tblsection-create {
\r
664 border-bottom: 1px dotted #bbbbbb;
\r
667 div.cbi-section-create .cbi-button {
\r
671 input.cbi-section-create-name {
\r
673 margin-right: -0.25em;
\r
674 border-top-width: 1px;
\r
675 border-right-width: 1px;
\r
676 border-bottom-width: 1px;
\r
677 border-left-width: 1px;
\r
678 border-top-color: #999999;
\r
679 border-right-color: #999999;
\r
680 border-bottom-color: #999999;
\r
681 border-left-color: #999999;
\r
684 div.cbi-map-descr {
\r
685 margin-bottom: 1em;
\r
688 div.cbi-optionals {
\r
690 border-bottom: 1px dotted #bbbbbb;
\r
693 div.cbi-section-remove {
\r
697 .cbi-section-node {
\r
699 border-top: 1px dotted #bbbbbb;
\r
700 border-left: 1px dotted #bbbbbb;
\r
701 border-right: 1px dotted #bbbbbb;
\r
702 border-bottom: none;
\r
706 .cbi-section-node table div {
\r
708 border-bottom: none;
\r
711 .cbi-section-node div.cbi-section-table-row {
\r
715 table.cbi-section-table {
\r
720 table.cbi-section-table th,
\r
721 table.cbi-section-table td {
\r
722 text-align: center;
\r
725 tr.cbi-section-table-descr th {
\r
726 font-weight: normal;
\r
730 td.cbi-section-table-optionals {
\r
731 text-align: left !important;
\r
735 .cbi-value-helpicon img {
\r
736 vertical-align: bottom;
\r
743 background-color: #ffffff;
\r
746 td.cbi-value-error {
\r
750 .cbi-value-error input,
\r
751 .cbi-value-error select {
\r
753 background-color: #ffcccc;
\r
756 .cbi-section-error {
\r
758 background-color: white;
\r
760 border: 1px dotted red;
\r
778 background-color: transparent;
\r
780 text-decoration: none;
\r
789 white-space: normal;
\r
790 border: 1px dotted #ff0000;
\r
791 background-color: #ffffff;
\r