/*---------------------------------------------------------*/
/*-- Generic Forms ----------------------------------------*/
/*---------------------------------------------------------*/

/*
*	Special row classes (added to form_row):
*	
*	invalid_row			-	An invalid row
*	no_label			-	Row with no left label
*	checkbox_list		-	A row containing one or more checkboxes / radio buttons
*	center_aligned		-	Row with a center aligned input
*	button_row			-	Row containing buttons (will be aligned to right)
*
*/

.form_row .medium {
	width: 200px;
}

.form_row_index{
	float:left;
	clear:both;
	margin:0 0 5px 0;
	*width:100%;	
}

.form_wrap {
	margin:20px 15px;
	overflow:hidden;
	width:580px;
}

.form_wrap.index{
	margin:0 15px 10px 15px;
	width:290px;
}

.form_row {
	margin:5px 0;
	overflow:hidden;
	clear:both;
}

fieldset{
	border:none;	
}

legend{
	font-size:17pt;
	color:#5b615f;
	overflow:hidden;
	padding:10px 0 10px;
}

.form_wrap.index button{
	float:right;
	margin:0 0 0 20px;
	display:inline;
}

.form_row label						{ width:100px; }		/* Label (should be equal) */
.form_row_index label				{ width:80px; }			/* Label (should be equal) */
.button_row .form_detail			{ margin-left:40px; }
.form_detail 						{ width:180px; }		/* Input Area Spacing */
.form_row input						{ width:459px; }		/* Standard Input - padding*/
.form_row_index input				{ width:190px; }		/* Standard Input - padding*/
.form_row textarea					{ width:459px; }		/* Text Area */
.form_row_index textarea			{ width:180px; }		/* Text Area */
.form_row select					{ width:467px; }		/* Select Box  + PADDING*/
.checkbox_list .form_detail label 	{ width:220px; }		/* Checkbox Labels */

.form_row label{
	display:block;
	float:left;		
	margin:3px 0 0;
	font-size:9pt;
	color:#fff;
}
.form_row_index label{
	float:left;
	width:75px;
	margin:0 10px 0 0;
	line-height:20px;
	display:inline;	
	font-size:8pt;
	color:#fff;
}

.form_row label small{
	font-size:10pt;
	margin:3px 0;
}
.form_row input, .form_row select, .form_row textarea{
	font-family:Arial,Helvetica,sans-serif;
	float:right;
	background:#e4e9ed;
	border:none;
}

.form_row_index input{
	line-height:20px;
	height:20px;
	width:150px;
	font-size:10pt;
	float:left;
}

.form_row.invalid_row label { /* Invalid Row Styles */
	color:#990000;
	font-weight:bold;
}

.form_row.invalid_row input, .form_row.invalid_row select, .form_row.invalid_row textarea { /* Invalid Row Styles */
	border:1px solid #990000;
}

.form_row select{
	padding:2px 4px;
}

.form_detail {
	float:right;
	display:inline;
	position:relative;
	width:467px;
}

.form_detail select.date_day_dd, .form_detail select.date_month_dd, .form_detail select.date_year_dd {
	width:155px;
	float:left;
}

.form_detail input.radio_button{
	margin-right:10px;	
}

.form_row.checkbox_list .form_detail label {
	margin:2px 10px 8px 0;
	display:inline;
	text-align:left;
}

.checkbox_list input {
	width:18px;
	position:relative;
	top:1px;left:-2px;
	border:0 none;
}
.form_row.button_row .form_detail {
	text-align:right;
	display:inline;
}

.form_row.center_aligned .form_detail {
	text-align:center;
}
.form_row.submit{
	margin-left:20px;
}

button.button, input.button{
	border:none;
	text-align:left;
	cursor:pointer;
	padding:0 0 7px 10px;
	width:110px;
	height:27px;
	background:url(../graphics/button.png) left top no-repeat;
	color:#ef2e24;
}

.form_row_index button.button{
	float:right;
	margin:0 0 0 19px;
	display:inline;
}

button.button:hover, input.button:hover{
	color:#000;	
}

.required {
	color:#ed2a32;
}

p.check_box_desc{
	float:left;
	margin:0px;
	font-size:12px;
}

.form_row input.radio_button, .form_row input.checkbox{
	width:auto;	
}

.form_detail.checkbox label{
	width:250px;
	font-size:10pt;
	white-space:normal;
}
