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

.s_new { color: #01A1D9; }
.s_cancelled { color: #777; }
.s_complete { 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: 210px; 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: #063671; }
#mysearch .main { padding: 4px 4px 4px 4px; }
#mysearch .rest { padding: 4px 4px 4px 4px; width: 600px; height: 26px; background: #A3A3A3;  }

/* Invoices */
span.green {color: #00E100; }
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;  }

/* 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; }
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: 690px; }