* {
    padding: 0px;
    margin: 0px;
}

HTML {
    min-height: 100%;
}

BODY {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 100%;
    margin: 0px;
    padding: 0 0 0 0;
    background: #c1c1c1 url(/images/refi/bgContent.png) repeat-y;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
}

.supportLink {
    float: right;
    margin: 28px 25px 0 0;
}

.noBold {
    font-weight: normal;
}

.smallText {
    font-size: .8em;
}

#container {
    width: 1020px;
    padding-left: 15px;
    background: url("/images/refi/smBG.gif") no-repeat 20px 0;
}

a {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}

ol, ul {
    list-style: none;
}

img {
    border: none;
}

h1 {
    font-size: 72px;
    font-weight: normal;
}

h2 {
    font-size: 30px;
}

.errorListHead {
    font-weight: bold;
}

.errorListHead, .feedbackPanelERROR {
    color: #900;
    margin: 0;
    padding: 0;
}

.feedbackPanelINFO {
    color: #69ae54;
}

/* COLUMNS */

ul.profileColumns {
    padding-top: 40px;
    background: url(/images/refi/bgLeftColTOP.png) no-repeat 335px 20px;
}

ul.profileColumns li.refiSide {
    width: 320px;
    _width: 351px;
    background: url(/images/refi/bgLeftCol.png) no-repeat bottom right;
    padding: 9px 21px 0 10px;
    float: left;
}

ul.profileColumns li.refiMain {
    letter-spacing: normal;
    float: right;
    margin-right: 5px;
    _margin-left: 18px;
}

:first-child + html ul.profileColumns li.refiMain {
    margin-left: 18px;
}

/*---------- bubble tooltip -----------*/
a.hb {
    cursor: help;
    position: relative;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: #6aa1d9;
}

a.hb span {
    display: none;
}

a:hover.hb span.tooltip {
    z-index: 3;
    display: block;
    position: absolute;
    bottom: 7px;
    left: -148px;
    padding: 15px 0 0 0;
    width: 303px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #424242;
    text-decoration: none;
}

a:hover.hb span.top {
    display: block;
    padding: 30px 8px 0 8px;
    background: url(/images/bubble.png) no-repeat top;
}

a:hover.hb span.middle {
    display: block;
    padding: 0 35px 1px 35px;
    background: url(/images/bubble_filler.png) repeat-y 1px bottom;
}

a:hover.hb span.bottom {
    display: block;
    padding: 0 3px 52px 8px;
    background: url(/images/bubble.png) no-repeat bottom;
}

:first-child + html a:hover.hb span.bottom {
    padding: 0;
    height: 55px;
    width: 303px;
}

/*---------- Nance tooltip -----------*/
a.nc {
    cursor: help;
    position: relative;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: #6aa1d9;
}

a.nc span {
    display: none;
}

a:hover.nc span.tooltip {
    z-index: 3;
    display: block;
    position: absolute;
    bottom: 23px;
    left: -148px;
    padding: 0;
    width: 280px;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #092a61;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
}

:first-child + html a:hover.nc span.tooltip {
    width: 300px;
    left: -162px;
}

a:hover.nc span.top {
    display: block;
    padding: 10px 8px 0 100px;
    background: url(/images/refi/bgPopupRefiTop.png) no-repeat top;
}

a:hover.nc span.middle {
    display: block;
    padding: 0 8px 0 100px;
    background: url(/images/refi/bgPopupRefiMiddle.png) repeat-y 3px 0;
}

:first-child + html a:hover.nc span.middle {
    background: url(/images/refi/bgPopupRefiMiddle.png) repeat-y 13px 0;
}

a:hover.nc span.middle img {
    margin: -103px 0 0 -90px;
    float: left;
}

:first-child + html a:hover.nc span.middle img {
    margin: -121px 0 0 20px;
}

a:hover.nc span.bottom {
    display: block;
    padding: 0 8px 50px 100px;
    background: url(/images/refi/bgPopupRefi.png) no-repeat top;
}

:first-child + html a:hover.nc span.bottom {
    padding: 0;
    height: 50px;
    width: 300px;
}

.tooltip p {
    margin: 2px 0 3px 0;
}

.tooltip p strong {
    margin-bottom: 3px;
}

.tooltip h2 {
    padding-bottom: 0px;
}

input[type="text"] {
    font-size: 1em;
    margin-top: -6px;
    padding: 3px;
    width: 170px;
}

/* --------- HEADER SECTION -----------*/

#header {
    height: 95px;
    width: 1000px;
}

#header p {
    color: #B8CEC7;
    font-family: Arial, Helvetica, sans-serif;

}

.userLinks {
    color: #B8CEC7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 20px;
    right: -250px;
    position: relative;
    text-align: right;
    top: 52px;
    white-space: nowrap;
    float: right;
}

:first-child + html .userLinks {
    right: -230px;
}

#sckCu2 {
    position: absolute;
    z-index: 100;
    color: #fff;
    left: 640px;
    top: 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#sckCu2 a img {
}

#sckCu2 a {
    color: #c5c7cb;
}

#sckCu2 a span {
    color: #eb9024;
    text-decoration: underline;
}

#header .pwLink a {
    background: transparent url("/images/refi/lock_sm.png") left 0 no-repeat;
    padding-left: 15px;
    margin: 0 10px;
    color: #568FD0;
}

.supportNumber {
    float: right;
    font-size: 11px;
    margin: 29px 5px 0 0;
}

#header .pwLink a:hover {
    text-decoration: underline;
}

#header .cancelLink a {
    color: #568FD0;
}

#header .cancelLink a:hover {
    text-decoration: underline;
}

/*
.topNav ul {
    margin-left: 390px;
}

@media screen and

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

0
)
{
.topNav ul {
    margin: 0 0 2px 418px;
}

}

:first-child + html .topNav ul {
    margin: 0 0 2px 445px;
    float: left;
}

.topNav ul li {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    border-right: 1px solid #568fd0;
    line-height: 12px;
    margin-top: 3px;
}

.topNav ul li a {
    color: #568fd0;
    padding: 0 10px;
    font-size: 11px;
    letter-spacing: 1.5px;
}

.topNav ul li a:hover {
    text-decoration: underline;
}

.topNav ul li.noRightBorder {
    border-right: none;
}
*/
a.logoLink {
    margin: 25px 0 0 20px;
    display: block;
    float: left;
}

#loginContainer {
    background: url(/images/refi/loginBG.png) repeat-x #fff;
    border-right: 1px solid #f7ad1d;
    border-left: 1px solid #f7ad1d;
    border-bottom: 1px solid #f7ad1d;
    float: right;
    padding: 3px 20px 3px 10px;
    margin: 0 17px 0 300px;
}

#loginContainer img {
    padding: 0 10px;
}

.helpWrapper {
    background: url(../images/refi/bgHelpWrapper.png) no-repeat;
    float: left;
    margin: -1px 0 0 329px;
}

:first-child + html .helpWrapper {
    margin: -2px 0 0 329px;
}

a.help {
    height: 31px;
    width: 32px;
    display: block;
    margin: 10px;
}

/* --------- END HEADER SECTION -----------*/

/* --------- NAVIGATION SECTION -----------*/

ul.publicNav {
    list-style: none;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 2;
}

ul.publicNav li {
    float: left;
}

ul.publicNav a {
    color: #fff;
    font-size: 28px;
    padding: 5px 0 2px 50px;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    cursor: pointer;
    width: 194px;
    height: 75px;
}

:first-child + html ul.publicNav a {
    height: 80px;
}

ul.publicNav a#stepSave {
    margin-left: 5px;
    background: url(/images/refi/bgNavStep0.png) no-repeat;
    padding-left: 50px;
}

ul.publicNav a#stepSave.current {
    background: url(/images/refi/navCurrent.png) no-repeat;
}

ul.publicNav a#step1 {
    background: url(/images/refi/bgNavStep1.png) no-repeat;
}

ul.publicNav a#step1.current {
    background: url(/images/refi/navCurrent1.png) no-repeat;
}

ul.publicNav a#step2 {
    background: url(/images/refi/bgNavStep2.png) no-repeat;
    width: 196px;
}

ul.publicNav a#step2.current {
    background: url(/images/refi/navCurrent2.png) no-repeat;
}

ul.publicNav a#step3 {
    background: url(/images/refi/bgNavStep3.png) no-repeat;
    margin-right: 1px;
}

ul.publicNav a#step3.current {
    background: url(/images/refi/navCurrent3.png) no-repeat;
}

ul.publicNav a:hover {
    background: url(/images/refi/navHover.png) repeat;
}

ul.publicNav span.stepExplanation {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -.5px;
    display: block;
    width: 190px;
}

ul.publicNav span.number {
    font-size: 48px;
    font-style: italic;
    color: #568fd0;
    letter-spacing: normal;
    margin: -5px 10px 0 -35px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

:first-child + html ul.publicNav span.number {
    margin: -5px 4px 0 -35px;
}

/* --------- END NAVIGATION SECTION -----------*/

/* --------- MAIN CONTENT SECTION -----------*/

.frontpg, .adviceHead {
    display: none;
}

.mainContent {
    margin-top: -12px;
    padding: 0 15px 0 15px;
    letter-spacing: 1px;
}

:first-child + html .mainContent {
    margin-top: -15px;
}

.mainContent h1 {
    letter-spacing: -3px;
    margin: 0 0 -10px 0;
}

.headlineSection {
    margin: -25px 0 -3px -10px;
    background: url(/images/refi/bgHomeMain.jpg) no-repeat 0 5px;
    padding: 0;
}

:first-child + html .headlineSection {
    height: 250px;
    background: url(/images/refi/bgHomeMain.jpg) no-repeat 0 0;
}

h2.subheader {
    text-indent: -9999px;
    height: 20px;
}

:first-child + html h2.subheader {
    height: 12px;
}

.emailBox, .emailBox2 {
    color: #f7ad1d;
    background: url(/images/refi/bgEmailBox.png) no-repeat;
    float: right;
    width: 360px;
    padding: 0 48px 30px 84px;
}

.emailBox2 {
    background: url(/images/refi/bgEmailBoxSmall.png) no-repeat;
    padding: 0 8px 30px 84px;
}

.emailBox select {
    font-size: 13px;
    color: #424242;
    letter-spacing: 0px;
    margin: 64px 15px 10px 0;
    padding: 2px 4px 2px 2px;
}

.emailBox h4, .emailBox2 h4 {
    font-weight: normal;
    font-size: 22px;
    padding: 10px 0 0 0;
    letter-spacing: -1px;
}

a.btnContinue, a.btnContinue2 {
    display: block;
    background: url(/images/refi/btn_Continue_Combo.png) 0 0 no-repeat;
    height: 36px;
}

a:hover.btnContinue, a:hover.btnContinue2 {
    background: url(/images/refi/btn_Continue_Combo.png) 0 -36px no-repeat;
}

.emailBox a.btnContinue, .emailBox2 a.btnContinue2 {
    float: right;
    width: 105px;
    margin: -65px 25px 0 0;
    background: url(/images/refi/btn_ContinueGreen.png) 0 0 no-repeat;
}

.emailBox2 a.btnContinue2 {
    margin: 65px 162px 7px 50px;
}

.emailBox a:hover.btnContinue, .emailBox2 a:hover.btnContinue2 {
    background: url(/images/refi/btn_ContinueGreen_Hover.png) 0 0 no-repeat;
}

.nytimesBox {
    background: url(/images/refi/bgNYTimes.png) no-repeat;
    height: 65px;
    width: 353px;
    float: right;
    padding: 0 1px 0 0;
}

.nytimesBox a {
    color: #568fd0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    float: right;
    padding: 18px 25px 0 0;
    letter-spacing: 0;
}

.nytimesBox a:hover {
    color: #333;
}

p.helpText {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: 0;
    padding: 0 0 10px 10px;
}

.emailBox2 p.helpText {
    padding: 0 0 5px 50px;
}

p.helpText a {
    font-weight: bold;
    text-decoration: underline;
    color: #568fd0;
    margin-left: 4px;
}

p.helpText a:hover {
    color: #fff;
}

.bottomHomeBorder {
    height: 18px;
    background: #cddffd;
    padding: 2px 10px;
    margin: 3px 22px 0 -10px;
    font-size: 12px;
    color: #092A61;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}

:first-child + html .bottomHomeBorder {
    margin: -12px 22px 0 -10px;
}

.bottomHomeBorder a.arrowBlue {
    color: #568fd0;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: url(/images/refi/arrowDarkBlue.png) no-repeat 3px 2px;
}

:first-child +html .bottomHomeBorder a.arrowBlue {
    background: url(/images/refi/arrowDarkBlue.png) no-repeat 3px 4px;
}

li.homeColMain {
    background: url(/images/refi/bgHomeSecondary.png) no-repeat 56px 133px;
    font-size: 14px;
    letter-spacing: 0;
    padding: 0 0 10px 15px;
    margin: 0 0 10px 0;
    float: left;
    width: 585px;
}

li.homeColMain h3 {
    font-size: 28px;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

li.homeColMain span.tradeMark {
    font-size: 20px;
    float: right;
    margin: -40px 55px 0 0;
}

li.homeColMain p {
    line-height: 21px;
    padding: 0 0 170px 0;
}

li.homeColMain p a {
    color: #f7941d;
}

li.homeColMain p a:hover {
    text-decoration: underline;
}

li.homeColMain ul {
    padding: 15px 0 0 0;
}

li.homeColMain ul li {
    color: #424242;
    margin: 0 0 6px 0;
    background: url(/images/refi/arrow_HomePageList.png) no-repeat 0 3px;
    padding-left: 15px;
}

a.mortgageLink {
    background: url(/images/refi/btn_WhiteLong.png) no-repeat;
    display: block;
    height: 40px;
    padding: 10px 0 0 5px;
    width: 237px;
    font-size: 13px;
    color: #092A61;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

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

li.homeColSide {
    letter-spacing: normal;
    margin: 0 23px 0 0;
    padding: 20px 35px 30px 20px;
    float: right;
    background: url(/images/refi/bgHomeColSide.png) no-repeat;
    width: 300px;
}

:first-child + html li.homeColSide {
    margin: 0 22px 0 0;
}

li.homeColSide h3 {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 18px;
}

li.homeColSide p {
    font-size: 14px;
    margin-bottom: 20px;
}

li.homeColSide a.playRefi {
    background: url(/images/refi/bgVideo.png) no-repeat;
    height: 175px;
    width: 300px;
    margin-left: 15px;
    display: block;
}

.rateTable {
    padding-top: 20px;
    float: left;
}

.rateTable table {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 320px;
    border-bottom: 4px solid #aac7e7;
    margin-bottom: 20px;
}

.rateTable table th {
    color: #568fd0;
    font-weight: normal;
    font-size: 14px;
    padding: 3px 0 3px 4px;
    border-bottom: 1px solid #568fd0;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.rateTable table td.dateColumn {
    color: #838383;
}

.rateTable table tr td {
    padding: 8px 10px 8px 4px;
    border-bottom: 1px solid #b3ccea;
    color: #092a61;
}

.rateTable table tr td.even {
    background: #e2effa;
}

.rateTable table tr td a {
    color: #F7AD1D;
    background: url(../images/refi/arrowOrange.png) no-repeat 0 3px;
    padding-left: 15px;
}

.rateTable table tr td a:hover {
    text-decoration: underline;
}

/* ---- LOG IN STYLING ---- */

.loginWrapper {
    width: 580px;
    _width: 600px;
    _padding-right: 20px;
}

.loginWrapper td input#signup, .loginWrapper td input#login {
    margin-left: -2px;
}

.refiMain .loginWrapper p.loanTitle {
    padding: 0;
}

.refiSide h4 {
    color: #092a61;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    padding-left: 13px;
    font-weight: normal;
    margin: 20px 0 0 0;
    background: url(/images/refi/arrowDarkBlue.png) no-repeat left 3px;
}

.refiSide p.subColumnText {
    margin: 5px 0 0 13px;
}

.refiSide .quote {
    background: url(/images/refi/bgNYTLogin.png) no-repeat;
    color: #416798;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    padding: 17px 0 22px 40px;
    margin: 45px -21px 0 0;
}

.refiSide img.loginLogo {
    margin: 5px 0 0 168px;
}

.loginColumnFooter {
    color: #a8a8a8;
    background: url(/images/refi/bgBorder.png) repeat-x;
    padding: 15px 0 15px 0;
    margin-top: 60px;
    _margin: 60px 0 25px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

.secureImages {
    float: right;
    margin: -35px 0 0 0;
    _margin: -30px 0 0 0;
}

.secureImages a {
    margin: 0 6px;
}

.loginTabs {
    margin: 20px 0 25px 0;
    border-bottom: 1px solid #f7ad1d;
}

.loginTabs li {
    display: inline;
}

.loginTabs li a {
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 100px;
    font-size: 14px;
    color: #568fd0;
    background: #eef4fa;
}

.loginTabs li a.currentTab {
    background: #f7ad1d;
    color: #fff;
}

.noBreak {
    white-space: nowrap;
}

#username1, #password, #newUsername, #newPassword, #verifyPassword {
    width: 200px;
    background: #fff url(/images/refi/bgInputLogIn.png) no-repeat;
    font-size: 16px;
    border: 1px solid #f89c2e;
    padding: 6px;
    margin-bottom: 8px;
    _height: 35px;
}

h2.billingTitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 25px;
    font-weight: normal;
}

td.formLabel {
    letter-spacing: 0;
}

.password, .newUsername, .newPassword, .verifyPassword {
    width: 200px;
    background: #fff url(/images/refi/bgInputLogIn.png) no-repeat;
    font-size: 16px;
    border: 1px solid #f89c2e;
    padding: 6px;
    margin: 0 0 8px 15px;
    clear: right;
    _height: 35px;
}

:first-child + html .newPasswordLabel {
    position: relative;
    top: -20px;
}

span.help {
    font-weight: normal;
    float: right;
    margin: 2px 0 0 15px;
    font-size: 11px;
    letter-spacing: 0;
    color: #999;
}

:first-child + html span.help {
    margin: 0;
    position: relative;
    top: -40px;
    right: -110px;
}

#passwordDescription {
    display: block;
    margin: 0 0 0 0;
    height: 10px;
    color: #7DC323;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.refiMain .signupPanel table tr td.alignRight, .refiMain .loginPanel table tr td.alignRight, .loginPanel table tr td.alignRight {
    text-align: right;
    padding: 0 20px 0 10px;
    width: 135px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    vertical-align: middle;
}

.signupPanel table tr td.alignLeft {
    text-align: left;
    padding: 10px 0 10px 0;
    color: #a8a8a8;
    font-size: 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.signupPanel table tr td.alignLeft .help {
    padding-left: 10px;
}

.signupPanel table tr td.alignLeft .characterHelp {
    margin-left: 34px;
    display: block;
}

.signupPanel table tr.terms td {
    font-size: 11px;
    _font-size: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.signupPanel table tr.terms td.error {
    padding-left: 155px;
}

.signupPanel table tr.terms td.useText {
    padding: 10px 0 10px 169px;
}

table tr td.alignRight {
    text-align: right;
    padding: 10px 0 10px 70px;
}

.loginSlide .disclaimer {
    margin: 0 0 20px 194px;
    font-size: .9em;
    text-align: left;
}

.signupPanel .disclaimer {
    margin: 0 0 20px 160px;
    font-size: .9em;
    text-align: left;
}

a.btnSignUp, a.btnLogIn {
    background: url(/images/refi/btn_SignUp.png) no-repeat;
    text-align: center;
    width: 103px;
    height: 36px;
    margin: 30px 0 30px 0;
    display: block;
    cursor: pointer;
}

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

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

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

.loginFooter {
    border-top: 1px solid #dfdfdf;
    padding: 10px 0 0 0;
    margin: 40px 0 0 0;
}

.signupPanel .loginFooter {
    margin: 10px 0 0 0;
}

img.trustE {
    margin: 9px 0 0 25px;
}

a.forgetLink {
    margin: 20px 0 0 171px;
    display: block;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #568fd0;
    text-decoration: underline;
    text-align: left;
}

tr.loggedIn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.LogInWrapper table tr.loggedIn td {
    padding: 0 0 0 20px;
}

.loginLink {
    float: right;
    color: #8f8f8f;
    font-size: 12px;
    padding-top: 10px;
}

.loginLink a {
    color: #f7ad1d;
    display: block;
    margin-top: 5px;
}

.loginLink a:hover {
    text-decoration: underline
}

/* --------------  STEP 2  ------------- */

.step2Wrapper {
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
}

ul.step2Buttons li {
    list-style: none;
    width: 300px;
}

ul.step2Buttons li img {
    margin: -17px -25px 0 0;
    float: right;
}

:first-child + html ul.step2Buttons li img {
    margin: -30px -25px 0 0;
}

a.btnLoanOption {
    border: 1px solid #a5a5a5;
    background: url(/images/refi/btn_LoanOptions.png) repeat-x;
    color: #0a3974;
    font-size: 13px;
    padding: 7px 20px;
    display: block;
}

a.btnLoanOption span {
    color: #6AA1D9;
}

/* GRADE SECTION */

.statusReportWrapper {
    margin: 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;
    line-height: 11px;
}

:first-child + html .progressProduct {
    margin: 0 70px 0 0;
}

.refiSide .statusTitle p {
    font-weight: bold;
    color: #092A61;
    font-size: 13px;
    margin: 12px 0 0 110px;
    font-family: Arial, Helvetica, sans-serif;
    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/refi/arrowBlue.png) left 3px no-repeat;
    margin-left: -10px;
}

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

:first-child + html #dashboardStatus a.arrowBlue {
    margin-left: 0px;
}

:first-child + html #dashboardCoBorrower a.arrowBlue {
    margin-left: 0px;
}

:first-child + html #dashboardStatus a.arrowOrange {
    margin-left: 0px;
}

:first-child + html #dashboardCoBorrower a.arrowOrange {
    margin-left: 0px;
}

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

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

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

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

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

.loanAmount {
    font-size: 12px;
}

.loanAmount a {
    color: #6AA1D9;
    font-weight: bold;
    display: inline-block;
}

.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 10px 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;
}

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

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

.hiddenHelpSmall {
    height: 85px;
}

.bigArrowLeft {
    float: right;
    margin: -77px -17px 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;
    padding: 22px 0 32px 0;
}

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

.refiSide p.statusBlockNoInfo {
    background: url(/images/refi/statusBlockNoInfo.png) no-repeat;
    padding: 16px 0 19px 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: 15px;
}

.mainColBottom {
    text-align: center;
    background: url(/images/refi/bgMainColBottom.png) repeat-x;

}

:first-child + html .mainColBottom {
    width: 580px;
}

.mainColBottom a.moreLoans {
    background: url(/images/refi/arrowBlueDown.png) no-repeat #e2effa 7px 5px;
    border: 1px solid #a8a8a8;
    padding: 2px 10px 2px 20px;
    display: block;
    margin-left: 227px;
    font-size: 12px;
    color: #568FD0;
    width: 100px;
}

:first-child + html .mainColBottom a.moreLoans {
    margin-left: 0px;
}

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

/* BUTTON BAR */

.loanButtonBar {
    background: #e2effa;
    margin: 10px -18px 15px -14px;
    padding: 5px 8px 5px 19px;
    color: #092a61;
}

:first-child + html .loanButtonBar {
    margin: 10px 17px 15px -18px;
    padding: 0 8px 5px 19px;
}

.loanButtonBar .filterOptions, .loanButtonBar .sortLoans {
    text-align: right;
}

.loanButtonBar a.arrowBlue {
    float: right;
    font-weight: normal;
    margin-right: 10px;
}

:first-child + html .loanButtonBar a.arrowBlue {
    margin: -15px 10px 0 0;
}

:first-child + html .loanButtonBar a.arrowBlueDown {
    margin: -15px 20px 0 0;
}

.sortLoansMenu {
    font-size: 12px;
    float: right;
    margin: 9px 10px 0 0;
}

/* DROP DOWN LIST */

.ui-dropdownchecklist {
    margin: 8px 10px 0 10px;
    height: 20px;
    width: 130px;
    border: 1px solid #ddd;
    border-right: 0;
    background: #fff url(/images/refi/dropdown.png) no-repeat center right;
}

.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active {
    background-image: url(/images/refi/dropdown_hover.png);
    border-color: #5794bf;
}

.ui-dropdownchecklist-text {
    font-size: 12px;
    height: 27px;
    line-height: 20px;
    margin-right: 17px;
    margin-left: 0px;
    padding-left: 3px;
    text-align: left;
}

.ui-dropdownchecklist-dropcontainer {
    background-color: #fff;
    border: 1px solid #999;
    overflow: scroll !important;
    text-align: left;
    width: 130px;
    font-family: Arial, Helvetica, sans-serif;
    margin: -10px 0 0 10px;
}

:first-child + html .ui-dropdownchecklist-dropcontainer {
    margin: 0 0 0 10px;
    overflow-x: hidden !important;
}

.ui-dropdownchecklist-item-hover {
    background-color: #39f;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
    color: #fff;
}

.ui-dropdownchecklist-group {
    font-weight: bold;
    font-style: italic;
}

.ui-dropdownchecklist-indent {
    padding-left: 0px;
}

/* end drop down list */

a.btnReset, a.btnReview, a.btnAddLoan, a.btnCreditReport, a.btnArchive {
    height: 35px;
    display: block;
    margin: 0 3px;
}

a.btnReset {
    background: url(../images/refi/bgReset.png) no-repeat left 10px;
    height: 28px;
    width: 100px;
    color: #092A61;
    font-size: 13px;
    padding: 10px 0 0 20px;
    float: right;
    margin: 5px 10px 0 0;
}

@media screen and

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

0
)
{
a.btnReset {
    margin: 0 10px 0 0;
}

}

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

a.btnCreditReport {
    background: url(../images/refi/btn_CreditReport.png) no-repeat;
    width: 138px;
}

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

a:active.btnCreditReport {
    background: url(../images/refi/btn_CreditReport_Pressed.png) no-repeat;
}

a.btnArchive {
    background: url(../images/refi/btn_Archive.png) no-repeat;
    width: 138px;
}

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

a:active.btnArchive {
    background: url(../images/refi/btn_Archive_Pressed.png) no-repeat;
}

a.btnAddLoan {
    background: url(../images/refi/btn_AddLoan.png) no-repeat;
    width: 155px;
}

a.btnReview {
    background: url(../images/refi/btn_Review.png) no-repeat left -1px;
    color: #568fd0;
    width: 230px;
    font-size: 12px;
    padding: 2px 0 0 21px;
    margin: -51px 0 40px 10px;
}

:first-child + html a.btnReview {
    left: 650px;
}

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

/* LOAN TABLE */

.offers {
    margin: 0 0 10px 5px;
    font-size: 13px;
    width: 580px;
}

:first-child + html .offers {
    margin: 0;
}

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

:first-child + html .offers tr td img {
    margin: 10px auto 0 auto;
}

.offers tr {
    background: url(/images/refi/bgBorderCell.png) repeat-x bottom;
}

.offers tr td {
    padding: 8px 0 12px 0;
    border-top: 1px solid #a8a8a8;
}

.offers td.loanOptions {
    padding: 1px 3px 3px 3px;
    background: url(/images/refi/bgLoanOptions.png) no-repeat 0 -1px;
    border-bottom: 10px solid #fff;
    border-top: none;
    width: 176px;
}

:first-child + html .offers td.loanOptions {
    padding: 0 3px 2px 3px;
    background: url(/images/refi/bgLoanOptions.png) no-repeat 0 0;
}

.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-left: 10px;
    text-align: center;
    border-left: 1px solid #a8a8a8;
}

:first-child + html .offers td.bankLogo {
    padding-left: 15px;
}

.offers td.bankLogo span.loanDescription {
    display: block;
    color: #092A61;
    margin: 0 auto;
}

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

.offers a.arrowBlue {
    font-size: 12px;
    background: url(/images/refi/arrowBlue.png) no-repeat 2px 3px;
    color: #568fd0;
}

.offers .bankLogo a.arrowBlue: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: #568fd0;
}

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

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

:first-child + html .offers td.savings p {
    border-bottom: 1px dotted #a8a8a8;
}

:first-child + html .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;
    border-bottom: 1px dotted #c3c3c3;
}

.offers td.savings p.monthlyPayment, .offers td.savings p.interestRate {
    border-bottom: 1px dotted #c3c3c3;
}

.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 span#apr {
    padding-left: 70px;
}

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

.offers td.savingsMonthly {
    padding: 8px 5px 0 15px;
    border-right: 1px solid #a8a8a8;
    text-align: center;
    width: 160px;
}

:first-child + html .offers td.savingsMonthly {
    padding: 8px 5px 0 0;
    width: 150px;
}

.offers td.savingsMonthly p {
    color: #568fd0;
    font-size: 14px;
}

.offers td.savingsMonthly p span.starburst {
    color: #092a61;
    font-weight: bold;
    font-size: 38px;
}

#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;
    height: 41px;
    width: 41px;
    float: left;
    margin: -8px 0 -35px -10px;
}

:first-child + html .offers .gold {
    margin: -8px 0 -35px -15px;
}

:first-child + html .offers .bronze {
    margin: -8px 0 -35px -15px;
}

:first-child + html .offers .silver {
    margin: -8px 0 -35px -15px;
}

.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;
}

/* END LOAN TABLE */

.btnRateLock, .btnHowToQualify, .btnBack, .btnSubmit, .btnSelect {
    background: url(/images/refi/btn_RateLock.png) no-repeat;
    width: 105px;
    height: 35px;
    display: block;
    padding: 3px 0;
    margin: 0 10px;
}

.btnRateLock {
    width: 128px;
    padding: 0;
    margin: 0;
}

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

.btnHowToQualify {
    background: url(/images/refi/btn_HowToQualify.png) no-repeat;
    margin: 0 auto;
}

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

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

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

:first-child + html a.creditReportButton2 {
    top: 486px;
}

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

/* ------------  END STEP 2  ----------- */

/* ------------ STEP 3  ----------- */

.step3List {
    font-size: 13px;
    margin: 20px 0;
}

.step3List li {
    background: url(/images/refi/arrowDarkBlue.png) no-repeat;
    padding-left: 15px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    font-size: 12px;
}

.step3FormWrapper {
    border: 1px solid #a8a8a8;
    padding: 21px 20px 0 21px;
    width: 540px;
    margin: 0 35px 30px 0;
}

.step3FormWrapper table.offers {
    width: 510px;
    margin: 0 60px 10px 0;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
}

.step3FormWrapper table.offers tr {
    background: none;
}

.step3FormWrapper table.offers tr td.savings {
    background: none;
    text-align: left;
}

.step3FormWrapper table.offers tr td img {
    margin: 5px 0 10px 0;
}

.step3FormWrapper table.offers td.monthlySavingsTContainer {
    padding-top: 0;
}

.step3FormWrapper table.offers td.savingsMonthly {
    padding-top: 0;
}

.step3FormWrapper table.offers td {
    border: none;
}

.step3FormWrapper table.offers td.bankLogo {
    padding-left: 0;
}

.step3SectionWrapper {
    border-top: 1px dotted #c3c3c3;
    border-bottom: 1px dotted #c3c3c3;
    padding: 30px 0;
}

.step3SectionWrapper p.loanTitle {
    padding-left: 0;
}

p#acceptUserAgreement {
    width: 280px;
    letter-spacing: 0;
    padding: 15px 15px 5px 20px;
    border-top: 1px dotted #c3c3c3;
    margin-top: 15px;
    font-size: 12px;
    line-height: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.step3Title {
    color: #333;
    font-size: 24px;
    letter-spacing: 0;
}

.step3MainTable {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-top: 5px solid #568fd0;
    border-bottom: 5px solid #568fd0;
    background: #fff;
}

.step3MainTable tr td {
    border-bottom: 1px dotted #c3c3c3;
    padding-top: 3px;
    width: 210px;
    height: 40px;
    vertical-align: text-top;
}

.step3MainTable tr td p {
    height: 25px;
    padding-right: 5px;
}

.step3MainTable td a:hover span {
    color: #568fd0;
    text-decoration: underline;
}

.step3MainTable td span {
    display: block;
    font-weight: normal;
    padding: 5px 0 5px 0;
    vertical-align: text-bottom;
}

.lenderContact {
    background: url(/images/refi/bgMainColBottom.png) repeat-x bottom;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

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

.reviewText {
    color: #404040;
    font-weight: bold;
}

.agreeWrapper {
    color: #f7ad1d;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 10px;
    background: url(/images/refi/arrowOrange.png) 115px 2px no-repeat;

}

:first-child + html .agreeWrapper {
    background: url(/images/refi/arrowOrange.png) 115px 6px no-repeat;
}

.agreeWrapper input {
    margin-right: 8px;
}

.green {
    color: #6FB058;
}

#reviewFooter {
    background: url(/images/refi/logoTrustE.png) no-repeat right 166px;
    padding-bottom: 7px;
}

#reviewFooter em {
    color: #777;
    font-size: 12px;
    text-align: center;
    margin: 0 0 0 35px
}

:first-child + html #reviewFooter {
    background: url(/images/refi/logoTrustE.png) no-repeat right 175px;
}

#reviewFooter img {
    margin: 20px 0 20px 0
}

.coBorrowerBg {
    background: #eef4fa;
}

.grey {
    color: #999;
    font-size: 1em;
    font-family: Georgia, "Times New Roman", Times, serif;
}

a.editLink {
    margin: 0 0 0 40px;
    color: #F7AD1D;
    display: block;
}

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

.reviewSubmit {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.reviewSubmit input[type=image] {
    margin: 15px 0 15px 0;
}

a.btnSubmit {
    background: url('/images/refi/btn_Submit.png') no-repeat;
}

a:hover.btnSubmit {
    background: url('/images/refi/btn_Submit_Hover.png') no-repeat;
    text-decoration: none;
}

a.btnSelect {
    background: url('/images/refi/btn_Select.png') no-repeat;
    margin: 0 auto;
}

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

h3.appPending {
    font-size: 24px;
    font-weight: normal;
    margin-left: 5px;
}

p.appPending {
    margin: 15px 0 20px 5px;
    font-size: 14px;
}

p.appPending img {
    margin: 15px 0 0 0;
}

/* THANK YOU PAGE */

.thankYouWrapper {
    width: 600px;
    margin-left: 5px;
}

.thankYouWrapper h4 {
    font-size: 18px;
    letter-spacing: .5px;
    color: #092a61;
    font-weight: normal;
    margin: 20px 0 15px 0;
}

.thankYouWrapper p {
    letter-spacing: .5px;
    margin: 10px 0;
    font-size: 14px;
}

.thankYouWrapper ul {
    margin: 0 0 35px 20px;
    font-size: 14px;
    list-style: url(/images/refi/arrowDarkBlue.png);
}

.thankYouWrapper ul li {
    margin: 8px 50px 0 0;
    font-size: 14px;
}

.thankYouBox {
    margin: 150px 0 0 0;
}

.thankYouBox a {
    margin: 10px;
}

.thankYouWrapper p a {
    font-family: Arial, Helvetica, sans-serif;
    color: #568fd0;
}

.thankYouWrapper p a:hover {
    text-decoration: underline;
}

.thankYouWrapper a.btnLogOut {
    width: 110px;
    margin: 25px 0 0 0;
    background: url(/images/refi/btn_LogOut.png) no-repeat;
    height: 35px;
    display: block;
}

.facebookLinkWrapper, .twitterLinkWrapper {
    margin: 20px 0 50px 10px;
}

a.facebookLink {
    background: url(/images/refi/iconFacebook.png) no-repeat;
    height: 80px;
    width: 80px;
    display: block;
    float: left;
    padding-right: 15px;
}

a.twitterLink {
    background: url(/images/refi/iconTwitter.png) no-repeat;
    height: 80px;
    width: 80px;
    display: block;
    float: left;
    padding-right: 15px;
}

/* ------------  END STEP 3  ----------- */

/* ----------- LIGHT BOX STYLING ----------- */

.mortgageComparator, .LoanDetails, .LenderDetails, #popupWorkouts, .rateArchiveBox, .authQuestions, .creditReportPopup, .marginalTax {
    background: url('/images/refi/bgPopup.png') bottom repeat-x #fff;
    width: 790px;
    z-index: 2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 25px 0 0 0;
    letter-spacing: 0px;
    margin-left: -1px;
}

.popupFrame {
    width: 840px;
    position: absolute;
    top: 50px;
    padding: 0 0 50px 50px;
    z-index: 2;
    background: url(/images/refi/trans_blue_20.png) repeat;
    border-right: 1px solid #6C8BBB;
    border-left: 1px solid #6C8BBB;
    border-bottom: 1px solid #6C8BBB;
    margin-left: -1px;
}

.privacyPolicyPage {
    width: 800px;
    padding: 40px 50px 50px 50px;
    letter-spacing: 0;
    font-size: 13px;
}

.contactUsPage {
    line-height: 20px;
    margin: 0 40px 70px 0;
    width: 570px;
    font-size: 14px;
}

p.contactInfo {
    border-bottom: 1px dotted #c3c3c3;
    padding-bottom: 20px;
}

.aboutUsPage h4, .contactUsPage h4, .privacyPolicyPage h4 {
    margin: 25px 0 5px 0;
    font-weight: normal;
    font-size: 18px;
    color: #092a61;
}

.refiSide iframe {
    border: 1px solid #6aa1d9;
    margin: 25px 0 200px;
}

.contactUsPage h1, .aboutUsPage h3, .privacyPolicyPage h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 10px 0;
    color: #092a61;
}

.aboutUsPage p {
    line-height: 20px;
    margin-bottom: 5px;
}

.aboutUsPage h3 {
    width: 350px;
}

.aboutUsPage a.HALogo {
    float: right;
    margin: 10px 10px 0 30px;
    height: 140px;
    width: 180px;
    display: block;
}

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

.aboutUsPage .aboutDescription {
    margin-bottom: 40px;
}

#header .popupInner p.aboutDescription {
    width: 715px;
    margin-right: -15px;
}

:first-child + html #header .popupInner p.aboutDescription {
    width: 550px;
}

.privacyPolicyPage {
    width: 580px;
    line-height: 20px;
    padding: 0 10px 20px 10px;
    margin-right: 20px;
}

.privacyIntro {
    border-bottom: 1px dotted #c4c4c4;
    padding: 0 0 15px 0;
    margin-bottom: 10px;
}

.privacyPolicyPage h1 {
    color: #092A61;
    font-size: 30px;
    letter-spacing: 0;
    margin: 3px 0 20px 0;
}

#privacySide {
    padding-top: 0;
}

#privacySide h1 {
    border-bottom: 1px dotted #c4c4c4;
    padding-bottom: 20px;
    margin-top: -3px;
    color: #092A61;
    font-size: 30px;
    letter-spacing: 0;
    margin-bottom: 20px;
}

#privacySide iframe {
    margin: 1800px 0 200px 0;
}

#privacySide a {
    margin: 5px 0 0 20px;
}

.termsPopup {
    width: 895px;
    margin: 0 0 0 -450px;
    text-align: left;
    position: absolute;
    left: 50%;
    z-index: 2;
    background: url(/images/refi/trans_blue_20.png) repeat;
    border: 1px solid #6C8BBB;
}

.termsPopup a.popupClose {
    display: none;
}

.termsPopup .popupInner {
    padding: 25px 30px 30px 30px;
    height: 400px;
    overflow: auto;
}

.privacyPolicyPage a.trustELink {
    float: right;
}

a.popupClose {
    background: url('/images/refi/btn_Close.png') no-repeat;
    height: 40px;
    width: 36px;
    display: block;
    position: absolute;
    right: 20px;
    top: 24px;
    z-index: 3;
}

a:hover.popupClose {
    background: url('/images/refi/btn_Close_Hover.png') no-repeat;
}

.popupInner {
    background: url('/images/refi/bgPopup.png') bottom repeat-x #fff;
    margin: 40px;
    z-index: 2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 35px 50px 50px 50px;
    letter-spacing: 0px;
}

.popupInner h3 {
    padding: 0 0 5px 0;
    font-weight: normal;
    font-size: 28px;
    font-style: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.popupInner h4 {
    padding: 20px 0 0 0;
    font-weight: normal;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#header .popupInner p {
    padding: 10px 0 5px 0;
    margin: 0;
    line-height: 19px;
    font-size: 1em;
    color: #333333;
    float: none;
}

#header .popupInner img {
    margin: 0 20px 0 10px;
}

.popupInner a.btnBack {
    margin: 10px 0 0 97px;
}

/*---AUTH QUESTIONS POPUP---*/

.authQuestions {
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 0 180px 50px 180px;
    width: 600px;
    font-size: 14px;
    background: none;

}

.authQuestions h2 {
    font-size: 28px;
    font-weight: normal;
    padding: 35px 0 20px 0;
}

.authQuestions ol {
    margin: 0 0 0 0;
}

.authQuestions li {
    margin: 40px 0 0 0;
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

.authQuestions li span {
    margin: 5px 0 10px 0;
    display: block;
}

.authQuestions li input {
    float: left;
}

.authQuestions li label {
    margin: 0 0 -12px 18px;
    display: block;
    color: #092a61;
}

:first-child + html .authQuestions li label {
    margin: 1px 0 0 18px;
}

.authQuestions .authSubmit {
    margin: 25px 0 0 220px;
}

:first-child + html .authSubmit {
    margin: 25px 0 0 260px;
}

.authQuestions .buttons {
    margin: 40px 0 100px 200px;
}

.authQuestions .buttons a.buttonCancel {
    height: 30px;
    margin: 7px 0 0 20px;
}

/*---WORKOUTS POPUP---*/

#popupWorkouts {
    padding: 0;
    text-align: center; /*display: none;*/
}

#popupWorkouts h3 {
    font-size: 30px;
    color: #333;
    font-weight: normal;
    margin: 25px -10px 15px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#popupWorkouts h1 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 10px 30px 10px 30px;
    letter-spacing: 0px;
    background: #F4F9F2;
    border-bottom: 1px solid #ccc;
}

#workoutArea table.optionList {
    margin-left: 90px;
}

#workoutArea div table {
    margin: -3px 25px;
    width: 385px;
    text-align: left;
}

#workoutArea div table tr td {
    background: url(/images/loanOptions/optionBG.png) repeat-x #d6d6d6;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #cecece;
    padding: 15px 25px 10px 25px;
    margin: 0;
}

#workoutArea td.optionNumber {
    border-right: none;
    white-space: nowrap;
    vertical-align: top;
}

#workoutArea td.optionText {
    width: 500px;
    border-left: none;
}

#workoutArea td.optionText span {
    font-size: 13px;
}

#workoutArea td.optionText td strong span {
    font-size: 14px;
}

#workoutArea div table tr td table tr {
    margin: -13px 0 0 125px;
    vertical-align: top;
}

#workoutArea div table tr td table tr td {
    font-weight: normal;
    font-size: 14px;
    background: none;
    border: none;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
    line-height: 16px;
}

#workoutArea div table tr td table tr td img {
    float: left;
    margin: -5px 0 0 -38px;
}

:first-child + html #workoutArea div table tr td table tr td img {
    margin: 0 15px 0 0;
}

#workoutArea ul {
    margin: 5px 25px;
    list-style: none;
}

#workoutArea ul li {
    background: url(/images/loanOptions/optionBG.png) repeat-x #d6d6d6;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #cecece;
    padding: 25px 25px 5px 25px;
}

#workoutArea ul li ul {
    margin: -13px 0 0 125px;
}

#workoutArea ul li ul li {
    font-weight: normal;
    font-size: 14px;
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 20px;
    line-height: 16px;
}

#workoutArea ul li ul li img {
    float: left;
    margin: -8px 0 0 -38px;
}

#workoutArea .mortgageComparator {
    padding: 17px 0 17px 30px;
    margin-top: 30px;
    _margin-top: 0px;
}

#workoutArea .popupFooter p {
    margin: 0;
}

.popupFooter {
    font-size: 11px;
    padding: 25px 0 25px 30px;
    font-style: italic;
    color: #333;
}

/* ---- LENDER DETAILS  ----*/

.LenderDetails {
    text-align: left;
}

.LenderDetails img.lenderLogo {
    margin: 20px 0 0 32px;
}

.LenderDetails h3 {
    margin: 0 0 5px 40px;
}

.LenderDetails h3 a {
    color: #00aeef;
}

.LenderDetails h2.lenderDescription {
    font-size: 21px;
    font-weight: normal;
    margin: 10px 0 10px 40px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.LenderDetails p {
    margin: 0 40px 15px 40px;
}

.LenderDetails ol, .LenderDetails ul {
    margin: 0 0px 0px 80px;
}

.LenderDetails ol li, .LenderDetails ul li {
    margin: 5px;
}

/* ---- LOAN DETAILS  ----*/

.LoanDetails {
    text-align: left; /*display: none;*/
}

.LenderDetails h1 {
    margin: 0 0 0 40px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 34px;
    letter-spacing: 0;
    color: #333;
}

.LoanDetails h2.LoanDetailsTitle {
    margin: 0 0 0 40px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 34px;
    letter-spacing: 1px;
    font-weight: normal;
}

.LoanDetails h1 {
    margin: 0 0 20px 30px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
}

.LoanDetails h1 a {
    color: #6AA1D9
}

.LoanDetails tr td a.hb {
    float: none;
    margin: 0;
    text-decoration: none;
    white-space: normal;
    white-space: normal\9;
}

.LoanDetails a:hover.hb span {
    text-decoration: none;
}

.LoanDetails h1 a:hover {
    text-decoration: underline;
}

.LoanDetails h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 15px 0 0 40px;
    padding: 0;
}

h2.lenderName {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 40px;
}

.LoanDetails td h3 {
    margin: 5px 0 5px 0;
}

.LoanDetails h3 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
    padding-top: 2px;
}

.LoanDetails tr td {
    white-space: nowrap;
    padding: 5px 0;
}

.LoanDetails a img {
    margin: 0;
}

tr.refiSection td {
    background: #9dcdeb;
    padding: 0 0 0 15px;
}

#bottomPadding td {
    padding-bottom: 10px;
    white-space: nowrap;
}

.LoanDetails img {
    margin: 0 0 0 40px;
}

.loanDetailsTableLeft {
    float: left;
    margin: 10px 0 0px 40px;
}

.loanDetailsTableLeft td.loanType {
    width: 100px;
    line-height: 13px;
    text-align: left;
    color: #333;
    white-space: normal;
}

.loanDetailsTableRight {
    float: right;
    margin: 10px 25px 0 0;
    width: 390px;
}

.LoanDetails p {
    font-size: 11px;
    padding: 0 15px;
    margin-bottom: -5px;
}

tr.closingCosts td {
    padding-bottom: 15px;
}

tr.totalPrincipal td {
    padding: 8px 0 15px 5px;
}

tr.totalPrincipal td.totalPrincipalCost {
    color: #000;
    padding-top: 24px;
    _padding-top: 22px;
}

tr.trueCostBG td {
    background-color: #efefef;
    padding: 5px;
}

.LoanDetails .forceWrap {
    white-space: normal;
    max-width: 150px;
}

.LoanDetails .forceWrap a {
    color: #6AA1D9;
}

.LoanDetails .forceWrap a:hover {
    text-decoration: underline;
}

.LoanDetails td.forceWrapAPR {
    width: 200px;
}

.trueCostDisclaimer {
    border-bottom: 1px solid #c1c1c1;
    font-size: 12px;
}

.bottomBorder {
    border-bottom: 1px solid #c1c1c1;
    width: 710px;
    margin: 0 0 10px 40px
}

.savingsTable {
    width: 325px;
    float: right;
    margin: -90px 40px 0 0;
}

table#fees {
    margin: 10px 0 0 30px;
}

table#fees th {
    padding: 6px;
}

table#fees td {
    padding: 6px;
}

/* ---- MORTGAGE COMPARATOR  ----*/

.mortgageComparator h1 {
    color: #333;
    font-size: 34px;
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 1px;
    margin: 0 0 0 20px;
}

.mortgageComparator a.hb {
    float: none;
    margin: 0;
    text-decoration: none;
}

.mortgageComparator a:hover.hb span {
    text-decoration: none;
}

.mortgageComparator table {
    margin: 25px 20px 9px 20px;
    _margin: 25px 20px 25px 20px;
    width: 750px;
    text-align: left;
}

.mortgageComparator table img {
    margin: 0;
}

.mortgageComparator table th {
    background: #fff;
    border-bottom: 1px solid #F7AD1D;
}

.mortgageComparator table th img {
    padding-bottom: 5px;
}

.mortgageComparator table tr td {
    padding: 10px 0 10px 10px;
}

.mortgageComparator table tr td a {
    color: #6FB058;
}

.mortgageComparator table tr td a:hover {
    text-decoration: underline;
}

.mortgageComparator table tr td.MPR {
    width: 200px;
}

.mortgageComparator table tr td a.hb {
    margin-right: -15px;
    text-decoration: none;
}

.mortgageComparator table tr td a.hb span {
    _bottom: 4px;
}

.mortgageComparator table tr.bottomRow td img {
    padding: 10px 0 0 0;
}

.lenderName {
    text-align: left;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-left: -3px;
}

#alignRight {
    text-align: right;
    padding-right: 40px;
}

#alignRight a.hb span {
    white-space: normal;
}

tr.highlightedSavings td {
    background: #9DCDEB;
    background: #cbdfeb;
    padding-left: 10px !important;
}

tr.highlightedSavings td strong {
    white-space: nowrap;
}

a.lightboxClose {
    background: url(/images/button_close_signUp.png) no-repeat;
    height: 23px;
    width: 23px;
    display: block;
    float: right;
    margin: -36px 5px 0 0;
}

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

th.loanAmount {
    font-size: 12px !important;
}

th.loanAmount span {
    color: #61A349;
}

.loader img {
    margin: 40px;
    _margin: 100px;
}

/* ---- RATE LOCK ARCHIVE ---- */

.rateArchiveBox {
    padding-bottom: 50px;
}

.rateArchiveBox h1 {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    letter-spacing: 0px;
    font-size: 24px;
    padding: 0 0 0 30px;
    margin: 10px 0 0 0;
}

.rateArchiveBox h1 span {
    color: #F7AD1D;
}

.rateArchiveBox p {
    padding: 15px 0 5px 30px;
}

.rateArchiveBox table {
    margin: 0 40px 0 30px;
    width: 723px;
    background: #d5fefe;
    border: 1px solid #727272;
    font-size: 16px;
}

.rateArchiveBox table td {
    border-bottom: 1px solid #b8dcdc;
    padding: 8px;
}

.rateArchiveBox #archiveTable a {
    color: #333;
}

.rateArchiveBox #archiveTable a:hover {
    color: #F7AD1D;
}

/* ---- MARGINAL TAX RATE TABLE ---- */

.marginalTax h1 {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    letter-spacing: 0px;
    font-size: 24px;
    padding: 0 0 0 30px;
}

.innerTax {
    max-height: 474px;
    overflow: auto;
    padding: 0 0 0 180px;
    margin-top: 21px;
}

.innerTax table {
    width: 80%;
    height: auto;
}

.marginalTax h2 {
    font-weight: bold;
    font-size: 16px;
    margin: 10px 20px 0 0;
}

.marginalTax tr td {
    padding: 0px 4px;
    border-top: 1px solid #eee;
}

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

/* ---- PRIVACY POLICY AND TERMS OF USE POPUP ---- */

.termsPopup h1 {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    letter-spacing: 0px;
    font-size: 24px;
    margin: 0 0 5px 0;
}

.termsPopup h3 {
    font-size: 14px;
    margin: 5px 50px 0 0;
    font-weight: bold;
}

#header .privacyPolicyPage p, #header .termsPopup p {
    font-size: 1em;
    margin: 0;
    padding: 5px 0 0 0;
}

#header .privacyPolicyPage img {
    margin: 0 0 10px 20px;
}

.privacyPolicyPage ul li, .termsPopup ul li {
    list-style: disc;
    margin: 5px 0 0 30px;
}

.privacyPolicyPage a, .aboutUsPage a {
    color: #F7AD1D;
}

.privacyPolicyPage a:hover, .aboutUsPage a:hover {
    text-decoration: underline;
}

/* ABOUT US PAGE */

#aboutColumn {
    width: 580px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    margin-right: 40px;
    line-height: 20px;
}

#aboutColumn h2, #aboutSide h1, #aboutSide h2 {
    color: #092A61;
    font-size: 30px;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 20px;
    letter-spacing: 0;
    margin-top: 3px;
    font-weight: normal;
}

#aboutSide h1, #aboutSide h2 {
    margin: -7px 0 20px 0;
}

#aboutColumn h3 {
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #333;
    font-weight: normal;
    margin-bottom: 6px;
}

#aboutSide {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 100px;
    letter-spacing: 0;
}

#aboutSide a, #aboutColumn a {
    color: #568FD0;
}

#aboutSide a:hover, #aboutColumn a:hover {
    text-decoration: underline;
}

#aboutSide a.HALogo {
    float: left;
    margin-right: 10px;
}

#aboutSide p {
    width: 300px;
    letter-spacing: 0;
}

#aboutSide ul {
    list-style: none;
}

#aboutSide ul li {
    margin-bottom: 10px;
}

#aboutSide ul li a {
    display: block;
}

.safetyLinks {
    margin-top: 15px;
}

.safetyLinks a {
    margin: 0 10px 0 20px;
}

#aboutSide h2.aboutSecondSection {
    margin: 25px 0 15px 0;
    padding-top: 15px;
    border-top: 1px dotted #c4c4c4;
}

.personWrapper {
    border-top: 1px dotted #c4c4c4;
    padding: 30px 0 15px 240px;
}

#picMark {
    background: url(/images/aboutMark.png) no-repeat 40px 23px;
    padding-bottom: 35px;
}

#picNikul {
    background: url(/images/aboutNikul.png) no-repeat 40px 19px;
    padding-bottom: 50px;
}

#picChintan {
    background: url(/images/aboutChintan.png) no-repeat 40px 19px;
    padding-bottom: 70px;
}

#picJackG {
    background: url(/images/aboutJackG.png) no-repeat 40px 19px;
    padding-bottom: 50px;
    margin-bottom: 25px;
    border-bottom: 1px dotted #c4c4c4;
}

/*--- CREDIT REPORT LIGHTBOX ---*/

.creditReportPopup {
    padding-top: 0;
}

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

h3.creditTitle {
    margin: -15px 0 0 20px;
    float: left;
}

:first-child + html h3.creditTitle {
    margin: -18px 0 0 20px;
}

.creditDropDown {
    float: left;
    margin: -16px 0 0 10px;
}

:first-child + html .creditDropDown {
    margin: -18px 0 0 8px;
}

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

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

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

.vantageScore, .creditProfile, .debtProfile {
    float: left;
    padding: 0 0 10px 20px;
    margin: 20px 0 30px 15px;
    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;
    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;
}

:first-child + html .vantageScore p {
    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: 9px 0 0 48px;
    padding: 15px 0 0 17px;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    height: 54px;
    width: 80px;
}

:first-child + html .scoreA,
    :first-child + html .scoreB,
    :first-child + html .scoreC,
    :first-child + html .scoreD {
    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 */
.table_profile span, .table_history span {
    font-weight: bold;
}

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

.table_profile th {
    width: 853px;
    background: url("/images/refi/creditTableHeader.png") repeat-x;
    text-align: left;
    padding-left: 20px;
    color: #fff;
}

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

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

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

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

.table_history th {
    font-size: 90%;
    width: 423px;
    background: url("/images/refi/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;
}

.column1 {
    max-width: 70px;
    text-align: center;
}

.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: -70px 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;
}

:first-child + html p.creditIntroText2 {
    padding-top: 0;
}

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

.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;

}

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

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

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

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

/* CREDIT REPORT TABS */
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;
    top: -5px;
    height: 35px;
    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;
}

:first-child + html 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: 5px 0 0 0;
    border: none;
    color: #06C;
    background: none;
    text-decoration: underline;
}

:first-child + html .credit-tabs ul {
    margin: 0 0 75px 15px !important;
}

:first-child + html .credit-tabs ul li {
    float: left;
}

:first-child + html .creditTableRight {
    margin: 0;
    padding-top: 1px;
    width: 218px;
    height: 16px;
    position: absolute;
    top: 311px;
    left: 550px;
}

:first-child + html .creditTableLeft {
    margin: 20px -30px 0 20px;
}

:first-child + html .table_history {
    margin: -20px 0 40px 20px !important;
}

:first-child + html .vantageScore {
    padding: 10px 15px 21px 25px !important;
}

/* --------- END LIGHTBOXES SECTION ----------*/

/* ---------------------- END MAIN CONTENT SECTION --------------------*/

/* --------- FOOTER SECTION -----------*/

#footer {
    background: url("/images/refi/bgFooter.png") 1px 0 no-repeat;
    padding: 20px 0 0 0;
}

ul#footerNav {
    color: #b5b5b5;
    font-size: 11px;
    height: 30px;
    padding: 0 0 15px 5px;
    margin: 0 15px 0 15px;
    font-family: Arial, Helvetica, sans-serif;
}

ul#footerNav li {
    display: inline;
}

ul#footerNav li a {
    border-right: 1px solid #b5b5b5;
    padding: 0 8px;
    margin: 10px 0 0 0;
    letter-spacing: 2px;
    color: #b5b5b5;
}

ul#footerNav li a:hover {
    text-decoration: underline;
}

ul#footerNav li a#contact {
    border: none;
}

.footerNavRight {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #b5b5b5;
    margin: -51px 55px 0 0;
    letter-spacing: 2px;
    width: 200px;
}

.footerNavRight span {
    position: relative;
    top: 2px;
    _top: 0;
}

.footerNavRight a {
    display: inline-block;
    padding: 0 5px 0 5px;
}

.footerNavRight img {
    vertical-align: middle;
}

img.HAlogo {
    margin-top: -40px;
    float: left;
}

a.experian {
    margin-right: 45px;
    float: right;
}

#bottomFooter {
    background: #fff;
    border-top: 45px solid #8494b0;
    padding: 0 0 0 20px;
    margin: 0 37px 15px 5px;
}

:first-child + html #bottomFooter {
    height: 260px;
}

#bottomFooter h3 {
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    font-size: 24px;
    font-weight: normal;
    padding: 0 0 0 5px;
    margin: -30px 0 0 70px;
}

#bottomFooter h4 {
    font-size: 24px;
    font-weight: normal;
    margin: 35px 0 5px 0;
}

#bottomFooter p {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 22px;
    width: 450px;
    margin: 0 0 0 0;
}

#bottomFooter p span {
    color: #5ca146;
}

.firstFooterColumn {
    float: left;
    margin: 0 0 0 -70px;
}

#bottomFooter p.pressSection {
    color: #5ca146;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.secondFooterColumn {
    float: left;
    width: 200px;
    margin: 30px 0 0 27px;
}

.thirdFooterColumn {
    float: right;
    background: url(../images/refi/theProf.png) no-repeat bottom right;
    width: 240px;
    clear: right;
}

.thirdFooterColumn a {
    font-style: italic;
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 125px 0 5px 45px;
}

#bottomFooter .thirdFooterColumn p {
    width: 230px;
}

.linkSection {
    background: #e6e6e6;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 15px 0 10px 20px;
    margin: 0 40px 5px 5px;

    display: none;
}

.linkSection ul {
    float: left;
}

.linkSection ul.secondLinkColumn {
    margin: 0 0 0 115px;
}

.linkSection ul.thirdLinkColumn {
    margin: 0 120px 0 130px;
}

.linkSection ul li {
    font-weight: bold;
    color: #333;
    padding: 2px 0;
}

.linkSection ul li a {
    font-weight: normal;
    color: #286baa;
}

.linkSection ul li a:hover {
    text-decoration: underline;
}

p.legal {
    color: #999;
    font-size: 12px;
    padding: 20px 0 5px 25px;
}

/* --------- END FOOTER SECTION -----------*/

/* --------- COMING SOON SECTION -----------*/

.comingSoonWrapper {
    text-align: center;
    background: url(/images/refi/bgComingSoonMain.png) no-repeat top center;
}

img.comingSoonLogo {
    position: relative;
    top: 40px;
    left: -250px;
}

.inTheWorks {
    margin: 60px auto 0 auto;
    _margin: 50px auto 0 auto;
    width: 758px;
    text-align: left;
}

.inTheWorksInner {
    width: 735px;
    _width: 736px;
    background: url(/images/refi/bgComingSoonBottom.png) repeat-x #fff bottom;
    margin: 10px;
    border: 1px solid #fff;
}

.inTheWorksInner h1 {
    font-size: 36px;
    letter-spacing: 0px;
    padding: 50px 0 10px 200px;
}

.inTheWorksInner p {
    font-size: 14px;
    margin-bottom: 30px;
    font-size: 13px;
}

.inTheWorks p span {
    font-style: italic;
    color: #F7AD1D;
    font-weight: bold;
}

.inTheWorksInner h4 {
    color: #959595;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    padding-bottom: 80px;
}

.comingSoonLeft {
    background: url(/images/refi/bgComingSoon.png) top left no-repeat;
    color: #fff;
    width: 479px;
    float: left;
}

.comingSoonLeft p {
    margin: 0 50px 62px 200px;
    line-height: 25px;
}

p.bottomText {
    color: #333;
    padding: 25px 50px 15px 50px;
    _padding: 25px 50px 0 50px;
    border-top: 15px solid #F7AD1D;
    margin: 0;
}

.comingSoonRight {
    float: right;
    background: url(../images/refi/bgComingSoonRight.png) no-repeat;
    padding: 150px 48px 0 30px;
    _padding: 150px 42px 0 30px;
    color: #fff;
    text-align: center;
    _margin-bottom: -20px;
}

.comingSoonRight .errorListHead {
    display: none;
    _margin: -40px 0 0 0;
}

.comingSoonRight .feedbackPanelERROR {
    width: 160px;
    margin: -130px 0 -54px 0;
    _margin: -13px 0 -145px -10px;
    _font-size: 11px;
    _height: 25px;
    padding-left: 10px;
}

.comingSoonRight .feedbackPanelINFO h3 {
    displaY: none;
}

.comingSoonRight .feedbackPanelINFO p {
    width: 160px;
    margin: -175px 0 -140px 0;
    _margin: -100px 0 -132px -10px;
    font-size: 13px;
    _height: 25px;
    padding-left: 10px;
    line-height: 18px;
    color: #fff;
}

.comingSoonRight input {
    font-size: 16px;
    margin-bottom: 10px;
}

.comingSoonRight p {
    font-size: 18px;
    line-height: 25px;
    padding: 40px 0 76px 0;
}

p#validEmail {
    color: #900;
    font-size: 16px;
    width: 160px;
    margin: -280px 0 84px 0;
    padding: 0 0 0 10px;
}

.inTheWorksInner a.btnSubmit {
    display: block;
    background: url(/images/refi/btn_Submit.png) no-repeat;
    height: 40px;
    width: 105px;
    margin: 2px 0 0 40px;
    _margin: 3px 0 0 0;
}

.inTheWorksInner a:hover.btnSubmit {
    background: url(/images/refi/btn_Submit_Hover.png) no-repeat;
}

.inTheWorksFooter {
    color: #fff;
    letter-spacing: 0px;
    padding: 25px 0 65px 0;
    margin: -20px 0 0 -485px;
    _margin: -15px 0 0 -515px;
    background: none;
}

.inTheWorksFooter p {
    margin: -30px 0 0 155px;
    font-size: 12px;
}

.inTheWorksFooter a {
    color: #83bb4a;
}

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

.inTheWorksFooter img {
    margin: 0 0 0 -200px;
    _margin: 0 0 0 -120px;
}

p#feedback {
    display: none;
}

/* --------- END COMING SOON SECTION -----------*/

/* GRADE HELP SECTION */

.gradeHelpWrapper {
    width: 923px;
    position: absolute;
    line-height: 18px;
    text-align: left;
    font-size: 13px;
    margin-left: -140px;
}

.gradeHelpWrapper h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #316122;
    margin-bottom: 10px;
    font-weight: normal;
}

.gradeHelpWrapper p {
    margin-bottom: 1.5em;
}

.gradeHelpWrapper a {
    color: #F7941D;
}

.gradeHelpWrapper a:hover {
    text-decoration: none;
}

.gradeHelpWrapperTop {
    background: url(/images/bg_GradeWrapperTop.png) no-repeat;
    height: 18px;
}

.gradeHelpWrapperMiddle {
    background: url(/images/bg_GradeWrapperMiddle.png) repeat-y;
    padding: 10px 55px;
    font-size: 14px;
    color: #424242;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#inline {
    border: 1px solid #666;
    padding: 5px 0 0 5px;
}

img.mgLogo {
    float: left;
}

a.closeHelp, a.closeHelp2, a.closeHelp3 {
    background: url(/images/button_close_save.png) no-repeat right;
    width: 25px;
    height: 23px;
    display: block;
    position: absolute;
    padding-right: 32px;
    font-family: Arial, Helvetica, sans-serif;
    top: 12px;
    right: 14px;
    _right: 20px;
}

a:hover.closeHelp, a:hover.closeHelp2, a:hover.closeHelp3 {
    background: url(/images/button_close_save_hover.png) no-repeat right;
    text-decoration: underline;
}

.gradeIntroText {
    float: left;
    width: 370px;
}

.gradeExplanation {
    float: right;
    width: 420px;
}

.gradeExplanation ul li {
    margin-bottom: 25px;
}

.gradeExplanation img {
    float: right;
    padding: 0 0 100px 20px;
}

.gradeHelpWrapperBottom {
    background: url(/images/bg_GradeWrapperBottom.png) no-repeat;
    height: 25px;
    padding-bottom: 5px;
}

.mtgLink {
    background: url(/images/bg_mtgProfessor.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px 0 20px 100px;
    width: 350px;
    margin-bottom: 10px;
    text-decoration: underline;
    display: block;
}

.mgPressRelease {
    background: url(/images/icon_PDF.png) no-repeat 12px 0;
    padding: 10px 0 20px 100px;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}

/* --------- CUSTOM CLASSES SECTION -----------*/

/* TAG CLOUD */

.tagCloud {
    width: 232px;
    white-space: normal;
    padding: 4px;
}

.tagCloud span {
    display: inline-block;
}

.p1, span.p1, .p2, span.p2, .p3, span.p3, .p4, span.p4, .p5, span.p5 {
    padding: 1px 4px;
    float: left;
}

.p1, span.p1 {
    font-size: 18px;
    color: #092A61;
}

.p2, span.p2 {
    font-size: 18px;
    color: #092A61;
}

.p3, span.p3 {
    font-size: 16px;
    color: #4769a1;
}

.p4, span.p4 {
    font-size: 14px;
    color: #6887b9;
}

.p5, span.p5 {
    font-size: 12px;
    color: #a4c0de;
}

.clear {
    clear: both;
    height: 0;
}

.disclaimer {
    color: #666;
    font-style: italic;
}

.textOff {
    display: none !important;
}

.alignCenter {
    text-align: center;
}

.progressWrapper {
    float: right;
}

:first-child + html .progressWrapper {
    margin: -18px 0 0 0;
}

#bar {
    background: url(/images/refi/bgProgressBar.png) no-repeat;
    height: 14px;
    margin: -14px 0 0 56px;
    width: 166px;
}

:first-child + html #bar {
    margin: -14px 15px 0 0;
}

#status {
    background: url(/images/refi/bgProgressBarFill.png) no-repeat;
    float: left;
    height: 12px;
    margin-top: 1px;
}

.sectionTitle {
/* Do not set a background color in this class.  Use a separate class for BG colors. */
    background: transparent url("/images/sectionTitleBar.png") bottom left no-repeat;
    padding: 10px 0 20px 10px;
    font-size: .9em;
    color: #fff;
    font-family: arial, sans-serif;
}

.bgDarkBlue {
    background-color: #002955;
}

.bgGreen {
    background-color: #6fb058;
}

span.pdfLink {
    color: #888;
    font-size: 10px;
    padding: 0 0 2px 13px;
    margin-left: 3px;
    background: url('/images/pdfIcon.png') no-repeat;
    text-decoration: none;
}

.experianLogo {
    position: relative;
    top: 27px;
    left: -170px;
}

a.arrowBlue {
    background: url(/images/refi/arrowBlue.png) no-repeat 2px 3px;
    padding-left: 10px;
    color: #568fd0;
}

a.arrowGray {
    background: url(/images/refi/arrowGray.png) no-repeat 2px 3px;
    padding-left: 10px;
    color: #a8a8a8;
}

a.arrowBlueDown, a#arrowBlueDown {
    background: url(/images/refi/arrowBlueDown.png) no-repeat 0 3px;
    padding-left: 10px;
    color: #568fd0;
}

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

a.arrowBlueNoDown {
    background: url(/images/refi/arrowBlue.png) no-repeat 2px 3px;
    padding-left: 10px;
    color: #568fd0;
}

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

/* ----- RESOURCE CENTER ------- */

.resourceColumnLeft {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 220px;
    margin-left: -20px;
    float: left;
}

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

#articleSide p.nanceStory {
    width: 300px;
    margin-left: -10px;
}

#articleText .resourceColumnLeft ul li {
    margin-bottom: 7px;
}

.resourceColumnRight {
    width: 310px;
    float: right;
    margin-bottom: 230px;
}

.profArrow {
    height: 120px;
    width: 300px;
    position: absolute;
    top: -110px;
    left: 35px;
    background: url(/images/refi/bg_ProfessorArrow.png) no-repeat;
}

#articleText .resourceColumnRight p {
    color: #5ca146;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    font-size: 13px;
}

.resourceColumnRight select {
    margin-bottom: 20px;
    width: 250px;
}

.resourceColumnRight h4 {
    font-size: 24px;
    padding: 5px 0 10px 80px;
    font-weight: normal;
    letter-spacing: -.5px;
}

.resourceColumnRight a.featureLink {
    font-size: 13px;
    color: #568fd0;
    padding: 0 0 10px 80px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    border-bottom: 1px dotted #c1c1c1;
}

.resourceColumnRight h4.bgQuestionMark {
    background: url(/images/refi/icon_QuestionMark.png) no-repeat;
}

.resourceColumnRight h4.bgExclamation {
    background: url(/images/refi/icon_Exclamation.png) no-repeat;
}

.resourceColumnRight h2, .resourceColumnLeft h2 {
    text-indent: -9999px;
    border-bottom: 1px dotted #c1c1c1;
    height: 30px;
}

.titleArticlesByNance {
    background: url(/images/refi/title_ArticlesByNance.png) no-repeat;
    margin-bottom: -10px;
}

.titleGreatPlaceToStart {
    background: url(/images/refi/title_GreatPlaceToStart.png) no-repeat;
    margin-bottom: 15px;
}

.resourceColumnRight h2.titleProfessorsLatest {
    background: url(/images/refi/title_ProfessorsLatest.png) no-repeat;
    margin: 25px 0 15px 0;
    height: 50px;
}

.titleSearchTheLibrary {
    background: url(/images/refi/title_SearchLibrary.png) no-repeat;
    margin-bottom: 15px;
}

.profList {
    background: #e7f2ff;
    border: 2px solid #c7ced6;
    padding: 15px 20px 5px 20px;
    margin-bottom: 25px;
    font-family: Arial, Helvetica, sans-serif;
}

#articleText .profList ul {
    margin: 0;
}

#articleText .profList ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

.profList a {
    margin: 0px;
    display: block;
    font-size: 13px;
    padding: 0;
}

.profList a {
    color: #5ca146;
    text-decoration: underline;
}

img.nanceSignature {
    margin: 10px 0 20px 160px;
}

/* Nance Article Styles */

#articleMain {
    background: transparent url("/images/nance_header.jpg") 0 0 no-repeat;
    min-height: 237px;
}

#articleSpace {
    position: relative;
    top: 21px;
    left: 359px;
    width: 600px;
}

#articleHead {
    background-color: #16487b;
    height: 80px;
}

#articleText {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: .9em;
    padding: 20px 20px 60px 40px;
    min-height: 820px;
}

#articleText h1 {
    font-size: 1.4em;
    color: #092a61;
    letter-spacing: normal;
    margin-bottom: 20px;
    border-bottom: dotted 1px #d5d5d5;
    padding-bottom: 10px;
}

#articleText p {
    margin-bottom: 30px;
}

#articleText ul {
    margin: 10px 0 20px 0;
}

#articleText ul li {
    margin-bottom: 10px;
}

#articleSide {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    position: absolute;
    left: 60px;
    top: 400px;
}

#articleSide h3, .resourceColumnLeft h3 {
    font-weight: bold;
    font-size: 12px;
    color: #092a61;
    margin-top: 30px;
}

#articleSide p {
    width: 320px;
    margin: 20px 0 0 -20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
}

#articleSide p strong {
    color: #568fd0;
}

#articleSide ul li {
    margin-top: 10px;
}

#articleSide a, .resourceColumnLeft a {
    color: #568fd0;
}

#articleSide a:hover {
    text-decoration: underline;
}

span.stash {
    text-indent: -9999px;
    display: block;
    font-size: 1px;
}

#headImg {
    position: relative;
    top: 15px;
    left: 20px;
}

#saveBanner {
    text-indent: -9999px;
    height: 60px;
    width: 300px;
    background: transparent url("/images/nance_banner.png") 0 0 no-repeat;
    position: absolute;
    left: 338px;
    top: 10px;
}

/* END Nance Article Styles */

ul#siteMap {
    margin-left: 25px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

ul#siteMap li.mapMain {
    float: left;
    width: 220px;
    padding-right: 27px;
}

ul#siteMap li.mapMain ul li {
    margin-top: 10px;
}

ul#siteMap li.mapMain ul li a {
    color: #568FD0;
}

ul#siteMap li.mapMain ul li a:hover {
    text-decoration: underline;
}

ul#siteMap li.mapMain ul li.mapHead {
    color: #092a61;
    font-weight: bold;

}

/* Grade D Page Styles */

#gradeMain {
    width: 590px;
}

#gradeProblems {
    padding-bottom: 20px;
    background: transparent url("/images/gradeD_large.png") 30px 90px no-repeat;
    height: 265px;
    padding-left: 10px;
}

.gradeTitle {
    color: #434343;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
}

#gradeProblems ul#problemList {
    list-style: disc url("/images/li_blueArrow.gif") outside;
    margin: 30px 0 0 221px;
}

#gradeProblems ul#problemList li {
    margin-bottom: 30px;
    color: #ef596a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    line-height: 1.4em;
}

#gradeProblems a.gradeReport {
    display: block;
    text-indent: -9999px;
    background: transparent url("/images/btn_viewCreditReport.png") 0 0 no-repeat;
    height: 36px;
    width: 164px;
    margin-left: 221px;
}

#gradeProblems a.gradeReport:hover {
    background-position: 0 -36px;
}

#gradeOption {
    border-top: 1px dotted #c1c1c1;
    padding-top: 20px;
}

#gradeOption .gradeTitle {
    padding-left: 10px;
}

#gradeOption div p {
    width: 320px;
    margin-left: 245px;
    font-size: .9em;
}

#gradeOption div p.optionTitle {
    color: #092a61;
    font-size: 1.2em;
    margin-bottom: 10px;
}

#gradeOption div a {
    display: block;
    text-indent: -9999px;
    background: transparent url("/images/refi/btn_Continue_Combo.png") 0 0 no-repeat;
    height: 36px;
    width: 102px;
    margin: 15px 0 0 243px;
}

#gradeOption div a:hover {
    background-position: 0 -36px;
}

#gradeMain .optionalPanel1, #gradeMain .optionalPanel2, #gradeMain .optionalPanel3, #gradeMain .optionalPanel4 {
    width: 590px;
    height: 220px;
    padding: 20px 0 0 10px;
    margin-top: 20px;
}

#gradeMain .optionalPanel1, #gradeMain .optionalPanel2, #gradeMain .optionalPanel4 {
    background: transparent url("/images/gradeOptionHA_BG.png") no-repeat 0 0;
}

#gradeMain .optionalPanel3 {
    background: transparent url("/images/gradeOptionFreedom_BG.png") no-repeat 0 0;
}

/* END Grade D Styles */

.taxFedFirst {
    width: 55px;
    text-align: right;
}

.taxDash {
    width: 5px;
}

/* Step 2 classes to hide on load for JQuery */
.hiddenHelp, .hiddenHelpSmall, .sortLoans, .filterOptions {
    display: none;
}

/* ### */