
<patTemplate:tmpl name="pageoutput" unusedvars="strip">
<br />
<style type="text/css" media="print">
.container {
	width:100%;
	margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
	display:table;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
h3 {
    font-size: 18px;
    line-height: 27px;
}
.page-header {
    margin: 5px 0 10px;
    padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}
.table-bordered {
    border: 1px solid #ddd;
}
.col-md-4 {
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
	float:left;
	width: 33.3333%;
}
.well {
    background: #f5f5f5;
    border-color: #dcdcdc;
    box-shadow: none;
	border-radius: 0;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
</style>
<div class="container">
	<div class="row">
		<div class="col-md-4">
			<div class="well">
				{BUSINESS_DETAILS_TEMPLATE}
			</div>
		</div>
		<div class="col-md-4" align="center">
			<h2 class="page-header">{HINVOICENO}: {ID}</h2>
			<div>{HRAISED}: {RAISED}</div>
			<div>{HDUE}: {DUE}</div>
			<!--<div>{HCURRENCYCODE}: {CURRENCYCODE}</div>-->
			<div>{_JOMRES_BOOKING_NUMBER}: {BOOKING_NUMBER}</div>
			<div>{HSTATUS}: {STATUS}</div>
		</div>
		<div class="col-md-4">
			<div class="well">
				{CLIENT_DETAILS_TEMPLATE}
			</div>
		</div>
	</div>
	
	<h3 class="page-header">{LIPAGETITLE}</h3>
	<table width="100%" class="table table-striped table-bordered table-condensed">
		<thead>
			<tr>
				<th width="25%">{HLI_NAME}</th>
				<th>{HLI_INIT_PRICE}</th>
				<th>{HLI_INIT_QTY}</th>
				<th>{HLI_INIT_DISCOUNT}</th>
				<th>{HLI_INIT_TOTAL}</th>
				<th>{HLI_TAX_RATE}</th>
				<th>{HLI_TAX_DESCRIPTION}</th>
				<th>{HLI_TAX_AMOUNT}</th>
				<th>{HLI_INIT_TOTAL_INCLUSIVE}</th>
			</tr>
		</thead>
		<tbody>
			<patTemplate:tmpl name="rows" unusedvars="nbsp">
			<tr>
				<td>{LI_NAME} {LI_DESCRIPTION}</td>
				<td>{LI_INIT_PRICE}</td>
				<td>{LI_INIT_QTY}</td>
				<td>{LI_INIT_DISCOUNT}</td>
				<td>{LI_INIT_TOTAL}</td>
				<td>{LI_TAX_RATE}%</td>
				<td>{LI_TAX_DESCRIPTION}</td>
				<td>{LI_TAX_AMOUNT}</td>
				<td>{LI_INIT_TOTAL_INCLUSIVE}</td>
			</tr>
			</patTemplate:tmpl>
			<tr>
				<td colspan="4"></td>
				<td><strong>{JOMRES_GRANDTOTAL_EX_TAX}</strong></td>
				<td colspan="2"></td>
				<td><strong>{JOMRES_GRANDTOTAL_TOTAL_TAX}</strong></td>
				<td><strong>{JOMRES_GRANDTOTAL_INC_TAX}</strong></td>
			</tr>
			<tr>
				<td colspan="4"></td>
				<td>{GRAND_TOTAL_EX_TAX}</td>
				<td colspan="2"></td>
				<td>{GRAND_TOTAL_TAX}</td>
				<td><strong>{GRAND_TOTAL_INC_TAX}</strong></td>
			</tr>
		</tbody>
	</table>
</div>
</patTemplate:tmpl>