/* http://twitter.github.com/bootstrap/base-css.html#tables#DD1144*/

body {padding:2px 10px; background-color:#ccc; background-image: url("/img/metal_bg.jpg");}
body, td, th {font-size:12px}
th, td {padding:4px 6px; vertical-align:top; line-height:22px}


tr.rowLight {background-color:#FFF}
tr.rowMid {background-color:#F3F3F3}
tr.rowDark {background-color:#e3e3e3}

tr.rowDarktitle,
tr.rowMidtitle,
tr.rowLighttitle {background-color:#ccc; text-align:center; font-weight:700}

.catalogPosition td {cursor:pointer}
.catalogPosition:hover td {background-color:#ffffaa!important;}
.catalogHighlite:hover td {background-color:#eeeeaa!important;}
.datagrid tr:hover td {background-color:#eeeeaa!important;}
tr.catalogPositionSelected td {background-color:#eeeeaa!important;}
td.lessPrice {color:green}
td.morePrice {color:red}

table.datagrid {width:100%}
table.datagrid td {font-size: 11px}

span.notnull {height:20; width:3px; background-color:orange}
.notvalid {background-color:#ffff66;}

input {margin-right:6px}


div#catalogContent {height:97%; overflow:auto; border:0px inset silver; padding:8px}
div#catalogItem {height:35%; overflow:auto; border:0px inset silver; padding:8px; display:none; margin-top:16px}
div#content100percent {height:500px; border:0px solid white;}

textarea.fullwidth {width:500px}
tr.sortable th, table.datagrid th {cursor:pointer; background-color:#ccc;}
th.headerSortUp, th.headerSortDown, th.sorting_asc, th.sorting_desc  {background-color:#0088CC!important; color:#FFF}

.dataTables_length {display:none;}

.font11, .font11 td, .font11 select, .font11 th {font-size:11px; line-height:normal;}

div.popup {position:absolute; top:20px; left:10%; width:80%; z-index:9998}
div.popup div.inset {width:100%; box-shadow:0px 8px 28px #777; z-index:9999}
div.popupback {background-color:#BBB; opacity:0.75; z-index:9997; position:fixed; width:100%; height:100%; top:0px; left:0px}

a.closePopupButton {position:absolute; right:-50px; top:-9px; background-color:#FFF; border-radius:10px; padding:3px; box-shadow:0 0 10px #777}

#loader {position:fixed; top:30%; left:40%; width:20%; height:120px; padding-top:60px;
    vertical-align:middle; text-align:center; box-shadow:0px 6px 23px #999;
    border-radius:10px; border:5px solid #FFF; color:#EEE;
    display:none; background-color:#2C2C2C; opacity:0.9; z-index:19999}

#incartamount {font-style:normal; opacity:1; background-color:#999; border-radius:9px; color:#333; padding:2px 5px; font-size:11px}
.active #incartamount, .active:hover #incartamount {background-color:#FFF;}

.navbar-fixed-top i {opacity:.6}
.navbar-fixed-top li img {opacity:.7}
.navbar-fixed-top .active i, .navbar-fixed-top li.active img {opacity:1}

.currentPos td {border-bottom:2px solid red}

.ajaxForm, .ajaxconfirm, .ajax, .deleteconfirm {}

.tooltip, .popover {z-index:30000}

.add2cartMiniForm {background-color: #5AB35A; box-shadow: 0px 0px 8px #777; border-radius: 9px; margin-left: -32px; margin-top: -31px}
.add2cartMiniForm {padding: 6px; margin: -32px -62px -10px -44px; position: absolute; border: 1px solid #EEE}
.add2cartMiniForm input {margin:0px;}
.add2cartMiniForm input[type=text] { margin-right: 4px; width:30px; text-align: center}

.search-row td input, .search-row td select {width:60px; height: 22px; font-size: 10px; margin-bottom: 0px; padding: 0 2px}

/*.datagrid td {word-wrap: break-word; word-break: break-word;}*/

.icon-blue {
    background-image: url(/bootstrap/img/glyphicons-halflings-blue.png)!important;
}

.icon-green {
    background-image: url(/bootstrap/img/glyphicons-halflings-green.png)!important;
}

.icon-orange {
    background-image: url(/bootstrap/img/glyphicons-halflings-orange.png)!important;
}

.icon-gray {
    background-image: url(/bootstrap/img/glyphicons-halflings-gray.png)!important;
}

td.editable {background-image: url(/cpimg/td_editable.png)!important; background-repeat: no-repeat; background-position: top right}

td.editable form {margin:0; padding: 0}
td.editable form input[type=text] {border:0px; width:100%; font-size: 90%; margin: 0!important;}
td.editable form input[type=submit] {opacity: 0; display: none; margin: 0!important;}

td.important {background-color: #e9e9e9}
tr.rowLight td.important {background-color: #F7F7F7}

.bold {font-weight: 700}

td.greenlight {background-image: url(/cpimg/td_greenlight.png)!important; background-repeat: no-repeat; background-position: top right; font-weight: 700}

div#rightPanel {float: right; height: 100%; width: 44px; border-left: 2px ridge #CCC;
    position: fixed; right: 0px; top:0px; padding: 50px 8px; text-align: center;
    background-color:#ccc; background-image: url("/cpimg/metal_bg2.png");

}

div#rightPanel hr {border:0; border-bottom: 1px solid #DDD; border-top: 1px solid #999; height: 0px}

td.orange-border a  {border:2px solid #F9A733}

li #favstatus .label {color:black; font-weight: 500}
li.active #favstatus .label {color:white}

.faded a {opacity: 0.25}
.faded a:hover {opacity: 1}

/*.outset {border-top:1px solid black}*/

ul.paginator {list-style: none; margin: 8px; padding: 0; display: inline-block;}
ul.paginator li {display: inline-block;}
ul.paginator li a {padding: 4px; background-color: #ccc; border-radius: 4px; color:#FFF}
ul.paginator li.active a {padding: 4px; background-color: #F9A733; color:#FFF; border-radius: 4px}

.p100 {width:99%!important}
.p75 {width:75%!important}
.p50 {width:49%!important}

.controls label {padding-top: 5px}

.nav-list li a:hover {background-color: #E3E3E3}
.nav li a {height:18px;}
.nav li a i {margin-top: 0px}

#s_tip_fields_editor {cursor: pointer; color:#369BD7}
#fields_div {display: none; height: 200px; overflow: auto;}
a.prod_field {margin:0 8px; color:#2B7CAC; white-space: nowrap;}
small {color:#777}

i[class^="icon-"] {
    opacity: 0.9;
}

p.help-block {font-size: 90%; color: #777; margin: 0; padding: 0; margin-top: 4px!important; }
.alert-info {background-color: #DDD}

/*.table a {color: #1177ac}
.table a.btn {
    color: #FFF;
}*/

.control-label {width:200px!important;}
.controls {margin-left: 225px!important;}
.dropdown.active {background-color: #AD380F}

textarea.textareagrid {
    background: url('/img/text_grid20.png');
    line-height: 25px!important;
    font-size: 12px;
    padding: 4px 12px;
    outline: none;
    outline-width: 0;
}


 /*YANDEX DIRECT STYLES*/

div.directVisual {
    background-color: white;
    width: 320px!important;
    font-family: Arial, Helvetica, sans-serif;
}

.directVisual .dv_title, .directVisual .dv_title2 {
    color: #00C;
    font-size: 16px!important;
    text-decoration: underline;
}
.directVisual .dv_text {
    color: #000;
    font-size: 13px;
}
.directVisual .dv_contacts {
    color: #060;
    font-size: 13px;
}

.quick-buttons-panel {
    position: fixed;
    z-index: 999;
    border: 1px solid silver;
    background-color: #FFF;
    padding: 8px 8px 8px 10px;
    border-radius: 0 5px 5px 0;
    display: inline-block;
    bottom: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    left: -1px;
}

.hideshow:before {
    content: '[?]';
    cursor: pointer;
}

.hideshow span {
    display: none;
    cursor: pointer;
}

.hideshow.active span {
    display: block;
}