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