/****** DON'T CHANGE THESE RULES
 unless
 - you know what you're doing
 - you check every popular web browser on every popular platform afterwards
 - you then accept responsibility for any display problems
 */


/****** HOW TO USE
	
- Form Fields
	<p class="form_line_field">
		<label class="form_line_left_field" for="FIELD_ID"><span class="required_field">*</span> FIELD_LABEL</label>
		<span class="form_line_right_field">
			FORM_INPUT_TAG
		</span>
		<br class="clear_both">
	</p>

- Content Only
	<p class="form_line_content">
		<span class="form_line_left_content">CONTENT_LABEL</span>
		<span class="form_line_right_content">
			CONTENT
		</span>
		<br class="clear_both">
	</p>

 */


form {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}

fieldset {
	border: 1px solid #E1E1E1;
	display: block;
	margin: 10px auto;
	padding: 5px 5px 10px 5px;
}


legend {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}


.form_line_field {
	border-top: 0px solid red;
	clear: both;
	height: 20px;
	margin: 0 !important;
	padding: 5px !important;
}
	html>body .form_line_field {
		height: auto;
		min-height: 20px;
	}
	.form_line_left_field {
			border: 0px dashed #D4D4D4;
		float: left;
		margin-right: 10px !important;
		padding-top: 1px !important;
		text-align: right;
		width: 28%;
	}
		.form_line_right_field {
				border: 0px dashed #D4D4D4;
			float: left;
			width: 69%;
		}
			.form_line_right_field img, .form_line_right_content img {
				vertical-align: middle;
			}

.form_line_content {
		border-top: 0px solid red;
	clear: both;
	height: 15px;
	margin: 0 !important;
	padding: 5px !important;
}
	html>body .form_line_content {
		height: auto;
		min-height: 15px;
	}
	.form_line_left_content {
			border: 0px dashed #D4D4D4;
		display: block;
		float: left;
		margin-right: 10px !important;
		text-align: right;
		width: 28%;
	}
		.form_line_right_content {
				border: 0px dashed #D4D4D4;
			display: block;
			float: left;
			min-height: 15px;
			padding-left: 2px !important;
			width: 69%;
		}


.form_line_field:hover, .form_line_content:hover {
	background: #E4ECFF !important;
}
	
	
/*** required fields ***/
#required_field_box {
		border: 0px solid black;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 0 0 !important;
	padding-left: 135px;
}
	.required_field {
		color: #990000;
		padding-left: 5px;
	}


/*** form fields ***/
.input_text, .input_textarea {
	border: 1px solid #C0C0C0;
	font-family: Arial, sans-serf;
	font-size: 12px;
	padding: 2px;
	width: 90%;
}
	.input_textarea {
		height: 100px;
	}
	
	.input_disabled {
		background-color: #EEEEEE;
	}
	
	.input_textarea_large {
		border: 1px solid #C0C0C0;
		font-family: Arial, sans-serf;
		font-size: 12px;
		height: 300px;
		padding: 2px;
		width: 90%;
	}
	
	.input_text_small {
		border: 1px solid #C0C0C0;
		font-family: Arial, sans-serf;
		font-size: 12px;
		padding: 2px;
	}
		.input_text_small:focus, .input_text_small:hover {
			background: #FFFFDD;
			border: 1px solid #043B98;
			font-family: Arial, sans-serf;
			padding: 2px;
		}
	
	.input_text:focus, .input_text:hover, .input_textarea:focus, .input_textarea:hover {
		background: #FFFFDD;
		border: 1px solid #043B98;
		font-family: Arial, sans-serf;
		font-size: 12px;
		padding: 2px;
		width: 90%;
	}
		.input_textarea:hover {
			height: 100px;
		}
		
		.input_textarea_large:focus, .input_textarea_large:hover {
			background: #FFFFDD;
			border: 1px solid #043B98;
			font-family: Arial, sans-serf;
			font-size: 12px;
			height: 300px;
			padding: 2px;
			width: 90%;
		}
	
.input_radio {
	/* vertical-align: bottom; */
}

.input_checkbox {
	/* vertical-align: middle; */
}

.input_select {
	font-family: Arial, sans-serf;
	font-size: 12px;
}
	.input_select:focus, .input_select:hover {
		font-family: Arial, sans-serf;
		font-size: 12px;
	}

.input_file {
	font-family: Arial, sans-serf;
	font-size: 12px;
	padding: 2px;
	width: 90%;
}

.input_submit {
	font-family: Arial, sans-serf;
	font-size: 12px;
	font-weight: bold;
}



.buttons_big {
	font-size: 20px;
	margin: 5px auto;
	padding: 10px;
	width: 175px;
}