.inline {
	display: inline;
	}

/* .  */

div.klantcontact {
	clear:both; /* verplicht voor uitlijning recter balk (zoeken, direct naar) */
	margin-top:20px;
	}
	
	/* Form errors styles */
	.sp-form-tooltip {
		border: 1px solid #ef463f;
		background-color: #f6f6f6;
		padding: 3px;
		opacity:.75;
		filter: alpha(opacity=75); 
		-moz-opacity: 0.75;
		z-index: 999;
		color: #333333;
		font-family: Verdana,arial,sans-serif;
		font-size: 11px;
	}
	
	.sp-form-tooltip .generic_messageRef {
		visibility: visible;
	}
	.generic_td .generic_messageRef {
		visibility: hidden;
	}
	
	.formStepErrors {
		margin-bottom: 15px;
		}
		
		.formStepErrors ul {
			margin: 0;
			}
		
		.formStepErrors li {
			display: list-item;
			list-style-position: inside;
			list-style-type: disc;
			color: #ef463f;
			}
		
		.formStepErrors .formerrormessage {
			color: #ef463f;
			font-weight: bold;
			display: block;
			}
	
	.errormessage, form .formStepErrors .errormessage {
		display: inline;
		}
		
	/* Forms */
	form.Form .btl-deckItem {
		height: auto;
		overflow: visible;
	}
	
	div.formulier {
		}
		
		div.formulier table td {
			padding: 2px;
			padding-left: 0;
			}
		
		div.formulier table td.title {
			width: 200px;
			}
		
		div.formulier label {
			display: inline;
			clear: inherit;
			margin: auto;
			}
		
		div.formulier .obl {
			margin-left: 5px;
			color: #ef463f;
			}
		
		div.formulier input.radio, .radio-option-label {
			margin-right: 5px;
			}
	
	div.klantcontact .spTreeOpen {
		position:relative;
		display:block;
		background: transparent url(/custom-files/img/bullet_red_2.gif) no-repeat scroll 0px 5px;
		padding: 0 0 3px 10px;
		margin-top: 3px;
		margin-bottom: 2px;
		background-repeat: no-repeat;
		cursor: pointer;
		font-weight: bold;
		}

	div.klantcontact .spTreeClose{
		background: transparent url(/custom-files/img/bullet_red_1.gif) no-repeat scroll 0px 5px;
		background-repeat: no-repeat;
		}
	
	div.klantcontact .overView {
		background-color: #efefef;
		padding: 1px 10px 5px 10px;
		margin-bottom: 10px;
		}
		
	div.klantcontact .tabcontentItem {
		background-color: #f6f6f6;
		padding: 5px 0 5px 10px;
		}
	
	div.klantcontact .subOverView {
		background-color: #f6f6f6;
		padding: 1px 0 5px 10px;
		}
	
	div.klantcontact .subOverView2 {
		background-color: #efefef;
		padding: 5px 0 5px 10px;
	}
	
	div.klantcontact table td.title {
		padding: 1px 10px 1px 0;
		width: 150px;
		}
	
	div.klantcontact table td.value {
		padding: 1px 10px 1px 0;
		width: 150px;
		}

	.generic_klantContactLayouts td.radio input{
		border: none;
		background-color: #ffffff;
		margin-right: 4px;
		
	}
	.generic_klantContactLayouts td.radio label{
		margin-right: 4px;
	}
	
	/* new spTab */
.spTabbox {
	clear: both;
	}

/* new spTab */
.spTabbox {
	clear: both;
	}

.spTab {
	position: relative;
	top: -1px;
	display: none;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	background-color: #ffffff;
	padding: 5px;
	}

	.spTabHeader {
		position: relative;
		border: 1px solid #E7E7E7;
		border-bottom: 1px solid #C8C8C8;
		border-left: 0px;
		float:left;
		padding: 5px;
		cursor: pointer;
		z-index: 10;
		background-color: #F6F6F6;
		font-weight: normal;
		color: #000000;
		}

		.spTabHeaderSelected {
			border:1px #C8C8C8 solid;
			border-bottom-color:#f6faec;
			border-left-color: #ffffff;
			background-color: #ffffff;
			color: #000000;
			}

	.spTabHeaderFirst {
		margin-left: 0;
		}
		.paging-info {
			margin-top:20px;
			}
		
		.paging-controls {
			height:30px;
			position:relative;
			}
	.control-prev {
		width: 75px;
		height:17px;
		text-align:center;
		background-image:url(/custom-files/css/img/submit_background.gif);
		padding-top:3px;
		color:#FFFFFF;
		cursor:pointer;
		}
		.control-prev.disabled {
			background: #CECECE none; 
			cursor:default;
			}
	.control-next {
		width: 75px;
		height:17px;
		position:absolute;
		left:95px;
		top:0px;
		padding-top:3px;
		text-align:center;
		color:#FFFFFF;
		background-image:url(/custom-files/css/img/submit_background.gif);
		cursor:pointer;
		}
		.control-next.disabled { 
			background: #CECECE none;
			cursor:default;
			}
			
	.inschrijfformulier {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.inschrijfformulier .generic_tbody_th {
		font-weight: normal;
	}
	.inschrijfformulier .generic_tr td.tableInput {
		width: 346px;
	}
	.inschrijfformulier .generic_klantContactLayouts td.label {
		width: 200px;
	}
	.inschrijfformulier .generic_klantContactLayouts td.messageRef {
		width: auto;
	}
	.generic_klantContactLayouts .generic_formFoldContent .tableInput {
		width: 33%;
	}

	.generic_klantContactLayouts td.label{
		width: 200px;
		padding-bottom: 2px;  /* pkok 21-1-10: was 5px */
	}
	.generic_klantContactLayouts input{
		margin-right: 10px; /* pkok 21-1-10: was 3px */
		margin-top: 2px;
		padding: 2px;
	}
	.generic_klantContactLayouts select{
		margin-right: 3px;
		background-color: rgb(230, 230, 230);
		border: 1px solid rgb(201, 201, 201);
		margin-top: 2px;
		padding: 2px;
	}
	.generic_klantContactLayouts .korte-invoer,
	.generic_klantContactLayouts .geboorteDatumMaand	,
	.generic_klantContactLayouts .geboorteJaar {
		width:42px;
	}
	.generic_klantContactLayouts .generic_messageRefText{
		color: #cc0000;
	}
	.generic_klantContactLayouts h1 {
		font-size: 13px;
		font-weight: bold;
	}
	.generic_klantContactLayouts .subkop {
		padding-top:10px;
		font-weight: bold;
	}

.overView {
	background-color:#EFEFEF;
	margin-bottom:10px;
	padding:1px 10px 5px;
}

.tabcontentItem {
	background-color:#F6F6F6;
	padding:5px 0 0px 10px;
}

.generic_formFoldTitle {
	cursor:pointer;
	display:block;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:3px;
	padding:0 0 0 10px; /* pko 18-1: bottom padding eruit anders kan je er op klikken als er geen title is. (dan hoort hij echt verborgen te zijn) */
	position:relative;
}

.generic_td {
	vertical-align: top;
	width: 200px;
	padding: 2px 2px 2px 0;
}

.overallTable table td.generic_td,
.overallTable table th.generic_th,
.overallTable table td.generic_td,
.overallTable table th.generic_th {vertical-align:bottom;}

.overallTable table td.generic_td.vTop,
.overallTable table th.generic_th.vTop,
.overallTable table td.generic_td.vTop,
.overallTable table th.generic_th.vTop {vertical-align:top;}

.rightTable .decimaleTab {
	text-align: right;
	padding-right: 40px;
}

.generic_th {
	vertical-align: top;
	width: 150px;
	padding: 1px 10px 1px 0px;
}

td.woningreactiesHeaderAdres {
	border: 1px solid #9ABD3D;
	background-color: #9ABD3D;
	color: white;
	font-weight: bold;
	width: 60%;
}

td.woningreactiesHeader {
	border: 1px solid #9ABD3D;
	background-color: #9ABD3D;
	color: white;
	font-weight: bold;
}

/* kpors: fix voor de klantcontact tabs die te klein zijn...
temporary fix, moet eigenlijk veel beter kunnen maar ik kan het
niet zo snel zien!!! (het gaat om de min-height) */

div.contentleftpane {
	background-color:#FFFFFF;
	display:inline;
	float:left;
	margin-left:18px;
	min-height:620px;
	padding-bottom:20px;
	width:766px;
}

/* prevent word spacing 10px. WTF. */
.generic_Straatnaam {
	word-spacing: normal;
}

.generic_Huisnr {
	word-spacing: normal;
}

.generic_table {
	width: 100%;
}

.verplicht {
	color: red;
}

td.tableInput {
	/* Override from generic_td. */
	width: default;
}

.generic_tbody_th {
	font-weight: bold;
}

td.input-small {
	width: 40px;
}

input.postcodeChecker {
	width: 50px;
}

.generic_formLayout { 
	margin-top: 0px;
}

.generic_windowContainerLevel2 .generic_formLayout { 
	margin-top: 35px;
}

tr.dropDown {
	display: none;
}

td.pictureLeft {
	width: 120px;
}

td.woningReactiesLeft {
	width: 250px;
}

td.woningReactiesRight{
	width: 350px;
}

table.compleetReactieDetails {
	width: default;
}

table.reactieDetails {
	width: 320px;
}

td.woningReactieColumn {
	border: 1px solid #9ABD3D;
	padding: 2px;
}

td.greenBorders {
	border: 1px solid #9ABD3D;
	padding: 4px;
}

.cursorHand {
	cursor: pointer;
}

.responseMessage {
	margin-top: 35px;
}

.bold {
	font-weight: bold;
}

.generic_huurcontractWidgetControl  {
	cursor: pointer;
	color: #428FCD;
}
.generic_huurcontractWidget div.over {
	text-decoration: underline;
}
.generic_huurcontractWidget a {
	cursor: pointer;
}
/* Stuff voor paging in de woningreacties*/
div.paging-controls {
	width: 181px;
}

div.control-vorige {
	float: left;
	width: 80px;
	background-image: url(/custom-files/css/img/submit_background.gif);
	cursor: pointer;
	height: 17px;
	padding-top: 3px;
	color: white;
	text-align: center;
}

div.control-volgende {
	float: right;
	width: 80px;
	background-image: url(/custom-files/css/img/submit_background.gif);
	cursor: pointer;
	height: 17px;
	padding-top: 3px;
	color: white;
	text-align: center;
}

div.generic_woningReactiesWidget div.disabled {
	background-image: none;
	background-color: #C0C0C0;
	cursor: default
}

/* asflkjskldfjh!!!!! GRRRRRRRRR voor alles een nieuwe style!! */
table.lala {
	width: 330px;
}

.generic_klantContactLayouts .login_table {
	width:73%;
}
.generic_klantContactLayouts .login_table td.generic_td {
	width: 138px;
}
.generic_klantContactLayouts .login_table td.label{
	width: 100px;
}
.generic_klantContactLayouts .login_table input {
	/* background-color: #ffffff; wijkt weleenswaar af van oude productiesite, maar is veel consequenter als hier ook de grijze velden worden gebruikt. */
}
.generic_klantContactLayouts .generic_messageRef {
	font-size: 1px;
}
.generic_klantContactLayouts td.button {
	text-align: right;
}
.generic_klantContactLayouts td.button button{
	margin-right: 4px;
}

#opties {
	margin: 23px 0 0 0;
}
#opties .generic_html{
	display: inline;
}
#opties .generic_spButton {
	margin-right: 10px;
	font-weight: normal;
}
#opties .generic_spButton {
	margin-left: 0;
}
.wachtwoordVergeten td.button {
	text-align: right;
}
.aanmelden td.generic_td button {
	margin-right: 95px;
}
.generic_klantContactLayouts .aanmelden .korte-invoer,
.generic_klantContactLayouts .aanmelden .geboorteDatumMaand	,
.generic_klantContactLayouts .aanmelden .geboorteJaar {
	width:46px;
}

table.overzichtFotoLogo {min-height:50px;}