/**** FORM STYLES ***/
form								{ margin:0; padding:0; }
.formWrap							{ width:750px; float:left; display:inline; position:relative;  }
.formWrap .fieldset					{ padding:0 40px 10px 0; }
#siteContainer .formWrap .hidden	{ display:none; }

/**** FORM - ALERT MESSAGE ***/
#alertMessage						{ position:relative; background:#d84d39 url(../img/formFieldTop.png) no-repeat; 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; background:url(../img/formFieldBottom.png) no-repeat 0 100%; }
#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; }

/**** FIELDS ***/
.formWrap .field					{ position:relative; background:#92add1 url(../img/formFieldTop.png) no-repeat; margin:0 0 1px 0; display:block; width:100%; }
.formWrap .field:hover				{ background-color:#6583b1; }
.formWrap .field label				{ background:url(../img/formFieldBottom.png) no-repeat 0 100%; margin:0; padding:10px 440px 10px 20px; display:block; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field label span			{ display:block; font:oblique 11px/14px "Trebuchet MS", arial, helvetica, sans-serif; color:#666; }
.formWrap .field input,
.formWrap .field select,
.formWrap .field textarea			{ background:#fff !important; border:1px solid #698fb4; }
.formWrap .field div				{ position:absolute; top:50%; left:220px; }
.formWrap .field div span			{ margin:0 10px 0 0; color:#333; }
.formWrap .field span.required		{ position:absolute; top:50%; left:200px; margin:-7px 0 0 0; font:normal 26px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field span.required2		{ position:absolute; top:10px; left:200px; margin:0; font:normal 26px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }

/**** 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 url(../img/formMiniButtonLeftLight.png) no-repeat; }
.formWrap .field span.edit span					{ background:url(../img/formMiniButtonRightLight.png) no-repeat 100% 0; 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 url(../img/formMiniButtonLeftLight.png) no-repeat; }
#siteContainer .formWrap .field span.change span	{ background:url(../img/formMiniButtonRightLight.png) no-repeat 100% 0; 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 url(../img/formFieldTopOutline.png) no-repeat; }
#siteContainer .formWrap .image span.change			{ cursor:pointer; position:absolute; top:50%; left:162px; margin:-10px 0 0 0; background:#d8d8d9 url(../img/formMiniButtonLeftWhite.png) no-repeat; }
#siteContainer .formWrap .image span.change span	{ background:url(../img/formMiniButtonRightWhite.png) no-repeat 100% 0; margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .image span.bottom			{ position:relative; background:url(../img/formFieldBottomOutline.png) no-repeat 0 100%; margin:0; width:630px; height:4px; display:block; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
#siteContainer .formWrap .image span				{ display:block; font:oblique 11px/14px "Trebuchet MS", arial, helvetica, sans-serif; color:#666; }
#siteContainer .formWrap .image img					{ padding:20px 20px 10px 250px; }

/**** FIELDS - ACTIVE STATE ***/
.formWrap .field.active					{ background-color:#025bad; }
.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 div span		{ color:#fff; }
.formWrap .field.active span.edit,
.formWrap .field.active span.change		{ display:none; }

/**** FIELDS - ALERT STATE ***/
.formWrap .field.alert					{ background-color:#d84d39; }
.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 div span			{ color:#fff; }
.formWrap .field.alert span.edit,
.formWrap .field.alert span.change		{ display:none; }

/**** TEXT FIELDS ***/
.formWrap .field.text input				{ vertical-align:middle; width:460px; height:24px; padding:0 0 0 5px; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field div					{ margin:-13px 0 0 0; font:normal 16px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#666; }

/**** TEXTAREAS ***/
.formWrap .field.textarea label			{ padding-bottom:58px; }
.formWrap .field.textarea textarea		{ vertical-align:middle; width:460px; height:72px; padding:0 0 0 5px; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field.textarea div			{ margin:-37px 0 0 0; }

/**** SELECT BOXES ***/
.formWrap .field.select select			{ vertical-align:middle; padding:0; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field.select img				{ vertical-align:middle; display:inline; }

/**** CHECKBOX ***/
.formWrap .field.checkbox input			{ float:left; display:inline; position:relative; margin:0 0 0 -200px; vertical-align:middle; background:transparent !important; border:0; }
.formWrap .field.checkbox label			{ padding:10px 20px 10px 50px; }


/**** 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								{ width:100%; float:left; display:inline; margin:10px 0 0 0; }
.buttons span							{ margin:0 5px 0 0; background:#025bad url(../img/formButtonLeft.png) no-repeat; float:left; display:inline; }
.buttons span input						{ cursor:pointer; overflow:visible; float:left; display:inline; margin:0; padding:0 20px; background:url(../img/formButtonRight.png) no-repeat 100% 0; border:0; height:36px; font:normal 14px/36px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
.buttons span a							{ text-decoration:none; cursor:pointer; overflow:visible; float:left; display:inline; margin:0; padding:0 20px; background:url(../img/formButtonRight.png) no-repeat 100% 0; border:0; height:36px; font:normal 14px/36px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
.buttons span.cancel					{ background-color:#9e9ea0; }

#verisignSeal2							{ position:absolute; bottom:75px; right:20px; }

#paymentInfo			{ position:relative; float:left; display:inline; padding:0; margin:0; width:273px; height:146px; background:url(../img/paymentBackground.gif) no-repeat; }
#vis					{ width:79px; height:49px; background:url(../img/visa.gif) no-repeat; }
#mcd					{ width:79px; height:49px; background:url(../img/masterCard.gif) no-repeat; }
#amx					{ width:79px; height:49px; background:url(../img/americanExpress.gif) no-repeat; }
#dsc					{ width:79px; height:49px; background:url(../img/discover.gif) no-repeat; }
#dnc					{ width:79px; height:49px; background:url(../img/dinersClub.gif) no-repeat; }
.ccLogo					{ position:absolute; top:78px; left:181px; display:block; }
.ccName					{ padding:10px 0 0 22px; font:normal 18px/22px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.ccInfo					{ text-align:right; width:145px; margin:25px 0 0 22px; font:normal 18px/30px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.asterix				{ margin:0 0 0 20px; vertical-align:bottom; font:normal 26px/30px "Trebuchet MS", arial, helvetica, sans-serif; }
.expires				{ text-align:right; width:145px; margin:0 0 0 22px; font:normal 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.paypalEmail			{ padding:0 0 0 22px; font:normal 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
#paypal					{ margin:11px 19px 0 0; width:60px; height:38px; }

.cartButtons		{ padding:10px 0; clear:both; float:left; display:inline; margin:0 22px 0 0; }
.cartButtons a		{ margin:0 0 0 5px; }
.cartButtons img,
.cartButtons input	{ display:inline; }

