/*************************************************************************************************/
/* Author:		Vincis B.V.  / Rinse Stellingwerf                                                */
/* Description:	CSS for forms                                                             		 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* View settings                                                                             */
	/*********************************************************************************************/
	#containerFormTrackingInfo
	{			
		padding:				6px 0 6px 0;
		margin:					0;
		
		border-top:				solid 1px #00A886;
		border-bottom:			solid 1px #00A886;
	}
		.cm_fieldset
		{
			float:					left;
			width:					466px;
			margin:					0 0 10px 0;
			padding:				0 0 10px 0;
			
			border:					1px solid #ccc;
		}
		
			.cm_fieldset legend
			{		
				color:					#fa8d0c;
				font-weight:			bold;
				padding:				0 0 3px 0;
				margin:					0 0  0 8px; /* FF fix */
				*margin:				0;
			}
			
			.fieldRow
			{
				clear:					both;
				position:				relative;
				
				width:					455px;
				margin:					2px;
				padding:				2px 2px 2px 6px;
			}
			
			.fieldRowHidden
			{		
				display:				none;
			}
			
			.fieldRowExtraInfo
			{
				float:					left; /* FF fix */ 
				*float:					none;
				clear:					both;
				
				height:					20px;
				margin:					10px 2px 15px 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:					125px;
				float:					left;
			}
		
			.fieldContent
			{
				width:					300px;
				float:					left;
			}
			
				.labelLarge .fieldLabel
				{
					float:					none!important;
					width:					300px!important;	
				}
				
				.labelLarge .fieldContent
				{
					margin:					0;
					padding:				0 0 0 0px;	
				}
	

	
			.fieldColumn_ 0
			{
				width:					125px;
				float:					left;
			}
		
			.fieldColumn_1
			{
				width:					125px;
				float:					left;		
			}
		
			.fieldColumn_2
			{
				width:					125px;		
			}
		
		.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;
		}
		
		.confirmFieldRow_1
		{
			position:				relative;
			clear:					both;
			
			vertical-align:			top;			
			background-color:		#e0e0e0;			
		}
		
		.confirmFieldRow_2
		{
			position:				relative;
			clear:					both;
			
			vertical-align:			top;		
			background-color:		#efefef;		
		}
		
		.confirmFieldLabel
		{
			width:					120px;		
			float:					left;
		}
		
		.confirmFieldContent
		{
			width:					220px;	
			float:					left;	
		}
		
		.cm_input
		{		
			width:					280px;
		}
		
		.cm_select
		{
			width:					275px;
			height:					20px;
		}
		
		.cm_multi
		{
			height:					auto !important;
		}
		
		.cm_textarea
		{
			width:					280px;
		}
		
		
		
		.cm_upload
		{
			height:					20px;
			width:					375px;
			padding:				2px;
		}
		
		.cm_radio
		{
			padding:				0;
			margin:					0 6px 0 4px;
		}
	
	/*********************************************************************************************/
	/* Help settings                                                                    		 */
	/*********************************************************************************************/
	.fieldHelp
	{
		float:					right;
		
		height:					18px;
		width:					25px;
		padding:				5px 0 0 0;
		
	}
	
	.fieldHelp a
	{	
		display:				block;
		position: 				absolute;
		
		cursor:					help;
	}
	
	/* =Mail2Friend styles  */
	#mailfriendform
	{
		float:					left;
		padding:				10px 0 0 0;
	}
	
		.fieldHelp a img
		{
			padding: 0!important;
			margin: 0!important;
			
			border:	none!important;
		}
	
	
	.fieldHelp a:hover
	{
		display:				block;
		position: 				absolute;
		
		font-weight:			normal!important;
		text-decoration:		none!important;
		font-size:				0.9em;		
	}
	
	.fieldHelp a span
	{
		display:				none;	
		position: 				absolute;
	}	
	
	.fieldHelp a:hover span
	{
		display:				block;
		position: 				absolute;
		z-index:				99;
		 		
		width: 					150px; 
		
		padding:				4px;
		margin:					0 0 0 4px;
		
		text-decoration:		none!important;
		
		
		border:					dotted 1px #333;
		color:					#000000;
		background-color:		#e8e8e8;
	}
	
	.fieldHelp strong
	{
		font-size:				8pt;
	}
	
	#captchaImage
	{
		margin:					10px 0 5px 0;
		width:					285px!important
	}
	
	#fieldRowButtons
	{
		float:					left;
		margin:					10px 0 0 0;
		font-size:				1.05em; /* FF fix */
		*font-size:				1.0em;
	}
	
	#containerConfirm .radiogroup 
	{	
		float:				left;
	}
	
	#containerConfirm .checkboxgroup 
	{	
		float: 				left;
	}
	
	/*********************************************************************************************/
	/* 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:					#e8e8e8;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	#containerFormMail .confirmFieldLabel
	{
		width:					180px;		
		float:					left;
	}
	
	#containerFormMail .confirmFieldContent
	{
		width:					320px;	
		float:					left;		
	}
	
	#containerFormMailContent table
	{
		position:				relative;			 /* to avoid stylingsissues in Outlook 2002 or lower version */
		float:					left; 				/* to avoid stylingsissues in Outlook 2002 or lower version */ 

		border:					solid 1px #e8e8e8;
		
		padding:				0;
		margin:					0 0 12px 0;	
	}
	
	#containerLoketProductaanvraag table
	{
		border:					none;
	}
}

@media print
{
}

@media handheld
{
}