/* 

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

	/* @JRS */
	#contact-form .checks .group input,#contact-form .radios .group input{ width: 2em; }
	#contact-form .checks .group label,#contact-form .radios .group label{ float:none; }

/* End Editables */



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


/* =normailizing */
#contact-form, #contact-form * { margin: 0; padding: 0; }
#contact-form fieldset { border: 0; }
#contact-form select { padding: 3px; }
#contact-form textarea { padding: 4px; width: 90%; height: 10em; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }



/* =styling form */
#contact-form legend { display: none; }
#contact-form legend.show { display:inline; font-weight:bold; font-size:120%; padding:0.75em; background-color:#EAEAEA; }

#contact-form label.req { color:#C00; }
#contact-form em{ float:right; padding-right:5px; color:#C00; }
#contact-form .zL{ float:left; }
#contact-form .zR{ float:left; }

#contact-form { float: left; display: inline; margin: 1em 0; padding-top: 2em; width:100%;
							background: url(/images/g_divider.gif) no-repeat 50% 0; }
div.w100 #contact-form { width:100%; }
div.w50 #contact-form { width:50%; }
div.w400px #contact-form { width:400px; }

							
#contact-form div,
#contact-form div p { float: left; display: inline; margin: .5em 0; width: 100%; }
#contact-form div.group div,
#contact-form div.group div p { float: left; display: inline; margin: .5em .25em; width: 95px; }
	#contact-form div { margin: 0; }
	
#contact-form label { float: left; display: inline; width: 30%; }
	#contact-form label.long { width: 100%; }
	
#contact-form input { padding: 4px; width: 45%; }
	#contact-form input.zip { width: 5em; }
	#contact-form input.address { width: 65%; }
	#contact-form input.area-code,
	#contact-form input.prefix { width: 3em; }
	#contact-form input.suffix { width: 3.5em; }
	
#contact-form .buttons { margin: 1em 0; }
#contact-form .buttons input.button { width: auto; padding: 10px 20px; background: #11115c; color: #fff; font-weight: bold;
										cursor: pointer; text-transform: uppercase; }
										
										
/* =messages & errors */
#contact-form div p.error { margin-left: 18%/*120px*/; padding-left: 24px; width: 80%; color: #c00;
							background: url(/library/ContactForm/images/i_alert.gif) no-repeat 0 .3em; }
							
							
blockquote.note,
blockquote.thanks { margin: 1em 0; padding: .2em 34px; border: 1px solid #cea500;
					background: #f7f5ed url(/library/ContactForm/images/i_caution.gif) no-repeat 10px 1.5em; }
blockquote.thanks { border-color: #ccc; background: #efefef url(/library/ContactForm/images/i_email.gif) no-repeat 14px 1.6em; }