/* 

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!!! #### */


.top-link { clear: both; margin-bottom: 2em; }

/* =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 { margin: .25em 0 2em 20px; width: 425px; border: 1px solid #b2b2b2; background: #f0ede4; }

#contact-form fieldset, #contact-form div { width: 100%; margin: 0; }
#contact-form fieldset { padding: 10px; }

#contact-form p { width: 405px; margin: .5em 0; }
	#contact-form p.error { width: 295px; margin-left: 110px; }
	
#contact-form label { width: 110px; }
	#contact-form label.long { width: 405px; margin-bottom: .5em; }

#contact-form input, #contact-form select { width: 200px; }
#contact-form textarea { width: 315px; height: 8em; }

#contact-form input.button { width: auto; padding: 2px 10px; border: 1px solid #000; background: #29849e; color: #fff; font-weight: bold; cursor: pointer; }
	
	#contact-form input.area-code { width: 32px; margin-right: 4px; }
	#contact-form input.prefix { width: 32px; margin-right: 4px; }
	#contact-form input.suffix { width: 42px; }


	/* 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 1em 20px; padding: 0 25px; width: 375px; }
	* html blockquote.contact { padding: 0 30px 1em 30px; }
	blockquote.thanks, blockquote#send-email { padding-left: 18px; }
	blockquote.contact p { margin: 1em 0; width: 375px; }
	
	blockquote#send-email { width: 95%; }


/* =layout/formatting */

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

#contact-form fieldset {  }
#contact-form fieldset legend { display: none; }

#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 { clear: both; float: left; display: inline; }


/* =fonts/colors/typography */

#contact-form fieldset legend { font-weight: bold; color: #255875; }

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

#contact-form div div.group { font-size: 11px; }

#contact-form .note { font-size: 11px; font-style: italic; text-align: right; width: 315px; }

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

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


blockquote.note em.error { color: #c00; font-weight: bold; }
#contact-form .buttons p { text-align: right; width: 315px; }