/* formulier elementen */

input.inputNum, input.inputNumOnly {
	background:#fff;
	border-top:1px solid #99CCFF;
	border-right:1px solid #99CCFF;
	border-bottom:1px solid #99CCFF;
	border-left:none;
	color:#040468;
	height:1.4em;	
	padding-right:0.5em;
	width:5.5em;
}

input {font: 12px arial, helvetica, sans-serif;}
select {font: 12px arial, helvetica, sans-serif;}
input.inputTextXXSmall, input.inputTextXSmall, input.inputTextXSmallBedrag, input.inputTextSmall, input.inputTextMSmall,
input.inputTextLarge, input.inputTextXLarge, input.inputTextXXLarge input.inputTextXXX-XLarge { padding-left:1px; background:#fff; border:1px solid #99CCFF; color:#040468; }
input.inputTextXXSmall { width:2.8em; }
input.inputTextXSmall { width:5.5em; }
input.inputTextXSmallBedrag { width: 5.5em; text-align: right;}
input.inputTextSmall { width:11.0em; }
input.inputTextMSmall { width:14.0em; }
input.inputTextLarge { width:17.0em; }
input.inputTextXLarge { width:25.0em; }
input.inputTextXXLarge { width:32.0em; }
input.inputTextXXXXLarge { width:52.9em; }
input.inputNumOnly { border:1px solid #99CCFF; }
select.selectSmall, select.selectXSmall, select.selectXXSmall, select.selectLarge, select.selectMLarge, select.selectXLarge, selectTemp { background:#fff; border:1px solid #99CCFF; color:#040468; width:11.0em; }
select.selectMSmall {width: 7.0em;}
select.selectXSmall { width:5.5em; }
select.selectXXSmall { width:3.0em; }
select.selectLarge { width:14.0em; }
select.selectMLarge { width:17.0em; }
select.selectXLarge { width:25.0em; }
input.chk { vertical-align:middle; }

/* voor readonly tabellen */
.fIn input.inputNum { background:#e2f3ff; border:1px solid #99CCFF; color:#040468; text-align:right; }
.fIn input.inputTextXXLarge, .fIn input.inputTextXLarge, .fIn input.inputTextLarge, .fIn input.inputTextMSmall,
.fIn input.inputTextSmall, .fIn input.inputTextXSmall, .fIn input.inputTextXXSmall,
input.inputTextXXSmallReadOnly, input.inputTextXSmallReadOnly, input.inputTextXSmallReadOnlyBedrag, input.inputTextSmallReadOnly,
input.inputTextLargeReadOnly, input.inputTextXLargeReadOnly, input.inputTextXXLargeReadOnly, input.inputTextXXXLargeReadOnly, input.inputTextXXXXLargeReadOnly {
	background:#e2f3ff;
	border:1px solid #99CCFF;
	color:#040468;
}
.fIn a input.inputTextXSmall { text-decoration:underline; }

/* voor combinatie editable/readonly tabellen */
input.inputTextXXSmallReadOnly, input.inputTextXSmallReadOnly, input.inputTextXSmallReadOnlyBedrag, input.inputTextSmallReadOnly,
input.inputTextLargeReadOnly, input.inputTextXLargeReadOnly, input.inputTextXXLargeReadOnly {
	width:2.8em;
}

input.inputTextXSmallReadOnly { width:5.5em; }
input.inputTextXSmallReadOnlyBedrag {width: 5.5em; text-align: right;}
input.inputTextSmallReadOnly { width:11em; }
input.inputTextLargeReadOnly { width:17em; }
input.inputTextXLargeReadOnly { width:25em; }
input.inputTextXXLargeReadOnly { width:32em; }
input.inputTextXXXLargeReadOnly { width:37em; }
input.inputTextXXXXLargeReadOnly { width:52.9em; }

/* formulier functies (knoppen - verwerk/annuleren/etc...) */
	/* knoppenbalk onderin scherm */
		/*	margin-left:-1.0em en padding-right:1.0em om de schijn te wekken dat de knoppenbalk (formFuncts) doorloopt over het scherm;
			gedaan omdat de knoppenbalk binnen de marginSpecs van contentCell valt, die een padding-left heeft van 1.0em */
		.formFuncts { background:#e2f3ff; color:#040468; margin:0 0 0 -1.0em; padding:8px 1.0em 8px 0; width:auto; }
		.formFuncts .marginSpecs { margin:0 ! important; padding:0; text-align:right; width:31em; }
		.formFuncts .marginSpecs input { background:#99ccff; border:1px solid #000; color:#040468; font-weight:bold; margin:0 8px 0 0; padding:0; }
	/* knoppen die rechts uitgelijnd moeten staan en de breedtes ervan */
		.formFuncts .marginSpecs input.okBtn, .formFuncts .marginSpecs input.cancelBtn, .formFuncts .marginSpecs input.toonBtn,
		.formFuncts .marginSpecs input.opslaanBtn, .formFuncts .marginSpecs input.verplaatsBtn, .formFuncts .marginSpecs input.sluitBtn,
		.formFuncts .marginSpecs input.parkeerBtn, .formFuncts .marginSpecs input.kieszaakBtn { width:6.0em; }
		.formFuncts .marginSpecs input.classificatieBtn { width:9.0em ! important; }

		
/* foutmeldingen in #contentCell (gebruikt voor: lijsten met foutmeldingen) */
	#contentCell ul.errorMessages { padding:0 0 15px 0; }
	#contentCell ul.errorMessages li { background:url(../gfx/icons/ico_errormark.gif) no-repeat; color:#de0000; font-weight:bold; padding:0 0 5px 24px;  font-size: 11px;  }

/* marges */
	#contentCell .marginSpecs {
		margin:16px 0 0 0;
		padding:0 0 0 1em;
		width:95%;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:95%;
	}
	html>body #contentCell .marginSpecs { width:95%; }
	#linkermarge_10 { margin-left:50px; }


/* ================================= MAIN DIVISIONS/TABLES */
/* indeling en maten van placeholder tabel */
	#contentTable { border:none; height:100%; margin:0; padding:20px; width:100%; }
	#colContentCell { width:100%; }
	#contentTable #contentCell, #contentTable #contentCell th, #contentTable #contentCell td {
		background:#FFFFFF; color:#040468; 
	}
	
	/* loginForm (gebruikt voor: inloggen.jsp) */
		#contentCell table.loginForm { margin:24px 8px 0 8px; }
		#contentCell .loginForm th { font-weight:normal; padding:0 24px 3px 0; text-align:left; }
		#contentCell .loginForm td { padding-bottom:3px; }

/* online help */
	a.icoExplain, a.icoExplain:link, a.icoExplain:visited, a.icoExplain:hover, a.icoExplain:active { background:#0055ea; ! important; color:#fff; right:112px; position:absolute;  top:88px; }


ul, li { list-style:none; }