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

/* Editables: */

	/* outer form */
	form#contact-form { width: 470px; }
	
	/* legends (can set to "display: block;" to show or "display: none;" to hide) */
	#contact-form legend { display: none; margin: 0; padding-top: 1em; color: #900; font-weight: bold; }
	body#subscribe #contact-form legend,
	body#investors-form #contact-form legend { 
		display: block;
		margin: 0;
		padding: 1em 0 .5em 0;
		color: #900;
		font-size: 102%;
		word-spacing: normal;
		text-transform: uppercase;
	}
	
	#contact-form fieldset { margin-top: 1em; }

	/* main div width.  form width is auto, so this is where the overall width is set for each block */
	#contact-form fieldset div { width: 470px; }
	/* width of the area containing the label and input */
	#contact-form fieldset div p { width: 300px; }
	#contact-form fieldset div p.long {
	width: 470px;
}
	
	/* 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: 300px; }
	
	/* this is the width of the labels */
	#contact-form fieldset div p label {
	margin-right: 5px;
	width: 100px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin-top: 10px;
}
	#contact-form fieldset div p label.long {
	width: 300px;
	text-align: left;
}  /* special class you can use in setup.asp */
	
	/* set's the width and style of the inputs */
	#contact-form input, #contact-form textarea, #contact-form select
	{ padding: 2px; border: 1px solid #858585; background: #fff url(/images/bg_input.gif) repeat-x 0 0; width: 185px; font-size: 100%; }
	
	#contact-form fieldset div p span.phone-number { width: 300px; }
	#contact-form fieldset div p input.area-code,
	#contact-form fieldset div p input.prefix { width: 50px; }
	* html #contact-form fieldset div p input.area-code,
	* html #contact-form fieldset div p input.prefix { width: 50px; w\idth: 50px; }
	
	#contact-form fieldset div p input.suffix { width: 100px; }
											
	/* overrides the width above to make textarea's bigger, plus adds a height */
	#contact-form fieldset div p textarea { width: 300px; 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: 50px; margin-right: 5px; }
	#contact-form fieldset div p input.med-field { width: 70px; margin-right: 5px; }
	
	/* 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: 300px; margin: .5em 0; }
	
	#contact-form fieldset div.checks div label,
	#contact-form fieldset div.radios div label { font-weight: normal; }
	
	/* 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 { width: 290px; margin-left: 10px; }
	#contact-form fieldset div div.group p { width: 290px; } /* = (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 */
	#contact-form fieldset div p input.check,
	#contact-form fieldset div p input.radio { margin-right: 10px; }
	* html #contact-form fieldset div p input.check,
	* html #contact-form fieldset div p input.radio { margin-right: 10px; }
	/* 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 {
	float: right;
	text-align: center;
	height: auto;
	width: 100px;
	font-size: 100%;
	color: #E3ECDF;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 1px;
	padding-left: 25px;
	background-color: #9DBA8A;
	background-image: none;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 4px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #6E9346;
	}
	
	#contact-form blockquote#send-email { margin: 0; padding: .5em; width: 294px; border: 3px double #efefef;
				font-style: italic; }






/* 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; font-weight: bold; }
		#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; }
		
		#contact-form label em { font-style: normal; }
		
		
		
		#content #contact-form label.if-yes, #content #contact-form label.check-label { font-weight: normal; }
		#content #contact-form label.address2 { text-indent: -9000em; }
		#content #contact-form label.mail-address,
		#content #contact-form label.email-address,
		#content #contact-form label.phone-number { padding-left: 16px; width: 84px; }