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

.account_menu { overflow: hidden }
.date { width: 80px; }

/* 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('../../../objects/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: #eee; border-radius: 4px; padding: 8px 8px 8px 8px; }

table.order_list { width: 100%; border-spacing: 0; border: 1px solid #aaa; border-collapse: initial !important;}
table.order_list thead tr{ background: #eee url('cms/table-header.png') repeat-x bottom center; height: 28px !important;}
table.order_list thead a { color: #000000 !important; }
table.order_list thead td{ font-size: 10px; font-weight: bold; height: 28px !important; padding: 0px !important; text-align: center; border-left: 1px #aaa solid;}
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: #f3f3f3; border: 1px #aaa solid; border-top: 3px #0481c5 solid !important;}
#mysearch .main { padding: 4px 4px 4px 4px; }
#mysearch .rest { padding: 4px 4px 4px 4px; width: 600px; height: 26px; background: #f3f3f3;  }
#mysearch .searchfield { width: 350px !important; }
#mysearch .date_from{ width: 50px !important;}
#mysearch .date_to { width: 50px !important;}
#mysearch input[type=submit] { background: url('cms/search_button.png') !important; width: 75px !important; height: 25px !important; }

/* 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('../../../objects/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; }
*/

.tdlg { background-color: #fff; }
.tddg { background-color: #f3f3f3; }
.tdlr { background-color: #fff; }
.tddr { background-color: #f3f3f3; }

.orderDetails {
	display: none;
	background-color: #f3f3f3;
}

.row-0 { 
background: #8e8e8e; /* Old browsers */
background: -moz-linear-gradient(top, #8e8e8e 1%, #f3f3f3 16%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8e8e8e), color-stop(16%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8e8e8e 1%,#f3f3f3 16%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8e8e8e 1%,#f3f3f3 16%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8e8e8e 1%,#f3f3f3 16%); /* IE10+ */
background: linear-gradient(to bottom, #8e8e8e 1%,#f3f3f3 16%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
border-bottom: #000000 1px solid;
}

                
tr.main { cursor: pointer; }
tr.main:hover { background:#f3f3f3;}

.activeOrder { background: #8bcffe!important; }
                           
tbody td.ico-center { text-align: center; margin: 0 auto; width: 128px; padding: 2px !important;}

div.ico-cancelled { float: left; background-image: url(cms/order-status-cancelled.png); width: 127px; height: 28px; cursor: pointer; }
div.ico-pause { float: left; background-image: url(cms/order-status-reservation.png); width: 127px; height: 28px; cursor: pointer;  }
div.ico-play { float: left; margin-top: 5px; margin-left: 5px; background-image: url(../../../objects/cms/play.png); width: 21px; height: 21px; cursor: pointer; }
div.ico-close { float: left; margin-top: 5px; margin-left: 5px; background-image: url(../../../objects/cms/close.png); width: 21px; height: 21px; cursor: pointer; }
div.ico-new { float: left; background-image: url(cms/order-status-torealize.png); width: 127px; height: 28px;  cursor: pointer; }
div.ico-in-progress { float: left; background-image: url(cms/order-status-inprogress.png); width: 127px; height: 28px;  cursor: pointer; }
div.ico-complete { float: left; background-image: url(cms/order-status-complete.png); width: 127px; height: 28px; cursor: pointer;  }
div.ico-check { float: left; background-image: url(cms/order-status-check.png); width: 127px; height: 28px; cursor: pointer;  }

div.ico-cancelled-cod { float: left; background-image: url(cms/cod-status-cancelled.png); width: 101px; height: 28px; cursor: pointer; }
div.ico-new-cod { float: left; background-image: url(cms/cod-status-torealize.png); width: 101px; height: 28px;  cursor: pointer; }
div.ico-complete-cod { float: left; background-image: url(cms/cod-status-complete.png); width: 101px; height: 28px; cursor: pointer;  }

div.ico-reclamation { float: left; background-image: url(cms/order-status-reclamation); width: 127px; height: 28px; cursor: pointer;  }

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: 60%; 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(../../../objects/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(../../../objects/images/slider-green.png) 50% 50% repeat-x; 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(../../../objects/images/slider-green.png) 50% 50% repeat-x ; 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(../../../objects/images/slider-green.png) 50% 50% repeat-x; 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: #0481c5; color: #fff; font: normal 27px arial; padding: 5px 50px 3px 10px; }
.rebate-field-4 { float: left; color: #0481c5; font: bold 18px arial; padding: 10px 0px 0px 50px; }
.rebate-field-3 {	position: absolute;	background-color: #0481c5; height: 3px; width: 100%; bottom: 0px; } 
.rebate-field-5 { position: relative; float: left; width: 46%; padding: 20px; }	
.rebate-field-6 { float: right; width: 48%; }
.ul-rebate-filed-1 { list-style: disc outside !important; }
span.rebate-font-1 { font: bold 18px arial; color: #0481c5; }
.small-int-rebate { width: 45px; text-align: center; border: 1px solid #0481c5 !important; }
.small-int-rebate-sum { width: 45px; text-align: center; border: 1px solid #0481c5 !important; color: #0481c5 }
.small-font-2 { font-weight: bold; color: #0481c5; }
.plot-rebate-1 { float: right; 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; }

#tabs { width: 100%; height: 33px; overflow: hidden;}
#tab { float: left;position: relative; width: 111px; height: 33px; margin-right: 10px; text-align: center; vertical-align: middle; padding-top: 8px; }
#tab.active { font-weight: bold; background: url(cms/tab-active.png); }
#tab.active a {color: #ffffff !important;}
#tab.inactive {  background: url(cms/tab-inactive.png); }
#tab.inactive a {color: #848484 !important;}

#subtabs { width: 100%; height: 25px; overflow: hidden; border-top: 3px solid #0481c5; background: #f3f3f3; }
#subtab { border-right: 1px solid #0481c5; float: left; position: relative; padding-top: 4px; padding-left: 8px; padding-right: 8px; width: auto; height: 100%; text-align: center; }
#subtab a { display: block; height: 25px; width: 100%; text-decoration: none; }
.sub-inactive a {color: #848484 !important; height: 100%; width: 100%;}
.sub-inactive:hover, .sub-inactive a:hover  { background: #a8a8a8; color: #ffffff !important; }

.sub-active a { color: #ffffff !important; font-style: bold !important; }
.sub-active { background: #0481c5;}

#viewCollapsed { float: right; margin-top: 8px; background: url(cms/checkbox.png) left no-repeat; width:100px; height: 20px; background-position-y: -20px;}
#viewExpanded{ float: right; margin-top: 8px; background: url(cms/checkbox.png) left no-repeat; width:110px; height: 20px; background-position-y: 0px;}

/* okienka dialogowe z opcjami zam�wienia */

.tooltiptext {
	display: none;
}

#asc { background: url('cms/asc.png') top center no-repeat; }
#desc { background: url('cms/desc.png') top center no-repeat; }

#grayed { color: gray; font-style: italic;}

.ui-state-default, .ui-state-hover {background: #fff !important; }
.ui-datepicker-current-day, .ui-state-default .ui-state-active {background: gray !important; }

.calendar-icon { display: inline-block; background: url('cms/calendar-icon.png') right no-repeat; width: 190px; height: 25px;}
#ui-datepicker-div { -webkit-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 20px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 20px 0px rgba(50, 50, 50, 0.75); }

.mycheckbox:checked {
background: url(../images/cart_2/checkbox-rolover.png) no-repeat left bottom !important;
background-position-y: -38px;
}
.mycheckbox {
padding-left: 25px;
background: url(../images/cart_2/checkbox-rolover.png) no-repeat left top !important;
}

.options {
	postion: absolute;
	margin-top: 20x;
	background: white;
	z-index: 9999;

	width: 200px;
	height: auto;
}

/* MENU ZMIANY STATUSU */
#order-status { 
	margin-left: 3px; margin-top: 28px;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.82);
	-moz-box-shadow:    0px 3px 7px 0px rgba(50, 50, 50, 0.82);
	box-shadow:         0px 3px 7px 0px rgba(50, 50, 50, 0.82);
}
li.status, li.status a { margin-bottom: 0px; padding-bottom: 0px !important;}
#status-menu { display: table; padding: 0 0 0 -20px; margin: 0 auto 0 0; overflow: hidden; font-size: 13px; }
#status-menu li.status { list-style-type: none; margin: 5 auto 0 0; float: left; min-height: 20px; height: 20px;}
#status-menu li.status:hover { min-height: 20px;}
#status-menu li.status a, li.status span { display: block; min-height: 20px; color: #000000; text-decoration: none; padding: 3px 0px 3px 10px;}
#status-menu li.status a:hover { color: white; }
#status-menu li.status-m li.status a {width: 140px; text-align: left;}
#order-status {overflow: hidden; display: none; background: white;}
#status-menu li.status-m:hover ul#order-status {position: absolute; padding: 0; display: block; width: 140px;}

li.status1, li.status1 a { margin-bottom: 0px; padding-bottom: 0px !important;}
#status-menu li.status1 { list-style-type: none; margin: 0 auto 0 0; float: left; min-height: 25px; height: 25px;}
#status-menu li.status1:hover { min-height: 25px;}
#status-menu li.status1 a, li.status1 span { display: block; min-height: 25px; color: #000000; text-decoration: none; padding: 3px 0px 3px 10px;}
#status-menu li.status1 a:hover { color: white; }
#status-menu li.status-m li.status1 a {width: 140px; text-align: left;}
li.status-separator { width: 100%; list-style-type: none; margin: 3px auto 0 0; float: left; min-height: 1px; height: 1px; background: gray; }
	
/*ANIMACJA - tylko CSS3*/
#status-menu *:hover {transition: 0.1s ease-in;}
 
/*ZAOKRĄGLONE ROGI - tylko CSS3*/
#status-menu {border-radius: 4px;}
#status-menu li ul{border-radius: 0 0 3px 3px;}

.status-lightblue { border-radius: 4px; border-top: 3px solid #309eff; }
ul.status-lightblue li.status a:hover {background: #309eff; color: white;}
.status-darkblue { border-radius: 4px; border-top: 3px solid #2d47b3; }
ul.status-darkblue li.status a:hover {background: #2d47b3; color: white;}
.status-gray { border-radius: 4px; border-top: 3px solid gray; }
ul.status-gray li.status a:hover {background: gray; color: white;}
.status-red { border-radius: 4px; border-top: 3px solid red; }
ul.status-red li.status a:hover {background: red; color: white;}
.status-green { border-radius: 4px; border-top: 3px solid #70b500; }
ul.status-green li.status a:hover {background: #70b500; color: white;}

ul.status-lightblue li.status1 a:hover {background: #309eff; color: white;}
ul.status-darkblue li.status1 a:hover {background: #2d47b3; color: white;}
ul.status-gray li.status1 a:hover {background: gray; color: white;}
ul.status-red li.status1 a:hover {background: red; color: white;}
ul.status-green li.status1 a:hover {background: #70b500; color: white;}

/* ------- KONIEC MENU ZMIANY STATUSU -------- */