
/* font */
#invoice { font-family: Helvetica, Arial, sans-serif; color:#000; line-height:1.3 }
#invoice h2 { font-size:14pt }
#invoice td, #invoice th, #invcoie tfoot { font-size:10pt }
#company-address, #client-details, #invoice-info, #payment-details, #invoice-other, #invoice-right { font-size: 10pt }
#invoice-small-items td, #invoice-small-items th { font-size: 8pt }
#comments { font-weight:bold; color:#999; font-size:10pt }
#footer-left { color:#999; font-size:8pt }
#footer-right { color:#999; font-size:8pt }
#invoice .total{ font-size:12pt }

/* layout */

#invoice p, #invoice h2, #invoice h3 { margin:0px }

#invoice-header { padding-top:20px }
#invoice-header .logo { height:50px; float:left }
#invoice-header #company-address { float:right; clear:right; width:220px }

#client-details { margin-top:20px; margin-bottom:20px; padding-top:1px; float:left; width:200px }

#invoice-info { margin-top:20px; margin-bottom:20px; width:220px; float:right; clear:both }
#invoice-info h2 { margin-bottom:0px; text-transform:uppercase }
#invoice-info h3 { margin:0 }

#payment-details { margin-top:20px; margin-bottom:20px; padding-top:1px; width:200px; float:left }
#payment-details h2 { font-weight:bold; text-transform:uppercase; }

#invoice-right { margin-top:10px; margin-bottom:20px; padding-top:1px; width:220px; float:right; clear:right }
#invoice-right strong { font-weight:normal; float:left; width:10em}

#invoice-other { margin-top:10px; margin-bottom:10px; padding-top:1px; float:left; width:100% }
/*#invoice-other strong { font-weight:normal; float:left; width:8em } */

#description { clear:both }
#comments { margin-top:15px; padding-top:20px; line-height:1.2 }

#footer-left { margin-top:0; padding-top:0; text-align:left; float:left; width=40% }
#footer-left .firstrow { margin-top:40px; padding-top:40px; }
#footer-right { margin-top:0; padding-top:0; text-align:left; text-align:right; float:right; width=40% }
#footer-right .firstrow { margin-top:40px; padding-top:40px }

/* table */

#invoice table { border-collapse:collapse; clear:both; width:100% }
#invoice table th { text-align:left; padding:4px 5px 4px 5px }
#invoice #header_row { color:#000 }
/* #invoice #header_row{background:#000; color:#fff} */

#invoice-items th.item_l { text-align:left }
#invoice-items th.item_r { text-align:right }
#invoice-items td { margin:0; padding:5px; vertical-align:top; white-space:nowrap }
#invoice-items td.item_r { text-align:right }
#invoice-items td.item_l { text-align:left; white-space:normal }
#invoice-items td.total { text-align:right; font-weight:bold }
#invoice-items #subtotal_tr td { border-top:1px solid #000 }

#invoice-small-items th.item_l { text-align:left; vertical-align:bottom; white-space:nowrap }
#invoice-small-items th.item_r { text-align:right; vertical-align:bottom; white-space:nowrap }
#invoice-small-items td { margin:0; padding:5px; vertical-align:top; white-space:nowrap }
#invoice-small-items td.item_r { text-align:right }
#invoice-small-items td.item_l { text-align:left; white-space:normal }
#invoice-small-items td.total { text-align:right; font-weight:bold }
#invoice-small-items #subtotal_tr td { border-top:1px solid #000 }






