/*
 * $Id: processContent.css 51 2010-03-08 14:16:45Z danny $
 */

/* start over-rulling css properties here */
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #425545;
}


h3.lostPassword {
	margin-top: 0px;
	padding-left: 5px;
}

p.lostPassword {
	margin-top: 0px;
	padding-left: 5px;
}

div.boxFactuur table.moduleForm tbody tr td.header {
	padding-bottom: 0px;
}


div.processedContent {
	padding:10px;
}
div.processedContent div.block {
	line-height: 140%;
	font-size: 10pt;
	font-family: verdana, arial, helvetica, sans-serif;
}

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



div.textCol img,
div.contentTextOneColumn img,
div.contentTextTwoColumns img	{
	margin: 0px;
	background-color: white;
	border: 0px 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: 5px 0;
}

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; display:inline;}
img.inlineImageLeft		{ float: left; display:inline;padding-right:10px; }

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 */
div.formBody ul.errors 				{ color: #ff0000; }

form.psmForm td.key						{ padding-top: 2px; font-weight:bold; width:310px}
form.psmForm .required				{ font-size: 2.0em; font-weight: bold;  vertical-align: bottom; margin-left: 8px; line-height: 70%; }
form.psmForm tr.submitRow td	{ text-align: right;}

form.psmForm input.text,
form.psmForm textarea.text		{ width:250px;  }
form.psmForm textarea.text		{ height: 80px; }
form.psmForm input.submitButtonRight 		{ margin-left:300px; margin-top:20px; }



/* end form markup */

/* start signupform markup */

div#signupForm {
	padding: 9px;
}

div#myaccountForm {
	padding: 9px;
}

table.moduleForm {
	width: 100%;
	padding: 10px;
	color: #425545;
}

form.moduleForm td.header {
	font-size: 1.2em;
	font-weight: bold;
	/*padding-top: 20px;*/
}
form.moduleForm td.key {
	font-weight: normal;
	padding-right: 1em;
	padding-left: 20px;
	padding-top: 2px;
	/* padding-bottom: 3px;*/
	width: 300px;
	padding-top: 2px;
	font-weight: bold;
}

form.moduleForm td.value {
	padding-top: 2px;
	background-position: 0px -422px;
}
form.moduleForm span.formError	{ color: red; padding: 0 0 2px 0; font-size: 0.95em; font-weight: bold; display: block;}

form.moduleForm .required				{ font-size: 2.0em; font-weight: bold;  vertical-align: bottom; margin-left: 8px; line-height: 70%;}
form.moduleForm div.formError .required { color: red; }
form.moduleForm div.formError .text, form.moduleForm div.formError .shortText { border-color: red; color: red; }

form.moduleForm input.text,
form.moduleForm textarea.text		{ width: 200px;  border: 1px solid #7E9487;	margin-bottom: 2px;	color: #425545; }
form.moduleForm textarea.text		{ height: 60px;}
form.moduleForm input.checkbox		{ margin-left: 0; vertical-align: middle; }
form.moduleForm input.button 		{
	border: 2px solid #425545;
	background: #FFFFFF;
	margin-bottom: 5px;
}


form.moduleForm input.button:hover {
	cursor: pointer;
}

form.moduleForm .submitArea {
	position: relative;
	width: 100%;
	overflow: hidden;
}

form.moduleForm div#total_monthly_costs {
	border-top: 3px double #009900;
	width: 200px;
}

/* Login screen markup */

input.btnLogin {
	background: transparent url(../images/btn_background_small.gif) no-repeat scroll 0%;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 53px;
	padding-bottom: 10px;
	padding-right: 30px;
	margin-top: 10px;
	margin-left: 330px;
	width: 200px;
}

div.login p {
	margin-left: 20px;
}

/* END login screen markup */

div.moduleError {
	color: red;
	padding: 3px 5px;
	margin: 10px 10px;
	border: 1px solid red;
	background: lightgray;
	width: 679px;
}

div.moduleError ul {
	margin: 3px;
}

div.moduleError a {
	color: red;
}

/* end signupform 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: #efefef; font-weight: bold;}
table.documentTable tbody td { border-top: 1px solid #000000;  }
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 */

/* Newsblocks layout */
div.newsBlock {
	background: url('../images/fieldSil_whole.gif') no-repeat left bottom;
	padding-bottom: 25px;
}
div.newsItems{
	background: url('../images/fieldSil_whole.gif') no-repeat left top;
	padding: 10px 20px 0px 10px;
}

.newsBlock hr {
	height: 1px;
	color: #7F9588;
	background-color: #7F9588;
	border: 0;
	padding: 0px;
}

.newsBlock h3 {
	padding: 0 0 5px 0;
	margin: 0px;
}
.newsBlock td.more {
	font-size: 1.2em;
	text-align: right;
}
.newsItems a {
	text-decoration: none;
}
.newsBlock td.item {
	font-weight: normal;
	font-size: 0.95em;
}