/* INVOICE TOP --------------------------------------------------------------------------------- */
body.invoices-invoiceView {
	.previewMainDiv {
		padding:5px;
	}
	
	.previewTopCell {
		border:1px solid #CCCCCC;
		padding:5px;
	}
	.previewTopSubCell {
		padding:5px;
		width:50%;
	}
	
	.boxTitle {
		font-size:13px;
		color:#333333;
		font-weight:bold;
	}
	.invoiceFieldDisplay { 
		color:#666666;
	}
	
	.bankAccountCurrencyWarning {
		font-weight:bold;
		font-size:12px;
		color:#FF8000;
		padding-top:4px;
	}
	
	/* INVOICE ROWS -------------------------------------------------------------------------------- */
	.invoiceRowsTable {
		border-collapse: collapse;;
	
		tr.tableHead {
			background-color:#E6E6E6;
		}
		th {
			border:1px solid #CCCCCC;
			padding:2px;
			font-size:13px;
			font-weight:bold;
			color:#333333;
			white-space:nowrap;
		}
		
		td {
			border:1px solid #CCCCCC;
			padding:2px;
			vertical-align:top;
			color:#000000;
			background-color:#FFFFFF;
		}
		
		td.bold {
			font-weight:bold;
		}
		
		td.nowrap {
			white-space:nowrap;
		}
		
		tr.normalRow {
			background-color:#FFFFFF;
		}
		tr.hiddenRow {
			background-color:#FFFFFF;
		}
		tr.balancedRow { 
			background-color:#FFFFFF;
		}
		
		tr.hiddenRow td {
			color:#666666 !important;
			font-style: italic !important;
		}
		
		.rowType {
			font-style:italic;
			color:#666666;
			height:16px;
		}
	}
	
	
	
	.reverseDetails {
		font-style:italic;
		color:#999999;
		font-size:9px;
	}
	
	.expirationOffer {
		color:red;
		font-weight:bold;
		font-size:10px;
	}
	
	.priceCellTotalBack { 
		background-color:#FFFFFF;
	}
	.priceCell{
		padding:6px !important;
	}
	.priceCellTotal{
		padding:8px !important;
		font-size:13px !important;
	}
	
	.negativeSum { 
		color:#E00000;
	}
	
	/* HEADER -------------------------------------------------------------------------------------- */
	div.headerDiv{
		border:1px solid #CCCCCC;
		background-color:@messageDiv-type-info;
		font-size:13px;
		color:#FFFFFF;
		padding:5px;
		text-align:center;
		font-weight:bold;
	}
	
	a.switchHiddenRows {
		font-weight:normal;
		font-size:13px;
		text-decoration:none;
		color:#FFFFFF;
	}
	a.switchHiddenRows:hover {
		text-decoration:underline;
	}
	
	a.remarkLink {
		font-weight:normal;
		font-size:13px;
	}
	a.remarkLink:hover {
		text-decoration:underline;
	}
	
	a.balanceLink {
		font-style: italic; 
		color: #666; 
		height: 16px;
		text-decoration:none;
	}
	a.balanceLink:hover {
		text-decoration:underline;
	}
	
	/* BOTTOM -------------------------------------------------------------------------------------- */
	div.invoiceRows {
		border-top:1px solid #CCCCCC;
	}
	
	.previewBottomCell {padding:0px 4px 4px 4px;}
	div.bottomDiv{
		border:1px solid #CCCCCC;
		background-color:@messageDiv-type-warning;
		font-size:13px;
		text-align:center;
		font-weight:bold;
		padding:5px;
	}
	div.roundedStatus{
		font-weight:normal;
		font-size:11px;
		color:#666666;
		font-style:italic;
	}
	
	
	div.extraDetailsContainer{
		padding:5px;
	}
	div.extraDetailsTitle{
		font-size:13px;
		color:#C0C0C0;
		font-weight:bold;
	}
	div.extraDetails{
		color:#666666;
		border:1px solid #E0E0E0;
		padding:3px;
	}
	
	span.refund{
		color:red;
		font-weight:bold;
		font-style: normal;
	}
}
