html { position: relative; }
BODY
{
  position: relative;
  SCROLLBAR-FACE-COLOR: lightsteelblue;
  FONT-SIZE: 12pt;
  SCROLLBAR-HIGHLIGHT-COLOR: lightsteelblue;
  OVERFLOW: auto;
  SCROLLBAR-SHADOW-COLOR: steelblue;
  SCROLLBAR-3DLIGHT-COLOR: lightsteelblue;
  SCROLLBAR-ARROW-COLOR: #ffffff;
  SCROLLBAR-TRACK-COLOR: steelblue;
  SCROLLBAR-DARKSHADOW-COLOR: steelblue;
}
H1
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
H2
{
    MARGIN-TOP: 0px;
    FONT-SIZE: 18pt;
    MARGIN-BOTTOM: 0px;
    PADDING-TOP: 0px;
    FONT-STYLE: italic
}
H3
{
    MARGIN-TOP: 0px;
    FONT-SIZE: 14pt;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.comment
{
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-STYLE: italic
}
.credits
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    TEXT-ALIGN: center
}
.debug
{
    FONT-SIZE: 10pt;
    COLOR: teal;
    FONT-STYLE: italic
}
.head
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
.mainBack
{
    FONT-SIZE: 13pt;
    BACKGROUND-COLOR: #f0f8ff
}
.mainBack .button
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: #7ba3c9 thin solid;
    BORDER-LEFT: #7ba3c9 thin solid;
    CURSOR: pointer;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: lightsteelblue;
		padding: 4px 8px;
}
.mainBack .menu
{
    BORDER-RIGHT: #0066cc 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #66ccff 2px solid;
    PADDING-LEFT: 0px;
    Z-INDEX: 101;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #66ccff 2px solid;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #0066cc 2px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: #3399ff
}
.mainBack .menu A.menuItem
{
    PADDING-RIGHT: 14px;
    DISPLAY: block;
    PADDING-LEFT: 12px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    CURSOR: default;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, MS Sans Serif, Tahoma, sans-serif;
    TEXT-DECORATION: none
}
.mainBack .menu A.menuItem:hover
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #000080;
    TEXT-DECORATION: none
}
.mainBack INPUT.alertButton
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: steelblue thin solid;
    BORDER-LEFT: steelblue thin solid;
    CURSOR: hand;
    COLOR: red;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: silver
}
.mainSubBack
{
    FONT-SIZE: 13pt;
    BACKGROUND-COLOR: #dff0f9
}
.mainSubBack .bold
{
    FONT-WEIGHT: bolder
}
.mainSubBack .button
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: #7ba3c9 thin solid;
    BORDER-LEFT: #7ba3c9 thin solid;
    CURSOR: hand;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: lightsteelblue
}
.mainSubBack .small
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Times New Roman'
}
.mainSubBack A
{
    FONT-SIZE: smaller;
    COLOR: navy;
    TEXT-DECORATION: none
}
.mainSubBack A:hover
{
    COLOR: black;
    TEXT-DECORATION: none
}
.mainSubBack A:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
.mainSubBack INPUT.alertButton
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: steelblue thin solid;
    BORDER-LEFT: steelblue thin solid;
    CURSOR: hand;
    COLOR: red;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: silver
}
.mainTable
{
    FONT-SIZE: 13pt
}
.mainTable .ordTotal
{
    FONT-SIZE: 13pt
}
.mainTable .ordTotal TBODY
{
}
.mainTable .ordTotal TBODY TR
{
}
.mainTable .ordTotal TBODY TR TD
{
    BORDER-BOTTOM: steelblue thin solid
}
.mainTable .subTable
{
    FONT-SIZE: 13pt
}
.mainTable .subTable TABLE
{
    BORDER-RIGHT: #add8e6 thin solid;
    BORDER-TOP: #add8e6 thin solid;
    BORDER-LEFT: #add8e6 thin solid;
    BORDER-BOTTOM: #add8e6 thin solid;
    BACKGROUND-COLOR: #dff0f9
}
.mainTable .summary
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: Arial, 'Courier New'
}
.mainTable .summary TBODY
{
}
.mainTable .summary TBODY TR
{
}
.mainTable .summary TBODY TR TD
{
    BORDER-BOTTOM: #87ceeb thin solid
}
.mainTable .summary TH
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-BOTTOM: steelblue thin solid
}
.mainTable A
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.mainTable A:hover
{
    COLOR: darkblue;
    TEXT-DECORATION: none
}
.mainTable A:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
.mainTable IFRAME
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    VISIBILITY: visible;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: #f0f8ff
}
.mainTable INPUT.alertButton
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: steelblue thin solid;
    BORDER-LEFT: steelblue thin solid;
    CURSOR: hand;
    COLOR: red;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: silver
}
.mainTable INPUT.button
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: steelblue thin solid;
    BORDER-LEFT: steelblue thin solid;
    CURSOR: pointer;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: lightsteelblue;
		padding: 4px 8px;
}
.mainTable TABLE
{
    BORDER-RIGHT: #87ceeb double;
    BORDER-TOP: #87ceeb double;
    FONT-SIZE: 13pt;
    BORDER-LEFT: #87ceeb double;
    BORDER-BOTTOM: #87ceeb double;
    BACKGROUND-COLOR: #f0f8ff
}
.mainTable TABLE TD.bold
{
    FONT-WEIGHT: bolder
}
.plainSubTables
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 13pt;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
.plainSubTables INPUT.button
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: steelblue thin solid;
    BORDER-LEFT: steelblue thin solid;
    CURSOR: hand;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: lightsteelblue
}
.plainSubTables TABLE
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent
}
.plainSubTablesOrdSum
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 13pt;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}
.plainSubTablesOrdSum INPUT.button, a.button
{
  BORDER-RIGHT: steelblue thin solid;
  BORDER-TOP: steelblue thin solid;
  BORDER-LEFT: steelblue thin solid;
  CURSOR: pointer;
  BORDER-BOTTOM: steelblue thin solid;
  BACKGROUND-COLOR: lightsteelblue;
	width: 100%;
	font-size: 13px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}
a.button { text-decoration: none; color: #000; padding: 1px 8px 1px 8px; width: auto; display: inline-block; box-sizing: border-box; }
a.button.full { width: 100%; }
a.button:visited { color: #000; }
.subTable a.button:hover, a.button:hover { color: #000;	}

.plainSubTablesOrdSum TABLE
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent
}
.searchTable
{
}
.searchTable A
{
    COLOR: black;
    TEXT-DECORATION: none
}
.searchTable A:hover
{
    COLOR: #006633;
    BORDER-BOTTOM: #6699ff thin solid;
    TEXT-DECORATION: none
}
.searchTable A:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
.searchTable INPUT.button
{
    BORDER-RIGHT: #0066cc thin solid;
    BORDER-TOP: #66ccff thin solid;
    BORDER-LEFT: #66ccff thin solid;
    CURSOR: hand;
    BORDER-BOTTOM: #0066cc thin solid;
    BACKGROUND-COLOR: lightsteelblue
}
.searchTable TABLE
{
    BORDER-RIGHT: #87ceeb double;
    BORDER-TOP: #87ceeb double;
    BORDER-LEFT: #87ceeb double;
    BORDER-BOTTOM: #87ceeb double;
    BACKGROUND-COLOR: #f0f8ff
}
.searchTable TD, .subTable.report td {
    FONT-SIZE: 10pt;
    BORDER-BOTTOM: #e1e9f0 thin solid
  }
.searchTable TH, .subTable.report th {
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BORDER-LEFT: thin outset;
    BORDER-BOTTOM: thin outset;
    TEXT-ALIGN: center
  }
.searchTable TR
{
    FONT-SIZE: 10pt;
    BORDER-BOTTOM: #e6eef5 thin solid
}
.subTable
{
    FONT-SIZE: 13pt
}
.subTable .ordTotal
{
    FONT-SIZE: 13pt
}
.subTable .ordTotal TBODY
{
}
.subTable .ordTotal TBODY TR
{
}
.subTable .ordTotal TFOOT TR TD, .subTable.report TBODY TR TD {
    border-top: steelblue thin solid;
  }
.subTable A:hover
{
    COLOR: teal;
    TEXT-DECORATION: none
}
.subTable TABLE
{
    BORDER-RIGHT: #add8e6 thin solid;
    BORDER-TOP: #add8e6 thin solid;
    FONT-SIZE: 13pt;
    BORDER-LEFT: #add8e6 thin solid;
    BORDER-BOTTOM: #add8e6 thin solid;
    BACKGROUND-COLOR: #dff0f9
}
.subTable TD.bold
{
    FONT-WEIGHT: bolder
}
IFRAME.inset
{
    BORDER-RIGHT: thin inset;
    PADDING-RIGHT: 0px;
    BORDER-TOP: thin inset;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: thin inset;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: thin inset
}
INPUT.alertButton
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: steelblue thin solid;
    BORDER-LEFT: steelblue thin solid;
    CURSOR: hand;
    COLOR: red;
    BORDER-BOTTOM: steelblue thin solid;
    BACKGROUND-COLOR: silver
}
TABLE.invisible
{
    BORDER-RIGHT: thin;
    PADDING-RIGHT: 0px;
    BORDER-TOP: thin;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: thin;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: thin;
    BACKGROUND-COLOR: transparent
}
TD.button
{
    BORDER-RIGHT: #0066cc thin solid;
    BORDER-TOP: #66ccff thin solid;
    FONT-SIZE: 12pt;
    BORDER-LEFT: #66ccff thin solid;
    BORDER-BOTTOM: #0066cc thin solid;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: lightsteelblue
}
TD.button A
{
    COLOR: navy;
    TEXT-DECORATION: none
}
TD.button A:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
TD.button A:hover
{
    COLOR: darkblue;
    TEXT-DECORATION: none
}
TD.normal
{
    BORDER-RIGHT: steelblue thin solid;
    BORDER-TOP: steelblue thin solid;
    FONT-SIZE: 12pt;
    BORDER-LEFT: steelblue thin solid;
    BORDER-BOTTOM: steelblue thin solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: lightsteelblue
}
.mainBack A.plain
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.mainBack A.plain:link
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.mainBack A.plain:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
.mainBack A.plain:hover
{
    COLOR: black;
    TEXT-DECORATION: none
}
.smallHeader
{
    LINE-HEIGHT: 0pt
}

.printButton { background: url("../images/icons/print-icon.png") no-repeat center center; display: inline-block; height: 24px; width: 63px; line-height: 12px; vertical-align: text-top; border: none; cursor: pointer; }

/* Invoice Page */
body#invoice-page, body#invoice-report-page, body.report-page { margin: 0; }
#invoice, #invoice-report, .report, .pdf-page { font-family: Verdana, Geneva, sans-serif; width: 8.1in; margin: 0 auto; position: relative; }
.report { width: 100%; padding-left: 10px; padding-right: 10px; }
#invoice-report { width: 8in }
.fontsize9 { font-size: 9pt; }
.fontsize10 { font-size: 10pt; }
.fontsize11 { font-size: 11pt; }
.fontsize12 { font-size: 12pt; }
.fontsize13 { font-size: 13pt; }

#invoice-top-right { width: 100%; font-size: 12pt; font-weight: bold; border-spacing: 0px; border-collapse: separate; }
#invoice-top-right td { padding: 5px 0px; border: none; border-bottom: 1px solid #000000; vertical-align: top; }
    
#invoice-top-right tr td:first-child { width: 42%; }
#invoice-top-right tr td:last-child { text-align: right; padding-right: 8px; width: 58%; }
body#invoice-report-page #invoice-top-right tr td { padding-right: 0; }
#invoice-top-right tr:first-child td {  }

#invoice-top-right tr:first-child td { border-bottom: 3px solid #000000; }
#invoice-top-right tr:last-child td { border: none; }
#invoice-label { padding: 5px 0; }

#invoice-ship { width: 100%; font-size: 12pt; border-spacing: 0px; border-collapse: separate; border: 1px solid #000000; }
#invoice-ship td { padding: 5px 8px; border: 1px solid #000000; text-align: right; width: 16.66%; vertical-align: top; }
#invoice-ship td:nth-child(odd) { border-right: none; width: 13.36%; padding-right: 0; }
#invoice-ship td:nth-child(even) { border-left: none; text-align: left; width: 19.96%; }
#invoice-ship td div { height:40px; overflow:hidden; line-height: 15pt; }

#invoice-bill { width: 100%; font-size: 12pt; border-spacing: 0px; border-collapse: separate; border: none; margin: 5px 0 10px 0; }
#invoice-bill td { padding: 5px 3px; line-height: 16pt; }
#invoice-bill td:nth-child(even) { padding: 6px 8px; }

#invoice-items, #invoice-report-items, .report-items { width: 100%; font-size: 9pt; border-spacing: 0px; border-collapse: separate; border: 1px solid #000000; }
#invoice-report-items { table-layout: fixed; }
#invoice-items th, #invoice-items td, #invoice-report-items th, #invoice-report-items td, .report-items th, .report-items td {
  padding: 5px 8px; text-align: center;
}
#invoice-items th, #invoice-report-items th, .report-items th { border-bottom: 1px solid #000000; border-right: 1px solid #000000; text-align: center; font-weight: bold; }
#invoice-items th:last-child, #invoice-report-items th:last-child, .report-items th:last-child, { border-right: none; }
/*
#invoice-items td:nth-child(2n) { background-color: #f0f0f0; }
*/
#invoice-items tr:nth-child(2n) td { /*background-color: #f0f0f0;*/ }
#invoice-items td, #invoice-report-items td, .report-items td { border-bottom: 1px solid #000; }
#invoice-items tr:last-child td, #invoice-report-items tr:last-child td, .report-items tr:last-child td { border-bottom: none; }

#invoice .invoice-bottom-right, .report .report-bottom-right { width: 100%; font-size: 11pt; font-weight: bold; border-spacing: 0px; border-collapse: separate; }
#invoice .invoice-bottom-right td, .report .report-bottom-right td { padding: 5px 10px; border: none; border-bottom: 1px solid #000000; }
#invoice .invoice-bottom-right tr td:last-child, .report .report-bottom-right tr td:last-child { text-align: right; }
#invoice .invoice-bottom-right tr:first-child td, .report .report-bottom-right tr:first-child td { border-bottom: 3px solid #000000; }
#invoice .invoice-bottom-right tr:last-child td, .report .report-bottom-right tr:last-child td { border: none; }
#invoice .page-counter, .report .page-counter { border: 1px solid #000; font-weight: bold; padding: 5px 10px; }

#invoice-report .invoicing-report-line > td { padding: 0; }
#invoice-report .invoicing-report-line table { border-collapse: collapse }
#invoice-report .invoicing-report-line td { text-align: right; font-weight: bold; }
#invoice-report .invoicing-report-line td.border { border-top: 2px solid #000; }

/* Report Pages */
.report-left { margin-top: 4px; }
.report-left td { padding: 2px 2px; }
.report-left tr td:first-child, .report-right tr td:first-child { text-align: right; }
.report-left tr td:first-child { white-space: nowrap; }
.report-right td { padding: 4px 2px; }
.report-items td.nopadding { padding: 0; }
.report-items table td { border: none; }
.report-items th:last-child { border-right: 0; }

body .report-pdf-button { position: absolute; top: 20px; right: 20px; display: none; padding: 6px 10px; z-index: 9 }

/* Print Working Ticket Page */
.pwt-body { margin: 0; }
.pwt-body * { box-sizing: border-box; }
.pwt-body .printButton { position: absolute; right: 10px; top: 100px; z-index: 9; }

.printwt {
	/*
		background: url("../images/work-ticket-bg.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
	*/
		width: 100%; font-size: 11pt; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; position: relative; /*border: 1px solid black;*/ page-break-after: always; clear: both; }
.printwt .header .header-left { width: 37%; float: left; }
.printwt .header .header-center { width: 26%; float: left; }
.printwt .header .header-right { width: 37%; float: left; }
.printwt .header .header-top-right { width: 100%; position: relative; }

.printwt .header .header-top-right div { padding: 3px 0px; overflow: auto; }
.printwt .header .header-top-right div.last { padding-bottom: 0; }
.printwt .header .header-top-right label, .printwt .header .header-top-right p { width: 50%; float: left; padding: 0; margin: 0; }
.printwt .header .header-top-right label { text-align: right; padding-right: 10px; width: 35%; }
.printwt .header .header-top-right p { width: 65%; }
.printwt .header .header-top-right .paging { position: absolute; top: 0px; right: 40px; text-align: right; line-height: 24px; padding: 0; }
    

.printwt-ship { clear: both; padding-top: 0px; }
.printwt-ship label, .printwt-ship p { margin: 0; padding: 0; float: left; }
.printwt-ship label { text-align: right; }
.printwt-ship p { text-align: left; padding-left: 5px; }
.printwt-ship .ship-top { height: 27px; }
.printwt-ship .ship-top label { width: 7%; padding-bottom: 10px; padding-top: 5px; }
.printwt-ship .ship-top label.jobname { width: 12.5%; }
.printwt-ship .ship-top p { width: 20%; padding-bottom: 10px; padding-top: 5px; }

.printwt-ship .ship-bottom { height: 20px; }
.printwt-ship .ship-bottom label.custpo { width: 7%; }
.printwt-ship .ship-bottom p.custpo { width: 13%; }
.printwt-ship .ship-bottom label.custcont { width: 11%; }
.printwt-ship .ship-bottom p.custcont { width: 19%; }
.printwt-ship .ship-bottom label.datedue { width: 8%; }
.printwt-ship .ship-bottom p.datedue { width: 10%; }
.printwt-ship .ship-bottom label.shipvia { width: 7%; }
.printwt-ship .ship-bottom p.shipvia { width: 25%; }

.printwt-bill { clear: both; overflow: auto; font-size: 11pt; margin: 12px 0 10px 0; }
.printwt-bill div { float: left; }
.printwt-bill div.phonefax { width: 100%; padding-top: 10px; clear: both; }


.printwt-items { overflow: auto; height: 387px; margin-top:35px; }
.printwt-items .items-header { }
.printwt-items .items-list { overflow: auto; border-bottom: 1px dashed #c6c6c6; padding: 5px 0; clear: both; }
.printwt-items .items-list div { float: left; }
.printwt-items .items-list .item-descr * { font-size: 11pt; }

.printwt-bottom { width: 100%; overflow: auto; }
.printwt-bottom > div { float: left; }
.printwt-bottom-right { width: 25%; padding: 0 12px 0 24px; }
.printwt-bottom-right div { overflow: auto; }
.printwt-bottom-right label { width: 40%; text-align: right; float: left; padding: 3px 0; }
.printwt-bottom-right p { width: 60%; text-align: right; float: left; margin: 0; padding: 3px 0 3px 5px; }
.printwt-bottom-right .freight { border-bottom: 1px solid black; padding-bottom: 7px; }
.printwt-bottom-right .grand-total { padding-top: 7px; }


.righttext { text-align: right!important; }
.lefttext { text-align: left!important; }
.centertext { text-align: center!important; }
.nomargins { margin: 0; }
.nopadding { padding: 0; }
.hide, .invoice-progress, .nodisplay { display: none; }
.clear { clear: both; }
.pagebreak { page-break-after: always; }
.error, .notification { padding: 5px 10px; }
.error { color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; }
.notification { color: #f0f8ff; background-color: #3399ff; border: 1px solid #0066cc; }
.displaynone { display: none; }
.vtop { vertical-align: top; }
.noborder { border: none; }
table.noborders { border-collapse: separate; border-spacing: 0; }
table.full-width { width: 100%; }

.form-container, .form-container-center { width: 100%; max-width: 800px; }
.form-container-center { margin: 0 auto; }


.invoice-progress { background: url(../images/animations/loading.gif) no-repeat left top #fff; width: 152px; height: 180px; position: absolute; top: 100px; left: 45%; border: 2px solid #3399ff; border-radius: 10px; z-index: 5; }
.invoice-progress div { text-align: center; font-weight: bold; text-align: center; margin-top: 150px; }
.invoice-progress div, .invoice-progress div.batch { margin-top: 147px; line-height: 15px; }

.invoice-header div { font-size: 16px; padding: 4px 4px; text-align: center; line-height: 20px; }
.invoice-header div.small { font-size: 14px; padding: 3px 0px; }

.invoice-address { background-color: #ededed; border: 1px solid #000000; padding: 4px 8px; }
.invoice-address div { margin-bottom: 4px; }

#surcharge-table { border-spacing: 0px; border-collapse: separate; }
#surcharge-table th { border-bottom: 1px solid #000; }
#surcharge-table td { border-bottom: 1px solid #ededed; padding: 2px 2px; }
#surcharge-table tr { page-break-inside:avoid; page-break-after:auto }
#surcharge-table tr:last-child td { border-bottom: none;	}
#surcharge-table tr:nth-child(odd) td { background-color: #ebebeb }
#surcharge-table #total-table, #surcharge-table #surcharge-total-table { width: auto; border: 1px solid #000; margin-top: 10px; border-collapse: collapse; }
#surcharge-table #total-table td, #surcharge-table #surcharge-total-table td { background-color: #fff; padding: 2px 5px; }
#surcharge-table #total-table tr.border-line td { border-bottom: 1px solid #ededed; }
#surcharge-table #total-table tr.order-total td { border-top: 1px solid #a4a4a4; }
#surcharge-table #surcharge-total-table td { padding: 6px 10px; }

#customer-tabs { /* width: 290px; */ }
#customer-tabs textarea { width: 100%; height: 215px; font-size: 13px; }

/* Modifications to the jQuery UI plugin */
body .ui-widget textarea { font-family: 'Courier New', Arial; }

body .ui-widget-header { background: #dff0f9; border: none; }
				
body .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #c5c5c5;
	background: #fff;
}
body .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #0066cc; background: #3399ff;
}
body .ui-widget.ui-widget-content { border: 1px solid #add8e6; background-color: #dff0f9; }
body .ui-tabs .ui-tabs-panel { padding: 0; }
body .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 4px 8px; }
body .ui-tabs .ui-tabs-nav li { font-size: 90%; }
/* END of jQuery UI plugin */

@media print {
  /* table { max-width: 630px; } */
  #menuBar, #bulletMenu, .menu, .printButton, .plainSubTablesOrdSum { display: none; }
  .noprint { display: none; visibility: hidden; }
  #invoice, .report { margin: 0 auto; padding: 0; width: 8.1in; }
  .report { width: 8.5in; }
  #invoice-top-right { font-size: 9pt; }
}