/*
Error reporting
---------------------
*/

#errorReport {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff3300;
	background-color: none;
}
#errorReport dt {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
#errorReport dd {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	border: none;
	background-color: transparent;
}

/*
Generic form elements
---------------------
*/

form {
	display: block;
	width: 550px;
	margin: 20px 0px 20px 0px;
}

form h2 {
	margin: 0px 0px 0px 0px !important;
	padding: 3px 3px 3px 8px !important;
	background-color: #3a3e91;
	background-image: url("/images/common/form_header_bg.jpg");
	background-repeat: repeat-x;
	color: #ffffff !important;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	line-height: 16px !important;
	text-align: left;
	text-transform: uppercase;
}

form h2.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	line-height: 18px !important;
	color: #393e90 !important;
	margin: 0px 0px 10px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-image: none !important;
	background-color: transparent !important;
	text-transform: none !important;
}

.mandatory {
	color: #ff3300;
}

form .formArea {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	background-color: #e9eeff;
	border-left: 1px solid #3a3e91;
	border-right: 1px solid #3a3e91;
	border-bottom: 1px solid #3a3e91;
}

form input.fullWidth, form textarea.fullWidth, form select.fullWidth {
	width: 370px;
}

form input.mediumWidth, form textarea.mediumWidth, form select.mediumWidth {
	width: 180px;
}

form input.smallWidth, form textarea.smallWidth {
	width: 75px;
}

form select.limitWidth {
	width: 150px;
}

form input.fileWidth {
	display: block;
	margin-bottom: 5px;
	width: 300px;
}

/*
Standard area elements
---------------------
*/

form .formArea.standard p {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 5px 9px;
}

form .formArea.standard label {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 9px 0px 9px;
	color:  #3a3e91;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

/*
Tabbed area elements
---------------------
*/

form .formArea.tabbed p {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 5px 160px;
	text-align: left;
}

form .formArea.tabbed label {
	display: block;
	position: absolute;
	top: 10px;
	left: 9px;
	width: 140px;
	color:  #3a3e91;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

/*
Other form elements
---------------------
*/

form .helpText  {
	font-size: 10px;
	line-height: 12px;
	color: #3a3e91;
	font-weight: normal;
}

form #submitArea {
	display: block;
	height: 50px;
	background-color: #3a3e91;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	background-image: url("/images/common/form_footer_bg.jpg");
	background-repeat: repeat-x;
}

form #submitArea p {
	margin: 0px 0px 0px 0px;
	padding: 12px 10px 0px 10px;
}

form #submitArea input {
	font-size: 12px;
	margin: 0px 15px 0px 15px;
}

form dd.approveCheckbox {
	position: relative;
	margin: -10px 0px 25px 0px;
	padding: 0px 0px 0px 0px !important;
	background-color: #393e90;
	color: #ffffff;
	font-weight: bold;
}
form dd.approveCheckbox input {
	position: absolute;
	top: 3px;
	left: 5px;
}
form dd.approveCheckbox label {
	display: block;
	margin: 4px 0px 6px 30px;
}