/* ** 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; padding-right: 1em; 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; padding: 0.42em 0 0.42em 0.6em; float: left;}
div.tree-child { background: url('/misc/tree.png') no-repeat 11px center;}
div.tree-child-last { background: url('/misc/tree-bottom.png') no-repeat 11px center;}
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; 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;}
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: 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;}
.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: 10em;}
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;}
/* ** 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;}
/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
html.js fieldset.collapsible { position: relative;}
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; height: 1.7em; margin: -0.4em 0 -0.4em -0.5em; padding: 0.42em 1.5em 0.42em 0.5em; 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; padding-right: 5%; margin: 0;}
.teaser-checkbox div.form-item { float: right; margin: 0 5% 0 0; 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;}
.progress-disabled { float: left;}
.ahah-progress { float: left;}
.ahah-progress .throbber { width: 15px; height: 15px; margin: 2px; background: transparent url('/misc/throbber.gif') no-repeat 0px -18px; float: left;}
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;}
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;}
.confirm-parent { margin: 5px 0 0 0;}
span.password-confirm { visibility: hidden;}
span.password-confirm span { font-weight: normal;}