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

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

/*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%}

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 rgba(0,0,0,.5); z-index:9999}
div.popupback {background-color: rgba(0,0,0,.5); 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 {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(/application/img/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}
tr.typeuser td {background-color: #b9dbec !important;}
tr.typeuser td:last-of-type {
    font-weight: 700;
    text-align: center;
}

.bold {font-weight: 700}

td.greenlight {background-image: url(/application/img/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: 120px 8px; text-align: center;
    background-color:#ccc; background-image: url("/application/img/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}

.likeCheckbox {padding:1px 1px 2px; border-radius: 3px; border: 1px solid #CCC!important; background-color: #FFF}

.needSave {border:1px solid red!important;}

.tinyComment {background-color: #DDD; font-size: 90%; border-radius: 3px; padding: 0px 6px; z-index: 5}
.catalogHighlite:hover td .tinyComment {background-color: #f3f3f3; font-size: 90%; border-radius: 3px; padding: 0px 6px}

.btn-mini {padding:0 6px}

td.tdSplit, th.tdSplit {border-left: 3px double orange!important;}

.alert_small_urls {margin: 0 6px}
.alert_small_urls a {border-bottom: 1px dashed silver; }

.rateRecount {background-color: #999999; font-size: 9px; color: #EEE; padding: 0 3px; border-radius: 4px}

.item_tag {
    padding: 1px 3px;
    background-color: green;
    border-radius: 4px;
    text-shadow: #FAFAFA 0px 0px 0px, rgba(99, 99, 99, 0.496094) -1px 0px 0px;
    color: #FFF;
    font-size: 10px;
    box-shadow: 0px 1px 0px #CCC;
    white-space: nowrap;
}

.item_tag.item-tag-big {padding: 1px 6px 3px 2px!important; white-space: nowrap}

.item_tags {
    float: right;
}

.drag_good {cursor: move; height: 100%; text-align: center}

.item_tag_drop {cursor: default}

.drop-over {
    background-color: #eec883 !important;
    /*color: #ffffff;*/
}

.item_tag.drop-over {
    border: 2px solid orange;
}

.tr-selected td {
    background-color: #feecd3!important;
}

.catalogPositionSelected.tr-selected td {
    background-color: #ebd7a7!important;
}

.catalogPositionSelected.tr-selected:hover td {
    background-color: rgba(210, 192, 149, 0.63) !important;
}

#trashcan {
    box-shadow: 0 1px 7px rgba(0,0,0,.4);
}
#trashcan.drop-over {
    background-color: #ff6866!important;
}

.catalogDirTreeUl {
    padding: 0;
    margin: 0 14px;
}

.catalogDirTreeLi {
    list-style: none;
    padding: 1px 0;
}
.categs_editor .catalogDirTreeLi {
    /*line-height: 20px;*/
    /*border-bottom: 1px solid #FFF;*/
    padding: 4px 0;
    font-size: 13px;
}
.catalogDirTreeLi:hover {
    background-color: rgba(0,0,0,.075);
}
.catalogDirTreeLi.active {
    background-color: #638BB6;
}
.catalogDirTreeLi.active a {color:#FFF}
.catalogDirTreeLi a:first-of-type {
    padding-right: 10px;
}

.categs_editor a.catalogDirTree {
    display: inline-block;
    margin-right: 20px;
}

.images_ret span {
    position: relative;
    display: inline-block;
}

.images_ret span a {
    position: absolute;
    top:0px;
    right: 2px;
    background-color: #FFF;
    color: silver;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-align: center;
}

.images_ret span img {
    max-width: 250px;
    max-height: 180px;
    border: 2px solid #FFF;
    box-shadow: 0 2px 7px rgba(0,0,0,.2);
    margin: 4px;
}

.url {
    cursor: pointer;
}