﻿.FormPanel
{	
	width:					508px;
	background-color:		#E1E5EE;
	padding:				20px;
	/*background-image:		url('/Include/i/decor/TroostWijk-Form-BGHeader.gif');*/
	background-position:	top left;
	background-repeat:		no-repeat;
	padding-top:			40px;
	border:					solid 1px #C9CBD0;
	text-align:				left;
	margin-top:				-70px;		/* popup positie bovenaan het scherm. */
}

.troostwijk-modal-background
{
    background-color:	#535F81;
    filter:				alpha(opacity=90);
    opacity:			0.9;
}

.troostwijk-form-logo
{
	position:				absolute;
	top:					10px;
	left:					10px;
}

.troostwijk-form-label-title
{
	font-family:			Trebuchet MS;
	font-size:				18px;
	font-weight:			bold;
	padding:				0px;
	color:					#B8C0D3;
	/*z-index:				100;*/
	margin-bottom:			10px;
	padding-bottom:         10px;
	/*position:				absolute;
	top:					75px;
	left:					225px;*/
}

.errorlabel
{
	color: Red;
	font-weight: bold;	
}

a.linkbuttonSluitVenster,
a.linkbuttonSluitVenster:link,
a.linkbuttonSluitVenster:visited,
a.linkbuttonSluitVenster:active

{
	font-size:				11px;
	font-weight:			bold;
	padding:				5px;
	color:					#B8C0D3;
	z-index:				100;
	position:				absolute;
	top:					10px;
	right:					10px;
	text-decoration:		none;
}

div.troostwijk-form-textbox
{
	position:				relative;
	float:					left;
	text-align:				left;
}

.troostwijk-form-intro
{
	padding-bottom:			5px;
	font-family:			Verdana, Arial;
	font-size:				8pt;
	color:					#0D1C45;
	text-align:				left;
}

.scfCheckBoxListGeneralPanel input
{
	border:					0px;
	border-style:			solid !important;
	border-color:			#b7c5d2;
	overflow:				hidden;
}

select.scfDropList
{
	position:				relative;
	float:					left;
}

input.scfSingleLineTextBox, 
input.scfEmailTextBox,
textarea.scfMultipleLineTextBox
{
	border:					solid 1px #b7c5d2;
	margin:					1px;
	display:				block;
	position:				relative;
	float:					left;
	overflow:				hidden;
}

input.scfSingleLineTextBox,
input.scfEmailTextBox,
textarea.scfMultipleLineTextBox
{
	width:					300px;
}

.troostwijk-form-required
{
	color:					#E74037;
	margin-left:			4px;
}
.troostwijk-form-dropdown .scfCheckBoxListLabel,
.troostwijk-form-dropdown .scfDropListLabel,
.troostwijk-form-textbox .scfSingleLineTextLabel,
.troostwijk-form-textbox .scfEmailLabel, 
.troostwijk-form-textbox .scfMultipleLineTextLabel
{
	font-weight:			bold;
	color:					#15224C;
	display:				block;
	position:				relative;
	float:					left;
	width:					100;		/*150px*/
	text-align:				left;
}

.troostwijk-form-content, 
.scfSectionContent
{
	display:				block;
	position:				relative;
	float:					left;
	width:					100%;
	
	margin-left: 0px;
	


}

.troostwijk-form-textbox .troostwijk-form-validation
{
	position:				relative;
	float:					right;
	display:				block;
	width:					100%;
	padding:				0px;
	margin:					10px 45px 10px 0px;
	text-align:				left;
	width:					300px;
}

.troostwijk-form-validation
{
	position:				relative;
	float:					left;
	display:				block;
	width:					100%;
	padding:				0px;
	margin:					10px 0px 10px 0px;
}

.troostwijk-form-validation ul
{
	position:				relative;
	float:					left;
	padding:				0px;
	margin:					0px;
}

.troostwijk-form-validation li
{
	position:				relative;
	float:					left;
	padding:				0px;
	margin:					0px;
	width:					100%;
}

.troostwijk-form-submit
{
	position:				relative;
	float:					left;
	width:					515px;
	text-align:				right;
}

input.troostwijk-form-button
{
	margin-right:			10px;
	margin-top:				10px;
	padding:				0px;
	border:					none;
	border:					solid 2px #B1BDD3;
	background-color:		#B5C2D5;
	color:					#FFFFFF;
	display:				block;
	position:				relative;
	float:					right;
	width:					100px;
}

.troostwijk-form-background
{
	background-color:		#000000;
}

.troostwijk-form-section
{
	padding:				0px;
	margin:					0px;
	position:				relative;
	float:					left;
	width:					100%;
}

.troostwijk-form-fieldset
{
	margin:					0px;
	border:					0px;
	padding-top:			1px;
	padding-bottom:			1px;
	width:					100%;
}

.troostwijk-form-legend
{
	color:					#FFFFFF;
	background-color:		#B8C0D3;
	margin:					0px 0px 3px -7px;
	padding: 				3px 0px 3px 149px;
	width:					356px;
	height:                 14px;
	text-align:				left;
	font-weight:            bold;
	
}
.scfDropListGeneralPanel
{
	/*width:					60% !important;*/
}

/********************************************************************/
/* Form Contact														*/
/********************************************************************/
.troostwijk-form-dropdown-titel .scfDropListLabel,
.troostwijk-form-textbox-voornaam .scfSingleLineTextLabel,
.troostwijk-form-textbox-achternaam .scfSingleLineTextLabel,
.troostwijk-form-textbox-functie .scfSingleLineTextLabel,
.troostwijk-form-textbox-bedrijfsnaam .scfSingleLineTextLabel,
.troostwijk-form-textbox-adres .scfSingleLineTextLabel,
.troostwijk-form-textbox-postcode .scfSingleLineTextLabel,
.troostwijk-form-dropdown-interessegebieden .scfCheckBoxListLabel,
.troostwijk-form-textbox-vraag .scfMultipleLineTextLabel
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #6779A1;	
	width: 149px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
	clear: left;
}

.informatieformulierlabels
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #6779A1;	
	width: 149px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
	width: 80px;
}

.informatieformuliertextbox
{
	width: 350px;
	border: 1px solid #B7C5D2;
}
.informatieformuliertextbox-smaller
{
	width: 286px;
	border: 1px solid #B7C5D2;
}


.troostwijk-form-dropdown-interessegebieden .scfCheckBoxListLabel
{
	width: 143px;
}

.troostwijk-form-dropdown-titel .scfDropList
{
	width: 75px;
	margin-left: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-initialen .scfSingleLineTextLabel,
.troostwijk-form-textbox-tussenvoegsel .scfSingleLineTextLabel
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #6779A1;	
	width: 149px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
	clear: left;
}

.troostwijk-form-textbox-initialen .scfSingleLineTextBox,
.troostwijk-form-textbox-tussenvoegsel .scfSingleLineTextBox
{
	width: 100px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-voornaam .scfSingleLineTextBox,
.troostwijk-form-textbox-functie .scfSingleLineTextBox
{
	width: 125px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-achternaam .scfSingleLineTextBox,
.troostwijk-form-textbox-bedrijfsnaam .scfSingleLineTextBox,
.troostwijk-form-textbox-vraag .scfMultipleLineTextBox
{
	width: 351px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-email .scfEmailLabel
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #6779A1;	
	width: 50px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
	width: 149px;
	 /* padding-left: 20px; */
}

.troostwijk-form-textbox-email .scfEmailTextBox
{
	 width: 351px; 
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-huisnummer .scfSingleLineTextLabel,
.troostwijk-form-textbox-plaats .scfSingleLineTextLabel
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #6779A1;	
	width: 75px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
}

.troostwijk-form-textbox-huisnummer .scfSingleLineTextLabel,
.troostwijk-form-textbox-plaats .scfSingleLineTextLabel
{
	padding-left: 20px;
}

.troostwijk-form-textbox-adres .scfSingleLineTextBox
{
	width: 200px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-huisnummer .scfSingleLineTextBox
{
	width: 50px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-postcode .scfSingleLineTextBox
{
	width: 50px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-textbox-plaats .scfSingleLineTextBox
{
	width: 200px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.troostwijk-form-dropdown-interessegebieden .scfCheckBoxList
{
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	color: #6779A1;	
}

div.txtHidden
{
	visibility: hidden;
	position:absolute;
	top: 0px;
	left:0px;
}
.lblVerplichteVelden
{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	color: #8F88BA;	
}

.troostwijk-form-textbox-anders .scfSingleLineTextBox
{
	margin-top: -21px; /*-23px;*/
	margin-left: 218px; /*225px;*/
	width: 276px;
}

/********************************************/
/* Form Tell a Friend						*/
/********************************************/
.troostwijk-form-textbox-uwnaam .scfSingleLineTextLabel,
.troostwijk-form-textbox-uwemail .scfEmailLabel,
.troostwijk-form-textbox-naamontvanger .scfSingleLineTextLabel,
.troostwijk-form-textbox-emailontvanger .scfEmailLabel,
.troostwijk-form-textbox-bericht .scfMultipleLineTextLabel
{
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	color: #6779A1;	
	width: 150px;
	float: left;
	margin-top: 5px;
}

.troostwijk-form-textbox-uwnaam .scfSingleLineTextBox,
.troostwijk-form-textbox-uwemail .scfEmailTextBox,
.troostwijk-form-textbox-naamontvanger .scfSingleLineTextBox,
.troostwijk-form-textbox-emailontvanger .scfEmailTextBox,
.troostwijk-form-textbox-bericht .scfMultipleLineTextBox
{
	width: 350px;
}

