/*
 * $Id: processContent.css,v 1.11 2007-08-14 08:34:29 joris Exp $
 */

/* start over-rulling css properties here */
div.processedContent {
	font-size: 0.9em;
}
div.processedContent div.block {
	line-height: 145%;
	width: 508px;
	padding: 0 15px;
}
div.formBlock {
	/*margin-right: -298px;*/
	width: 836px;
	margin-left: -15px;
	margin-right: -15px;
}

div.clearLeft, div.clearImage {
	clear: left;
}
div.clearRight {
	clear: right;
}

div.textCol img,
div.contentTextOneColumn img,
div.contentTextTwoColumns img	{
	margin: 10px;
	background-color: white;
	border: 1px solid #000000;
}

div.contentTextTwoColumns {
	float: left;
	display: inline;
	position: relative;
	width: 48%;
	padding-right:2%;
}
/*
div.contentTextOneColumn {
	line-height: 150%;
}*/

div.imageOneColumn {
	position:relative;
	width:200px;
	padding-right:5px;
}

div.imageTwoColumns {
	padding: 10px;
	float: left;
	width: 200px;
}


/* end over-rulling css properties here */

/* start processedContent markup */

div.processedContent h2.title {
	font-size: 1.3em;
	font-weight: bold;
	margin: 10px 15px 5px 15px;
}

div.processedContent div.block {
	margin-bottom: 10px;
}

div.processedContent img.imageOneColumn {
	padding: 5px;
	float:left;
}

div.processedContent img.imageTwoColumns {
	float:left;
	padding:5px;
}
/* end plaincontent markup */

/* start content inline image markup */
img.inlineImageLeft, img.inlineImageRight {
	margin: 10px;
}
img.inlineImageRight 	{ float: right; }
img.inlineImageLeft		{ float: left; }

div.inlineImageRight, div.inlineImageLeft {
	background-color: #efefef;
	border: 1px solid #000000;
	padding: 5px;
	width: 200px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
div.inlineImageRight { float: right; margin-left: 5px;}
div.inlineImageLeft { float: left; margin-right: 5px;}
/* end content inline image markup */


/* start form markup */
/*form.psmForm table { width: 95%; }*/
form.psmForm td 				{ padding: 1px; }
form.psmForm td.key				{ font-weight: bold; padding-right: 1em; padding-left: 6px; width: 140px;}

form.psmForm .required			{ color: #F17C0E; font-weight: bold;}
form.psmForm tr.submitRow td	{ text-align: right;}

form.psmForm input.text,
form.psmForm textarea.text		{ width:300px;  color: #890857; padding: 1px; border: 1px solid #890857; }
form.psmForm textarea.text		{ height: 60px;}
form.psmForm textarea.bigText	{ height: 150px; width: 320px;}
form.psmForm input.button 		{
	background: #890857;
	font-size: 11px;
	font-weight: bold;

	color: white;
	padding: 3px 10px;
	border: 0;
	cursor: pointer;
}
input.btnNext, input.btnBack	{ background: transparent url('../images/framework/btn_verder.gif') no-repeat; border: 0; height: 69px; width: 69px; font-size: 0; line-height: 0; color: #890857; cursor: pointer; margin-right: 10px; }
input.btnBack					{ background-image: url('../images/framework/btn_terug.gif'); }


/* end form markup */

/* Start document table markup */

table.documentTable				{ margin-top:10px; margin-bottom:10px; width: 100%; }
table.documentTable td		{ padding: 2px; }
table.documentTable a			{ }
table.documentTable thead td { background-color: #890857; font-weight: bold; color: white;}
table.documentTable tbody td { border-top: 1px solid #890857;  }
table.documentTable td.docIcon { text-align: center; width: 7%;}
table.documentTable td.docFile { width: 58%;}
table.documentTable td.docSize { width: 15%;}
table.documentTable td.docDownload { white-space: nowrap; width: 20%;}

/* End document table markup */


/* start login screen markup */

	table#contentLogin {}
	table#contentLogin td {	padding:3px;}

	table#contentLogin td.leftCol,
	table#contentLogin td.rightCol,
	table#contentLogin td.footer,
	table#contentLogin td.spacer {
		background-color: #efefef;
		color: #212121;
		vertical-align: middle;
	}
	table#contentLogin td.spacer { height:5px;}
	table#contentLogin td.leftCol {
		text-align:right;
		font-weight:800;
		line-height:150%;
	}
	table#contentLogin td.rightCol { width:80%; }
	table#contentLogin td.body {
		background-color:#aeaeae;
		color:#ffffff;
		padding: 9px 7px 9px 7px;

	}
	table#contentLogin td.footer {}

	table#contentLogin input.text { width:200px;}
	table#contentLogin input.inputButton { cursor: pointer;	}
/* end login screen markup */