/* 

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%; }

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

#contact-form p { width: 70%; margin: .5em 0; }
	#contact-form p.error { width: 20%; margin-left: 5%; }
	
#contact-form label { width: 30%; }
	#contact-form label.long { width: 95%; margin-bottom: .5em; }

#contact-form input, #contact-form select { width: 65%; }
#contact-form textarea { width: 100%; }

#contact-form input.button { width: auto; padding: 0; border: 0; border: 1px solid #e8e8e8; }
	
	#contact-form input.area-code { width: 7%; }
	#contact-form input.prefix { width: 7%; }
	#contact-form input.suffix { width: 15%; }


	/* columns and radios/checks groups */
	#contact-form div.checks, #contact-form div.radios { margin: .5em 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#send-email { width: 95%; }


/* =layout/formatting */

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

#contact-form fieldset { border-top: 1px solid #e8e8e8; }
#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 { border: 1px solid #dac8ad; }
	
	#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.radio, #contact-form input.check { float: left; display: inline; }

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


/* =fonts/colors/typography */

#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 { font-style: italic; }

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; }



#contact-form .buttons { text-align: right; }