/* forms CSS Document */
#contact-form, #contact-form * { margin: 0; padding: 0; }

/* Editables: */

	/* outer form */
	form#contact-form { margin-left: 5%; }
	
	/* legends (can set to "display: block;" to show or "display: none;" to hide) */
	#contact-form legend { display: none; }

	/* main div width.  form width is auto, so this is where the overall width is set for each block */
	#contact-form fieldset div { width: 94%; }
	/* width of the area containing the label and input */
	#contact-form fieldset div p { width: 90%; }
	
	/* this is the setting for the error messages and notes that show up to the right of the form fields */
	/* if pixels: this width = (div width - p width) above */
	#contact-form fieldset div p.error,
	#contact-form fieldset div p.note { width: 50%; }
	
	/* this is the width of the labels */
	#contact-form fieldset div p label { margin-right: 5%; width: 38%; text-align: right; }
	#contact-form fieldset div p label.long { width: 100%; }  /* special class you can use in setup.asp */
	
	/* set's the width and style of the inputs */
	#contact-form fieldset div p input,
	#contact-form fieldset div p textarea,
	#contact-form fieldset div p select { width: 50%; padding: 2px; border: 1px solid #a7a7a7; 
											font: 90% Arial, Helvetica, sans-serif; }
	
	#contact-form fieldset div p span.phone-number { width: 50%; }
	#contact-form fieldset div p input.area-code,
	#contact-form fieldset div p input.prefix { width: 10%; }
	* html #contact-form fieldset div p input.area-code,
	* html #contact-form fieldset div p input.prefix { width: 18%; w\idth: 15%; }
	
	#contact-form fieldset div p input.suffix { width: 25%; }
											
	/* overrides the width above to make textarea's bigger, plus adds a height */
	#contact-form fieldset div p textarea { width: 50%; height: 5em; }
	#contact-form fieldset div p select { /*width: auto;*/ }
	/* can uncomment/comment to make selects be the same width */
	
	/* special input size classes that can be used in setup.asp */
	#contact-form fieldset div p input.sm-field { width: 20%; margin-right: 5%; }
	#contact-form fieldset div p input.med-field { width: 35%; margin-right: 5%; }
	
	/* this is the width of the div's that contain radio and check groups */
	#contact-form fieldset div.checks,
	#contact-form fieldset div.radios { width: 94%; margin: .5em 0; }
	
	#contact-form fieldset div.checks p,
	#contact-form fieldset div.radios p { margin-right: 5%; width: 38%; }
	#contact-form fieldset div.checks p label,
	#contact-form fieldset div.radios p label { width: 90%; }
	
	/* this is the width of those radio/check groups */
	/* notice the width is the above div width minus the inset margin to offest the group */
	#contact-form fieldset div div.group { clear: none; float: left; width: 50%; }
	#contact-form fieldset div div.group div { 
		clear: none;
		float: left;
		display: inline;
		margin-right: 5%;
		width: 38%;
	}
	#contact-form fieldset div div.group div.clear { clear: both; }
	
	#contact-form fieldset div div.group p label { width: 70%; margin: 0 0 0 5%; font-size: 90%; text-align: left; }
	
	
	#contact-form fieldset div div.group p { width: 100%; margin: 0; line-height: 1em; } /* = (above div.group width - p.error width) */
	
	/* adds a margin on the right of the checks/radios since they're shown on the left side of the labels instead */
	#quote-form fieldset div p input.check,
	#quote-form fieldset div p input.radio { margin-right: 20%; }
	* html #quote-form fieldset div p input.check,
	* html #quote-form fieldset div p input.radio { margin-right: 2%; }
	/* these widths are set to auto below, please don't touch/worry about these */
	
	/* this is where you can style the submit button at the bottom */
	#contact-form p.buttons input,
	#contact-form p input.button {
			width: auto;				/* width */
			line-height: 30px;			/* height set with line-height */
			margin: 8px 0 0 150px;		/* margin-left is the same as the width of the labels */
			/* set background if wanted */
			background: #e0dfe3 url(/images/bg_button.gif) repeat-x 0 0;
			border: 1px solid #737870;
			border-right-color: #d7d8c6;
			border-bottom-color: #d7d8c6;
			font-size: 100%;
			color: #000;
	}






/* DON'T TOUCH! Default form stuff */

	#contact-form fieldset { border: 0; }
	#contact-form fieldset div, #contact-form fieldset div p { float: left;	display: inline; }
		#contact-form fieldset div { clear: both; float: left; display: inline; margin: 0; }
		#content #contact-form fieldset div p { line-height: 1.5em; margin: .5em 0; float: left; display: inline; }
		#contact-form fieldset div p.error,
		#contact-form fieldset div p.note { font-size: 85%; float: right; display: inline; }
		#contact-form fieldset div p label { display: inline; float: left; }
		#contact-form fieldset div p input, #contact-form fieldset div p textarea { float: left; display: inline; }
		#contact-form fieldset div p span.phone-number { float: left; display: inline; }
		#contact-form fieldset div p input.area-code, #contact-form fieldset div p input.prefix, #contact-form fieldset div p input.suffix { float: none; }
		#contact-form p.buttons input, #contact-form p input.button { cursor: pointer; }		
		#contact-form fieldset div p input.img-button { width: auto; padding: 0; border: 0; }
		#contact-form fieldset div p input.check,
		#contact-form fieldset div p input.radio { width: auto; border: 0; margin-top: .3em; }	
		* html #contact-form fieldset div p input.check,
		* html #contact-form fieldset div p input.radio { margin-top: 0; }
		blockquote.contact { background: #fff url(images/i_caution.gif) no-repeat 2px .3em; }
		blockquote.contact p, blockquote.thanks p { background: none; }
		blockquote.note, blockquote.thanks { font-size: 100%; font-style: normal; color: inherit; }
		blockquote.thanks { background: #fff url(images/i_email.gif) no-repeat 2px .4em; }
		.note { font-style: italic; font-size: 90%; }
		em.note { font-size: 85%; display: block; }
		#contact-form p.note { float: left; display: inline; width: 100%; }
		#contact-form .error { float: none;	display: inline; color: #c00; font-style: italic; padding-left: 15px;
			background: url(images/i_alert.gif) no-repeat 0 .3em; }
		#contact-form .error { font-size: 90%; }
		blockquote .error { background: none; padding: 0; }	
		#contact-form .clear { clear: both; }