/*
 * $Id: processContent.css 61 2009-07-08 08:11:53Z root $
 */

/* start over-rulling css properties here */
	table.processedContent * {
		line-height:150%;
		color:#000;
	}
	table.processedContent td span.header {
		display:block;
		float:left;
		width:100%;
		background-color:Green;
	}
	
	div.contentTextOneColumn img,
	div.contentTextTwoColumns img				{ margin:10px!important; background-color:White; }
	
	table.processedContent td span				{ font-size:100%; }
	table.processedContent td.textCol td		{ vertical-align:top; }
	table.processedContent td.textCol table		{ width:100%!important; }
	table.processedContent hr					{ height:1px; color:#003F06; }
	table.processedContent td.textCol a			{ color:#E20001;}
	table.processedContent td.textCol a:hover	{ }
	/* fix me padding10 */
	table.processedContent td.textCol			{ }
	div.contentTextTwoColumns					{ padding-right:15px;}
	
/* end over-rulling css properties here */
	
/* start main content table markup */
	table.mainContent						{ width:100%;}
	table.mainContent td.contentBlock		{ width:100%; padding:0;}
/* end main content table markup */

/* start content table markup */
	table.contentTable						{ width:100%; }
	table.contentTable td.contentCol		{ width:100%; }
	
	table.contentTable img					{ }
/* end content table markup */

/* start processedContent markup */
	table.processedContent					{ width:100%;}
	table.processedContent td				{ }
	table.processedContent td.title,
	table.processedContent td.title	{
		background:url(/images/framework/blockTitleGradient.gif) left top repeat-y;
		background-color:#FF6600;
		color:White;
		font-size:11px;
		font-weight:800;
		padding:2px;
		padding-left:10px;
		border-bottom:15px solid #848A98;
		height:30px;
		font-size:13px;
	}
	table.processedContent td.formBlock		{ width:100%; }
	table.processedContent td.textCol		{
		vertical-align:top;
		background-color:#E1E7EA;
		padding:10px 20px 20px 20px;
	}
	table.processedContent td.imageCol		{ vertical-align:top; vertical-align:top; padding:10px;}
	
/* end plaincontent markup */

/* start content inline image markup */
	img.inlineImageLeft		{ margin-bottom:8px; margin-right:20px;}
	img.inlineImageRight	{ margin-bottom:8px; margin-left:20px;}
	
/* start content form */
	table.formTable			{ width:100%; }
	table.formTable td.formBody	{ width:100%; text-align:left;}
/* end content form */

/* start contact form markup */
	div.formFooter {
		font-size:1px;
		border-bottom:1px solid #848A98;
		margin-bottom:10px;
	}
	table.ContactForm					{ width:100%; background-color:#D6DEE2;}
	table.ContactForm input,
	table.ContactForm textarea			{ padding:1px; padding-left:4px; width:70%; height:20px; vertical-align:middle;}
	table.ContactForm textarea			{ height:100px;}
	table.ContactForm td				{ padding:3px;}
	table.ContactForm td.subHeader 		{ font-size:1px; height:10px;}
	table.ContactForm td.header,
	table.ContactForm td.ErrorTop		{ 
		color:#000;
		font-size:11px;
		font-weight:800;
		padding:2px;
		padding-left:10px;
	}
	table.ContactForm td.colLeft		{ padding-left:16px;}
	table.ContactForm td.description	{ font-weight:800;}
	table.ContactForm td.longDesc		{ padding:10px 2px 10px 2px;}
	table.ContactForm td.Error			{ color:Red; }
	table.ContactForm td.error			{ color:red; padding-left:15px;}
	table.ContactForm .Error			{ color:Red; }
	table.ContactFormSubmit				{ width: 80%; padding:0; margin:0; border:0; border-collapse:collapse; color:#510701; font-size:13px;}
	
/* end contact form markup */

/* Start document table makrup */
	table.documentTable				{ width:100%; margin-top:10px; margin-bottom:10px;}
	table.documentTable td			{ }
	table.documentTable a			{ }
	table.documentTable a.fname		{ color:#000!important; font-weight:800;} 
	table.documentTable thead td	{ background-color:#848A98; color:#fff; font-weight:800;}
	table.documentTable tbody td	{ padding:3px; padding-left:0; vertical-align:top; border-bottom:1px dashed #848A98;}
	table.documentTable img.Icon	{ border:0; }
/* End document table makrup */

/** Start sitemap markup	*/
	table.sitemap					{ width:100%; }
	table.sitemap td				{ padding:2px; }
	table.sitemap td.pageDefault	{ }
	table.sitemap td.pageRoot		{ font-weight:800; padding-top:15px; }
	table.sitemap td a				{ text-decoration:none; color:Black; }
	table.sitemap td a:hover		{ color:#FF0000; }
	table.sitemap img				{ margin-right:5px; }
/** End sitemap markup	*/


/* start search function markup */
	table.searchResults {
		width:95%;
		margin:10px;
	}
	table.searchResults td {
		padding:0;
		margin:0;
	}
	table.searchResults td.SRtitle {
		padding-top:5px;
	}
	table.searchResults td.SRtitle a {
		font-weight:800;
		text-decoration:none;
	}
	table.searchResults td.SRcounter {
		vertical-align:top;
		width:3%;
		padding:0;
		padding-right:7px;
		padding-top:5px;
		font-weight:800;
	}
	table.searchResults td.SRtitle a:hover {
		text-decoration:underline;
	}
	table.searchResults td.SRdescription {
		width:97%;
		line-height:170%;
		padding-bottom:5px;
	}
	table.searchResults span.SRlocation {
		font-size:9px;
		color:#81BFEE;
	}
	table.searchResults td.SRseparator {
		border-style:solid;
		border-color:#CECECE;
		border-width: 0 0 1px 0;
	}
	table.searchResults span.highLight {
		font-weight:800;
	}
	table.navigation {
		margin-top:5px;
		margin-bottom:5px;
		margin-left:10px;
		width:95%;
		background-color:#848A98;
		border:1px solid #fff;
	}
	table.navigation td {
		color:#C0C0C0!important;
		padding:2px;
	}
	table.navigation a {
		color:#fff;
		text-decoration:none;
		padding-right:14px;
	}
	table.navigation a:hover {
		text-decoration:underline;
	}
	table.navigation a.selected {
		font-weight:800;
	}
	table.navigation td.left,
	table.navigation td.right {
		color:#A6A9C9;
		width:10%;
	}
	table.navigation td.main {
		width:80%;
	}
	table#searchInputBox {
		width:100%;
		margin-bottom:10px;
	}
	table#searchInputBox td {
		padding:2px;
		color:White;
	}
	table#searchInputBox td.header {
		font-weight:800;
	}
	table#searchInputBox td.body {
		background-color:#2B8CEB;
	}
	div.searchInfo {
		color:#00277C;
		padding: 0;
		margin-bottom:10px;
		margin-left:11px;
	}
	div.searchBox input {
		width:150px;
		border:1px solid #848A98;
		font-family:Arial;
		font-size:12px;
		padding:1px;
		padding-left:3px;
		height:22px;
		margin-left:10px;
	}
	div.searchBox {
		width:100%;
		border-bottom:1px solid #AEB2BB;
		background:url(/images/framework/blockTitleGradient.gif) left top repeat-y;
		background-color:#FF6600;
		padding:5px;
		margin-bottom:10px;
		font-weight:800;
		color:#fff!important;
		font-size:13px;
	}
/* end search function markup */

/* start login screen markup */
	div.loginScreen {
		position:relative;
		z-index:10;
		width:100%;
	}
	table.contentLogin {
		width:100%;
		background-color:#D6DEE2;
	}
	table.contentLogin td {
		line-height:150%;
		padding:3px;
	}
	table.contentLogin td.title {
		background:url(/images/framework/blockTitleGradient.gif) left top repeat-y;
		background-color:#FF6600;
		color:White;
		font-size:11px;
		font-weight:800;
		padding:2px;
		padding-left:10px;
		border-bottom:15px solid #848A98;
		height:30px;
		font-size:13px;
	}
	table.contentLogin td.leftCol,
	table.contentLogin td.rightCol,
	table.contentLogin td.footer,
	table.contentLogin td.spacer {
		color:#000;
		vertical-align:center;
	}
	table.contentLogin td.spacer {
		height:5px;
	}
	table.contentLogin td.leftCol {
		padding-left:15px;
		width:30%;
	}
	table.contentLogin td.rightCol {
		width:70%;
	}
	table.contentLogin td.body {
		line-height:160%;
		padding:10px;
		padding-left:15px;
		padding-bottom:20px;
	}
	table.contentLogin td.footer {
		padding:6px 0 6px 2px;
	}
	table.contentLogin input {
		height:19px;
		width:200px;
	}
	table.contentLogin a {
		text-decoration:none!important;
		padding-left:3px;
		color:#A40000;
	}
/* end login screen markup */

/* Questionnaire markup */
div#contentQuestionnaire {
	margin: 10px 20px 20px 20px;
}
#contentQuestionnaire h4.qHeader {
	margin: 5px 0 5px 0;
	font-size: 1.2em;
}
#contentQuestionnaire h5.qDesc {
	padding: 1px;
	border-top: 1px solid #848A98;
	font-size: 100%;
	margin: 0 0 4px 0;
	font-weight: bold;
}
#contentQuestionnaire div.qBody {
	margin-bottom: 6px;
}

#contentQuestionnaire div.qBody input.selection {
	border-width: 0;
	height: auto;
}
#contentQuestionnaire div.qBody textarea {
	width: 300px;
	height: 70px;
}