/* @override http://buyprinting.dev/skin/frontend/default/buyprinting/css/orderprocessing.css */

.clear { clear: both; }

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

#my-orders-table { width: auto;  }
#my-orders-table td { border: 0px; }

.order-totals { float: left; width: 38%; }

.upload-instructions { float: right; width: 60%; padding-bottom: 10px;}

.product-sku { clear: both; }
.order-item-row { clear: both; border: 1px solid #ccc; margin-bottom: 20px; }
.orderprocessing-item-row-content { padding: 10px 10px 10px 10px; margin-bottom: 10px; overflow: auto;}

h4.title { float: left; }
.order-item-price { float: left; color: #00AEEF; font-size: 14px; margin-left: 5px; }

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

ul.orderprocessing-states { float: left; }
	ul.orderprocessing-states li { float: left; position: relative; padding: 5px 12px; height: 18px; border-right: 1px solid #ccc; font-size: 8pt;}
	
/* This is a very hackish way of indicating active styles, but it'll do for now */
ul.current-state-awaiting_proof .status-awaiting_files,
ul.current-state-proof_mailed .status-awaiting_files,
ul.current-state-proof_mailed .status-awaiting_proof,
ul.current-state-awaiting_proof_approval .status-awaiting_files,
ul.current-state-awaiting_proof_approval .status-awaiting_proof,
ul.current-state-awaiting_proof_approval .status-proof_mailed,
ul.current-state-in_production .status-awaiting_files,
ul.current-state-in_production .status-awaiting_proof,
ul.current-state-in_production .status-proof_mailed,
ul.current-state-in_production .status-awaiting_proof_approval,
ul.current-state-shipped .status-awaiting_files,
ul.current-state-shipped .status-awaiting_proof,
ul.current-state-shipped .status-proof_mailed,
ul.current-state-shipped .status-awaiting_proof_approval,
ul.current-state-shipped .status-in_production,
ul.current-state-shipped .status-shipped
	{ background-image: url(../images/tick.png); background-repeat: no-repeat; background-position: 3px center; padding-left: 22px; }
	
.product-details { float: left; width: 47%; }

.processingitem-details { float: right; width: 47%; }

.file-inputs label { display: block; font-weight: bold; float: left;}
.file-inputs textarea { display: block; width: 100%; height: 4em; margin-bottom: 0.5em; }
.file-inputs input.inactive, .file-inputs textarea.inactive { color: #aaa; }

.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; }



ul.checklist li { background: url(../images/tick.png) no-repeat left 1px; padding-left: 19px; margin-bottom: 4px;}