/* Algemeen */

body { margin: 0px; position: relative; font-size: 14px }

#imgDiv { float: right; position: absolute; top: 0px; right: 0px }
#left    	{ background-color: FFF; width: 162px; float: left }
.divMiddle  { background-color: FFF; width: 60%; float: left; margin-left: 20px }
.divTitle   { font-weight: bold; font-size: 24px; color: #444; vertical-align: middle; height: 38px; vertical-align: middle; white-space: nowrap }
.divHeader  { background-color: FFF; }
.link { font-size: 12px; color: blue; }
.title { font-size: 24px; font-weight: bold }
.subtitle { font-size: 18px; font-weight: bold; color: gray }
.menuTitle { overflow: hidden }
.warning { color: red }

#right      { background-color: FFF; width: 40%; float: left }

input { padding-left: 4px }
input:disabled, textarea:disabled, select:disabled { border-style: solid; border-color: white; background-color: white }
input[type=file] { margin-left: -4px }

/* Regelschermen */
table { font-size: 14px }
td, th { overflow: hidden; white-space: nowrap; text-align: left; padding-right: 4px }
.table>thead>tr { row-height: 20px }
.dataTable tr { height: 32px; border-style: solid; border-width: 1px 0px; border-color: #EEE }
.dataTable td, th { padding: 0px 4px 0px 0px; }
.dataLine:hover { background-color: #CEF }
.dataTable th:hover { background-color: #CEF }
.unread { color: blue }
.tr-selected { background-color: #8DF }
.tr-selected:hover { background-color: #BDE; }
span { white-space: nowrap; }

/* Foutmelding */
.message {
	color: red; 
	position: absolute; 
	left: 170px;
	top: 220px;
	padding: 10px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: red; 
	background-color: white; 
	border-radius: 10px
}
.errorMessage {
	color: red; 
	border-color: red; 
	background-color: white; 
}
.warningMessage {
	color: blue; 
	border-color: blue; 
	background-color: yellow; 
}

[hidden] { display: none; }
.date     { width: 85px }
.amount { width: 85px }		
@media print
{
	.noPrint { display:none;}
}
#loginContainer { text-align: center }
#loginMessage { color: red }
#login {	border-style: solid; border-width: 1px; border-color: #BBB; padding: 10px; width: 500px; margin: 50px auto; overflow: auto }

.table { margin-bottom: 4px; }
.invoer { margin-top: 4px }
label { font-weight: normal }
.smallButton { width: 55px; text-align: center }

#main_options { margin-top: 5px; margin-left: 5px }

.tword { height: 28px; float: left; padding-left: 4px;}
input { border-color: #CCCCCC; border-width: 1px }