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