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

.ahah-progress .throbber, .flag-waiting .flag-throbber {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../images/throbber.gif) no-repeat scroll 0 50%;
  float:left;
  height:5px;
  height: 100%;
  margin:0 4px 0 8px;
  width:21px;
  }

.flag-waiting .flag-throbber {
  float:none;
  padding-right: 21px;
  }

.form-button-wrapper div.ahah-progress, .form-button-wrapper div.throbber {
  display:block;
  position:absolute;
  right: -22px;
  top: 5px;
  height:5px;
  width:21px;
  float: none;
  }

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

html.js input.throbbing {
  background-position: 100% 2px; /* LTR */
	}


/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border:none;
  height: 1em;
	}

html.js fieldset.collapsed * {
  display: none;
	}

html.js fieldset.collapsed legend {
  display: block;
	}


/* 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;
  margin-right: -4px;
	}

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;
  margin: 0 1em 0 .5em;
	}


/*
** Resizable text areas
*/
.resizable-textarea {
  margin-right:4px;
	}

.resizable-textarea .grippie {
  height: 9px;
  overflow: hidden;
  background: #eee url(../images/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('../images/scholarbase-sprite.png') no-repeat 0 -25px;
	}

a.tabledrag-handle-hover .handle {
  background-position: 0 -45px;
	}


/*
** 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(../images/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin: 0;
	}

.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(../images/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;
	}

/* MESSAGES */

div.messages {
  background:#BBDDFF;
  border:1px solid #AACCEE;
  color:#003366;
  margin:0 0 10px;
  padding:9px;
  clear:both;
  }

div.status {
  background:#CCFF88;
  border:1px solid #BBEE77;
  color:#336600;
  margin:0 0 10px;
  padding:9px;
  }

div.warning {
  background: #FFEE66;
  border:1px solid #EEDD55;
  color:#666;
  margin:0 0 10px;
  padding:9px;
  font-family: arial;
  font-weight:normal;
   text-shadow: none;
   font-size:1em;
   text-transform: none;
}
  
#header div.warning > a,
#content-area div.warning > a,
#footer div.warning > a {
     color: #003366;
     text-decoration: underline;
    text-shadow: none;
}
div.error {
  background:#EE6633;
  border:1px solid #DD5522;
  color:#FFFFFF;
  margin:0 0 10px;
  padding:9px;
  }