/* 

forms CSS document
forms.css
author: Atlantic BT - www.atlanticbt.com
date: 10/26/2009

*/


/* DO NOT EDIT - Important reset */
input.radio, input.checkbox,
.buttons input, input.button, input.submit { border: 0; padding: 0; width: auto; background: none; }


/*======================================
	=Custom Colors, Typography, Etc.
======================================*/

/* legend type/colors */
legend { display: none; font-size: 18px; color: #bc6f2e; }
fieldset fieldset legend { display: block; font-size: 11px; color: #000; }

/* buttons fieldset formatting */
.buttons { margin: 1em 0 2em; padding-top: 1em; padding-left: 130px; border-top: 1px solid #c2c2c2; }

/* base button colors & type setting*/
.buttons input { background: #003cb7; color: #fff;
				font-weight: bold; font-size: 12px; }

/* input.button */
.buttons input.button { background-color: #ccc; color: #5c5c5c; }

/* button focus/hit colors */
.buttons input:focus,
.buttons input.button:focus { background-color: #00142b; color: #fff; }



/* errors block message formatting */
div.errors { margin: 0 0 20px; padding: 10px 10px 10px 36px; border: 1px solid #d0ba25;
			background: #f9f6dd url(images/i_exclamation.gif) no-repeat 10px 8px; }

/* error message positioning & colors */
div.form form .error-message { display: block; margin-left: 105px; width: 243px;
							padding: 4px 10px 3px 25px; border: 1px solid #e5a3a3;
							background: #ffcfcf url(images/i_exclamation-rd-sm.gif) no-repeat 3px 3px;
							color: #801b1b; font-style: normal; font-size: 11px; }



/*======================================
	=Site Specific Edits
======================================*/

/* reset client's formatting on header input/button */
div.header input { width: auto; padding: 2px; border: 0; }

div.form { margin-top: 1.5em; }

#hide-fields{ display:none; }

/*======================================
	=Base Form Styles (edit w/ caution)
======================================*/

/* widths and paddings of defaults can be set below. please edit with caution. */
	
form { }

	input, textarea, select {
		padding: 2px;
		width: 280px;
		border: 1px solid #9a9a9a;
		border-right-color: #c2c2c2;
		border-bottom-color: #c2c2c2;
		background: #fff;
		font: inherit;
		line-height: 17px;
	}
	
	input:focus, textarea:focus, select:focus { background-color: #ffffce; }
	
	.buttons input { padding: 5px 10px; cursor: pointer; }
		.buttons input.button { margin-right: 10px; }
		input.reset, .buttons legend { display: none; }
	
	select { width: 280px; }
		.postal-code input { width: 5em; }
		input.prefix, input.area-code { margin: 0 .25em 0 0; width: 3em; }
		input.area-code { margin: 0 .25em; }
		input.suffix { width: 4em; }
		
	textarea { width: 582px; height: 15em; }
	
	fieldset { padding: 0 20px 0; border: 0; }
		fieldset fieldset { padding: 0; }
	legend { position: relative; margin-left: -20px; }
		fieldset fieldset legend { margin: 0; }
	
	div.form form ol { margin: 0; padding: 0; }
	div.form form ol li
	{ clear: both; position: relative; float: left; display: inline;
	margin: .35em 0; padding: 0; width: 400px; list-style: none; height: 1%; }
		
		/* commented out to prevent zip/state combo float. */
		/*div.form form ol li.region { float: left; display: inline; width: 255px; }
		div.form form ol li.postal-code { float: left; display: inline; width: 139px; }
		li.postal-code label { width: 50px; }*/
				
		div.form form .error { position: relative; }

	label, li.exception label
	{ float: left; display: inline; margin: 0 5px 0 0; padding-top: 5px; width: 100px; text-align: right; }
		.extended label { color: #999; }
		.checkboxes label, .radios label { float: none; margin: 0 0 0 5px; padding: 0; }
		.textarea label { float: none; display: block; margin: 0 0 .5em; width: auto; text-align: left; }
		div.form form ul.radios,
		div.form form ul.checkboxes { margin: 0 0 0 110px; padding: 10px; width: 290px; }
			div.form form ul.radios li,
			div.form form ul.checkboxes li { clear: none; float: left; display: inline;
												margin-right: 20px; width: 125px; }
		
	em.summary { display: block; margin: 5px 0 0 110px; font-style: normal; font-size: 11px; color: #999; }
	div.form form .error-message { position: relative; }

	div.form form fieldset.error .error-message,
	div.form form li.textarea .error-message
	{ position: relative; left: auto; top: auto; margin: .5em 0; }