/* $Id: system.css,v 1.48 2008/01/09 09:56:39 goba Exp $ */

/*
** HTML elements
*/
body.drag { cursor: move; }
th.active img { display: inline; }
tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; }
tr.drag { background-color: #fffff0; }
tr.drag-previous { background-color: #ffd; }
td.active { background-color: #ddd; }
td.checkbox, th.checkbox { text-align: center; }
tbody { border-top: 1px solid #ccc; }
tbody th { border-bottom: 1px solid #ccc; }
thead th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; }
/*
** Other common styles
*/
.breadcrumb { padding-bottom: .5em }
div.indentation { width: 20px; height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ padding: 0.42em 0 0.42em 0.6em; /* LTR */ float: left; /* LTR */ }
div.tree-child { background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ }
div.tree-child-last { background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ }
div.tree-child-horizontal { background: url(../../misc/tree.png) no-repeat -11px center; }
.error { color: #e55; }
div.error { border: 1px solid #d77; }
div.error, tr.error { background: #fcc; color: #200; padding: 2px; }
.warning { color: #e09010; }
div.warning { border: 1px solid #f0c020; }
div.warning, tr.warning { background: #ffd; color: #220; padding: 2px; }
.ok { color: #008000; }
div.ok { border: 1px solid #00aa00; }
div.ok, tr.ok { background: #dfd; color: #020; padding: 2px; }
.item-list .icon { color: #555; float: right; /* LTR */ padding-left: 0.25em; /* LTR */ clear: right; /* LTR */ }
.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; /* LTR */ padding: 0; list-style: disc; }
ol.task-list li.active { font-weight: bold; }
.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:11px; padding:2px 0; font-family:Arial, Helvetica, sans-serif; }
.form-item label { display: block; font-weight: bold; font-size:12px; padding-bottom:3px; }
.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; /* LTR */ }
.more-help-link { font-size: 0.85em; text-align: right; /* LTR */ }
.nowrap { white-space: nowrap; }
.item-list .pager { clear: both; text-align: center; }
.item-list .pager li { background-image:none; display:inline; list-style-type:none; padding: 0.5em; }
.pager-current { font-weight:bold; }
.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; /* LTR */ line-height: 1.75em; padding: 0; margin: 0 1em 0 0; /* LTR */ }
dl.multiselect .form-item { height: 1.75em; margin: 0; }
/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label { display: inline; }
/*
** Tab navigation
*/
ul.primary { border-collapse: collapse; padding:5px 5px 0; /* LTR */ white-space: nowrap; list-style: none; margin: 5px; height: auto; line-height: normal; border-bottom: 1px solid #bbb; font-size:12px; }
ul.primary li { display: inline; }
ul.primary li a { background-color: #C9EEF5; border-color: #C9EEF5; border-width: 1px; border-style: solid solid none solid; height: auto; margin-right: 0.5em; /* LTR */ padding:2px 15px 0; text-decoration: none; color:#000000; }
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; /* LTR */ }
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; /* LTR */ }
html.js input.throbbing { background-position: 100% -18px; /* LTR */ }
/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 0; height: 1em; font-size:12px; }
html.js fieldset.collapsed * { display: none; }
html.js fieldset.collapsed legend { display: block;}
html.js fieldset.collapsible legend a { padding-left: 15px; /* LTR */ background: url(../../misc/menu-expanded.png) 0 75% no-repeat; /* LTR */ }
html.js fieldset.collapsed legend a { background-image: url(../../misc/menu-collapsed.png); /* LTR */ background-position: 0 50%; /* LTR */ }
/* 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; }
/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
html.js fieldset.collapsible { position: relative; font-size:12px;  }
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; }
/*
** Table drag and drop.
*/
.draggable a.tabledrag-handle { cursor: move; float: left; /* LTR */ height: 1.7em; margin: -0.4em 0 -0.4em -0.5em; /* LTR */ padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ text-decoration: none; }
a.tabledrag-handle:hover { text-decoration: none; }
a.tabledrag-handle .handle { margin-top: 4px; height: 13px; width: 13px; background: url(../../misc/draggable.png) no-repeat 0 0; }
a.tabledrag-handle-hover .handle { background-position: 0 -20px; }
/*
** Teaser splitter
*/
.joined + .grippie { height: 5px; background-position: center 1px; margin-bottom: -2px; }
/* Keeps inner content contained in Opera 9. */
.teaser-checkbox { padding-top: 1px; }
div.teaser-button-wrapper { float: right; /* LTR */ padding-right: 5%; /* LTR */ margin: 0; }
.teaser-checkbox div.form-item { float: right; /* LTR */ margin: 0 5% 0 0; /* LTR */ padding: 0; }
textarea.teaser { display: none; }
html.js .no-js { display: none; }
/*
** Progressbar styles
*/
.progress { font-weight: bold; }
.progress .bar { background: #fff url(../../misc/progress.gif); border: 1px solid #00375a; height: 1.5em; margin: 0 0.2em; }
.progress .filled { background: #0072b9; height: 1em; border-bottom: 0.5em solid #004a73; width: 0%; }
.progress .percentage { float: right; /* LTR */ }
.progress-disabled { float: left; /* LTR */ }
.ahah-progress { float: left; /* LTR */ }
.ahah-progress .throbber { width: 15px; height: 15px; margin: 2px; background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; float: left; /* LTR */ }
tr .ahah-progress .throbber { margin: 0 2px; }
.ahah-progress-bar { width: 16em; }
/*
** Formatting for welcome page
*/
#first-time strong { display: block; padding: 1.5em 0 .5em; }
/*
** To be used with tableselect.js
*/
tr.selected td { background: #ffc; }
/*
** Floating header for tableheader.js
*/
table.sticky-header { margin-top: 0; background: #fff; }
/*
** Installation clean URLs
*/
#clean-url.install { display: none; }
/*
** For anything you want to hide on page load when JS is enabled, so
** that you can use the JS to control visibility and avoid flicker.
*/
html.js .js-hide { display: none; }
/*
** Styles for the system modules page (admin/build/modules)
*/
#system-modules div.incompatible { font-weight: bold; }
/*
** Styles for the system themes page (admin/build/themes)
*/
#system-themes-form div.incompatible { font-weight: bold; }
/*
** Password strength indicator
*/
span.password-strength { visibility: hidden; }
input.password-field { margin-right: 10px; /* LTR */ }
div.password-description { padding: 0 2px; margin: 4px 0 0 0; font-size: 0.85em; max-width: 500px; }
div.password-description ul { margin-bottom: 0; }
.password-parent { margin: 0 0 0 0; }
/*
** Password confirmation checker
*/
input.password-confirm { margin-right: 10px; /* LTR */ }
.confirm-parent { margin: 5px 0 0 0; }
span.password-confirm { visibility: hidden; }
span.password-confirm span { font-weight: normal; }
input.form-submit { border:1px solid #1e6d98; background-color:#44a4ce; padding:2px 4px; color:#0b3a50; margin-top:5px; cursor:pointer; }
.breadcrumb a {color:#000000; font-size:12px;}
.breadcrumb { padding-left:3px; }
#edit-name.form-text, #edit-pass.form-text { border:1px solid #1E9BBB; padding:2px 3px; }