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 }\r
 929 \r
 930 .ifacebadge-active {\r
 931         border-color: #000000;\r
 932         font-weight: bold;\r
 933 }\r
 934 \r
 935 }\r