/**
 * @file
 * Generic theme-independent base styles.
 */

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete { border: 1px solid; overflow: hidden; position: absolute; z-index: 100; }
#autocomplete ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#autocomplete li { background: #fff; color: #000; cursor: default; white-space: pre; }

/* Animated throbber */
html.js input.form-autocomplete { background-image: url("../images/throbber.gif"); background-position: 99% 4px; /* LTR */ background-repeat: no-repeat; }
html.js input.throbbing { background-image: url("../images/throbber.gif"); background-position: 100% -16px; /* LTR */ }

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
/*html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; height: 1em; }
html.js fieldset.collapsed .fieldset-wrapper { display: none; }
fieldset.collapsible { position: relative; }
fieldset.collapsible .fieldset-legend { display: block; }*/

/* Fieldsets */
fieldset, .fieldset-title, .fieldset-title a, .fieldset-content { display:block; }
fieldset { margin:0px 0px 10px; padding:0; display:block; position:relative; min-height:26px; border:1px solid #CCCCCC; }
fieldset legend { display:block; float:left; width:100%; padding:0; }
.fieldset-legend { display:block; }
.container-inline .fieldset-legend .fieldset-content,
.fieldset.titled .fieldset-content { display:block; padding-top:40px; }
.fieldset-title, 
.collapsible .fieldset-legend a { font-family:Georgia,"Palatino Linotype",Palatino,"URW Bookman L",serif; display:block; color:#000000; font-size:1.7em; margin:0 0 7px 0; font-style:italic; font-weight:normal; padding:4px 9px 5px; }
.fieldset-legend,
.collapsible .fieldset-legend a { padding-bottom:2px; }
.collapsible .fieldset-legend a:hover { text-decoration:none; color:#e42230; }
fieldset .captcha { margin-top:40px; padding:15px; }

/* Explicit height for IE */
.collapsible .fieldset-legend a { height:20px; }
.collapsible .fieldset-legend span.icon { position:absolute; left:-20px; top:4px; background:url("../images/bleeds.png") -20px -180px no-repeat; width:20px; height:20px; display:block; cursor:pointer; }
html.js .collapsed .fieldset-legend span.icon { background-position:0px -180px; }
.fieldset .collapsible .fieldset-legend span.icon { display:none; }
.collapsed .fieldset-legend a {  }
.collapsed .fieldset-legend a:hover { text-decoration:none;  color:#e42230; }
.collapsible .fieldset-legend { padding:0px; background:transparent; }
.collapsed .fieldset-legend a { padding-bottom:2px; }
.block .block-content,
.container-inline .fieldset-content,
.fieldset-content { padding:10px 9px 9px; background:#fff; }
html.js .collapsed .fieldset-content { display:none; }
.fieldset .fieldset .fieldset-content { background:#fff; }
.collapsible .fieldset-wrapper{ margin:40px 0 0 10px; }/*???*/

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea { display: block; margin: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.resizable-textarea .grippie { background: #eee url("../images/grippie.png") no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; height: 9px; overflow: hidden; }

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag { cursor: move; }
.draggable a.tabledrag-handle { cursor: move; float: left; /* LTR */ height: 1.7em; margin-left: -1em; /* LTR */ overflow: hidden; text-decoration: none; }
a.tabledrag-handle:hover { text-decoration: none; }
a.tabledrag-handle .handle { background: url("../images/draggable.png") no-repeat 6px 9px; height: 13px; margin: -0.4em 0.5em; /* LTR */ padding: 0.42em 0.5em; /* LTR */ width: 13px; }
a.tabledrag-handle-hover .handle { background-position: 6px -11px; }
div.indentation { float: left; /* LTR */ height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ padding: 0.42em 0 0.42em 0.6em; /* LTR */ width: 20px; }
div.tree-child { background: url("../images/tree.png") no-repeat 11px center; /* LTR */ }
div.tree-child-last { background: url("../images/tree-bottom.png") no-repeat 11px center; /* LTR */ }
div.tree-child-horizontal { background: url("../images/tree.png") no-repeat -11px center; }
.tabledrag-toggle-weight-wrapper { text-align: right; /* LTR */ }

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header { background-color: #fff; margin-top: 0; }

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar { background-color: #fff; border: 1px solid; }
.progress .filled { background-color: #000; height: 1.5em; width: 5px; }
.progress .percentage { float: right; /* LTR */ }

/* Throbber */
/*.ajax-progress { display: inline-block; }
.ajax-progress .throbber { background: transparent url("../images/ajax-loading-grand.gif") no-repeat 0px -18px; float: left; height: 15px; margin: 2px; width: 15px; }
.ajax-progress .message { padding-left: 20px; }
tr .ajax-progress .throbber { margin: 0 2px; }
.ajax-progress-bar { width: 16em; }*/
.ajax-progress .throbber { background: transparent url("../images/ajax-loading-grand.gif") no-repeat 0px 0px; }
.ajax-progress .message { padding-left: 20px; }
tr .ajax-progress .throbber { margin: 0 2px; }
.ajax-progress-bar { width: 16em; }
.ajax-progress-throbber { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:transparent; rgba(255,255,255,.5); }
.ajax-progress-throbber .message { display:none; }
.ajax-progress-throbber .throbber { position:fixed; left:50%; top:50%; width:43px; height:43px; margin:-12px 0 0 -12px; background-color:#000000; background-position:4px 4px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/**
 * Inline items.
 */
.container-inline div,
.container-inline label { display: inline; }

/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper { display: block; }

/**
 * Prevent text wrapping.
 */
.nowrap { white-space: nowrap; }

/**
 * 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; }

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden { display: none; }

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus { position: static !important; clip: auto; }

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* IE6 */
* html .clearfix { height: 1%; }

/* IE7 */
*:first-child + html .clearfix { min-height: 1%; }