
<!--
* { margin:0; padding:0; }
body { background:#fff; color:#4d4d4d; padding:15px 0 30px 0; font:13px "Myriad Pro", Myriad, arial, helvetica, sans-serif; line-height: 1.2; }
/* tags */
h1 { padding:0 0 15px 0; }
h2  { padding:5px 0 0 0; }
li { margin:5px 0 0 0; }
ol, ul  { padding:0 0 10px 35px; }
p { padding:0 0 10px 0; }
.small {font-size: 10px;}
.invoice-container { margin: 0 auto;padding:30px 5%;width:90%; }
textarea,input { font:11px arial, helvetica, sans-serif; padding:2px; }
table, td, th {text-align: left;}

.invheader-logo-container {width: 100%; margin-bottom: 24px;padding-bottom: 20px; border-bottom: 1px solid #888;}
.invbody-items, .invheader-summary {
	width: 100%;
	margin-bottom: 24px;
}
.invheader-items {width: 100%;margin: 12px 0;}
.invbody-items td, .invheader-items td, .invheader-summary td {
	vertical-align: top;
}

.invbody-items thead, .invheader-items thead, .invheader-summary th {
	font-weight: bold;
	page-break-after: avoid;
}

.invbody-items tbody, .invheader-items tbody, .invheader-summary tbody {
page-break-before: avoid;
vertical-align: top;
}

.invbody-items td, .invheader-items td {padding: 3px 0px 3px 2px;}
.invbody-items td {border-bottom: solid 1px #e5e5e5;}
.invbody-items tr.last td {border-bottom: double 3px #e5e5e5;}

.invheader-items td {
padding: 3px 0px 3px 2px;
}

.invbody-items th, .invheader-items th {
background-color: #F6F6F6;
line-height: normal;    
border-top: solid 1px #ededed;
border-bottom: solid 1px #ededed;
vertical-align: top;
}
.invbody-items th div, .invheader-items th div {
padding: 5px;
}
.invbody-items th, .invheader-items th {
border-left: solid 1px #ededed;
}

.invbody-items th.last, .invheader-items th.last {
border-right: solid 1px #c7c7c7;
}


.invbody-items div, .invheader-items div {
padding-left: 5px;padding-right: 5px;
}


.invbody {
    clear: both;
    position: relative;
    overflow: auto;
}

.invbody-summary, .invheader-invoicedetails {
    float: right;
}
.invheader-invoicedetails th {text-align: right;padding-right: 10px;}
.invbody-terms {
    clear: both;
}
/* 
 *      ITEMS TABLE 
 */
.invbody-items thead .item, .invheader-items thead .item  {
    border-left: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding-left: 5px;
    text-align: left;
}
.invbody-items tbody .item, .invheader-items tbody .item  {
    padding-left: 5px;
    text-align: left;
}

.invbody-items thead .description  {
    border-top: solid 1px #ffffff;
    text-align: left;
}

.invbody-items thead .unitcost {
    border-top: solid 1px #ffffff;
    text-align: right;
}
.invbody-items tbody .unitcost  {
    text-align: right;
}

.invbody-items thead .quantity  {
    border-top: solid 1px #ffffff;
    text-align: right;
    padding-right: 5px;
}
.invbody-items tbody .quantity {
    text-align: right;
    padding-right: 5px;
}

.invbody-items thead .linetotal  {
    border-top: solid 1px #ffffff;
    text-align: right;
    padding-right: 5px;
}
.invbody-items tbody .linetotal {
    text-align: right;
    padding-right: 5px;
}

	/* 
 *      SUMMARY TABLE 
 */
.invbody-summary {
    width: 100%;
    margin-bottom: 18px;
}
.invbody-summary th {
    font-weight: normal;
    text-align: left;
}
.invbody-summary td {
    text-align: right;
}
.invbody-summary th, .invbody-summary td {
    padding: 0px 5px;
}
.invbody-summary .border {
    border-top: solid 1px #e5e5e5;
    padding-top: 3px;
}
.invbody-summary-paid td, .invbody-summary-paid th { padding-bottom: 3px; }
.invbody-summary-subtotal td, .invbody-summary-subtotal th { padding-top: 3px; }
.invbody-summary-discount td, .invbody-summary-discount th { padding-top: 3px; }
.invbody-summary .invbody-summary-clean {
    border: 0px;
    background-color: transparent;
}
.invbody-summary-total td, .invbody-summary-total th {
    background-color: #F6F6F6;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #c7c7c7;
    padding: 0px;
}
.invbody-summary-total th { border-left: solid 1px #ededed; }
.invbody-summary-total td { border-right: solid 1px #ededed; }
.invbody-summary .invbody-summary-total th div { 
    border-left: solid 1px #ffffff; 
    border-top: solid 1px #ffffff; 
    padding: 3px 5px;
}
.invbody-summary .invbody-summary-total td div { 
    border-top: solid 1px #ffffff; 
    padding: 3px 5px;
}


@media print {
	/* global */
	body        { color:#4d4d4d; font-size:10pt; }
	
	.small {font-size: 9pt;}
	
	/* layout */
	.content           { width:700pt; }
	.invoice-container {padding-top: 0; padding-bottom: 0;}
	
	/* custom */
	.print-only         { display:block; }
	.page-break         { page-break-before:always; }
	
	/* links */
	a         { text-decoration:underline; color:#999; }
}