﻿/* FORM LAYOUT */
.FormWrapper {
	padding: 0 15px;
}
.FormSectionWrapper {
	clear: both; 
	padding-bottom: 30px; 
	position: relative;
} 
.FormButtonWrapper {
	border-top: solid 1px #ABABAB;
	padding-top: 10px;
	margin-top: 10px;
	text-align: right; 
}
.FormLeftCol {
	clear: left; 
	float: left; 
	margin-right: 10px;
	width: 240px;  
}
.FormRightCol {
	clear: right; 
	float: right; 
	width: 240px; 
}
/* FORM HEADERS & TEXT*/
.FormRequired  {
	color: #666666;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .917em;
	font-weight: normal;
	position: relative;
	text-transform: none;
}
.FormRequired.floatRight {
	float: right; 
	top: 0; 
}
h2 .FormRequired { padding-top: 4px; font-size: 0.733em; } 
.FormInfoText { padding: 10px 0; }
.FormInfoText.Privacy { text-align: right; }
.FormBlurb { padding-bottom: 6px; }
/* FORM ROWS LABELS & INPUTS STYLES */
.FormRow  {
	clear: left;
	padding-bottom: 6px; 
	position: relative;  
}
.FormRow label, .FormLabel /* Style for labels aligned on top of form fields */
{
	display: block;
	padding: 2px 0 1px;
	margin-right: 10px;
	min-height: 16px;
	color: #666;
	font-size: .917em;
}
.FormRow input, .FormTable input { width: 190px; height:14px;  }
.FormRow select, .FormTable select { width: 193px; height:20px; }
.FormRow textarea, .FormTable textarea { width: 495px; height: 70px; }
input.Form2digits { width: 22px !important; }
select.Form2digits { width: 44px !important; }
input.Form3digits { width: 33px !important; }
select.Form3digits { width: 55px !important; }
input.Form4digits { width: 44px !important; }
select.Form4digits { width: 66px !important; }
input.Form5digits { width: 55px !important; }
select.Form5digits { width: 77px !important; }
.FormRow.CheckBox {
	position: relative;
	padding-bottom: 8px;
}
.FormRow.CheckBox input {
	margin: 0 2px; 
	vertical-align: bottom;  
	width: auto;
}
.FormRow.CheckBox label { 
	float: none;
	margin-left: 5px;
	width: auto;
	padding: 0;
}
.RadioButtonList td { vertical-align: middle; } 
.RadioButtonList input {
	float: left; 
	margin: 1px 5px 0 0; 
	width: auto;
}
.RadioButtonList label {
	clear: none; 
	float: left;
	margin-right: 15px; 
	width: auto;  
	font-weight: normal;
}
select.MultiSelect  { height: auto; }
/* SUMMARY & REVIEW INFO STYLING */
.SummaryLabel {
	clear: left;
	float: left;
	font-weight: bold;
	min-height: 16px;
	width: 120px;
}
.SummaryText {
	margin-left: 130px;
	min-height: 16px;
	padding-right: 10px;
}
/* ERROR DISPLAY */
.ErrorSummary 
{
	border: 1px solid #C33; 
	background:#FFFFFF url(/includes/EF/SmithsonianSite/images/icon_error.gif) no-repeat 5px 5px; 
	color:#CC3333 !important;
	margin:15px 0 10px;
	padding:5px 15px 15px 30px; 
	position: relative;
}
.ErrorSummary h5 {
	color:#666666;
	font-weight:normal;
	margin:0;
	padding:0 0 5px; 
}
.ErrorSummary h5 em { font-weight: bold; color: #c33; }
.ErrorSummary ul { margin: 0 !important; }
.ErrorSummary li  {
	display: list-item !important; 
	list-style: disc inside !important; 
	margin: 0 0 3px 10px; 
}
.FormError { color: #C33 !important; }
.FormError span {
	color: #C33 !important; 
	display: inline-block;  
	padding-bottom: 3px; 
}
/* NEW STYLES TESTING FOR NEW ERROR DISPLAY
.FormError {color: #C33 !important; float: right; height: 18px; width: 18px; background: url(../../includes/EF/SmithsonianSite/images/icon_error.gif) no-repeat 0px 0px; cursor: pointer; }
.FormError span {  visibility: hidden; display: block; color: #C33 !important; padding: 3px; background-color: #fff; border: 1px solid #c33; position: absolute; top: -18px; height: 18px; width: auto; float: left; }
.FormRow.invalid label { color: #C33; }
.FormRow.invalid input, .FormRow.invalid select { border: 2px solid #C33; }
.FormRow.invalid .FormError { visibility: visible; }
*/
/* Misc Styles */
.FormTable { padding: 0; margin: 0 0 10px; }
.BackText { float: left; text-align: left; }
.FormJumpLink { text-align: right; }
.FormRow .GlossaryItemHolder, .FormTable .GlossaryItemHolder { float: none; }
.clearfix { clear: both; }
.hide { visibility: hidden; }

/* page-specific changes */
#ctl00_cphContent1_contactCtl_divAdditionalInfo .FormRow { padding-bottom: 12px; }