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