/*************************************************************************************************/
/* Author:		Vincis B.V.  / Rinse Stellingwerf                                                */
/* Description:	CSS for forms                                                             		 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* View settings                                                                             */
	/*********************************************************************************************/
	#containerForm
	{
	}	
		
	#containerForm table
	{
		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;
		float:					left;
		width:					609px;
		
		margin:					0;
		padding:				0 0 12px 0;
	}
	
	.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;
	}
	
	.fieldRow label
	{
		width:					170px;		
		padding-left:			8px;
		float:					left;
	}
	
	.fieldContent
	{
		width:					258px;		
		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:					200px;		
		float:					left;
	}
	
	.confirmFieldContent
	{
		width:					280px;	
		float:					left;	
	}
	
	.cm_input
	{		
		width:					240px;
		
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				1em;

		margin:					0;
		padding:				5px 8px 0 8px;
		height:					18px;
		min-height:				18px;

		border:					2px solid #92D6EF;
	}
	*>.cm_input
	{
	height:					auto;
	}
		
		.cm_input_zipcode
		{		
			width:					35px;
		}
		
		.cm_input_zipcode_char
		{		
			width:					25px;
		}
		
	.cm_select
	{
		width:					245px;
		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:					240px;

		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				1em;

		margin:					0;
		padding:				5px 8px 0 8px;
		height:					18px;
		min-height:				18px;

		border:					2px solid #92D6EF;
	}
	*>.cm_textarea
	{
		height:					auto;
	}
	
	.cm_fieldset
	{
		margin:					6px 0 24px 0;
		padding:				16px 0 16px 0;

		border-bottom:			2px solid #c93127;
	}
	
	.cm_fieldset legend span
	{		
		clear:					both;
		float:					left;
		display:				inline;
		
		font-weight:			bold;
		font-size:				1.72em;	/* 15px*/
		letter-spacing:			-1px;			
		
		width:					609px;
		line-height:			1.18em;	/* 20px */
		margin:					0;
		padding:				8px 0 0 0;
	}
	
		.cm_upload
		{		
			font-family: 			Arial, Helvetica, sans-serif;
			font-size:				1em;
	
			margin:					0;
			padding:				5px 8px 0 8px;
			height:					26px;
			min-height:				26px;
			width:					390px;
	
			border:					2px solid #92D6EF;
		}
		*>.cm_upload
		{
		height:					auto;
		}
	
	.cm_radio
	{
		float:					right;
		display:inline;
		padding:				0;
		margin:					0px 50px 0px 4px;
	}

	/*********************************************************************************************/
	/* Help settings                                                                    		 */
	/*********************************************************************************************/
	.fieldHelp
	{
		float:					left;
		position:				relative;
		width: 					220px; 
	}
	
	.fieldHelp a
	{	
		cursor:			default;
	}
	
		#totalContainer .fieldHelp a img
		{
			position:			absolute;
			left:				0;
			top:				0;
		}
		
			.fieldHelp a:hover
			{
				cursor:			default;
			}
	
		#totalContainer  .fieldHelp a span
		{
			display:			block;
			position:			absolute;
			left:				16px;
			top:				0;
			
	
			width: 					160px; 
			
			padding:				2px 0 0 0;
			margin:					0 0 0 8px;
			
			text-decoration:		none!important;
			line-height:			1.27em;
			
			font-size:				0.9em;	
			color:					#555;
			
		}	
		
			.fieldHelp a:hover span
			{
			}
		
	.fieldHelp strong
	{
		font-size:				8pt;
	}

	
	/*********************************************************************************************/
	/* 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
{
}