/************************************************************************************************/
/* Created on: 		23-07-2007												                    */
/* Author:			R.Rispens 										                            */
/* Description:		Stylesheet for form module      									        */
/* Copyright:  		Vincis B.V. The Netherlands										            */
/************************************************************************************************/
/* Remarks:    	.                                                                               */
/************************************************************************************************/
/* Changes:                                                                                     */
/*                                                                                              */
/* Date        	Author		Remarks                                                             */
/************************************************************************************************/


@media screen
{
	#containerForm
	{
		width:					426px;
		padding:				0 10px 0 0;
	}
	
		#containerForm table
		{
			width:					416px;
			
			padding:				0;
			margin:					0 0 12px 0;
			
			border:					1px solid #00199f;
			font-size:				1.0em;
		}
	
	
	#containerFormTrackingInfo
	{			
		padding:				6px 0 6px 0;
		margin:					0;
		
		border-top:				solid 1px #00A886;
		border-bottom:			solid 1px #00A886;
	}
	
	.fieldRow
	{
		clear:					both;
		
		width:					416px;
		margin:					0;
		padding:				2px 0 2px 0;
	}
	
		.fieldLabel
		{
			float:					left;
			
			width:					155px;
			padding:				2px 0 0 0;
		}
		
		.fieldContent
		{
			float:					left;
			
			width:					240px;
		}
		
			.fieldColumn_0
			{
				width:					93px;
				float:					left;
			}
			
			.fieldColumn_1
			{
				width:					94px;
				float:					left;		
			}
			
			.fieldColumn_2
			{
				width:					93px;		
			}
		
		
		/*********************************************************************************************/
		/* Help settings                                                                    		 */
		/*********************************************************************************************/
		.fieldHelp
		{
			float:					right;
			
			width:					16px;
			height:					18px;						
		}
		
			.fieldHelp a
			{	
				display:				block;
				position: 				absolute;
				
				cursor:					help;
			}
			
				.fieldHelp a span
				{
					display:				none;
					position: 				absolute;
				}
			
			.fieldHelp a:hover
			{
				display:				block;
				position: 				absolute;
				
				font-weight:			normal;
				text-decoration:		none;
				font-size:				7pt;
			}
			
				.fieldHelp a:hover span
				{
					display:				block;
					position: 				absolute;
					z-index:				99;
					 		
					width: 					150px;
					
					padding:				4px;
					margin:					0px 0px 0px 4px;
					
					border:					dotted 1px #000000;
					color:					#000000;
					background-color:		#FFFFE1;
				}
		
		.fieldHelp strong
		{
			font-size:				8pt;
		}
	
	
	.fieldRowHidden
	{		
		display:				none;
	}
	
	.fieldRowExtraInfo
	{
		clear:					both;
		
		height:					20px;
		margin:					2px;
		padding:				10px 2px 2px 0px;
		
		color:					#999999;		
	}
	
	
	.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:		#dfe3ff;			
	}
	
	.confirmFieldRow_2
	{
		position:				relative;
		clear:					both;
		
		vertical-align:			top;		
		background-color:		#f4f4f4;		
	}
	
	.confirmFieldLabel
	{
		width:					120px;
		float:					left;
	}
	
	.confirmFieldContent
	{
		width:					220px;
		float:					left;
	}
	
	.cm_input
	{
		width:					225px;
	}
	
	.cm_select
	{
		width:					225px;
		height:					20px;
	}
	
	.cm_multi
	{
		height:					auto !important;
	}
	
	.cm_textarea
	{
		width:					225px;
	}
	
	.cm_fieldset
	{
		padding:				0 5px 10px 5px;
		margin:					0 0 10px 0;
		
		border:					1px solid #00199f;
		clear:					both;
	}
	
		.cm_fieldset legend
		{
			font-weight:			bold;
			color:					#000000;
		}
	
	.cm_upload
	{
		height:					19px;
		width:					179px;
	}
	
	.cm_radio
	{
		padding:				0;
		margin:					0 6px 0 4px;
	}
	
	
	
	/*********************************************************************************************/
	/* 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:					#00199f;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	#containerFormMail .confirmFieldLabel
	{
		width:					180px;		
		float:					left;
	}
	
	#containerFormMail .confirmFieldContent
	{
		width:					320px;	
		float:					left;		
	}
	
	#containerFormMailContent table
	{
		border:					solid 1px #00199f;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 12px 0px;	
	}
	
	#containerLoketProductaanvraag table
	{
		border:					none;
	}
	
	/*********************************************************************************************/
	/* DataB Results                                                                             */
	/*********************************************************************************************/
	.hdrDataB
	{
		font-weight:		bold;
		margin-bottom:		10px;
	}
	
	.tblDataB
	{
		border-collapse:	separate!important;
	}
	
	.tblDataB th, .tblDataB td 
	{
		font-family:		arial; 
		font-size:			8pt;
		padding: 			2px;

		text-align:			left;
		vertical-align: 	top;
	}
	
	.tblDataB th
	{
		background-color: 	#00199F;
		color:				#ffffff;
		font-weight:		bold;
	}
	
	.tblDataB td ul
	{
		list-style-type:	none;
		margin:				0px;
	}

	.tblDataB td ul li
	{
		margin-left:		5px;
	}

	.tblDataB td ul li img
	{
		margin-right:		8px; 
	}

	.tblDataB td ul li a
	{
		font-weight:		normal;
	}
	
}


/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{
}


/*************************************************************************************************/
/* Handheld styles                                         									 	 */
/*************************************************************************************************/
@media handheld
{
}