@CHARSET "UTF-8";

/* Firefox scrollbar fix */
html {
overflow-y: scroll;
overflow-x: auto;
}

body { margin: 0; }

div.paging .disabled { color: #888888; display: inline; }
div.paging a { text-decoration: none; }
div.paging div.navigation span.navigation-numbers a { border: 1px solid #c3c3c3; padding: 2px 5px; }
div.paging div.navigation span.navigation-numbers span.current { border: 1px solid #c3c3c3; background-color: #c3c3c3; padding: 2px 5px; }
div.paging div.counter { float: right; }


.explain { font-size: 0.95em; font-style: italic; color: #555555; }

h6 { font-size: 0.90em; padding-left: }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.padding-0 { padding: 0 !important; }
.padding-1 { padding: 1px !important; }
.padding-2 { padding: 2px !important; }
.padding-3 { padding: 3px !important; }
.padding-4 { padding: 4px !important; }
.padding-5 { padding: 5px !important; }
.padding-6 { padding: 6px !important; }
.padding-7 { padding: 7px !important; }
.padding-8 { padding: 8px !important; }
.padding-9 { padding: 9px !important; }
.padding-10 { padding: 10px !important; }

input[type=text],
input[type=password] {
  border: 1px solid #c3c3c3;
  -moz-border-radius: 4px;
  padding-left: 3px;	
}

input[type=submit],
button { cursor: pointer; }

.info, .flash-success {
  padding: 0.8em;
  border: 2px solid #DDDDDD;
}

.info {
  background-color: #CBD7E5;
  border-color: #6891BD;
  color: black;
}

.flash-success {
  background-color: #E6EFC2;
  border-color: #C6D880;
  color: #264409;
}

.flash-message {
  background-color: #FBE3E4;
  border-color: #FBC2C4;
  color: #8A1F11;
}

.flash-error {
  background-color: #FFF6BF;
  border-color: #FFD324;
  color: #514721;
}

.info,
.success, .flash-success,
.notice, .flash-message,
.flash-error {
	background-repeat: no-repeat;
	background-position: 4px 50%;
  -moz-border-radius: 6px;
  border-width: 1px;
  margin-bottom: inherit;
  padding: 0.4em;
	padding-left: 26px;
}

.info { background-image: url(../img/info.png); }
.success, .flash-success { background-image: url(../img/success.png); }
.notice, .flash-message { background-image: url(../img/notice.png); }
.flash-error { background-image: url(../img/error.png); }

.info, .success, .flash-success, .notice, .flash-message, .flash-error {
	background-position: 4px 4px;
}
	
.margin-0 { margin: 0; }

div.input label { display: block; }

div.checkbox label { display: inline; }

div.input input, 
div.input textarea,
div.input select { margin-top: 0; }

div.right, .right { float: right; }
div.left, .left { float: left; }

/* myui tables */
div.myui { padding: 2px; }
table.myui { border-collapse: separate; border-spacing: 1px; margin-bottom: 0; }
table.myui tr { }
table.myui th { border-top: 0; border-left: 0; border-bottom: 0; }
table.myui th.last { border-right: 0; }
table.myui tr.title { }
table.myui td { vertical-align: top; padding: 4px; }

/* Overrides */
.ui-widget { font-size: 1.0em !important; }
.ui-dialog { width: 100%; }
.ui-tabs-panel { padding: 0 !important; }

.comment-list-container .ui-widget-header,
.comment-list-container .ui-widget-content { padding: 4px; }

input.text,
input.title,
textarea { width: 98%; -moz-border-radius: 6px; }
input.title { font-size: 1.5em !important; }

.prepend-top { margin-top: 0.75em; }
.append-bottom { margin-bottom: 0.75em; }

/* Transparent overlays */
.ui-overlay .ui-loading-message {
  position:absolute; 
  top: 50%; 
  left: 50%; 
  margin-left: -90px; 
  font-size: 16px; 
  width: 160px; 
  text-align: center; 
  font-weight: bold;
  background-color: #222222;
  color: white;
  padding: 10px;
  opacity: 0.7;
  -moz-border-radius: 6px;
}

div.index-filter a.button-link { font-size: 100%; }

a.button-link { position: relative; text-decoration: none; padding: 2px 6px 1px 16px; font-size: 0.85em; margin-right: 2px; margin-left: 2px; }
a.button-link span { left:0; margin:-8px 5px 0 0; position:absolute; top:50%; }

ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}


div.top-menu {
  padding: 4px;
}


div.multi-checkbox {
	-moz-border-radius:4px;
	border:1px solid #E0CFC2;
	height:150px;
	overflow-y:scroll;
	padding:3px;
}

div.multi-checkbox label {
  display: inline;
  padding-left: 6px;
}

div.multi-checkbox .checkbox {
  margin-bottom: 4px;
}


div.input {
  margin-bottom: 1em;
}

div.input label {
  font-size: 120%;
}

input.readonly-input {
  border: 1px solid transparent;
  background-color: transparent;
}

img.ui-datepicker-trigger {
	cursor: pointer;
  vertical-align: text-bottom;
}

input.hasDatepicker { margin: 0 3px; }

textarea.mce-basic {
  height: 150px;
}

a.cancel-filter {
  text-decoration: none;
  color: #FF3C3C;
  margin-left: -3px;
}

span.filter-param {
  font-weight: bold;
  border-bottom: 1px dotted black;
}

.sup-attention, .sup-quiet {
  padding: 1px 3px 0 3px;
  -moz-border-radius: 5px;
  margin: 0 1px;
}

.sup-quiet { background-color: #666; color: white; }

.sup-attention { background-color: #900; color: white; }

.cursor-help {
  cursor: help;
}

.expired {
	color: #666;
	text-decoration: line-through;
}

.indicator-future-publish,
.indicator-future-expire,
.indicator-past-expire,
.indicator-notice,
.indicator-error,
.indicator-success,
.indicator-help {
	background-color: transparent;
	background-image: url("/admin/img/indicators.png");
	background-repeat: no-repeat;
	cursor: help;
	display: inline-table;
	width: 9px;
	height: 9px;
	margin: 0 0 0 1px;
}

.indicator-future-publish { background-position: 0 0; }
.indicator-future-expire { background-position: -9px 0; }
.indicator-past-expire { background-position: -18px 0; }
.indicator-notice { background-position: -27px 0; }
.indicator-error { background-position: -36px 0; }
.indicator-success { background-position: -45px 0; }
.indicator-help { background-position: -54px 0; }

.help-dialog {
  display: none;
}

/* Errors */
div.error {
  border: 0 none;
  background-color: transparent;
  padding: 4px;
}
div.input.error {
  padding: 0;
}
div.error-message {
  margin-top: 0.5em;
}