/* @override 
	http://pioneercolor.dev/skin/frontend/cls/pc/css/orderprocessing.css
	http://pioneerc.cldev.net/skin/frontend/cls/pc/css/orderprocessing.css
*/
.clear { clear: both; }

.sales-order-view .page-head h3 { margin-bottom: 0px !important; line-height: 10pt !important; }
.sales-order-view .page-head h4 { font-size: 8pt !important; color: #ccc !important; }
.sales-order-view .page-head .order-links { float: right; }
.sales-order-view .page-head { margin-bottom: 1em;; }

.sales-order-view .order-totals { float: left; width: 50%; margin-bottom: 20px; }
.sales-order-view .order-totals h4 { margin: 0 0 10px; }
.sales-order-view .order-totals .data-table { width: auto;  }
.sales-order-view .order-totals .data-table tbody td { border: 0px; padding: 2px 5px; }
.sales-order-view .order-totals .data-table tbody td.label { font-weight: bold; background: none; }

.sales-order-view .upload-instructions { float: right; width: 50%; padding: 0 0 10px; }
.sales-order-view .upload-instructions li { background: url(../images/tick.png) no-repeat left 1px; padding-left: 19px; margin-bottom: 4px; }
.sales-order-view .upload-instructions h4 { margin: 0 0 10px; }

.sales-order-view .order-item-message { padding-top: 15px !important; }
.sales-order-view .order-item-row { clear: both; border: 1px solid #ccc; height:auto; margin-bottom: 20px; }

.sales-order-view .order-item-header { height: 28px; border-bottom: 1px solid #ccc; background-color: #eaecec; border-radius-topleft: 5px; border-top-left-radius: 5px;}
.sales-order-view .order-item-header .product-name { float: left; padding: 5px 20px; }

.sales-order-view .orderprocessing-states { float: left; }
.sales-order-view .orderprocessing-states li { float: left; position: relative; padding: 5px 0px; height: 18px; border-right: 1px solid #ccc; font-size: 8pt; font-family:"Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width: 125px; text-align: center; }
.sales-order-view .orderprocessing-states li.active { font-weight: bold; background-color: #fff !important; bottom: -1px; height: 19px !important; top: 0px; }
.sales-order-view .orderprocessing-states li.completed span { background-image: url(../images/tick.png); background-repeat: no-repeat; background-position: 3px center; padding-left: 22px; margin-left: -8px; }
.sales-order-view .orderprocessing-states li.last { border-right: none; }

.sales-order-view .orderprocessing-message li { line-height: 28px; padding-left: 10px; }

.sales-order-view .orderprocessing-item-row-content { padding: 10px 10px 10px 10px; margin-bottom: 10px; overflow: auto; }
.sales-order-view .orderprocessing-item-row-content .product-details h4 { float: left; }
.sales-order-view .orderprocessing-item-row-content .item-info { clear: both; margin-bottom: 1em; }
.sales-order-view .orderprocessing-item-row-content .item-info .item-price { color: #00AEEF; font-size: 14px; }
.sales-order-view .orderprocessing-item-row-content .product-details { float: left; width: 47%; margin-bottom: 0; }
.sales-order-view .orderprocessing-item-row-content .processingitem-details { float: right; width: 47%; }
.sales-order-view .orderprocessing-item-row-content .item-options dd { overflow: hidden; }
.sales-order-view .orderprocessing-item-row-content .item-options dd.proof_mailed,
.sales-order-view .orderprocessing-item-row-content .item-options dd.awaiting_proof_approval { font-weight: bold; color: #ff0000 }

.sales-order-view .file-inputs label { display: block; font-weight: bold; margin-top:14pt; }
.sales-order-view .file-inputs textarea { display: block; width: 100%; height: 4em; margin-bottom: 14pt; color:#666; }
.sales-order-view .file-inputs input.inactive,
.sales-order-view .file-inputs textarea.inactive { color: #aaa; }
.sales-order-view .file-inputs blockquote { background: #f0f0f0 url(../images/fam_comment.gif) no-repeat 2px 50%; border: 1px solid #ccc; padding: 5px 5px 5px 20px; font-style: italic; }
.sales-order-view .file-inputs .buttons { margin: 0 auto; /*width: 310px;*/ }
.sales-order-view .file-inputs button span span { /*width: 125px;*/ }
.sales-order-view .file-inputs button.approve { margin-bottom: 5px; }
.sales-order-view .file-inputs button.approve span span { width: 320px; }

.sales-order-view .accept-terms { margin-bottom: 20px; }
.sales-order-view .accept-terms input { float:left; margin-right:5px;}
.sales-order-view .accept-terms label { line-height: 15px; margin-bottom:5px; }
.sales-order-view .accept-terms ul { list-style: outside; margin: 0 18px; }
.sales-order-view .accept-terms li { list-style: outside; margin: 8px 0; }