﻿/**********************************
	formGrid
 **********************************/

/**********************************
	Settings
 **********************************/
fieldset.formGrid
{
	Border:0;
}


legend
{	
	padding: 0px 2px 0px 2px;
	background-color: #0CACBC;
	border: solid 1px #000;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}

fieldset.formGrid h1,
fieldset.formGrid h2,
fieldset.formGrid h3,
fieldset.formGrid h4,
fieldset.formGrid h5,
fieldset.formGrid h6
{
	clear:both;
	
}


fieldset.formGrid input
{

}

fieldset.formGrid div.container
{
	border:1px solid #eee;
	margin-right:5px;
	background-color: #f9f9f9;
}

fieldset.formGrid div.hidden
{
	display: none;
	visibility: hidden;	
}

/**********************************
	Layout
 **********************************/

fieldset.formGrid div.formRow,
fieldset.formGrid div.formRowBig,
fieldset.formGrid div.formRowWidgets
{
	clear:both;
	padding:5px;
	*height:1%;
	padding-bottom:5px;
}

fieldset.formGrid div.formRow input.error,
fieldset.formGrid div.formRowBig input.error,
fieldset.formGrid div.formRowWidgets input.error
{
	border:1px solid red;
}

fieldset.formGrid div.formRow:after,
fieldset.formGrid div.formRowBig:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

fieldset.formGrid .formRow label
{
	position: relative;
	float: left;
	display: block;
	margin: 1px 0 0 0;
	padding: 0 0 0 1%;
	line-height: 100%;
}

fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons
{
	float:left;

}

fieldset.formGrid div.formRow div.horizontalCheckBoxes input,
fieldset.formGrid div.formRow div.horizontalRadioButtons input
{
	float:left;
	width:auto;
	margin-right:2px;

}

fieldset.formGrid div.formRow div.horizontalRadioButtons label,
fieldset.formGrid div.formRow div.horizontalCheckBoxes label
{
	width:auto;
	margin-right:2px;
}

fieldset.formGrid div.formRow input,
fieldset.formGrid div.formRow select,
fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons
{

  vertical-align:middle;
}

fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons
{
	float:left;
}

fieldset.formGrid div.formRow div.verticalRadioButtons label,
fieldset.formGrid div.formRow div.verticalCheckBoxes label
{
	float:none;
}

fieldset.formGrid div.formRow div.verticalRadioButtons input,
fieldset.formGrid div.formRow div.verticalCheckBoxes input
{
	width:auto;
}

fieldset.formGrid div.formRowBig textarea
{
	float:left;
}

fieldset.formGrid div.formRowBig select
{
	display:block;
}



/**********************************
	Widths
 **********************************/

fieldset.formGrid div.formRowBig label,
fieldset.formGrid div.formRow label
{
	width:100px;
	padding-left:10px;
}

fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons
{
	width:170px;
}

fieldset.formGrid div.formRow input,
fieldset.formGrid div.formRow select,
fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons
{
	width:160px;

}

fieldset.formGrid div.formRow textarea
{
	width:160px;
}

fieldset.formGrid div.formRowBig select
{
	width:300px;
}
/**********************************
	MultiColumns
 **********************************/

/* two columns 50/50 */
fieldset.twoColumnsEqual div.left,
fieldset.twoColumnsEqual div.right
{
	float:left;
	width:50%;
}

/* two columns small/big */
fieldset.twoColumnsSmallBig div.right,
fieldset.twoColumnsSmallBig div.left
{
	float:left;
}
fieldset.twoColumnsSmallBig div.right
{
	width:70%;
}
fieldset.twoColumnsSmallBig div.left
{
	width:30%;
}

/**********************************
	for all css
 **********************************/

#gastenBoekBeheer {color:black}
#gastenBoekBeheer .button {color:black;border:1px solid}
#gastenBoekBeheer small {color:black}
#reportageDetails .nouploadtext { color:Red; }