/* global reset  green-#5DBD23  violet - #A9014B orange - #A9014B
-----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;  padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {  font-style:normal;  font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
:-moz-any-link:focus { outline: none; }
input:focus, textarea:focus {
    outline: none;
}
a:active { outline: none; }

/* general stuff
-----------------------------------*/
body { background: #fff url(../images/bg.gif) 0 66px repeat-x; color: #404040; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  font-size: 12px; }

body#login { background: #fff; }

a { color: #A9014B; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 24px; font-weight: normal; color: #404040; }
h2 { font-size: 15px; font-weight: bold; padding-bottom: 15px; border-bottom: solid 1px #d7d7d7; margin: 15px 0; }
h3 {  font-size: 18px; font-weight: bold; margin-bottom: 5px; }
h4 { font-size: 15px; font-weight: bold; padding-bottom: 0px; margin: 10px 0; }

/* form
-----------------------------------*/
textarea, input {width: 185px;}
#signin input { background: #fff url(../images/input_bg.gif) repeat-x; border: solid 1px #c8cbcc; height: 28px; width: 245px; padding: 0 0 0 10px; }
#signin textarea { background: #fff url(../images/input_bg.gif) repeat-x; border: solid 1px #c8cbcc; height: 100px; width: 245px; padding: 5px; }
#signin input.submit { width: 98px; height: 32px; background: #A9014B; border: 0; color: #fff; font-size: 13px; font-weight: bold; padding: 0; cursor: pointer; }
#signin label { display: block; float: left; font-size: 13px; font-weight: bold; width: 120px; text-align: right; padding: 8px 5px 0 0; }
#signin fieldset { margin: 0 0 10px; width: 382px; position: relative; }

/* login page
-----------------------------------*/
#login-box { border: solid 3px #cecdcd; width: 585px; height: 360px; margin: 5% auto; }
#login-header { height: 68px; background: #fff url(../images/top_pointer.gif) 185px 0 no-repeat; position: relative; }
#login-header a { margin-left: 35px; font-size: 32px; line-height: 68px; }
#login-header #logo { position: absolute; top: 4px; left: 12px; margin-left: 0; }
#login-header h1 { position: absolute; top: 20px; left: 220px; }
#login-content { height: 235px; background: #f8f8f8 url(../images/login_bg.gif) repeat-x; border-bottom: solid 1px #cecdcd; }
#login-content form { padding: 50px 0 0 50px;  }
#login-footer { width: 460px; margin: 20px auto 0; }
#login-footer li { float: left; margin-right: 25px; background: url(../images/arrow_right.gif) 0 2px no-repeat; padding-left: 15px;  }
/* layout
-----------------------------------*/
#header { height: 66px;  }
#header-content {  height: 66px; width: 95%; margin: 0 auto; position: relative; background: #fff url(../images/header_pointer.gif) 160px 0 no-repeat; }
#header-top { width: 160px; }
#header-top a { margin-left: 25px; line-height: 66px; font-size: 32px; }
#header-top #logo { position: absolute; top: 3px; margin-left: 0; }
div.user-info { position: absolute; top: 0; right: 0;  background: url(../images/user_ico.gif) 0 11px no-repeat;  }

#logo { position: absolute; top: 4px; font-size: 32px; left: -12px; font-weight: bold; color: #000; background: url(../images/logo.png) 0 0 no-repeat; width: 160px; height: 60px; text-indent: -9999px; }
#logo:hover { text-decoration: none; color: #A9014B; }

#top-nav { position: absolute; top: 25px; left: 200px; }
#top-nav li { float: left; margin-right: 5px; position: relative; }
#top-nav li a { font-weight: bold; color: #000;  text-transform: uppercase; padding: 5px; }
#top-nav li a.active, #top-nav li a:hover { background: #A9014B; color: #fff; border: 0; text-decoration: none; }
#top-nav li.more a { background: url(../images/arrow_down.gif) right 10px no-repeat; padding-right: 15px !important; }
#top-nav li.more a:hover {  color: #000; border-bottom: dotted 1px #000; }
#top-nav li ul { display: none; position: absolute; top: 21px; left: 0; width: 217px; z-index: 999; border: solid 6px #e0e0e0; background: #fff; }
#top-nav li ul li { float: none; display: block; }
#top-nav li ul li a { background: none !important; padding: 4px 2px; width: 200px; display: block;}
#top-nav li ul li a:hover, #top-nav li ul li a.active { background: #A9014B !important; color: #fff !important; border: 0 !important;}


#user-nav { position: absolute; top: 25px; right: 0px; }
#user-nav li { float: left; margin-left: 5px; }
#user-nav li a { font-weight: bold; color: #000;  text-transform: uppercase; padding: 0 5px; }
#user-nav li.active a, #user-nav li a:hover {  border-bottom: dotted 1px #000; text-decoration: none; }
.user-info { margin-left: 15px; font-size: 10px; color: #909090; text-transform: uppercase; padding-top: 1px; background: url(../images/user_ico.gif) 0 2px no-repeat; padding-left: 15px;}
.user-info a { color: #A9014B; font-weight: normal; padding: 0px; margin-left: 5px; }
.user-info a:hover { color: #909090; text-decoration: underline; }

#content-full, #content { margin: 30px auto 0px; min-width: 750px; width: 95%; }

#main { margin-left: 260px; padding: 20px; border-left: solid 1px #d7d7d7; }
#sidebar { width: 230px; float: left; padding: 20px 10px; }

#footer { border-top: solid 1px #d9d9d9;  }
#footer-content {  height: 66px; width: 95%; margin: 0 auto; color: #c1c0c0; font-size: 11px; padding-top: 5px; }

.main-header { padding: 0 0 5px 10px; border-bottom: solid 1px #d7d7d7; margin: 0; }
#main .main-header { margin-top: 0;}

.main-header a { text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 3px; }
.main-header a:hover { background: #A9014B; color: #fff; text-decoration: none; }

/* table
-----------------------------------*/
table { border-collapse: collapse;  margin-bottom: 25px; width: 100%;}
table td, table th { color: #333; padding: 10px; vertical-align: top; border-bottom: solid 1px #eaeae9; }
table th { border: 0;}
table th { color: #000; background: #f4f4f3; font-weight: bold; border-bottom: solid 1px #eaeae9; }
table.list tr:nth-child(2n+1) td { border-bottom: solid 1px #e0e0e0; }

table th a.desc,
table th a.asc { padding-right: 20px; background: url(../images/down.gif) right -2px no-repeat; }
table th a.desc { background: yellow; background: url(../images/up.gif) right -2px no-repeat; }

table th div.tooltip { margin-bottom: 0; }

/* table fieldset
-----------------------------------*/
table.fieldset td.inner-table { padding: 0; border-bottom: 0; }
table.fieldset td.inner-table table {margin-bottom: 0;}
table.fieldset th { width: 160px; vertical-align: middle; padding-top: 5px; }

/*table.fieldset thead th { padding-bottom: 5px; border-bottom: solid 1px #d7d7d7; margin: 5px 0; font-size: 16px; font-weight: normal; }
table.fieldset th { width: 200px; vertical-align: top; padding-top: 5px; background: none; }
table.fieldset label { width: 180px; }
table.fieldset input, table.fieldset textarea { width: 400px;}
table.fieldset td.short { width: 180px; }
table.fieldset td.short input { width: 180px; }
table.fieldset td.short p.help { float: right; margin-top: 6px;}
table.fieldset input.submit { width: 98px;}
table.fieldset tfoot td { padding-left: 515px; }
table.fieldset td.inner-table { padding: 0; border-bottom: 0; }

table.fieldset tr.active-row input.checkbox { width: 15px !important; height: auto; margin: 8px 10px 0 0; }
table.fieldset tr.active-row input.text { width: 375px; }
table.fieldset ul.radio_list input, table.fieldset ul.checkbox_list input { width: auto; height: auto; vertical-align: top; margin: 2px; }
table.fieldset ul.radio_list label, table.fieldset ul.checkbox_list label { float: none; display: inline; padding: 0; text-align: left; }
table.fieldset tfoot.normal td { padding-left: 0; text-align: right; }


table.fieldset td.inner-table  table.horizontal { margin: 0; }
table.horizontal input { width: 80px; }
table.horizontal td.short input { width: 50px; margin-right: 5px; }
table.horizontal td.long input { width: 180px; margin-right: 15px; }
table.horizontal td.very_long input { width: 250px; margin-right: 15px; }
table.horizontal label { width: auto !important;}
table.horizontal td select { margin-top: 7px;}
table.horizontal td.checkbox input { float: left; margin: 7px 5px 0 0;}
table.horizontal td.checkbox label { width: auto !important;}

table.small-edit label, table.small-edit th {  width: 100px; text-align: left; font-size: 12px; } 
table.small-edit tfoot td {  margin: 0; padding: 15px 0; }*/

/* sidebar
-----------------------------------*/
#sidebar ul.submenu { padding-bottom: 10px;  margin: 15px 0; }
#sidebar ul.submenu.last-ul {  border-top: solid 1px #d7d7d7; margin: 15px 0; border-bottom: 0;}
#sidebar ul.submenu li { background: url(../images/arrow_right.gif) 0 4px no-repeat; padding-left: 15px; margin: 8px 0; }
#sidebar ul.submenu li a { font-weight: bold; }
#sidebar ul.submenu li a.active { color: #000; }


/* gallery list
-----------------------------------*/
ul.gallery-list { float: left; margin-top: 15px; }
ul.gallery-list li { float: left; width: 290px; margin-right: 50px; border-bottom: dotted 1px #bfbfbf; padding-bottom: 10px; }
ul.gallery-list li a { border: solid 8px #e4e4e4; float: left; margin-bottom: 10px; }
ul.gallery-list li a:hover { border: solid 8px #ff5520; }
ul.gallery-list li span { color: #9c9c9c; }
ul.gallery-list li span img { float: left; margin-right: 10px; }
ul.gallery-list li strong { color: #A9014B; margin-bottom: 5px; display: block; }

/* ajax switcher
-----------------------------------*/
ul.listed { margin: 0;}
ul.listed li { display: inline; padding: 2px 4px; background: #f3f3f3; color: #999; font-weight: bold; cursor: pointer; }
ul.listed li.active { background: #0c0; color: #fff; }
ul.listed li.active.red { background: red; color: #fff; }

span.red { background: red; color: #fff; padding: 2px 4px;}
span.green { background: #0c0; color: #fff; padding: 2px 4px;}

/* common
-----------------------------------*/
.right { float: right; }
.clear { clear: both; }
.new-marker { background: #0c0; color: #fff; padding: 2px 4px;  }
.italic { font-style: italic;}
.grey { color: #999;}
.tooltiped-checkbox { margin-bottom: 2px !important; }
.tooltip { vertical-align: bottom; margin-bottom: 4px; width: 16px; height: 16px; background: url(../images/help.png) no-repeat; display: inline-block; cursor: help; }


/* content managment table
-----------------------------------*/
table.content_manager thead th { background: #e7e7e6; }
table.content_manager tbody th { background: #fff; }
table.content_manager tbody tr.odd th { background: #F4F4F3; }
table.content_manager tbody small { font-size: 11px; color: #999; }

/* messages
-----------------------------------*/
.message { padding: 10px 15px 10px 40px; margin: 10px 0; font-weight: bold; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.message p { padding: 0; width: 93%; float: left; }
.message.errormsg { border: 1px solid #e9c59b; background: #ffecce url(../images/error.gif) 12px 12px no-repeat; color: #e3302c; }
.message.success { border: 1px solid #bfde84; background: #edfbd8 url(../images/success.gif) 12px 12px no-repeat; color: #508600; }
.message.info { border: 1px solid #bbdbe0; background: #ecf9ff url(../images/info.gif) 12px 12px no-repeat; color: #0888c3; }
.message.warning { border: 1px solid #e5e181; background: #fefde2 url(../images/warning.gif) 12px 12px no-repeat; color: #666; }
.message .close { display: block; float: right; width: 16px; height: 16px; background: url(../images/close.png) 0 0 no-repeat; margin-top: 2px; cursor: pointer; -moz-opacity: 0.7; opacity: 0.7; }
.message .close.hover { -moz-opacity: 1; opacity: 1; }

.ui-jqgrid input { width: auto; height: 20px; }


/* page navigation
-----------------------------------*/
.tree-img { padding-top: 5px;}


/* validation error
-----------------------------------*/
.notice_list { color: green; font-weight: bold; }
.error_list { color: red; font-weight: bold; }
#login-content .error_list li { margin: 0 0 10px 125px; }


/* File uploader
------------------------------------------- */
.qq-uploader { position:relative; width: 100%; margin-top: 20px; }

.qq-upload-button {
    display:block; /* or inline-block */
    width: 185px; padding: 7px 0; text-align:center;    
    background:#A9014B; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#bd0254; color: #fff;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#bd0254; text-align:center; color: #fff;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#A9014B;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

#list-container #file-uploader {
  margin-left: 10px;

}

/* jquery ui sortable
------------------------------------------- */
.ui-sortable-placeholder {	border: 0 none;  background: 0 none;  outline: 2px dashed #ccc; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.opt-values-list, #sortable { list-style-type: none; margin: 0; padding: 0; }
.opt-values-list li, #sortable li { margin: 0 3px 3px 3px; padding: 0.5em; padding-left: 2.5em; }
tbody#sortable tr { cursor: move; }
ul.sortable-dict {  height: 18px; }
.opt-values-list li span.ui-icon, #sortable li span.ui-icon { position: absolute; margin-left: -2em; }
.opt-values-list li .opt-value-delete, #sortable li .delete { font-size: 11px; margin-left: 15px;}
.sort-handle { cursor: move;}
.inplace-form input { margin-top: -2px;}
.btn-inplace-save, .btn-inplace-cancel { width: auto !important; height: auto; margin: 0 2px;  }

.inplace-large-form textarea { width: 300px !important; height: 100px !important; }

.grid-options { margin-top: 5px; }



table.collection-conds label { width: 110px;}

div.allegro-message { padding: 25px; font-size: 14px; text-align: center; }

table.middle tr td {vertical-align: middle;}

#tree-search {margin-bottom: 10px; }
#tree-search input { width: 130px; padding: 4px; }

#tree-search div#uniform-search { margin-top: -3px; float: right;  }
#tree-search div#uniform-search span { font-size: 11px !important; line-height: 15px;}
#clear_search { display: inline-block;  margin-left: -20px; background: url(../images/ico_del_small.png) 0 6px no-repeat; width: 10px; height: 15px; display: none; }

div#mmenu input#text {width: 150px; margin: 5px 5px 0px 0px; color: #333;}
.main-header .structure-search {float: right;}
.main-header .structure-links {width: 50%; float: left; padding-top: 10px; }

.busy .buttons, div.busy .buttons   { background:transparent url(../images/loader-small.gif) no-repeat scroll left center; padding: 10px 0px; }
.busy .buttons *, div.busy .buttons * { display: none; }

form.short input { width: 130px; padding: 4px; }


.indent { padding-left: 10px !important;}
.indent2 { padding-left: 20px !important;}
.indent3 { padding-left: 30px !important;}

/*cmsFile*/

div.file-icon { width: 90px;}
div.file-icon .thumb { width: 70px;}

.lvl-1 { padding-left: 15px; }
.lvl-2 { padding-left: 30px; }
.lvl-3 { padding-left: 45px; }

.seo-part { display: none;}
.seo-enable { font-size: 12px; display: block; font-weight: bold; margin-bottom: 5px; }


.exclude-enable { font-size: 12px; display: block; font-weight: bold; margin-bottom: 5px; }

ul.switcher {  }
ul.switcher li { display: inline-block; }
ul.switcher li a { color: #2b2b2b; float: left; display: block; padding: 5px 10px;  background: url(../images/switcher.gif); }

ul.switcher li.active a,
ul.switcher li.active a:hover
{ color: #fff; background: #A9014B;  }
ul.switcher li a:hover { text-decoration: none; background: #D1D1D1; color: #2b2b2b;}



.image-list { 
  float: left;
}
.image-list li { 
  float: left;
  margin: 5px;
}
.image-list li a {
  float: left;
  padding: 5px;
  border: solid 1px #eaeae9;
  -webkit-box-shadow: 2px 2px 5px #ccc;
}

.image-list li a:hover {
  background: #A9014B;
}
.image-list li a img {
  opacity: 0.9;
}
.image-list li a:hover img {
  opacity: 1;
}

#gallery-container ul li { float: left;}
#gallery-container ul li img { display: block; padding: 20px 50px 10px 0px;}
#gallery-container ul li p { word-wrap:break-word; width: 90%; padding-bottom: 5px; word-break: break-all;}

#templates-container { margin-bottom: 50px; }

#templates-container ul {float: left;}
#templates-container ul li {
  float: left;
  position: relative;
  border: solid 5px #ddd;
  width: 200px;
  height: 200px;
  margin-right: 10px;
}
#templates-container ul li span.title {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px;
  opacity: 0.8;
  width: 190px;
}
#templates-container ul li a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  text-align:center;
}

#templates-container ul li.default {
  border-color: #A9014B;
}

.Paginator {margin-bottom: 15px;}
/* Multiselect
----------------------------------*/

.ui-multiselect {  }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid #A9014B; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 2px 5px;}
.ui-multiselect .remove-all { float: right; padding: 2px 5px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 2px 5px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }

.multiselect-bar { position: relative; }
.ui-multiselect-menu input { width: auto; }


#fields {

  margin: 15px 0;
}
#fields li label {
  width: 150px;
  display: block;
  float: left;
  padding: 5px 0 0 5px;
  background: #F4F4F3;
  height: 20px;
  margin-right: 5px;
}
#fields li {
  margin: 0 0 10px;
  border: solid 1px #ddd;
  padding: 5px;
  position: relative;

}
#fields li li {
  border: 0;

  margin-bottom: 0px;
}
#fields li li.field-type {
  height: auto;
  color: #eee;
  font-weight: bold;
  font-size: 66px;
  position: absolute;
  top: 0px;
  left: 370px;
  letter-spacing: -8px;
}
#fields li li ul.inner-list {
  margin-left: 155px;
}
#fields li li ul.inner-list li {
  padding-top: 0;
}
#fields li li a.add-value {
  margin-left: 160px;
}
.remove-field {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9999;
}

.rollover { cursor: pointer;}