themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css

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