webmaster@1: /* $Id: style.css,v 1.38.2.1 2008/02/05 09:27:26 goba Exp $ */
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Garland, for Drupal 6.x
webmaster@1:  * Stefan Nagtegaal, iStyledThis [dot] nl
webmaster@1:  * Steven Wittens, acko [dot] net`
webmaster@1:  *
webmaster@1:  * If you use a customized color scheme, you must regenerate it after
webmaster@1:  * modifying this file.
webmaster@1:  */
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Generic elements
webmaster@1:  */
webmaster@1: body {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1:   background: #edf5fa;
webmaster@1:   font: 12px/170% Verdana, sans-serif;
webmaster@1:   color: #494949;
webmaster@1: }
webmaster@1: 
webmaster@1: input {
webmaster@1:   font: 12px/100% Verdana, sans-serif;
webmaster@1:   color: #494949;
webmaster@1: }
webmaster@1: 
webmaster@1: textarea, select {
webmaster@1:   font: 12px/160% Verdana, sans-serif;
webmaster@1:   color: #494949;
webmaster@1: }
webmaster@1: 
webmaster@1: h1, h2, h3, h4, h5, h6 {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1:   font-weight: normal;
webmaster@1:   font-family: Helvetica, Arial, sans-serif;
webmaster@1: }
webmaster@1: 
webmaster@1: h1 {
webmaster@1:   font-size: 170%;
webmaster@1: }
webmaster@1: 
webmaster@1: h2 {
webmaster@1:   font-size: 160%;
webmaster@1:   line-height: 130%;
webmaster@1: }
webmaster@1: 
webmaster@1: h3 {
webmaster@1:   font-size: 140%;
webmaster@1: }
webmaster@1: 
webmaster@1: h4 {
webmaster@1:   font-size: 130%;
webmaster@1: }
webmaster@1: 
webmaster@1: h5 {
webmaster@1:   font-size: 120%;
webmaster@1: }
webmaster@1: 
webmaster@1: h6 {
webmaster@1:   font-size: 110%;
webmaster@1: }
webmaster@1: 
webmaster@1: ul, quote, code, fieldset {
webmaster@1:   margin: .5em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: p {
webmaster@1:   margin: 0.6em 0 1.2em;
webmaster@1:   padding: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: a:link, a:visited {
webmaster@1:   color: #027AC6;
webmaster@1:   text-decoration: none;
webmaster@1: }
webmaster@1: 
webmaster@1: a:hover {
webmaster@1:   color: #0062A0;
webmaster@1:   text-decoration: underline;
webmaster@1: }
webmaster@1: 
webmaster@1: a:active, a.active {
webmaster@1:   color: #5895be;
webmaster@1: }
webmaster@1: 
webmaster@1: hr {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1:   border: none;
webmaster@1:   height: 1px;
webmaster@1:   background: #5294c1;
webmaster@1: }
webmaster@1: 
webmaster@1: ul {
webmaster@1:   margin: 0.5em 0 1em;
webmaster@1:   padding: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ol {
webmaster@1:   margin: 0.75em 0 1.25em;
webmaster@1:   padding: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ol li, ul li {
webmaster@1:   margin: 0.4em 0 0.4em .5em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ul.menu, .item-list ul {
webmaster@1:   margin: 0.35em 0 0 -0.5em; /* LTR */
webmaster@1:   padding: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.menu ul, .item-list ul ul {
webmaster@1:   margin-left: 0em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
webmaster@1:   margin: 0.15em 0 0.15em .5em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ul li, ul.menu li, .item-list ul li, li.leaf {
webmaster@1:   padding: 0 0 .2em 1.5em;
webmaster@1:   list-style-type: none;
webmaster@1:   list-style-image: none;
webmaster@1:   background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ol li {
webmaster@1:   padding: 0 0 .3em;
webmaster@1:   margin-left: 2em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ul li.expanded {
webmaster@1:   background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ul li.collapsed {
webmaster@1:   background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ul li.leaf a, ul li.expanded a, ul li.collapsed a {
webmaster@1:   display: block;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.inline li {
webmaster@1:   background: none;
webmaster@1:   margin: 0;
webmaster@1:   padding: 0 1em 0 0; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: ol.task-list {
webmaster@1:   margin-left: 0; /* LTR */
webmaster@1:   list-style-type: none;
webmaster@1:   list-style-image: none;
webmaster@1: }
webmaster@1: ol.task-list li {
webmaster@1:   padding: 0.5em 1em 0.5em 2em; /* LTR */
webmaster@1: }
webmaster@1: ol.task-list li.active {
webmaster@1:   background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
webmaster@1: }
webmaster@1: ol.task-list li.done {
webmaster@1:   color: #393;
webmaster@1:   background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
webmaster@1: }
webmaster@1: ol.task-list li.active {
webmaster@1:   margin-right: 1em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: fieldset ul.clear-block li {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1:   background-image: none;
webmaster@1: }
webmaster@1: 
webmaster@1: dl {
webmaster@1:   margin: 0.5em 0 1em 1.5em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: dl dt {
webmaster@1: }
webmaster@1: 
webmaster@1: dl dd {
webmaster@1:   margin: 0 0 .5em 1.5em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: img, a img {
webmaster@1:   border: none;
webmaster@1: }
webmaster@1: 
webmaster@1: table {
webmaster@1:   margin: 1em 0;
webmaster@1:   width: 100%;
webmaster@1: }
webmaster@1: 
webmaster@1: thead th {
webmaster@1:   border-bottom: 2px solid #d3e7f4;
webmaster@1:   color: #494949;
webmaster@1:   font-weight: bold;
webmaster@1: }
webmaster@1: 
webmaster@1: th a:link, th a:visited {
webmaster@1:   color: #6f9dbd;
webmaster@1: }
webmaster@1: 
webmaster@1: td, th {
webmaster@1:   padding: .3em .5em;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.even, tr.odd, tbody th {
webmaster@1:   border: solid #d3e7f4;
webmaster@1:   border-width: 1px 0;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.odd, tr.info {
webmaster@1:   background-color: #edf5fa;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.even {
webmaster@1:   background-color: #fff;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.drag {
webmaster@1:   background-color: #fffff0;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.drag-previous {
webmaster@1:   background-color: #ffd;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.odd td.active {
webmaster@1:   background-color: #ddecf5;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.even td.active {
webmaster@1:   background-color: #e6f1f7;
webmaster@1: }
webmaster@1: 
webmaster@1: td.region, td.module, td.container, td.category {
webmaster@1:   border-top: 1.5em solid #fff;
webmaster@1:   border-bottom: 1px solid #b4d7f0;
webmaster@1:   background-color: #d4e7f3;
webmaster@1:   color: #455067;
webmaster@1:   font-weight: bold;
webmaster@1: }
webmaster@1: 
webmaster@1: tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
webmaster@1:   border-top-width: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: span.form-required {
webmaster@1:   color: #ffae00;
webmaster@1: }
webmaster@1: 
webmaster@1: span.submitted, .description {
webmaster@1:   font-size: 0.92em;
webmaster@1:   color: #898989;
webmaster@1: }
webmaster@1: 
webmaster@1: .description {
webmaster@1:   line-height: 150%;
webmaster@1:   margin-bottom: 0.75em;
webmaster@1:   color: #898989;
webmaster@1: }
webmaster@1: 
webmaster@1: .messages, .preview {
webmaster@1:   margin: .75em 0 .75em;
webmaster@1:   padding: .5em 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: .messages ul {
webmaster@1:   margin: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
webmaster@1:   margin: 0.25em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: #center form {
webmaster@1:   margin-bottom: 2em;
webmaster@1: }
webmaster@1: 
webmaster@1: .form-button, .form-submit {
webmaster@1:   margin: 2em 0.5em 1em 0; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: #dblog-form-overview .form-submit,
webmaster@1: .confirmation .form-submit,
webmaster@1: .search-form .form-submit,
webmaster@1: .poll .form-submit,
webmaster@1: fieldset .form-button, fieldset .form-submit,
webmaster@1: .sidebar .form-button, .sidebar .form-submit,
webmaster@1: table .form-button, table .form-submit {
webmaster@1:   margin: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .box {
webmaster@1:   margin-bottom: 2.5em;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Layout
webmaster@1:  */
webmaster@1: #header-region {
webmaster@1:   min-height: 1em;
webmaster@1:   background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
webmaster@1: }
webmaster@1: 
webmaster@1: #header-region .block {
webmaster@1:   display: block;
webmaster@1:   margin: 0 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: #header-region .block-region {
webmaster@1:   display: block;
webmaster@1:   margin: 0 0.5em 1em;
webmaster@1:   padding: 0.5em;
webmaster@1:   position: relative;
webmaster@1:   top: 0.5em;
webmaster@1: }
webmaster@1: 
webmaster@1: #header-region * {
webmaster@1:   display: inline;
webmaster@1:   line-height: 1.5em;
webmaster@1:   margin-top: 0;
webmaster@1:   margin-bottom: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
webmaster@1: #header-region script {
webmaster@1:   display: none;
webmaster@1: }
webmaster@1: 
webmaster@1: #header-region p, #header-region img {
webmaster@1:   margin-top: 0.5em;
webmaster@1: }
webmaster@1: 
webmaster@1: #header-region h2 {
webmaster@1:   margin: 0 1em 0 0; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: #header-region h3, #header-region label, #header-region li {
webmaster@1:   margin: 0 1em;
webmaster@1:   padding: 0;
webmaster@1:   background: none;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper {
webmaster@1:   background: #edf5fa url(images/body.png) repeat-x 50% 0;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container {
webmaster@1:   margin: 0 auto;
webmaster@1:   padding: 0 20px;
webmaster@1:   max-width: 1270px;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header {
webmaster@1:   height: 80px;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header #logo-floater {
webmaster@1:   position: absolute;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
webmaster@1:   line-height: 120px;
webmaster@1:   position: relative;
webmaster@1:   z-index: 2;
webmaster@1:   white-space: nowrap;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header h1 span {
webmaster@1:   font-weight: bold;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header h1 img {
webmaster@1:   padding-top: 16px;
webmaster@1:   padding-right: 20px; /* LTR */
webmaster@1:   float: left; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
webmaster@1: body.sidebars {
webmaster@1:   min-width: 980px;
webmaster@1: }
webmaster@1: /* With 2 columns, require a minimum width of 800px. */
webmaster@1: body.sidebar-left, body.sidebar-right {
webmaster@1:   min-width: 780px;
webmaster@1: }
webmaster@1: 
webmaster@1: /* We must define 100% width to avoid the body being too narrow for near-empty pages */
webmaster@1: #wrapper #container #center {
webmaster@1:   float: left;
webmaster@1:   width: 100%;
webmaster@1: }
webmaster@1: 
webmaster@1: /* So we move the #center container over the sidebars to compensate */
webmaster@1: body.sidebar-left #center {
webmaster@1:   margin-left: -210px;
webmaster@1: }
webmaster@1: body.sidebar-right #center {
webmaster@1:   margin-right: -210px;
webmaster@1: }
webmaster@1: body.sidebars #center {
webmaster@1:   margin: 0 -210px;
webmaster@1: }
webmaster@1: 
webmaster@1: /* And add blanks left and right for the sidebars to fill */
webmaster@1: body.sidebar-left #squeeze {
webmaster@1:   margin-left: 210px;
webmaster@1: }
webmaster@1: body.sidebar-right #squeeze {
webmaster@1:   margin-right: 210px;
webmaster@1: }
webmaster@1: body.sidebars #squeeze {
webmaster@1:   margin: 0 210px;
webmaster@1: }
webmaster@1: 
webmaster@1: /* We ensure the sidebars are still clickable using z-index */
webmaster@1: #wrapper #container .sidebar {
webmaster@1:   margin: 60px 0 5em;
webmaster@1:   width: 210px;
webmaster@1:   float: left;
webmaster@1:   z-index: 2;
webmaster@1:   position: relative;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container .sidebar .block {
webmaster@1:   margin: 0 0 1.5em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: #sidebar-left .block {
webmaster@1:   padding: 0 15px 0 0px;
webmaster@1: }
webmaster@1: 
webmaster@1: #sidebar-right .block {
webmaster@1:   padding: 0 0px 0 15px;
webmaster@1: }
webmaster@1: 
webmaster@1: .block .content {
webmaster@1:   margin: 0.5em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: #sidebar-left .block-region {
webmaster@1:   margin: 0 15px 0 0px; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: #sidebar-right .block-region {
webmaster@1:   margin: 0 0px 0 15px; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: .block-region {
webmaster@1:   padding: 1em;
webmaster@1:   background: transparent;
webmaster@1:   border: 2px dashed #b4d7f0;
webmaster@1:   text-align: center;
webmaster@1:   font-size: 1.3em;
webmaster@1: }
webmaster@1: 
webmaster@1: /* Now we add the backgrounds for the main content shading */
webmaster@1: #wrapper #container #center #squeeze {
webmaster@1:   background: #fff url(images/bg-content.png) repeat-x 50% 0;
webmaster@1:   position: relative;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #center .right-corner {
webmaster@1:   background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
webmaster@1:   position: relative;
webmaster@1:   left: 10px;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #center .right-corner .left-corner {
webmaster@1:   padding: 60px 25px 5em 35px;
webmaster@1:   background: transparent url(images/bg-content-left.png) no-repeat 0 0;
webmaster@1:   margin-left: -10px;
webmaster@1:   position: relative;
webmaster@1:   left: -10px;
webmaster@1:   min-height: 400px;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #footer {
webmaster@1:   float: none;
webmaster@1:   clear: both;
webmaster@1:   text-align: center;
webmaster@1:   margin: 4em 0 -3em;
webmaster@1:   color: #898989;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container .breadcrumb {
webmaster@1:   position: absolute;
webmaster@1:   top: 15px;
webmaster@1:   left: 35px; /* LTR */
webmaster@1:   z-index: 3;
webmaster@1: }
webmaster@1: 
webmaster@1: body.sidebar-left #footer {
webmaster@1:   margin-left: -210px;
webmaster@1: }
webmaster@1: 
webmaster@1: body.sidebar-right #footer {
webmaster@1:   margin-right: -210px;
webmaster@1: }
webmaster@1: 
webmaster@1: body.sidebars #footer {
webmaster@1:   margin: 0 -210px;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Header
webmaster@1:  */
webmaster@1: #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
webmaster@1:   color: #fff;
webmaster@1:   font-weight: normal;
webmaster@1:   text-shadow: #1659ac 0px 1px 3px;
webmaster@1:   font-size: 1.5em;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header h1 a:hover {
webmaster@1:   text-decoration: none;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container .breadcrumb {
webmaster@1:   font-size: 0.92em;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
webmaster@1:   color: #529ad6;
webmaster@1: }
webmaster@1: 
webmaster@1: #mission {
webmaster@1:   padding: 1em;
webmaster@1:   background-color: #fff;
webmaster@1:   border: 1px solid #e0e5fb;
webmaster@1:   margin-bottom: 2em;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Primary navigation
webmaster@1:  */
webmaster@1: ul.primary-links {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1:   float: right; /* LTR */
webmaster@1:   position: relative;
webmaster@1:   z-index: 4;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.primary-links li {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1:   float: left; /* LTR */
webmaster@1:   background-image: none;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
webmaster@1:   display: block;
webmaster@1:   margin: 0 1em;
webmaster@1:   padding: .75em 0 0;
webmaster@1:   color: #fff;
webmaster@1:   background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.primary-links li a:hover, ul.primary-links li a.active {
webmaster@1:   color: #fff;
webmaster@1:   background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Secondary navigation
webmaster@1:  */
webmaster@1: ul.secondary-links {
webmaster@1:   margin: 0;
webmaster@1:   padding: 18px 0 0;
webmaster@1:   float: right; /* LTR */
webmaster@1:   clear: right; /* LTR */
webmaster@1:   position: relative;
webmaster@1:   z-index: 4;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.secondary-links li {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1:   float: left; /* LTR */
webmaster@1:   background-image: none;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
webmaster@1:   display: block;
webmaster@1:   margin: 0 1em;
webmaster@1:   padding: .75em 0 0;
webmaster@1:   color: #cde3f1;
webmaster@1:   background: transparent;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.secondary-links li a:hover, ul.secondary-links li a.active {
webmaster@1:   color: #cde3f1;
webmaster@1:   background: transparent;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Local tasks
webmaster@1:  */
webmaster@1: ul.primary, ul.primary li, ul.secondary, ul.secondary li {
webmaster@1:   border: 0;
webmaster@1:   background: none;
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: #tabs-wrapper {
webmaster@1:   margin: 0 -26px 1em;
webmaster@1:   padding: 0 26px;
webmaster@1:   border-bottom: 1px solid #e9eff3;
webmaster@1:   position: relative;
webmaster@1: }
webmaster@1: ul.primary {
webmaster@1:   padding: 0.5em 0 10px;
webmaster@1:   float: left; /* LTR */
webmaster@1: }
webmaster@1: ul.secondary {
webmaster@1:   clear: both;
webmaster@1:   text-align: left; /* LTR */
webmaster@1:   border-bottom: 1px solid #e9eff3;
webmaster@1:   margin: -0.2em -26px 1em;
webmaster@1:   padding: 0 26px 0.6em;
webmaster@1: }
webmaster@1: h2.with-tabs {
webmaster@1:   float: left; /* LTR */
webmaster@1:   margin: 0 2em 0 0; /* LTR */
webmaster@1:   padding: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
webmaster@1: ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
webmaster@1:   border: 0;
webmaster@1:   background: transparent;
webmaster@1:   padding: 4px 1em;
webmaster@1:   margin: 0 0 0 1px; /* LTR */
webmaster@1:   height: auto;
webmaster@1:   text-decoration: none;
webmaster@1:   position: relative;
webmaster@1:   top: -1px;
webmaster@1: }
webmaster@1: ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
webmaster@1: ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
webmaster@1:   background: url(images/bg-tab.png) repeat-x 0 50%;
webmaster@1:   color: #fff;
webmaster@1: }
webmaster@1: ul.primary li.active a,
webmaster@1: ul.secondary li.active a {
webmaster@1:   font-weight: bold;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Nodes & comments
webmaster@1:  */
webmaster@1: .node {
webmaster@1:   border-bottom: 1px solid #e9eff3;
webmaster@1:   margin: -1.5em -26px 1.5em;
webmaster@1:   padding: 1.5em 26px;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.links li, ul.inline li {
webmaster@1:   margin-left: 0;
webmaster@1:   margin-right: 0;
webmaster@1:   padding-left: 0; /* LTR */
webmaster@1:   padding-right: 1em; /* LTR */
webmaster@1:   background-image: none;
webmaster@1: }
webmaster@1: 
webmaster@1: .node .links, .comment .links {
webmaster@1:   text-align: left; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: .node .links ul.links li, .comment .links ul.links li {}
webmaster@1: .terms ul.links li {
webmaster@1:   margin-left: 0;
webmaster@1:   margin-right: 0;
webmaster@1:   padding-right: 0;
webmaster@1:   padding-left: 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: .picture, .comment .submitted {
webmaster@1:   float: right; /* LTR */
webmaster@1:   clear: right; /* LTR */
webmaster@1:   padding-left: 1em; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: .new {
webmaster@1:   color: #ffae00;
webmaster@1:   font-size: 0.92em;
webmaster@1:   font-weight: bold;
webmaster@1:   float: right; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: .terms {
webmaster@1:   float: right; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: .preview .node, .preview .comment, .sticky {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0.5em 0;
webmaster@1:   border: 0;
webmaster@1:   background: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .sticky {
webmaster@1:   padding: 1em;
webmaster@1:   background-color: #fff;
webmaster@1:   border: 1px solid #e0e5fb;
webmaster@1:   margin-bottom: 2em;
webmaster@1: }
webmaster@1: 
webmaster@1: #comments {
webmaster@1:   position: relative;
webmaster@1:   top: -1px;
webmaster@1:   border-bottom: 1px solid #e9eff3;
webmaster@1:   margin: -1.5em -25px 0;
webmaster@1:   padding: 0 25px;
webmaster@1: }
webmaster@1: 
webmaster@1: #comments h2.comments {
webmaster@1:   margin: 0 -25px;
webmaster@1:   padding: .5em 25px;
webmaster@1:   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .comment {
webmaster@1:   margin: 0 -25px;
webmaster@1:   padding: 1.5em 25px 1.5em;
webmaster@1:   border-top: 1px solid #e9eff3;
webmaster@1: }
webmaster@1: 
webmaster@1: .indented {
webmaster@1:   margin-left: 25px; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: .comment h3 a.active {
webmaster@1:   color: #494949;
webmaster@1: }
webmaster@1: 
webmaster@1: .node .content, .comment .content {
webmaster@1:   margin: 0.6em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Aggregator.module
webmaster@1:  */
webmaster@1: #aggregator {
webmaster@1:   margin-top: 1em;
webmaster@1: }
webmaster@1: #aggregator .feed-item-title {
webmaster@1:   font-size: 160%;
webmaster@1:   line-height: 130%;
webmaster@1: }
webmaster@1: #aggregator .feed-item {
webmaster@1:   border-bottom: 1px solid #e9eff3;
webmaster@1:   margin: -1.5em -31px 1.75em;
webmaster@1:   padding: 1.5em 31px;
webmaster@1: }
webmaster@1: #aggregator .feed-item-categories {
webmaster@1:   font-size: 0.92em;
webmaster@1: }
webmaster@1: #aggregator .feed-item-meta {
webmaster@1:   font-size: 0.92em;
webmaster@1:   color: #898989;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Color.module
webmaster@1:  */
webmaster@1: #palette .form-item {
webmaster@1:   border: 1px solid #fff;
webmaster@1: }
webmaster@1: #palette .item-selected {
webmaster@1:   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1:   border: 1px solid #d9eaf5;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Menu.module
webmaster@1:  */
webmaster@1: tr.menu-disabled {
webmaster@1:   opacity: 0.5;
webmaster@1: }
webmaster@1: tr.odd td.menu-disabled {
webmaster@1:   background-color: #edf5fa;
webmaster@1: }
webmaster@1: tr.even td.menu-disabled {
webmaster@1:   background-color: #fff;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Poll.module
webmaster@1:  */
webmaster@1: .poll .bar {
webmaster@1:   background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
webmaster@1:   border: solid #f0f0f0;
webmaster@1:   border-width: 0 1px 1px;
webmaster@1: }
webmaster@1: 
webmaster@1: .poll .bar .foreground {
webmaster@1:   background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
webmaster@1: }
webmaster@1: 
webmaster@1: .poll .percent {
webmaster@1:   font-size: .9em;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Autocomplete.
webmaster@1:  */
webmaster@1: #autocomplete li {
webmaster@1:   cursor: default;
webmaster@1:   padding: 2px;
webmaster@1:   margin: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Collapsible fieldsets
webmaster@1:  */
webmaster@1: fieldset {
webmaster@1:   margin: 1em 0;
webmaster@1:   padding: 1em;
webmaster@1:   border: 1px solid #d9eaf5;
webmaster@1:   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1: }
webmaster@1: 
webmaster@1: /* Targets IE 7. Fixes background image in field sets. */
webmaster@1: *:first-child+html fieldset {
webmaster@1:   padding: 0 1em 1em;
webmaster@1:   background-position: 0 .75em;
webmaster@1:   background-color: transparent;
webmaster@1: }
webmaster@1: 
webmaster@1: *:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
webmaster@1:   padding-top: 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: fieldset legend {
webmaster@1:   /* Fix disappearing legend in FFox */
webmaster@1:   display: block;
webmaster@1: }
webmaster@1: 
webmaster@1: *:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
webmaster@1:   display: inline;
webmaster@1: }
webmaster@1: 
webmaster@1: html.js fieldset.collapsed {
webmaster@1:   background: transparent;
webmaster@1:   padding-top: 0;
webmaster@1:   padding-bottom: .6em;
webmaster@1: }
webmaster@1: 
webmaster@1: html.js fieldset.collapsible legend a {
webmaster@1:   padding-left: 2em; /* LTR */
webmaster@1:   background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: html.js fieldset.collapsed legend a {
webmaster@1:   background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Syndication icons and block
webmaster@1:  */
webmaster@1: #block-node-0 h2 {
webmaster@1:   float: left; /* LTR */
webmaster@1:   padding-right: 20px; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: #block-node-0 img, .feed-icon {
webmaster@1:   float: right; /* LTR */
webmaster@1:   padding-top: 4px;
webmaster@1: }
webmaster@1: 
webmaster@1: #block-node-0 .content {
webmaster@1:   clear: right; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Login Block
webmaster@1:  */
webmaster@1: #user-login-form {
webmaster@1:   text-align: center;
webmaster@1: }
webmaster@1: #user-login-form ul {
webmaster@1:   text-align: left; /* LTR */
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * User profiles.
webmaster@1:  */
webmaster@1: .profile {
webmaster@1:   margin-top: 1.5em;
webmaster@1: }
webmaster@1: .profile h3 {
webmaster@1:   border-bottom: 0;
webmaster@1:   margin-bottom: 1em;
webmaster@1: }
webmaster@1: .profile dl {
webmaster@1:   margin: 0;
webmaster@1: }
webmaster@1: .profile dt {
webmaster@1:   font-weight: normal;
webmaster@1:   color: #898989;
webmaster@1:   font-size: 0.92em;
webmaster@1:   line-height: 1.3em;
webmaster@1:   margin-top: 1.4em;
webmaster@1:   margin-bottom: 0.45em;
webmaster@1: }
webmaster@1: .profile dd {
webmaster@1:   margin-bottom: 1.6em;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Admin Styles
webmaster@1:  */
webmaster@1: div.admin-panel,
webmaster@1: div.admin-panel .description,
webmaster@1: div.admin-panel .body,
webmaster@1: div.admin,
webmaster@1: div.admin .left,
webmaster@1: div.admin .right,
webmaster@1: div.admin .expert-link,
webmaster@1: div.item-list,
webmaster@1: .menu {
webmaster@1:   margin: 0;
webmaster@1:   padding: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: div.admin .left {
webmaster@1:   float: left; /* LTR */
webmaster@1:   width: 48%;
webmaster@1: }
webmaster@1: div.admin .right {
webmaster@1:   float: right; /* LTR */
webmaster@1:   width: 48%;
webmaster@1: }
webmaster@1: 
webmaster@1: div.admin-panel {
webmaster@1:   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1:   padding: 1em 1em 1.5em;
webmaster@1: }
webmaster@1: div.admin-panel .description {
webmaster@1:   margin-bottom: 1.5em;
webmaster@1: }
webmaster@1: div.admin-panel dl {
webmaster@1:   margin: 0;
webmaster@1: }
webmaster@1: div.admin-panel dd {
webmaster@1:   color: #898989;
webmaster@1:   font-size: 0.92em;
webmaster@1:   line-height: 1.3em;
webmaster@1:   margin-top: -.2em;
webmaster@1:   margin-bottom: .65em;
webmaster@1: }
webmaster@1: 
webmaster@1: table.system-status-report th {
webmaster@1:   border-color: #d3e7f4;
webmaster@1: }
webmaster@1: 
webmaster@1: #autocomplete li.selected, tr.selected td, tr.selected td.active {
webmaster@1:   background: #027ac6;
webmaster@1:   color: #fff;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
webmaster@1:   color: #d3e7f4;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.taxonomy-term-preview {
webmaster@1:   opacity: 0.5;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.taxonomy-term-divider-top {
webmaster@1:   border-bottom: none;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.taxonomy-term-divider-bottom {
webmaster@1:   border-top: 1px dotted #CCC;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * CSS support
webmaster@1:  */
webmaster@1: 
webmaster@1: /*******************************************************************
webmaster@1:  * Color Module: Don't touch                                       *
webmaster@1:  *******************************************************************/
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Generic elements.
webmaster@1:  */
webmaster@1: .messages {
webmaster@1:   background-color: #fff;
webmaster@1:   border: 1px solid #b8d3e5;
webmaster@1: }
webmaster@1: 
webmaster@1: .preview {
webmaster@1:   background-color: #fcfce8;
webmaster@1:   border: 1px solid #e5e58f;
webmaster@1: }
webmaster@1: 
webmaster@1: div.status {
webmaster@1:   color: #33a333;
webmaster@1:   border-color: #c7f2c8;
webmaster@1: }
webmaster@1: 
webmaster@1: div.error, tr.error {
webmaster@1:   color: #a30000;
webmaster@1:   background-color: #FFCCCC;
webmaster@1: }
webmaster@1: 
webmaster@1: .form-item input.error, .form-item textarea.error {
webmaster@1:   border: 1px solid #c52020;
webmaster@1:   color: #363636;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * dblog.module
webmaster@1:  */
webmaster@1: tr.dblog-user {
webmaster@1:   background-color: #fcf9e5;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.dblog-user td.active {
webmaster@1:   background-color: #fbf5cf;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.dblog-content {
webmaster@1:   background-color: #fefefe;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.dblog-content td.active {
webmaster@1:   background-color: #f5f5f5;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.dblog-warning {
webmaster@1:   background-color: #fdf5e6;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.dblog-warning td.active {
webmaster@1:   background-color: #fdf2de;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.dblog-error {
webmaster@1:   background-color: #fbe4e4;
webmaster@1: }
webmaster@1: 
webmaster@1: tr.dblog-error td.active {
webmaster@1:   background-color: #fbdbdb;
webmaster@1: }
webmaster@1: tr.dblog-page-not-found, tr.dblog-access-denied {
webmaster@1:   background: #d7ffd7;
webmaster@1: }
webmaster@1: tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
webmaster@1:   background: #c7eec7;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Status report colors.
webmaster@1:  */
webmaster@1: table.system-status-report tr.error, table.system-status-report tr.error th {
webmaster@1:   background-color: #fcc;
webmaster@1:   border-color: #ebb;
webmaster@1:   color: #200;
webmaster@1: }
webmaster@1: table.system-status-report tr.warning, table.system-status-report tr.warning th {
webmaster@1:   background-color: #ffd;
webmaster@1:   border-color: #eeb;
webmaster@1: }
webmaster@1: table.system-status-report tr.ok, table.system-status-report tr.ok th {
webmaster@1:   background-color: #dfd;
webmaster@1:   border-color: #beb;
webmaster@1: }