.OrderReport { padding-top: 10px; min-width: 885px; }
.OrderReport .report { padding-top: 10px; }
.OrderReport .report .typicalGrid .headStyle th { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.OrderReport .report .repAmount,.OrderReport .report .repBalance,.OrderReport .report .repPaid { text-align: left; }
.OrderReport .report .repShipTrackInfo { width: 125px; margin-right: auto; margin-left: auto; }
.OrderReport .report .rowStyle td { padding: 3px; }
.OrderReport .displaySec { border: 1px solid #c1c1c1; background-color: #EBEFEF; padding: 2px 5px 2px 5px; height: 24px; }
.OrderReport .searchSec { border: 1px solid #c1c1c1; background-color: #EBEFEF; padding: 2px 5px 2px 5px; margin-left: 10px; height: 24px; }
.orderDetails { margin-top: 10px; }
.orderDetails .odOrderStatus .sTitle { padding-top: 5px; font-weight: bold; padding-bottom: 5px; }
.orderDetails .odOrderStatus .sContent .title { width: 200px; }
.orderDetails .shipInfo { padding-top: 0px; }
.orderDetails .odSubTitle { font-weight: bold; margin-top: 10px; margin-right: 10px; background-color: #EBEFEF; text-align: left; font-family: Arial; font-size: 11px; color: black; vertical-align: middle; padding: 5px 0px 0px 0px; height: 20px; padding-left: 5px; padding-right: 5px; border: 1px solid #CCCCCC; }
.orderDetails .shipInfo .shipInfoContent { padding: 10px; margin-right: 10px; width: 300px; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.orderDetails .itemGrid { padding-top: 10px; }
.orderDetails .typicalGrid th { text-align: left; white-space: nowrap; }
.orderDetails .typicalGrid .rowStyle td { padding: 3px; }
.orderDetails .summeryTotal { margin-left: auto; width: 300px; margin-top: 10px; }
.orderDetails .summeryTotal table, .orderDetails .summeryTotal2 table { background-color: #CCCCCC; }
.orderDetails .summeryTotal td, .orderDetails .summeryTotal2 td { background-color: #FFFFFF; padding: 3px; }
.orderDetails .summeryTotal td.head, .orderDetails .summeryTotal2 td.head { background-color: #eeeeee; }
.orderDetails .OrderNote { padding-right: 10px; padding-top: 10px; }
.orderDetails .OrderNote .title { background-color: #eeeeee; font-weight: bold; padding: 3px; margin-top: 10px; border: 1px solid #CCCCCC; }
.orderDetails .OrderNote .content { height: 100px; padding: 5px; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.orderDetails .OrderNote .content pre { padding: 0px; margin: 0px; font-family: Arial; font-size: 11px; }
.orderDetails .summeryTotal .headStyle, .orderDetails .summeryTotal2 .headStyle { background-color: #EBEFEF; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: black; vertical-align: middle; padding: 0px 0px 0px 0px; height: 25px; padding-left: 5px; padding-right: 5px; }
.orderDetails .OrderNote .headStyle { background-color: #EBEFEF; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: black; vertical-align: middle; padding: 5px 0px 0px 0px; height: 20px; padding-left: 5px; padding-right: 5px; border: 1px solid #CCCCCC; margin-top: 10px; }
.OrderReport .orNoResult { text-align: center; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #CCCCCC; }
.orderDetailsTop .scPrintableInvoiceButton { float: right; }
.orderDetailsTop .scPrintableInvoiceButton input { background: #ffffff url(../../images/btnPrintableInvoice.jpg) no-repeat; width: 146px; height: 22px; border: none; margin-left: 5px; }
.orderDetailsPrint { font-family: Arial; font-size: 12px; margin: 10px; }