/*
    Document   : account
    Created on : 2012-04-18, 18:06:49
    Author     : tech-prog
    Description:
        Purpose of the stylesheet follows.
*/ 

.account_menu { overflow: hidden }

/* Tables with listing values */
table tr.total td { font-size: 16px; font-weight: bold; color: #5C8607; }
table.product_list { width: 100% }
table.product_list td img { width: 50px; border: 1px solid #f0f0f0; }
table.product_list td img.preview {width: 16px; height: 16px}
table.product_list input.delete { width: 14px; height: 14px; background: url('cms/delete-from-cart.png') left bottom no-repeat; }
table.product_list input.delete:hover { background-position: left top; }
table.product_list tfoot td { background: #D7E8B6 ; }
table.product_list tr.damaged td { background: #ffdddd }
/* Rebates */
table.rebate { border-spacing: 4px; background: #fff; clear: both; width: 100%; height: 64px; padding: 0 0 0 0; margin: 0 0 8px 0; border-collapse: separate; }
table.rebate td { color: #fff; text-align: center; vertical-align: middle; border: 2px solid #777; border-radius: 8px; }
table.rebate td.active { color: #444; background: #fff; border: 2px solid #f00; border-radius: 8px; }

.admin_note { background: #fea; border: 1px solid #f00; padding: 4px 4px 4px 4px; border-radius: 4px; }
.customer_note { border: 1px solid #888; padding: 4px 4px 4px 4px; border-radius: 4px; }

.s_new, .s_not_paid, .s_paid  { color: #01A1D9; }
.s_cancelled, .s_returned { color: #777; }
.s_complete, .s_transferred { color: #006C00; }
.s_awaiting { color: #C71F1F; }
.s_in_progress { color: #006A9D; }

div.important, a.important { background-image: url('../images/ico-atention.png'); background-repeat: no-repeat; background-position: top left; padding: 4px 2px 4px 12px; }

/* Orders */
.minCommentWidth { min-width: 410px; background: #D7E8B6; border-radius: 4px; padding: 8px 8px 8px 8px; }

table.order_list { width: 100%; border-spacing: 0; border: 1px solid #aaa; }
table.order_list thead tr{ background: #eee url('../images/separator.gif') repeat-x bottom center; }
table.order_list thead td{ height: 22px }
table.order_list td.bl { border-left: 1px solid #ccc; }
table.order_list tbody tr.next{ background: url('../images/separator.gif') repeat-x top center; }
table.order_list tbody tr.notEnough { background-color: #FAE8CB; }
table.order_list tfoot td{ border-top: 1px solid #ccc; }

#mysearch { width: 100%; height: 34px; background: #8EBE2F; }
#mysearch .main { padding: 4px 4px 4px 4px; }
#mysearch .rest { padding: 4px 4px 4px 4px; width: 600px; height: 26px; background: #A3A3A3;  }

/* Invoices */
span.green {color: green; }
span.red {color: red; }
span.gray {color: gray; }
span.days_late {position: relative; top: -3px; }
span.prodcolor {color: #5C8607; } /*#33AAEE; }*/

/* Invoice preview */
.invoice_main {font-size:12px; font-family:arial; background-color:white; color:black; margin:10px 10px 10px 10px;}
.invoice_margin_top {clear:both; margin-top:10px;}

.invoice_top_box {width:100%; overflow:auto; margin:0px; padding: 0px;}
.invoice_top_box_logo {text-align:left; width:65%; float:left;}
.invoice_top_box_data {text-align:left; width:35%; float:left;}

.invoice_middle_data {width:100%; overflow:auto; margin:0px; margin-top:20px;}
.invoice_middle_data_seller {text-align:left; width:60%; float:left;}
.invoice_middle_data_buyer {text-align:left; width:40%; float:left;}

.invoice_header {clear:both; font-size:16px; font-weight:600; width:100%; text-align:center;}

.invoice_items_table { width:100%; padding:0px; border-collapse: collapse; border-color:#a7a7a7; font-size:12px; font-family:arial; }
.invoice_items_table_td { padding:5px; border-style:dotted; border-width:1px; border-collapse: collapse; border-color:#a7a7a7; }
.invoice_items_table thead td { font-weight:bold; background-color: #e9e9e9; }
.invoice_items_table .long { width:200px; }
.invoice_items_table .no_border { border-style:none; }
.invoice_items_table .vat_amounts_header { font-weight:600; }

.invoice_center { text-align:center; }
.invoice_right { text-align:right; }
.invoice_left { text-align:left; }
.invoice_bold { font-weight:bold; }

.invoice_to_pay { font-size:16px; margin-top:10px; }

.invoice_sign { width:100%; margin-top: 80px; text-align:center;}
.invoice_sign .element { width:50%; text-align:center; float:left;  }

/* Reclamations */
.uploadBox { border-radius: 4px; float: left; width: 162px; height: 86px; margin:8px 18px 8px 5px; background: #eee; border: 1px solid #777 }
.uploadBox.hint { background: #ffffaa; }

#file1 { cursor: pointer }
.boxHeader { /*border-top-right-radius: 4px; border-top-left-radius: 4px;*/ background: #777; color: #fff; height: 18px; clear:both; padding: 4px 4px 4px 4px; margin-bottom: 16px;  }
.boxHeader.active { background: #8ebe2f; }
.noMarginTop { margin-top: 0 !important; }
.mediumInfo { width: 260px; color: #aaa; }

.boxHeader a.deleteFiles img { padding: 0 0 0 0; background: url('cms/delete-from-cart.png') no-repeat left bottom; width: 14px; height: 14px; border: 0; }
.boxHeader.active a.deleteFiles img { background-position: left top; }

/* Shipping searcher */
.fmdleft textarea { margin-left: 15px; width: 425px; overflow:hidden; }
div.left.fms { margin-left: 10px; width: 310px;}

.art-content .notice_0 { width: 800px; }
.notice_1 { vertical-align: top; }
div.notice_2 { margin-left: 10px;}

.tdlg { background-color: #fff; }
.tddg { background-color: #ebf4db; }
.tdlr { background-color: #ffeae4; }
.tddr { background-color: #ffd7cc; }

tbody td.ico-center { text-align: center; margin: 0 auto; }

div.ico-cancelled { background-image: url(cms/cancelled.png); width: 29px; height: 29px; margin: 0px auto -1px auto; }
div.ico-pause { float: left; margin-top: 5px; margin-left: 13px; background-image: url(cms/empty.png); width: 21px; height: 21px; }
div.ico-play { float: left; margin-top: 5px; margin-left: 5px; background-image: url(cms/play.png); width: 21px; height: 21px; }
div.ico-close { float: left; margin-top: 5px; margin-left: 5px; background-image: url(cms/close.png); width: 21px; height: 21px; }
div.ico-new { background-image: url(cms/new.png); width: 21px; height: 21px; margin: 0px auto -1px auto; }
div.ico-in-progress { background-image: url(cms/in_progress.png); width: 24px; height: 24px; margin: 0px auto -1px auto; }
div.ico-complete { background-image: url(cms/complete.png); width: 24px; height: 24px; margin: 0px auto -1px auto; }

div.ico-reclamation { background-image: url(cms/reclamation.png); width: 21px; height: 21px; margin: 0px auto -1px auto; }

span.text-cancelled { font-size: 14px; font-weight: bold; color: #000; }
span.text-order-cancel { text-decoration: line-through; color: #959a8a; }
span.text-pause { padding: 2px 5px 2px 5px; margin-top: 20px; background-color: #f00; font-size: 14px; font-weight: bold; color: #fff;}
span.text-new { font-size: 14px; font-weight: bold; color: #00d1ff; }
span.text-in-progress { font-size: 14px; font-weight: bold; color: #00f; }
span.text-complete { font-size: 14px; font-weight: bold; color: #060; }

span.text-red { color: #971b1b ; font-weight: bold; font-size: 11px; margin: 0px 0px 0px 1px; }

textarea#comment { margin-bottom: 10px; }
input.second-button { margin-left: 20px; }
div#invs { width: 100%; height: 78%; position: absolute; z-index: 10; }
div.little_border { border: 1px solid black; padding: 10px; padding-bottom: 0px; width: 670px; }
input.notice_title_long { width: 670px; }

#mysearch .short { width: 40px }
#pictlib { width: 100% }
#pictlib .pictl div { clear: both; overflow: auto;  }
#pictlib .pictl label { padding: 4px 4px 4px 4px; height: auto; width: 240px; display: block; float: left }
#pictlib .pictl div:nth-child(even) { background: #CCC }
#pictlib .pictl div:nth-child(odd) { background: #FFF }

.slider_parting { position:relative; }
.slider_parting_margin { margin-right: 25px; margin-top: -10px;}
.slider_parting_span { font-size: 10px; position: absolute; left: 5px; top: 5px; color: #b6b6b6; }
.slider_parting_line_long { position:absolute; background-color: #b6b6b6; width:1px; height:15px; top:10px; }
.slider_parting_line_short { position:absolute; background-color: #b6b6b6; width:1px; height:11px; top:10px; }

.ui-widget-content { background: #eeeeee url(images/bar-gray.gif) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-content { border: 0px }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px; background: #fff url(images/slider-green.png) 50% 50% repeat-x !important; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #fdf5ce url(images/slider-green.png) 50% 50% repeat-x !important; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff url(images/slider-green.png) 50% 50% repeat-x !important; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

.ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -5px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 11px; height: 22px; cursor: pointer ; }

.rebate-field-1 { position: relative; height: 41px;}
.rebate-field-2 { float: left; background-color: #8bbb2b; color: #fff; font: normal 27px arial; padding: 5px 50px 3px 10px; }
.rebate-field-4 { float: left; color: #8bbb2b; font: bold 18px arial; padding: 10px 0px 0px 50px; }
.rebate-field-3 {	position: absolute;	background-color: #8bbb2b; height: 3px; width: 100%; bottom: 0px; } 
.rebate-field-5 { float: left; width: 360px; height: 100%; padding: 20px; }	
.rebate-field-6 { float: left; width: 600px; background-color: yellow; height: 0px; }
.ul-rebate-filed-1 { list-style: disc outside !important; }
span.rebate-font-1 { font: bold 18px arial; color: #8bbb2b; }
.small-int-rebate { width: 45px; text-align: center; border: 1px solid #8bbb2b !important; }
.small-int-rebate-sum { width: 45px; text-align: center; border: 1px solid #8bbb2b !important; color: #8bbb2b }
.small-font-2 { font-weight: bold; color: #8bbb2b; }
.plot-rebate-1 { background-color: #eee; border-radius: 10px; border: 1px solid #ccc; width: 260px; height: 150px; padding: 5px; }
.plot-rebate-2 { font-size: 14px; font-weight: bold; margin:6px 0px; }
.plot-rebate-3 { width:250px;height:120px;float:left; }