/*************************************************************************************************/
/* Author:		Vincis B.V.  / Rinse Stellingwerf                                                */
/* Description:	CSS for forms                                                             		 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* View settings                                                                             */
	/*********************************************************************************************/
	#containerForm
	{
		width:					100%;
		font-family: 			trebuchet MS, verdana, arial, sans-serif;		
	}	
		
	#containerForm table
	{
		width:					450px;
			
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 12px 0px;	
		
		border:					0x solid #cb0074;
	}
	
	#containerFormTrackingInfo
	{			
		padding:				6px 0px 6px 0px;
		margin:					0px 0px 0px 0px;
		
		border-top:				solid 1px #00A886;
		border-bottom:			solid 1px #00A886;			
	}
		
	.fieldRow
	{
		position:				relative;
		clear:					both;
		
		width:					440px;
		
		margin:					2px 2px 2px 2px;
		padding:				2px 2px 2px 2px;		
	}
	
	.fieldRowHidden
	{		
		display:				none;								
	}
	
	.fieldRowExtraInfo
	{
		height:					20px;
		
		clear:					both;
		color:					#999999;		
	
		margin:					2px 2px 2px 2px;
		padding:				10px 2px 2px 0px;
	}
	
	.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
	{
		background-image:		url(/sysimgs/formulier/error_small.gif);
		background-repeat:		no-repeat;
		background-position:	4px 4px;

		color:					#FF0000;
		border: 				solid 1px #FF0000;
		
		padding:				2px 2px 2px 24px;
		margin:					2px 2px 2px 2px;
	}
	
	.confirmFieldRow_1
	{
		position:				relative;
		clear:					both;
		
		vertical-align:			top;			
		background-color:		#E8DCEA;			
	}
	
	.confirmFieldRow_2
	{
		position:				relative;
		clear:					both;
		
		vertical-align:			top;		
		background-color:		#EFE6F1;		
	}
	
	.confirmFieldLabel
	{
		width:					120px;		
		float:					left;
	}
	
	.confirmFieldContent
	{
		width:					220px;	
		float:					left;	
	}
	
	.cm_input
	{		
		width:					275px;
		font-size:				1.0em;
	}
	
	.cm_select
	{
		width:					180px;
		height:					20px;
		font-size:				1.0em;		
	}
	
	.cm_multi
	{
		height:					auto!important;
		font-size:				1.0em;
	}
	
	.cm_textarea
	{
		width:					275px;
		font-family: 			trebuchet MS, verdana, arial, sans-serif;
		font-size:				1.0em;
	}
	
	.cm_fieldset
	{		
		padding:				0px 0px 10px 0px;
		margin:					0px 0px 10px 0px;
		
		border:					1px solid #cb0074;	
	}
	
	.cm_fieldset legend
	{		
		font-weight:			bold;
		color:					#000046;
	}
	
	.cm_upload
	{
		height:					19px;
		width:					179px;
	}
	
	.cm_radio
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 6px 0px 4px;
	}
	
	
	
	
	/*********************************************************************************************/
	/* Help settings                                                                    		 */
	/*********************************************************************************************/
	.fieldHelp
	{
		float:					right;
		
		width:					16px;
		height:					18px;						
	}
	
	.fieldHelp a
	{	
		display:				block;
		position: 				absolute;
		
		cursor:					help;
	}
	
	.fieldHelp a:hover
	{
		display:				block;
		position: 				absolute;
		
		font-weight:			normal;
		text-decoration:		none;
		font-size:				7pt;		
	}
	
	.fieldHelp a span
	{
		display:				none;	
		position: 				absolute;		
	}	
	
	.fieldHelp a:hover span
	{
		display:				block;
		position: 				absolute;
		z-index:				99;
		 		
		width: 					150px; 
		
		padding:				4px 4px 4px 4px;
		margin:					0px 0px 0px 4px;
											
		border:					dotted 1px #000000;
		color:					#000000;
		background-color:		#FFFFE1;
	}
	
	.fieldHelp strong
	{
		font-size:				8pt;
	}
	
	/*********************************************************************************************/
	/* Notification settings                                                                     */
	/*********************************************************************************************/
	#containerFormMail
	{
		width:					500px;
			
		font-family:			Arial, Helvetica;
		font-size:				8pt;
		line-height:			160%;		
	}
	
	#containerFormMail a
	{
		color:					#802991;
		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:				0px 0px 0px 0px;
		margin:					0px 0px 12px 0px;	
	}
	
	#containerLoketProductaanvraag table
	{
		border:					none;
	}
}

@media print
{
}

@media handheld
{
}