[Summary view] [Print] [Text view]

   1  
   2  /**
   3   * Garland, for Drupal 6.x
   4   * Stefan Nagtegaal, iStyledThis [dot] nl
   5   * Steven Wittens, acko [dot] net`
   6   *
   7   * If you use a customized color scheme, you must regenerate it after
   8   * modifying this file.
   9   */
  10  
  11  /**
  12   * Generic elements
  13   */
  14  body {
  15    margin: 0;
  16    padding: 0;
  17    background: #edf5fa;
  18    font: 12px/170% Verdana, sans-serif;
  19    color: #494949;
  20  }
  21  
  22  input {
  23    font: 12px/100% Verdana, sans-serif;
  24    color: #494949;
  25  }
  26  
  27  textarea, select {
  28    font: 12px/160% Verdana, sans-serif;
  29    color: #494949;
  30  }
  31  
  32  h1, h2, h3, h4, h5, h6 {
  33    margin: 0;
  34    padding: 0;
  35    font-weight: normal;
  36    font-family: Helvetica, Arial, sans-serif;
  37  }
  38  
  39  h1 {
  40    font-size: 170%;
  41  }
  42  
  43  h2 {
  44    font-size: 160%;
  45    line-height: 130%;
  46  }
  47  
  48  h3 {
  49    font-size: 140%;
  50  }
  51  
  52  h4 {
  53    font-size: 130%;
  54  }
  55  
  56  h5 {
  57    font-size: 120%;
  58  }
  59  
  60  h6 {
  61    font-size: 110%;
  62  }
  63  
  64  ul, quote, code, fieldset {
  65    margin: .5em 0;
  66  }
  67  
  68  p {
  69    margin: 0.6em 0 1.2em;
  70    padding: 0;
  71  }
  72  
  73  a:link, a:visited {
  74    color: #027AC6;
  75    text-decoration: none;
  76  }
  77  
  78  a:hover {
  79    color: #0062A0;
  80    text-decoration: underline;
  81  }
  82  
  83  a:active, a.active {
  84    color: #5895be;
  85  }
  86  
  87  hr {
  88    margin: 0;
  89    padding: 0;
  90    border: none;
  91    height: 1px;
  92    background: #5294c1;
  93  }
  94  
  95  ul {
  96    margin: 0.5em 0 1em;
  97    padding: 0;
  98  }
  99  
 100  ol {
 101    margin: 0.75em 0 1.25em;
 102    padding: 0;
 103  }
 104  
 105  ol li, ul li {
 106    margin: 0.4em 0 0.4em .5em; /* LTR */
 107  }
 108  
 109  ul.menu, .item-list ul {
 110    margin: 0.35em 0 0 -0.5em; /* LTR */
 111    padding: 0;
 112  }
 113  
 114  ul.menu ul, .item-list ul ul {
 115    margin-left: 0em; /* LTR */
 116  }
 117  
 118  ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
 119    margin: 0.15em 0 0.15em .5em; /* LTR */
 120  }
 121  
 122  ul li, ul.menu li, .item-list ul li, li.leaf {
 123    padding: 0 0 .2em 1.5em;
 124    list-style-type: none;
 125    list-style-image: none;
 126    background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
 127  }
 128  
 129  ol li {
 130    padding: 0 0 .3em;
 131    margin-left: 2em; /* LTR */
 132  }
 133  
 134  ul li.expanded {
 135    background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
 136  }
 137  
 138  ul li.collapsed {
 139    background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
 140  }
 141  
 142  ul li.leaf a, ul li.expanded a, ul li.collapsed a {
 143    display: block;
 144  }
 145  
 146  ul.inline li {
 147    background: none;
 148    margin: 0;
 149    padding: 0 1em 0 0; /* LTR */
 150  }
 151  
 152  ol.task-list {
 153    margin-left: 0; /* LTR */
 154    list-style-type: none;
 155    list-style-image: none;
 156  }
 157  ol.task-list li {
 158    padding: 0.5em 1em 0.5em 2em; /* LTR */
 159  }
 160  ol.task-list li.active {
 161    background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
 162  }
 163  ol.task-list li.done {
 164    color: #393;
 165    background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
 166  }
 167  ol.task-list li.active {
 168    margin-right: 1em; /* LTR */
 169  }
 170  
 171  fieldset ul.clear-block li {
 172    margin: 0;
 173    padding: 0;
 174    background-image: none;
 175  }
 176  
 177  dl {
 178    margin: 0.5em 0 1em 1.5em; /* LTR */
 179  }
 180  
 181  dl dt {
 182  }
 183  
 184  dl dd {
 185    margin: 0 0 .5em 1.5em; /* LTR */
 186  }
 187  
 188  img, a img {
 189    border: none;
 190  }
 191  
 192  table {
 193    margin: 1em 0;
 194    width: 100%;
 195  }
 196  
 197  thead th {
 198    border-bottom: 2px solid #d3e7f4;
 199    color: #494949;
 200    font-weight: bold;
 201  }
 202  
 203  th a:link, th a:visited {
 204    color: #6f9dbd;
 205  }
 206  
 207  td, th {
 208    padding: .3em .5em;
 209  }
 210  
 211  tr.even, tr.odd, tbody th {
 212    border: solid #d3e7f4;
 213    border-width: 1px 0;
 214  }
 215  
 216  tr.odd, tr.info {
 217    background-color: #edf5fa;
 218  }
 219  
 220  tr.even {
 221    background-color: #fff;
 222  }
 223  
 224  tr.drag {
 225    background-color: #ffb;
 226  }
 227  
 228  tr.drag-previous {
 229    background-color: #ffd;
 230  }
 231  
 232  tr.odd td.active {
 233    background-color: #ddecf5;
 234  }
 235  
 236  tr.even td.active {
 237    background-color: #e6f1f7;
 238  }
 239  
 240  td.region, td.module, td.container, td.category {
 241    border-top: 1.5em solid #fff;
 242    border-bottom: 1px solid #b4d7f0;
 243    background-color: #d4e7f3;
 244    color: #455067;
 245    font-weight: bold;
 246  }
 247  
 248  tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
 249    border-top-width: 0;
 250  }
 251  
 252  span.form-required {
 253    color: #ffae00;
 254  }
 255  
 256  span.submitted, .description {
 257    font-size: 0.92em;
 258    color: #898989;
 259  }
 260  
 261  .description {
 262    line-height: 150%;
 263    margin-bottom: 0.75em;
 264    color: #898989;
 265  }
 266  
 267  .messages, .preview {
 268    margin: .75em 0 .75em;
 269    padding: .5em 1em;
 270  }
 271  
 272  .messages ul {
 273    margin: 0;
 274  }
 275  
 276  .form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
 277    margin: 0.25em 0;
 278  }
 279  
 280  #center form {
 281    margin-bottom: 2em;
 282  }
 283  
 284  .form-button, .form-submit {
 285    margin: 2em 0.5em 1em 0; /* LTR */
 286  }
 287  
 288  #dblog-form-overview .form-submit,
 289  .confirmation .form-submit,
 290  .search-form .form-submit,
 291  .poll .form-submit,
 292  fieldset .form-button, fieldset .form-submit,
 293  .sidebar .form-button, .sidebar .form-submit,
 294  table .form-button, table .form-submit {
 295    margin: 0;
 296  }
 297  
 298  .box {
 299    margin-bottom: 2.5em;
 300  }
 301  
 302  /**
 303   * Layout
 304   */
 305  #header-region {
 306    min-height: 1em;
 307    background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
 308  }
 309  
 310  #header-region .block {
 311    display: block;
 312    margin: 0 1em;
 313  }
 314  
 315  #header-region .block-region {
 316    display: block;
 317    margin: 0 0.5em 1em;
 318    padding: 0.5em;
 319    position: relative;
 320    top: 0.5em;
 321  }
 322  
 323  #header-region * {
 324    display: inline;
 325    line-height: 1.5em;
 326    margin-top: 0;
 327    margin-bottom: 0;
 328  }
 329  
 330  /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
 331  #header-region script {
 332    display: none;
 333  }
 334  
 335  #header-region p, #header-region img {
 336    margin-top: 0.5em;
 337  }
 338  
 339  #header-region h2 {
 340    margin: 0 1em 0 0; /* LTR */
 341  }
 342  
 343  #header-region h3, #header-region label, #header-region li {
 344    margin: 0 1em;
 345    padding: 0;
 346    background: none;
 347  }
 348  
 349  #wrapper {
 350    background: #edf5fa url(images/body.png) repeat-x 50% 0;
 351  }
 352  
 353  #wrapper #container {
 354    margin: 0 auto;
 355    padding: 0 20px;
 356    max-width: 1270px;
 357  }
 358  
 359  #wrapper #container #header {
 360    height: 80px;
 361  }
 362  
 363  #wrapper #container #header #logo-floater {
 364    position: absolute;
 365  }
 366  
 367  #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
 368    line-height: 120px;
 369    position: relative;
 370    z-index: 2;
 371    white-space: nowrap;
 372  }
 373  
 374  #wrapper #container #header h1 span {
 375    font-weight: bold;
 376  }
 377  
 378  #wrapper #container #header h1 img {
 379    padding-top: 14px;
 380    padding-right: 20px; /* LTR */
 381    float: left; /* LTR */
 382  }
 383  
 384  /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
 385  body.sidebars {
 386    min-width: 980px;
 387  }
 388  /* With 2 columns, require a minimum width of 800px. */
 389  body.sidebar-left, body.sidebar-right {
 390    min-width: 780px;
 391  }
 392  
 393  /* We must define 100% width to avoid the body being too narrow for near-empty pages */
 394  #wrapper #container #center {
 395    float: left;
 396    width: 100%;
 397  }
 398  
 399  /* So we move the #center container over the sidebars to compensate */
 400  body.sidebar-left #center {
 401    margin-left: -210px;
 402  }
 403  body.sidebar-right #center {
 404    margin-right: -210px;
 405  }
 406  body.sidebars #center {
 407    margin: 0 -210px;
 408  }
 409  
 410  /* And add blanks left and right for the sidebars to fill */
 411  body.sidebar-left #squeeze {
 412    margin-left: 210px;
 413  }
 414  body.sidebar-right #squeeze {
 415    margin-right: 210px;
 416  }
 417  body.sidebars #squeeze {
 418    margin: 0 210px;
 419  }
 420  
 421  /* We ensure the sidebars are still clickable using z-index */
 422  #wrapper #container .sidebar {
 423    margin: 60px 0 5em;
 424    width: 210px;
 425    float: left;
 426    z-index: 2;
 427    position: relative;
 428  }
 429  
 430  #wrapper #container .sidebar .block {
 431    margin: 0 0 1.5em 0;
 432  }
 433  
 434  #sidebar-left .block {
 435    padding: 0 15px 0 0px;
 436  }
 437  
 438  #sidebar-right .block {
 439    padding: 0 0px 0 15px;
 440  }
 441  
 442  .block .content {
 443    margin: 0.5em 0;
 444  }
 445  
 446  #sidebar-left .block-region {
 447    margin: 0 15px 0 0px; /* LTR */
 448  }
 449  
 450  #sidebar-right .block-region {
 451    margin: 0 0px 0 15px; /* LTR */
 452  }
 453  
 454  .block-region {
 455    padding: 1em;
 456    background: transparent;
 457    border: 2px dashed #b4d7f0;
 458    text-align: center;
 459    font-size: 1.3em;
 460  }
 461  
 462  /* Now we add the backgrounds for the main content shading */
 463  #wrapper #container #center #squeeze {
 464    background: #fff url(images/bg-content.png) repeat-x 50% 0;
 465    position: relative;
 466  }
 467  
 468  #wrapper #container #center .right-corner {
 469    background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
 470    position: relative;
 471    left: 10px;
 472  }
 473  
 474  #wrapper #container #center .right-corner .left-corner {
 475    padding: 60px 25px 5em 35px;
 476    background: transparent url(images/bg-content-left.png) no-repeat 0 0;
 477    margin-left: -10px;
 478    position: relative;
 479    left: -10px;
 480    min-height: 400px;
 481  }
 482  
 483  #wrapper #container #footer {
 484    float: none;
 485    clear: both;
 486    text-align: center;
 487    margin: 4em 0 -3em;
 488    color: #898989;
 489  }
 490  
 491  #wrapper #container .breadcrumb {
 492    position: absolute;
 493    top: 15px;
 494    left: 35px; /* LTR */
 495    z-index: 3;
 496  }
 497  
 498  body.sidebar-left #footer {
 499    margin-left: -210px;
 500  }
 501  
 502  body.sidebar-right #footer {
 503    margin-right: -210px;
 504  }
 505  
 506  body.sidebars #footer {
 507    margin: 0 -210px;
 508  }
 509  
 510  /**
 511   * Header
 512   */
 513  #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
 514    color: #fff;
 515    font-weight: normal;
 516    text-shadow: #1659ac 0px 1px 3px;
 517    font-size: 1.5em;
 518  }
 519  
 520  #wrapper #container #header h1 a:hover {
 521    text-decoration: none;
 522  }
 523  
 524  #wrapper #container .breadcrumb {
 525    font-size: 0.92em;
 526  }
 527  
 528  #wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
 529    color: #529ad6;
 530  }
 531  
 532  #mission {
 533    padding: 1em;
 534    background-color: #fff;
 535    border: 1px solid #e0e5fb;
 536    margin-bottom: 2em;
 537  }
 538  
 539  /**
 540   * Primary navigation
 541   */
 542  ul.primary-links {
 543    margin: 0;
 544    padding: 0;
 545    float: right; /* LTR */
 546    position: relative;
 547    z-index: 4;
 548  }
 549  
 550  ul.primary-links li {
 551    margin: 0;
 552    padding: 0;
 553    float: left; /* LTR */
 554    background-image: none;
 555  }
 556  
 557  ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
 558    display: block;
 559    margin: 0 1em;
 560    padding: .75em 0 0;
 561    color: #fff;
 562    background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
 563  }
 564  
 565  ul.primary-links li a:hover, ul.primary-links li a.active {
 566    color: #fff;
 567    background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
 568  }
 569  
 570  /**
 571   * Secondary navigation
 572   */
 573  ul.secondary-links {
 574    margin: 0;
 575    padding: 18px 0 0;
 576    float: right; /* LTR */
 577    clear: right; /* LTR */
 578    position: relative;
 579    z-index: 4;
 580  }
 581  
 582  ul.secondary-links li {
 583    margin: 0;
 584    padding: 0;
 585    float: left; /* LTR */
 586    background-image: none;
 587  }
 588  
 589  ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
 590    display: block;
 591    margin: 0 1em;
 592    padding: .75em 0 0;
 593    color: #cde3f1;
 594    background: transparent;
 595  }
 596  
 597  ul.secondary-links li a:hover, ul.secondary-links li a.active {
 598    color: #cde3f1;
 599    background: transparent;
 600  }
 601  
 602  /**
 603   * Local tasks
 604   */
 605  ul.primary, ul.primary li, ul.secondary, ul.secondary li {
 606    border: 0;
 607    background: none;
 608    margin: 0;
 609    padding: 0;
 610  }
 611  
 612  #tabs-wrapper {
 613    margin: 0 -26px 1em;
 614    padding: 0 26px;
 615    border-bottom: 1px solid #e9eff3;
 616    position: relative;
 617  }
 618  ul.primary {
 619    padding: 0.5em 0 10px;
 620    float: left; /* LTR */
 621  }
 622  ul.secondary {
 623    clear: both;
 624    text-align: left; /* LTR */
 625    border-bottom: 1px solid #e9eff3;
 626    margin: -0.2em -26px 1em;
 627    padding: 0 26px 0.6em;
 628  }
 629  h2.with-tabs {
 630    float: left; /* LTR */
 631    margin: 0 2em 0 0; /* LTR */
 632    padding: 0;
 633  }
 634  
 635  ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
 636  ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
 637    border: 0;
 638    background: transparent;
 639    padding: 4px 1em;
 640    margin: 0 0 0 1px; /* LTR */
 641    height: auto;
 642    text-decoration: none;
 643    position: relative;
 644    top: -1px;
 645    display: inline-block;
 646  }
 647  ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
 648  ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
 649    background: url(images/bg-tab.png) repeat-x 0 50%;
 650    color: #fff;
 651  }
 652  ul.primary li.active a,
 653  ul.secondary li.active a {
 654    font-weight: bold;
 655  }
 656  
 657  /**
 658   * Nodes & comments
 659   */
 660  .node {
 661    border-bottom: 1px solid #e9eff3;
 662    margin: 0 -26px 1.5em;
 663    padding: 1.5em 26px;
 664  }
 665  
 666  ul.links li, ul.inline li {
 667    margin-left: 0;
 668    margin-right: 0;
 669    padding-left: 0; /* LTR */
 670    padding-right: 1em; /* LTR */
 671    background-image: none;
 672  }
 673  
 674  .node .links, .comment .links {
 675    text-align: left; /* LTR */
 676  }
 677  
 678  .node .links ul.links li, .comment .links ul.links li {}
 679  .terms ul.links li {
 680    margin-left: 0;
 681    margin-right: 0;
 682    padding-right: 0;
 683    padding-left: 1em;
 684  }
 685  
 686  .picture, .comment .submitted {
 687    float: right; /* LTR */
 688    clear: right; /* LTR */
 689    padding-left: 1em; /* LTR */
 690  }
 691  
 692  .new {
 693    color: #ffae00;
 694    font-size: 0.92em;
 695    font-weight: bold;
 696    float: right; /* LTR */
 697  }
 698  
 699  .terms {
 700    float: right; /* LTR */
 701  }
 702  
 703  .preview .node, .preview .comment, .sticky {
 704    margin: 0;
 705    padding: 0.5em 0;
 706    border: 0;
 707    background: 0;
 708  }
 709  
 710  .sticky {
 711    padding: 1em;
 712    background-color: #fff;
 713    border: 1px solid #e0e5fb;
 714    margin-bottom: 2em;
 715  }
 716  
 717  #comments {
 718    position: relative;
 719    top: -1px;
 720    border-bottom: 1px solid #e9eff3;
 721    margin: -1.5em -25px 0;
 722    padding: 0 25px;
 723  }
 724  
 725  #comments h2.comments {
 726    margin: 0 -25px;
 727    padding: .5em 25px;
 728    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 729  }
 730  
 731  .comment {
 732    margin: 0 -25px;
 733    padding: 1.5em 25px 1.5em;
 734    border-top: 1px solid #e9eff3;
 735  }
 736  
 737  .indented {
 738    margin-left: 25px; /* LTR */
 739  }
 740  
 741  .comment h3 a.active {
 742    color: #494949;
 743  }
 744  
 745  .node .content, .comment .content {
 746    margin: 0.6em 0;
 747  }
 748  
 749  /**
 750   * Aggregator.module
 751   */
 752  #aggregator {
 753    margin-top: 1em;
 754  }
 755  #aggregator .feed-item-title {
 756    font-size: 160%;
 757    line-height: 130%;
 758  }
 759  #aggregator .feed-item {
 760    border-bottom: 1px solid #e9eff3;
 761    margin: -1.5em -31px 1.75em;
 762    padding: 1.5em 31px;
 763  }
 764  #aggregator .feed-item-categories {
 765    font-size: 0.92em;
 766  }
 767  #aggregator .feed-item-meta {
 768    font-size: 0.92em;
 769    color: #898989;
 770  }
 771  
 772  /**
 773   * Color.module
 774   */
 775  #palette .form-item {
 776    border: 1px solid #fff;
 777  }
 778  #palette .item-selected {
 779    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 780    border: 1px solid #d9eaf5;
 781  }
 782  
 783  /**
 784   * Menu.module
 785   */
 786  tr.menu-disabled {
 787    opacity: 0.5;
 788  }
 789  tr.odd td.menu-disabled {
 790    background-color: #edf5fa;
 791  }
 792  tr.even td.menu-disabled {
 793    background-color: #fff;
 794  }
 795  
 796  /**
 797   * Poll.module
 798   */
 799  .poll .bar {
 800    background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
 801    border: solid #f0f0f0;
 802    border-width: 0 1px 1px;
 803  }
 804  
 805  .poll .bar .foreground {
 806    background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
 807  }
 808  
 809  .poll .percent {
 810    font-size: .9em;
 811  }
 812  
 813  /**
 814   * Autocomplete.
 815   */
 816  #autocomplete li {
 817    cursor: default;
 818    padding: 2px;
 819    margin: 0;
 820  }
 821  
 822  /**
 823   * Collapsible fieldsets
 824   */
 825  fieldset {
 826    margin: 1em 0;
 827    padding: 1em;
 828    border: 1px solid #d9eaf5;
 829    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 830  }
 831  
 832  /* Targets IE 7. Fixes background image in field sets. */
 833  *:first-child+html fieldset {
 834    padding: 0 1em 1em;
 835    background-position: 0 .75em;
 836    background-color: transparent;
 837  }
 838  
 839  *:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
 840    padding-top: 1em;
 841  }
 842  
 843  fieldset legend {
 844    /* Fix disappearing legend in FFox */
 845    display: block;
 846  }
 847  
 848  *:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
 849    display: inline;
 850  }
 851  
 852  html.js fieldset.collapsed {
 853    background: transparent;
 854    padding-top: 0;
 855    padding-bottom: .6em;
 856  }
 857  
 858  html.js fieldset.collapsible legend a {
 859    padding-left: 2em; /* LTR */
 860    background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
 861  }
 862  
 863  html.js fieldset.collapsed legend a {
 864    background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
 865  }
 866  
 867  /**
 868   * Syndication icons and block
 869   */
 870  #block-node-0 h2 {
 871    float: left; /* LTR */
 872    padding-right: 20px; /* LTR */
 873  }
 874  
 875  #block-node-0 img, .feed-icon {
 876    float: right; /* LTR */
 877    padding-top: 4px;
 878  }
 879  
 880  #block-node-0 .content {
 881    clear: right; /* LTR */
 882  }
 883  
 884  /**
 885   * Login Block
 886   */
 887  #user-login-form {
 888    text-align: center;
 889  }
 890  #user-login-form ul {
 891    text-align: left; /* LTR */
 892  }
 893  
 894  /**
 895   * User profiles.
 896   */
 897  .profile {
 898    margin-top: 1.5em;
 899  }
 900  .profile h3 {
 901    border-bottom: 0;
 902    margin-bottom: 1em;
 903  }
 904  .profile dl {
 905    margin: 0;
 906  }
 907  .profile dt {
 908    font-weight: normal;
 909    color: #898989;
 910    font-size: 0.92em;
 911    line-height: 1.3em;
 912    margin-top: 1.4em;
 913    margin-bottom: 0.45em;
 914  }
 915  .profile dd {
 916    margin-bottom: 1.6em;
 917  }
 918  
 919  /**
 920   * Admin Styles
 921   */
 922  div.admin-panel,
 923  div.admin-panel .description,
 924  div.admin-panel .body,
 925  div.admin,
 926  div.admin .left,
 927  div.admin .right,
 928  div.admin .expert-link,
 929  div.item-list,
 930  .menu {
 931    margin: 0;
 932    padding: 0;
 933  }
 934  
 935  div.admin .left {
 936    float: left; /* LTR */
 937    width: 48%;
 938  }
 939  div.admin .right {
 940    float: right; /* LTR */
 941    width: 48%;
 942  }
 943  
 944  div.admin-panel {
 945    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 946    padding: 1em 1em 1.5em;
 947  }
 948  div.admin-panel .description {
 949    margin-bottom: 1.5em;
 950  }
 951  div.admin-panel dl {
 952    margin: 0;
 953  }
 954  div.admin-panel dd {
 955    color: #898989;
 956    font-size: 0.92em;
 957    line-height: 1.3em;
 958    margin-top: -.2em;
 959    margin-bottom: .65em;
 960  }
 961  
 962  table.system-status-report th {
 963    border-color: #d3e7f4;
 964  }
 965  
 966  #autocomplete li.selected, tr.selected td, tr.selected td.active {
 967    background: #027ac6;
 968    color: #fff;
 969  }
 970  
 971  tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
 972    color: #d3e7f4;
 973  }
 974  
 975  tr.taxonomy-term-preview {
 976    opacity: 0.5;
 977  }
 978  
 979  tr.taxonomy-term-divider-top {
 980    border-bottom: none;
 981  }
 982  
 983  tr.taxonomy-term-divider-bottom {
 984    border-top: 1px dotted #CCC;
 985  }
 986  
 987  /**
 988   * CSS support
 989   */
 990  
 991  /*******************************************************************
 992   * Color Module: Don't touch                                       *
 993   *******************************************************************/
 994  
 995  /**
 996   * Generic elements.
 997   */
 998  .messages {
 999    background-color: #fff;
1000    border: 1px solid #b8d3e5;
1001  }
1002  
1003  .preview {
1004    background-color: #fcfce8;
1005    border: 1px solid #e5e58f;
1006  }
1007  
1008  div.status {
1009    color: #33a333;
1010    border-color: #c7f2c8;
1011  }
1012  
1013  div.error, tr.error {
1014    color: #a30000;
1015    background-color: #FFCCCC;
1016  }
1017  
1018  .form-item input.error, .form-item textarea.error {
1019    border: 1px solid #c52020;
1020    color: #363636;
1021  }
1022  
1023  /**
1024   * dblog.module
1025   */
1026  tr.dblog-user {
1027    background-color: #fcf9e5;
1028  }
1029  
1030  tr.dblog-user td.active {
1031    background-color: #fbf5cf;
1032  }
1033  
1034  tr.dblog-content {
1035    background-color: #fefefe;
1036  }
1037  
1038  tr.dblog-content td.active {
1039    background-color: #f5f5f5;
1040  }
1041  
1042  tr.dblog-warning {
1043    background-color: #fdf5e6;
1044  }
1045  
1046  tr.dblog-warning td.active {
1047    background-color: #fdf2de;
1048  }
1049  
1050  tr.dblog-error {
1051    background-color: #fbe4e4;
1052  }
1053  
1054  tr.dblog-error td.active {
1055    background-color: #fbdbdb;
1056  }
1057  tr.dblog-page-not-found, tr.dblog-access-denied {
1058    background: #d7ffd7;
1059  }
1060  tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1061    background: #c7eec7;
1062  }
1063  
1064  /**
1065   * Status report colors.
1066   */
1067  table.system-status-report tr.error, table.system-status-report tr.error th {
1068    background-color: #fcc;
1069    border-color: #ebb;
1070    color: #200;
1071  }
1072  table.system-status-report tr.warning, table.system-status-report tr.warning th {
1073    background-color: #ffd;
1074    border-color: #eeb;
1075  }
1076  table.system-status-report tr.ok, table.system-status-report tr.ok th {
1077    background-color: #dfd;
1078    border-color: #beb;
1079  }