﻿div#form-container { clear:both; margin:0px; padding:0px; }

/**********************************************************************************************************************************************************/
/**  ERRORS  **********************************************************************************************************************************************/
/**********************************************************************************************************************************************************/

div#form-container div.error-holder div.errors 	{ width:524px; margin:0px 0px 10px 0px; padding:10px 10px 0px 10px; border: #FC6 1px solid; background-color: #FFC; }
div#form-container div.error-holder p.note 		{ margin:0px 0px 10px 0px; padding:0px; font-size:11px; text-align:right; }
div#form-container div.error-holder p em		{ color: #af0000; font-style: normal; font-weight: bold; }

/**********************************************************************************************************************************************************/
/**  FORM  ************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/

/** Enkel nodig voor de overflow in IE **********************************************/
div#form-container div.form-holder div.blockHolder,
div#form-container div.form-holder div.blockHolder div.controlset,
div#form-container div.form-holder div.blockHolder div.controlsetCols,
div#form-container div.form-holder div.blockHolder div.controlsetRows { width:780px; }
/** Plaatsing van inner notes en de buttons *****************************************/
div#form-container div.form-holder p.note,
div#form-container div.form-holder div.buttonrow { margin:0px 0px 0px 140px; } 
/************************************************************************************/

div#form-container div.form-holder p.note	 { clear:left; padding:0px 0px 10px 0px; font-size:10px; text-align:left; }
div#form-container div.form-holder p.note em { color: #af0000; font-style: normal; font-weight: bold; }

div#form-container div.form-holder div.blockHolder			{ clear:left; overflow:hidden; margin:0px 0px 10px 0px; padding:0px; } 
div#form-container div.form-holder div.blockHolder h2		{ padding:0px 0px 4px 0px; margin:0px;  }
div#form-container div.form-holder div.blockHolder p.note	{ clear:left; margin:0px 0px 0px 120px; padding:0px 0px 10px 0px; font-size:10px; text-align:left; }

div#form-container div.form-holder div.blockHolder div.controlset,
div#form-container div.form-holder div.blockHolder div.controlsetCols,
div#form-container div.form-holder div.blockHolder div.controlsetRows,
div#form-container div.form-holder div.blockHolder div.row { clear:left; overflow:hidden; padding:4px 0px 4px 0px; margin:0px; } 
div#form-container div.form-holder div.blockHolder div label 			{ float:left; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; width:120px; position:relative; }
div#form-container div.form-holder div.blockHolder div.row label 		{ display:inline-block; width:700px; float:none; }
div#form-container div.form-holder div.blockHolder div label.big		{ float:left; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; width:200px; position:relative; }
div#form-container div.form-holder div.blockHolder div label.right		{ position:static; display: inline; float: none; }
div#form-container div.form-holder div.blockHolder div label.clear		{ width:auto; }
div#form-container div.form-holder div.blockHolder div label.error		{ color: #af0000; }
div#form-container div.form-holder div.blockHolder div label em			{ position: absolute; top:4px; right:0px; font-size: 140%; font-style: normal; color: #af0000; }
div#form-container div.form-holder div.blockHolder div div.objHolder    { float:left; margin:0px; padding:0px; }

div#form-container div.form-holder div.blockHolder div.controlsetRows		{ padding:0px; }
div#form-container div.form-holder div.blockHolder div.controlsetRows label	{ padding:4px 10px 0px 0px; position:absolute; }
div#form-container div.form-holder div.blockHolder div div.space			{ padding:4px 0px 4px 0px; margin:0px 0px 0px 140px; }

div#form-container div.form-holder div.blockHolder input.error,
div#form-container div.form-holder div.blockHolder textarea.error		{ border: 1px solid #af0000; }
div#form-container div.form-holder div.blockHolder input:focus,
div#form-container div.form-holder div.blockHolder input.error:focus, 
div#form-container div.form-holder div.blockHolder textarea:focus		{ background-color: #FFC; border-color: #FC6; }
div#form-container div.form-holder div.blockHolder input 				{ display:inline; float:none; margin:0px 10px 0px 0px; }
div#form-container div.form-holder div.blockHolder select 				{ display:inline; float:none; margin:0px 10px 0px 0px; }
div#form-container div.form-holder div.blockHolder input.clear			{ margin:0px; }
div#form-container div.form-holder div.blockHolder div.row input		{ vertical-align:top; }

div#form-container div.form-holder div.blockHolder div.controlsetCols div.objHolder div   { float:left; }
div#form-container div.form-holder div.blockHolder div.controlsetRows div.objHolder div   { clear:left; }
div#form-container div.form-holder div.blockHolder div.controlsetCols div.objHolder label,
div#form-container div.form-holder div.blockHolder div.controlsetRows div.objHolder label { position:static; display: inline; float: none; padding:0px 10px 0px 0px; margin:0px; }

div#form-container div.form-holder div.blockHolder div.controlsetCols div.space label { position:static; display: inline; float: none; margin:0px; padding:0px 10px 0px 0px; }
div#form-container div.form-holder div.blockHolder div.controlsetRows div.space label { position:static; display: inline; float: none; }

/**********************************************************************************************************************************************************/
/**  FORM OBJECTS  ****************************************************************************************************************************************/
/**********************************************************************************************************************************************************/

.formField, .formFieldBig, .formFieldMedium, .formFieldMediumDisabled, .formFieldHome, .formFieldHomeDisabled, .formFieldFast{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	border:1px solid #999999;
	padding:2px;
	background-color:#f7f7f7;
}
.formFieldBig{ width:400px; }
.formFieldMedium{ width:140px; background-color:#fff; }
.formFieldMediumDisabled{ width:140px; background-color:#ebebe4; color:#aca899; }
.formFieldHome{ width:168px; background-color:#fff; }
.formFieldHomeDisabled{ width:168px; background-color:#ebebe4; color:#aca899; }
.formFieldFast{ width:328px; background-color:#fff; }

.formTextArea, .formTextAreaBig{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	border:1px solid #999999;
	padding:2px;
	background-color:#f7f7f7;
}
.formTextAreaBig{ width:400px; }

.formSelect, .formSelectBig, .formSelectMedium, .formSelectScale, .formSelectHome{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.formSelectBig	  { width:400px; }
.formSelectMedium { width:120px; }
.formSelectScale  { width:100%;  }
.formSelectHome   { width:198px; }

.formButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	border:1px solid #6cc067;
	background-color:#6cc067;
	width:80px;
}
