/* 
    Document   : test
    Created on : 21.3.2013, 23:14:44
    Author     : JARDA-NTB
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-datepicker{ z-index: 9999 !important;font-size: 12px !important;}

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

#panel_menu { float: left;width: 200px;}
#panel_menu2>li{ list-style: none;margin-top: -14px;padding: 5px 0;}
#panel_menu ul li ul{ display: block; position: absolute; clear: both;display: none;margin: -1px;z-index: 600;margin-left: 40px;}
#panel_menu>ul>li>ul>li{clear: both;list-style: none;border: none;margin-left: -40px;}
#panel_menu>ul>li>ul>li a:hover{}
#panel_menu>ul>li>ul>li a {border: none;min-width: 160px;padding: 6px 10px;}

div.fix-toolbar {
    left: 205px !important;
}

.input_disabled{
    background-color: #E3E3E3 !important;
    color: #A0A0A0;
}


.table {background-color: #fff;border: 1px solid #ccc;padding: 0; border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.table tr th {background-color: #F1F1F1;text-shadow: 0 1px 0 #fff;padding: 4px 6px;background: #ececec url('../img/bg-degrade-table.png') repeat-x scroll left top;background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);background: -webkit-gradient(linear, center top ,center bottom, from(#F9F9F9), to(#ECECEC)) repeat scroll 0 0 transparent;font-size: 13px;text-align: left;color: #333;}
.table tr td {border-bottom: 1px solid #ccc;color: #333;font-size: 12px;padding: 4px 4px 4px 6px;}
.table .filter {margin: 2px;}
.table .alt_row {background-color: #f8f8f8;}
.table a{ color:black;}
.table a:hover{text-decoration: none;}
.table td span.color_field {font-size: 11px;padding: 2px 5px;border-radius: 3px;text-transform: uppercase;color: #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
span.color_field {font-size: 11px;padding: 2px 5px;border-radius: 3px;text-transform: uppercase;color: #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.filter {background-color: #f1f9ff;}


fieldset {
background-color: #EBEDF4;
border: 1px solid #CCCED7;
color: #585A69;
font-size: 1.1em;
margin: 0;
padding: 1em;
}
legend {
background: #EBEDF4;
border: 1px solid #CCCED7;
font-weight: 700;
margin: 0;
padding: .2em .5em;
text-align: left;
}
legend, th {
/*font-family: Arial,Helvetica,sans-serif;*/
}


input[type="text"], input[type="password"], input[type="file"], textarea {
border: 1px solid #ccc;
background-color: #fff;
}


.table tr.row_hover:hover td {
background: #fff1b5;
}


.toolbarBox ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.toolbarBox a{
    color: #000;
    text-decoration: none;
    outline: 0pt;
}

/*toolbarBox*/
.toolbarBox { background-color: #F8F8F8; border: 1px solid #CCCCCC; margin-bottom:10px; padding: 10px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.toolbarBox .pageTitle { margin-left:10px; line-height:48px}
.toolbarBox .pageTitle h3 {font-size: 20px; font-weight: normal; line-height: 52px; margin: 0; padding: 0; text-shadow:0 1px 0 #fff;text-decoration: none;}
.toolbarBox ul.cc_button {float:right;margin:0 5px 0 0;padding:0;}
.toolbarBox ul.cc_button li {color: #666666; float: left; height: 48px; list-style: none outside none; padding: 1px 1px 3px 4px; text-align: center;}
.toolbarBox a.toolbar_btn {   border:1px solid #f8f8f8; min-width:50px; border-width: 1px; font-size:11px;cursor: pointer; display: block; float: left; padding: 3px 5px; white-space: nowrap; text-shadow: 0 1px 0 #ffffff;}
.toolbarBox a.toolbar_btn:hover { background-color:#fff; border:1px inset #ccc; border-radius:3px;}
.toolbarBox .toolbar_btn span{ display: block;float: none;height: 32px;margin: 0 auto;width: 32px;  margin: 0 !ie; position:relative !ie;}
.toolbarBox .process-icon-delete { background-image: url('../themes/default/img/process-icon-delete.png');}
.toolbarBox .process-icon-duplicate { background-image: url('../img/process-icon-duplicate.png');}
.toolbarBox .process-icon-preview { background-image: url('../themes/default/img/process-icon-preview.png');}
.toolbarBox .process-icon-stats { background-image: url('../themes/default/img/process-icon-stats.png');}
.toolbarBox .process-icon-cancel, .toolbarBox .toolbar-cancel { background-image: url('../img/process-icon-cancel.png');}
.toolbarBox .process-icon-new, .toolbarBox .toolbar-new{ background-image: url('../themes/default/img/process-icon-new.png');}
.toolbarBox .process-icon-save { background-image: url('../themes/default/img/process-icon-save.png');}
.toolbarBox .process-icon-save-and-stay { background-image: url('../themes/default/img/process-icon-save-and-stay.png');}
.toolbarBox .process-icon-edit { background-image: url('../img/process-icon-edit.png');}
.toolbarBox .process-icon-back { background-image: url('../themes/default/img/process-icon-back.png');}
.toolbarBox .process-icon-refresh-index  { background-image: url('../img/process-icon-refresh-index.png');}
.toolbarBox .process-icon-refresh-cache  { background-image: url('../img/process-icon-refresh-cache.png');}
.toolbarBox .process-icon-save-calendar { background-image: url('../img/process-icon-save-calendar.png');}
.toolbarBox .process-icon-new-module { background-image: url('../img/process-icon-new-module.png');}
.toolbarBox .process-icon-new-url { background-image: url('../img/process-icon-new-url.png');}
.toolbarBox .process-icon-new-module-addon { background-image: url('../img/process-icon-new-module-addon.png');}
.toolbarBox .process-icon-save-and-preview { background-image: url('../img/process-icon-preview.png');}
.toolbarBox .process-icon-setting { background-image: url(../themes/default/img/process-icon-setting.png);}
.toolbarBox .process-icon-test { background-image: url(../themes/default/img/process-icon-test.png);}
.toolbarBox .process-icon-import { background-image: url('../themes/default/img/process-icon-export-csv.png');}
.toolbarBox .process-icon-gantt { background-image: url('../themes/default/img/process-icon-gantt.png');}
.toolbarBox .process-icon-export { background-image: url('../img/process-icon-export-csv.png');}
.toolbarBox .process-icon-export-all { background-image: url('../img/process-icon-export-csv-details.png');}
.toolbarBox .process-icon-export-stock-state-quantities-csv { background-image: url('../img/process-icon-export-csv.png');}
.toolbarBox .process-icon-export-stock-state-prices-csv { background-image: url('../img/process-icon-export-csv-details.png');}
.toolbarBox .process-icon-export-csv-orders { background-image: url('../img/process-icon-export-csv.png');}
.toolbarBox .process-icon-export-csv-details { background-image: url('../img/process-icon-export-csv-details.png');}
.toolbarBox .process-icon-export-stock-mvt-csv { background-image: url('../img/process-icon-export-csv.png');}
.toolbarBox .process-icon-newAttributes, .toolbarBox .toolbar-new{ background-image: url('../img/process-icon-new.png');}
.toolbarBox .process-icon-new.add_product{ background-image: url('../img/process-icon-addProduct.png');}
.toolbarBox .process-icon-partial-refund{ background-image: url('../themes/default/img/process-icon-partial-refund.png');}
.toolbarBox .process-icon-standardRefund{ background-image: url('../img/process-icon-standard-refund.png');}
.toolbarBox .process-icon-help{ background-image: url('../themes/default/img/process-icon-help.png');}
.toolbarBox .process-icon-help-new{ background-image: url('../themes/default/img/process-icon-help-new.png');}
.toolbarBox .process-icon-money{ background-image: url('../themes/default/img/process-icon-money.png');}

div.fix-toolbar {border-bottom: 1px solid #E0E0E0;position:fixed;top:0;opacity:0.9;z-index:500; display: block;  left: 5px; right: 0px;}

div.toolbar-placeholder{height: 90px; margin-top: 5px;}

a img{border: 0;}


#tab-container{ float: left;width: 126px;font-size: 12px;}
#tab-container ul{ list-style: none;display:block; padding: 0;margin:0}
#tab-container ul li{ border-right: 1px solid #CCCED7; border-bottom: 1px solid #CCCED7; border-left: 1px solid #CCCED7; background-color: #fff;}
#tab-container ul li:first-child{ border-top: 1px solid #CCCED7;}
#tab-container ul li a,#tab-container ul li a:visited{ text-decoration: none; color: #666; display: block; padding: 8px 5px; }
#tab-container ul li:hover{ border-left: 1px solid #CCCED7; }
#tab-container ul li a:hover{ color: #000; }
#tab-container ul li.selected, #tab-container ul li:hover{ border-right: none; background-color: #EBEDF4; border-left: 1px solid #CCCED7; }
#tab-container ul li.selected{ font-weight: bold; }

#content2{  overflow: auto; width: 100%; margin: 15px auto;}
#content2 .main-container{ min-height: 500px; margin: 0 0 0 125px; padding-left: 20px; padding-right: 20px; background-color: #EBEDF4; border: 1px solid #CCCED7; font-size: 12px;}
#content2 .main-container h4{ font-size: 18px; padding: 0; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: normal; }
#content2 .main-container hr{ display: block; height: 2px; border: 0; border-top: 1px solid #bbb; margin: 2px 0; padding: 0; }
#content2 .main-container table tr td:first-child{ font-weight: bold; color: #393939; text-align: right; padding-right: 10px; }
#content2 .main-container table tr td:last-child{ text-align: left; }

/*****************JEDNOTLIVE VLASTNOSTI*******************/
.top{ vertical-align: top; }
.italic{ font-style: italic; }
.normal{ font-weight: normal !important; }
.bold { font-weight: bold !important; }
img {vertical-align: middle;}
h5{font-size:13px;padding-left: 10px;}
.center {text-align: center !important;}
.center_table { margin: 10px auto;}
.center_table tbody tr td{padding-left: 30px;padding-right: 20px;}
.center_table input[disabled=disabled]{ background-color: #CCC}
.right{text-align: right !important;}
.pointer {cursor: pointer;}

/*****************OZNAMENI****************/
.hint {
    display: none;
    position: relative;
    margin-top: 4px;
    margin-bottom: 2px;
    border: 1px solid #00529B;
    padding: 15px 5px 15px 50px;
    color: #00529B;
    background: #BDE5F8 url(../themes/default/img/icon-info.png) no-repeat 6px center;
    border-radius: 3px;
    min-height: 15px;
    z-index: 10;
}

.button {

background: #e3e3e3 url('../themes/default/img/bg-button-degrade.png') repeat-x scroll left top;
background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top ,center bottom, from(#F9F9F9), to(#E3E3E3)) repeat scroll 0 0 transparent;
border-color: #CCCCCC #BBBBBB #A0A0A0;
border-left: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
border-right: 1px solid #BBBBBB;
border-style: solid;
border-width: 1px;
color: #000000;
margin: 0;
outline: medium none;
padding: 3px 8px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
}
.button.bt-icon {
display: inline-block;
margin-bottom: 9px;
}
.button.bt-icon span {
padding-left: 5px;
}



.container_blue{ background-color: #EBEDF4; border: 1px solid #CCCED7; padding: 20px; font-size: 12px; }
.container_blue table tr td:first-child{ font-weight: bold; color: #393939; text-align: right; padding-right: 10px; font-size: 12px; }
.container_blue .inputRed { background-color: rgba(255,0,0,0.2) !important; border: 1px #ff3333 solid;}
.container_blue hr {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #BBBBBB -moz-use-text-color -moz-use-text-color;border-image: none;border-right: 0 none;border-style: solid none none;border-width: 1px 0 0;display: block;height: 2px;margin: 2px 0;padding: 0;}

.container_red{ background-color: #ff3333;border-color: #993300;color:#660000;text-align: center;font-size: 20px;font-weight: bold;padding: 20px;}



.button-command {
float: right;
padding: 10px;
}

#main_account{
    width: 400px;
    height: 70px;
    /*background-color: rgba(40,150,168,0.6);*/
    background-color: #EBEDF4;
    position: absolute;
    top: 10px;
    right: 100px;
    left: auto;
    padding: 15px;
    /*color: white;*/
    display: none;
}

.cl{
    clear: both;
}

.related_product p:hover{
    background-color: #FEEFB3;
    cursor: pointer;
}

div#rp p{
    margin: 0;
    padding: 0;
}