/*
$Date: 2009-12-01 09:01:39 -0500 (Tue, 01 Dec 2009) $
$Rev: 4251 $
$Id: form.css 4251 2009-12-01 14:01:39Z greg $
Author - Doug Fraize
---------------------------------------------------------------*/
/***** GENERAL FORM SETUP STYLES *****/
form										{position:relative;}
fieldset, input, select, textarea, label	{display:block;}
fieldset									{border:0;}
label										{clear:both;}
input, select								{width:190px;}
textarea									{width:auto; height:auto;}
input[type="checkbox"], input.checkbox		{width:20px;}

legend										{clear:both; padding-bottom:5px;}

fieldset ol									{margin:0; padding:0; list-style-position:outside;}
fieldset ol li								{list-style-type:none; margin:0 0 10px 0;}

/*--- CREATE A VERTICAL LAYOUT WITH FORM ELEMENTS ---------------------------------*/
.form_vertical input						{margin-top:3px;}
.form_vertical select						{margin-top:3px;}

.form_vertical .checkbox					{margin-bottom:3px; *margin-left:-4px; /* IE6+7 ONLY */}
.form_vertical .checkbox input				{clear:both; display:inline; margin:0 3px 0 0; *margin:0 0 5px 0; /* IE6+7 ONLY */ vertical-align:-2px; width:auto;}
.form_vertical .checkbox label				{display:inline-block; font-weight:normal; padding-left:0;}
.form_vertical .checkbox_label				{font-weight:bold; margin:0;}

.form_vertical .radio						{margin-bottom:8px;}
.form_vertical .radio input					{clear:both; display:inline; margin:2px 0 0 0; vertical-align:-2px; width:auto;}
.form_vertical .radio label					{display:inline-block; font-weight:normal; padding:2px 18px 0 2px;}
.form_vertical .radio_label					{font-weight:bold; margin:0;}

/*--- FORMATS THE WIDTH OF THE ZIP FIELD ------------------------------------------*/
.form_vertical .zip input					{width:50px;}

/*--- PHONE NUMBER FOR VERTICAL LAYOUT --------------------------------------------*/
.form_vertical .phone_number label			{display:block;}
.phone_number input							{display:inline; margin-right:5px; width:30px;}
.phone_number input.phone3					{width:40px;}

/*--- EMAIL OPT IN ----------------------------------------------------------------*/
.emailopt									{margin-bottom:2px;}

/*--- DEFAULT ADDRESS FIELDSET LAYOUT ---------------------------------------------*/
.form_vertical .city_zip_lyt				{height:37px;}
.form_vertical .city_zip_lyt label			{display:block;}
.form_vertical .city_zip_lyt input,
.form_vertical .city_zip_lyt select			{float:left; margin-right:5px;}
.form_vertical .city_zip_lyt select			{height:22px; width:50px;}
.form_vertical .city_zip_lyt .city			{width:100px; *margin-left:3px;}
.form_vertical .city_zip_lyt .state			{width:30px;}
.form_vertical .city_zip_lyt .zip			{width:40px;}


/*--- ALLOWS YOU TO TAKE VERTICAL/HORIZONTAL STYLE AND LAYOUT OUT INLINE ---------*/
/*--- CHANGES INLINE OF LI ELEMENTS ---*/
.form_inline li								{float:left; margin-right:10px;}

/*--- CHANGES SPECIFIC LI ELEMENST WITHOUT USING THE FORM INLINE CALL ---*/
.inline-element-group						{float:left; margin-right:5px;}
.inline-element-group:last-child			{margin-right:0;}

/*--- CHANGES FORM ELEMENTS TO BE INLINE ---*/
.inline-elements							{clear:both;}
.inline-elements input,
.inline-elements select,
.inline-elements label
											{clear:none; float:left; margin-right:5px;}
.inline-elements input:last-child			{margin-right:0;}

/*--- ERROR HANDLING - DEFAULT STATE OFF -----------------------------------------*/
.js_form_li .error_box,
.js_form_li .tooltip_box,
.js_invalid_error							{display:none;}

/*--- NOTES HANDLING -------------------------------------------------------------*/
.help-info									{font-size:1.0em; font-weight:normal;}

/*--- ERROR HANDLING -------------------------------------------------------------*/
.error_text									{color:#F00; font-weight:bold;}

.fm_field_error .js_error					{display:block;}
.fm_field_error .js_invalid_error			{display:none;}
.error_invalid .js_error					{display:none;}
.error_invalid .js_invalid_error			{display:block;}

.fm_field_error input						{border:1px solid #d84141; padding:2px 1px 2px 1px;}
.fm_field_error span						{color:#F00; font-weight:bold;}
.fm_field_error .error_box					{display:block; padding:0 10px; margin-top:13px; position:absolute; right:20px;}
.fm_field_error .error_box p				{background-color:#FAE6E6; border:1px solid #D84141; color:#CC0808; padding:5px; position:relative; width:255px;}
.fm_field_error .button						{border:0;}

/* TURNS OFF THE CURRENT FOCUSED ERRROR BOX WHEN TOOLTIP IS SHOWING */
.fm_current .error_box						{display:none;}

.default_tooltip p,
.fm_tooltip .tooltip_box p					{color:#666;}

/***** TOOLTIP HANDLING *****/
.fm_tooltip									{background-color:#f9f9f9; border:1px solid #e0dedc; height:50px; margin-right:14px;}
.fm_tooltip .tooltip_box					{display:block; position:absolute; right:20px; z-index:5; padding:2px 10px;}
.fm_tooltip .tooltip_box p					{background-color:#F7F7F7; border:1px solid #E0DEDC; line-height:1.3em; padding:8px 8px 7px 8px; position:relative; width:250px;}

/***** FIELDHINT DISPLAY *****/
.input_hint {color:#999;}
.input_note {font-style:italic;}

/***** SUBMIT THANK YOU MESSAGE *****/
.submit_thanks {width:150px; position:absolute; top:17px; left:107px;}
.submit_thanks p {margin:0; font-weight:900; font-size:90%; color:#5F92AF; white-space:nowrap;}

/*--- CORE BUTTON SETUP ----------------------------------*/
.btn span {border-color:#999; display:block; line-height:0; padding:0; margin:0 1px 0 0;}
.btn {background:transparent; border-width:0; cursor:pointer; display:inline-block; line-height:0; margin:0; overflow:visible; padding:1px 0; position:relative; text-decoration:none; text-align:left;}
.btn .top {border-bottom-style:solid; border-bottom-width:1px; color:#999; margin:0 2px 0 1px; font-size:1px;}
.btn .ctn {background:url("/images/default_btn_bck.png") 0 3px repeat-x; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; color:#666; font:bold 1.0em Arial; line-height:1.0em; padding:3px 5px 3px 5px; _*padding:2px 5px 2px 5px; *padding:2px 5px 2px 5px;}
.btn .ctn b {display:none;}
.btn .btm {border-top-style:solid; border-top-width:1px; color:#FFF; margin:0 2px 0 1px; font-size:1px;}

.btn:hover span {border-color:#878686;}
.btn:hover .ctn {background-position:-1px -17px;}

a.btn, a.btn:link, a.btn:visited, a.btn:hover {text-decoration:none;}

html:not([lang*=""]) button.btn {margin:0 -3px;}
























































/*--- HORIZONTAL ---------------------------------
.add_input input {display:inline-block; width:100px;}
.add_input select {display:inline-block; padding:1px 0; width:93px;}
*/

/***** CREATE A MARGIN LAYOUT WITH THE FORM ELEMENTS */
.form_margin label {display:inline-block;}
.form_margin input, .form_margin select {display:inline;}

.form_margin .checkbox {display:inline; *margin-left:-4px;}
.form_margin .checkbox input {clear:both; display:inline; margin:0 3px 10px 0; *margin:0 0 5px 0; vertical-align:-2px; width:auto;}
.form_margin .checkbox label {font-weight:normal;}
.form_margin .checkbox_label {font-weight:bold; margin:0 0 2px 0;}

.form_margin .radio {display:inline;}
.form_margin .radio input {clear:both; display:inline; margin:0 3px 10px 0; vertical-align:-2px; width:auto; width:auto;}
.form_margin .radio label {font-weight:normal;}
.form_margin .radio_label {display:inline; margin:0 0 2px 0;}


/*------ CITY STATE ZIP FOR VERTICAL LAYOUT ------
.form_margin .city_zip_lyt input, .form_margin .city_zip_lyt select {float:none}
.form_margin .city_zip_lyt select {height:22px; width:50px;}
.form_margin .city_zip_lyt input.city {width:100px;}
.form_margin .city_zip_lyt input.state {width:30px;}
.form_margin .city_zip_lyt input.zip {width:40px;}
*/