/* basic css elements */

BODY {
	background-color: #ffffff;
}

div {
	font-family: arial, helvetica, sans-serif;
	border: none;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	line-height: 120%;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #00546b;
	font-weight: bold;
	line-height: 150%;
	margin: 18px 6px 12px 6px;
	padding: 0;
}

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #00546b;
	font-weight: bold;
	line-height: 120%;
	margin: 12px 6px 6px 6px;
	padding: 0;
}

h4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #00546b;
	font-weight: bold;
	line-height: 120%;
	margin: 36px 6px 6px 6px;
	padding: 6px 0 12px 0;
	background: url('../js/showHide/heading.jpg') top left repeat;
}

p {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #202020;
	line-height: 120%;
	margin: 6px;
	padding: 0;
}

ol, ul {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #202020;
	line-height: 120%;
	margin: 0 0 12px 0;
	text-align: left;
}

li {
	margin: 6px 6px 6px 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

form {
	border: none;
	margin: 0;
	padding: 0;
}

input {
	font-family: arial, helvetica, sans-serif;
	color: #202020;
	margin: 0;
	padding: 3px;
}

select {
	font-family: arial, helvetica, sans-serif;
	color: #202020;
	margin: 0;
}

option {
	font-family: arial, helvetica, sans-serif;
	color: #202020;
	height: 16px;
	margin: 0;
	padding: 3px 6px 0 3px;
}

textarea {
	font-family: arial, helvetica, sans-serif;
	color: #202020;
	margin: 0;
	padding: 3px;
}

table {
	border-collapse: collapse;
	margin: 0;
}





/* global layout */

#container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.header {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background-color: #49285f;
}

.banner {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	background: url('../images/grid.jpg') top left;
	margin: 0;
	padding: 0;
}

.title-holder {
	position: relative;
	left: 8px;
	top: 18px;
	height: 20px;
	width: 60%;
}

.deconnect {
	float: right;
	top: 8px;
	width: 40px;
	height: 20px;
	margin: 0 6px 0 0;
	padding: 0;
}

.deconnect-text {
	text-align: right;
	margin: 0;
	padding: 15px 0 0 0;
}

.identifiant {
	float: right;
	top: 8px;
	width: 30%;
	height: 20px;
	margin: 0 6px 0 0;
	padding: 0;
}

.identifiant-text {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #003399;
	text-align: right;
	line-height: 120%;
	margin: 3px 6px 0 0;
	padding: 0;
}

.page-content {
	position: relative;
	clear: both;
	left: 0;
	top: 0;
	width: 85%;
}

.full-page-content {
	position: relative;
	clear: both;
	left: 0;
	top: 0;
	width: 100%;
}

.full-page-indent {
	position: relative;
	clear: both;
	left: 15%;
	top: 0;
	width: 85%;
}

.full-page-indent-fill {
	position: relative;
	clear: both;
	left: 15%;
	top: 0;
	width: 85%;
	min-height: 350px;
}

.IerEocr-entry {
	position: relative;
	max-width: 620px;
}

#page-no-holder {
	float: right;
	width: 100px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #202020;
	text-align: right;
	line-height: 120%;
	margin: 3px 6px 0 0;
	padding: 0;
}
 
#context-holder {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #00546b;
	text-align: right;
	line-height: 120%;
	margin: 18px 0 40px 0;
	padding: 6px;
	background-color: #f1faff;
}

.eocr-section-holder {
	position: relative;
	left: 0;
	top: -30px;
	height: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #202020;
	text-align: right;
	line-height: 120%;
	margin: 0 6px;
}

.eocr-section-selected {
	font-weight: bold;
	padding: 1px 6px 5px 6px;
	background: url('../js/showHide/heading.jpg') top left repeat;
}

.eocr-section-unSelected {
	padding: 1px 6px 5px 6px;
}

.search-form-holder {
	position: relative;
	left: 0;
	top: -30px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #202020;
	text-align: right;
	line-height: 120%;
	margin: 0 6px;
}

#left-docheader {
	float: left;
	width: 300px;
}

#right-docheader {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.65em;
	font-weight: normal;
	line-height: 140%;
	margin: 3px 0 3px 6px;
}

.signature-left {
	float: left;
	font-family: arial, helvetica, sans-serif;
	line-height: 120%;
	margin: 0;
	padding: 0;
	width: 50%;
}

.signature-right {
	font-family: arial, helvetica, sans-serif;
	line-height: 120%;
	margin: 12px 0 0 50%;
	padding: 0;
}

#left-column {
	float: left;
	width: 49%;
}

#right-column {
	float: right;
	width: 49%;
}

.block25px {
	height: 25px;
}

.block50px {
	height: 50px;
}

.block75px {
	height: 75px;
}

.block100px {
	height: 100px;
}

.block125px {
	height: 125px;
}

.block150px {
	height: 150px;
}

.block175px {
	height: 175px;
}

.block200px {
	height: 200px;
}

.block225px {
	height: 225px;
}

.rounded {
	padding: 6px 0 9px 0;
	background-color: #e6e9ec;
}

.bottom {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 85px;
	background: url('../images/grid.jpg') top left;
}

.footer {
	margin: 0;
	padding: 12px;
}





/* navigation */

.navigation-holder {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url('navigationHolder.gif') top left;
}

#navigation {
	position: relative;
	margin: 0;
	padding: 0;
}

#navigation ul {
	list-style: none;
	margin: 0 0 0 14px;
	padding: 0;
}

#navigation li {
	float: left;
	color: #ffffff;
	font-size: 1em;
	line-height: 210%;
	margin: 0;
	padding: 0 18px 0 0;
}

#navigation a {
	float:left;
	color:#ffffff;
}

#navigation #current a {
	color:#ffcc00;
}





/* links */

A:link {
	color: #000080;
	text-decoration: none;
}

A:visited {
	color: #006699;
	text-decoration: none;
}

A:hover {
	color: #00c0c0;
	text-decoration: underline;
}





/* images */

.image-align-middle {
	vertical-align: middle;
	margin: 0 6px;
}

.image-align-middle-L {
	vertical-align: middle;
	margin: 0 6px 0 0;
}

.image-align-middle-R {
	vertical-align: middle;
	margin: 0 0 0 6px;
}

.logout {
	vertical-align: middle;
	float: right;
	margin: 0 6px 0 0;
}

.search-form-icon {
	float: left;
	margin: 0 30px 0 0;
}

.logo-title {
	margin: 10px 0 0 10px;
}

.course-report {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.qualityThumb {
	float: right;
	border: 0px none;
	margin: 0 0 6px 0;
}

.qualityFooter {
	float: right;
	border: 0px none;
	margin: 1px 0 0 0;
}

.eoc-report-logo {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
}

.hours-reporting-logo {
	position: relative;
	float: left;
	margin: 0 25px 0 0;
	left: 0px;
	top: 0px;
}

.histogram-y-axis {
	vertical-align: middle;
}





/* headings */

.h1-print {
	text-align: center;
	margin: 36px 0;
}

.section-heading { 
	font-size: 0.9em;
	font-weight: bold;
	line-height: 180%;
}

.section-heading-c {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 180%;
	text-align: center;
}

.subsection-heading {
	font-weight: bold;
}

.search-group-heading {
	font-weight: bold;
	font-size: 0.9em;
	margin: 24px 6px 6px 6px;
}

.search-result-heading {
	font-size: 0.9em;
	margin: 30px 6px 6px 6px;
}

.materialsMgt-heading {
	font-size: 0.9em;
	font-weight: bold;
 	margin: 18px 6px 6px 6px;
}





/* text */

.p-center {
	text-align: center;
}

.p-right {
	text-align: right;
}

.p-vertical-spacing {
	margin: 18px 6px;
}

.helpText {
	line-height: 180%;
}

.inline-helpText {
	line-height: 180%;
	color: #666666;
}

.error-handling {
	color: #ff0000;
}

.alertWarning {
	color: #ff0000;
}

.alertOK {
	color: #008000;
}

.p-report {
	line-height: 240%;
}

.p-report-inline-helpText {
	color: #666666;
	line-height: 240%;
}

.p-report-print {
	text-align: justify;
	line-height: 150%;
}

.p-report-indent {
	text-align: justify;
	line-height: 150%;
	margin: 6px 6px 6px 27px;
}

.incorrectText {
	font-style: italic;
	color: #ff0000;
}

.correctText {
	font-style: italic;
	color: #008000;
}

.search-result-text {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #202020;
	line-height: 120%;
	margin: 6px;
	padding: 0;
}

.p-chart {
	margin: 0 6px 0 16px;
}

.p-chart-axis {
	margin: 0 6px;
}

.materialsMgt-figures {
	text-align: right;
 	margin: 18px 6px 6px 6px;
}

.materialsMgt-text {
	line-height: 150%;
 	margin: 6px 6px 12px 6px;
}

.footer-text {
	font-size: 0.7em;
	color: #202020;
	text-align: center;
	line-height: 100%;
	margin: 0 6px;
	padding: 0;
}





/* lists */

.html-coded {
	list-style: none;
	text-indent: -38px;
	text-align: left;
	margin: 6px 6px 12px 18px;
}

.nobullet {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nest-lower-roman {
	list-style: lower-roman;
}

.li-report {
	line-height: 210%;
}

.li-report-nobullet {
	list-style: none;
	line-height: 210%;
}

.li-report-print {
	line-height: 150%;
}

.li-report-print-nobullet {
	list-style: none;
	line-height: 150%;
}





/* forms */

.form-textbox {
	font-size: 1em;
	line-height: 100%;
	border: #7b9ebd 1px solid;
	background-color: #f0f0f0;
}

.form-textbox-right {
	font-size: 1em;
	line-height: 100%;
	text-align: right;
	border: #7b9ebd 1px solid;
	background-color: #f0f0f0;
}

.form-textarea {
	font-size: 1em;
	line-height: 100%;
	border: #7b9ebd 1px solid;
	background-color: #f0f0f0;
}

.form-checkbox {
	margin: 0px;
}

.form-button-eng {
	font-size: 0.7em;
	line-height: 100%;
	margin: 6px;
	padding: 0;
	text-align: center;
	height: 25px;
	width: 80px;
}

.form-button-fr {
	font-size: 0.7em;
	line-height: 100%;
	margin: 6px;
	padding: 0;
	text-align: center;
	height: 25px;
	width: 80px;
}

.login-button {
	font-size: 0.7em;
	line-height: 100%;
	margin: 6px;
	padding: 0;
	text-align: center;
	height: 25px;
	width: 40px;
}

.gobutton {
	float: right;
	overflow: hidden;
	border: none;
	height: 22px;
 	width: 22px;
	margin: 0 6px;
	padding: 22px 0 0 22px;
	background: url('../icons/search.gif') no-repeat 0 0;
	cursor: pointer;
}

.spec-checkbox {
	text-align: center;
	margin: 9px 6px 6px 6px;
}

.spec-checkbox-L {
	text-align: left;
	margin: 9px 6px 6px 6px;
}

.materialsMgt-textBox {
	color: #020880;
	line-height: 120%;
	text-align: right;
	border: #7b9ebd 1px solid;
	background-color: #f0f0f0;
	margin: -2px 0 0 6px;
}

.calcBox {
	font-size: 1em;
	line-height: 100%;
	text-align: right;
	border: none;
	background-color: transparent;
	margin: -3px -3px 0 0;
}

.calcBox-L {
	font-size: 1em;
	line-height: 100%;
	text-align: left;
	border: none;
	background-color: transparent;
	margin: -3px -3px 0 0;
}

input[readonly] {
	color: #202020;
} 

#autoCompleteDropdown {
	list-style: none;
	margin: 0;
	border: 1px solid #d3efff;
	padding: 0;
	background-color: #f1fAff;
}

#autoCompleteDropdown li {
	padding: 0.25em 0.2em;
	color: #000060;
	cursor: pointer;
}

#autoCompleteDropdown li.hover {
	background-color: #4ebfdf;
	color: #ffffff;
}





/* tables */

.tablebgd {
	width: 100%;
}

.extranet-top-left {
	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
}

.extranet-top-adjacent {
	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
}

.extranet-top {
	border-top: 1px solid #003399;
}

.extranet-bottom  {
	border-bottom: 1px solid #003399;
}

.extranet-recap-border {
	border-top: 1px solid #003399;
	background-color: #d0d0d0;
}

.extranet-recap-header {
	background-color: #d0d0d0;
}

.cell-top-left {
	border-top: 0px;
	border-bottom: 1px solid #c0c0c0;
}

.cell-top-adjacent {
	border-top: 0px;
	border-bottom: 1px solid #c0c0c0;
}

.cell-bottom-left {
	border-bottom: 0px;
	border-top: 1px solid #c0c0c0;
}

.cell-bottom-adjacent {
	border-bottom: 0px;
	border-top: 1px solid #c0c0c0;
}

.cell-topBottom-left {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

.cell-topBottom-adjacent {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

.cell-left {
	border-bottom: 1px solid #020880;
}

.cell-adjacent {
	border-left: 1px solid #020880;
	border-bottom: 1px solid #020880;
}

.cell-adjacent-only {
	border-left: 1px solid #020880;
}

.cell-levels-adjacent {
	border-left: 1px solid #020880;
	border-bottom: 1px solid #020880;
	background-color: #020880;
}

.spec-text-h-l {
	font-weight: bold;
	margin: 12px 3px 18px 6px;
}

.spec-text-h-l-indent {
	font-weight: bold;
	line-height: 100%;
	margin: 12px 0 18px 12px;
}

.print-spec-text-h-l {
	font-size: 0.7em;
	font-weight: bold;
	line-height: 100%;
	margin: 12px 0 18px 1px;
}

.spec-text-l {
	margin: 9px 6px 6px 6px;
}

.spec-text-l-nowrap {
	white-space: nowrap;
	margin: 9px 6px 6px 6px;
}

.print-spec-text-l {
	font-size: 0.7em;
	line-height: 100%;
	margin: 6px 1px;
}

.print-spec-text-l-nowrap {
	font-size: 0.7em;
	line-height: 100%;
	white-space: nowrap;
	margin: 6px 1px;
}

.spec-text-h-c {
	font-weight: bold;
	text-align: center;
	margin: 12px 6px 18px 6px;
}

.print-spec-text-h-c {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	margin: 12px 1px 18px 1px;
}

.spec-text-c {
	text-align: center;
	margin: 9px 6px 6px 6px;
}

.spec-text-c-nowrap {
	text-align: center;
	white-space: nowrap;
	margin: 9px 6px 6px 6px;
}

.print-spec-text-c {
	font-size: 0.7em;
	text-align: center;
	line-height: 100%;
	margin: 6px 1px;
}

.print-spec-text-c-nowrap {
	font-size: 0.7em;
	text-align: center;
	line-height: 100%;
	white-space: nowrap;
	margin: 6px 1px;
}

.spec-text-h-r {
	font-weight: bold;
	text-align: right;
	margin: 12px 6px 18px 6px;
}

.spec-text-r {
	text-align: right;
	margin: 9px 6px 6px 6px;
}

.spec-text-r-nowrap {
	text-align: right;
	white-space: nowrap;
	margin: 9px 6px 6px 6px;
}

.print-spec-text-r {
	font-size: 0.7em;
	text-align: right;
	line-height: 100%;
	margin: 6px 1px;
}

.print-spec-text-r-nowrap {
	font-size: 0.7em;
	text-align: right;
	line-height: 100%;
	white-space: nowrap;
	margin: 6px 1px;
}

.spec-text-counter {
	text-align: right;
	margin: 9px 6px 6px 6px;
}

.recap-text-l {
	font-size: 0.7em;
	line-height: 100%;
	margin: 9px 3px 0 6px;
}

.recap-text-c {
	font-size: 0.7em;
	text-align: center;
	line-height: 100%;
	margin: 9px 3px 0 3px;
}

.recap-text-r {
	font-size: 0.7em;
	text-align: right;
	line-height: 100%;
	margin: 9px 3px 0 3px;
}

.recap-text-footer-l {
	font-size: 0.7em;
	font-weight: bold;
	line-height: 100%;
	margin: 12px 3px 18px 3px;
}

.recap-text-footer-c {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	margin: 12px 3px 18px 3px;
}

.recap-text-footer-r {
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
	line-height: 100%;
	margin: 12px 3px 18px 3px;
}

.paged-table {
	word-spacing: 3px;
}





/* scheduling */

.availability {
	margin: 0 6px;
}

.planning-top {
	border: 1px solid #e0e0e0;
	background-color: #4ebfdf;
}

.planning-lhCol {
	border: 1px solid #e0e0e0;
	background-color: #bfdbff;
}

.planning-cell {
	border: 1px solid #e0e0e0;
	background-color: #edd377;
}

.planning-cell-available {
	border: 1px solid #e0e0e0;
	background-color: #c0ffc0;
}

.planning-header {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	line-height: 150%;
	margin: 12px 6px;
}

.planning-hours {
	color: #00546b;
}





/* invoicing */

.h1-invoice-heading {
	text-align: center;
	margin: 18px 0;
}

.invoice-text-h-l {
	font-weight: bold;
	line-height: 100%;
	margin: 6px;
}

.invoice-text-h-c {
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	margin: 6px;
}

.invoice-text-h-r {
	font-weight: bold;
	text-align: right;
	line-height: 100%;
	margin: 6px;
}

.invoice-text-l {
	height: 45px;
	font-size: 0.75em;
	color: #000000;
	line-height: 100%;
	margin: 6px 6px 0 6px;
}

.invoice-text-c {
	height: 45px;
	font-size: 0.75em;
	color: #000000;
	text-align: center;
	line-height: 100%;
	margin: 6px 6px 0 6px;
}

.invoice-text-r {
	height: 45px;
	font-size: 0.75em;
	color: #000000;
	text-align: right;
	line-height: 100%;
	margin: 6px 6px 0 6px;
}

#invoice-heading-1 {
	position: absolute;
	left: 0px;
	width: 300px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#invoice-heading-1-exVAT {
	position: absolute;
	left: 0px;
	width: 400px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#invoice-heading-2 {
	position: absolute;
	left: 300px;
	width: 100px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#invoice-heading-3 {
	position: absolute;
	left: 400px;
	width: 100px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#invoice-heading-4 {
	position: absolute;
	left: 500px;
	width: 100px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

#invoice-heading-4-exVAT {
	position: absolute;
	left: 400px;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

#invoice-total-1 {
	position: absolute;
	left: 0;
	width: 300px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0px none;
}

#invoice-total-1-exVAT {
	position: absolute;
	left: 0;
	width: 400px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0px none;
}

#invoice-total-2 {
	position: absolute;
	left: 300px;
	width: 100px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 0px none;
	border-bottom: 1px solid #000000;
}

#invoice-total-3 {
	position: absolute;
	left: 400px;
	width: 100px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 0px none;
	border-bottom: 1px solid #000000;
}

#invoice-total-4 {
	position: absolute;
	left: 500px;
	width: 100px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px none;
	border-bottom: 1px solid #000000;
}

#invoice-total-4-exVAT {
	position: absolute;
	left: 400px;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px none;
	border-bottom: 1px solid #000000;
}

#freeform-heading-1 {
	position: absolute;
	left: 0px;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-1-exVAT {
	position: absolute;
	left: 0px;
	width: 240px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-1a {
	position: absolute;
	left: 200px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-1a-exVAT {
	position: absolute;
	left: 240px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-1b {
	position: absolute;
	left: 280px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-1b-exVAT {
	position: absolute;
	left: 320px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-2 {
	position: absolute;
	left: 360px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-3 {
	position: absolute;
	left: 440px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#freeform-heading-4 {
	position: absolute;
	left: 520px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

#freeform-heading-4-exVAT {
	position: absolute;
	left: 400px;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

#freeform-total-1 {
	position: absolute;
	left: 0;
	width: 360px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0px none;
}

#freeform-total-1-exVAT {
	position: absolute;
	left: 0;
	width: 400px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0px none;
}

#freeform-total-2 {
	position: absolute;
	left: 360px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 0px none;
	border-bottom: 1px solid #000000;
}

#freeform-total-3 {
	position: absolute;
	left: 440px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 0px none;
	border-bottom: 1px solid #000000;
}

#freeform-total-4 {
	position: absolute;
	left: 520px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

#freeform-total-4-exVAT {
	position: absolute;
	left: 400px;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px none;
	border-bottom: 1px solid #000000;
}

#materials-description {
	position: absolute;
	left: 0px;
	width: 280px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-quantity {
	position: absolute;
	left: 280px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-unitPrice {
	position: absolute;
	left: 360px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-prestation {
	position: absolute;
	left: 440px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-vatRate {
	position: absolute;
	left: 520px;
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

#materials-total-description {
	position: absolute;
	left: 0;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0px none;
}

#materials-total-vatRate {
	position: absolute;
	left: 120px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 0px none;
}

#materials-total-baseHT {
	position: absolute;
	left: 200px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 0px none;
}

#materials-total-vatBase {
	position: absolute;
	left: 280px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 0px none;
}

#materials-total-delivery {
	position: absolute;
	left: 360px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 0px none;
}

#materials-total-vatDelivery {
	position: absolute;
	left: 440px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 0px none;
}

#materials-total-TTC {
	position: absolute;
	left: 520px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 0px none;
}

#materials-invoiceTotal-vatRate {
	position: absolute;
	left: 120px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-invoiceTotal-baseHT {
	position: absolute;
	left: 200px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-invoiceTotal-vatBase {
	position: absolute;
	left: 280px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-invoiceTotal-delivery {
	position: absolute;
	left: 360px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-invoiceTotal-vatDelivery {
	position: absolute;
	left: 440px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 0px none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#materials-invoiceTotal-TTC {
	position: absolute;
	left: 520px;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

.invoice-footer {
	font-size: 0.7em;
	margin: 6px 0;
	text-align: center;
}

.invoice-bank-header {
	font-size: 0.7em;
	margin: 6px 12px 1px 12px;
	text-align: center;
}

.invoice-bank {
	font-size: 0.7em;
	margin: 1px 12px 6px 12px;
	text-align: center;
}





/* printing */

@media print {

.print-management {
	display: none;
}

.print-management-pageBreak {
	display: none;
}

.cell-top-left {
	border: none;
}

.cell-top-adjacent {
	border: none;
}

}

.print-management {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 150px;
	background: url('../images/printMgt.jpg') repeat-x top left;
	font-family: arial, helvetica, sans-serif;
	color: #202020;
	line-height: 120%;
	padding: 1px 0 0 0;
}

.print-icon {
	float: right;
	margin: 0 6px 0 0;
	padding: 0;
}

#show-hide {
	display: none;
	margin: 24px 0px;
}

.print-content-preview {
	position: relative;
	clear: both;
	left: 0px;
	top: 0px;
	width: 620px;
	background: url('../images/printMgt.jpg') repeat-x top left;
	padding: 6px;
}

.print-content {
	position: relative;
	clear: both;
	left: 0px;
	top: 0px;
	width: 620px;
}

.print-content-header {
	position: relative;
	clear: both;
	left: 0px;
	top: 0px;
	width: 620px;
	min-height: 150px;
}

.print-landscape {
	position: relative;
	clear: both;
	left: 0px;
	top: 0px;
	width: 1000px;
}

.print-landscape-header {
	position: relative;
	clear: both;
	left: 0px;
	top: 0px;
	width: 1000px;
	min-height: 150px;
}

.print-management-pageBreak {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	color: #202020;
	line-height: 120%;
	padding: 1px 0 0 0;
}

.page {
	page-break-after: always;
	font-size: 1px;
}

.pageBreakHolder {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}