div.invoice
{
	position: absolute;
	top: 0;
	left: 0;
	/* A4 */
	width: 210mm;
	height: 284mm;
	margin: 0;
	padding: 0;
}

div.companyHeader
{
	position: absolute;
	top: 9.6mm;
	left: 11.9mm;
	width: auto;
	height: auto;
	font-size: 8pt;
}

div.companyHeader img.logo
{
	margin-right: 5mm;
}

div.companyFooter
{
	position: absolute;
	bottom: 0;
	left: 30mm;
	width: auto;
	height: auto;
	
	margin-bottom: 10mm;
	
	font-size: 8pt;
}

div.companyFooter td.label, div.companyFooter td.value
{
	vertical-align: top;
	padding-left: 3mm;
}

div.customerAddress
{
	position: absolute;
	top: 38.2mm;
	left: 18mm;
	width: 100mm;
	height: 28.7mm;
}

div.invoiceInfo
{
	position: absolute;
	top: 38.2mm;
	left: 119.2mm;
	width: 73.2mm;
	height: 35.6mm;
}

h1.invoiceCaption
{
	text-transform: uppercase;
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 2mm;
	margin-top: 0;
}

table.invoiceDetails
{
	font-size: 10pt;
}

table.invoiceDetails td
{
	padding-bottom: 0;
	padding-top: 0;
}

table.invoiceDetails td.label
{
	padding-right: 5mm;
}

table.invoiceDetails td.value
{
	font-weight: bold;
}

div.invoiceReference
{
	position: absolute;
	top: 75mm;
	left: 11.9mm;
	width: 169.4mm;
	height: 10mm;
}

div.invoiceReference table
{
	font-size: 10pt;
}

div.invoiceReference table td
{
	padding-bottom: 0;
	padding-top: 0;
}

div.invoiceReference table td.label
{
	padding-right: 5mm;
}

div.invoiceReference table td.value
{
	font-weight: bold;
}

div.invoiceSpecification
{
	position: absolute;
	top: 91.4mm;
	left: 11.9mm;
	width: 169.4mm;
}

table.items th
{
	text-transform: uppercase;
	border-bottom: 1px solid black;
	padding: 0;
}

.itemDescription
{
	text-align: left;
	width: 110mm;
	vertical-align: top;
}

.itemRate, .itemUnits, .itemCost
{
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}

.itemUnits
{
	width: 30mm;
	vertical-align: top;
}

.itemRate, table.sum td.label
{
	width: 35mm;
}

.itemCost, table.sum td.value
{
	width: 35mm;
}

.sumAmount, .sumTotal
{
	text-align: right;
	text-transform: uppercase;
}

.sumVat
{
	text-align: right;
}

.sumTotal .label, .sumTotal .value
{
	border-bottom: 1px solid black;
}

.sumTotal
{
	font-weight: bold;
}

.sumTotal .label, .sumTotal .value
{
	border-top: 1px solid black;
	border-bottom: 3px double black;
}

.sumSpacer td
{
	height: 10mm;
}

.vatSpacer td
{
	height: 3mm;
}

.delayWarning
{
	font-size: 8pt;
	vertical-align: bottom;
	text-transform: none;
	text-align: left;
}

table.invoices
{
	margin-top: 2em;
}

table.invoices td
{
	white-space: nowrap;
}

.number, .amount, .amountVat, .paidAmount
{
	text-align: right;
	padding-right: 1em;
	white-space: nowrap;
}

.invoicePaidAmount, .reminderPaidAmount
{
    width: 7em;
	text-align: right;
	padding-right: 0.2em;
}

.customer, .date, .due, .paid, .status
{
	text-align: left;
	padding-right: 1em;
}

tr.overdue td
{
	color: red;
}

td.actions img
{
	padding-right: 0.2em;
}

input.invoicePaidDate, input.reminderPaidDate
{
	width: 5em;
}

td.itemDetail
{
	padding-top: 0.5em;
	padding-left: 2em;
	padding-bottom: 0.5em;
	font-size: 8pt;
}

table.invoiceinteresttransaction td
{
	padding-left: 1em;
}

div.timesheetSpecification
{
	position: absolute;
	top: 284mm;
	left: 0;
	/* A4 */
	width: 210mm;
	height: 284mm;
	margin: 0;
	padding: 0;
}

div.timesheetSpecification table
{
	position: absolute;
	top: 38.2mm;
	left: 11.9mm;
	width: auto;
	height: auto;
}

tr.reminder, tr.creditnote
{
	display: none;
}

tr.reminder.overdue
{
    display: table-row;
}

tr.reminder td, tr.creditnote td
{
	font-size: 11pt;
}

td.date, td.due, td.paid
{
	text-align: right;
}

/* EDIT INVOICE */

textarea.invoiceItemDescription
{
	width: 30em;
}

input.invoiceItemUnits
{
	width: 5em;
	text-align: right;
}

input.invoiceItemRate
{
	width: 5em;
	text-align: right;
}

table.editInvoiceItems tr td
{
	vertical-align: top;
}

table.billingReport td.period
{
   font-weight: bold;
   text-align: right;
}

table.billingReport td.sum
{
   text-align: right;
}