/* ------ STEP 01 ----- */

/* LONG FORM STYLING */

.longFormWrapper {
    background: url(/images/bg_Step1.png) no-repeat 0 35px;
    _background: url(/images/bg_Step1.png) no-repeat 0 60px;
    margin-left: -25px;
    padding-bottom: 80px;
    _padding-bottom: 0;
    width: 1050px;
}

.longFormWrapper h1 {
    color: #424242;
    font-size: 38px;
    text-indent: -9999px;
    margin: 25px 0 10px 25px;
    _margin: 13px 0 15px 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    background: url(/images/bg_PrelimTitle.png) no-repeat 0 0;
    _background: url(/images/bg_PrelimTitle.png) no-repeat 20px 13px;
    height: 43px;
    width: 970px;
    _width: 1000px;
    display: block;
}

.smallArrow {
    background: url(/images/smallArrow.png) no-repeat;
    height: 67px;
    width: 67px;
    position: absolute;
    top: 127px;
    left: 350px;
}

.longFormWrapper .panelWrapperPurchase, .longFormWrapper .panelWrapperRefi {
    list-style: none;
    margin: 15px 0 50px 0;
    _margin: 15px 0 0 0;
}

.longFormWrapper ul.mainQuestions {
    margin-top: 15px;
    _margin-top: 0;
}

.longFormWrapper ul.mainQuestions, .longFormWrapper ul.secondaryQuestions {
    list-style: none;
    width: 250px;
    _width: 260px;
    height: 290px;
}

.secondaryQuestionsFirst {
    margin: 0 15px 0 0;
    float: right;
}

.secondaryQuestionsFirst li.imageItem {
    list-style: none;
    margin: 40px 0 20px -15px;
    _margin: 30px 0 15px 0;
}

.secondaryQuestionsFirst li.exampleItem {
    list-style: none;
    margin: 20px 0;
}

.secondaryQuestionsFirst li.exampleItem a.buttonWhite {
    padding: 12px 0 0 5px;
}

.secondaryQuestionsFirst li {
    margin: 10px 0;
}

.longFormWrapper .panelWrapperRefi .panel4 ul.mainQuestions p, .longFormWrapper .panelWrapperPurchase .panel3 ul.mainQuestions p {
    font-size: 14px;
    margin-bottom: 3px;
}

.longFormWrapper .panelWrapperRefi .panel4 ul.mainQuestions {
    _width: 300px;
}

.longFormWrapper .panel2 ul.secondaryQuestions {
    height: 288px;
}

.longFormWrapper .panel2 ul.secondaryQuestions a.hb {
    color: #06F;
    font-size: 10px;
}

.longFormWrapper .panel2 ul.mainQuestions p {
    margin: 18px 0 5px 0;
    _margin: 15px 0 5px 0;
}

.longFormWrapper .panel2 ul.mainQuestions ul, .longFormWrapper .panel2 ul.secondaryQuestions ul, .longFormWrapper .panel3 ul.mainQuestions ul {
    list-style: none;
}

.longFormWrapper .panel2 ul.mainQuestions p#cityStatAbrr, .longFormWrapper .panel2 ul.secondaryQuestions p#cityStatAbrr {
    margin: 5px 0 0 0;
    _margin: 0;
}

.addressWrapper {
    _height: 20px;
}

.mainQuestions li .passwordReminder {
    font-size: 11px;
}

.longFormWrapper .panel2 ul.secondaryQuestions p {
    margin: 19px 0 5px 0;
    _margin: 16px 0 5px 0;
}

.longFormWrapper .panel1 ul.mainQuestions p {
    margin: 18px 0 5px 0;
    _margin: 15px 0 5px 0;
}

.longFormWrapper .panel1 li.verifyPassword p {
    margin: 10px 0 5px 0;
    _margin: 6px 0 5px 0;
}

.longFormWrapper ul.secondaryQuestions {
    float: right;
}

.longFormWrapper ul.secondaryQuestions select {
    width: 180px;
}

.longFormWrapper .gradeHelp {
    float: left;
    margin-left: -150px;
}

.longFormWrapper h3 {
    color: #363636;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    margin: 30px 20px 30px 0;
    _margin: 20px 20px 10px 0;
    float: right;
    width: 250px;
}

h3.wizardTitle {
    float: left;
    margin: 30px 0 0 40px;
}

img.largeLogo {
    float: right;
    margin: -200px 60px 0 0;
    _margin: -220px 80px 0 0;
}

.progressBar, .progressBarCB {
    color: #838383;
    font-size: 12px;
    height: 10px;
    width: 174px;
    _width: 230px;
    background: url(/images/progressBar.png) no-repeat right;
    _background: url(/images/progressBar.png) no-repeat right 3px;
    padding: 0 55px 3px 0;
    margin-right: 110px;
    float: right;
    _margin: 0 115px -30px 0;
    _position: relative;
    _top: -5px;
}

.progressBarCB {
    margin-right: 20px;
    _margin: 0 30px -30px 0;
}

.cbWrapper {
    _margin-right: 85px;
}

.panel2 progressBar, .panel3 progressBar {
    _margin: 0 10px -30px 0;
}

.progressBarFiller {
    height: 10px;
    width: 174px;
    position: relative;
    top: -12px;
    left: 55px;
    background: url(/images/progressBarInner.png) no-repeat;
}

.longFormWrapper .panel1 {
    background: url(/images/bg_LongFormMarketing.png) no-repeat right 18px;
}

.longFormWrapper .panel1, .longFormWrapper .panel2, .longFormWrapper .panel3 {
    margin: 0 90px 0 -90px;
    _margin: 0 0 0 0;
}

p.multiPropText {
    color: #81817C;
    line-height: 18px;
    font-size: 14px;
    padding: 0px 50px 0 0;
    font-style: italic;
}

a.engineLink {
    background: url(/images/button_finish.png) no-repeat;
    height: 30px;
    width: 89px;
    display: block;
    position: absolute;
    _position: relative;
    top: 406px;
    _top: -34px;
    left: 460px;
    _left: 105px;
}

.mainQuestionsLast {
    float: left;
    margin-left: 40px;
    width: 600px;
}

.mainQuestionsLast a {
    margin: 0 0 40px 50px;
}

.mainQuestionsLast p {
    width: 260px;
    _width: 250px;
    margin-bottom: 30px;
    line-height: 20px;
}

.gradeSection {
    float: left;
    width: 143px;
    margin: 30px 0 20px 65px;
    _margin: 25px 0 20px 65px;
}

.gradeSection ul {
    font-size: 13px;
    color: #2f651b;
    text-align: center;
    width: 143px;
    height: 305px;
    padding: 30px 0 0 0;
    list-style: none;
}

.gradeSection ul li {
    background: url(/images/bg_StatusSection_incomplete.png) no-repeat 30px 16px;
    padding: 0 0 54px 0;
    margin-bottom: 5px;
}

.gradeSection ul li.preliminaryGrade {
    padding: 0 0 0 5px;
    background: none;
}

.gradeSection ul li.preliminaryGrade img {
    margin: 10px 0 0 0;
}

.gradeSection ul li span {
    color: #fff;
    font-size: 22px;
    display: block;
    padding: 25px 0 5px 0;
}

.gradeSection ul li.Agrade {
    background: url(/images/bg_StatusSection_A.png) no-repeat 30px 16px;
    padding: 0 0 7px 0;
}

.gradeSection ul li.Bgrade {
    background: url(/images/bg_StatusSection_B.png) no-repeat 30px 16px;
    padding: 0 0 7px 0;
}

.gradeSection ul li.Cgrade {
    background: url(/images/bg_StatusSection_C.png) no-repeat 30px 16px;
    padding: 0 0 7px 0;
}

.statusSection ul li.Agrade {
    background: url(/images/bg_StatusSection_A.png) no-repeat 30px 16px;
}

.statusSection ul li.Bgrade {
    background: url(/images/bg_StatusSection_B.png) no-repeat 30px 16px;
}

.statusSection ul li.Cgrade {
    background: url(/images/bg_StatusSection_C.png) no-repeat 30px 16px;
}

#calculatedLTV, #calculatedLTV3, #calculatedLenderCount, #calculatedLenderCount3, #calculatedCreditScore, #calculatedCreditScore3, #calculatedLenderCountRefi2, #calculatedLenderCountRefi3, #calculatedLenderCountRefi4, #calculatedLTVRefi3, #calculatedLTVRefi4, #calculatedCreditScoreRefi3, #calculatedCreditScoreRefi4 {
    color: #fff;
    font-size: 22px;
    float: right;
    margin-top: 20px;
    _padding-top: 2px;
}

#calculatedLTV, #calculatedLTV3, #calculatedLTVRefi3, #calculatedLTVRefi4 {
    margin-right: 48px;
}

#calculatedLenderCount, #calculatedLenderCount3, #calculatedLenderCountRefi2, #calculatedLenderCountRefi3, #calculatedLenderCountRefi4 {
    margin-right: 67px;
}

#loadingLenderCountRefi2 {
    margin-top: 5px;
    _margin-top: -13px;
}

#calculatedCreditScore, #calculatedCreditScore3, #calculatedCreditScoreRefi3, #calculatedCreditScoreRefi4 {
    margin-right: 58px;
}

.gradeSupportSection {
    color: #81817c;
    width: 130px;
    margin: 70px 15px 0 15px;
    float: left;
    font-size: 14px;
    line-height: 16px;
}

.gradeSupportSection p {
    margin: 185px 0 0 20px;
    _margin: 195px 0 0 20px;
    line-height: 15px;
    font-size: 12px;
}

.gradeSupportSection a {
    margin-left: -5px;
    _margin: 0;
    _position: relative;
    _right: 6px;
}

.regLegend {
    text-align: right;
    font-size: 11px;
    float: right;
    margin: -49px 0 0 0;
}

.regLegend span {
    color: #F7AD1D;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: 6px;
    padding-right: 3px;
}

.formHelp {
    color: #999;
    font-size: 10px;
    display: block;
    margin-bottom: -2px;
    _margin: 0px 0 0 0;
    _float: left;
}

.formTitle input {
    float: right;
    margin: 2px 0 -2px 0;
    _margin: -20px 0 0 0;
}

.step2Wrapper ul.profileColumns li.refiSide {
    padding: 6px 29px 0 2px;
    _padding: 6px 18px 0 2px;
}

#mainContent {
    _background: url(/images/bgLeftCol.png) repeat-y 350px;
}

.refiSide H1, .refiMain  H2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
    letter-spacing: normal;
    margin-bottom: 15px;
    font-weight: normal;
    color: #316122;
}

.refiMain  H2 {
    margin: 20px 0 15px 5px;
    _margin: 35px 0 15px 5px;
}

.refiSide {
    font-family: arial, sans-serif;
    letter-spacing: normal;
    line-height: 15px;
    font-size: 12px;
}

.refiSide a.arrowGreen, .refiSide a.arrowGreenDown {
    margin-bottom: 10px;
    display: block;
}

.refiSide p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    letter-spacing: .1px;
    padding-bottom: 10px;
    line-height: 18px;
}

.refiSide ul {
    list-style-type: disc;
    padding: 0 0 20px 20px;
    line-height: normal;
    font-size: 12px;
}

.refiSide ul span {
    color: #666;
}

.refiSide ul li {
    margin-bottom: 6px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.profileBox {
    padding: 18px 0;
}

.profileBox ul {
    padding: 0;
    margin: 0 107px -10px 0;
    list-style: none;
}

.profileBox a img {
    margin: 10px 30px 0 0;
}

.profileName {
    font-size: 13px;
    color: #316122;
    width: 100%;
    padding: 3px 5px 10px 5px;
    margin-bottom: 5px;
    background: url(../images/bgTitleBar.png) no-repeat;
}

.profileText {
    font-size: .8em;
    margin-bottom: 4px;
}

#sideTagCloud {
    background: #edfdf8;
    margin-top: 10px;
    width: 320px;
    height: 150px;
}

.tagCloud a {
    display: block;
}

tr.fieldOn {
    background: #FDF1D8;
}

.formContent {
    font-family: arial, sans-serif;
    background: #fff;
    font-weight: normal;
    padding: 10px 0 15px 0 !important;
    border: none;
}

.formContent table {
    padding-bottom: 5px;
    margin-bottom: 0;
}

.refiMain td {
    font-size: 13px;
    padding: 9px 0 4px 5px;
    _padding: 5px 0 4px 5px;
    margin: 0;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
}

.genderField label {
    margin: 0 20px 0 5px;
}

.refiMain input[type="text"], .refiMain input[type="password"] {
    font-size: 13px;
    padding: 3px 3px 2px 3px;
    width: 150px;
    margin-top: -6px;
    _margin-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

.refiMain input.passwordField {
    _width: 155px;
}

span.characterHelp {
    font-size: 10px;
    color: #999;
    position: absolute;
    margin: -6px 0 0 5px;
    _margin: -3px 0 0 4px;
}

td.useText {
    _text-align: center;
    color: #092A61;
    padding-left: 220px;
    _padding-left: 120px;
}

td.useText a {
    padding-left: 35px;
    _margin-left: -150px;
}

td.useText label {
    font-weight: normal;
}

input#middleInitial {
    width: 30px
}

.formLabelPer {
    padding: 10px 30px 0 10px;
    font-size: 13px;
    text-align: left;
}

.formFieldPer {
    padding-top: 10px;
    text-align: right;
    vertical-align: top;
}

.formFieldPer input {
    margin-left: 30px;
    width: 15px;
}

td.error label {
    color: #990000;
}

input.error {
    border: 2px solid #990000;
}

.errorListHead, .feedbackPanelERROR, .feedbackPanelINFO {
    font-size: 13px;
}

#formPersonality ul {
    margin-left: 20px;
}

.required {
    color: #F7AD1D;
    font-weight: normal;
    margin-right: 1px;
}

.optional {
    padding-left: 1px;
}

.accordionMortgageLabel {
    padding-left: 30px;
    font-weight: normal;
}

#personality .radios {
    margin-top: 10px;
}

.boldElement {
    font-weight: bold;
}

/* ------ Profile ------ */

h1 {
    color: #fff;
    font-size: 2.3em;
    margin: 25px 0 0 15px;
}

h1 .pswdChange {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .7em;
    padding-left: 10px;
}

.container h3 {
    display: inline-block;
    margin: 0;
    padding: 8px 0 8px 10px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
}

fieldset {
    border-width: 0;
    font-size: .9em;
    margin-bottom: 0;
    padding: 0;
}

fieldset em {
    color: #F7AD1D;
    margin-right: -1px;
    font-weight: normal;
}

.usedForPurchaseWrapper em {
    color: #F7AD1D;
    margin: 0 -6px 0 0;
}

fieldset legend {
    font-size: 1.4em;
    font-weight: bold;
    color: #00345F;
}

.refiPropertyTitle {
    font-size: 1.4em;
    font-weight: bold;
    color: #00345F;
}

fieldset ol li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 9px;
    margin: 0 0 10px 10px;
}

#detailsNav {
    background: #fff url('/images/bg_gradient_horizontal.png') left top repeat-y;
    border: 1px solid #69611c;
    float: left;
    margin-right: 20px;
    width: 160px;
}

#detailsNav h3 {
    background: #5a5107 url('/images/bg_offer_dark_gradient.png') left top repeat-x;
    border-bottom: 2px solid #69611c;
    margin: 0;
    padding: 6px;
}

#middleContent, #middleContentBilling {
    float: left;
    margin: 25px 20px 0 0;
    width: 480px;
    _width: 580px;
    z-index: 0;
    font-size: 1em;
}

#accordionContent {
    float: left;
    margin-right: 20px;
    width: 700px;
    z-index: 0;
    font-size: .8em;
    letter-spacing: normal;
}

#accordionContent label {
    font-weight: bold;
}

#middleContentBilling {
    width: 520px;
}

#middleContent .buttonSave, #middleContentBilling .buttonSave {
    margin-left: 140px;
}

#middleContent h2 {
    font-weight: bold;
    color: #5CA146;
    text-align: left;
}

#featureNav {
    color: #777;
    float: left;
    padding: 0px 0 0 0;
    width: 10px;
}

#profileNav {
    margin: 0;
    padding: 0;
}

#detailNavContainer {
    width: 160px;
    float: left;
    position: relative;
    margin-right: 20px;
}

#borDetailNav, #cobDetailNav, #jointDetailNav {
    margin: 0;
    width: 159px;
    _width: 158px;
}

#detailsNav1, #detailsNav2, #detailsNav3 {
    background-color: #fff;
    border: 1px solid #5F5F5F;
    width: 100%;
    margin-bottom: 10px;
    font-size: .8em;
    letter-spacing: normal;
}

#detailsNav1 h3, #detailsNav2 h3, #detailsNav3 h3 {
    background-color: #044A81;
    border-bottom: 2px solid #5F5F5F;
    margin: 0;
    padding: 6px;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
}

#borDetailNav li, #cobDetailNav li, #jointDetailNav li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #c5d5c4;
}

#borDetailNav a, #cobDetailNav a, #jointDetailNav a {
    color: #333;
    display: block;
    padding: 8px 6px;
    text-decoration: none;
}

#profileNav li {
    list-style: url('/images/blank.gif');
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}

#profileNav li a {
    border-bottom: 1px solid #c5d5c4;
    color: #333;
    display: block;
    padding: 8px 6px;
    padding-right: 20px;
    text-decoration: none;
}

#profileNav li:hover, #borDetailNav li:hover, #cobDetailNav li:hover, #jointDetailNav li:hover {
    background-color: #eff9ee;
}

#profileNav li a:hover, #borDetailNav a:hover, #cobDetailNav a:hover, #jointDetailNav a:hover {
    color: #ffa600;
}

#profileNav li.current, #borDetailNav a.current, #cobDetailNav a.current, #jointDetailNav a.current {
    background-color: #eff9ee;
}

.complete {
    background: url("/images/icon_profile_check.png") right center no-repeat;
}

.current {
    background: url("/images/forward.png") 97% 50% no-repeat;
}

.add {
    background: url("/images/icon_profile_add.png") right center no-repeat;
}

.itemStatus {
    background-position: right center;
    height: 23px;
    position: absolute;
    top: -6px;
    right: -6px;
    width: 23px;
}

a.cbButton {
    background: url(/images/bgCoborrowerButton.png) no-repeat 2px;
    padding-left: 15px;
    text-decoration: underline;
}

a:hover.cbButton {
    text-decoration: underline;
}

.statusWrapper {
    width: 270px;
    margin: 0 8px 0 0;
    padding: 4px 10px 10px 4px;
    background: url("/images/statusWrapperBG.png") no-repeat;
}

.statusWrapper h2, .statusWrapperBottom h2 {
    padding: 0 0 0 20px;
    margin: 5px 0 0 0;
    color: #000;
}

.statusWrapperBottom {
    width: 270px;
    margin: 0 8px 0 0;
    padding: 4px 10px 10px 4px;
    background: url("/images/statusWrapperBGBottom.png") no-repeat;
    border-bottom: 1px solid #b3b3b3;
}

.smallContainer {
    float: left;
    margin: 8px 8px 8px 0;
    padding: 0;
    position: relative;
    width: 284px;
    z-index: 1;
}

.smallContents, .smallContentsGHA, .smallContentsDisabled {
    background: url("/images/box_profile_top.png") left top no-repeat;
    float: left;
    padding: 10px;
    position: relative;
    width: 264px;
    z-index: 2;
}

.smallContentsGHA {
    background: #fff url("/images/box_profile_topGHA.png") left top no-repeat;
}

.smallContentsDisabled {
    background: #fff url("/images/box_profile_disabled.png") left top no-repeat;
}

.smallContentsDisabled a, .smallContentsDisabled p, .smallContentsDisabled span {
    color: #999;
}

a.enabled {
    float: right;
    font-size: 12px;
    color: #060;
    margin: -35px 5px 0 0;
    position: relative;
}

a.disabled {
    float: right;
    font-size: 12px;
    color: #C00;
    margin: -35px 5px 0 0;
    position: relative;
}

.addDetails {
    color: #ffa600;
    font-weight: 600;
    padding-right: 8px;
}

.editDetails {
    color: #555;
    font-weight: bold;
    padding-right: 8px;
}

p.creditReportText {
    margin: -15px 0 0 0 !important;
}

.accountBox {
    background: #eee;
    border: 1px solid #ccc;
    float: left;
    margin: 0 12px 20px 0;
    min-height: 82px;
    padding: 14px 14px 4px 14px;
    text-align: center;
    width: 194px;
}

.accountBox a {
    display: block;
    padding: 4px;
}

.accountBox a.close {
    float: right;
    padding: 0;
    display: inline;
}

.accountBox fieldset {
    border: 0;
    padding: 6px 0 0 0;
    width: 180px;
}

.accountBox legend {
    display: none;
}

.accountBox label {
    width: auto;
}

#middleContent form, #middleContentBilling form {
    text-align: center;
}

#middleContent form fieldset, #middleContentBilling form fieldset {
    text-align: left;
    display: block;
    margin-bottom: 5px;
}

#middleContent form fieldset ol li {
    width: 500px;
    _width: 580px;
}

#middleContentBilling form fieldset label {
    width: 370px;
    padding-right: 5px;
    border: 1px solid red;
}

/*#middleContent form fieldset label, #accordionContent form fieldset label {*/
#middleContent form fieldset label {
    width: 250px;
    padding-right: 15px;
    font-weight: bold;
    letter-spacing: normal;
    display: inline-block;
    text-align: right;
}

#middleContent form fieldset strong, #middleContentBilling form fieldset strong {
    display: block;
    margin-bottom: 5px;
}

#middleContent form fieldset .help, #middleContentBilling form fieldset .help {
    margin-left: 275px;
    font-size: .7em;
    color: #7F7F7F;
    letter-spacing: normal;
}

form fieldset tr td span.help {
    padding-top: 0;
    margin: 1px 0 0 0;
    font-size: 10px;
    color: #999;
    display: block;
    _display: inherit;
}

#middleContent .button, #middleContentBilling .button {
    margin: 0 auto;
}

#mortgageInterest label {
    margin-left: 0px;
    background: url(../images/bg_required.png) no-repeat right 5px;
}

.lastFinanceItem a.hb {
    margin-right: 35px;
}

#middleContent th a.hb {
    margin: -5px 210px 0 0;
}

/* ----- form field styles ------ */

:first-child + html .formField span.formHelp {
    margin: -18px 0 -20px 0;
    display: block;
}

.formField a.hb {
    margin: 3px 0 0 5px;
}

td a.nc img {
    margin: 0 0 -6px 5px;
}

td span a.nc img {
    margin: 0 0 0 5px;
}

:first-child + html .formField a.hb {
    margin: -20px -17px 0 17px;
    float: right;
}

:first-child + html .formField a.nc {
    margin: -20px -17px 0 17px;
    float: right;
}

:first-child + html tr.lastJointFinancialRow span.formHelp {
    margin: 0 0 0 0;
}

.notice, .warning, .info {
    width: 575px;
}

.refiMain .errorListHead {
    margin-top: 10px;
}

.refiMain .errorListHead, .refiMain #feedbackUL {
    font-size: 13px;
    width: 550px;
}

td.error label {
    color: #990000 !important;
}

td input.error {
    border: 2px solid #990000;
}

.error ul li.feedbackPanelERROR, .error ul li.feedbackPanelINFO {
    margin: 0 0 0 30px;
    list-style-type: disc;
    padding: 0;
    line-height: 10px;
    _line-height: 16px;
}

.error ul li.feedbackPanelINFO {
    margin: 0 0 2px 30px;
    list-style: none;
    padding: 0;
}

.error ul {
    margin: 8px 0 20px 0;
    text-align: left;
}

.homePage .error ul {
    margin: 0;
    text-align: left;
    width: 400px;
}

#errorUL {
    display: none;
}

#cvv {
    width: 4em;
}

#monthOfBirth {
    width: 3em;
}

#dayOfBirth {
    width: 3em;
}

#yearOfBirth {
    width: 5em;
}

#receipt {
    background: #eee;
    border: 1px solid #999;
    width: 350px;
}

.refiMain td.ssnFields {
    padding-top: 1px;
}

:first-child + html .refiMain td.ssnFields input {
    margin-bottom: 7px;
}

#ssn1 {
    width: 70px;
    font-size: 13px;
    padding: 0 3px;
    margin-right: 16px;
}

#ssn2 {
    width: 50px;
    padding: 0 3px;
    font-size: 13px;
    margin-right: 16px;
}

#ssn3 {
    width: 70px;
    padding: 0 3px;
    font-size: 13px;
    margin-left: 1px;
}

img.lock {
    margin: 0 0 -4px 2px;
    _margin: 0 0 4px 2px;
}

#middleInitial {
    width: 3em;
}

#subscription {
    background-position: 20px;
}

#subscription label {
    font-weight: normal;
    width: auto;
}

#subscription em {
    color: green;
}

#userText {
    background: #fff;
    border: 1px solid #999;
    height: 300px;
    padding: 20px;
    overflow: scroll;
    overflow-x: hidden;
}

#personality {
    text-align: left;
    width: 580px;
    _width: 550px;
    _margin-left: 15px;
    overflow: hidden;

}

#personality fieldset fieldset {
    clear: both;
}

#personality fieldset strong {
    height: 30px;
    display: block;
    width: 530px;
    color: #3f3f3f;
    font-size: 13px;
}

#personality fieldset fieldset legend {
    margin: 0;
}

#personality fieldset fieldset span {
    display: block;
    margin: 0;
    float: left;
}

#personality fieldset span.ptag {
    display: block;
    margin: 0 0 0 -3px;
    text-align: right;
    _text-align: center;
    float: right;
    white-space: normal;
}

#personality fieldset fieldset input {
    float: left;
    clear: both;
    margin: 1px 8px 0 0;
    _margin: -4px 8px 0 0;
}

input#city {
    margin: 0 0 0 0px;
}

#personality fieldset fieldset label {
    float: left;
    margin: 0 0 8px 0;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    width: 320px;
}

#personality fieldset ol {
    margin: 25px 10px 0 0;
    padding-left: 30px;
    _list-style: decimal;
    _margin: 25px 10px 0 0;
    _padding-left: 0;
}

#personality fieldset ol li {
    border-top: 1px solid #ddd;
    margin: 0 0 10px 0;
    padding: 10px 0 0 5px;
    width: 530px;
    list-style: decimal;
    _margin: 0 0 20px 0;
    _padding: 5px 20px 0 0;
}

#personality fieldset fieldset {
    width: 530px;
}

:first-child + html #personality fieldset fieldset input {
    margin: -2px 5px 0 0;
}

.GHACallout {
    background: url(../images/GHACalloutBG.png) no-repeat top left;
    float: left;
    width: 160px;
    padding: 10px;
}

a.GHAVideoPersonality {
    background: url(../images/GHACalloutPlay.png) no-repeat;
    display: block;
    width: 155px;
    height: 105px;
    margin: 25px 0 10px -6px;
}

#mortgageTable fieldset {
    width: 770px;
}

#mortgageTable fieldset table .help {
    margin: 0;
    width: auto;
}

#mortgageTable fieldset table label {
    text-align: right;
    width: 300px;
}

#mortgageTable fieldset table .radios label {
    width: auto;
}

.panel3 span.radios label {
    padding-right: 10px;
}

.armContainer {
    _margin-top: -20px;
}

span.radios label {
    width: 40px;
    font-weight: normal;
    color: #000;
}

table.mortgageDetails tr td span.radios label, table.propertyDetails tr td span.radios label {
    width: 40px;
    text-align: left;
    margin: 0 0 0 5px;
    white-space: nowrap;
    display: inline-block;
}

#mortgageTable table td {
    padding-bottom: 12px;
    width: 270px !important;
}

#mortgageTable table th {
    height: 35px;
    margin-top: 30px;
}

#mortgageTable table tr th {
    height: 35px;
    margin-top: 30px;
}

#mortgageTable table th.secondMortgage {
    width: 300px;
}

#mortgageTable table th.secondMortgage input {
    margin: 0 30px 0 0;
    width: 15px;
    float: right;
}

#mortgageTable .first {
    width: 180px;
}

#mortgageTable td.first a.hb {
    margin: -4px 0 0 0;
    _margin: -17px 0 0 0;
}

#mortgageTable .second {
    width: 170px;
}

#mortgageTable table td#secondaryQuestion {
    padding-bottom: 0;
}

#loanToValue td.first {
    padding-top: 8px;
}

#mortgageTable select {
    margin: 0;
}

#mortgageTable input {
    width: 150px;
}

#mortgageTable span.radios input {
    margin: 6px 0 0 0;
    width: 20px;
}

#verifyList strong {
    display: block;
    margin-bottom: 10px;
}

#verifyList label {
    font-weight: normal;
}

#properties li {
    list-style: none;
}

#properties tr.odd {
    background: #f4f9f2;
}

#mortgages .even {
    background: #fff;
}

/*  CUSTOM CLASSES  */

a.arrowGreen, a.arrowGreenNoDown {
    background: url(/images/arrowGreen.png) no-repeat 2px 3px;
    padding-left: 10px;
    color: #316122;
}

a:hover.arrowGreen, a:hover.arrowGreenNoDown {
    text-decoration: underline;
}

a.arrowGreenDown {
    background: url(/images/arrowGreenDown.png) no-repeat 1px 5px;
    padding-left: 10px;
    color: #316122;
}

h1.headerIcon {
    padding: 10px 50px 0 0;
    background: url(/images/iconFlyingMoney.png) no-repeat 70px 0;
    margin: 0 0 10px 0;
}

li.gender span input {
    margin: 6px 4px 0 0;
    _margin: 2px 2px 0 0;
}

li.gender span label {
    font-weight: normal;
    width: 50px !important;
    text-align: left;
}

.armOptions {
    margin-left: -10px;
}

#properties h2 {
    border-top: 1px solid #ddd;
    padding-top: 8px;
    width: 114%;
    _width: 100%;
}

.deleteButtonMortgage, .deleteButton {
    margin: 0;
}

.ui-widget-content .deleteButton a, .ui-widget-content .deleteButtonMortgage a {
    cursor: pointer;
    font-size: 12px;
    color: #316122;
    display: block;
    padding: 0 0 0 14px;
    position: absolute;
    top: 0px;
    right: 5px;
}

.deleteButton a:hover, .deleteButtonMortgage a:hover {
    text-decoration: underline;
    background: url(/images/refi/iconX.png) no-repeat left;
}

.checkBox {
    background: url(/images/refi/checkboxEmpty.png) no-repeat;
    height: 17px;
    width: 15px;
}

.checkBoxChecked {
    background: url(/images/refi/checkboxChecked.png) no-repeat;
    height: 17px;
    width: 15px;
}

input.addMortgage {
    margin: 0 0 20px 140px;
    background: url(/images/button_orange.png) no-repeat;
    font-size: 12px;
    color: #fff;
    border: none;
    padding: 12px 0 15px 0;
    font-weight: bold;
    width: 135px !important;
}

input.addProperty {
    margin: 20px 0 30px 140px;
    background: url(/images/button_orange.png) no-repeat;
    font-size: 12px;
    color: #fff;
    border: none;
    padding: 12px 0 15px 0;
    font-weight: bold;
    width: 135px !important;
}

legend.homeOwner {
    text-align: right;
    padding-left: 80px;
}

#middleContent fieldset span.smallLabels label {
    width: 20px;
    margin-right: 10px;
    margin-top: 0;
    padding-top: 2px;
}

a.hb:hover span.tooltip {
    _bottom: 8px;
}

.disclaimerTop {
    margin: 0 0 0 10px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
}

.disclaimerTop span {
    color: #990000;
    font-weight: bold;
    font-size: 2em;
    position: relative;
    top: 7px;
}

.disclaimer {
    margin: 30px 0 0 255px;
}

.disclaimer em {
    color: #990000;
    font-weight: bold;
    font-size: 12px;
}

h1.optionalTitle {
    font-weight: bold;
    margin: 10px 0 10px 0;
    font-size: 20px;
    letter-spacing: normal;
    float: left;
    color: #424242;
    width: 100%;
}

tr.borderTop td {
    border-top: 1px solid #999;
}

a.helpText {
    float: right;
    margin: 7px -35px 0 0;
    _margin: -20px -25px 0 0;
    padding: 0;
}

a.helpTextLong, a.helpTextMedium {
    float: right;
    text-align: left;
    margin: 0 25px 0 5px;
    _margin: -20px 30px 0 0;
    padding: 0;
    font-size: 11px;
    color: #316122 !important;
}

a:hover.helpTextLong, a:hover.helpTextMedium {
    text-decoration: underline;
}

a.helpTextMedium {
    margin: 2px 58px 0 10px;
    _margin: -20px 53px 0 10px;
    _width: 100px;
}

#personality fieldset fieldset em {
    float: left;
    margin: -31px 0 0 -8px;
}

p.signupText {
    width: 550px;
    padding: 10px 0 15px 15px;
}

.clear {
    height: 0;
}

input.addProperty {
    margin: 0;
    padding: 12px 0 15px;
}

.addPropertyWrapper {
    position: relative;
    float: right;
    top: -30px;
}

.purchRefiWrapper {
    margin: 20px 0 0 20px;
}

.purchRefiWrapper span {
    color: #990000;
    margin: 0 5px 0 -3px;
}

.purchaseNoWrapper {
    float: right;
}

.usedForPurchaseWrapper {
    margin: -8px 0 0 -7px;
    _margin: -10px 0 10px -10px;
}

.cashoutDetails {
    margin: 0 0 0 -87px;
    _margin: 0 0 0 75px;
}

.usedForPurchaseWrapper table.mortgageDetails {
    margin-left: 0;
}

#armContainer {
    margin: -5px 0 0 -7px;
    _margin: 10px 0 10px -10px;
}

table.mortgageDetails {
    margin-left: -7px;
}

table.propertyDetails {
    margin-left: -7px;
}

table.cashoutDetails tr td input {
    margin: 1px 0 0 0;
}

table.cashoutDetails tr td span {
    padding-top: 2px;
    display: block;
    font-size: 13px;
}

table.propertyDetails tr td label, table.mortgageDetails tr td label, table.cashoutDetails tr td label {
    width: 240px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 0 5px 0 0;
    color: #3F3F3F;
}

td#wideLabel {
    width: 240px;
}

table.propertyDetails tr td, table.mortgageDetails tr td, table.cashoutDetails tr td {
    height: 34px;
    _height: 20px;
    padding-top: 8px;
    vertical-align: top;
}

table.propertyDetails td.alignRight, table.mortgageDetails td.alignRight, table.cashoutDetails td.alignRight {
    text-align: right;
    padding: 8px 0 2px 5px;
    width: 240px;
}

table.cashoutDetails td.alignRight {
    margin-left: 20px;
}

table#topAddressSection {
    margin-bottom: 0;
    padding-bottom: 2px;
}

.optionalEquityWrapper {
    margin-left: 80px;
    _margin-left: -80px;
}

input.requestedCashOut {
    margin-top: -6px;
    _margin-top: -5px;
}

#forSale input {
    margin: 6px 3px 0 0;
    _margin: 3px 3px 0 0;
}

#forSale label {
    width: 35px !important;
    text-align: left;
}

.authQuestions {
    background: none repeat scroll 0 0 transparent;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    padding: 0 150px 0 150px !important;
    width: 700px !important;
}

.authQuestionsLightBox {
    background: #fff;
    text-align: left;
}

.authQuestions img {
    margin-top: 20px;
}

.authQuestions h2 {
    padding: 10px 0 25px 0 !important;
}

.authQuestions li label {
    color: #316122 !important;
}

/*Styling for the Lender Dropdown*/

div.wicket-aa {
    font-size: 12px;
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align: left;
}

div.wicket-aa ul {
    list-style: none;
    padding: 2px;
    margin: 0;
}

div.wicket-aa ul li.selected {
    background-color: #cccccc;
    padding: 2px;
    margin: 0;
}

a.buttonSaveProperty, a.buttonSaveMortgage, a.buttonSave, a.buttonSaveSave {
    background: url("/images/refi/btn_SaveProperty.png") center center no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    height: 36px;
    text-align: center;
    width: 139px;
    margin-left: 65px;
}

a.buttonSaveMortgage {
    background: url("/images/refi/btn_SaveMortgage.png") center center no-repeat;
    width: 148px;
    margin-left: 71px;
}

a.buttonSave {
    background: url("/images/refi/btn_Continue.png") center center no-repeat;
    margin-left: 22px;
}

a.buttonSaveSave {
    background: url("/images/refi/btn_Save.png") center center no-repeat;
    margin-left: 0;
}

td.hoaFee a.hb {
    margin: 3px 0 0 3px;
}

:first-child + html td.hoaFee a.hb {
    margin: -20px -17px 0 17px;
    float: right;
}

.mainContent {
    padding: 0 50px 40px 15px;
    font-family: arial, sans-serif;
}

.refiContent {
    width: 100%;
    padding-top: 20px;
}

/* Accordian Header Active */
.ui-state-active {
    background: url(../images/bgAccordionCurrent.png) no-repeat left bottom !important;
    height: 27px !important;
    _height: 34px !important;
    */
}

.ui-state-active .ui-icon {
    background: url(/images/refi/arrowDownWhite.png) no-repeat 4px 4px !important;
}

.ui-state-active a span {
    color: #fff !important;
}

/* Accordian Header Hover */
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover {
/* background: #fbd68e !important;*/
}

.ui-state-default:hover .ui-icon, .ui-widget-content .ui-state-default:hover .ui-icon {
    background: url(/images/arrowGreen.png) no-repeat 6px 3px !important;
}

/* Accordian Header Image Inactive */
.ui-state-default .ui-icon {
    background: url(/images/arrowGreen.png) no-repeat 6px 3px !important;
}

p.note {
    font-size: 12px;
    margin: 10px 0 30px 10px;
    font-weight: bold;
    color: #888;
}

ol.passwordList input {
    font-size: 14px;
    padding: 6px;
    _height: 32px;
}

ol.passwordList {
    font-size: 14px;
}

li.currentPassword {
    margin-bottom: 25px;
}

li.newPassword {
    margin-bottom: 0;
    padding-bottom: 0;
}

#middleContent form fieldset li.newPassword span.help {
    margin: -7px 0 0 270px;
    _margin: -7px 0 0 250px;
    font-size: 11px;
}

#middleContent .feedbackPanelINFO {
    color: #5CA146;
    margin: 20px 20px 25px 20px;
}

.percentage {
    color: #316122;
    font-size: 13px;
    float: right;
    padding-right: 5px;
    background: none;
    margin-top: -30px;
    display: none;
}

ul#ticker01 {
    display: none;
}

.buttonWrap, .loanButtonBar {
    background: #d5eba6;
    font-size: 12px;
    color: #316122;
    margin: -10px 0 0 5px;
    padding: 3px 0 3px 10px;
    _margin: 10px 7px 20px 0;
    _width: 582px;
}

.buttonWrap a, .loanButtonBar a {
    float: right;
    margin: -7px 15px 0 0;
    _margin: -15px 15px 0 0;
    display: inline-block;
    height: 15px;
    color: #316122;
}

.loanButtonBar {
    margin: -10px 0 15px 5px;
    padding: 3px 0 3px 7px;
}

.loanButtonBar a {
    margin: 0 15px 0 0;
    _margin: -15px 15px 0 0;
}

.loanButtonBar ul {
    list-style: none;
}

.loanButtonBar ul li.filterOptions span.ui-dropdownchecklist-wrapper {
    margin: 2px 0 0 425px;
    _margin: 2px 0 0 422px;

}

.loanButtonBar ul li.sortLoans {
    text-align: right;
    height: 28px;
}

.loanButtonBar ul li.sortLoans select {
    position: absolute;
    right: 53px;
    _right: 32px;
    font-size: 12px;
}

.loanButtonBar ul li.sortLoans a {
    display: block;
    position: absolute;
    right: 182px;
    _right: 150px;
    margin: 5px 0 10px 0;
}

/* safari targeting */
@media screen and

(
-webkit-min-device-pixel-ratio:

0
)
{
.buttonWrap a {
    margin: 0 15px 0 0;
}

}

/*  ACCORDION STYLING  */

.ui-accordion .ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
}

.ui-accordion .ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
}

.ui-accordion .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
}

.ui-accordion .ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
}

.ui-accordion .ui-corner-top {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
}

.ui-accordion .ui-corner-bottom {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
}

.ui-accordion .ui-corner-right {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
}

.ui-accordion .ui-corner-left {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
}

.ui-accordion .ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.refiMain .ui-accordion {
    width: 580px;
    border-top: 1px solid #D5EBA6;
    margin: 20px 0 20px 5px;
    _margin: 10px 0 0 0;
}

.ui-accordion .ui-accordion-header {
    border: none;
    margin-top: 0;
}

.ui-accordion .ui-widget-content {
    border-right: 1px solid #F90;
    border-left: 1px solid #F90;
    border-bottom: 1px solid #F90;
    padding: 20px 0 15px 5px !important;
    margin-top: -2px !important;
    _width: 580px;
}

a.nextLink {
    float: right;
    margin-right: 260px;
}

.sameasCheckbox {
    font-size: 12px;
    color: #092A61;
    margin: 5px 0 10px 25px;
}

.ui-accordion .formTitle, .ui-accordion .formTitleComplete {
    background: url(/images/bgAccordion.png) repeat-x bottom;
    font-family: arial, sans-serif;
    font-size: 13px;
    cursor: pointer;
    font-weight: normal;
    border: none;
    height: 23px;
    _height: 30px;
    padding: 7px 10px 0 10px;
}

.ui-accordion .formTitle a {
    color: #316122 !important;
    font-weight: normal;
    padding: 0 0 0 15px !important;
}

.formTitleEven {
    background: url(/images/bgAccordion.png) repeat-x bottom;
}

.refiMain .formLabel {
    font-size: 13px;
    text-align: right;
    width: 240px;
    font-weight: bold;
    padding: 9px 8px 9px 0;
    margin: 0;
    vertical-align: top;
    letter-spacing: .2px;
    color: #3f3f3f;
}

.refiMain select.purchRefi {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin: -50px 0 0 280px;
    _top: 95px;
    _position: absolute;
    _left: 397px;
}

.refiMain form table td select {
    margin-top: -3px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px 2px;
}

.refiMain form table.propertyDetails td select {
    margin-top: -5px;
}

a.nc {
    display: none;
}

/* LOAN TABLE */

table.offers {
    margin: 0 0 10px 5px;
    font-size: 13px;
    width: 580px;
    background: url(/images/bgLoanOptions.png) no-repeat;
    _margin: 0 0 10px 5px;
}

.offers tr td img {
    cursor: pointer;
    margin: 15px auto 0 auto;
    _margin: 10px auto 0 auto;
}

.offers tr td {
    padding: 8px 0 12px 0;
    _padding: 8px 0 2px 0;
}

.offers td.loanOptions {
    padding: 3px 3px 4px 8px;
    border-top: none;
    width: 180px;
    _padding: 0 3px 2px 3px;
    _margin-top: -15px;
}

/* Safari targeting */
@media screen and

(
-webkit-min-device-pixel-ratio:

0
)
{
.offers td.loanOptions {
    padding: 0 3px 4px 8px;
    border-top: none;
    width: 180px;
}

}

.offers td.loanOptions a {
    margin-left: 2px;
}

.offers tr td a {
    font-size: 12px;
}

.offers td.grade {
    display: none;
}

.offers td.bankLogo {
    width: 150px;
    padding: 8px 0 2px 10px;
    text-align: center;
    _padding-left: 15px;
    _margin: 0 0 -15px 0;
}

.offers td.bankLogo span.loanDescription {
    display: block;
    color: #424242;
    margin: 0 auto;
    font-family: Georgia, "Times New Roman", Times, serif;
    height: 30px;
}

.offers a.arrowGray {
    font-size: 12px;
    color: #a8a8a8;
}

.offers a.arrowGreen, .offers td.loanOptions a.arrowGreen {
    font-size: 12px;
    background: url(/images/arrowGreen.png) no-repeat 2px 3px;
    color: #316122;
}

.offers .bankLogo a.arrowGreen:hover, .offers .bankLogo a.arrowGray:hover {
    text-decoration: underline;
}

.offers .bankLogo a span {
    color: #092a61;
    font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.offers .bankLogo a:hover span {
    text-decoration: none;
    color: #092a61;
}

.offers td.savings p {
    display: block;
    padding: 5px 0 5px 14px;
    margin: 0 5px 0 16px;
    font-size: 14px;
    width: 185px;
    color: #424242;
    border-bottom: 1px dotted #abd74c;
}

.offers td.savings p.noBG {
    _border: none;
}

.offers p.sortIndicator {
    background-image: url(/images/refi/arrowSortDown.png);
    background-repeat: no-repeat;
}

.offers td.savingsMonthly p.sortIndicator {
    background-position: 20px 4px;
}

.offers td.savings p.sortIndicator {
    background-position: left 4px;
}

.offers td.savings p.trueCost {
    padding-top: 0;
}

.offers td.savings p.trueCost span {
    padding-left: 33px;
}

.offers td.savings p.monthlyPayment span {
    padding-left: 18px;
}

.offers td.savings p.interestRate span {
    padding-left: 21px;
}

.offers td.savings p.noBG {
    border-bottom: none;
}

.offers td.savings p.noBG span#apr {
    padding-left: 70px;
}

.offers td.savings p.noBG span.middle {
    padding-left: 20px;
}

.offers td.savings p span {
    color: #316122;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding-left: 8px;
}

.offers td.savings span.middle, .offers td.savingsMonthly span.middle {
    color: #316122;
    font-family: Arial;
    font-weight: normal;
}

.offers td.savingsMonthly a.hb:hover span.tooltip {
    _top: -180px;
}

.offers td.savings a.hb, .offers td.savingsMonthly a.hb {
    font-size: 13px;
}

.offers td.savingsMonthly {
    padding: 8px 5px 0 15px;
    text-align: center;
    width: 160px;
    _padding: 8px 5px 0 0;
    _width: 150px;
}

.offers td.savingsMonthly p {
    color: #424242;
    font-size: 14px;
    _margin: 0 0 6px 0;
}

.offers td.savingsMonthly p span.starburst {
    color: #316122;
    font-weight: bold;
    font-size: 37px;
    margin: 15px 0 0 0;
    _margin: -4px 0 0 0;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#tableScroll {
    border: 1px solid #85977f;
    height: 400px;
    overflow: scroll;
    overflow-x: hidden;
}

.offers tr.tableFooter td.firstFooter {
    border-left: 1px solid #999;
}

.offers tr.tableFooter td {
    background: #efefef;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #999;
    padding: 6px 0;
}

.offers .gold, .offers .silver, .offers .bronze {
    display: block;
    _position: absolute;
    height: 41px;
    width: 41px;
    float: left;
    margin: -8px 0 -35px -7px;
    _margin: -8px 0 0 -21px;
}

.offers .gold {
    background: url(/images/refi/GHAgold.png) no-repeat top left;
}

.offers .silver {
    background: url(/images/refi/GHAsilver.png) no-repeat top left;
}

.offers .bronze {
    background: url(/images/refi/GHAbronze.png) no-repeat top left;
}

#noloansimage {
    margin: 0 5px 0 0;
}

a.btnReview {
    color: #316122;
    background: url(../images/arrowGreenLeft.png) left 3px no-repeat;
    padding-left: 10px;
    margin: -10px 0 0 10px;
    float: left;
}

a:hover.btnReview {
    text-decoration: underline;
}

a.btnSelect, a.btnSelectPurchase {
    width: 105px;
    height: 35px;
    display: block;
    padding: 3px 0;
    background: url('/images/refi/btn_Select.png') no-repeat;
    margin: 0 auto;
}

a.btnSelectPurchase {
    margin: 35px auto 0 auto;
}

a:hover.btnSelect, a:hover.btnSelectPurchase {
    background: url('/images/refi/btn_Select_Hover.png') no-repeat;
    text-decoration: none;
}

a.btnHowToQualify, a.btnHowToQualifyPurchase {
    width: 105px;
    height: 35px;
    display: block;
    padding: 3px 0;
    background: url('/images/refi/btn_HowToQualify.png') no-repeat;
    margin: 0 auto;
}

a.btnHowToQualifyPurchase {
    margin: 35px auto 0 auto;
}

a:hover.btnHowToQualify, a:hover.btnHowToQualifyPurchase {
    background: url('/images/refi/btn_HowToQualify_Hover.png') no-repeat;
    text-decoration: none;
}

/* END LOAN TABLE */

/* GRADE SECTION */

.statusReportWrapper {
    margin: 10px 0 0 0;
}

.statusReportWrapper .gradeAPlus, .statusReportWrapper .gradeA, .statusReportWrapper .gradeAMinus, .statusReportWrapper .gradeBPlus, .statusReportWrapper .gradeB, .statusReportWrapper .gradeBMinus, .statusReportWrapper .gradeCPlus, .statusReportWrapper .gradeC, .statusReportWrapper .gradeCMinus, .statusReportWrapper .gradeD, .statusReportWrapper .gradeDMinus, .statusReportWrapper .gradeNotAvailable {
    margin: 5px 0 0 9px;
    padding: 0 0 100px 0;
    width: 320px;
}

.statusReportWrapper .gradeAPlus {
    background: url(/images/refi/gradeAPlus.png) no-repeat;
}

.statusReportWrapper .gradeA {
    background: url(/images/refi/gradeA.png) no-repeat;
}

.statusReportWrapper .gradeAMinus {
    background: url(/images/refi/gradeAMinus.png) no-repeat;
}

.statusReportWrapper .gradeBPlus {
    background: url(/images/refi/gradeBPlus.png) no-repeat;
}

.statusReportWrapper .gradeB {
    background: url(/images/refi/gradeB.png) no-repeat;
}

.statusReportWrapper .gradeBMinus {
    background: url(/images/refi/gradeBMinus.png) no-repeat;
}

.statusReportWrapper .gradeCPlus {
    background: url(/images/refi/gradeCPlus.png) no-repeat;
}

.statusReportWrapper .gradeC {
    background: url(/images/refi/gradeC.png) no-repeat;
}

.statusReportWrapper .gradeCMinus {
    background: url(/images/refi/gradeCMinus.png) no-repeat;
}

.statusReportWrapper .gradeD {
    background: url(/images/refi/gradeD.png) no-repeat;
}

.statusReportWrapper .gradeDMinus {
    background: url(/images/refi/gradeDMinus.png) no-repeat;
}

.statusReportWrapper .gradeNotAvailable {
    background: url(/images/refi/gradeNotAvailable.png) no-repeat;
}

.progressBoxName, .progressProduct {
    color: #666;
    font-style: italic;
    padding: 0 0 5px 0;
    font-size: 11px;
}

.progressProduct {
    float: right;
    width: 100px;
    margin: 0 75px 0 0;
    _margin: 0 70px 0 0;
    line-height: 11px;
}

.refiSide .statusTitle p {
    color: #424242;
    font-size: 13px;
    margin: 12px 0 0 110px;
    _margin: 24px 0 0 110px;
    line-height: 15px;
    padding: 0;
}

/* END GRADE SECTION */

#dashboardStatus, #dashboardCoBorrower {
    margin: -2px 0 0 0;
    padding: 0 9px 0 9px;
    display: block;
    background: url(/images/refi/bgStatusWrapper.png) 3px top no-repeat;
}

#dashboardStatus a.hb, #dashboardCoBorrower a.hb {
    float: none;
    font-size: 12px;
    padding-left: 10px;
    background: url(/images/arrowGreen.png) left 3px no-repeat;
    margin-left: -10px;
}

#dashboardStatus a.arrowGreen, #dashboardCoBorrower a.arrowGreen, #dashboardStatus a.arrowOrange, #dashboardCoBorrower a.arrowOrange {
    float: none;
    display: inline;
    margin-left: -10px;
    _margin-left: 0px;
}

#dashboardStatus a:hover.hb span.tooltip, #dashboardCoBorrower a:hover.hb span.tooltip {
    left: -130px;
}

p.loanTitle, .refiSide p.loanTitle, p.loanTitleOptions {
    padding: 5px 0 3px 45px;
    font-size: 24px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #424242;
    margin: 0 0 0 40px;
    position: relative;
    top: 17px;
    width: 460px;
    font-weight: normal;
    text-align: left;
}

p.loanTitleOptions {
    top: -23px;
    left: -31px;
    padding: 5px 0 3px 0;
}

.refiSide p.loanTitle,
    .refiMain p.loanTitle {
    top: 0;
    margin: 0;
    width: 320px;
    padding: 0 0 4px 11px;
    color: #316122;
}

.refiMain p.loanTitle {
    padding: 0 0 0 6px;
}

.refiMain .columnTitle {
    top: 0;
    margin: 0;
    _margin: 0 0 -10px 0;
    width: 320px;
    padding: 4px 0 0 6px;
    color: #316122;
    font-size: 24px;
    font-family: Georgia, "Times New Roman", Times, serif;
    position: relative;
    _height: 25px;
}

.loanAmount a:hover {
    text-decoration: underline;
}

#dashboardStatus strong a, #dashboardCoBorrower strong a {
    font-size: 14px;
    color: #424242;
}

#dashboardStatus .positive, #dashboardCoBorrower .positive {
    color: #0d6b0b;
}

#dashboardStatus .negative, #dashboardCoBorrower .negative {
    color: #827b00;
}

#dashboardStatus .statBox01,
    #dashboardStatus .statBox02,
    #dashboardStatus .statBox03,
    #dashboardStatus .statBox04,
    #dashboardStatus .statBox05,
    #dashboardStatus .statBox06,
    #dashboardCoBorrower .statBox01,
    #dashboardCoBorrower .statBox02,
    #dashboardCoBorrower .statBox03,
    #dashboardCoBorrower .statBox04,
    #dashboardCoBorrower .statBox05,
    #dashboardCoBorrower .statBox06 {
    padding: 0 0 0 0;
    margin-top: 0;
    border-top: 1px solid #cecece;
    border-bottom: 10px solid #f6f9ff;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    width: 317px;
    background: #fff;
    z-index: 0;
}

#dashboardStatus .statBox06,
    #dashboardCoBorrower .statBox06 {
    background: url(/images/bg_BestLoan.png) no-repeat;
    border-top: none;
    margin-top: 0;
    padding-top: 10px;
}

#dashboardStatus .statBox06 p.statusBlockA,
    #dashboardCoBorrower .statBox06 p.statusBlockA,
    #dashboardStatus .statBox06 p.statusBlockB,
    #dashboardCoBorrower .statBox06 p.statusBlockB,
    #dashboardStatus .statBox06 p.statusBlockC,
    #dashboardCoBorrower .statBox06 p.statusBlockC {
    font-size: 25px;
}

#dashboardStatus .statBox01,
    #dashboardCoBorrower .statBox01 {
    padding: 0 0 10px 0;
}

#dashboardCoBorrower .statBox04 p .reserveHelp, #dashboardStatus .statBox04 p .reserveHelp, #dashboardStatus .statBox06 p .reserveHelp, #dashboardCoBorrower .statBox06 p .reserveHelp {
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-top: 0;
    margin: 0 0 -14px 0;
}

#dashboardStatus .statBox06 div span,
    #dashboardCoBorrower .statBox06 div span {
    padding: 0 55px 0 0;
    display: block;
    line-height: 11px;
    font-size: 11px;
}

.hiddenHelp, .hiddenHelpSmall {
    padding: 5px 5px 5px 12px;
    margin: 6px 6px 6px 10px;
    height: 150px;
}

.hiddenHelpSmall {
    height: 85px;
}

.bigArrowLeft {
    float: right;
    margin: -90px -33px 0 0;
    _margin: -102px -27px 0 0;
    height: 78px;
    width: 78px;
}

a.arrowOrange {
    background: url(/images/arrowOrange.png) no-repeat 2px 2px;
    padding-left: 10px;
    color: #f7941d;
}

a:hover.arrowOrange {
    text-decoration: underline;
}

/* Grade Images */

.statBox03 .statusBlockA, .statBox03 .statusBlockB, .statBox03 .statusBlockC, .statBox03 .statusBlockD {
    padding: 22px 0 3px 0;
}

.refiSide p.statusBlockA, .refiSide p.statusBlockB, .refiSide p.statusBlockC, .refiSide p.statusBlockD, .refiSide p.statusBlockBad, .refiSide p.statusBlockGood, .refiSide p.statusBlockNoInfo, .refiSide p.statusBlockNA {
    width: 97px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 15px 22px 0 22px;
    padding: 21px 0 15px 0;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}

.statusBlockA {
    background: url(/images/refi/statusBlockA.png) no-repeat;
}

.statusBlockB {
    background: url(/images/refi/statusBlockB.png) no-repeat;
}

.statusBlockC {
    background: url(/images/refi/statusBlockC.png) no-repeat;
}

.statusBlockD {
    background: url(/images/refi/statusBlockD.png) no-repeat;
}

.statusBlockNA {
    background: url(/images/statusBlockNA.png) no-repeat;
}

.refiSide p.statusBlockBad {
    background: url(/images/refi/statusBlockBad.png) no-repeat;
    height: 60px;
    padding: 0;
}

.refiSide p.statusBlockGood {
    background: url(/images/refi/statusBlockGood.png) no-repeat;
    height: 60px;
    padding: 0;
}

.refiSide p.statusBlockNoInfo {
    background: url(/images/refi/statusBlockNoInfo.png) no-repeat;
    height: 60px;
    padding: 0;
}

.statusBlockNoInfo a {
    padding: 10px 22px 10px 22px;
    display: block;
}

#dashboardStatus .statBox01 .statusBlockNoInfo {
    padding: 16px 0 25px 0;
}

#dashboardStatus a.hb:hover span.tooltip {
    left: -135px;
}

.leftColBottom {
    padding: 25px 0 0 10px;
    width: 318px;
    background: url(/images/refi/bgStatusWrapperBottom.png) no-repeat 4px 0;
}

.leftColBottom a {
    margin: 10px;
}

.mainColBottom {
    text-align: center;
    margin-top: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    _width: 580px;
}

.mainColBottom a.moreLoans {
    display: block;
    margin-left: 227px;
    _margin-left: 0;
    font-size: 13px;
    padding: 10px 0 0 0;
    color: #316122;
    width: 110px;
    background: url(/images/arrowLightGreenDown.png) no-repeat top center;
}

.mainColBottom a:hover.moreLoans {
    text-decoration: underline;
}

/*--- CREDIT REPORT DRAWER ---*/

.creditReportPopup {
    padding-top: 0;
    width: 820px;
}

#creditReportWrapper #contentContainer {
    width: 820px;
    border: none;
    background: none;
}

.titleWrapper {
    background: #F4F9F2;
    border-bottom: 1px solid #ccc;
    padding: 25px 0 10px 0;
    margin: 0 -5px 0 -5px;
    _margin: 0 -15px 0 0;
}

h3.creditTitle {
    margin: -15px 0 0 20px;
    float: left;
    width: 230px;
    _margin: -18px 0 0 20px;
}

.creditDropDown {
    margin: -17px 0 0 10px;
    float: left;
    _margin: -18px 0 0 8px;
}

@media screen and

(
-webkit-min-device-pixel-ratio:

0
)
{
.creditDropDown {
    margin: -17px 0 0 250px;
}

}

.creditReportPopup h2 {
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    margin-left: 20px;
    padding: 4px 10px 18px 17px;
}

.creditReportPopup h2 span.date {
    font-size: 13px;
}

.creditReportPopup h2 span.registered {
    font-size: 12px;
}

.vantageScore, .creditProfile, .debtProfile {
    float: left;
    padding: 0 0 10px 10px;
    margin: 20px 0 30px 7px;
    height: 150px;
    border-left: 1px solid #ccc;
}

.debtProfileHelp, .creditProfileHelp {
    margin-bottom: -15px;
}

.vantageScore {
    background: url(/images/bg_creditReport.png) no-repeat 13px 0;
    border: none;
    width: 180px;
    _width: 190px;
    margin: 20px 0 0 10px;
    padding: 10px;
}

.creditProfile p, .debtProfile p {
    margin-bottom: 8px;
}

.creditProfile strong, .debtProfile strong {
    font-size: 14px;
}

.vantageScore p {
    margin: 7px 0 0 10px;
    font-size: 13px;
    _margin: 16px 0 6px 0;
    _padding-bottom: 2px;
    _letter-spacing: -1px;
}

.vantageScore p span, .creditProfile p span, .debtProfile p span {
    font-weight: bold;
}

.vantageScore #dashboard-status {
    margin-top: -5px;
}

.vantageScore a.vantageTitle {
    padding-right: 15px;
    margin-bottom: 10px;
}

.scoreA, .scoreB, .scoreC, .scoreD {
    margin: 12px 0 0 48px;
    padding: 15px 0 0 17px;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    height: 54px;
    width: 80px;
    _margin: 9px 0 0 33px;
}

.scoreA {
    background: url(/images/statusBlockA.png) no-repeat;
}

.scoreB {
    background: url(/images/statusBlockB.png) no-repeat;
}

.scoreC {
    background: url(/images/statusBlockC.png) no-repeat;
}

.scoreD {
    background: url(/images/statusBlockD.png) no-repeat;
}

/* CREDIT REPORT TABLE STYLING */

#creditReportWrapper #content {
    _padding-top: 15px;
}

.table_profile {
    margin: 0 0 50px 10px;
    width: 760px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    border-top: 1px solid #c5d5c4;
}

.table_profile th {
    background: url("/images/workoutTableHeader.png") repeat-x;
    color: #77a165;
    font-size: 14px;
    border: none !important;
    font-weight: normal;
    padding: 7px 0 7px 20px;
}

.table_profile tbody tr.even td {
    background-color: #f4f9f2;
    padding-left: 20px;
}

.table_profile tbody tr.odd  td {
    background-color: #fff;
    padding-left: 20px;
}

.table_profile tbody {
    border-left: 1px solid #c5d5c4;
    border-righ: 1px solid #c5d5c4;
}

.table_profile tbody tr.last  td {
    border-bottom: 1px solid #c5d5c4;
}

.table_history {
    margin: -20px -25px 40px 40px;
    width: 350px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    float: left;
}

.table_history th {
    font-size: 90%;
    width: 423px;
    background: url("/images/creditTableHeader.png") repeat-x;
    height: 16px;
    color: #fff;
}

.table_history tbody tr.even td {
    background-color: #f4f9f2;
    padding-left: 20px;
}

.table_history tbody tr.odd  td {
    background-color: #fff;
    padding-left: 20px;
}

.table_history tbody tr.last  td {
    border-bottom: 1px solid #c5d5c4;
}

#acctHistorySelect {
    width: 900px;
    background: #FF0000;
}

.creditCardName {
    margin: 0 0 0 15px;
}

.creditCardDetails {
    margin: 0 10px 0 0;
    float: right;
}

#history_links a {
    font-size: 10px;
    color: #FF0000;
}

a.historySelected {
    font-weight: bold;
    font-size: 13px;
    color: #000;
    margin: -40px 10px 0 55px;
    float: left;
}

a.historyUnSelected {
    font-size: 13px;
    font-weight: normal;
    color: #74a053;
    margin: -40px 0 0 185px;
    float: left;
}

a.pagination {
    font-size: 11px;
}

#account_pagination {
    float: right;
    display: block;
    margin: -101px 50px 0 0;
    padding-top: 15px;
    position: relative;
}

#account_pagination em span {
    padding: 0 3px;
}

table#creditReport {
    width: 80%;
    border-right: 1px solid #ccc;
    margin: 0 auto;
    margin-top: -1px;
    border-collapse: collapse;
}

.creditReportPopup tr.odd td {
    background: #f7fbff;
}

.creditReportPopup tr.odd .column1 {
    background: #f4f9fe;
}

.columnAffects {
    min-width: 100px;
}

.creditReportPopup td {
    color: #333;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: .4em;
}

.creditReportPopup th {
    font-weight: normal;
    color: #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #ccc;
    padding: 6px 0 7px 20px;
}

.creditReportPopup thead th span {
    font-size: 14px;
    color: #fff;
}

.creditReportPopup th.sorted, tr td.sorted {
    background: #FFEEC0;
}

span.low {
    color: #390;
}

span.medium {
    color: #f60;
}

span.high {
    color: #c00;
}

h3.modal {
    font-size: 1.35em;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #690;
    font-weight: 600;
    padding-bottom: 0.5em;
}

.userData {
    font-size: 22px;
    font-weight: bold;
    color: #6fb058;
    margin: -44px 0 0 42px;
}

.goalData {
    color: #999;
    margin: 35px 0 0 28px;
}

p.creditIntroText {
    margin: -60px 0 -80px 40px;
    padding-top: 20px;
    width: 600px;
    font-weight: bold;
    float: left;
}

p.creditIntroText2 {
    margin: -60px 0 -80px 20px;
    padding-top: 20px;
    width: 600px;
    font-weight: bold;
    float: left;
    _padding-top: 0;
}

.creditTableRight {
    background: url(/images/creditTableRight2.png) no-repeat top right;
    float: right;
    position: relative;
    left: -160px;
    height: 95px;
    width: 200px;
    margin: 22px 30px 0 0;
}

.creditTableLeft {
    background: none;
    float: left;
    height: 80px;
    width: 15px;
    margin: 55px -20px 0 20px;
}

.noPublicRecords {
    background: url(/images/nopublicrecords.png) no-repeat;
    height: 84px;
    width: 620px;
    margin: -20px 0 20px 55px;
    _margin: 0 0 20px 55px;
}

.noInquiries {
    background: url(/images/noinquiries.png) no-repeat;
    height: 84px;
    width: 620px;
    margin: -20px 0 20px 55px;
    _margin: 0 0 20px 55px;
}

.noTradelines {
    background: url(/images/notradelines.png) no-repeat;
    height: 84px;
    width: 620px;
    margin: -20px 0 20px 55px;
    _margin: 0 0 20px 55px;
}

.noCreditorReferences {
    background: url(/images/nocreditorreferences.png) no-repeat;
    height: 84px;
    width: 620px;
    margin: -20px 0 20px 55px;
    _margin: 0 0 20px 55px;
}

.tableHeaderLeft {
    text-align: left;
    padding-left: 20px;
}

.advFinancialsTable {
    margin: 65px 0 50px 0;
    _margin: 88px 0 0 0;
}

/* CREDIT REPORT TABS */

#drw .workoutWrapper {
    margin: 0 0 0 10px;
    width: 800px;
    border: none;
}

#drw .workoutWrapper .rateArchive {
    display: none;
}

div.credit-tabs {
    margin-left: 15px;
}

div.credit-tabs ul {
    width: 650px;
}

div.credit-tabs ul a {
    display: block;
    float: left;
    padding: 1em 2em;
    text-decoration: none;
    color: #666;
    line-height: 2em;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    border-bottom: none;
    position: relative;
    bottom: 0;
    z-index: 10;
    height: 30px;
    list-style: none;
}

div.credit-tabs ul a:hover {
    background: #ffc;
    color: #666;
    list-style: none;
}

div.credit-tabs ul a:focus {
    outline: none;
}

div.credit-tabs ul a.last {
    border-left: none;
    border-right: 1px solid #ccc;
    border-bottom: #999;
    height: 30px;
    list-style: none;
}

div.credit-tabs ul li.selected a {
    background: #fff;
    color: #333;
    line-height: 2em;
    border-bottom: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-weight: bold;
    list-style: none;
}

div.credit-tabs ul a {
    padding: 0.2em 2em;
    line-height: 2em;
    background: #eee url(/images/tab_bg.gif) top left repeat-x;
    text-decoration: none;
    color: #666;
    display: block;
    list-style: none;
}

div.credit-tabs ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div.tl-tabs ul {
    margin: -60px 0 50px 20px;
    float: left;
}

div.tl-tabs ul {
    _margin: -65px 0 50px 15px !important;
}

div.tl-tabs ul li a {
    margin: 0;
    padding: 5px 0 0 8px;
    border: none;
    color: #666;
    height: 32px;
    width: 127px;
    text-decoration: none;
    font-weight: bold;
    color: #06C;
    background: none;
}

div.tl-tabs ul li a:hover {
    color: #06C;
    text-decoration: underline;
    background: none;
}

div.tl-tabs ul li.selected a {
    margin: 0;
    border: none;
    color: #06C;
    background: none;
    text-decoration: underline;
}

.credit-tabs ul {
    _margin: 0 0 75px 15px !important;
}

.credit-tabs ul li {
    _float: left;
}

.creditTableRight {
    _margin: 0;
    _padding-top: 1px;
    _width: 218px;
    _height: 16px;
    _position: absolute;
    _top: 297px;
    _left: 550px;
}

.creditTableLeft {
    _margin: 20px -30px 0 20px;
}

.table_history {
    _margin: -20px 0 40px 20px !important;
}

.vantageScore {
    _padding: 10px 15px 21px 25px !important;
}

/* MORTGAGE GRADE PANEL  */

.mortgageGradeWrapper {
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 20px 40px 50px 35px;
}

.mortgageGradeWrapper h3 {
    font-size: 20px;
    color: #316122;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 10px 20px;
}

.mortgageGradeWrapper p {
    border-bottom: 1px dotted #c3c3c3;
    padding: 10px 20px 27px 20px;
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 22px;
}

.mortgageGradeWrapper p.lastGradeItem {
    border-bottom: none;
    padding: 10px 20px 10px 20px;
}

.mortgageGradeWrapper h3.lastGradeItem {
    border-top: 1px dotted #c3c3c3;
}

.mortgageGradeWrapper img, .mortgageGradeWrapper span {
/*margin: 15px 0 0 20px;*/
/*display: none;*/
}

a.buttonShowLoans {
    background: url(/images/bg_ShowAllLoans.png) no-repeat;
    height: 36px;
    width: 153px;
    display: block;
    float: right;
    margin: 10px 23px 0 0;
}

a:hover.buttonShowLoans {
    background: url(/images/bg_ShowAllLoansHover.png) no-repeat;
}

.mortgageGradeWrapper a.btnContinue {
    float: right;
    margin: 0 30px -7px 0;
}

a.btnContinue {
    background: url(/images/refi/btn_Continue.png) no-repeat;
    display: block;
    height: 36px;
    width: 103px;
}

a:hover.btnContinue {
    background: url(/images/refi/btn_Continue_Hover.png) no-repeat;
}

p.noShow {
    padding: 0 0 8px 20px;
    margin: -10px 25px 0 0;
    text-align: right;
    border: none;
    font-size: 12px;
    color: #888;
}

p.noShow input {
    margin-left: 5px;
}

a.mgSignup {
    display: block;
    background: url(/images/button_mgSignup.png) no-repeat;
    height: 51px;
    width: 214px;
    margin: 20px 0 20px 170px;
}

a:hover.mgSignup {
    background: url(/images/button_mgSignup_hover.png) no-repeat;
}

img.freedom {
    margin: 0 0 5px 50px;
    _margin: 0 0 5px 40px;
    padding-bottom: 10px;
}

.supportWrapper {
    background: url(../images/bg_SupportWrapper.png) no-repeat center 0;
    margin-top: 10px;
}

.chatSection {
    background: url(../images/bg_Chat.png) no-repeat center 0;
    float: left;
    padding: 75px 0 0 0;
    margin-left: 80px;
}

a.btnChatNow {
    background: url(/images/button_ChatNow.png) no-repeat;
    display: block;
    height: 36px;
    width: 125px;
}

a:hover.btnChatNow {
    background: url(/images/button_ChatNow_hover.png) no-repeat;
}

.phoneSection {
    background: url(../images/bg_Phone.png) no-repeat center 0;
    text-align: center;
    font-size: 14px;
    float: right;
    padding-top: 75px;
    margin-right: 80px;
}

.phoneSection span {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 6px;
    display: block;
    color: #f7941d;
}

/* BILLING PANEL  */

.billingPanel {
    background: url(/images/bg_BillingPanel.png) no-repeat;
    margin: 0 auto;
    width: 800px;
    font-family: Georgia, "Times New Roman", Times, serif;
    z-index: 4;
    text-align: left;
    padding: 15px 0 0 0;
    height: 400px;
}

.price {
    color: #333;
    font-size: 68px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 0 50px;
    float: left;
    _height: 65px;
}

.price sup {
    font-size: 24px;
}

.billingPanel h1 {
    font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #316122;
    margin: 20px 0 20px 50px;
    _margin: 35px 0 10px 50px;
}

.billingPanel p.billingInfo {
    float: left;
    color: #333;
    width: 180px;
    _width: 200px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 0 10px;
    _margin: 0 0 8px 10px;
    background: url(/images/arrowGreen.png) no-repeat 0 3px;
}

.billingPanel ul.unlockFeatures {
    float: right;
    margin: -120px 245px 50px 0;
    _margin: -150px 245px 50px 0;
}

.billingPanel li {
    font-size: 18px;
    color: #316122;
    background: url(/images/icon_checkSmall.png) no-repeat 0 2px;
    list-style: none;
    padding: 0 0 0 25px;
}

.billingPanel li p {
    font-size: 14px;
    color: #838383;
    margin-bottom: 10px;
    line-height: 16px;
}

a.unlockButton {
    display: block;
    height: 41px;
    width: 120px;
    background: url(/images/button_Unlock.png) no-repeat;
    margin: 10px 0 0 133px;
    float: left;
    _margin: -26px 0 0 130px;
}

a:hover.unlockButton {
    background: url(/images/button_Unlock_Hover.png) no-repeat;
}

.billingPanelLower {
    background: url(/images/bg_BillingPanelLower.png) no-repeat;
    position: absolute;
    width: 720px;
    z-index: 3;
    margin: 0 0 0 12px;
    top: 230px;
    padding-left: 30px;
}

.billingPanelLower h1 {
    font-size: 24px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #316122;
    margin: 48px 0 30px 60px;
    _margin: 45px 0 20px 45px;
}

.billingPanelLower p {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #838383;
    font-size: 12px;
    width: 200px;
    margin: 3px 0 0 160px;
    _margin: -45px 0 0 160px;
}

.billingPanelLower table {
    float: left;
    width: 315px;
    margin-bottom: 0;
}

.billingPanelLower table.billingTableLeft {
    width: 340px;
}

.billingPanelLower td {
    padding-bottom: 10px;
}

.billingPanelLower td.formLabel {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.billingPanelLower td.formField {
    padding-top: 0;
}

.billingPanelLower td input[type="radio"] {
    position: relative;
    top: -7px;
    margin: 0 2px 0 5px;
}

.billingPanelLower a.unlockButton {
    float: right;
    margin: -30px 10px 40px 10px;
    _margin: -26px 10px 40px 0;
    _position: relative;
}

.billingPanelLower a.trustEButton {
    float: right;
    margin: -23px 92px 0 0;
    _margin: -18px 53px 0 0;
}

div.wicket-modalBilling div.w_content div .billingDrawer .error {
    position: relative;
    top: -26px;
    _top: -46px;
    left: 300px;
    z-index: 20005;
}

.billingDrawer .errorListHead {
    display: none;
}

.billingDrawer #feedbackUL {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    height: 60px;
    width: 440px;
}

.billingDrawer #feedbackUL li.feedbackPanelERROR {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
    float: left;
    width: 210px;
    height: 12px;
    _margin: -8px 0 -6px 0;
}

.billingDrawer #feedbackUL span.feedbackPanelERROR {
    font-size: 11px;
    font-weight: normal;
}

.graphImage {
    margin-left: 50px;
}

.inputbutnew {
    background: transparent url(/images/button_next.png) no-repeat scroll 0 0;
    display: block;
    height: 56px;
    margin: 20px 65px 0 220px;
    width: 230px;
}

/* CO BRANDED STEP 1 STYLING  */