/* 

forms CSS document
forms.css
author: Atlantic BT - www.atlanticbt.com
date: 3-22-07

for ABT ContactForm

*/



/* Editables: */

	/* add new form colors/borders/styles here --v */


/* End Editables */



/* #### EDIT WITH CAUTION!!! #### */


/* =normailizing */
#contact-form, #contact-form * { margin: 0; padding: 0; }
#contact-form fieldset { border: 0; }
#contact-form input, #contact-form textarea, #contact-form select { padding: 2px; }

#contact-form textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }



/* =widths/margins */
#contact-form { width: 100%; }
	body#index #contact-form { width: 70%; padding-right: 30%; }

#contact-form fieldset, #contact-form div { width: 100%; margin: 0; }
#contact-form fieldset { margin: 2em 0; }

#contact-form p { width: 100%; margin: 1em 0; }
	body#index #contact-form p { margin: .5em 0; }
	#content #contact-form p.error { width: 100%; margin-top: .25em; }
	
#contact-form label { width: 30%; }
	#contact-form label.long { width: 95%; margin-bottom: .5em; }

#contact-form input, #contact-form select { width: 55%; }
	#contact-form .required input, #contact-form .required select { border-color: #1c5180; background: #d8e3ce;/*#77a80c;*/ }
	#contact-form .required label { font-weight: bold; }
#contact-form textarea { width: 100%; }

#contact-form input.button {
	width: auto; padding: 0; border: 0;
	background: #2d75c7 url(/images/bg_submit.gif) repeat-x 0 0;
	color: #fff; font-weight: bold;
	cursor: pointer;
}
	#contact-form input.img-button { width: auto; padding: 0; border: 0; }
	
	#contact-form input.area-code { width: 4%; margin-right: 2%; }
	#contact-form input.prefix,
	#contact-form input.d-day,
	#contact-form input.d-month { width: 4%; margin-right: 2%; }
	#contact-form input.suffix,
	#contact-form input.d-year { width: 6%; }
	
	body#index input, body#index select { width: 50%; }
	#contact-form select.sm-select { width: 20%; }
	#contact-form input.zip-code { width: 15%; }
	
	body#index #contact-form input.area-code { width: 5%; margin-right: 2%; }
	body#index #contact-form input.prefix,
	body#index #contact-form input.d-day,
	body#index #contact-form input.d-month { width: 5%; margin-right: 2%; }
	body#index #contact-form input.suffix,
	body#index #contact-form input.d-year { width: 7%; }


	/* columns and radios/checks groups */
	#contact-form div.checks, #contact-form div.radios { margin: 1em 0; }
	#contact-form div div.group { width: 99%; }
	#contact-form div.radios p,
	#contact-form div.checks p { width: 100%; }
	
	#contact-form div.cols2 div.group div { width: 45%; margin-left: 4%; }
	#contact-form div.cols3 div.group div { width: 30%; margin-left: 3%; }
	#contact-form div.cols4 div.group div { width: 22%; margin-left: 2%; }
	
	#contact-form input.radio, #contact-form input.check { width: auto; margin-right: 4%; }
	#contact-form div.radios label, #contact-form div.checks label { width: 80%; }
	#contact-form div.cols4 label { width: 70%; }
	
	
	
	
blockquote.contact, blockquote#send-email { margin: 1em 0; padding: 0 15px; width: 78%; }
	blockquote.thanks, blockquote#send-email { padding-left: 18px; }
	blockquote.contact p { width: 98%; }
	blockquote.thanks { font-size: 120%; font-weight: bold; color: #3366cc;}
	
	blockquote#send-email { width: 95%; }


/* =layout/formatting */

#contact-form { clear: both; float: left; display: inline; }

#contact-form fieldset { border-top: 1px solid #ccc; }
#contact-form fieldset legend { padding: 4px 4px 4px 0; }

#contact-form fieldset, #contact-form p, #contact-form div { clear: both; float: left; display: inline; }
	#contact-form p.error { clear: none; }
	
#contact-form label { float: left; display: inline; }

	/* columns and radios/checks groups */
	#contact-form div.group { }
	
	#contact-form div.cols2 div.group div,
	#contact-form div.cols3 div.group div,
	#contact-form div.cols4 div.group div { clear: none; }
		#contact-form div div.group div.clear { clear: both; }
	
	#contact-form input.check, #contact-form input.radio { border: 0; background: none; padding: 0; }

#contact-form input.radio, #contact-form input.check { float: left; display: inline; margin-right: 6px; padding: 0; width: auto; border: 0; }

blockquote.contact, blockquote.contact p { clear: both; float: left; display: inline; }


/* =fonts/colors/typography */
#contact-form { font-size: 85%; }
#contact-form fieldset legend { font-weight: bold; color: #255875; }

#contact-form label { }
#contact-form p.error { font-size: 85%; font-style: italic;
	padding-left: 15px; background: url(/library/ContactForm/images/i_alert.gif) no-repeat 0 0; }

#contact-form div div.group { font-size: 90%; }

#contact-form .note { width: 90px; font-size: 85%; font-style: italic; background-color: #d8e3ce; }

blockquote.note { background: url(/library/ContactForm/images/i_caution.gif) no-repeat 0 1em; }
blockquote.thanks,
blockquote#send-email { background: url(/library/ContactForm/images/i_email.gif) no-repeat 0 1.7em; }

blockquote#send-email { padding: 4px 4px 4px 18px; border: 3px double #ccc; background-position: 4px .5em; }



#content #contact-form .buttons { float: left; display: inline; width: 100%; margin-top: 2em; text-align: right; }




/* new additions */
#contact-form div.contact-time { clear: none; width: 48%; }
#contact-form div.contact-time .contact-label { width: 55%; }
#contact-form div.contact-time p { width: 100%; }
#contact-form div.contact-time select { width: 35%; }
#contact-form div.contact-time .contact-label2 { display: none; }


#contact-form .state-select select { width: 40%; }
#contact-form .gender-select select { width: 20%; }

#contact-form div#personal-info,
#contact-form div#spouse-info,
#contact-form div#dependent-info,
#contact-form div#dependent-info2,
#contact-form div#other-info { float: left; display: inline; width: 100%; margin-top: 2em; padding-top: 1em; border-top: 1px solid #dedede; }

#contact-form div#dependent-info2 { margin-top: 0; border-top: 0; }

#contact-form .num-days label { width: 60%; }
#contact-form #num-days { display: none; }