/*
 * $Id: processContent.css,v 1.1 2006-05-18 15:48:37 sven Exp $
 */

/* start over-rulling css properties here */
div.processedContent {
	padding: 10px 10px 10px 20px;
	color: #4d4d4d;
}

h3 {
	color: #E93B3A;
	font-size: 1.5em;
	font-weight: normal;
	margin: 20px 0;
}

div#step {
	background: #2B699A url('../images/pageLayout/content_step_bg.png') no-repeat;
	height: 48px;
	padding: 25px 0 0 20px;
}

div#step h2 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.6em;
	margin: 0;
}

div.processedContent div.block {
	line-height: 145%;
}

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

div.textCol img,
div.contentTextOneColumn img,
div.contentTextTwoColumns img	{
	margin: 10px;
	background-color: white;
}

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 {
	margin: 5px 0;
	color: #e93b3a;
	font-size: 1.5em;
	font-weight: normal;
}

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

form.psmForm {
	background: #f6f6f6;
	border-top: 1px solid #eeeeee;
	padding: 20px 0 20px 25px;
}

form.psmForm td.key {
	font-weight: bold;
	color: #666666;
	padding-right: 1em;
}
form.psmForm .required				{ color: red; }
form.psmForm tr.submitRow td	{ text-align: right;}

form.psmForm input.text,
form.psmForm textarea.text {
	border: 1px solid #9395a2;
	width: 250px;
	margin-bottom: 4px;
}
form.psmForm textarea.text		{ height: 60px;}
form.psmForm input.button 		{  }




/* 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: #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 */

/* RSS Feed */
div.rssFeed {}


/* 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 */