/**** FORM STYLES ***/
form								{ position:relative; z-index:1; margin:0; padding:0; }
.formWrap							{ width:680px; float:left; display:inline; position:relative; z-index:1; margin:15px 0 0 0; }
.formWrap .fieldset					{ padding:0 40px 0 0; width:680px; }
#siteContainer .formWrap .hidden	{ display:none; }
.formWrap p							{ float:left; display:inline; }

/**** FORM - ALERT MESSAGE ***/
#alertMessage						{ position:relative; background:#cc0000; margin:0 40px 10px 0; }
#alertMessage p						{ margin:0; padding:15px 20px 10px 70px; font:bold 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#alertMessage p span				{ display:block; font:oblique 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; }
#alertMessage img					{ margin:0 0 -53px 0; padding:10px 0 0 10px; }
.alerted input,
.alerted select,
.alerted textarea 					{ color:#000 !important; background:#cc0000 !important; }

/**** ALERT MESSAGE ***/
#mainWrap .formWrap #alerted input,
#mainWrap .formWrap #alerted textarea,
#mainWrap .formWrap #alerted select			{ border-color:#cc0000; background:#d84d39; color:#fff; }
#mainWrap .formWrap #alerted span			{ color:#d84d39; }
#mainWrap #alertMessage						{ float:left; display:inline; width:100%; margin:-1px 0 19px -1px; padding:0; position:relative; top:0; left:0; background:#d84d39; border:1px solid #990000; }
#mainWrap #alertMessage p					{ margin:0; padding:10px 20px 10px 90px; font:bold 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#mainWrap #alertMessage p span.notes		{ margin:0 0 10px 0; display:block; font:oblique 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#mainWrap #alertIcon						{ position:absolute; top:0; left:0; display:block; width:100%; }
#mainWrap #alertIcon img					{ margin:7px 0 0 35px; }

/**** FIELDS ***/
.formWrap .field					{ position:relative; background:#ccc; margin:0 0 1px 0; display:block; width:100%; }
.formWrap .field:hover				{ background:#edd980; }
.formWrap .field label				{ margin:0; padding:7px 500px 7px 20px; display:block; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap .field label span			{ display:block; font:oblique 11px/14px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap .field input,
.formWrap .field select,
.formWrap .field textarea			{ background:#fff; border:none; margin:2px 0 0 0; }
.formWrap .field div				{ position:absolute; top:50%; left:200px; }
.formWrap .field span.required		{ position:absolute; top:50%; left:185px; margin:-7px 0 0 0; font:normal 26px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }


.formWrap .disabled input,
.formWrap .disabled select,
.formWrap .disabled textarea	{ background:#EBEBE4 !important; border:1px solid #698fb4; }


/**** FIELDS - EDIT ***/
.formWrap .edit .field:hover span.edit			{ background-color:#94b469; }
.formWrap .edit .field label					{ color:#888; }
.formWrap .edit .field input					{ background:transparent !important; border:none; margin:1px; }
.formWrap .edit .field textarea					{ background:transparent !important; border:none; margin:1px; }
.formWrap .edit .field.browse input				{ background:#fff !important; border:1px solid #698fb4; margin:0; }
.formWrap .edit .field select					{  }
.formWrap .edit .field span.required			{ display:none; }
.formWrap .field span.edit						{ cursor:pointer; position:absolute; top:50%; left:210px; margin:-10px 0 0 0; background:#d8d8d9; }
.formWrap .field span.edit span					{  margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .field.changed span.edit	{ cursor:default; left:188px; background-color:#698fb4; }
#siteContainer .formWrap .field.changed div,
#siteContainer .formWrap .field.changed input,
#siteContainer .formWrap .field.changed select,
#siteContainer .formWrap .field.changed textarea	{ color:#336699; }
#siteContainer .formWrap .field span.change			{ cursor:pointer; position:absolute; top:50%; left:250px; margin:-10px 0 0 0; background:#9e9ea0; }
#siteContainer .formWrap .field span.change span	{ margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .field:hover span.change	{ background-color:#94b469; }

/**** FIELDS - IMAGE ***/
#siteContainer .formWrap .image						{ background:#fff; }
#siteContainer .formWrap .image span.change			{ cursor:pointer; position:absolute; top:50%; left:162px; margin:-10px 0 0 0; background:#d8d8d9; }
#siteContainer .formWrap .image span.change span	{ margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .image span.bottom			{ position:relative; margin:0; width:630px; height:4px; display:block; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
#siteContainer .formWrap .image span				{ display:block; font:oblique 11px/14px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
#siteContainer .formWrap .image img					{ padding:20px 20px 10px 250px; }

/**** FIELDS - ACTIVE STATE ***/
.formWrap .field.active					{ background:#480707; }
.formWrap .field.active label			{ color:#fff; }
.formWrap .field.active label span		{ color:#ddd; }
#siteContainer .formWrap .field.active div				{ color:#fff; }
.formWrap .field.active input,
.formWrap .field.active textarea		{ background:#fff !important; border:1px solid #698fb4; margin:0; }
.formWrap .field.active span.required	{ color:#fff; }
.formWrap .field.active div				{ color:#fff; }
.formWrap .field.active span.edit,
.formWrap .field.active span.change		{ display:none; }

/**** FIELDS - ALERT STATE ***/
.formWrap .field.alert					{ background:#CC0000; }
.formWrap .field.alert label			{ color:#fff; }
.formWrap .field.alert label span		{ color:#ddd; }
.formWrap .field.alert input			{ background:#fff !important; border:1px solid #990000; margin:0; }
.formWrap .field.alert span.required	{ color:#fff; }
.formWrap .field.alert div				{ color:#fff; }
.formWrap .field.alert span.edit,
.formWrap .field.alert span.change		{ display:none; }

/**** TEXT FIELDS ***/
.formWrap .field.text input				{ vertical-align:middle; width:450px; height:20px; padding:0 0 0 5px; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap .field div					{ margin:-13px 0 0 0; font:normal 16px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }

/**** TEXTAREAS ***/
.formWrap .field.textarea label			{ padding-bottom:58px; }
.formWrap .field.textarea textarea		{ vertical-align:middle; width:450px; height:72px; padding:0 0 0 5px; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap .field.textarea div			{ margin:-37px 0 0 0; }

/**** SELECT BOXES ***/
.formWrap .field.select select			{ vertical-align:middle; padding:0; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap .field.select img				{ vertical-align:middle; display:inline; }

/**** MULTIPLE SELECT BOXES ***/
.formWrap div .multiSelectbox div		{ margin:-13px 0 0 0; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap div .multiSelectbox select	{ vertical-align:middle; padding:0; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap div .multiSelectbox img		{ vertical-align:middle; display:inline; }
.formWrap div .multiSelectbox label		{ padding:0 0 18px 20px; }

/**** CHECKBOX ***/
.formWrap .field.checkbox input			{ vertical-align:middle; background:transparent !important; border:0;  }
.formWrap .field.checkbox label			{ padding:10px 20px 10px 235px; }

/**** RADIO ***/
.formWrap div.radio						{ margin:0 0 1px 0; }

/**** TEXT FIELDS - SPECIAL CASES ***/
.formWrap .field.text input#phoneNumber,
.formWrap .field.text input#hphone,
.formWrap .field.text input#socialSecurityNumber1,
.formWrap .field.text input#socialSecurityNumber2			{ width:150px; }
.formWrap .field.text input#zipCode,
.formWrap .field.text input#bZip,
.formWrap .field.text input#sZip,
.formWrap .field.text input#estimatedValueOrSalePrice,
.formWrap .field.text input#balanceOfExistingMortgages,
.formWrap .field.text input#applicant1GrossAnnualIncome,
.formWrap .field.text input#applicant2GrossAnnualIncome,
.formWrap .field.text input#checkingSavingsMoneyMarketFunds,
.formWrap .field.text input#stocksBondsMutualFunds,
.formWrap .field.text input#iraTspSep401k,
.formWrap .field.text input#otherLiquidAssets	{ width:100px; }
.formWrap .field.text input#age,
.formWrap .field.text input#age2,
.formWrap .field.text input#cvv,
.formWrap .field.text input#qty,
.formWrap .field.text input#mi{ width:50px; }


/**** BUTTONS ***/
.buttons								{ background:#ccc; width:680px; float:left; display:inline; margin:0; padding:5px 0; }
.buttons span							{ margin:0 5px 0 200px; float:left; display:inline; }
.buttons span input						{ cursor:pointer; overflow:visible; background:url(../img/navBar.jpg) repeat-x 0 100%; float:left; display:inline; margin:0; padding:5px; border:0; font:normal 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
.buttons span.cancel					{ background-color:#9e9ea0; }
