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

/* Editables: */

	/* outer form */
	form#contact-form { }
	
	/* 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: 15%; 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;
	}

#contact-form fieldset { }




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

	#contact-form ol.form-elems{ list-style-type:none; padding:0 0 0 5px; margin:0px;}
	#contact-form ol.form-elems li label{ clear:both;
		height:1%;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:1em 0;
		padding:0;
		position:relative;}
	#contact-form ol.form-elems li label{ display:inline;
		float:left;
		margin:0 5px 0 0;
		/*padding-top:5px;*/
		text-align:right;
		width:20%; }
	#contact-form ol.form-elems li input{ width:70%; }
		#contact-form ol.form-elems li input.ph{ width:4em; }
		#contact-form ol.form-elems ul.checkboxes li{ float:left; display:inline; clear:none; width:30%; }
			#contact-form ol.form-elems ul.checkboxes li label{ width:80%; }
			#contact-form ol.form-elems li input.checkbox{ width:1em; }
		#contact-form ol.form-elems input.submit, #contact-form ol.form-elems input.button{ width:50%; }
		#contact-form #buttons ol.form-elems label{ display:none; }

			
	#contact-form fieldset { border: 1px solid #ccc; padding: 8px 4px; background-color: #eee; }
	#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; }
		#content #contact-form fieldset div p.error { margin-left: 38%; }
		#content #contact-form fieldset div.checks p.error { margin-left: 0; }
		#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: #eee url(images/i_caution.gif) no-repeat 2px 1.25em; border: 1px solid #ccc; }
		blockquote.contact p, blockquote.thanks p { padding-left: 8px; 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: block; color: #c00; /*font-style: italic;*/ padding-left: 15px;
			background: url(images/i_alert.gif) no-repeat 0 .3em; }
		#contact-form .error { font-size: 90%; position:relative; left:25%; }
		blockquote .error { background: none; padding: 0; }	
		#contact-form .clear { clear: both; }