@CHARSET "UTF-8";

.aleft   { text-align: left; }
.acenter, #content table td.acenter { text-align: center; }
.aright  { text-align: right; }

.fleft   { float: left; }
.fright  { float: right; }

*:focus {
  outline: none;
}

body {
  text-align: center;
  background-color: #efefef;
  margin: 0;
}

body, label, table {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #353535;
}


h2 {
  font-size: 19px;
  line-height: 25px;
  font-weight: normal;
  border-bottom: 1px solid #E6E6E6;
  margin: 10px 0;
  text-transform: uppercase;
  color: #000000;
}

h2 a {
  font-size: 12px;
  text-transform: none;
}

#toolbar {
  background-color: #E7E7E7;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #F4F4F4;
  height: 26px;
  background: -moz-linear-gradient(center top , #ededed, #dedede) repeat scroll 0 0 transparent);
  background: -webkit-linear-gradient(top, #ededed, #dedede);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede');
}

#toolbar .tb_right {
  float: right;
  display: inline-block;
}

#toolbar .button {
  display: inline-block;
  background-color: #EFEFEF;
  border-bottom: 1px solid #FFFFFF;
  margin-top: 1px;
  text-decoration: none;
  height: 22px;
}

#toolbar .tb_right .button {
  margin-left: 5px;
  margin-right: 0px;
}

#toolbar .button {
  margin-left: 0px;
  margin-right: 5px;
}

#toolbar .button span {
  border: 1px solid #D5D5D5;
  display: inline-block;
  height: 20px;
}

#toolbar .button span span {
  border: none;
  border-top: 1px solid #FFFFFF;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

#toolbar .button.settings span span {
  background-image: url("../Images/icon_settings.png");
}

#toolbar .button.new span span {
  background-image: url("../Images/icon_new.png");
}

#toolbar .button span span span {
  display: none;
}

#toolbar .button:hover {
  background-color: #FFFFFF;
}

#toolbar .button.selected,
#toolbar .button.selected:hover {
  background-color: #dcdcdc;
}

#toolbar .button.selected span span,
#toolbar .button.selected:hover span span {
  border-top: 1px solid #d5d5d5;
  font-weight: bold;
}

a {
  color: #308DBF;
}

form {
  margin: 0;
}

input, textarea, select {
  width: 340px;
  line-height: 18px;
  height: 18px;
  padding: 2px 3px;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  font-size: 12px;
  font-family: Arial, sans-serif;

}

fieldset fieldset input, textarea, select {
  width: 315px;
}

input.small {
  width: 150px;
}

span.mall {
  display: inline-block;
  width: 27px;
  text-align: center;
}

textarea {
  height: auto;
}

input[disabled="disabled"] {
  background-color: #efefef;
  color: #666666;
  background-image: url("../Images/lock.png");
  background-repeat: no-repeat;
  background-position: center right;
}

.input_box {
  display: inline-block;
  position: relative;
}

.input_unit {
  text-align: right;
  position: absolute;
  right: 0px;
  top: 0px;
  line-height: 22px;
  margin: 6px 22px 0 0;
  padding: 0 3px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  background-color: #ffffff;
}

select {
  width: 348px;
  padding: 2px;
  height: 24px;
}

input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

input[type="radio"] {
  vertical-align: middle;
}

.advanced_box label.classic,
label.classic {
  width: auto;
  margin-right: 30px;
  margin-left: 5px;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #359cd4;
  border-top: 1px solid #308DBF;

}

input[type="text"].date_picker {
  position: relative;
  z-index: 8888;
  text-align: right;
}

select,
input[type="radio"],
input[type="submit"],
input[type="button"],
input[type="checkbox"] {
  cursor: pointer;
}

input, textarea, label {
  margin: 5px 0;
}

input[type="button"],
input[type="submit"] {
  font-weight: bold;
  font-size: 12px;
  font-family: Tahoma, sans-serif;
  cursor: pointer;
  width: auto;
  height: 24px;
  background: -moz-linear-gradient(center top , #ededed, #dedede) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #ededed, #dedede);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede');
  border: 1px solid #c9c9c9;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 3px;
  text-shadow: 1px 1px 0px #c9c9c9;
  position: relative;
  top: 2px;
}

@-moz-document url-prefix() {
  input[type="button"],
  input[type="submit"] {
    top: 1px;
  }
}

input[type="button"]:hover,
input[type="submit"]:hover {
  background: -moz-linear-gradient(center top , #e5e5e5, #d6d6d6) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #e5e5e5, #d6d6d6);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d6d6d6');
  box-shadow: 0 0 2px rgba(150, 150, 150, 0.5);
}

input[type="checkbox"] {
  vertical-align: middle;
  border: 0;
}

td input[type="text"] {
  margin: 0;
  width: auto;
}

fieldset {
  border: 1px solid #E8E8E8;
  background-color: #FFFFFF;
  margin: 0 0 12px 0;
  padding: 10px;
  position: relative;
  overflow: visible;
}

fieldset h3 {
  margin: 0 0 12px;
  border-bottom: 1px solid #EDEDED;
  font-family: Tahoma,sans-serif;
  font-weight: bold;
  line-height: 15px;
  padding: 0 0 8px;
  width: 100%;
  font-size: 12px;
}

fieldset.filter {
  background-color: #ececec;
  border: 1px solid #dbdbdb;
  margin: 0px;
  text-align: center;
  padding: 0px;
}

fieldset.filter .filter_clear {
  font-weight: bold;
  font-size: 14px;
  font-family: Tahoma, sans-serif;
  cursor: pointer;
  width: auto;
  height: 22px;
  background: -moz-linear-gradient(center top , #ededed, #dedede) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #ededed, #dedede);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede');
  border: 1px solid #c9c9c9;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  text-shadow: 1px 1px 0px #c9c9c9;
  position: relative;
  text-decoration: none;
  display: inline-block;
  color: #000000;
}

fieldset.filter .filter_clear:hover {
  background: -moz-linear-gradient(center top , #e5e5e5, #d6d6d6) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #e5e5e5, #d6d6d6);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d6d6d6');
  box-shadow: 0 0 2px rgba(150, 150, 150, 0.5);
}

fieldset.filter label {
  width: auto;
}

fieldset.filter .search_box {
  background-color: #e7e7e7;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 10px;
}

fieldset .filter_inner_box {
  padding: 10px;
}

.filter_box {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 10px;
}

.filter.products select[name="type"] {
  width: 65px;
}

.filter.products label[for="under_categories"] {
  text-align: left;
}

.filter.orders select[name="type"] {
  width: 110px;
}

.filter.orders select[name="payment_method"],
.filter.orders select[name="state"] {
  width: 180px;
}

.filter.orders input.from_to {
  width: 150px;
}

.filter.orders div.from_to {
  width: 515px;
  padding-left: 48px;
  text-align: left;
}

.filter.orders div.states {
  width: 300px;
  padding-right: 85px;
  text-align: right;
}

.filter.orders label.state_label,
.filter.orders label.from_to {
  width: 90px;
}

.filter label[for="search"] {
  font-weight: bold;
}

.filter label {
  text-align: right;
}

.filter .selects {
  text-align: center;
}

.filter .selects label {
  padding-left: 30px;
  text-align: right;
}

.filter .selects select {
  width: 55px;
}


.filter .selects #approval_state_label {
  padding: 0px;
}
.filter .selects #approval_state {
  width: auto;
}

legend {
  float: left;
  width: 100%;
  padding: 0 0 8px;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 12px;
  line-height: 15px;
  font-weight: bold;
  clear: both;
  font-family: Tahoma, sans-serif;
}

legend + * {
  clear: both;
}

label {
  text-align: left;
  display: inline-block;
  width: 195px;
  line-height: 24px;
  vertical-align: middle;
}

label.required {
  font-weight: bold;
}

textarea {
  vertical-align: top;
}

img {
  border: 0;
}

.highlight {
  background-color: yellow;
}

.highlighted {
  color: red;
}

.acenter {
  text-align: center;
}

.clear {
  clear: both;
}

hr.clear {
  margin: 0;
  border: 0;
  height: 0;
  border: none;
}

#page, #header, .menu, .footer, .tb_box {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.footer {
  line-height: 22px;
  margin-bottom: 7px;
}

.copyright {
  text-decoration: none;
  color: #353535;
  line-height: inherit;
}

.copyright .topweby {
  /*
  background-image: url("../Images/logo_admin_small.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  padding-left: 19px;
  background-position: 0 2px;
  */
}

.version {
  float: right;
}

#page {
  background-color: #f4f4f4;
  border: 1px solid #FCFCFC;
  margin: 120px auto 7px;
  box-shadow: 0 0 10px rgba(150, 150, 150, 0.5);
}

div#top {
  position: fixed;
  background-color: #000000;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

#header {
  display: table;
  #position: relative;
  overflow: visible;
  height: 50px;
}

#logo {
  _position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;
}

#logo a {
  #position: relative;
  #top: -50%;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 28px;
  line-height: 28px;
  font-family: Verdana;
  background-image: url("../Images/logo_admin.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 27px;
  padding: 5px 0 3px 43px;
  position: relative;
  left: -4px;
  z-index: 10000;
}

#logo a span {
  font-size: 17px;
}

#info_pannel {
  background-color: #343434;
  margin: 10px;
  padding: 7px;
  color: #c9c9c9;
  display: none;
}

.info {
  font-size: 11px;
  vertical-align: middle;
  line-height: 21px;
  display: inline-block;
  padding-left: 10px;
}

#content {
  padding: 10px 10px 10px;
  position: relative;
}

#content table {
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
  border-collapse: collapse;
  background-color: #FFFFFF;
}

#content tr {
  behavior: url(hover.htc);
}

#content tr.even td {
  background-color: #FbFbFb;
}

#content tr:hover td, #content tr.hover td {
  /*background-color: #ebebeb;*/
  background-color: #F4F4F4;
}

#content tr.payed.even td {
  background-color: #caf7c0;
}

#content tr.payed.odd td {
  /*background-color: #def5d8;*/
  background-color: #caf7c0;
}

#content tr.payed:hover td, #content tr.payed.hover td {
  background-color: #a7d59c;
}

#content tr.canceled.even td {
  background-color: #e6e5e5;
}

#content tr.canceled.odd td {
  /*background-color: #efefef;*/
	background-color: #e6e5e5;
}

#content tr.canceled:hover td, #content tr.canceled.hover td {
  background-color: #d3d3d3;
}

#content tr.error.even td {
  background-color: #fdcfcf;
}

#content tr.error.odd td {
  /*background-color: #ffdddd;*/
	background-color: #fdcfcf;
}

#content tr.error:hover td, #content tr.canceled.hover td {
  background-color: #ffb3b3;
}

#content tr td.product {
  color: #55ab44;
}

#content tr td.combination {
  color: #d28029;
}

#content tr.deleted td .hover_info, #content tr.deleted td .hover_info,
#content tr.deleted td {
  color: #AAAAAA;
}

#content tr td .hover_info, #content tr td .hover_info {
  display: none;
  color: #666666;
  font-size: 11px;
}

#content tr:hover td .hover_info, #content tr.hover td .hover_info {
  display: block;
}

#content table th,
#content table td {
  text-align: left;
  padding: 3px 3px;
  line-height: 20px;
  border: 1px solid #DBDBDB;
  background-color: #FFFFFF;
  vertical-align: top;
}

#content table th {
  border-top: none;
  line-height: 24px;
  background-image: url("../Images/bg_th.png");
}

#content table th:first-child {
  border-radius: 3px 0 0 0;
}

#content table th:last-child {
  border-radius: 0 3px 0 0;
}

#content table th.foot {
  border-top: 2px solid #FFFFFF;
}

#content table th.foot:first-child {
  border-radius: 0 0 3px 3px;
}

#content table td {
  white-space: nowrap;
  overflow: hidden;
}

#content .table_id {
  width: 50px;
  text-align: right;
}

#content.addImages {
  background-color: #FFFFFF;
  padding: 10px;
  text-align: left;
}

#content.addImages h1 {
  border-bottom:1px solid #808080;
  font-size:19px;
  font-weight:normal;
  margin:10px 0;
}

#content.addImages img {
  width: 125px;
  height: 100px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#content.addImages td {
  padding: 3px;
  height: 100px;
}

#content.addImages .table_preview {
  width: 125px;
}

#addedImages .table_preview {
  width: 80px;
  padding: 3px;
}

#addedImages .table_action {
  width: 100px;
}

#addedImages img {
  width: 80px;
  height: 60px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#product_edit_form #addedImages {
  width: 950px;
  float: left;
  margin: 0 4px 5px;
}

#catalog_categories_detail #addedImages .table_preview {
  width: 80px;
  padding: 3px;
}

#catalog_categories_detail #addedImages .table_action {
  width: 65px;
}

#catalog_categories_detail #addedImages {
  width: 559px;
  float: left;
  margin: 0 0 0;
}

#addImagesButtonContainer {
  text-align: right;
}

.addImagesWindow {
  margin: 5px;
  line-height: 25px;
}

.errors {
  color: #3a1017;
  text-shadow: 1px 1px 0px #f8c2c5;
  line-height: 18px;
  background-color: #FF9999;
  padding: 10px;
  padding-left: 25px;
  list-style-type: square;
  border: 1px solid #e7505b;
  text-align: justify;
  border-radius: 5px;
  box-shadow: 0 0 10px #808080;
  background: -moz-linear-gradient(center top , #f8c2c5, #ee7a85) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #f8c2c5, #ee7a85);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c2c5', endColorstr='#ee7a85');
}

.messages {
  color: #294d1e;
  line-height: 18px;
  text-shadow: 1px 1px 0px #a9dc93;
  background-color: #99FF99;
  padding: 10px;
  padding-left: 25px;
  list-style-type: square;
  border: 1px solid #417630;
  text-align: justify;
  border-radius: 5px;
  background: -moz-linear-gradient(center top , #a9dc93, #5cc151) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #f8c2c5, #ee7a85);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c2c5', endColorstr='#ee7a85');
}

#admin_search .search {
  width: 500px;
}

.pager_page {
  display: inline-block;
  background-color: #EFEFEF;
  border-bottom: 1px solid #FFFFFF;
  margin: 5px 5px 3px 0;
  text-decoration: none;
}

.pager_page span {
  border: 1px solid #D5D5D5;
  display: inline-block;
}

.pager_page span span {
  border: none;
  border-top: 1px solid #FFFFFF;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  text-align: center;
}

.pager_pages {
  margin: 0;
}

.pager_arrows_right {
  margin-left: 3px;
}

.pager_arrows_left {
  margin-right: 3px;
}

.pager_page:hover {
  background-color: #FFFFFF;
}

.pager_page.selected,
.pager_page.selected:hover {
  background-color: #dcdcdc;
}

.pager_page.selected span span,
.pager_page.selected:hover span span {
  border-top: 1px solid #d5d5d5;
  font-weight: bold;
}

.pages_info {
  float: right;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  margin-top: 5px;
}

a.action {
  font-family: Tahoma, sans-serif;
  display: inline-block;
  border: 1px solid #b2b2b2;
  padding: 1px 3px;
  min-width: 12px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  border-radius: 3px;
  cursor: pointer;
  background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
  font-weight: bold;
  font-size: 11px;
}

input[type="submit"].action {
  display: inline-block;
  border: 1px solid #b2b2b2;
  padding: 1px 3px;
  min-width: 12px;
  background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;);
  background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
  font-weight: bold;
  font-size: 11px;
  text-shadow: none;
  height: 18px;
  margin: 0px;
  line-height: 14px;
  border-radius: 3px;
  text-align: center;
}

input[type="submit"].action:hover,
a.action:hover {
  box-shadow: 0 0 2px #b2b2b2;
}




.action_menu {
  margin: 0 0 10px;
}

#content .mceEditor {
  display: inline-table;
  vertical-align: top;
}

#content .mceEditor table {
  border-collapse: separate;
  table-layout: auto;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  overflow: auto;
  width: auto;
  margin: 5px 0;
  padding-top: 2px;
}

#content .mceEditor table table {
  border: 0 none transparent;
  margin: 0 2px;
  padding: 0;
}

#content .mceEditor table td {
  border: 0 none transparent;
  padding: 0;
  background-color: #FFFFFF;
}

#content .mceEditor tr:hover td, #content .mceEditor tr.hover td {
  background-color: #FFFFFF;
}

#content .mceEditor table .mceFirst {
  border-bottom: 1px solid #d9d9d9;
}

#content .mceEditor table .mceFirst table .mceFirst {
  border-bottom: 0;
}

/* ----- Users ----------------------------------------- */

#users_admin_login_errors {
  width: 400px;
  margin: 30px auto 0;
}

#users_admin_login {
  text-align: left;
  background-color: #FFFFFF;
  border: 1px solid #505050;
  width: 298px;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #969696;
}

#users_admin_login h1 {
  margin: 0;
  text-align: center;
  font-size: 13px;
  border-bottom: 1px solid #2b2b2b;
  color: #FFFFFF;
  padding: 3px;
  background-color: #828282;
  background: -moz-linear-gradient(top, #9a9a9a, #828282);
  background: -webkit-linear-gradient(top, #9a9a9a, #828282);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#828282');
  text-shadow: 1px 1px 0px #000000;
  border-radius: 3px 3px 0 0;
}

#users_admin_login table .first {
  width: 50%;
  text-align: right;
}

#users_admin_login form {
  padding: 10px;
  background-image: url(../Images/login.gif);
  background-position:12px 12px;
  background-repeat:no-repeat;
}

#users_admin_login label {
  width: auto;
  display: auto;
}

#users_admin_login input {
  width: 166px;
}

#users_admin_login input[type="submit"] {
  width: auto;
}

#users_admin_login input, #users_admin_login label {
  margin: 0;
}

#users_admin_signoff {
  float: right;
  border-style: none;
}

/* ----- Catalog --------------------------------------- */

#catalog_categories_tree {
  width: 385px;
  float: left;
  margin-right: 10px;
  overflow: visible;
}

#catalog_categories_tree ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#catalog_categories_tree ul a {
  color: #000000;
  text-decoration: none;
  line-height: 22px;
  background-image: url('../Images/icon_category.png');
  background-repeat: no-repeat;
  background-position: 3px 2px;
  padding-left: 23px;
  padding-right: 3px;
  display: table-cell;
  font-size: 12px;
}

#catalog_categories_tree ul a.special {
  background-image: url('../Images/icon_category_special.png');
}

#catalog_categories_tree ul li .item_container {
  display: table;
  width: 100%;
}

#catalog_categories_tree ul li .item {
  display: table-row;
  line-height: 22px;
  height: 22px;
}

#catalog_categories_tree ul li .item:hover {
  background-color: #ebebeb;
}

#catalog_categories_tree ul li .item.selected {
  background-color: #e0e0e0;
}

#catalog_categories_tree ul li .item.selected:hover {
  background-color: #d9d9d9;
}

#catalog_categories_tree ul li .item.hidden a {
  color: #808080;
}

#catalog_categories_tree ul ul {
  /*padding-left: 20px;*/
}

#catalog_categories_tree .category_spacer {
  display: table-cell;
  width: 13px;
}

#catalog_categories_tree li {
  position: relative;
  line-height: 22px;
}

#catalog_categories_tree .icon {
  display: block;
  padding: 0;
  height: 22px;
  width: auto !important;
  background-position: 4px 2px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-left: 23px;
  color: #353535;
  border-top: 1px solid #ececec;
}

#catalog_categories_tree .icon:first-child {
  border: none;
}

#catalog_categories_tree .icon:hover {
  background-color: #ebebeb;
}

#catalog_categories_tree .categories_dropdown .icon span {
  display: inline;
}

#catalog_categories_tree .icon.delete {
  background-image: url('../Images/icon_category_delete.png');
}

#catalog_categories_tree .icon.new {
  background-image: url('../Images/icon_category_new.png');
}

#catalog_categories_tree .icon.edit {
  background-image: url('../Images/icon_category_edit.png');
}

#catalog_categories_tree .categories_dropdown_container {
  display: table-cell;
  width: 22px;
  vertical-align: top;
}

#catalog_categories_tree .categories_dropdown {
  background-image: url("../Images/icon_arrow_right.png");
  height: 22px;
  width: 22px;
  background-position: 20px 3px;
  display: block;
  position: relative;
}

#catalog_categories_tree .categories_dropdown.active,
#catalog_categories_tree .categories_dropdown:hover {
  background-color: #cb000f;
  background-position: 4px 3px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
}

#catalog_categories_tree .categories_dropdown .categories_dropdown_box span {
  display: none;
}

.categories_dropdown .tooltip {
  display:none;
  position: absolute;
  background-color: #FDFDFD;
  top: 0px;
  right: -150px;
  z-index: 9999;
  width: 150px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
}

.categories_dropdown .tooltip.tooltip_top {
  bottom: 0;
  top: auto;
}

#catalog_categories_detail {
  float: right;
  width: 585px;
}

tr.noAction td {
  color: #666666;
}

#catalog_categories_tree .count {
  display: table-cell;
  width: 32px;
  text-align: right;
  padding: 0 10px 0 5px;
  font-size: 11px;
  color: #808080;
}

#catalog_categories_tree .order {
  display: table-cell;
  width: 32px;
}

#catalog_categories_tree .order input[type="text"] {
  width: 25px;
  font-size: 11px;
  text-align: right;
  margin: 0px 3px 0 0;
  padding: 1px;
  height: 14px;
  position: relative;
  top: -1px;
}

.categories_tree .category_open_toggle {
  display: table-cell;
  width: 12px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 3px 6px;
}

.categories_tree .category_open_toggle.closed {
  background-image: url("../Images/icon_tree_open.png");
}

.categories_tree .category_open_toggle.opened {
  background-image: url("../Images/icon_tree_close.png");
}

tr:hover .parameter_category {
  display: block;
}

.parameter_category {
  font-size: 11px;
  color: #666666;
  display: none;
}

.ui-sortable tr td {
  cursor: move;
}

/* TABY */
.ui-tabs .ui-tabs-hide {
  display: none;
}

.tabs ul.ui-tabs-nav {
  padding: 0;
  margin: 0 0 -1px;
}

.tabs ul.ui-tabs-nav li {
  display: inline-block;
  background-color: #f4f4f4;
  border: 1px solid #E8E8E8;
  position: relative;
  z-index: 8888;
}

.tabs ul.ui-tabs-nav li.ui-state-active {
  border-bottom: 1px solid #FFFFFF;
}

.tabs ul.ui-tabs-nav li.ui-state-active a {
  color: black;
  cursor: text;
  background-color: #FFFFFF;
}

.tabs ul.ui-tabs-nav li a {
  line-height: 22px;
  font-family: Tahoma, sans-serif;
  padding: 5px 9px 4px;
  text-decoration: none;
  display: block;
  font-weight: bold;
  border: 1px solid #FFFFFF;
  color: #343434;
}



.ui-datepicker {
  display: none;
  background-color: #f4f4f4;
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
  padding: 3px;
  z-index: 9999;
}

.ui-datepicker table {
    border-collapse: separate;
    font-size: 12px;
    width: 100%;
}

.ui-widget-content {
    color: #353535;
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; cursor: pointer; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    color: #1C94C4;
    font-weight: bold;
}

.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }



.ui-timepicker-div td { font-size: 90%; }


.ui-timepicker-div dl {
  width: 210px;
  text-align: left;
}

.ui-timepicker-div dt {
  height: 25px;
  width: auto;
  float: none;
}

.ui-timepicker-div dl dd {
  margin: -25px 0 10px 65px;
  width: 130px;
  background-color: #ECECEC;
  border: 1px solid #DBDBDB;
}

.ui-timepicker-div dl dd.ui_tpicker_time {
  background: none;
  border: none;
}

.ui-datepicker th {
    border: 0 none;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    width: 24px;
    height: 24px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

}

.ui_tpicker_second,
.ui_tpicker_millisec {
  display: none;
}

button {
  cursor: pointer;
}

.ui-datepicker td {
  padding: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
   border: 1px solid #D5D5D5;
   display: block;
   text-decoration: none;
   background-color: #EFEFEF;
   text-align: right;
   height: 18px;
   width: 18px;
   line-height: 18px;
   padding: 3px;
}

.ui-datepicker td a.ui-state-hover {
  background-color: #FFFFFF;
}

.ui-datepicker td a.ui-state-highlight {
  background-color: #dcdcdc;
  color: #000000;
  font-weight: bold;
}

.ui-datepicker td a.ui-state-active {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
  border: 1px solid #308DBF;
}

.ui-datepicker .ui-datepicker-header {
   background-color: #ECECEC;
   border: 1px solid #DBDBDB;
   padding: 3px;
   line-height: 18px;
   font-weight: bold;
}

.ui-datepicker-prev {
  float: left;
  cursor: pointer;
  content: '>';
}

.ui-datepicker-next {
  float: right;
  cursor: pointer;
}

.order_detail_box {
  padding: 0;
  height: 227px;
  overflow: hidden;
}

.order_info {
  padding: 10px;
  float: right;
  width: 250px;
}

.order_reference {
  text-align: left;
  margin-top: 20px;
}

.order_detail {
  float: left;
  width: 332px;
  height: 208px;
  border-right: 1px solid #dbdbdb;
  padding: 10px;
}

.order_detail .label,
.order_reference .label {
  line-height: 22px;
  display: block;
  background-color: #E0E0E0;
  margin-bottom: 2px;
  padding: 0 10px;
  text-align: left;
}

.order_detail .label select {
  width: auto;
  border: none;
  background: transparent;
  padding: 0px;
  height: 18px;
  text-align: right;
}

.order_reference {
  margin: 16px 5px 0px;
}

.order_reference .label {

  line-height: 24px;
}

.order_detail_box .change_state {
  position: absolute;
  bottom: 7px;
  line-height: 12px;
}

.order_detail_box label[for="state"],
.order_reference .ref {
  text-align: left;
  margin: 0;
  line-height: 12px;
  display: block;
}

.order_reference .ref {
  margin-bottom: 5px;
  padding: 0px;
}

.order_detail_box select[name="state"] {
  width: 259px;
  margin: 0px;
}

.order_detail .label span {
  float: right;
  font-weight: bold;
}

.order_note {
  width: 354px;
  float: left;
  padding: 10px 0;
  border-right: 1px solid #dbdbdb;
  height: 208px;
}

.order_detail h3,
.order_note h3 {
  line-height: 15px;
  margin: 0px 10px 12px;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  text-align: left;
}

.order_detail h3 {
  margin: 0 0 12px;
}

.note_content {
  overflow: auto;
  height: 112px;
  padding: 0 10px;
  text-align: justify;
  line-height: 20px;
}

.order_detail label {
  width: 80px;
}

.invoice_state,
.order_state {
  line-height: 42px;
  padding: 0 10px;
  background-color: #cccccc;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.order_info .prices {
  margin-top: 10px;
  line-height: 30px;
  font-weight: bold;
  font-size: 13px;
  padding: 0 10px;
  text-align: left;
}

.order_info .prices .price {
  color: #D11C00;
  font-size: 17px;
  float: right;
}

.invoice_state span,
.order_state .state {
  float: right;
}

#content table tr.order_state_color_0 td,
.order_state_color_0 { /* Zpracovává se */
  background-color: #ffffff;
}
#content table tr.order_state_color_1 td,
.order_state_color_1 { /* Čeká se na platbu */
  background-color: #d7f0fe;
}
#content table tr.order_state_color_2 td,
.order_state_color_2 { /* Odesláno včetně e-mailu */
  background-color: #d7f0fe;
}
#content table tr.order_state_color_3 td,
.order_state_color_3 { /* Odesláno */
  background-color: #d7f0fe;
}
#content table tr.order_state_color_4 td,
.order_state_color_4 { /* Vyřízeno */
  background-color: #edfbd4;
}
#content table tr.order_state_color_5 td,
.order_state_color_5 { /* K vyzvednutí */
  background-color: #d7f0fe;
}
#content table tr.order_state_color_6 td,
.order_state_color_6 { /* Stornováno */
  background-color: #e7e7e7;
}

#content table tr td.nowrap {
  white-space: normal;
}

.invoice_state.order_state_color_0,
.order_state.order_state_color_0 { /* Zpracovává se */
  border: 1px solid #dbdbdb;
}
.order_state.order_state_color_1 { /* Čeká se na platbu */
  border: 1px solid #74b9e7;
}
.order_state.order_state_color_2 { /* Odesláno včetně e-mailu */
  border: 1px solid #74b9e7;
}
.order_state.order_state_color_3 { /* Odesláno */
  border: 1px solid #74b9e7;
}
.invoice_state.order_state_color_4,
.order_state.order_state_color_4 { /* Vyřízeno */
  border: 1px solid #a2d4ba;
}
.invoice_state.order_state_color_5,
.order_state.order_state_color_5 { /* K vyzvednutí */
  border: 1px solid #74b9e7;
}
.order_state.order_state_color_6 { /* Stornováno */
  border: 1px solid #c0c0c0;
}

.subscriber {
  padding-right: 10px;
  width: 332px;
  float: left;
  border-right: 1px solid #dbdbdb;
  height: 265px;
}

.delivery_address {
  padding: 0 10px;
  width: 332px;
  border-right: 1px solid #dbdbdb;
  float: left;
  height: 265px;
}

.invoice_info,
.order_contact {
  width: 250px;
  float: left;
  padding-left: 10px;
}

.invoice_info {
  height: 190px;
  position: relative;
}

.order_contact_box {
  padding: 10px;
  border: 1px solid #DBDBDB;
  background-color: #ececec;
}

.invoice_state {
  font-size: 14px;
  font-weight: bold;
}

.order_contact_box .label {
  text-align: right;
  line-height: 24px;
  font-weight: bold;
  font-size: 14px;
  display: block;
}

.delivery_address .label,
.subscriber .label {
  display: block;
  line-height: 22px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ededed;
}

.delivery_address .label span,
.subscriber .label span {
  float: right;
}

td input[type="text"].order_items_count {
  width: 30px;
  text-align: right;
}

td input[type="text"].order_items_price {
  width: 60px;
  text-align: right;
}

.order_add_item {
  border: 1px solid #E8E8E8;
  background-color: #F4F4F4;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}

.order_add_item input[name="search_products"] {
  margin: 0;
  width: 500px;
}

.order_add_item label[for="search_products"] {
  margin: 0 5px 0 0;
  width: auto;
}

.order_add_item #search_results {
  margin-top: 10px;
  display: none;
}

.order_invoice_send {
  height: 190px;
  width: 332px;
  border-right: 1px solid #DBDBDB;
  float: left;
  padding: 0 10px;
  position: relative;
}

.order_invoice_form {
  height: 190px;
  width: 332px;
  padding-right: 10px;
  border-right: 1px solid #DBDBDB;
  float: left;
  position: relative;
}

.order_invoice_form label {
  width: 155px;
}

.order_invoice_form input[type="text"] {
  width: 166px;
}

.show_invoice {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.order_invoice_form div,
.order_invoice_send_form div {
  position: absolute;
  bottom: 0;
  right: 10px;
}

.order_invoice_send_form label {
  width: 65px;
  margin: 0 0 0 7px;
}

.order_invoice_send_form input[type="text"] {
  width: 233px;
}

div.variant_values {
  margin-bottom: 10px;
  background-color: #F4F4F4;
  border: 1px solid #E8E8E8;
  padding: 10px;
  position: relative;
}

div.variant_values .left_box {
  width: 152px;
  float: left;
}

div.variant_values .right_box {
  width: 764px;
  float: right;
  margin-left: 20px;
}

div.variant_values h3 {
  border-bottom: 1px solid #E8E8E8;
}

div.variant_values h3 input[type="text"] {
  width: 50px;
  margin: 0 5px 0 0;
  float: right;
  padding: 1px 3px;
  height: 14px;
  line-height: 14px;
}

div.variant_values h3 label {
  margin: 0 5px 0 0;
  float: right;
  width: auto;
  line-height: 18px;
}

div.variant_values div.image {
  background-color: #FFFFFF;
  border: 1px solid #DBDBDB;
  width: 150px;
  height: 150px;
  line-height: 150px;
  margin-bottom: 5px;
  text-align: center;
}

div.variant_values div.image img {
  vertical-align: middle;
  max-height: 130px;
  max-width: 130px;
}

div.variant_values table th.image {
  width: 63px;
}

div.variant_values table th.action {
  width: 62px;
}

div.variant_values table th.charge {
  width: 136px;
}

div.variant_values table th.charge_type {
  width: 25px;
}

div.variant_values table th.sort {
  width: 50px;
}

div.variant_values table td.sort input {
  width: 42px;
}

div.variant_values table td.image {
  height: 32px;
}

div.variant_values table td.image div.image {
  width: 38px;
  height: 38px;
  line-height: 36px;
  float: left;
  margin: 0;
}

div.variant_values table td.image .actions {
  float: right;
}

div.variant_values table td.image div.image img {
  max-height: 32px;
  max-width: 32px;
}

div.variant_values table td.value input {
  width: 377px;
}

#content div.variant_values table td.charge_type {
  text-align: center;
}

#content div.variant_values table tr:hover td,
#content div.variant_values table tr.hover td {
  background-color: #FFFFFF;
}

div.variant_values table {
  margin-bottom: 5px;
}

div.variant_values table td span.input_unit {
  margin-top: 1px;
}

#content div.variant_values table td {
  vertical-align: middle;
}

#content table.variants_table {
  margin-bottom: 10px;
}

#content table.variants_table td.variant_name {
  text-align: right;
  width: 100px;
}

#content table.variants_table td.variant_name label {
  margin: 0;
  text-align: right;
  width: auto;
}

#content table.variants_table .variant_attributes_box {
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  padding: 2px;
  background-color: #FFFFFF;
  position: relative;
}

#content table.variants_table .image .image_box {
  background-color: #FFFFFF;
  width: 150px;
  height: 150px;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
}

.variant_value_item {
  background-color: #d7f0fe;
  padding: 0 3px;
  margin-bottom: 2px;
  position: relative;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.variant_value_item .delete {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  background-color: #d7f0fe;
  display: inline-block;
  width: 15px;
  height: 16px;
  background-image: url("../Images/button_delete_blue.png");
}

.variant_value_item .delete:hover {
  background-position: bottom;
}

.variant_value_item .delete span {
  display: none;
}

.variant_attributes_box .add {
  position: absolute;
  bottom: 3px;
  right: 4px;
  cursor: pointer;
  background-color: #d7f0fe;
  display: inline-block;
  width: 15px;
  height: 16px;
  background-image: url("../Images/button_add_blue.png");
}

.variant_attributes_box .add:hover {
  background-position: bottom;
}

.variant_attributes_box .add span {
  display: none;
}

#content table.variants_table .variant_attributes_box input[type="text"] {
  border: none;
  padding: 0 3px;
  display: block;
  width: 165px;
}

.variants_table_box {
  margin-bottom: 10px;
  border: 1px solid #e8e8e8;
  background-color: #F4F4F4;
  padding: 10px;
  position: relative;
}

#content .variants_table_box .action_menu {
  margin: 10px 0 0;
}

.variants_table_box .action {
  margin-top: 3px;
}

#content table.variants_table td:hover,
#content table.variants_table td {
  border: none;
  background-color: #f4f4f4;
}

#variants_box {
  margin-top: 10px;
}

fieldset.width_wrapper {
  overflow: visible;
}

#variant_generator_loader {
  margin-left: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../Images/loading.gif");
  vertical-align: middle;
}

#variant_generator_loader span {
  display: none;
}

.variants_add_box {
  text-align: center;
}

.variants_add_box label {
  width: auto;
}

#content table.variants td {
  padding: 10px 15px;
  white-space: normal;
}

#content table.variants th {
  padding: 3px 15px;
}

#content table.variants span.parameters {
  font-size: 11px;
}

#content table.variants label {
  width: 75px;
  margin: 0;
}

#content table.variants label.hidden,
#content table.variants label.ean,
#content table.variants label.code {
  width: 35px;
}

#content table.variants label.surcharge,
#content table.variants label.price,
#content table.variants label.vat {
  width: 60px;
}

#content table.variants input[type="text"] {
  width: 130px;
}

#content table.variants select {
  width: 138px;
}

fieldset.pricelists input[type="text"] {
  width: 268px;
}

fieldset.pricelists label {
  width: 180px;
}

fieldset.pricelists label.label_discount {
  margin-left: 140px;
  width: 50px;
}

#content table#warranty_table td,
#content table#availability_table td,
#content table#pricelist_table td,
#content table#recycling_fee_table td {
  vertical-align: middle;
}

#warranty_table input[type="text"],
#availability_table input[type="text"],
#pricelist_table input[type="text"],
#recycling_fee_table input[type="text"] {
  width: 710px;
}

#availability_table select,
#pricelist_table select {
  width: 100px;
}

.admin_show_hide_link {
  display: block;
  margin-left: 200px;
  line-height: 13px;
  margin-bottom: 5px;
}

.advanced_box {
  border: 1px solid #E8E8E8;
  padding: 10px;
  margin: 0 0 5px;
  background-color: #FAFAFA;
  position: relative;
}

.advanced_box .delete {
  position: absolute;
  top: 5px;
  right: 5px;
}

.advanced_box label {
  width: 184px;
}

.whisperer {
  background-color: #FFFFFF;
  width: 348px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
}

.whisperer div {
  padding: 2px 3px;
  cursor: pointer;
}

.whisperer div.active {
  background-color: #ebebeb;
}

#tooltip {
  background-color: #FFFFFF;
  max-width: 170px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
  position: absolute;
  z-index: 10000;
  padding: 10px;
  text-align: left;
}

#tooltip h3 {
  margin: 0;
  font-weight: normal;
  font-size: 12px;
}

fieldset.shipping {
  position: relative;
}

fieldset.shipping .left_pannel {
  float: left;
  width: 459px;
}

fieldset.shipping .right_pannel {
  float: right;
  width: 459px;
}

fieldset.shipping input[type="text"] {
  width: 241px;
}

fieldset.shipping input[type="button"] {
  position: relative;
  top: 1px;
}

fieldset.shipping .right_pannel input[type="text"] {
  width: 73px;
}

fieldset.shipping .right_pannel span.input_box {
  margin-right: 10px;
}

fieldset.shipping .right_pannel label {
  width: auto;
  padding: 0 5px 0 0px;
}

fieldset.shipping div a.action {
  line-height: 22px;
  height: 22px;
  padding: 0 9px;
}

fieldset.shipping select {
  width: 248px;
}

fieldset.shipping label {
  width: 140px;
}

a.shipping_delete {
  position: absolute;
  top: 10px;
  right: 10px;
}

a.branch_store_delete {
  position: absolute;
  top: 0px;
  right: 0px;
}

fieldset h3 input[type="checkbox"] {
  margin: 0 5px 0 0;
  height: 13px;
}

fieldset hr {
  border: none;
  height: 0px;
  margin: 10px 0;
  border-bottom: 1px solid #EDEDED;
}

input[type="button"] {
  position: relative;  
}

div.branch_store {
  margin-bottom: 14px;
  position: relative;
}

.combinations_selects select {
  width: 180px;
}

fieldset.filter .combinations_selects label {
  width: 134px;
}

.combinations_checkboxes {
	text-align: left;
  vertical-align: top;
  padding: 10px;
}

.combinations_checkboxes h3 {
	border-bottom: 1px solid #E1E1E1;
  margin-bottom: 0px;
}

fieldset.filter .combinations_checkboxes label {
	cursor: pointer;
  display: inline-block;
  width: 154px;
	text-align: left;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	margin: 0 10px 0 5px;
}

.nette-dump {
  text-align: left;
  margin-top: 107px;
  margin-bottom: -100px;
  padding: 10px;
}

#gid_search,
#hid_search {
  z-index: 100;
}

#gid_results,
#hid_results {
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  padding: 0;
  margin: 0;
}

#gid_results li,
#hid_results li {
  list-style-type: none;
  line-height: 20px;
  padding: 0 5px;
  cursor: pointer;
}

#gid_results li:hover,
#hid_results li:hover {
  background-color: #359CD4;
}

fieldset.user_edit input[type="text"] {
  width: 250px;
}

ul.ui-tabs-nav li a span.label {
  background-color: #D7F0FE;
  border-radius: 12px;
  color: #444;
  display: inline-block;
  padding: 0 5px;
  line-height: 18px;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 5px rgba(150, 150, 150, 0.5);
  margin-left: 3px;
  margin-right: -4px;
}

.hidden {
  display: none;
}

.variants_progress_box {
  position: relative;
}

.variants_progress_box .variants_progress {
  position: absolute;
  right: -310px;
  width: 300px;
  display: inline-block;
  text-align: left;
  top: 0px;
  line-height: 19px;
}

.subFormContainer {
  width: 340px;
  display: inline-block;
  vertical-align: top;
}

.subFormContainer label {
  width: 50px;
}

.subFormContainer input, .subFormContainer select {
  width: 284px;
  margin: 0 0 0 0;
  padding: 2px 0 2px 0;
}

/* --- Catalog locations --- */
#catalog_locations_tree {
  width: 400px;
  float: left;
  margin-right: 10px;
  overflow: visible;
}

#catalog_locations_tree ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#catalog_locations_tree ul a {
  color: #000000;
  text-decoration: none;
  line-height: 22px;
  background-image: url('../Images/icon_category.png');
  background-repeat: no-repeat;
  background-position: 3px 2px;
  padding-left: 23px;
  padding-right: 3px;
  display: table-cell;
  font-size: 12px;
}

#catalog_locations_tree ul a.special {
  background-image: url('../Images/icon_category_special.png');
}

#catalog_locations_tree ul li .item_container {
  display: table;
  width: 100%;
}

#catalog_locations_tree ul li .item {
  display: table-row;
  line-height: 22px;
  height: 22px;
}

#catalog_locations_tree ul li .item:hover {
  background-color: #ebebeb;
}

#catalog_locations_tree ul li .item.selected {
  background-color: #e0e0e0;
}

#catalog_locations_tree ul li .item.selected:hover {
  background-color: #d9d9d9;
}

#catalog_locations_tree ul li .item.hidden a {
  color: #808080;
}

#catalog_locations_tree ul ul {
  /*padding-left: 20px;*/
}

#catalog_locations_tree .location_spacer {
  display: table-cell;
  width: 13px;
}

#catalog_locations_tree li {
  position: relative;
  line-height: 22px;
}

#catalog_locations_tree .icon {
  display: block;
  padding: 0;
  height: 22px;
  width: auto !important;
  background-position: 4px 2px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-left: 23px;
  color: #353535;
  border-top: 1px solid #ececec;
}

#catalog_locations_tree .icon:first-child {
  border: none;
}

#catalog_locations_tree .icon:hover {
  background-color: #ebebeb;
}

#catalog_locations_tree .locations_dropdown .icon span {
  display: inline;
}

#catalog_locations_tree .icon.delete {
  background-image: url('../Images/icon_category_delete.png');
}

#catalog_locations_tree .icon.new {
  background-image: url('../Images/icon_category_new.png');
}

#catalog_locations_tree .icon.edit {
  background-image: url('../Images/icon_category_edit.png');
}

#catalog_locations_tree .locations_dropdown_container {
  display: table-cell;
  width: 22px;
  vertical-align: top;
}

#catalog_locations_tree .locations_dropdown {
  background-image: url("../Images/icon_arrow_right.png");
  height: 22px;
  width: 22px;
  background-position: 20px 3px;
  display: block;
  position: relative;
}

#catalog_locations_tree .locations_dropdown.active,
#catalog_locations_tree .locations_dropdown:hover {
  background-color: #cb000f;
  background-position: 4px 3px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
}

#catalog_locations_tree .locations_dropdown .locations_dropdown_box span {
  display: none;
}

.locations_dropdown .tooltip {
  display:none;
  position: absolute;
  background-color: #FDFDFD;
  top: 0px;
  right: -150px;
  z-index: 9999;
  width: 150px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
}

.locations_dropdown .tooltip.tooltip_top {
  bottom: 0;
  top: auto;
}

#catalog_locations_detail {
  float: right;
  width: 568px;
}

tr.noAction td {
  color: #666666;
}

#catalog_locations_tree .count {
  display: table-cell;
  width: 32px;
  text-align: right;
  padding: 0 10px 0 5px;
  font-size: 11px;
  color: #808080;
}

#catalog_locations_tree .order {
  display: table-cell;
  width: 32px;
}

#catalog_locations_tree .order input[type="text"] {
  width: 25px;
  font-size: 11px;
  text-align: right;
  margin: 0px 3px 0 0;
  padding: 1px;
  height: 14px;
  position: relative;
  top: -1px;
}

.locations_tree .location_open_toggle {
  display: table-cell;
  width: 12px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 3px 6px;
}

.locations_tree .location_open_toggle.closed {
  background-image: url("../Images/icon_tree_open.png");
}

.locations_tree .location_open_toggle.opened {
  background-image: url("../Images/icon_tree_close.png");
}

/* --- ---*/

#references_list input[type="text"].order {
  width: 42px;
}

#reference_categories_table input[type="text"].order {
  width: 42px;
}

#reference_categories_table tr td {
  vertical-align: middle;
}

#reference_categories_table tr td:first-child {
  text-align: right;
  
}

#reference_categories_table input[type="button"] {
  top: auto;
  margin: 0;
}

#reference_categories_table input[type="text"] {
  top: auto;
  margin: 0;
  width: 729px;
}

#tags_edit_form td {
  margin: 0;
  padding: 0;
}

#tags_edit_form input[type="button"] {
  background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #B2B2B2;
    top: 0;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    min-width: 12px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}

#tags_edit_form input[type="text"] {
  width: 95%;
}

/* Autocomplete */

.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
  border: 1px solid #C0C0C0;
  background-color: #ffffff;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1;
	zoom:1;
  color: #000000;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
  background-color: #3399ff;
}

#gettext_extractor .left_panel {
  float: left;
  width: 445px;
}

#gettext_extractor .left_panel legend {
  width: 97%;
}

#gettext_extractor .left_panel fieldset {
  padding-right: 0;
}

#gettext_extractor .left_panel label {
  width: 100px;
}
#gettext_extractor .left_panel select {
  width: 317px;
}
#gettext_extractor .right_panel input[type="submit"] {
  float: right;
}

#gettext_extractor .right_panel label {
  width: 150px;
}
#gettext_extractor .right_panel .locales label {
  width: 50px;
  margin: 0;
}
#gettext_extractor .right_panel input[type="text"] {
  width: 350px;
}

#gettext_extractor input[type="text"]#file_identificator {
  width: 250px;
}

#gettext_extractor #directory_tree {
  margin-top: 5px;
}
#gettext_extractor #directory_tree label {
  display: inline-block;
  margin: 0;
  width: 420px;
}

#gettext_extractor #directory_tree label.dir {
  background-color: #fff6b0;
}

#gettext_extractor #directory_tree label.file {
  background-color: #ffffff;
}

#gettext_extractor #directory_tree input[type="checkbox"] {
  margin: 0;
  position: relative;
  left: -17px; 
  width: auto;
}

#dictionaries .plural_forms_n {
  width: 50px;
}
#dictionaries textarea {
  width: 830px;
}

#dictionaries label,
#dictionaries .label {
  width: 100px;
  display: inline-block;
}

#reference_edit_form .image_type select {
  width: 120px; 
  z-index: 9999;
}

/* jsTabs */
.jsTabs ul {
  list-style-type: none;
  margin: 0 0 -1px;
  padding: 0;
  color: #353535;
}
.jsTabs ul li {
  display: inline-block;
  border-top: 1px solid #E8E8E8;
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
}

.jsTabs .tab {
  background-color: #F4F4F4;  
  display: inline-block;
  position: relative;  
  border: 1px solid #FFFFFF;
  color: #343434;  
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  line-height: 22px;
  padding: 5px 9px 4px;
  text-decoration: none;
}

.jsTabs .tab.active {
  background-color: #FFFFFF;
  color: #000000;
  cursor: text;
  z-index: 8888;  
  border-bottom: 1px solid #FFFFFF;
}