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

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 {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: 24px; font-size: 10px}

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