/*  */
body {
	height: 100%;
}
table.invoice-header {
	width: 100%;
}
table.invoice-companies {
	margin-top: 20px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
table.invoice-companies td {
	border: 1px solid #000000;
	padding: 5px;
}
#invoice-publisher, #invoice-customer {
	text-align: center;
}
#invoice-publisher div, #invoice-customer div {
	text-align: left;	
}
table.invoice-products {
	margin-top: 30px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	border-bottom: 1px solid #000000;
}
table.invoice-products th {
	border: 1px solid #000000;
	padding: 5px;
}
table.invoice-products td {
	padding: 5px;
	vertical-align: top;	
}
table.invoice-amount {
	margin-top: 20px;
	width: 100%;
}
table.invoice-footer {
	margin-top: 20px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
table.invoice-footer th {
	border: 1px solid #000000;
}
.invoice-label-1 { 
	font-size: 20px; 
	font-weight: bold; 
}
.invoice-company-name {
	padding: 10px 0;
	font-size: 20px; 
	font-style: italic;
	text-align: center !important;
}

#black-screen {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	z-index: 10002;
}

#black-screen-content {
	display: none;
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 10003;
	/* width: dynamic */
	/* margin-left: dynamic (- width / 2) */
}

#black-screen-close {
	vertical-align: middle;
	cursor: pointer;
}