/* Form Stylesheet */ 

/* generic wrapper used to add padding to forms */
#form_wrapper {
margin: 0;
padding: 10px;
}

.form_help {
border: 1px solid #999;
margin: 0;
padding: 0;
background-color: white;
}

.form_help ol ul li{
margin: 0 0 0 -1.5em;
padding: 0;
}

.form_help h3 {
margin: 0;
padding: 0 0 .15em 0;
font-family: Georgia, Verdana, serif;
font-weight: normal;
font-size: 160%;
border-bottom: 5px solid #C5C5C5;
color: #660000;
}

.form_help h4 {
margin: 5px 5px 0px 5px;
padding: 0 0 .15em .15em;
font-size: 120%;
border-bottom: 3px solid #CFCFCF;
color: #AF2E2E;
font-family: Georgia, Helvetica, Verdana, serif;
}

.form_help h6 {
margin: 0 0 -1em .5em;
padding: 0;
font-family: Georgia, Verdana, serif;
font-weight: bold;
font-size: 100%;
color: black;
}

#right_side div.form_help p {
margin: 0;
padding: 5px 10px;
font-size: 90%;
}

#right_side div.form_help ul li {
margin: 0;
padding: 0 5px 0 0;
font-size: 90%;
}

/* styling for forms throughout the site*/
fieldset {
	margin-top: 5px;
	padding: 10px 0;
border: none;
	}

/* this puts a half space under each form input line*/
fieldset p {
	margin-bottom: .5em;
	}

/* this adds a space under lables that are forced to wrap (e.g. famous character name / most famous for on celebrity create and update*/
fieldset p.long_label {
	margin-bottom: 1.25em;
	}

form label {
	float: left;
	padding-right: 5px;
	width: 30%;
	font-weight: bold;
	text-align: right;
	}

.label_left_justify {
	float: left;
	padding-right: .5em;
	width: 33%;
	font-weight: bold;
	text-align: left;
	}

input.txt {
	width: 200px;
	}

.field_example {
	font-size: x-small;
	font-weight: bold;
	}

.formExamples {
	font-size: 95%;
	}

.form_note {
	padding:  0 0 1em 31%;
	font-size: x-small;
	}

.left_margin_text {
	margin-top: 1em;
	margin-left: 31%;
	}

.checkbox {
	margin-left: 31%;
	}

.radio_buttons {
	margin-left: 31%;
	}

.parent2_radio_button {
	margin-left: 31%;
	}

.radio_buttons_30 {
	margin-left: 35%;
	}

.indent_right_10 {
	margin: 0 0 1em 10%;
	}

.submit_button_20 {
	margin: 1em .5em 0 20%;
	}

.checkbox_text {
	font-weight: normal;
	margin-left: 31%;
	}

.remember_me_checkbaox {
	margin: .5em 0 0 21%;
}

.left_button {
	margin-top: .5em;
	padding: .1em .5em;
	}

.submit_button {
	margin: .5em 0 0 31%;
	padding: .1em .5em;
	}

.six_degree_submit_button {
text-align: center;	
padding: 10px 0;
}

.narrow_button {
	margin: 5px 0 0 5px;
	padding: 0;
	}

.js_button {
	margin: -10px 0 .5em 31%;
	padding: .1em;
	}

.js_cancel_button {
	margin: 0 .5em ;
	padding: .1em;
	}

#acct_form {
	margin: 10px;
	}

/* sets form input field width */
.form100_bytes {
	width: 40em;
	}

.form80_bytes {
	width: 35em;
	}

.form50_bytes {
	width: 25em;
	}

.form35_bytes {
	width: 14em;
	}

.form15_bytes {
	width: 8em;
	}

.form10_bytes {
	width: 6em;
	}

.form4_bytes {
	width: 4em;
	}

.form2_bytes {
	width: 2em;
	}

/* styling for step 4 with dates */
.label_for_rel_dates {
	text-align: right;
	margin-right: 10em;
	}

.label_for_rel_dates input {
	margin-left: 1em;
	}

/* styling for Relationship form */

#rel_date_area {
	margin: 0px;
	padding: 0 0 5% 10%;
	}

fieldset legend {
margin: 0;	
padding: 0 0 0 13em;
font-weight: bold;
color: #5F5F5F;
	}

.end_date_column {
	width: 6em;
	margin: 0;
	padding: 0 0 0 10px;
	}

.display_length_column {
	width: 6em;
	margin: 0;
	padding: 0 0 0 10px;
	}


#label_heading {
	margin: 0 0 5px 0;
	padding: 0;
	}


.label_text1 {
	float: left;
	width: 31%;
	margin: 0;
	padding: 0;
	color: #7d7d7d;
	text-decoration: none;
	}
.label_text2 {
	width: 6em;
	margin: 0;
	padding: 0 35px 0 0;
	color: #7d7d7d;
	text-decoration: underline;
	}
.label_text3 {
	width: 6em;
	margin: 0;
	padding: 0 25px 0 0;
	color: #7d7d7d;
	text-decoration: underline;
	}
.label_text4 {
	width: 6em;
	margin: 0;
	padding: 0;
	color: #7d7d7d;
	text-decoration: underline;
	}

/* styling for Celebrity Search form */
.celeb_label1 {
	float: left;
	width: 7em;
	margin: 0;
	padding: 0;
	color: #7d7d7d;
	}
.celeb_label2 {
	width: 5em;
	margin: 0;
	padding-right: 3.5em;
	color: #7d7d7d;
	}
.celeb_label3 {
	width: 6em;
	margin: 0;
	padding: 0;
	color: #7d7d7d;
	}

/* styling for Error Messages on forms */
.formExamplesUnder {
	margin-left: 31%;
	padding-bottom: .5em;
	}

.formErrorUnder {
	margin-left: 31%;
	color: red;
	}

.required, .formError {
color: red;
}

.error_box {
margin: 10px;
padding: 2px 5px;
border: 1px dashed black;
}

.small_error_msg {
color: red;
}

.medium_error_msg {
font-weight: bold;
color: red;
}

.important_form_help {
padding: .5em 0;
}

#rel_detail_update_form, #rel_detail_delete_form {
margin: 10px;
padding: 0;
}