[Summary view] [Print] [Text view]

   1  /* $Id: style.css,v 1.33.2.46 2010/06/06 20:16:22 sign Exp $ */
   2  
   3  html {
   4    overflow-y: scroll;
   5  }
   6  
   7  body {
   8    margin: 0px;
   9    padding: 0px;
  10    background: #fff;
  11  }
  12  
  13  body, p, div, span, td, th, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  14    font-family: Arial, Tahoma, Helvetica, sans-serif;
  15  }
  16  
  17  body, p, div, span, td, th, input, select, textarea {
  18    font: 13px/160% Arial, Tahoma, Helvetica, sans-serif;
  19  }
  20  
  21  a, a:active {
  22    color: #027ac6;
  23    text-decoration: underline;
  24  }
  25  
  26  a:hover {
  27    text-decoration: none;
  28  }
  29  
  30  a:focus {
  31    outline-style: none;
  32  }
  33  
  34  h1 {
  35    margin: 0px;
  36  }
  37  
  38  .clear {
  39    clear: both;
  40  }
  41  
  42  /* slightly enhanced, universal clearfix hack */
  43  .clearfix:after {
  44    visibility: hidden;
  45    display: block;
  46    font-size: 0;
  47    content: " ";
  48    clear: both;
  49    height: 0;
  50  }
  51  
  52  .clearfix {
  53    display: inline-block;
  54  }
  55  
  56  /* start commented backslash hack \*/
  57  * html .clearfix { height: 1%; }
  58  .clearfix { display: block; }
  59  /* close commented backslash hack */
  60  
  61  /*
  62   * page layout
  63   */
  64  
  65  #toppanel-head {
  66    font-size: .8em;
  67    color: #ffffff;
  68    background: #313332 url(images/header_bg.png) repeat-x bottom;
  69    text-align: center;
  70    height: 28px;
  71  }
  72  
  73  #go-home {
  74    float: left;
  75    padding: 4px 0 0 32px;
  76    background: url(images/gohome.png) no-repeat 6px 6px;
  77  }
  78  
  79  #go-home a, #admin-links a {
  80    color: #fff;
  81    text-decoration: none;
  82  }
  83  
  84  #go-home a:hover, #admin-links a:hover {
  85    text-decoration: underline;
  86  }
  87  
  88  #header-title {
  89    padding: 0;
  90    color: #a7a7a7;
  91  }
  92  
  93  #admin-links {
  94    color: #fff;
  95    float: right;
  96    padding: 0px;
  97    margin: 4px 10px 0 0;
  98  }
  99  
 100  #admin-links .user-name {
 101    font-weight: bold;
 102  }
 103  
 104  #admin-links .user-logout:hover {
 105    text-decoration: none;
 106  }
 107  
 108  #admin-links .user-logout span {
 109    visibility: hidden;
 110  }
 111  
 112  /*
 113   * Main navigation tabs
 114   */
 115  .rootcandyspan {
 116    padding: 0 5px;
 117  }
 118  
 119  /* top navigation */
 120  #navigation {
 121    width: 100%;
 122    line-height: normal;
 123    position: relative;
 124    min-height: 24px;
 125    height:auto !important;
 126    height: 24px;
 127    padding-top: 28px;
 128    background: url(images/navigation_bg.png) repeat-x bottom;
 129    background-color: #b2c8d3;
 130    color: #b2c8d3;
 131  }
 132  
 133  #navigation .item-list {
 134    font-size: 94%;
 135    line-height: normal;
 136  }
 137  
 138  #navigation.header-on {
 139    padding-top: 26px;
 140  }
 141  
 142  #navigation.i16 {
 143    min-height: 44px;
 144    height:auto !important;
 145    height: 44px;
 146  }
 147  
 148  #navigation.i24 {
 149    min-height: 50px;
 150    height:auto !important;
 151    height: 50px;
 152  }
 153  
 154  #navigation.i32 {
 155    min-height: 58px;
 156    height:auto !important;
 157    height: 58px;
 158  }
 159  
 160  #navigation ul {
 161    margin: 0;
 162    padding: 5px 10px 0;
 163    list-style: none;
 164    position: absolute;
 165    bottom: 0;
 166  }
 167  
 168  #navigation li {
 169    float: left;
 170    margin: 0;
 171    padding: 0 0 0 5px;
 172    text-align: center;
 173    list-style-type: none;
 174  }
 175  
 176  #navigation a {
 177    float: left;
 178    display: block;
 179    padding: 5px 11px 1px 6px;
 180    text-decoration: none;
 181    font-weight: normal;
 182    color: #000;
 183  }
 184  
 185  #navigation a:hover {
 186    color: #c0c0c0;
 187  }
 188  
 189  #navigation #current-32 {
 190    background: url(images/tabs/tableft_big.png) no-repeat left top;
 191    position: relative;
 192    top: 1px;
 193  }
 194  
 195  #navigation #current-32 a {
 196    background: url(images/tabs/tabright_big.png) no-repeat right top;
 197    color: #027ac6;
 198    padding-bottom: 2px;
 199  }
 200  
 201  #navigation #current-24, #navigation #current-16 {
 202    background: url(images/tabs/tableft.png) no-repeat left top;
 203    position: relative;
 204    top: 0px;
 205  }
 206  
 207  #navigation #current-24 a, #navigation #current-16 a {
 208    background: url(images/tabs/tabright.png) no-repeat right top;
 209    color: #027ac6;
 210    padding-bottom: 3px;
 211  }
 212  
 213  #navigation #current {
 214    background: url(images/tabs/tableft_small.png) no-repeat left top;
 215    position: relative;
 216    top: 0px;
 217  }
 218  
 219  #navigation #current a {
 220    background: url(images/tabs/tabright_small.png) no-repeat right top;
 221    color: #027ac6;
 222    padding-bottom: 3px;
 223  }
 224  
 225  #navigation #logo {
 226    float: right;
 227    padding: 5px 20px 5px 5px;
 228  }
 229  
 230  .content-in {
 231    background: url(images/content_bg.gif);
 232    margin: 5px;
 233    font-size: 90%;
 234    float: left;
 235    width: 100%;
 236    margin: 0 5px 0 0;
 237  }
 238  
 239  ul#rootcandy-menu {
 240    width: 211px;
 241    margin: 0;
 242    padding: 0;
 243  }
 244  
 245  #rootcandy-menu li {
 246    padding: 2px;
 247    text-align: right;
 248    padding-right: 8px;
 249    list-style: none;
 250  }
 251  
 252  #rootcandy-menu li.active {
 253    background-color: #fff;
 254    border-top: 1px solid #dcf0f6;
 255    border-bottom: 1px solid #dcf0f6;
 256  }
 257  
 258  #rootcandy-menu li.active a, #rootcandy-menu a.active-trail {
 259    color: #000;
 260    font-weight: bold;
 261  }
 262  
 263  #content-main {
 264    background-color: #f3f7fc;
 265  }
 266  
 267  #rootcandy-menu a {
 268    text-decoration: none;
 269    font-size: 90%;
 270  }
 271  
 272  #rootcandy-menu a.active {
 273    color: #f00;
 274    font-weight: bold;
 275  }
 276  
 277  div.admin-content {
 278    padding: 10px;
 279    min-height: 200px;
 280  }
 281  
 282  #placeholder {
 283    height: 1em;
 284  }
 285  
 286  #content-wrap {
 287    background: white;
 288    min-width: 780px;
 289    max-width: 1260px;
 290    margin: 0 auto 10px auto;
 291    clear: both;
 292    width: expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "99%");
 293  }
 294  
 295  #content-wrap #inside {
 296    margin: 0 10px 0 0;
 297    padding: 0;
 298  }
 299  
 300  #content {
 301    padding-left: 10px;
 302    padding-top: 0px;
 303    background: #fff;
 304  }
 305  
 306  .sidebar-left #content {
 307    padding-left: 210px;
 308  }
 309  
 310  .sidebar-right #content {
 311    padding-right: 210px;
 312  }
 313  
 314  .sidebars #content {
 315    padding-left: 210px;
 316    padding-right: 210px;
 317  }
 318  
 319  #sidebar-right {
 320    width: 210px;
 321    float: right;
 322  }
 323  
 324  #sidebar-left {
 325    width: 210px;
 326    float: left;
 327  }
 328  
 329  .t {background: #f4f7f8 url(images/window/t.gif) 0 0 repeat-x;}
 330  .b {background: url(images/window/b.gif) 0 100% repeat-x}
 331  .l {background: url(images/window/l.gif) 0 0 repeat-y}
 332  .r {background: url(images/window/r.gif) 100% 0 repeat-y}
 333  .bl {background: url(images/window/bl.gif) 0 100% no-repeat}
 334  .br {background: url(images/window/br.gif) 100% 100% no-repeat}
 335  .tl {background: url(images/window/tl.gif) 0 0 no-repeat}
 336  .tr {background: url(images/window/tr.gif) 100% 0 no-repeat; padding: 10px}
 337  
 338  .navigation-menu {
 339    margin: 20px;
 340  }
 341  
 342  .navigation-menu dd {
 343    color: #a0a0a0;
 344    padding-bottom: 10px;
 345  }
 346  
 347  /* tables */
 348  table {
 349    font-size: 12px;
 350    width: 100%;
 351    margin: 0 0 5px 0;
 352  }
 353  
 354  thead {
 355    border: 1px solid #cad4e6;
 356    background: #e0ecff;
 357    color: #027AC6;
 358    text-shadow: 0 1px 0 #fff;
 359  }
 360  
 361  thead th {
 362    font-weight: bold;
 363    padding: 2px 6px;
 364    border: 0;
 365  }
 366  
 367  tr.even {
 368    border: 1px solid #cad4e6;
 369    background: url(images/content_bg.gif) repeat-x left top;
 370  }
 371  
 372  tr.odd {
 373    border: 1px solid #cad4e6;
 374    background-image: none;
 375    background-color: #fff;
 376  }
 377  
 378  td {
 379    padding: 1px 4px;
 380  }
 381  
 382  .collapse-processed {
 383    background: #ddd;
 384    padding: 2px;
 385    font-size: 0.92em;
 386    color: #fff;
 387    -moz-border-radius: 2px;
 388    -webkit-border-radius: 2px;
 389    padding-right: 4px;
 390  }
 391  
 392  .collapse-processed a {
 393    color: #333;
 394    text-decoration: none;
 395    text-shadow: 0 1px 0 #e0e0e0;
 396    font-weight: bold;
 397  }
 398  
 399  .content-add-more {
 400    background: url('icons/i16/misc/add.png') no-repeat left center;
 401    padding-left: 20px;
 402    margin-bottom: 20px;
 403    margin-left: 40px;
 404  }
 405  
 406  span.form-required {
 407    color: #ffae00;
 408  }
 409  
 410  span.submitted, .description {
 411    font-size: 0.92em;
 412    color: #666;
 413  }
 414  
 415  .description {
 416    line-height: 150%;
 417    margin-bottom: .75em;
 418    color: #666;
 419  }
 420  
 421  /* status messages */
 422  div.messages, div.preview, div.help {
 423    border: 1px solid;
 424    margin: 10px 0px;
 425    padding: 15px 10px 15px 50px;
 426    background-repeat: no-repeat;
 427    background-position: 10px 50%;
 428    font-weight: normal;
 429    background-color: #fff;
 430  }
 431  
 432  div.messages ul {
 433    margin: 0;
 434    padding: 0;
 435  }
 436  
 437  div.messages ul li {
 438    list-style-type: none;
 439    list-style-image: none;
 440  }
 441  
 442  div.help {
 443    border: 1px solid #e7e7e7;
 444    background-color: #f7f7f7;
 445  }
 446  
 447  .help p {
 448    margin: 5px;
 449  }
 450  
 451  div.status {
 452    color: #00529B;
 453    background-color: #bde5f8;
 454  }
 455  
 456  div.status a, div.status a:visited {
 457    color: #00529B;
 458    font-weight: bold;
 459  }
 460  
 461  div.warning {
 462    color: #9f6000;
 463    background-color: #feefb3;
 464  }
 465  
 466  div.warning a, div.warning a:visited {
 467    color: #9f6000;
 468    font-weight: bold;
 469  }
 470  
 471  div.error, tr.error {
 472    color: #a30000;
 473    background-color: #FFCCCC;
 474  }
 475  
 476  div.error a, div.error a:visited {
 477    color: #a30000;
 478    font-weight: bold;
 479  }
 480  
 481  .block-region {
 482    padding: .5em;
 483    background: transparent;
 484    border: 1px dashed #b4d7f0;
 485    text-align: center;
 486    font-size: 1em;
 487  }
 488  
 489  .block {
 490    padding: 0 .5em;
 491  }
 492  
 493  .block h2 {
 494    font-weight: bold;
 495    line-height: 1.8em;
 496    font-size: 1.2em;
 497    color: #027ac6;
 498    font-size: 100%;
 499    padding: 0;
 500    margin: 0;
 501    background: none;
 502  }
 503  
 504  .block .content {
 505    font-size: 90%;
 506  }
 507  
 508  #footer {
 509    clear: both;
 510    text-align: center;
 511  }
 512  
 513  .node-form .standard  {
 514    clear: none;
 515  }
 516  
 517  #TB_ajaxContent fieldset {
 518    display: inline;
 519  }
 520  
 521  #fieldsetcontainer a {
 522    margin: 2px;
 523  }
 524  
 525  #fieldsetcontainer a:hover {
 526    color: #000;
 527  }
 528  
 529  ul.primary{
 530    border: none;
 531  }
 532  
 533  ul.primary li a, ul.primary li.active a {
 534    border: none;
 535  }
 536  
 537  #breadcrumb .alone {
 538    padding: 20px;
 539  }
 540  
 541  .breadcrumb {
 542    font-size: 80%;
 543    padding-left: 22px;
 544    color: #a0a0a0;
 545    float: left;
 546  }
 547  
 548  #breadcrumb h2 {
 549    float: right;
 550    padding: 0;
 551    margin: 0;
 552    padding-right: 20px;
 553    color: #027ac6;
 554    font-size: 120%;
 555    font-weight: bold;
 556  }
 557  
 558  h2#title {
 559    margin-top: 4px;
 560  }
 561  
 562  .admin-list a {
 563    font-weight: bold;
 564    line-height: 1.8em;
 565  }
 566  
 567  /* default styling for all form buttons */
 568  input.form-submit, input.teaser-button {
 569    background: transparent url(images/buttons/blue-button.png) no-repeat top;
 570    border: 1px solid #fff;
 571    color: #fff;
 572    cursor: pointer;
 573    font-size: 96%;
 574    font-weight: bold;
 575    margin: 0 4px;
 576    padding: 2px 4px;
 577    text-transform: uppercase;
 578    outline: 1px solid #9BABB0;
 579    -moz-border-radius: 4px;
 580    -moz-outline-radius: 4px;
 581    -webkit-border-radius: 4px;
 582  }
 583  
 584  .node-form input#edit-submit.form-submit, input#edit-save.form-submit {
 585    background: transparent url(images/buttons/green-button.png) no-repeat top;
 586  }
 587  
 588  input#edit-delete.form-submit,
 589  #system-modules-uninstall input#edit-submit,
 590  #user-multiple-delete-confirm input#edit-submit {
 591    background: transparent url(images/buttons/red-button.png) no-repeat top;
 592  }
 593  
 594  input.form-submit:hover,
 595  input.teaser-button:hover,
 596  input#edit-save.form-submit,
 597  .node-form input#edit-submit.form-submit:hover,
 598  input#edit-delete.form-submit:hover,
 599   #system-modules-uninstall input#edit-submit:hover,
 600  #user-multiple-delete-confirm input#edit-submit:hover   {
 601    background-position: bottom;
 602    cursor: pointer;
 603  }
 604  
 605  input#edit-save.form-submit[disabled], input.disabled {
 606    background: transparent url(images/buttons/grey-button.png) no-repeat top;
 607  }
 608  
 609  #legal-notice {
 610    font-size: 80%;
 611    color: #999;
 612    text-align: center;
 613  }
 614  
 615  #legal-notice a {
 616    background: transparent url(images/extlink.gif) no-repeat scroll right center;
 617    padding-right: 12px;
 618  }
 619  
 620  /*
 621   * tabs in content
 622   */
 623  .level-1 h2 {
 624    color: #027ac6;
 625    font-size: 120%;
 626    font-weight: bold;
 627  }
 628  
 629  #tabs-primary {
 630    width: 100%;
 631    font-size: 93%;
 632    line-height: normal;
 633    background: url(images/tabs/bg.gif) repeat-x bottom;
 634    float: left;
 635  }
 636  
 637  #tabs-primary ul {
 638    margin: 0;
 639    padding: 0;
 640    list-style: none;
 641  }
 642  
 643  #tabs-primary li {
 644    float: left;
 645    margin: 0;
 646    padding: 0 0 0 9px;
 647  }
 648  
 649  #tabs-primary a {
 650    float: left;
 651    display: block;
 652    padding: 5px 15px 4px 6px;
 653    text-decoration: none;
 654    font-weight: bold;
 655    color: #027ac6;
 656    background: none;
 657  }
 658  
 659  /* Commented Backslash Hack hides rule from IE5-Mac \*/
 660  #tabs-primary a {
 661    float: none;
 662  }
 663  /* End IE5-Mac hack */
 664  
 665  #tabs-primary a:hover {
 666    color: #000;
 667    text-decoration: underline;
 668  }
 669  
 670  #tabs-primary .active {
 671    background: url(images/tabs/left.gif) no-repeat left top;
 672  }
 673  
 674  #tabs-primary .active a {
 675    background: url(images/tabs/right.gif) no-repeat right top;
 676    color: #333;
 677    padding-bottom: 5px;
 678  }
 679  
 680  #tabs-secondary {
 681    border: none;
 682    width: 100%;
 683    font-size: 93%;
 684    line-height: normal;
 685    background: url(images/tabs/bg-2.gif) repeat-x bottom;
 686    float: left;
 687  }
 688  
 689  #tabs-secondary ul {
 690    margin: 0;
 691    padding: 0;
 692    list-style: none;
 693    border: none;
 694  }
 695  
 696  #tabs-secondary li {
 697    float: left;
 698    margin: 0;
 699    padding: 0 0 0 9px;
 700    border: none;
 701  }
 702  
 703  #tabs-secondary a {
 704    float: left;
 705    display: block;
 706    padding: 5px 15px 4px 6px;
 707    text-decoration: none;
 708    font-weight: bold;
 709    color: #027ac6;
 710    background: none;
 711    border: none;
 712  }
 713  
 714  /* Commented Backslash Hack hides rule from IE5-Mac \*/
 715  #tabs-secondary a {
 716    float: none;
 717  }
 718  /* End IE5-Mac hack */
 719  
 720  #tabs-secondary a:hover {
 721    color: #000;
 722  }
 723  
 724  #tabs-secondary .active {
 725    background: url(images/tabs/left-2.gif) no-repeat left top;
 726    color: #000;
 727  }
 728  
 729  #tabs-secondary .active a {
 730    background: url(images/tabs/right-2.gif) no-repeat right top;
 731    color: #000;
 732    padding-bottom: 5px;
 733  }
 734  
 735  /*
 736   * pager
 737   */
 738  
 739  .item-list .pager li {
 740    padding: 0;
 741    margin: 2px;
 742  }
 743  
 744  .pager li.pager-current, .pager li a {
 745    background: transparent url(images/buttons/blue-button.png) no-repeat top;
 746    -moz-border-radius-bottomleft:2px;
 747    -moz-border-radius-bottomright:2px;
 748    -moz-border-radius-topleft:2px;
 749    -moz-border-radius-topright:2px;
 750    border:1px solid #90C2E1;
 751    margin:0;
 752    border: 1px solid #fff;
 753    color: #fff;
 754    cursor: pointer;
 755    font-size: 96%;
 756    font-weight: bold;
 757    text-transform: uppercase;
 758    outline: 1px solid #9BABB0;
 759    -moz-border-radius: 4px;
 760    -moz-outline-radius: 4px;
 761    -webkit-border-radius: 4px;
 762    padding: 2px 4px;
 763    text-decoration: none;
 764  }
 765  
 766  .pager a:hover,
 767  .pager li.pager-current {
 768    background: transparent url(images/buttons/blue-button.png) no-repeat bottom;
 769    text-decoration:none;
 770    color: #000;
 771  }
 772  
 773  .pager a,
 774  .pager li.pager-current {
 775    padding: 2px 4px;
 776  }
 777  
 778  .pager {
 779    text-align:center;
 780  }
 781  
 782  /*
 783   * node-add-list
 784   */
 785  
 786  .node-type-list a {
 787    font-weight: bold;
 788  }
 789  
 790  /*
 791   * views
 792   */
 793  
 794  #views-ui-admin-tools input#edit-clear-cache {
 795    margin-top: 5px;
 796  }
 797  
 798  #views-ui-edit-view-form {
 799    margin-top: 10px;
 800  }
 801  
 802  #edit-add-display {
 803    margin-bottom: 10px;
 804  }
 805  
 806  .remove-display input.form-submit {
 807    background: transparent url(images/buttons/red-button.png) no-repeat top;
 808  }
 809  
 810  .remove-display input.form-submit:hover  {
 811    background-position: bottom;
 812    cursor: pointer;
 813  }
 814  
 815  .views-tabset {
 816    background: transparent;
 817  }
 818  
 819  #views-ui-analyze-view-button {
 820    margin: 10px 0;
 821  }
 822  
 823  /* dashboard */
 824  #dashboard-left {
 825    float: left;
 826    width: 48%;
 827  }
 828  
 829  #dashboard-right {
 830    float: right;
 831    width: 48%;
 832  }
 833  
 834  #dashboard-left h2, #dashboard-right h2 {
 835    border: 1px solid #e7e7e7;
 836    background-color: #f7f7f7;
 837    padding: 6px;
 838  }
 839  
 840  #dashboard-left .block, #dashboard-right .block {
 841    margin: 0;
 842    padding: 0;
 843  }
 844  
 845  #dashboard-left .block .content, #dashboard-right .block .content {
 846    padding: 5px 10px;
 847  }
 848  
 849  #dashboard-left h3, #dashboard-right h3 {
 850    padding: 0;
 851    margin: 0px 2px;
 852  }
 853  
 854  /* sliding panel */
 855  
 856  #toppanel {
 857    position: absolute;   /*Panel will overlap  content */
 858    /*position: relative;*/   /*Panel will "push" the content down */
 859    width: 100%;
 860    z-index: 999;
 861    text-align: center;
 862    margin-left: auto;
 863    margin-right: auto;
 864  }
 865  
 866  #panel {
 867    width: 100%;
 868    height: 300px;
 869    color: #999;
 870    background: #313332 url(images/panel/panel_content_bg.png);
 871    overflow: hidden;
 872    overflow-y: auto;
 873    position: relative;
 874    z-index: 3;
 875    display: none;
 876  }
 877  
 878  
 879  #toggle, #toggle ul {
 880    margin: 0 auto;
 881    padding: 0;
 882    list-style: none;
 883    width: 160px;
 884  }
 885  
 886  #toggle li {
 887    float: none;
 888    margin: 0;
 889    padding: 0 0 0 5px;
 890    text-align: center;
 891  }
 892  
 893  #toggle a {
 894    float: none;
 895    display: block;
 896    padding: 5px 11px 1px 6px;
 897    text-decoration: none;
 898    font-weight: normal;
 899    color: #000;
 900  }
 901  
 902  #toggle li {
 903    background: url(images/panel/panel_left.png) no-repeat left top;
 904    position: relative;
 905    top: 0px;
 906  }
 907  
 908  #toggle li a {
 909    background: url(images/panel/panel_bg.png) no-repeat right top;
 910    color: #fff;
 911    padding: 0 0 3px 0;
 912  }
 913  
 914  #toggle li a .panel-open {
 915    background: url(images/panel/panel_open.png) no-repeat left top;
 916    padding-left: 20px;
 917  }
 918  
 919  #toggle li a .panel-close {
 920    background: url(images/panel/panel_close.png) no-repeat left top;
 921    padding-left: 20px;
 922  }
 923  
 924  /* regions in slider */
 925  #slider-middle {
 926    padding-left: 210px;
 927    padding-right: 210px;
 928  }
 929  
 930  #slider-right {
 931    width: 210px;
 932    float: right;
 933  }
 934  
 935  #slider-left {
 936    width: 210px;
 937    float: left;
 938  }
 939  
 940  #maintenance {
 941    border: 5px solid #e0e1e1;
 942    width: 700px;
 943    margin: 30px auto;
 944    background-color: #f0f0f0;
 945    padding: 10px;
 946  }
 947  
 948  #maintenance .maintenance-icon {
 949    float: left;
 950  }
 951  
 952  #maintenance .maintenance-content {
 953    margin: 13px 10px 10px 10px;
 954  }
 955  
 956  #maintenance .maintenance-content-p {
 957    margin: 13px 10px 10px 10px;
 958  }
 959  
 960  /* Vertical tabs */
 961  .vertical-tabs-list li {
 962    background: #fff;
 963  }
 964  
 965  .vertical-tabs-list li.selected {
 966    background: url(images/content_bg.gif);
 967  }
 968  
 969  .vertical-tabs-list .summary {
 970    color: #898989;
 971  }
 972  
 973  /*
 974   * Labels
 975   */
 976  label {
 977    background-color: #e9eff2;
 978    padding: 1px;
 979    margin: 1px;
 980    display: normal;
 981    width: 100%;
 982  }
 983  
 984  label.option {
 985    background-color: transparent;
 986  }
 987  
 988  fieldset.collapsible .fieldset-wrapper {
 989    overflow: hidden !important;
 990  }
 991  
 992  fieldset {
 993    border: 1px solid #ddd;
 994  }
 995  
 996  table label {
 997    background-color: transparent;
 998  }
 999  
1000  /*
1001   * Admin menu
1002   */
1003  #admin-menu-wrapper {
1004    font-size: 9px;
1005    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
1006  }
1007  
1008  /*******************************************************************
1009   * Color Module: Don't touch                                       *
1010   *******************************************************************/
1011  
1012  .level-1 {
1013    border-bottom: 1px solid #d2dada;
1014    border-right: 1px solid #d2dada;
1015    border-left: 1px solid #d2dada;
1016    border-top: 0;
1017    background: #f2f2f2;
1018    padding: 4px;
1019    clear: both;
1020  }
1021  
1022  .level-2 {
1023    border-bottom: 1px solid #dcdcdc;
1024    border-right: 1px solid #dcdcdc;
1025    border-left: 1px solid #dcdcdc;
1026    border-top: 0;
1027    background: #fff;
1028    padding: 4px;
1029    clear: both;
1030  }
1031  
1032  span.admin-enabled, span.admin-disabled, span.admin-missing {
1033    background: #fff;
1034    padding: 2px;
1035    font-size: 0.92em;
1036    font-weight: bold;
1037    -moz-border-radius: 5px;
1038    -webkit-border-radius: 5px;
1039  }
1040  
1041  span.admin-enabled {
1042    color: #0fa000;
1043  }
1044  
1045  span.admin-missing {
1046    color: #333;
1047  }
1048  
1049  span.admin-disabled {
1050    color: #de4040;
1051  }
1052  
1053  .module-disabled {
1054    color: #aaa;
1055  }
1056  
1057  .module-disabled strong {
1058    text-shadow: 0 1px 0 #fff;
1059  }
1060  
1061  tr.highlight {
1062    background: #fffcc8;
1063  }
1064  
1065  html.js fieldset.collapsible legend a {
1066    background:url("images/exp_col.png") no-repeat scroll 5px 4px transparent;
1067    padding-left:20px;
1068  }
1069  
1070  html.js fieldset.collapsed legend a {
1071    background-position: 5px -20px;
1072  }
1073  
1074  div.admin {
1075    padding-top:0;
1076  }