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