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

#errorReport {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 4px 0px;
	background-color: #ffdddd;
	color: #cc0000;
}
#errorReport dt {
	margin: 0px 0px 6px 0px;
	padding: 5px 8px 5px 8px;
	background-color: #cc0000;
	color: #ffffff;
}
#errorReport dd {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 8px;
}

#genericForm {
	display: block;
	width: 475px;
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#genericForm h2 {
	display: block;
	margin: 0px 0px 1px 0px;
	padding: 2px 2px 2px 9px;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	font-weight: bold;
	background-color: #29398b;
}

.mandatory {
	color: #ff3300;
}

p.formText {
	padding: 3px 9px 5px 9px;
	margin: 0px 0px 0px 0px;
	color: #3a4f8d;
	font-size: 14px;
}

#genericForm .formArea {
	display: block;
	position: relative;
	clear: both;
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 5px 0px;
	background-color: #e7eaf7;
}
#genericForm .formAreaNoGap {
	margin: 0px 0px 0px 0px;
}

#genericForm .darkerArea {
	background-color: #c8cde2 !important;
}

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

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

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

form select.limitWidth {
	width: 150px;
}

form select.smallWidth {
	width: 40px;
}

form input.miniWidth {
	width: 20px;
}

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

#genericForm .formArea.standard p {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 5px 9px;
	font-size: 12px;
	line-height: 15px;
}

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

#genericForm .formArea.standard ul {
	margin: 5px 30px 0px 25px;
}

#genericForm .formArea.standard ul li {
	font-size: 12px;
	line-height: 15px;
	padding: 0px 0px 5px 20px;
	background-image: url("/images/common/list_bullet_form.gif");
	background-position: 0px 2px;
}

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

#genericForm .formArea.tabbed p {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 5px 162px;
}

#genericForm .formArea.tabbed p.extraPadding {
	padding: 10px 9px 8px 162px;
}

#genericForm .formArea.tabbed p.extraBottomPadding {
	padding: 5px 9px 10px 162px;
}

#genericForm .formArea.tabbed ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 5px 155px;
}

#genericForm .formArea.errorText p {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 5px 9px;
	color: #ff0000;
	font-weight: bold;
}

#genericForm .formArea.tabbed label {
	display: block;
	position: absolute;
	top: 11px;
	left: 9px;
	width: 135px;
	color: #3a4f8d;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

#genericForm .formArea.tabbedRating p {
	margin: 0px 0px 0px 0px;
	padding: 10px 9px 10px 335px;
}

#genericForm .formArea.tabbedRating label {
	display: block;
	position: absolute;
	top: 11px;
	left: 9px;
	width: 310px;
	color: #3a4f8d;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

#jsActivator #genericForm .formArea.tabbedRating .ratingDropDown {
	display: none;
}
#genericForm .formArea.tabbedRating .ratingStars {
	/*display: none;*/
}
#jsActivator #genericForm .formArea.tabbedRating .ratingStars {
	display: block;
	position: relative;
	margin: 10px 0px 0px 345px;
	padding: 0px 0px 0px 0px;
	width: 130px;
	height: 34px;
	background-image: url("/images/feedback/rating_bg.gif");
	background-repeat: no-repeat;
}
.ratingStars .star1, .ratingStars .star1:visited, .ratingStars .star2, .ratingStars .star2:visited, .ratingStars .star3, .ratingStars .star3:visited, .ratingStars .star4, .ratingStars .star4:visited, .ratingStars .star5, .ratingStars .star5:visited {
	display: block;
	top: 1px;
	position: absolute;
	width: 22px;
	height: 22px;
	background-image: none;
	background-repeat: no-repeat;
}
.ratingStars .star1 {
	left: 8px;
}
.ratingStars .star2 {
	left: 31px;
}
.ratingStars .star3 {
	left: 54px;
}
.ratingStars .star4 {
	left: 77px;
}
.ratingStars .star5 {
	left: 100px;
}
.ratingStars .starOn {
	background-image: url("/images/feedback/rating_star.gif") !important;
}

/*
Three column elements
---------------------
*/

#genericForm .threecol input {
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 11px;
	left: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#genericForm .threecol label {
	display: block;
	margin: 0px 225px 0px 0px;
	padding: 5px 0px 5px 32px;
	line-height: 14px;
	color: #3a4f8d;
	font-weight: bold;
}

#genericForm .threecol select {
	display: block;
	position: absolute;
	top: 6px;
	right: 10px;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*
Multi column elements
---------------------
*/

.multiColumns {
	margin: 7px 0px 7px 0px;
	padding: 0px 0px 0px 143px;
	_padding-left: 140px;
	text-align: left;
}

.multiColumnsExtraPad {
	margin: 7px 0px 14px 0px;
	padding: 0px 0px 0px 143px;
	_padding-left: 140px;
	text-align: left;
}

.multiColumns .column, .multiColumnsExtraPad .column {
	position: relative;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	float: left;
	width: 65px;
	text-align: center;
}

.multiColumns .column .helpText, .multiColumnsExtraPad .column .helpText {
	display: block;
	margin: 3px 5px 0px 5px !important;
	padding: 0px 0px 0px 0px !important;
}

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

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

#genericForm .helpTextBold {
	font-size: 11px;
	line-height: 12px;
	color: #ff0000;
	font-weight: bold;
}

.formAreaSpacer  {
	display: block;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1px;
	line-height: 1px;
}

#genericForm #submitArea {
	display: block;
	background-color: #29398b;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}

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

#genericForm #submitArea input {
	font-size: 12px;
	margin: 0px 30px 0px 30px;
}