[Summary view] [Print] [Text view]

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