/*	Basic Form Layout	*/
	.formSection{
		width: 500px;
		padding: 12px 0;
		border-bottom: 1px solid #D3D8DB;
	}
	.lastSection{
		border-bottom: 0;
	}
	.formSectionTitle{
		padding-bottom: 12px;
	}

	.formField{
		clear:left;
		position:relative;
		margin-bottom:12px;
		width:500px;
	}
	.formField label{
		display:block;
		float:left;
		width: 140px;
		text-align:left;
		margin-right: 12px;
		padding-top: 3px;
	}
	.formField .inputs{
		float:left;
		width: 320px;
	}
	.formField .feedback{
		font-size:10px;
	}
	.formField .explanation{
		color:#777;
		font-size:10px;
	}
	
	.formField .feedback, .formField .explanation {
		margin-top:2px;
	}

/*	Common Form Styles	*/
	input.text, textarea{
		width: 220px;
	}

	::-webkit-input-placeholder{ color: #aaa; }
	:-moz-placeholder{ color: #aaa; }
	::-moz-placeholder{ color: #aaa; }
	:-ms-placeholder{ color: #aaa; } 

	input.placeholderText,
	textarea.placeholderText{
		color:#777;
	}

	input.text, textarea{
		height:24px;
		padding: 2px 4px;
		-moz-appearance: none;

		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;

		border:1px solid #ABB3BA;
		background: transparent;
		background-color: #fafaff;
		
		-moz-box-shadow: inset 1px 1px 2px #ddd;
		-webkit-box-shadow:inset 1px 1px 2px #ddd;
		box-shadow: inset 1px 1px 2px #ddd;
	
	}
	input.active, textarea.active{
		border:1px solid #6C94AC;
		-moz-box-shadow: inset 0 0 2px #0F639B;
		-webkit-box-shadow: inset 0 0 2px #0F639B;
		box-shadow: inset 0 0 2px #0F639B;
	}
	textarea{
		height: 80px;
	}

/*	classes affect Feedback Area and input styles	*/
	.invalid .feedback{	color:#CF2A29;	}
	.valid .feedback{	color:#373;	}
	div.invalid input, div.invalid textarea{
		border:1px solid #d00;
		-moz-box-shadow: none;
		-webkit-box-shadow: none; 
		box-shadow: none; 
	}


/*	Specialized Form Widgets */
	/*	FullName	*/
	.formField input.firstNameInput{
		width: 85px;
	}
	.formField input.lastNameInput{
		width: 120px;
	}
	
	/*	PhoneNumber	*/
	.formField input.areaCodeInput,
	.formField input.prefixInput{
		width: 40px;
	}
	.formField input.lastFourInput{
		width: 60px;
	}
	
	/*	Address	*/
	.formField input.cityInput{
		width:110px;
	}
	.formField input.stateInput{
		width:30px;
	}
	.formField input.postalCodeInput{
		width:60px;
	}
	
/*
*	selectmenu plugin for jquery
*/
	.ui-selectmenu,
	.ui-selectmenu-menu li,
	.ui-selectmenu-open li,
	.ui-selectmenu-status{
		font-size:14px;
		font-family:inherit;
	}
	.ui-selectmenu-menu li,
	.ui-selectmenu-open li{
		text-align:left;
	}
	
	a.ui-selectmenu span.ui-selectmenu-status{
		padding: 3px 8px 3px 3px;
	}
	a.ui-selectmenu span.ui-selectmenu-icon{
		right:0;
	}
	.ui-selectmenu-open{
		z-index:700;
	}

/**
*	free form elements that do not live in formFields, but DO have rows
*/
	div.row{
		clear:left;
	}
	div.row label{
		float:left;
		width:160px;
		text-align:left;
		margin-right:12px;
	}
