/* $Id: system.css,v 1.21 2006/12/21 16:13:06 dries Exp $ */
/*
** HTML elements
*/
th.active img {
    display: inline
    }
tr.even, tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em
    }
td.active {
    background-color: #ddd
    }
tbody {
    border-top: 1px solid #ccc
    }
tbody th {
    border-bottom: 1px solid #ccc
    }
thead th {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc
    }
/*
** Other common styles
*/
.breadcrumb {
    padding-bottom: 0.5em
    }
.error {
    color: #f00
    }
div.error {
    border: 1px solid #d77
    }
div.error, tr.error {
    background: #fcc;
    color: #200
    }
div.warning, tr.warning {
    background: #ffd
    }
div.ok, tr.ok {
    background: #dfd
    }
.item-list .icon {
    color: #555;
    float: right;
    padding-left: 0.25em;
    clear: right
    }
.item-list .title {
    font-weight: bold
    }
.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0
    }
.item-list ul li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
    list-style: disc
    }
.form-item {
    margin-top: 1em;
    margin-bottom: 1em
    }
tr.odd .form-item, tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap
    }
tr.merge-down, tr.merge-down td, tr.merge-down th {
    border-bottom-width: 0 !important
    }
tr.merge-up, tr.merge-up td, tr.merge-up th {
    border-top-width: 0 !important
    }
.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid red
    }
.form-item .description {
    font-size: 0.85em
    }
.form-item label {
    display: block;
    font-weight: bold
    }
.form-item label.option {
    display: inline;
    font-weight: normal
    }
.form-checkboxes, .form-radios {
    margin: 1em 0
    }
.form-checkboxes .form-item, .form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em
    }
.marker, .form-required {
    color: #f00
    }
.more-link {
    text-align: right
    }
.more-help-link {
    font-size: 0.85em;
    text-align: right
    }
.nowrap {
    white-space: nowrap
    }
.pager {
    clear: both;
    text-align: center
    }
.pager a, .pager strong.pager-current {
    padding: 0.5em
    }
.tips {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.9em
    }
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
    font-family: inherit;
    font-size: inherit;
    width: 14em
    }
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
    width: 8em
    }
dl.multiselect dt, dl.multiselect dd {
    float: left;
    line-height: 1.75em;
    padding: 0;
    margin: 0 1em 0 0
    }
dl.multiselect .form-item {
    height: 1.75em;
    margin: 0
    }
/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
    display: inline
    }
/*
** Menus
*/
ul.menu {
    list-style: none;
    border: none;
    text-align: left
    }
ul.menu li {
    margin: 0 0 0 0.5em
    }
li.expanded {
    list-style-type: circle;
    list-style-image: url(../../misc/menu-expanded.png);
    padding: 0.2em 0.5em 0 0;
    margin: 0
    }
li.collapsed {
    list-style-type: disc;
    list-style-image: url(../../misc/menu-collapsed.png);
    padding: 0.2em 0.5em 0 0;
    margin: 0
    }
li.leaf {
    list-style-type: square;
    list-style-image: url(../../misc/menu-leaf.png);
    padding: 0.2em 0.5em 0 0;
    margin: 0
    }
li a.active {
    color: #000
    }
td.menu-disabled {
    background: #ccc
    }
ul.links {
    margin: 0;
    padding: 0
    }
ul.links.inline {
    display: inline
    }
ul.links li {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em
    }
.block ul {
    margin: 0;
    padding: 0 0 0.25em 1em
    }
/*
** Tab navigation
*/
ul.primary {
    border-collapse: collapse;
    padding: 0 0 0 1em;
    white-space: nowrap;
    list-style: none;
    margin: 5px;
    height: auto;
    line-height: normal;
    border-bottom: 1px solid #bbb
    }
ul.primary li {
    display: inline
    }
ul.primary li a {
    background-color: #ddd;
    border-color: #bbb;
    border-width: 1px;
    border-style: solid solid none solid;
    height: auto;
    margin-right: 0.5em;
    padding: 0 1em;
    text-decoration: none
    }
ul.primary li.active a {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: #fff 1px solid
    }
ul.primary li a:hover {
    background-color: #eee;
    border-color: #ccc;
    border-bottom-color: #eee
    }
ul.secondary {
    border-bottom: 1px solid #bbb;
    padding: 0.5em 1em;
    margin: 5px
    }
ul.secondary li {
    display: inline;
    padding: 0 1em;
    border-right: 1px solid #ccc
    }
ul.secondary a {
    padding: 0;
    text-decoration: none
    }
ul.secondary a.active {
    border-bottom: 4px solid #999
    }
/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
    position: absolute;
    border: 1px solid;
    overflow: hidden;
    z-index: 100
    }
#autocomplete ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
#autocomplete li {
    background: #fff;
    color: #000;
    white-space: pre;
    cursor: default
    }
#autocomplete li.selected {
    background: #0072b9;
    color: #fff
    }
/* Animated throbber */
html.js input.form-autocomplete {
    background-image: url(../../misc/throbber.gif);
    background-repeat: no-repeat;
    background-position: 100% 2px
    }
html.js input.throbbing {
    background-position: 100% -18px
    }
/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
    height: 1em
    }
html.js fieldset.collapsed * {
    display: none
    }
html.js fieldset.collapsed legend {
    display: block
    }
html.js fieldset.collapsible legend a {
    padding-left: 15px;
    background: url(../../misc/menu-expanded.png) 5px 75% no-repeat
    }
html.js fieldset.collapsed legend a {
    background-image: url(../../misc/menu-collapsed.png);
    background-position: 5px 50%
    }
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend, * html.js fieldset.collapsed legend *, * html.js fieldset.collapsed table * {
    display: inline
    }
html.js fieldset.collapsible legend a {
    display: block
    }
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
    overflow: auto
    }
/*
** Resizable text areas
*/
.resizable-textarea {
    width: 95%
    }
.resizable-textarea .grippie {
    height: 9px;
    overflow: hidden;
    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize
    }
html.js .resizable-textarea textarea {
    margin-bottom: 0;
    width: 100%;
    display: block
    }
/*
** Progressbar styles
*/
.progress {
    font-weight: bold
    }
.progress .bar {
    background: #fff url(../../misc/progress.gif);
    border: 1px solid #00375a;
    height: 1.5em;
    margin-top: 0.2em
    }
.progress .filled {
    background: #0072b9;
    height: 1em;
    border-bottom: 0.5em solid #004a73;
    width: 0%
    }
.progress .percentage {
    float: right
    }
/*
** Formatting for welcome page
*/
#first-time strong {
    display: block;
    padding: 1.5em 0 0.5em
    }
/*
** To be used with tableselect.js
*/
tr.selected td {
    background: #ffc
    }