[Summary view] [Print] [Text view]

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