/*
	Submit Report Form CSS
	April 2006, Coedit Limited - http://www.coedit.co.uk/
*/


/* Bottom section: Form and form element CSS */
		#mainContent form {
			width: 398px;		/* Needed for IE to stop the form jumping down when touching floated content (peekaboo bug?) */
		}

		#mandatoryInstructions {
			margin-bottom: 0px;
			vertical-align:text-top;

		}

		#mainContent form h3 {
			margin-top: 16px;
		}

		body.reportingSection #mainContent form h3 {
			margin-top: 21px;
		}

		#mainContent .fieldSet {
			margin-top: 16px;
		}

		#mainContent .field {
			margin-top: 3px;
		}

		textarea {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.8em;
		}

		#mainContent label,
		#mainContent .label {
			font-size: 0.8em;
		}

		#mainContent .fieldNotes {
			color: #755E00;
			margin-bottom: 0px;
		}

		#mainContent form .clearer {
			clear: both;
		}

		#mainContent .validationErrorList,
		#mainContent .validationError {
			color: #CC0000;
			font-weight: bold;
		}

		#mainContent .validationErrorList p {
			margin-bottom: 3px;
		}
		#mainContent .validationErrorList ul,
		#mainContent .validationErrorList li {
			margin-top: 0px;
			padding-top: 0px;
			font-weight: normal;
		}

		#mainContent .bottomButtonContainer {
			padding-top: 6px;
		}

		#mainContent .fieldSetColumn {
			float: left;
			margin-right: 20px;
		}

		#mainContent .bottomButtonContainer .instructions {
			float: left;
			width: 250px;
		}

		#mainContent .bottomButtonContainer .button {
			float: right;
		}

		#submitReportButton {
			width: 112px;
			height: 25px;
		}
		
		
.reportTextBox
{
	font-size:0.8em;
}

.reportTextBoxRequired
{
	font-size: 0.8em;
	background-color: #fad1ce;
	border-right: #D84E47 1px solid;
	border-top: #D84E47 1px solid;
	border-left: #D84E47 1px solid;
	border-bottom: #D84E47 1px solid;
}

.required
{
	color:#cc0000;
	font-weight:bold;	
}
.reportDropDownList{
	font-size:0.8em;
}

.reportButtons{
	margin-top: 10px;
}
 .reportButtons .leftButton
{
	float: left;

}
.reportButtons .rightButton
{
	float: right;

}

.redTextOn
{
	color: #333399;
	background-color:#e5e5f2;
	font-weight:bold;
	padding:2px 2px 2px 2px; 
}
.redTextOff
{
	color: #333399;
	background-color:#ffffff;
	font-weight:normal; 
}
		#rightNavigation2 {
			/*font-size: 75%;*/
			float: right;
			height:1px;
			width:250px;
			
			position: relative;		/* Needed for IE */
			top: -2px;				/* Align baseline of heading with baseline of first line of body copy */
		}
		
/* Footer */
		/*
			Without this container, the "contact us" page (and presumably others) suffer from the Guillotine bug
			when some of the links are hovered over (http://www.positioniseverything.net/explorer/guillotine.html)
		*/
		#ieGuillotineBugFixingContainer {
			clear: both;
			height: 0px;
			overflow: hidden;
			font-size: 0px;
 		}

		/*
			Without this container, IE's peekaboo bug comes into play when the height of the content
			is less than the height of the left-hand nav (and possibly the right-hand nav, too)
		*/
		#iePeekabooBugFixingContainer {
			clear: both;
			height: 0px;
			overflow: hidden;
			font-size: 0px;
 		}
 		
#belowNavContainer {
position: relative;
width: 250px;
text-align :center;
height:1%;
padding-left:0px;
padding-right:0px;
margin-right:0px; 
}

.clearLeft
{
	clear:left; 
}
#mainContent #DivCeopReportChildIconContent
{
	float:none;
}	
#mainContent #DivCeopReportChildIconBehaviour
{
	float:none;
}