luci2/htdocs/luci2/bootstrap/cascade.css

   1 /*!
   2  * LuCI Bootstrap Theme
   3  * Copyright 2012 Nut & Bolt
   4  * By David Menting <david@nut-bolt.nl>
   5  * Based on Bootstrap v1.4.0
   6  *
   7  * Copyright 2011 Twitter, Inc
   8  * Licensed under the Apache License v2.0
   9  * http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Designed and built with all the love in the world @twitter by @mdo and @fat.
  12  */
  13 /* Reset.less
  14  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here       that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
  15  * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  16 html {
  17         margin: 0;
  18         padding: 0;
  19 }
  20
  21 body {
  22         margin: 0;
  23         padding: 5px;
  24 }
  25
  26 h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, code, del, em, img, q, s,
  27 small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset,
  28 form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
  29         margin: 0;
  30         padding: 0;
  31         border: 0;
  32         font-weight: normal;
  33         font-style: normal;
  34         font-size: 100%;
  35         line-height: 1;
  36         font-family: inherit;
  37 }
  38
  39 abbr[title], acronym[title] {
  40         border-bottom: 1px dotted;
  41         cursor: help;
  42 }
  43
  44 table {
  45         border-collapse: collapse;
  46         border-spacing: 0;
  47 }
  48
  49 ol, ul {
  50         list-style: none;
  51 }
  52
  53 q:before,
  54 q:after,
  55 blockquote:before,
  56 blockquote:after {
  57         content: "";
  58 }
  59
  60 html {
  61         overflow-y: scroll;
  62         font-size: 100%;
  63         -webkit-text-size-adjust: 100%;
  64         -ms-text-size-adjust: 100%;
  65 }
  66
  67 a:focus {
  68         outline: thin dotted;
  69 }
  70
  71 a:hover, a:active {
  72         outline: 0;
  73 }
  74
  75 article,
  76 aside,
  77 details,
  78 figcaption,
  79 figure,
  80 footer,
  81 header,
  82 hgroup,
  83 nav,
  84 section {
  85         display: block;
  86 }
  87
  88 sub, sup {
  89         font-size: 75%;
  90         line-height: 0;
  91         position: relative;
  92         vertical-align: baseline;
  93 }
  94
  95 sup {
  96         top: -0.5em;
  97 }
  98
  99 sub {
 100         bottom: -0.25em;
 101 }
 102
 103 img {
 104         border: 0;
 105         -ms-interpolation-mode: bicubic;
 106 }
 107
 108 button,
 109 input,
 110 select,
 111 option,
 112 textarea {
 113         font-size: 100%;
 114         margin: 0;
 115         -webkit-box-sizing: border-box;
 116         -moz-box-sizing: border-box;
 117         box-sizing: border-box;
 118         vertical-align: baseline;
 119         *vertical-align: middle;
 120 }
 121
 122 button, input {
 123         line-height: normal;
 124         *overflow: visible;
 125 }
 126
 127 button::-moz-focus-inner, input::-moz-focus-inner {
 128         border: 0;
 129         padding: 0;
 130 }
 131
 132 button,
 133 input[type="button"],
 134 input[type="reset"],
 135 input[type="submit"] {
 136         cursor: pointer;
 137         -webkit-appearance: button;
 138 }
 139
 140 input[type="search"] {
 141         -webkit-appearance: textfield;
 142         -webkit-box-sizing: content-box;
 143         -moz-box-sizing: content-box;
 144         box-sizing: content-box;
 145 }
 146
 147 input[type="search"]::-webkit-search-decoration {
 148         -webkit-appearance: none;
 149 }
 150
 151 textarea {
 152         overflow: auto;
 153         vertical-align: top;
 154 }
 155
 156 /*
 157  * Scaffolding
 158  * Basic and global styles for generating a grid system, structural layout, and page templates
 159  * ------------------------------------------------------------------------------------------- */
 160 body {
 161         background-color: #ffffff;
 162         margin: 0;
 163         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 164         font-size: 13px;
 165         font-weight: normal;
 166         line-height: 18px;
 167         color: #404040;
 168         padding-top: 58px;
 169 }
 170
 171 .container {
 172         width: 100%;
 173         max-width: 940px;
 174         margin-left: auto;
 175         margin-right: auto;
 176         zoom: 1;
 177 }
 178
 179 .container:before, .container:after {
 180         display: table;
 181         content: "";
 182         zoom: 1;
 183 }
 184
 185 .container:after {
 186         clear: both;
 187 }
 188
 189 a {
 190         color: #0069d6;
 191         text-decoration: none;
 192         line-height: inherit;
 193         font-weight: inherit;
 194 }
 195
 196 a:hover {
 197         color: #00438a;
 198         text-decoration: underline;
 199 }
 200
 201 .pull-right {
 202         float: right;
 203 }
 204
 205 .pull-left {
 206         float: left;
 207 }
 208
 209 /* Typography.less
 210  * Headings, body text, lists, code, and more for a versatile and durable typography system
 211  * ---------------------------------------------------------------------------------------- */
 212 p,
 213 .cbi-map-descr,
 214 .cbi-section-descr {
 215         font-size: 13px;
 216         font-weight: normal;
 217         line-height: 18px;
 218         margin-bottom: 9px;
 219 }
 220
 221 p small {
 222         font-size: 11px;
 223         color: #bfbfbf;
 224 }
 225
 226 h1,
 227 h2,
 228 h3,
 229 h4,
 230 h5,
 231 h6 {
 232         font-weight: bold;
 233         color: #404040;
 234 }
 235
 236 h1 small,
 237 h2 small,
 238 h3 small,
 239 h4 small,
 240 h5 small,
 241 h6 small {
 242         color: #bfbfbf;
 243 }
 244
 245 h1 {
 246         margin-bottom: 18px;
 247         font-size: 30px;
 248         line-height: 36px;
 249 }
 250
 251 h1 small {
 252         font-size: 18px;
 253 }
 254
 255 h2 {
 256         font-size: 24px;
 257         line-height: 36px;
 258         color: #0069D6;
 259 }
 260
 261 h2 small {
 262         font-size: 14px;
 263 }
 264
 265 h3,
 266 h4,
 267 h5,
 268 h6 {
 269         line-height: 36px;
 270 }
 271
 272 h3 {
 273         font-size: 18px;
 274 }
 275
 276 h3 small {
 277         font-size: 14px;
 278 }
 279
 280 h4 {
 281         font-size: 16px;
 282 }
 283
 284 h4 small {
 285         font-size: 12px;
 286 }
 287
 288 h5 {
 289         font-size: 14px;
 290 }
 291
 292 h6 {
 293         font-size: 13px;
 294         color: #bfbfbf;
 295         text-transform: uppercase;
 296 }
 297
 298 ul, ol {
 299         margin: 0 0 18px 25px;
 300 }
 301
 302 ul ul,
 303 ul ol,
 304 ol ol,
 305 ol ul {
 306         margin-bottom: 0;
 307 }
 308
 309 ul {
 310         list-style: disc;
 311 }
 312
 313 ol {
 314         list-style: decimal;
 315 }
 316
 317 li {
 318         line-height: 18px;
 319         color: #808080;
 320 }
 321
 322 ul.unstyled {
 323         list-style: none;
 324         margin-left: 0;
 325 }
 326
 327 dl {
 328         margin-bottom: 18px;
 329 }
 330
 331 dl dt, dl dd {
 332         line-height: 18px;
 333 }
 334
 335 dl dt {
 336         font-weight: bold;
 337 }
 338
 339 dl dd {
 340         margin-left: 9px;
 341 }
 342
 343 hr {
 344         margin: 20px 0 19px;
 345         border: 0;
 346         border-bottom: 1px solid #eee;
 347 }
 348
 349 strong {
 350         font-style: inherit;
 351         font-weight: bold;
 352 }
 353
 354 em {
 355         font-style: italic;
 356         font-weight: inherit;
 357 }
 358
 359 small { font-size: 0.9em }
 360
 361 address {
 362         display: block;
 363         line-height: 18px;
 364         margin-bottom: 18px;
 365 }
 366
 367 code, pre {
 368         padding: 0 3px 2px;
 369         font-family: Monaco, Andale Mono, Courier New, monospace;
 370         font-size: 12px;
 371         -webkit-border-radius: 3px;
 372         -moz-border-radius: 3px;
 373         border-radius: 3px;
 374 }
 375
 376 code {
 377         background-color: #fee9cc;
 378         color: rgba(0, 0, 0, 0.75);
 379         padding: 1px 3px;
 380 }
 381
 382 pre {
 383         background-color: #f5f5f5;
 384         display: block;
 385         padding: 8.5px;
 386         margin: 0 0 18px;
 387         line-height: 18px;
 388         font-size: 12px;
 389         border: 1px solid #ccc;
 390         border: 1px solid rgba(0, 0, 0, 0.15);
 391         -webkit-border-radius: 3px;
 392         -moz-border-radius: 3px;
 393         border-radius: 3px;
 394         white-space: pre;
 395         white-space: pre-wrap;
 396         word-wrap: break-word;
 397 }
 398
 399 /* Forms.less
 400  * Base styles for various input types, form layouts, and states
 401  * ------------------------------------------------------------- */
 402 form {
 403         margin-bottom: 18px;
 404 }
 405
 406 fieldset {
 407         padding-top: 9px;
 408 }
 409
 410 fieldset legend {
 411         display: inline-block;
 412         position: relative;
 413         font-size: 19.5px;
 414         line-height: 1;
 415         color: #404040;
 416         margin-top: 10px;
 417         padding-right: 30px;
 418         *padding: 0 0 5px 0px;
 419         /* IE6-7 */
 420
 421         *line-height: 1.5;
 422         /* IE6-7 */
 423
 424 }
 425
 426 form .clearfix,
 427 form .cbi-value,
 428 .cbi-form .cbi-value {
 429         margin-bottom: 18px;
 430         zoom: 1;
 431         overflow: hidden;
 432 }
 433
 434 form .clearfix:before, form .clearfix:after,
 435 form .cbi-value:before, form .cbi-value:after,
 436 .cbi-form .cbi-value:before, form .cbi-value:after {
 437         display: table;
 438         content: "";
 439         zoom: 1;
 440 }
 441
 442 form .clearfix:after,
 443 form .cbi-value:after,
 444 .cbi-form .cbi-value:after {
 445         clear: both;
 446 }
 447
 448 label,
 449 input,
 450 select,
 451 textarea {
 452         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 453         font-size: 13px;
 454         font-weight: normal;
 455         line-height: normal;
 456 }
 457
 458 form .input,
 459 form .cbi-value-field,
 460 .cbi-form .cbi-value-field {
 461         margin-left: 20px;
 462         width: 250px;
 463         float: left;
 464 }
 465
 466 /* XXX: compatibility */
 467 form table .cbi-value-field {
 468         float: none;
 469 }
 470
 471 form .cbi-value label.cbi-value-title,
 472 .cbi-form .cbi-value label.cbi-value-title {
 473         padding-top: 6px;
 474         font-size: 13px;
 475         line-height: 18px;
 476         float: left;
 477         width: 180px;
 478         text-align: right;
 479         color: #404040;
 480 }
 481
 482 form .cbi-value div.cbi-value-dummy,
 483 .cbi-form .cbi-value div.cbi-value-dummy {
 484         padding-top: 6px;
 485         line-height: 18px;
 486 }
 487
 488 form .cbi-value .cbi-value-description,
 489 .cbi-form .cbi-value .cbi-value-description {
 490         padding: 6px 0 0 20px;
 491         font-size: 13px;
 492         line-height: 18px;
 493         margin-left: 20px;
 494         float: left;
 495         background-image: url("../icons/cbi/help.gif");
 496         background-repeat: no-repeat;
 497         background-position: 0 7px;
 498         width: 300px;
 499 }
 500
 501 form .cbi-value .cbi-value-description img {
 502         vertical-align: middle;
 503 }
 504
 505 form .cbi-section-table .cbi-value,
 506 form .cbi-section-table .cbi-value .cbi-value-field,
 507 form .cbi-section-table .cbi-value .cbi-value-error {
 508         margin: 0;
 509 }
 510
 511 form .cbi-section-table .cbi-value .cbi-value-field,
 512 form .cbi-section-table .cbi-value .cbi-value-field > input[type="text"],
 513 form .cbi-section-table .cbi-value .cbi-value-field > select {
 514         width: 100%;
 515 }
 516
 517 form .cbi-section-table .cbi-value .cbi-value-error {
 518         width: 100%;
 519         max-width: none;
 520         -webkit-box-sizing: border-box;
 521         -moz-box-sizing: border-box;
 522     box-sizing: border-box;
 523         margin-top: 1px;
 524         font-size: 12px;
 525         line-height: 14px;
 526         font-weight: normal;
 527         text-align: left;
 528 }
 529
 530 form .cbi-section-table .cbi-section-table-sort {
 531         padding: 2px;
 532         width: 16px;
 533         line-height: 0;
 534         cursor: move;
 535 }
 536
 537 form .cbi-section-table .cbi-section-table-sort img {
 538         width: 16px;
 539         display: inline;
 540 }
 541
 542 form .cbi-section-table .cbi-section-table-placeholder {
 543         padding: 1em;
 544         font-style: italic;
 545         text-align: center !important;
 546 }
 547
 548 form .cbi-section-table .cbi-value .cbi-value-title,
 549 form .cbi-section-table .cbi-value .cbi-value-description {
 550         display: none;
 551 }
 552
 553 form .cbi-value .cbi-value-error,
 554 .cbi-form .cbi-value .cbi-value-error {
 555         background-color: #b94a48;
 556         border-radius: 3px;
 557         color: #ffffff;
 558         float: left;
 559         font-size: 13px;
 560         line-height: 18px;
 561         font-weight: bold;
 562         margin-left: 20px;
 563         max-width: 300px;
 564         padding: 4px 6px;
 565         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 566         display: none;
 567 }
 568
 569 form .cbi-section-add .cbi-value-error,
 570 form .cbi-value.error .cbi-value-error,
 571 .cbi-form .cbi-value.error .cbi-value-error {
 572         display: block;
 573 }
 574
 575 form .cbi-section-add .cbi-value-error {
 576         float: none;
 577         display: inline;
 578         padding: 6px;
 579         vertical-align: middle;
 580 }
 581
 582 input[type=checkbox], input[type=radio] {
 583         cursor: pointer;
 584 }
 585
 586 input,
 587 textarea,
 588 select,
 589 .uneditable-input {
 590         display: inline-block;
 591         width: 210px;
 592         height: 30px;
 593         padding: 4px;
 594         font-size: 13px;
 595         line-height: 18px;
 596         color: #808080;
 597         border: 1px solid #ccc;
 598         -webkit-border-radius: 3px;
 599         -moz-border-radius: 3px;
 600         border-radius: 3px;
 601 }
 602
 603 input.error,
 604 textarea.error,
 605 select.error {
 606         color: #b94a48;
 607         border-color: #b94a48;
 608 }
 609
 610 select {
 611         padding: initial;
 612 }
 613
 614 input[type=checkbox], input[type=radio] {
 615         width: auto;
 616         height: auto;
 617         padding: 0;
 618         margin: 3px 0;
 619         *margin-top: 0;
 620         /* IE6-7 */
 621
 622         line-height: normal;
 623         border: none;
 624 }
 625
 626 input[type=file] {
 627         background-color: #ffffff;
 628         padding: initial;
 629         border: initial;
 630         line-height: initial;
 631         -webkit-box-shadow: none;
 632         -moz-box-shadow: none;
 633         box-shadow: none;
 634         width: auto !important;
 635 }
 636
 637 input[type=button], input[type=reset], input[type=submit] {
 638         width: auto;
 639         height: auto;
 640 }
 641
 642 select, input[type=file] {
 643         *height: auto;
 644         *margin-top: 4px;
 645         /* For IE7, add top margin to align select with labels */
 646 }
 647
 648 select[multiple] {
 649         height: inherit;
 650         background-color: #ffffff;
 651 }
 652
 653 textarea {
 654         height: auto;
 655 }
 656
 657 .uneditable-input {
 658         background-color: #ffffff;
 659         display: block;
 660         border-color: #eee;
 661         -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 662         -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 663         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 664         cursor: not-allowed;
 665 }
 666
 667 ::-moz-placeholder {
 668         color: #bfbfbf;
 669 }
 670
 671 ::-webkit-input-placeholder {
 672         color: #bfbfbf;
 673 }
 674
 675 input, textarea {
 676         -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 677         -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
 678         -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
 679         -o-transition: border linear 0.2s, box-shadow linear 0.2s;
 680         transition: border linear 0.2s, box-shadow linear 0.2s;
 681         -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 682         -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 683         box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 684 }
 685
 686 input:focus, textarea:focus {
 687         outline: 0;
 688         border-color: rgba(82, 168, 236, 0.8);
 689         -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 690         -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 691         box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 692 }
 693
 694 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
 695         -webkit-box-shadow: none;
 696         -moz-box-shadow: none;
 697         box-shadow: none;
 698         outline: 1px dotted #666;
 699 }
 700
 701 form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
 702         color: #b94a48;
 703 }
 704
 705 form .clearfix.error input, form .clearfix.error textarea {
 706         color: #b94a48;
 707         border-color: #ee5f5b;
 708 }
 709
 710 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
 711         border-color: #e9322d;
 712         -webkit-box-shadow: 0 0 6px #f8b9b7;
 713         -moz-box-shadow: 0 0 6px #f8b9b7;
 714         box-shadow: 0 0 6px #f8b9b7;
 715 }
 716
 717 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
 718         color: #b94a48;
 719         background-color: #fce6e6;
 720         border-color: #b94a48;
 721 }
 722
 723 form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
 724         color: #c09853;
 725 }
 726
 727 form .clearfix.warning input, form .clearfix.warning textarea {
 728         color: #c09853;
 729         border-color: #ccae64;
 730 }
 731
 732 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
 733         border-color: #be9a3f;
 734         -webkit-box-shadow: 0 0 6px #e5d6b1;
 735         -moz-box-shadow: 0 0 6px #e5d6b1;
 736         box-shadow: 0 0 6px #e5d6b1;
 737 }
 738
 739 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
 740         color: #c09853;
 741         background-color: #d2b877;
 742         border-color: #c09853;
 743 }
 744
 745 form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
 746         color: #468847;
 747 }
 748
 749 form .clearfix.success input, form .clearfix.success textarea {
 750         color: #468847;
 751         border-color: #57a957;
 752 }
 753
 754 form .clearfix.success input:focus, form .clearfix.success textarea:focus {
 755         border-color: #458845;
 756         -webkit-box-shadow: 0 0 6px #9acc9a;
 757         -moz-box-shadow: 0 0 6px #9acc9a;
 758         box-shadow: 0 0 6px #9acc9a;
 759 }
 760
 761 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
 762         color: #468847;
 763         background-color: #bcddbc;
 764         border-color: #468847;
 765 }
 766
 767 input[disabled],
 768 select[disabled],
 769 button[disabled],
 770 textarea[disabled],
 771 input[readonly],
 772 select[readonly],
 773 textarea[readonly] {
 774         background-color: #f5f5f5;
 775         border-color: #ddd;
 776 }
 777
 778 .actions,
 779 .cbi-page-actions {
 780         background: #f5f5f5;
 781         margin-bottom: 18px;
 782         padding: 4px 4px 5px 150px;
 783         border-top: 1px solid #ddd;
 784         -webkit-border-radius: 0 0 3px 3px;
 785         -moz-border-radius: 0 0 3px 3px;
 786         border-radius: 0 0 3px 3px;
 787         text-align: right;
 788         margin-top: 9px;
 789 }
 790
 791 .actions .secondary-action,
 792 .cbi-page-actions .secondary-action{
 793         float: right;
 794 }
 795
 796 .actions .secondary-action a,
 797 .cbi-page-actions .secondary-action a {
 798         line-height: 30px;
 799 }
 800
 801 .actions .secondary-action a:hover,
 802 .cbi-page-actions .secondary-action a:hover {
 803         text-decoration: underline;
 804 }
 805
 806 .help-inline, .help-block {
 807         font-size: 13px;
 808         line-height: 18px;
 809         color: #bfbfbf;
 810 }
 811
 812 .help-inline {
 813         padding-left: 5px;
 814         *position: relative;
 815         /* IE6-7 */
 816
 817         *top: -5px;
 818         /* IE6-7 */
 819
 820 }
 821
 822 .help-block {
 823         display: block;
 824         max-width: 600px;
 825 }
 826
 827 /*
 828  * Tables.less
 829  * Tables for, you guessed it, tabular data
 830  * ---------------------------------------- */
 831 table {
 832         width: 100%;
 833         margin-bottom: 18px;
 834         padding: 0;
 835         font-size: 13px;
 836         border-collapse: collapse;
 837 }
 838
 839 table th, table td {
 840         padding: 4px 4px 3px;
 841         line-height: 18px;
 842         text-align: left;
 843 }
 844
 845 table th {
 846         font-weight: bold;
 847         vertical-align: middle;
 848 }
 849
 850 table td {
 851         vertical-align: top;
 852         border-top: 1px solid #ddd;
 853 }
 854
 855 table tbody th {
 856         border-top: 1px solid #ddd;
 857         vertical-align: top;
 858 }
 859
 860 /* Patterns.less
 861  * Repeatable UI elements outside the base styles provided from the scaffolding
 862  * ---------------------------------------------------------------------------- */
 863 header {
 864         height: 40px;
 865         position: fixed;
 866         top: 0;
 867         left: 0;
 868         right: 0;
 869         z-index: 10000;
 870         overflow: visible;
 871         color: #BFBFBF;
 872 }
 873
 874 header a {
 875         color: #bfbfbf;
 876         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 877 }
 878
 879 header h3 a:hover, header .brand:hover, header ul .active > a {
 880         background-color: #333;
 881         background-color: rgba(255, 255, 255, 0.05);
 882         color: #ffffff;
 883         text-decoration: none;
 884 }
 885
 886 header h3 {
 887         position: relative;
 888 }
 889
 890 header h3 a, header .brand {
 891         float: left;
 892         display: block;
 893         padding: 8px 20px 12px;
 894         margin-left: -20px;
 895         color: #ffffff;
 896         font-size: 20px;
 897         font-weight: 200;
 898         line-height: 1;
 899 }
 900
 901 header p {
 902         margin: 0;
 903         line-height: 40px;
 904 }
 905
 906 header .fill {
 907         background-color: #222;
 908         background-color: #222222;
 909         background-repeat: repeat-x;
 910         background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
 911         background-image: -moz-linear-gradient(top, #333333, #222222);
 912         background-image: -ms-linear-gradient(top, #333333, #222222);
 913         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
 914         background-image: -webkit-linear-gradient(top, #333333, #222222);
 915         background-image: -o-linear-gradient(top, #333333, #222222);
 916         background-image: linear-gradient(top, #333333, #222222);
 917         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
 918         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 919         -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 920         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 921         padding: 0 5px;
 922 }
 923
 924 header div > ul, .nav {
 925         display: block;
 926         float: left;
 927         margin: 0 10px 0 0;
 928         position: relative;
 929         left: 0;
 930 }
 931
 932 header div > ul > li, .nav > li {
 933         display: block;
 934         float: left;
 935 }
 936
 937 header div > ul a, .nav a {
 938         display: block;
 939         float: none;
 940         padding: 10px 10px 11px;
 941         line-height: 19px;
 942         text-decoration: none;
 943 }
 944
 945 header div > ul a:hover, .nav a:hover {
 946         color: #ffffff;
 947         text-decoration: none;
 948 }
 949
 950 header div > ul .active > a, .nav .active > a {
 951         background-color: #222;
 952         background-color: rgba(0, 0, 0, 0.5);
 953 }
 954
 955 header div > ul.secondary-nav, .nav.secondary-nav {
 956         float: right;
 957         margin-left: 10px;
 958         margin-right: 0;
 959 }
 960
 961 header div > ul.secondary-nav .menu-dropdown,
 962 .nav.secondary-nav .menu-dropdown,
 963 header div > ul.secondary-nav .dropdown-menu,
 964 .nav.secondary-nav .dropdown-menu {
 965         right: 0;
 966         border: 0;
 967 }
 968
 969 header div > ul a.menu:hover,
 970 .nav a.menu:hover,
 971 header div > ul li.open .menu,
 972 .nav li.open .menu,
 973 header div > ul .dropdown-toggle:hover,
 974 .nav .dropdown-toggle:hover,
 975 header div > ul .dropdown.open .dropdown-toggle,
 976 .nav .dropdown.open .dropdown-toggle {
 977         background: #444;
 978         background: rgba(255, 255, 255, 0.05);
 979 }
 980
 981 header div > ul .menu-dropdown,
 982 .nav .menu-dropdown,
 983 header div > ul .dropdown-menu,
 984 .nav .dropdown-menu {
 985         background-color: #333;
 986 }
 987
 988 header div > ul .menu-dropdown a.menu,
 989 .nav .menu-dropdown a.menu,
 990 header div > ul .dropdown-menu a.menu,
 991 .nav .dropdown-menu a.menu,
 992 header div > ul .menu-dropdown .dropdown-toggle,
 993 .nav .menu-dropdown .dropdown-toggle,
 994 header div > ul .dropdown-menu .dropdown-toggle,
 995 .nav .dropdown-menu .dropdown-toggle {
 996         color: #ffffff;
 997 }
 998
 999 header div > ul .menu-dropdown a.menu.open,
1000 .nav .menu-dropdown a.menu.open,
1001 header div > ul .dropdown-menu a.menu.open,
1002 .nav .dropdown-menu a.menu.open,
1003 header div > ul .menu-dropdown .dropdown-toggle.open,
1004 .nav .menu-dropdown .dropdown-toggle.open,
1005 header div > ul .dropdown-menu .dropdown-toggle.open,
1006 .nav .dropdown-menu .dropdown-toggle.open {
1007         background: #444;
1008         background: rgba(255, 255, 255, 0.05);
1009 }
1010
1011 header div > ul .menu-dropdown li a,
1012 .nav .menu-dropdown li a,
1013 header div > ul .dropdown-menu li a,
1014 .nav .dropdown-menu li a {
1015         color: #999;
1016         text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
1017 }
1018
1019 header div > ul .menu-dropdown li a:hover,
1020 .nav .menu-dropdown li a:hover,
1021 header div > ul .dropdown-menu li a:hover,
1022 .nav .dropdown-menu li a:hover {
1023         background-color: #191919;
1024         background-repeat: repeat-x;
1025         background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
1026         background-image: -moz-linear-gradient(top, #292929, #191919);
1027         background-image: -ms-linear-gradient(top, #292929, #191919);
1028         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
1029         background-image: -webkit-linear-gradient(top, #292929, #191919);
1030         background-image: -o-linear-gradient(top, #292929, #191919);
1031         background-image: linear-gradient(top, #292929, #191919);
1032         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
1033         color: #ffffff;
1034 }
1035
1036 header div > ul .menu-dropdown .active a,
1037 .nav .menu-dropdown .active a,
1038 header div > ul .dropdown-menu .active a,
1039 .nav .dropdown-menu .active a {
1040         color: #ffffff;
1041 }
1042
1043 header div > ul .menu-dropdown .divider,
1044 .nav .menu-dropdown .divider,
1045 header div > ul .dropdown-menu .divider,
1046 .nav .dropdown-menu .divider {
1047         background-color: #222;
1048         border-color: #444;
1049 }
1050
1051 header ul .menu-dropdown li a, header ul .dropdown-menu li a {
1052         padding: 4px 15px;
1053 }
1054
1055 li.menu, .dropdown {
1056         position: relative;
1057 }
1058
1059 a.menu:after, .dropdown-toggle:after {
1060         width: 0;
1061         height: 0;
1062         display: inline-block;
1063         content: "&darr;";
1064         text-indent: -99999px;
1065         vertical-align: top;
1066         margin-top: 8px;
1067         margin-left: 4px;
1068         border-left: 4px solid transparent;
1069         border-right: 4px solid transparent;
1070         border-top: 4px solid #ffffff;
1071         filter: alpha(opacity=50);
1072         -khtml-opacity: 0.5;
1073         -moz-opacity: 0.5;
1074         opacity: 0.5;
1075 }
1076
1077 .menu-dropdown, .dropdown-menu {
1078         background-color: #ffffff;
1079         float: left;
1080         display: none;
1081         position: absolute;
1082         top: 40px;
1083         z-index: 900;
1084         min-width: 160px;
1085         max-width: 220px;
1086         _width: 160px;
1087         margin-left: 0;
1088         margin-right: 0;
1089         padding: 6px 0;
1090         zoom: 1;
1091         border-color: #999;
1092         border-color: rgba(0, 0, 0, 0.2);
1093         border-style: solid;
1094         border-width: 0 1px 1px;
1095         -webkit-border-radius: 0 0 6px 6px;
1096         -moz-border-radius: 0 0 6px 6px;
1097         border-radius: 0 0 6px 6px;
1098         -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1099         -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1100         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1101         -webkit-background-clip: padding-box;
1102         -moz-background-clip: padding-box;
1103         background-clip: padding-box;
1104 }
1105
1106 .menu-dropdown li, .dropdown-menu li {
1107         float: none;
1108         display: block;
1109         background-color: none;
1110 }
1111
1112 .menu-dropdown .divider, .dropdown-menu .divider {
1113         height: 1px;
1114         margin: 5px 0;
1115         overflow: hidden;
1116         background-color: #eee;
1117         border-bottom: 1px solid #ffffff;
1118 }
1119
1120 header .dropdown-menu a, .dropdown-menu a {
1121         display: block;
1122         padding: 4px 15px;
1123         clear: both;
1124         font-weight: normal;
1125         line-height: 18px;
1126         color: #808080;
1127         text-shadow: 0 1px 0 #ffffff;
1128 }
1129
1130 header .dropdown-menu a:hover,
1131 .dropdown-menu a:hover,
1132 header .dropdown-menu a.hover,
1133 .dropdown-menu a.hover {
1134         background-color: #dddddd;
1135         background-repeat: repeat-x;
1136         background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1137         background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1138         background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1139         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1140         background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1141         background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1142         background-image: linear-gradient(top, #eeeeee, #dddddd);
1143         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1144         color: #404040;
1145         text-decoration: none;
1146         -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1147         -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1148         box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1149 }
1150
1151 .open .menu,
1152 .dropdown.open .menu,
1153 .open .dropdown-toggle,
1154 .dropdown.open .dropdown-toggle {
1155         color: #ffffff;
1156         background: #ccc;
1157         background: rgba(0, 0, 0, 0.3);
1158 }
1159
1160 .open .menu-dropdown,
1161 .dropdown.open .menu-dropdown,
1162 .open .dropdown-menu,
1163 .dropdown.open .dropdown-menu {
1164         display: block;
1165 }
1166
1167 .dropdown:hover ul.dropdown-menu {
1168         display: block;
1169 }
1170
1171 .dropdown-menu .dropdown-menu {
1172           position: absolute;
1173           left: 159px;
1174 }
1175
1176 .dropdown-menu li {
1177           position: relative;
1178 }
1179
1180 .cbi-modal-loader,
1181 .cbi-modal-dialog {
1182         position: absolute;
1183         left: 0;
1184         top: 0;
1185         z-index: 10000;
1186         background-color: rgba(0, 0, 0, 0.5);
1187 }
1188
1189 .cbi-modal-loader > div {
1190         display: inline-block;
1191         position: absolute;
1192         top: 50%;
1193         left: 50%;
1194         color: #000000;
1195         font-weight: bold;
1196         line-height: 38px;
1197         width: 300px;
1198         height: 38px;
1199         margin-left: -150px;
1200         border-radius: 10px;
1201         padding: 10px;
1202         text-align: center;
1203         background: #ffffff 10px center no-repeat url(../icons/loading.gif);
1204 }
1205
1206 .cbi-modal-dialog > div {
1207         display: inline-block;
1208         position: absolute;
1209         top: 50%;
1210         left: 50%;
1211         color: #000000;
1212         width: 450px;
1213         margin-left: -225px;
1214         border-radius: 10px;
1215         padding: 10px;
1216         background-color: #ffffff
1217 }
1218
1219 .cbi-modal-dialog > div > div.cbi-modal-dialog-header {
1220         font-weight: bold;
1221         margin-bottom: 10px;
1222 }
1223
1224 .cbi-modal-dialog > div > div.cbi-modal-dialog-body {
1225         overflow: auto;
1226         padding: 0 2px;
1227 }
1228
1229 .cbi-modal-dialog > div > div.cbi-modal-dialog-footer {
1230         margin-top: 10px;
1231         text-align: right;
1232 }
1233
1234 .cbi-modal-dialog > div > div.cbi-modal-dialog-footer > button {
1235         margin-left: 5px;
1236 }
1237
1238 .tabs, .cbi-tabmenu {
1239         margin: 0 0 18px;
1240         padding: 0;
1241         list-style: none;
1242         zoom: 1;
1243 }
1244
1245 .tabs:before,
1246 .cbi-tabmenu:before,
1247 .tabs:after,
1248 .cbi-tabmenu:after {
1249         display: table;
1250         content: "";
1251         zoom: 1;
1252 }
1253
1254 .tabs:after, .cbi-tabmenu:after {
1255         clear: both;
1256 }
1257
1258 .tabs > li, .cbi-tabmenu > li {
1259         float: left;
1260 }
1261
1262 .tabs > li > a, .cbi-tabmenu > li > a {
1263         display: block;
1264 }
1265
1266 .tabs,
1267 .cbi-tabmenu {
1268         border-color: #ddd;
1269         border-style: solid;
1270         border-width: 0 0 1px;
1271 }
1272
1273 .tabs > li,
1274 .cbi-tabmenu > li {
1275         position: relative;
1276         margin-bottom: -1px;
1277 }
1278
1279 .tabs > li > a,
1280 .cbi-tabmenu > li > a {
1281         padding: 0 15px;
1282         margin-right: 12px;
1283         line-height: 34px;
1284         border: 1px solid transparent;
1285         -webkit-border-radius: 4px 4px 0 0;
1286         -moz-border-radius: 4px 4px 0 0;
1287         border-radius: 4px 4px 0 0;
1288 }
1289
1290 .cbi-tabmenu > li > span.badge,
1291 .cbi-section legend > span.badge {
1292         position: absolute;
1293         top: -5px;
1294         right: 7px;
1295         border-radius: 9px;
1296         padding: 0 6px;
1297         color: #ffffff;
1298         background-color: #cccccc;
1299         cursor: pointer;
1300         font-size: 13px;
1301         line-height: 18px;
1302 }
1303
1304 .tabs > li > a:hover,
1305 .cbi-tabmenu > li > a:hover {
1306         text-decoration: none;
1307         background-color: #eee;
1308         border-color: #eee #eee #ddd;
1309 }
1310
1311 .tabs .active > a, .tabs .active > a:hover,
1312 .cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover,
1313 .cbi-tabmenu .ui-state-active > a, .cbi-tabmenu .ui-state-active > a:hover,
1314 .cbi-tab > a:link, .cbi-tab > a:hover {
1315         color: #808080;
1316         background-color: #ffffff;
1317         border: 1px solid #ddd;
1318         border-bottom-color: transparent;
1319         cursor: default;
1320 }
1321
1322 .cbi-tabmenu > .ui-state-active > span.badge,
1323 .cbi-section .ui-accordion-header-active legend > span.badge {
1324         background-color: #b94a48;
1325 }
1326
1327 .tabs .menu-dropdown, .tabs .dropdown-menu,
1328 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1329         top: 35px;
1330         border-width: 1px;
1331         -webkit-border-radius: 0 6px 6px 6px;
1332         -moz-border-radius: 0 6px 6px 6px;
1333         border-radius: 0 6px 6px 6px;
1334 }
1335
1336 .tabs a.menu:after, .tabs .dropdown-toggle:after,
1337 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1338         border-top-color: #999;
1339         margin-top: 15px;
1340         margin-left: 5px;
1341 }
1342
1343 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle,
1344 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1345         border-color: #999;
1346 }
1347
1348 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after,
1349 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1350         border-top-color: #555;
1351 }
1352
1353 .tab-content > .tab-pane,
1354 .tab-content > div {
1355         display: none;
1356 }
1357
1358 .tab-content > .active {
1359         display: block;
1360 }
1361
1362 .ui-accordion-header {
1363         border-radius: 4px;
1364         background-color: #F5F5F5;
1365         border: 1px solid #E3E3E3;
1366         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
1367         cursor: pointer;
1368         outline: 0;
1369         padding-left: 10px;
1370 }
1371
1372 .ui-accordion-content {
1373         padding: 0 0 1px 10px;
1374 }
1375
1376 .ui-accordion-header.ui-state-active {
1377         border: inherit;
1378         box-shadow: inherit;
1379         background-color: inherit;
1380         cursor: default;
1381 }
1382
1383 .cbi-section-add {
1384         vertical-align: middle;
1385         padding-top: 9px;
1386         margin-bottom: 2em;
1387 }
1388
1389 .cbi-section-add input.cbi-input-text {
1390         vertical-align: middle;
1391         border-radius: 4px 0 0 4px;
1392         border-right: none;
1393         width: 150px;
1394 }
1395
1396 .cbi-section-add img {
1397         vertical-align: middle;
1398         padding: 6px;
1399         border-radius: 0 4px 4px 0;
1400 }
1401
1402 .cbi-section-head {
1403         position: relative;
1404         padding-bottom: 10px;
1405 }
1406
1407 .cbi-section-head .cbi-section-teaser {
1408         padding: 10px 0 5px 0;
1409         max-width: 920px;
1410         overflow: hidden;
1411         text-overflow: ellipsis;
1412         white-space: nowrap;
1413         color: #aaa;
1414         text-shadow: 1px 1px 1px #fff;
1415 }
1416
1417 .cbi-section-head.ui-state-active .cbi-section-teaser {
1418         display: none;
1419 }
1420
1421 .cbi-section-remove {
1422         position: absolute;
1423         right: 5px;
1424         top: 5px;
1425 }
1426
1427 .breadcrumb {
1428         padding: 7px 14px;
1429         margin: 0 0 18px;
1430         background-color: #f5f5f5;
1431         background-repeat: repeat-x;
1432         background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1433         background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1434         background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1435         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1436         background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1437         background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1438         background-image: linear-gradient(top, #ffffff, #f5f5f5);
1439         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1440         border: 1px solid #ddd;
1441         -webkit-border-radius: 3px;
1442         -moz-border-radius: 3px;
1443         border-radius: 3px;
1444         -webkit-box-shadow: inset 0 1px 0 #ffffff;
1445         -moz-box-shadow: inset 0 1px 0 #ffffff;
1446         box-shadow: inset 0 1px 0 #ffffff;
1447 }
1448
1449 .breadcrumb li {
1450         display: inline;
1451         text-shadow: 0 1px 0 #ffffff;
1452 }
1453
1454 .breadcrumb .divider {
1455         padding: 0 5px;
1456         color: #bfbfbf;
1457 }
1458
1459 .breadcrumb .active a {
1460         color: #404040;
1461 }
1462
1463 footer {
1464         margin-top: 17px;
1465         padding-top: 17px;
1466         border-top: 1px solid #eee;
1467 }
1468
1469 .btn.danger,
1470 .alert-message.danger,
1471 .btn.danger:hover,
1472 .alert-message.danger:hover,
1473 .btn.error,
1474 .alert-message.error,
1475 .btn.error:hover,
1476 .alert-message.error:hover,
1477 .btn.success,
1478 .alert-message.success,
1479 .btn.success:hover,
1480 .alert-message.success:hover,
1481 .btn.info,
1482 .alert-message.info,
1483 .btn.info:hover,
1484 .alert-message.info:hover {
1485         color: #ffffff;
1486 }
1487
1488 .btn .close, .alert-message .close {
1489         font-family: Arial, sans-serif;
1490         line-height: 18px;
1491 }
1492
1493 .btn.danger,
1494 .alert-message.danger,
1495 .btn.error,
1496 .alert-message.error {
1497         background-color: #c43c35;
1498         background-repeat: repeat-x;
1499         background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1500         background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1501         background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1502         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1503         background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1504         background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1505         background-image: linear-gradient(top, #ee5f5b, #c43c35);
1506         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1507         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1508         border-color: #c43c35 #c43c35 #882a25;
1509         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1510 }
1511
1512 .btn.success, .alert-message.success {
1513         background-color: #57a957;
1514         background-repeat: repeat-x;
1515         background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1516         background-image: -moz-linear-gradient(top, #62c462, #57a957);
1517         background-image: -ms-linear-gradient(top, #62c462, #57a957);
1518         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1519         background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1520         background-image: -o-linear-gradient(top, #62c462, #57a957);
1521         background-image: linear-gradient(top, #62c462, #57a957);
1522         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1523         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1524         border-color: #57a957 #57a957 #3d773d;
1525         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1526 }
1527
1528 .btn.info, .alert-message.info {
1529         background-color: #339bb9;
1530         background-repeat: repeat-x;
1531         background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1532         background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1533         background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1534         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1535         background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1536         background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1537         background-image: linear-gradient(top, #5bc0de, #339bb9);
1538         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1539         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1540         border-color: #339bb9 #339bb9 #22697d;
1541         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1542 }
1543
1544 .btn,
1545 .cbi-button {
1546         cursor: pointer;
1547         display: inline-block;
1548         background-color: #e6e6e6;
1549         background-repeat: no-repeat;
1550         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1551         background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1552         background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1553         background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1554         background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1555         background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1556         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1557         padding: 5px 14px 6px;
1558         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1559         color: #333;
1560         font-size: 13px;
1561         line-height: normal;
1562         border: 1px solid #ccc;
1563         border-bottom-color: #bbb;
1564         -webkit-border-radius: 4px;
1565         -moz-border-radius: 4px;
1566         border-radius: 4px;
1567         -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1568         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1569         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1570         white-space: nowrap;
1571 }
1572
1573 .cbi-button[disabled] {
1574         color: #aaa;
1575         text-shadow: 1px 1px 1px #fff;
1576         filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1577         filter: alpha(opacity=65);
1578         -khtml-opacity: 0.65;
1579         -moz-opacity: 0.65;
1580         opacity: 0.65;
1581         cursor: default;
1582 }
1583
1584 .btn:hover,
1585 .cbi-button:hover {
1586         color: #333;
1587         text-decoration: none;
1588 }
1589
1590 .btn:focus,
1591 .cbi-button:focus {
1592         outline: 1px dotted #666;
1593 }
1594
1595 .btn.primary,
1596 .cbi-page-actions .cbi-button-apply,
1597 .cbi-page-actions .cbi-button-save,
1598 .cbi-page-actions .cbi-button-reset {
1599         color: #ffffff;
1600         padding: 5px 14px 6px;
1601         background-color: #0064cd;
1602         background-repeat: repeat-x;
1603         background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1604         background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1605         background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1606         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1607         background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1608         background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1609         background-image: linear-gradient(top, #049cdb, #0064cd);
1610         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1611         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1612         border-color: #0064cd #0064cd #003f81;
1613         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1614 }
1615
1616 .cbi-input-invalid {
1617         color: #FF0000;
1618         border-color: #FF0000;
1619 }
1620
1621 .cbi-button-up,
1622 .cbi-input-up {
1623         background-position: center center;
1624         background-image: url('../icons/cbi/up.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1625         background-image: url('../icons/cbi/up.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1626         background-image: url('../icons/cbi/up.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1627         background-image: url('../icons/cbi/up.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1628         background-image: url('../icons/cbi/up.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1629         background-image: url('../icons/cbi/up.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1630 }
1631
1632 .cbi-button-down,
1633 .cbi-input-down {
1634         background-position: center center;
1635         background-image: url('../icons/cbi/down.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1636         background-image: url('../icons/cbi/down.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1637         background-image: url('../icons/cbi/down.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1638         background-image: url('../icons/cbi/down.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1639         background-image: url('../icons/cbi/down.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1640         background-image: url('../icons/cbi/down.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1641 }
1642
1643 .cbi-button-find,
1644 .cbi-input-find {
1645         background-position: 6px center, left top;
1646         padding-left: 28px;
1647         background-image: url('../icons/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1648         background-image: url('../icons/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1649         background-image: url('../icons/cbi/find.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1650         background-image: url('../icons/cbi/find.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1651         background-image: url('../icons/cbi/find.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1652         background-image: url('../icons/cbi/find.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1653 }
1654
1655 .cbi-button-add,
1656 .cbi-input-add {
1657         background-position: 6px center, left top;
1658         padding-left: 28px;
1659         background-image: url('../icons/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1660         background-image: url('../icons/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1661         background-image: url('../icons/cbi/add.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1662         background-image: url('../icons/cbi/add.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1663         background-image: url('../icons/cbi/add.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1664         background-image: url('../icons/cbi/add.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1665 }
1666
1667 .cbi-button-apply,
1668 .cbi-input-apply {
1669         background-position: 6px center, left top;
1670         padding-left: 28px;
1671         background-image: url('../icons/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1672         background-image: url('../icons/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1673         background-image: url('../icons/cbi/apply.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1674         background-image: url('../icons/cbi/apply.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1675         background-image: url('../icons/cbi/apply.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1676         background-image: url('../icons/cbi/apply.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1677 }
1678
1679 .cbi-button-reset,
1680 .cbi-input-reset {
1681         background-position: 6px center, left top;
1682         padding-left: 28px;
1683         background-image: url('../icons/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1684         background-image: url('../icons/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1685         background-image: url('../icons/cbi/reset.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1686         background-image: url('../icons/cbi/reset.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1687         background-image: url('../icons/cbi/reset.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1688         background-image: url('../icons/cbi/reset.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1689 }
1690
1691 .cbi-button-edit,
1692 .cbi-input-edit {
1693         background-position: 6px center, left top;
1694         padding-left: 28px;
1695         background-image: url('../icons/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1696         background-image: url('../icons/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1697         background-image: url('../icons/cbi/edit.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1698         background-image: url('../icons/cbi/edit.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1699         background-image: url('../icons/cbi/edit.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1700         background-image: url('../icons/cbi/edit.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1701 }
1702
1703 .cbi-button-remove,
1704 .cbi-input-remove {
1705         background-position: 6px center, left top;
1706         padding-left: 28px;
1707         background-image: url('../icons/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1708         background-image: url('../icons/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1709         background-image: url('../icons/cbi/remove.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1710         background-image: url('../icons/cbi/remove.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1711         background-image: url('../icons/cbi/remove.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1712         background-image: url('../icons/cbi/remove.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1713 }
1714
1715 .cbi-button-reload,
1716 .cbi-input-reload {
1717         background-position: 6px center, left top;
1718         padding-left: 28px;
1719         background-image: url('../icons/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1720         background-image: url('../icons/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1721         background-image: url('../icons/cbi/reload.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1722         background-image: url('../icons/cbi/reload.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1723         background-image: url('../icons/cbi/reload.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1724         background-image: url('../icons/cbi/reload.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1725 }
1726
1727 .cbi-button-link,
1728 .cbi-input-link {
1729         background-position: 6px center, left top;
1730         padding-left: 28px;
1731         background-image: url('../icons/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1732         background-image: url('../icons/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1733         background-image: url('../icons/cbi/link.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1734         background-image: url('../icons/cbi/link.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1735         background-image: url('../icons/cbi/link.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1736         background-image: url('../icons/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1737 }
1738
1739 .cbi-button-download,
1740 .cbi-input-download {
1741         background-position: 6px center, left top;
1742         padding-left: 28px;
1743         background-image: url('../icons/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1744         background-image: url('../icons/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1745         background-image: url('../icons/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1746         background-image: url('../icons/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1747         background-image: url('../icons/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1748         background-image: url('../icons/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1749 }
1750
1751 .cbi-input-networks {
1752         list-style: none;
1753         margin: 0;
1754 }
1755
1756 .cbi-input-networks > li {
1757         padding: 1px;
1758 }
1759
1760 .cbi-input-networks > li > label > input {
1761         margin-top: 0 !important;
1762         vertical-align: middle;
1763 }
1764
1765 .cbi-input-dynlist select,
1766 .cbi-input-dynlist input,
1767 .cbi-input-password input {
1768         vertical-align: middle;
1769         margin-bottom: 1px;
1770 }
1771
1772 .cbi-input-dynlist img,
1773 .cbi-input-password img {
1774         vertical-align: middle;
1775         padding: 6px;
1776         margin: 0 0 1px 1px;
1777 }
1778
1779 .cbi-splitbutton {
1780         vertical-align: middle;
1781         white-space: nowrap;
1782         display: inline-block;
1783 }
1784
1785 .cbi-splitbutton input:first-child {
1786         vertical-align: middle;
1787         border-right-width: 0;
1788         border-radius: 3px 0 0 3px;
1789 }
1790
1791 .cbi-splitbutton input:last-child,
1792 .cbi-splitbutton button:last-child,
1793 .cbi-splitbutton .cbi-button:last-child {
1794         vertical-align: middle;
1795         border-radius: 0 3px 3px 0;
1796         border-right-width: 1px;
1797 }
1798
1799 .cbi-splitbutton img.cbi-button {
1800         padding: 6px;
1801 }
1802
1803 .btn.active, .btn:active {
1804         -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1805         -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1806         box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1807 }
1808
1809 .btn.disabled {
1810         cursor: default;
1811         background-image: none;
1812         filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1813         filter: alpha(opacity=65);
1814         -khtml-opacity: 0.65;
1815         -moz-opacity: 0.65;
1816         opacity: 0.65;
1817         -webkit-box-shadow: none;
1818         -moz-box-shadow: none;
1819         box-shadow: none;
1820 }
1821
1822 .btn[disabled] {
1823         cursor: default;
1824         background-image: none;
1825         filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1826         filter: alpha(opacity=65);
1827         -khtml-opacity: 0.65;
1828         -moz-opacity: 0.65;
1829         opacity: 0.65;
1830         -webkit-box-shadow: none;
1831         -moz-box-shadow: none;
1832         box-shadow: none;
1833 }
1834
1835 .btn.large {
1836         font-size: 15px;
1837         line-height: normal;
1838         padding: 9px 14px 9px;
1839         -webkit-border-radius: 6px;
1840         -moz-border-radius: 6px;
1841         border-radius: 6px;
1842 }
1843
1844 .btn.small {
1845         padding: 7px 9px 7px;
1846         font-size: 11px;
1847 }
1848
1849 /* Button icons for specific pages */
1850 .Startup .cbi-section-table input.cbi-input-apply,
1851 .Startup .cbi-section-table input.cbi-button-apply {
1852           background-image: url("../icons/cbi/apply.gif");
1853           background-position: 7px 4px;
1854           padding: 3px 9px 3px 27px;
1855 }
1856
1857 .Processes .cbi-section-table input.cbi-input-reload,
1858 .Startup .cbi-section-table input.cbi-input-reload {
1859           background-image: url("../icons/cbi/reload.gif");
1860           background-position: 7px 4px;
1861           padding: 3px 9px 3px 27px;
1862 }
1863
1864 .Processes .cbi-section-table input.cbi-input-remove,
1865 .Processes .cbi-section-table div.cbi-section-remove input,
1866 .Startup .cbi-section-table input.cbi-input-remove,
1867 .Startup .cbi-section-table div.cbi-section-remove input  {
1868           background-image: url("../icons/cbi/remove.gif");
1869           background-position: 7px 4px;
1870           padding: 3px 9px 3px 27px;
1871 }
1872
1873 .Processes .cbi-section-table input.cbi-input-reset,
1874 .Processes .cbi-section-table input.cbi-button-reset,
1875 .Startup .cbi-section-table input.cbi-input-reset,
1876 .Startup .cbi-section-table input.cbi-button-reset  {
1877           background-image: url("../icons/cbi/reset.gif");
1878           background-position: 7px 4px;
1879           padding: 3px 9px 3px 27px;
1880 }
1881
1882 .Startup .cbi-section-table input.cbi-input-save,
1883 .Startup .cbi-section-table input.cbi-button-save {
1884           background-image: url("../icons/cbi/save.gif");
1885           background-position: 7px 4px;
1886           padding: 3px 9px 3px 27px;
1887 }
1888
1889 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1890         padding: 0;
1891         border: 0;
1892 }
1893
1894 .close {
1895         float: right;
1896         color: #000000;
1897         font-size: 20px;
1898         font-weight: bold;
1899         line-height: 13.5px;
1900         text-shadow: 0 1px 0 #ffffff;
1901         filter: alpha(opacity=25);
1902         -khtml-opacity: 0.25;
1903         -moz-opacity: 0.25;
1904         opacity: 0.25;
1905 }
1906
1907 .close:hover {
1908         color: #000000;
1909         text-decoration: none;
1910         filter: alpha(opacity=40);
1911         -khtml-opacity: 0.4;
1912         -moz-opacity: 0.4;
1913         opacity: 0.4;
1914 }
1915
1916 .alert-message {
1917         position: relative;
1918         padding: 7px 15px;
1919         margin-bottom: 18px;
1920         color: #404040;
1921         background-color: #eedc94;
1922         background-repeat: repeat-x;
1923         background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1924         background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1925         background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1926         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1927         background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1928         background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1929         background-image: linear-gradient(top, #fceec1, #eedc94);
1930         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1931         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1932         border-color: #eedc94 #eedc94 #e4c652;
1933         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1934         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1935         border-width: 1px;
1936         border-style: solid;
1937         -webkit-border-radius: 4px;
1938         -moz-border-radius: 4px;
1939         border-radius: 4px;
1940         -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1941         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1942         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1943 }
1944
1945 .alert-message .close {
1946         margin-top: 1px;
1947         *margin-top: 0;
1948 }
1949
1950 .alert-message a {
1951         font-weight: bold;
1952         color: #404040;
1953 }
1954
1955 .alert-message.danger p a,
1956 .alert-message.error p a,
1957 .alert-message.success p a,
1958 .alert-message.info p a {
1959         color: #ffffff;
1960 }
1961
1962 .alert-message h5 {
1963         line-height: 18px;
1964 }
1965
1966 .alert-message p {
1967         margin-bottom: 0;
1968 }
1969
1970 .alert-message div {
1971         margin-top: 5px;
1972         margin-bottom: 2px;
1973         line-height: 28px;
1974 }
1975
1976 .alert-message .btn {
1977         -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1978         -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1979         box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1980 }
1981
1982 .label {
1983         padding: 1px 3px 2px;
1984         font-size: 9.75px;
1985         font-weight: bold;
1986         color: #ffffff !important;
1987         text-transform: uppercase;
1988         white-space: nowrap;
1989         background-color: #bfbfbf;
1990         -webkit-border-radius: 3px;
1991         -moz-border-radius: 3px;
1992         border-radius: 3px;
1993         text-shadow: none;
1994 }
1995
1996 a.label:link,
1997 a.label:visited {
1998         color: #ffffff;
1999 }
2000
2001 a.label:hover {
2002         text-decoration: none;
2003 }
2004
2005 .label.important {
2006         background-color: #c43c35;
2007 }
2008
2009 .label.warning {
2010         background-color: #f89406;
2011 }
2012
2013 .label.success {
2014         background-color: #46a546;
2015 }
2016
2017 .label.notice {
2018         background-color: #62cffc;
2019 }
2020
2021 /* LuCI specific items */
2022 .hidden { display: none }
2023
2024 #memtotal > div,
2025 #memfree > div,
2026 #memcache > div,
2027 #membuff > div,
2028 #conns > div  {
2029           border: 1px solid #CCCCCC;
2030           border-radius: 3px 3px 3px 3px;
2031           color: #808080;
2032           display: inline-block;
2033           font-size: 13px;
2034           height: 22 dpx;
2035           line-height: 18px;
2036 }
2037
2038 #xhr_poll_status {
2039           cursor: pointer;
2040 }
2041
2042 form.inline { display: inline }
2043
2044 header .pull-right { padding-top: 8px; }
2045
2046 #modemenu li:last-child span.divider { display: none }
2047
2048 #syslog {  width: 100%; }
2049
2050 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
2051         background-color: #f9f9f9;
2052 }
2053
2054 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th  {
2055         background-color: #f5f5f5;
2056 }
2057
2058 .cbi-section-table tr.cbi-section-table-descr th {
2059         font-weight: normal;
2060 }
2061
2062 .left { text-align: left !important; }
2063
2064 .right { text-align: right !important; }
2065
2066 .cbi-value-field { line-height: 1.5em; }
2067
2068 .cbi-value-field input[type=checkbox],
2069 .cbi-value-field input[type=radio] {
2070         margin-top: 8px;
2071         margin-right: 6px;
2072 }
2073
2074 table table td,
2075 .cbi-value-field table td {
2076         border: none;
2077 }
2078
2079 table.cbi-section-table input,
2080 table.cbi-section-table textarea,
2081 table.cbi-section-table select {
2082         width: auto;
2083 }
2084
2085 table.cbi-section-table td.cbi-section-table-cell {
2086         white-space: nowrap;
2087 }
2088
2089 table.cbi-section-table td.cbi-section-table-cell select {
2090         width: inherit;
2091 }
2092
2093 .ifacebox {
2094         background-color: #FFFFFF;
2095         border: 1px solid #CCCCCC;
2096         margin: 0 10px;
2097         text-align: center;
2098         white-space: nowrap;
2099         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
2100         background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2101         background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
2102         background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2103         background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2104         background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2105         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
2106         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
2107         -webkit-border-radius: 4px;
2108         -moz-border-radius: 4px;
2109         border-radius: 4px;
2110         -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2111         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2112         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2113 }
2114
2115 .ifacebox .ifacebox-head {
2116         border-bottom: 1px solid #CCCCCC;
2117         padding: 2px;
2118 }
2119
2120 .ifacebox .ifacebox-body {
2121         padding: 6px;
2122 }
2123
2124 .ifacebadge {
2125         display: inline-block;
2126         white-space: nowrap;
2127         background-color: #FFFFFF;
2128         border: 1px solid #CCCCCC;
2129         padding: 2px;
2130         margin-left: 2px;
2131         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
2132         background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2133         background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
2134         background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2135         background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2136         background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2137         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
2138         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
2139         -webkit-border-radius: 4px;
2140         -moz-border-radius: 4px;
2141         border-radius: 4px;
2142         -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2143         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2144         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2145 }
2146
2147 .ifacebadge > img {
2148         width: 16px;
2149         height: 16px;
2150         vertical-align: middle;
2151 }
2152
2153 .ifacebadge-active {
2154         border-color: #000000;
2155         font-weight: bold;
2156 }
2157
2158 .zonebadge {
2159         padding: 2px;
2160         border-radius: 4px;
2161         display: inline-block;
2162         white-space: nowrap;
2163         color: #666666;
2164         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
2165         cursor: pointer;
2166 }
2167
2168 .zonebadge > em,
2169 .zonebadge > strong {
2170         margin: 5px;
2171         display: inline-block;
2172 }
2173
2174 .zonebadge input {
2175         width: 6em;
2176         height: 1em;
2177 }
2178
2179 .zonebadge-empty {
2180         border: 1px dashed #AAAAAA;
2181         color: #AAAAAA;
2182         font-style: italic;
2183         font-size: smaller;
2184 }
2185
2186 .progressbar {
2187         position: relative;
2188         width: 200px;
2189         border: 1px solid #999999;
2190         border-radius: 3px;
2191 }
2192
2193 .progressbar > div {
2194         background-color: #CCCCCC;
2195         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), color-stop(25%, #CCCCCC), to(#E6E6E6));
2196         background-image: -webkit-linear-gradient(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2197         background-image: -moz-linear-gradient(top, #CCCCCC, #CCCCCC 25%, #E6E6E6);
2198         background-image: -ms-linear-gradient(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2199         background-image: -o-linear-gradient(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2200         background-image: linear-gradient(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2201         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#E6E6E6', GradientType=0);
2202         height: 15px;
2203 }
2204
2205 .progressbar.intermediate > div {
2206         background-image: url("../icons/progress.gif");
2207         filter: alpha(opacity=25);
2208         -khtml-opacity: 0.25;
2209         -moz-opacity: 0.25;
2210         opacity: 0.25;
2211 }
2212
2213 .progressbar > div > div {
2214         line-height: 15px;
2215         font-size: smaller;
2216         color: #000000;
2217         text-shadow: 1px 1px 0 #FFFFFF;
2218         text-align: center;
2219         position: absolute;
2220         width: 200px;
2221         left: 0;
2222         top: 0;
2223 }
2224
2225 .progressbar.intermediate > div > div {
2226         display: none;
2227 }
2228
2229 div.cbi-value var,
2230 td.cbi-value-field var {
2231         font-style: italic;
2232         color: #0069D6;
2233 }
2234
2235 .uci-change-list {
2236         font-family: monospace;
2237 }
2238
2239 .uci-change-list ins,
2240 .uci-change-legend-label ins {
2241         text-decoration: none;
2242         border: 1px solid #00FF00;
2243         background-color: #CCFFCC;
2244         display: block;
2245         padding: 2px;
2246 }
2247
2248 .uci-change-list del,
2249 .uci-change-legend-label del {
2250         text-decoration: none;
2251         border: 1px solid #FF0000;
2252         background-color: #FFCCCC;
2253         display: block;
2254         font-style: normal;
2255         padding: 2px;
2256 }
2257
2258 .uci-change-list var,
2259 .uci-change-legend-label var {
2260         text-decoration: none;
2261         border: 1px solid #CCCCCC;
2262         background-color: #EEEEEE;
2263         display: block;
2264         font-style: normal;
2265         padding: 2px;
2266 }
2267
2268 .uci-change-list var ins,
2269 .uci-change-list var del {
2270         /*display: inline;*/
2271         border: none;
2272         white-space: pre;
2273         font-style: normal;
2274         padding: 0px;
2275 }
2276
2277 .uci-change-legend {
2278         padding: 5px;
2279 }
2280
2281 .uci-change-legend-label {
2282         width: 150px;
2283         float: left;
2284 }
2285
2286 .uci-change-legend-label>ins,
2287 .uci-change-legend-label>del,
2288 .uci-change-legend-label>var {
2289         float: left;
2290         margin-right: 4px;
2291         width: 10px;
2292         height: 10px;
2293         display: block;
2294 }
2295
2296 .uci-change-legend-label var ins,
2297 .uci-change-legend-label var del {
2298         line-height: 6px;
2299         border: none;
2300 }