/*************************************************************************************************/
/* Author:		Vincis B.V.  / Rinse Stellingwerf                                                */
/* Description:	CSS for forms                                                             		 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* View settings                                                                             */
	/*********************************************************************************************/
	#containerForm
	{
		width:					450px;
	}	
		
	#containerForm table
	{
		width:					450px;
		margin:					0 0 12px 0;	
		padding:				0;
		
		border:					1px solid #AE83BB;
	}
	
	#containerFormTrackingInfo
	{
		margin:					0;
		padding:				6px 0 6px 0;
		
		border-top:				solid 1px #00A886;
		border-bottom:			solid 1px #00A886;
	}
		
	.fieldRow
	{
		position:				relative;
		clear:					both;
		
		width:					440px;
		
		margin:					2px;
		padding:				2px;
	}
	
	.fieldRowHidden
	{		
		display:				none;								
	}
	
	.fieldRowExtraInfo
	{
		clear:					both;
		
		height:					20px;
		margin:					2px;
		padding:				10px 2px 2px 24px;
		
		color:					#999999;		
		
		background-image:		url(/sysimgs/formulier/info_small.gif);
		background-repeat:		no-repeat;
		background-position:	2px 12px;
	}
	
	.fieldLabel
	{
		width:					130px;		
		float:					left;
	}
	
	.fieldContent
	{
		width:					294px;		
		float:					left;		
	}
	
	.fieldColumn_0
	{
		width:					100px;
		float:					left;
	}
	
	.fieldColumn_1
	{
		width:					100px;
		float:					left;		
	}
	
	.fieldColumn_2
	{
		width:					100px;		
	}
			
	.formError
	{
		padding:				2px 2px 2px 24px;
		margin:					2px;
		
		color:					#FF0000;
		
		background-image:		url(/sysimgs/formulier/error_small.gif);
		background-repeat:		no-repeat;
		background-position:	4px 4px;
		
		border: 				solid 1px #FF0000;
	}
	
	.confirmFieldRow_1
	{
		position:				relative;
		clear:					both;
		
		vertical-align:			top;			
		background-color:		#E8DCEA;			
	}
	
	.confirmFieldRow_2
	{
		position:				relative;
		clear:					both;
		
		vertical-align:			top;		
		background-color:		#FAE9FF;		
	}
	
	.confirmFieldLabel
	{
		width:					120px;		
		float:					left;
	}
	
	.confirmFieldContent
	{
		width:					220px;	
		float:					left;	
	}
	
	.cm_input
	{		
		width:					175px;
	}
		
		.cm_input_zipcode
		{		
			width:					35px;
		}
		
		.cm_input_zipcode_char
		{		
			width:					25px;
		}
		
	.cm_select
	{
		width:					180px;
		height:					20px;		
	}
		
		.cm_select_month
		{
			width:					40px;
		}
		
		.cm_select_year
		{
			width:					55px;
		}
		
		.cm_select_zipcode_radius
		{
			width:					55px;
		}
	
	.cm_multi
	{
		height:					auto !important;
	}
	
	.cm_textarea
	{
		width:					175px;
	}
	
	.cm_fieldset
	{
		margin:					0 0 10px 0;
		padding:				0 0 10px 0;
		
		
		border:					1px solid #AE83BB;
	}
	
	.cm_fieldset legend
	{		
		font-weight:			bold;
	}
	
	.cm_upload
	{
		height:					19px;
		width:					179px;
	}
	
	.cm_radio
	{
		padding:				0;
		margin:					0px 6px 0px 4px;
	}
	
	img#captchaImage
	{
		padding:			5px 0 5px 0;
		height:				60px;
		width:				180px;
	}
	
	/*********************************************************************************************/
	/* Help settings                                                                    		 */
	/*********************************************************************************************/
	.fieldHelp
	{
		color:					#555;
		
		font-family:			Tahoma;
		font-size:				0.9em;
		
		padding:				0 0 0 130px;
		width:					200px;
	}
	
	/*********************************************************************************************/
	/* Notification settings                                                                     */
	/*********************************************************************************************/
	#containerFormMail
	{
		width:					500px;
			
		font-family:			Arial, Helvetica;
		font-size:				8pt;
		line-height:			160%;		
	}
	
	#containerFormMail a
	{
		color:					#842D93;
		font-weight:			bold;
		text-decoration:		none;
	}
			
	#containerFormMail a:hover 
	{
		color:					#AE83BB;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	#containerFormMail .confirmFieldLabel
	{
		width:					180px;		
		float:					left;
	}
	
	#containerFormMail .confirmFieldContent
	{
		width:					320px;	
		float:					left;		
	}
	
	#containerFormMailContent table
	{
		border:					solid 1px #AE83BB;
		
		padding:				0;
		margin:					0px 0px 12px 0px;	
	}
	
	#containerLoketProductaanvraag table
	{
		border:					none;
	}
	
	
}

@media print
{
}

@media handheld
{
}