@charset 'UTF-8';
@import url('../reset-min.css');
@import url('../ui-lightness/jquery-ui-1.8.19.custom.css');
@import url('jquery.nyroModal.css');
@import url('jquery.tipTip.css');
@import url('jquery.validationEngine.css');

html, body {
  min-height: 100%;
}

body {
  background-color: #69A8BE;
  color: #000;
}

body, p, td, div, input, select, textarea {
  outline: none;
  font: 11px/140% Arial, Tahoma;
}

body.js {
  background: #69A8BE url('../../_images/admin/main_bg.png') top scroll repeat-x;
}

body.nojs * {
  visibility: hidden;
}

body.nojs div.jsalert,
body div.iealert {
  visibility: visible;
  width: 300px;
  padding: 4px;
  background: #fff;
  color: #f00;
  text-align: center;
  font-weight: bold;
  border: 2px solid #f00;
  margin: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}

body.nojs div.iealert,
body.js div.jsalert {
  visibility: hidden;
  display: none;
}

/* GLOBAL */

a,
a:hover {
  color: #00c;
  outline: none;
}

strong {
  font-weight: bold;
}

*.clear {
  float: none;
  clear: both;
}

*.hidden { display: none; }
*.block { display: block; }
*.red { color: #c00; }
*.green { color: #0c0; }
*.hcenter { text-align: center; }
*.vcenter { vertical-align: middle; }
*.vtop { vertical-align: top; }
*.marg1 { margin: 1px !important; }
*.marg5 { margin: 5px !important; }
*.padd1 { padding: 1px !important; }
*.padd5 { padding: 5px !important; }
*.marg10 { margin: 10px !important; }
*.padd10 { padding: 10px !important; }
*.nomarg { margin: 0px !important; }
*.nopadd { padding: 0px !important; }
*.mt5 { margin-top: 5px !important; }
*.mb5 { margin-bottom: 5px !important; }
*.w33p { width: 33.3%; }
*.w50p { width: 50%; }
*.w100p { width: 100%; }
*.ma { margin: auto; }
*.wbg { background-color: #ffffff; }
*.alignc { text-align: center; }
*.alignr { text-align: right; }
*.alignl { text-align: left; }

*.w100px { width: 100px; }
input[type='text'].w100px { width: 98px; }
select.w100px { width: 102px; }

*.w200px { width: 200px; }
input[type='text'].w200px, input.ui-autocomplete-input { width: 198px; }
select.w200px { width: 202px; }

div.box {
  padding: 5px;
  border: 1px solid #ccc;
}

div.wbg {
  background: #fff;
}

div.sys_message,
div.sys_error,
div#mx_core_error {
  margin: 2px 0px 5px 0px;
  padding: 5px;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  border-width: 2px 0px;
  border-style: solid;
}

div.sys_message {
  color: #0055BB;
  background: #C3D2E5;
  border-color: #84A7DB;
}

div.sys_error,
div#mx_core_error {
  color: #CC0000;
  background: #E6C0C0;
  border-color: #DE7A7B;
}

div#mx_core_error {
  padding-left: 25px;
  background: #E6C0C0 url('../../_images/icon-error.png') 5px 5px no-repeat;
}

div#mx_core_error span.mx_core_error_message {
  display: block;
  color: #f00;
  text-transform: uppercase;
}

div#mx_core_error span.mx_core_error_item {
  display: block;
}

div#mx_core_error span.mx_core_error_item_type {
  color: #000;
}

div#mx_core_error span.mx_core_error_item_alert {
  color: #CC0000;
}

div#mx_core_error span.mx_core_error_item_debug {
  color: #0055BB;
  font-weight: normal;
  white-space: pre-wrap;
}

/* FORMS */

input.input,
select.input,
textarea.input,
div.pager select {
  font-family: Arial, helvetica;
  font-size: 11px;
  color: #000;
  line-height: 120%;
  border: 1px solid #ccc;
  background: #fff;
  margin: 0px;
}

input.input,
textarea.input {
  padding: 2px;
}

select.input,
div.pager select {
  padding: 1px;
}

input.disabled, textarea.disabled {
  border: 1px solid #E78F08;
  background: #000 url('../ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png') center repeat;
  color: #ffffff;
}

/* LAYOUT */

div#container {
  width: 940px;
  margin: 0 auto;
  background: url('../../_images/admin/main_bg_rep.png') 0px 0px repeat-y;
  min-height: 100%;
}

div#container div#header {
  width: 902px;
  padding: 0px 19px;
  height: 201px;
  position: relative;
}

div#container div#header div#headLoader {
  position: absolute;
  left: 29px;
  top: 10px;
  border: 2px solid #69A8BE;
  display: none;
}

div#container div#content {
  width: 882px;
  padding: 5px;
  margin: 0px 24px;
}

/* CONTENT */

div#content_holder {}

div#content_holder div.content_l,
div#content_holder div.content_r {
  border: 1px solid #ccc;
  padding: 5px;
}

div#content_holder div.content_l {
  float: left;
  width: 170px;
}

div#content_holder div.content_r {
  float: right;
  width: 680px;
}

/* PAGE HEADERS */

div#content_holder div.content_r div.pagetitles {
  margin: 2px 0px 5px 0px;
  padding: 3px;
  background: #D6DFFF;
  border-width: 2px 0px;
  border-style: solid;
  border-color: #CCCCCC;
  line-height: 14px;
}

div#content_holder div.content_r div.pagetitles h1,
div#content_holder div.content_r div.pagetitles h2 {
  display: inline;
  font-size: 11px;
  color: #333;
}

div#content_holder div.content_r div.pagetitles h1 {
  font-weight: bold;
}

/* DATA TABLES */

table.data {
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid #ababab;
}

table.data th,
table.colorized table.data th {
  padding: 3px;
  background-color: #dfdfdf;
  font-weight: bold;
  background-image: none;
  color: #000;
  border: none;
  white-space: nowrap;
}

table.data td,
table.colorized table.data td {
  padding: 3px;
  background: #D6DFFF;
  border: none;
}

/* PAGER */

div.pager table td {
  vertical-align: middle;
  line-height: 20px;
}

/* COLORIZED TABLES */

table.colorized {
  width: 100%;
}

table.colorized th {
  background: #386BAA url('../../_images/gradient-blue.gif') center repeat-x;
  border-bottom: 2px solid #fff;
  padding: 3px 2px;
  font-weight: bold;
  line-height: 16px;
  color: #fff;
}

table.colorized tr {
  background-color: #eee;
}

table.colorized td {
  background: transparent;
  padding: 3px 2px;
}

table.colorized tr td {
  border-bottom: 1px solid #fff;
}

table.colorized tr.even {
  background-color: #EFE7B8;
}

table.colorized tr.odd {
  background-color: #F0DC7E;
}

table.colorized tr.even.hover,
table.colorized tr.odd.hover {
  background-color: #D6DFFF;
}

table.colorized tr th a {
  display: block;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
}

table.colorized tr th a.this {
  color: #F0DC7E;
}

table.colorized tr th a.a,
table.colorized tr th a.d {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

table.colorized tr th a.a {
  background-image: url('../../_images/arrow-down.gif');
}

table.colorized tr th a.d {
  background-image: url('../../_images/arrow-up.gif');
}

table.colorized tr th a img,
table.colorized tr td a img,
table.colorized tr th a,
table.colorized tr td a {
  border: none;
  outline: none;
}

table.colorized td span.qt {
  display: block;
  padding-left: 14px;
  background: url('../../_images/ico-comment.gif') 0px 2px no-repeat;
  cursor: pointer;
}

table.colorized td.icon span.red,
table.colorized td.icon span.green {
  display: block;
  padding-left: 18px;
  background: 0px 1px no-repeat;
  height: 16px;
  line-height: 16px;
}

table.colorized td.icon span.red {
  background-image: url('../../_images/icon-no.png');
}

table.colorized td.icon span.green {
  background-image: url('../../_images/icon-yes.png');
}

table.colorized td span.counter {
  display: block;
  padding: 1px 2px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  text-align: center;
  line-height: 100%;
}

/* FORM SUBMIT */

table.formsubmit {
  width: auto;
  margin: 0 auto;
}

table.formsubmit td,
table.formsubmit th {
  padding: 4px;
}

table.formsubmit th input {
  background-color: #efefef;
  border: 1px solid #C3D2E5;
  height: 26px;
  vertical-align: middle;
  text-align: left;
  padding: 0px 3px 0px 22px;
  background-position: 6px 6px;
  background-repeat: no-repeat;
}

table.formsubmit th input.wbg {
  background-color: #ffffff;
}

table.formsubmit th input.submit {
  background-image: url('../../_images/icon-yes.png');
}

table.formsubmit th input.cancel {
  background-image: url('../../_images/icon-no.png');
}

/* TRANSPARENT */

table.data th.trans,
table.data td.trans,
table.colorized th.trans,
table.colorized td.trans {
  background-color: transparent;
}

/* NYRO + jQuery UI */

div.nyroModalCont th {
  white-space: nowrap;
}

div.nyroModalDom {
  padding: 0px;
  min-height: 0px;
  min-width: 0px;
  overflow-x: hidden;
}

div.nyroModalCont .ui-widget {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}

.ui-tabs .ui-tabs-panel {
  padding: 1em;
}

.ui-tabs .ui-tabs-panel {
  overflow: auto;
}

.ui-tabs .ui-tabs-panel table.data {
  width: auto;
  margin: 0 auto;
}

.ui-tabs div.sys_message {
  margin-bottom: 0px;
}

/* SIDEBAR MODULES */

div#content_holder div.content_l div.module {
  border: 1px solid #ccc;
  margin-top: 5px;
  padding: 1px;
}

div#content_holder div.content_l div.module div.inner {
  padding: 5px;
}

div#content_holder div.content_l div.firstmodule {
  margin-top: 0px;
}

/* MAIN MENU */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 166px;
}

ul#menu a {
  display: block;
  text-decoration: none;
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;
  padding: 0.5em;
  line-height: 120%;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a span.icon {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin: -2px 4px 0px 0px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

ul#menu li ul li a.active {
  border-left: 5px #386BAA solid;
  background: #C3D2E5;
  padding-left: 15px;
}

ul#menu li ul li a:hover {
  background: #dedede;
  border-left: 5px #6F9FDD solid;
  padding-left: 15px;
}