/*

Title:      CitiMortgage: Master screen styles
Author:     UI Analysis

*/
/* UNIVERSAL SHARED STYLES
--------------------------------------------- */

body,
input,
select {
	font-family: Arial, Helvetica, san-serif;
}
body {
	font-size: 0.75em;
}

div#wrap {
	width: 958px;
	padding-left: 17px;
}


abbr.requiredast2 {
 color: #006;
 font-size: 12px;
 border: 0px;
 font-weight: bold;
 text-decoration: none;
}

abbr.requiredast3 {
 color: #006;
 font-size: 12px;
 border: 0px;
 font-weight: normal;
 text-decoration: none; 
}

abbr.requiredast4 {
 color: black;
 font-size: 14px;
 border: 0px;
 font-weight: bold;
 text-decoration: none;
}

a{outline:none;color:#39c;}
a:link{color:#39C;text-decoration:none;}
a:hover{color:#39c;text-decoration:underline;}
a:visited{color:#39C;text-decoration:none;}
a:visited:hover{color:#39C;text-decoration:underline;}
a:active{color:#f60;text-decoration:none;}

a img{border:none;}

	h5 {
		font-size: 1.2em;
		margin: 24px 0 2px 0;
		padding: 0;
	}

body,
h1 a,
h2 a,
div#header div#mainnav ul#mainnav,
div#leftcolumn div#announcementbox h4,
.signinbox form div#username,
.signinbox form div#password,
.signinbox fieldset,
.signinbox form div#submit,
.signinbox ul li,
.signinbox h3,
.signinbox p {
	margin:0;
	padding:0;
}

#notopmargin {
	margin-top: 0;
}

.signinbox fieldset,
#signinBoxHeaderOn form div#username div input#username-field,
#signinBoxHeaderOn form div#password div input#password-field,
.signinbox form div#username div input#username-field1,
.signinbox form div#password div input#password-field1 {
	border: 0;
}

.signinbox legend,
#signinBoxHeader,
hr {
	display: none;
}

.button ,
h1 a,
h2 a,
div#header div#mainnav ul#mainnav li,
div#header div#mainnav ul#mainnav li a,
div#compareLoansFormOn a#compareLoansFormOff {
	display: block;
}

abbr.requiredast {
 color: red;
 font-size: 12px;
 border: 0px;
 text-decoration: none;
}
.screenreader {position: absolute; top:0; left:-9999px}
tr.adaRowPaddingBottom th,
tr.adaRowPaddingBottom td {
	padding-bottom: 20px;
}
a.adaLinkPaddingLeft,
div.adaLinkPaddingLeft,
p.adaDiscPaddingLeft {
	margin-left: 10px;
}
span.adaHideText {
	position: absolute; top:0; left:-9999px
}
abbr.totalAmt {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black;
	 border: 0px;
}
abbr.equalSign {
	font-size: 13px;
	font-weight: bold;
	color: #000066;
	 border: 0px;
}


a.skipNavLink{
	font-size: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999%;
	width: 0;
}
.button,
h1 a,
h2 a, 
div#header div#mainnav ul#mainnav li a,
.signinbox h3,
.signinboxHeader h3,
div#rightcolumn h3#mortgageOptions,
div#rightcolumn h4#refinanceHome,
div#rightcolumn h4#buyingHome,
div#compareLoansFormOn h5,
div#compareLoansFormOn a#compareLoansFormOff,
#signinBoxHeaderOn h3  {
	text-indent:-9999px;
	font-size: .30em;
}
#step3 #caltable td{
padding:0px;
}

div#header address,
div#leftcolumn form label.overlabel,
.signinbox form label.overlabel-apply,
.signinbox form div#username div input#username-field,
.signinbox form div#password div input#password-field,
div#compareLoansFormOn table select,
div#compareLoansFormOn table input {
	color: #666;
}

h5.visuallyHide {
	font-size: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999%;
	width: 0;
}


div#footer p {
	color: #999;
}

div#leftcolumn div#announcementbox h4,
.signinbox p,
.signinbox h4,
#signinBoxHeaderOn h4  {
	color: white;
}

div#header address {
	font-style: normal;
}

div#header address,
.signinbox p,
#signinBoxHeaderOn p  {
	font-style: bold;
}

div#leftcolumn div#announcementbox h4,
.signinbox h4,
#signinBoxHeaderOn h4 {
	font-size: 1.1em;
}

div#header ul,
div#rightcolumn ul,
div#footer ul {
	list-style: none;
}
div#header li,
div#footer li {
	display: inline;
}
div#rightcolumn ul,
div#footer ul {
	margin: 0;
	padding: 0;
}
div#rightcolumn li {
	background: url(/Servicing/img/bullets.gif) no-repeat 10px 50%;
	padding-left: 23px;
}

.signinbox,
#signinBoxHeaderOn  {
	background: url(/Servicing/img/homepage/loginBoxBG.gif) no-repeat top left;
	width: 245px;
	height: auto;
	margin-left: 3px;	
}
.signinbox div#bottom,
#signinBoxHeaderOn div#bottom{
	background: url(/Servicing/img/homepage/loginBoxBGBottom.gif) no-repeat bottom left;
	padding: 11px 18px 14px 18px;
	width: 209px;
	height: auto;
}
.signinbox ul li {
	background: url(/Servicing/img/homepage/whitebullet.gif) no-repeat 10px 50%;
	padding-left: 23px;
}
.signinbox ul li a:link,
.signinbox ul li a:visited,
#signinBoxHeaderOn  ul li a:link,
#signinBoxHeaderOn  ul li a:visited {
	color: white;
	text-decoration: underline !important;
}
.signinbox ul li a:hover,
#signinBoxHeaderOn  ul li a:hover {
	text-decoration: underline !important;
	color: #FFF000 !important;
}
.signinbox ul li a:active,
#signinBoxHeaderOn ul li a:active {
	color: white;
}
.signinbox h3,
#signinBoxHeaderOn h3 {
	width: 201px;
	height: 18px;
	background: url(/Servicing/img/homepage/h3_currentCustomers.gif) no-repeat top left;
	margin: 0;
	padding: 0;
}
.signinbox h4,
#signinBoxHeaderOn h4 {
	margin:6px 0 0 0;
	padding:0;
}
.signinbox h4#onlineAccess,
#signinBoxHeaderOn h4#onlineAccess {
	padding-top:8px;
	margin-top: 8px;
	border-top: 1px dotted white;
}
.signinbox h4#loanstatus,
#signinBoxHeaderOn h4#loanstatus {
	margin:8px 0 0 0;
	padding:0;
}

.signinbox form,
#signinBoxHeaderOn form {
	margin:4px 0 0 0;
	padding:0;
	position:relative;
}
.signinbox form div#username,
.signinbox form div#password,
#signinBoxHeaderOn form div#username,
#signinBoxHeaderOn form div#password {
	background: url(/Servicing/img/homepage/loginInputBottomBG.gif) no-repeat bottom left;
	position:relative;
	float:left;
}
#signinBoxHeaderOn form div#username,
#signinBoxHeaderOn form div#password {
	margin-left: 5px;	
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
legend {
	display: none;
}
.signinbox form div#password,
#signinBoxHeaderOn form div#password {
	margin-top: 7px
}
.signinbox form div#username div,
.signinbox form div#password div,
#signinBoxHeaderOn form div#username div,
#signinBoxHeaderOn form div#password div {
	background: url(/Servicing/img/homepage/loginInputBG.gif) no-repeat top left;
	width: 210px;
	height: auto;
}
.signinbox form label.overlabel-apply,
#signinBoxHeaderOn form label.overlabel-apply {
	position:absolute;
	top:5px;
	left:8px;
	z-index:1;
	cursor: text;
}
.signinbox form div#username div input#username-field1,
.signinbox form div#password div input#password-field1,
#signinBoxHeaderOn form div#username div input#username-field,
#signinBoxHeaderOn form div#password div input#password-field {
	background-color: transparent;
	width: 195px;
	height: 1.3em;
	margin:0;
	padding-left:7px;
	padding-top: 4px;
	font-size: 1em
}
.signinbox form div#submit,
#signinBoxHeaderOn form div#submit {
	position:relative;
	float:left;
}
.signinbox form div#submit input,
#signinBoxHeaderOn form div#submit input {
	margin: 9px 0 0 0;
	padding: 0;
}
.signinbox ul,
#signinBoxHeaderOn ul {
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0 0 9px 0;
	border-bottom: 1px dotted white;
}
.signinbox ul li,
#signinBoxHeaderOn ul li {
	line-height: 1.5em;
}
.signinbox a#loanstatus,
#signinBoxHeaderOn a#loanstatus {
	background: url(/Servicing/img/homepage/buttonCheckApplication.gif) no-repeat top left;
	width: 166px;
	height: 23px;
	border: 0;
	margin: 4px 0 0 0;
	padding: 0;
}
.signinbox a#loanstatus:hover,
#signinBoxHeaderOn a#loanstatus:hover {
	background: url(/Servicing/img/homepage/buttonCheckApplicationHover.gif) no-repeat top left;
}
#signinBoxHeaderOn li {
	display: block !important;
}
div#signinBoxHeaderOn {
	display: block;
	position: absolute;
	top: 34px;
	left: 722px;
	z-index: 35;
}

div#info a{color:#fff;text-decoration:underline;outline:none;}
div#info a:link{color:#fff;}
div#info a:hover{color:#fc0;}
div#info a:visited{color:#fff;}
div#info a:visited:hover{color:#fc0;}
div#info a:active{color:#fc0;}

div#alert a{color:#000;text-decoration:underline;outline:none;}
div#alert a:link{color:#000;}
div#alert a:hover{color:#999;}
div#alert a:visited{color:#000;}
div#alert a:visited:hover{color:#999;}
div#alert a:active{color:#999;}

div#confirm a{color:#fff;text-decoration:underline;outline:none;}
div#confirm a:link{color:#fff;}
div#confirm a:hover{color:#fc0;}
div#confirm a:visited{color:#fff;}
div#confirm a:visited:hover{color:#fc0;}
div#confirm a:active{color:#fc0;}

div#error a{color:#000;text-decoration:underline;outline:none;}
div#error a:link{color:#000;}
div#error a:hover{color:#999;}
div#error a:visited{color:#000;}
div#error a:visited:hover{color:#999;}
div#error a:active{color:#999;}

.roweven-normal{background:#E2F4FF;}
dfn{font-style:normal;}
.hide{display:none;}
ul.double-carat{margin:0;padding:0;}
ul.double-carat-text{margin:5px 0 0 20px;padding:0;}
ul.double-carat li{margin:0;padding:0 0 3px 0;margin:0;list-style:none;}
ul.double-carat-text li{margin:0;padding:0 0 3px 0;}
ul.double-carat li a,a.double-carat{margin:0;padding:0 0 0 15px;margin:0;background: url(../images/common/double-carats-bg.gif) 0 -49px no-repeat; color:#3399CC;}
ul.double-carat li a:hover,a:hover.double-carat,.screen a:link,.screen a:hover,.screen a:visited{color:#3399CC;}
.bold{font-weight:bold;}
div#confirm .bold{font-weight:bold;color:#fff;}

.myloan #thebgtileclass{background:url(../images/secondary-nav.gif) no-repeat 0 0;float:none;clear:both;height:30px;#height:45px;padding-top:15px;overflow:hidden;margin:0 0 0 3px;position:relative;top:-23px;font-size:12px;width:955px;}

.myloan #thebgtileclass ul{margin:0;padding:0;overflow:hidden;}
.myloan #thebgtileclass ul li{margin:0;padding:0 20px 0 20px;border-right:#ccc 1px solid;list-style:none;float:left;}
.myloan #thebgtileclass ul li a{font-size:12px;}
.myloan #thebgtileclass ul li a:hover{text-decoration:none;color:#390;}
.myloan #thebgtileclass ul li span{font-weight:bold;color:#f00;font-size:12px;}
.myloan #thebgtileclass ul li.last{border:0 none;}

.overflow{overflow:hidden;height:100%;}
.float-right{float:right;}
.float-left{float:left;}
.marLt10px{margin-left:10px;}

a.btn-back-to-glossary{display:inline-block;float:right;background:url(../images/btn_back-to-glossary.gif) 0 0 no-repeat;width:135px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-back-to-glossary:hover{background:url(../images/btn_back-to-glossary.gif) 0 -26px no-repeat;}

a.btn-back{display:inline-block;float:left;background:url(../images/common/buttons/btn-back.gif) 0 0 no-repeat;width:70px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-back:hover{background:url(../images/common/buttons/btn-back.gif) 0 -26px no-repeat;}

a.btn-continue{display:inline-block;float:left;background:url(../images/common/buttons/button_continue.gif) 0 0 no-repeat;width:90px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-continue:hover{background:url(../images/common/buttons/button_continue.gif) 0 -26px no-repeat;}

a.biweekly-continue{display:inline-block;float:left;background:url(../images/common/buttons/biweekly_continue.gif) 0 0 no-repeat;width:90px;height:22px;text-decoration:none;text-indent:-9999px;}
a.biweekly-continue:hover{background:url(../images/common/buttons/biweekly_continue.gif) 0 -26px no-repeat;}

a.btn-authorize-continue{display:inline-block;float:left;background:url(../images/common/buttons/btn-authorize-continue.gif) 0 0 no-repeat;width:200px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-authorize-continue:hover{background:url(../images/common/buttons/btn-authorize-continue.gif) 0 -26px no-repeat;}

a.btn-back-to-home{display:inline-block;float:left;background:url(../images/common/buttons/backToHome.gif) 0 0 no-repeat;width:116px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-back-to-home:hover{background:url(../images/common/buttons/backToHome.gif) 0 -26px no-repeat;}

/* Stat addition for SP1241 */
a.btn-back-to-mymortgagesummary{display:inline-block;float:left;background:url(../images/common/buttons/backToMortSum.gif) 0 0 no-repeat;width:200px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-back-to-mymortgagesummary:hover{background:url(../images/common/buttons/backToMortSum.gif) 0 -26px no-repeat;}
/* End addition for SP1241 */

a.btn-back-to-mymortgagedetails{display:inline-block;float:left;background:url(../images/common/buttons/BacktoMortgageDetails.png) 0 0 no-repeat;width:200px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-back-to-mymortgagedetails:hover{background:url(../images/common/buttons/BacktoMortgageDetails_hover.png) 0 0 no-repeat;width:200px;height:22px;text-decoration:none;text-indent:-9999px;}

a.btn-suspend-payment{display:inline-block;float:left;background:url(../images/common/buttons/SuspendPayment.png) 0 0 no-repeat;width:200px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-suspend-payment:hover{background:url(../images/common/buttons/SuspendPayment_hover.png) 0 0 no-repeat;height:22px;text-decoration:none;text-indent:-9999px;}

a.btn-cancel-payment-plan{display:inline-block;float:left;background:url(../images/common/buttons/CancelPaymentPlan.png) 0 0 no-repeat;width:200px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-cancel-payment-plan:hover{background:url(../images/common/buttons/CancelPaymentPlan_hover.png) 0 0 no-repeat;height:22px;text-decoration:none;text-indent:-9999px;}

a.btn-cancel-schedule-payment{display:inline-block;float:left;background:url(../images/common/buttons/CancelScheduledPayment.png) 0 0 no-repeat;width:200px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-cancel-schedule-payment:hover{background:url(../images/common/buttons/CancelScheduledPayment_hover.png) 0 0 no-repeat;height:22px;text-decoration:none;text-indent:-9999px;}


a.btn-backToPaymentOption{display:inline-block;float:right;background:url(../images/common/buttons/button_backtopaymentoptions.gif) 0 0 no-repeat;width:165px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-backToPaymentOption:hover{background:url(../images/common/buttons/button_backtopaymentoptions.gif) 0 -26px no-repeat;}

a.btn-viewTaxDetails{display:inline-block;float:right;background:url(../images/common/buttons/button_viewtaxdetails.gif) 0 0 no-repeat;width:135px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-viewTaxDetails:hover{background:url(../images/common/buttons/button_viewtaxdetails.gif) 0 -26px no-repeat;}

a.btn-viewInsuranceDetails{display:inline-block;float:right;background:url(../images/common/buttons/button_viewinsurancedetails.gif) 0 0 no-repeat;width:160px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-viewInsuranceDetails:hover{background:url(../images/common/buttons/button_viewinsurancedetails.gif) 0 -26px no-repeat;}

a.btn-backToEscTaxNIns{display:inline-block;float:left;background:url(../images/common/buttons/BacktoEscrowTaxandInsurance.png) 0 0 no-repeat;width:230px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-backToEscTaxNIns:hover{background:url(../images/common/buttons/BacktoEscrowTaxandInsurance_hover.png) 0 0 no-repeat;width:230px;height:22px;text-decoration:none;text-indent:-9999px;}

a.btn-viewLoanHistory{display:inline-block;float:right;background:url(../images/common/buttons/button_viewloanhistory.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-viewLoanHistory:hover{background:url(../images/common/buttons/button_viewloanhistory.gif) 0 -26px no-repeat;}

a.btn-yes{display:inline-block;float:right;background:url(../images/common/buttons/button_yes.gif) 0 0 no-repeat;width:35px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-yes:hover{background:url(../images/common/buttons/button_yes.gif) 0 -26px no-repeat;}

a.btn-no{display:inline-block;float:right;background:url(../images/common/buttons/button_no.gif) 0 0 no-repeat;width:31px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-no:hover{background:url(../images/common/buttons/button_no.gif) 0 -26px no-repeat;}

a.btn-backToHome{display:inline-block;float:left;background:url(../images/common/buttons/backToHome.gif) 0 0 no-repeat;width:116px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-backToHome:hover{background:url(../images/common/buttons/backToHome.gif) 0 -26px no-repeat;}

a.btn-submit{display:inline-block;float:left;background:url(../images/common/buttons/button_submit.gif) 0 0 no-repeat;width:90px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-submit:hover{background:url(../images/common/buttons/button_submit.gif) 0 -26px no-repeat;}

a.btn-cancel{display:inline-block;float:left;background:url(../images/common/buttons/cancel.gif) 0 0 no-repeat;width:90px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-cancel:hover{background:url(../images/common/buttons/cancel.gif) 0 -26px no-repeat;}

a.btn-startApplication{display:inline-block;float:right;background:url(../images/common/buttons/button_startApplication.gif) 0 0 no-repeat;width:135px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-startApplication:hover{background:url(../images/common/buttons/button_startApplication.gif) 0 -26px no-repeat;}

a.btn-addBankAccount{display:inline-block;float:left;background:url(../images/common/buttons/button_addbankaccount.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-addBankAccount:hover{background:url(../images/common/buttons/button_addbankaccount.gif) 0 -26px no-repeat;}

a.btn-annual{display:inline-block;float:left;background:url(../images/common/buttons/Annual.png) 0 0 no-repeat;width:75px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-annual:hover{background:url(../images/common/buttons/Annual_hover.png) 0 0 no-repeat;width:75px;height:22px;text-decoration:none;text-indent:-9999px;}

a.btn-backToFaq{display:inline-block;float:right;background:url(../images/common/buttons/button_backtofaq.gif) 0 0 no-repeat;width:135px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-backToFaq:hover{background:url(../images/common/buttons/button_backtofaq.gif) 0 -26px no-repeat;}

a.btn-backToFaqIndex{display:inline-block;float:right;background:url(../images/common/buttons/button_backtofaqindex.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-backToFaqIndex:hover{background:url(../images/common/buttons/button_backtofaqindex.gif) 0 -26px no-repeat;}

a.btn-calculate1{display:inline-block;float:left;background:url(../images/common/buttons/button_calculate1.gif) 0 0 no-repeat;width:80px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-calculate1:hover{background:url(../images/common/buttons/button_calculate1.gif) 0 -26px no-repeat;}

a.biweekly-calculate{display:inline-block;float:left;background:url(../images/common/buttons/biweekly_calculate.gif) 0 0 no-repeat;width:80px;height:22px;text-decoration:none;text-indent:-9999px;}
a.biweekly-calculate:hover{background:url(../images/common/buttons/biweekly_calculate.gif) 0 -26px no-repeat;}

a.btn-compareLoan{display:inline-block;float:right;background:url(../images/common/buttons/button_compareloans.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-compareLoan:hover{background:url(../images/common/buttons/button_compareloans.gif) 0 -26px no-repeat;}

a.btn-enrollHere{display:inline-block;float:left;background:url(../images/common/buttons/button_enrollhere.gif) 0 0 no-repeat;width:95px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-enrollHere:hover{background:url(../images/common/buttons/button_enrollhere.gif) 0 -26px no-repeat;}

a.biweekly-signIn{display:inline-block;float:left;background:url(../images/common/buttons/button_signin.gif) 0 0 no-repeat;width:95px;height:22px;text-decoration:none;text-indent:-9999px;}
a.biweekly-signIn:hover{background:url(../images/common/buttons/button_signin.gif) 0 -26px no-repeat;}

a.btn-enroll{display:inline-block;float:left;background:url(../images/common/buttons/button_enroll.gif) 0 0 no-repeat;width:75px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-enroll:hover{background:url(../images/common/buttons/button_enroll.gif) 0 -26px no-repeat;}

a.btn-find{display:inline-block;float:right;background:url(../images/common/buttons/button_find.gif) 0 0 no-repeat;width:55px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-find:hover{background:url(../images/common/buttons/button_find.gif) 0 -26px no-repeat;}

a.btn-go{display:inline-block;float:left;background:url(../images/common/buttons/button_go.gif) 0 0 no-repeat;width:45px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-go:hover{background:url(../images/common/buttons/button_go.gif) 0 -26px no-repeat;}

.btn-go{display:inline-block;float:left;background:url(../images/common/buttons/button_go.gif) 0 0 no-repeat;width:45px;height:22px;text-decoration:none;text-indent:-9999px;border:0 none;}
.btn-go-hover{display:inline-block;float:left;background:url(../images/common/buttons/button_go.gif) 0 -26px no-repeat;width:33px;height:22px;text-decoration:none;text-indent:-9999px;border:0 none;}


a.btn-makePayment{display:inline-block;float:left;background:url(../images/common/buttons/button_makepayment.gif) 0 0 no-repeat;width:125px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-makePayment:hover{background:url(../images/common/buttons/button_makepayment.gif) 0 -26px no-repeat;}

a.btn-monthly{display:inline-block;float:left;background:url(../images/common/buttons/Monthly.png) 0 0 no-repeat;width:75px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-monthly:hover{background:url(../images/common/buttons/Monthly_hover.png) 0 0 no-repeat;width:75px;height:22px;text-decoration:none;text-indent:-9999px;}

a.btn-payOffInformation{display:inline-block;float:right;background:url(../images/common/buttons/button_payoffinformation.gif) 0 0 no-repeat;width:128px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-payOffInformation:hover{background:url(../images/common/buttons/button_payoffinformation.gif) 0 -26px no-repeat;}

a.btn-save{display:inline-block;float:right;background:url(../images/common/buttons/button_save.gif) 0 0 no-repeat;width:60px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-save:hover{background:url(../images/common/buttons/button_save.gif) 0 -26px no-repeat;}

a.btn-payoffFundsProcessInfo{display:inline-block;float:right;background:url(../images/common/buttons/button_payofffundsandproces.gif) 0 0 no-repeat;width:255px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-payoffFundsProcessInfo:hover{background:url(../images/common/buttons/button_payofffundsandproces.gif) 0 -26px no-repeat;}

a.btn-editPayment{display:inline-block;float:left;background:url(../images/common/buttons/button_editpayment.gif) 0 0 no-repeat;width:115px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-editPayment:hover{background:url(../images/common/buttons/button_editpayment.gif) 0 -26px no-repeat;}

a.btn-editPaymentPlan{display:inline-block;float:left;background:url(../images/common/buttons/button_editpaymentplan.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-editPaymentPlan:hover{background:url(../images/common/buttons/button_editpaymentplan.gif) 0 -26px no-repeat;}

a.btn-viewPaymentPlan{display:inline-block;float:left;background:url(../images/common/buttons/button_viewpaymentplan.gif) 0 0 no-repeat;width:135px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-viewPaymentPlan:hover{background:url(../images/common/buttons/button_viewpaymentplan.gif) 0 -26px no-repeat;}

a.btn-viewPayment{display:inline-block;float:left;background:url(../images/common/buttons/button_viewpayment.gif) 0 0 no-repeat;width:120px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-viewPayment:hover{background:url(../images/common/buttons/button_viewpayment.gif) 0 -26px no-repeat;}

a.btn-agree-continue{display:inline-block;float:left;background:url(../images/common/buttons/btn-agree-continue.gif) 0 0 no-repeat;width:160px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-agree-continue:hover{background:url(../images/common/buttons/btn-agree-continue.gif) 0 -26px no-repeat;}

a.btn-iagree-continue{display:inline-block;float:left;background:url(../images/common/buttons/button_Iagreencontinue.gif) 0 0 no-repeat;width:160px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-iagree-continue:hover{background:url(../images/common/buttons/button_Iagreencontinue.gif) 0 -26px no-repeat;}

a.btn-start-enrollment{display:inline-block;float:left;background:url(../images/common/buttons/btn-start-enrollment.gif) 0 0 no-repeat;width:140px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-start-enrollment:hover{background:url(../images/common/buttons/btn-start-enrollment.gif) 0 -26px no-repeat;}

a.btn-save{display:inline-block;float:left;background:url(../images/common/buttons/button_save.gif) 0 0 no-repeat;width:60px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-save:hover{background:url(../images/common/buttons/button_save.gif) 0 -26px no-repeat;}

a.btn-saved-bank-accounts{display:inline-block;float:left;background:url(../images/common/buttons/btn-saved-bank-accounts.gif) 0 0 no-repeat;width:150px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-saved-bank-accounts:hover{background:url(../images/common/buttons/btn-saved-bank-accounts.gif) 0 -26px no-repeat;}

a.btn-update-payment{display:inline-block;float:left;background:url(../images/common/buttons/btn-update-payment.gif) 0 0 no-repeat;width:125px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-update-payment:hover{background:url(../images/common/buttons/btn-update-payment.gif) 0 -26px no-repeat;}

a.btn-update-payment-plan{display:inline-block;float:left;background:url(../images/common/buttons/btn-update-payment-plan.gif) 0 0 no-repeat;width:150px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-update-payment-plan:hover{background:url(../images/common/buttons/btn-update-payment-plan.gif) 0 -26px no-repeat;}

a.btn-update{display:inline-block;float:left;background:url(../images/common/buttons/btn_update.gif) 0 0 no-repeat;width:80px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-update:hover{background:url(../images/common/buttons/btn_update.gif) 0 -26px no-repeat;}

a.btn-cancel-payment-plan{display:inline-block;float:left;background:url(../images/common/buttons/btn_cancelpaymentplan.gif) 0 0 no-repeat;width:145px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-cancel-payment-plan:hover{background:url(../images/common/buttons/btn_cancelpaymentplan.gif) 0 -26px no-repeat;}

a.btn-cancel-scheduled-payment{display:inline-block;float:left;background:url(../images/common/buttons/btn_cancelschldpayment.gif) 0 0 no-repeat;width:175px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-cancel-scheduled-payment:hover{background:url(../images/common/buttons/btn_cancelschldpayment.gif) 0 -26px no-repeat;}

a.btn-suspend-payment{display:inline-block;float:left;background:url(../images/common/buttons/btn_suspendpayment.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-suspend-payment:hover{background:url(../images/common/buttons/btn_suspendpayment.gif) 0 -26px no-repeat;}

a.btn-modify-results{display:inline-block;float:left;background:url(../images/common/buttons/button_modifyresults.gif) 0 0 no-repeat;width:110px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-modify-results:hover{background:url(../images/common/buttons/button_modifyresults.gif) 0 -26px no-repeat;}

a.btn-calculate-savings{display:inline-block;float:left;background:url(../images/common/buttons/btn-calculate-savings.gif) 0 0 no-repeat;width:140px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-calculate-savings:hover{background:url(../images/common/buttons/btn-calculate-savings.gif) 0 -26px no-repeat;}

a.btn-view-optional-products{display:inline-block;float:left;background:url(../images/common/buttons/btn-view-optional-products.gif) 0 0 no-repeat;width:152px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-view-optional-products:hover{background:url(../images/common/buttons/btn-view-optional-products.gif) 0 -26px no-repeat;}

a.btn-return-to-edit{display:inline-block;float:left;background:url(../images/common/buttons/btn-return-to-edit.gif) 0 0 no-repeat;width:110px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-return-to-edit:hover{background:url(../images/common/buttons/btn-return-to-edit.gif) 0 -26px no-repeat;}

a.btn-let-us-call-you{display:inline-block;float:left;background:url(../images/common/buttons/btn-let-us-call-you.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-let-us-call-you:hover{background:url(../images/common/buttons/btn-let-us-call-you.gif) 0 -26px no-repeat;}

a.btn-request-a-call-from-us{display:inline-block;float:left;background:url(../images/common/buttons/btn-request-a-call-from-us.gif) 0 0 no-repeat;width:155px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-request-a-call-from-us:hover{background:url(../images/common/buttons/btn-request-a-call-from-us.gif) 0 -26px no-repeat;}

a.btn-calculate{display:inline-block;float:right;background:url(../images/common/buttons/btn_calculate.gif) 0 0 no-repeat;width:100px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-calculate:hover{background:url(../images/common/buttons/btn_calculate.gif) 0 -26px no-repeat;}

a.btn-sign-out{display:inline-block;float:left;background:url(../images/common/buttons/btn-sign-out.gif) 0 0 no-repeat;width:80px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-sign-out:hover{background:url(../images/common/buttons/btn-sign-out.gif) 0 -26px no-repeat;}

.btn-secure-sign-on{display:inline-block;float:left;background:url(../images/common/buttons/btn-secure-sign-on.gif) 0 0 no-repeat;width:130px;height:22px;text-decoration:none;text-indent:-9999px;border:0 none;}
.btn-secure-sign-on-hover{display:inline-block;float:left;background:url(../images/common/buttons/btn-secure-sign-on.gif) 0 -26px no-repeat;border:0 none;width:115px;height:22px;text-decoration:none;text-indent:-9999px;}
#pmtsecure a.btn-makePayment {
margin-right:5px;
}


#step3.btn_pane td{
padding:0 0 7px 0;
}
.Biweekly li{
margin-top:20px;
}




/* Phase 9 changes */

body {
font-size:12px;
}
h1 {
background:transparent url(none) repeat-x scroll left bottom;
color:#000066;
font-size:24px;
margin-bottom:10px;
padding-bottom:0px;
padding-top:0px;
margin-top:8px;
margin-left:0px;  /* servcing change */
}
.introText{
font-size:12px;
font-family:Arial;
color:#333333;
}
h2 {
color:#000066;
font-size:17px;
margin:8px 0px; 
padding-bottom:0px;
padding-top:0px;
}

h3 {
color:#000066;
font-size:14px;
font-family:Arial;
padding:0px 6px 0px 1px;
margin:8px 0px;
}

h4 {
color:#000066;
font-size:12px;
margin:8px 0px;
padding-bottom:0px;
padding-top:0px;
}

h5 {
color:#000066;   /* servcing change */
font-size:12px;  /* servcing change */
margin:8px 0px;
padding-bottom:0px;
padding-top:0px;
}
h6 {
color: #000066; /* servicing change */
font-size: 12px;
}

.desclaimer{
color:#999999;
font-size:10px;
}
p.introText {
padding-left:0px;
}

.p9margin10top{
margin-top:10px;
}
.p9margin10bot{
margin-bottom:10px;
}
.redlabel {

 font-size:12px;
 color: #FF0000;
 font-weight: bold;
}
.redlabel2 {
font-size:12px;
color: #FF0000;
font-weight: bold;
}

.p9margintop0px{
 margin-top:0px;
}
.p9marginbottom0px{
 margin-bottom:0px;
}

.p9paddingTop0px{
padding-top:0px;
}
.p9paddingBottom0px{
padding-bottom:0px;
}
div#wrap {
margin:auto;
line-height:15px;
}
div#wrap a{
line-height:18px;
}
body {
color:#333333;
}

.generic_h5 {
background:url("../images/divdots.gif") repeat-x scroll left bottom transparent;
color:#666666;
font-size:16px;
font-weight:bold;
margin-bottom:13px;
padding-bottom:5px;
}
h2.h2graphicheading{
color:#333333;
font-size:12px;
font-weight:bold;
}

h1.titleMargin{
margin-top:13px;
}
h1.titleMarginGLSR{
margin-top:-6px;
#position:relative;
display:block;
}
#step3.marginTRBL0px{
margin:0px;
}
.myloan #thebgtileclass{
top: -11px;
}
#accountSelectHeader{
margin-top:16px;
*margin-top:15px; 
}
.infoBox a{color:#fff;text-decoration:underline;outline:none;}
.infoBox a:link{color:#fff;}
.infoBox a:hover{color:#fc0;}
.infoBox a:visited{color:#fff;}
.infoBox a:visited:hover{color:#fc0;}
.infoBox a:active{color:#fc0;}

a.btn-payoffInformation{display:inline-block;float:right;background:url(../images/common/buttons/button_payoffinformation.gif) 0 0 no-repeat;width:128px;height:22px;text-decoration:none;text-indent:-9999px;}
a.btn-payoffInformation:hover{background:url(../images/common/buttons/button_payoffinformation.gif) 0 -26px no-repeat;}

#btm-panel{margin-top:15px;line-height:25px;background:url(../images/homeownerassist/btm-panel-mid.png) left top repeat-x;height:30px;overflow:hidden;text-align:center;}
#btm-panel-left{float:left;background:url(../images/homeownerassist/btm-panel-left.png) left top no-repeat;padding:0 0 0 18px;height:30px}
#btm-panel-right{float:right;overflow:hidden;background:url(../images/homeownerassist/btm-panel-right.png) right top no-repeat;padding:0;height:30px}

h1.paddingleft0px{
padding-left:0px;

}
h1.margintop11px
{
margin-top:11px;
}
.alertBox a{color:#000;text-decoration:underline;outline:none;}
.alertBox a:link{color:#000;}
.alertBox a:hover{color:#999;}
.alertBox a:visited{color:#000;}
.alertBox a:visited:hover{color:#999;}
.alertBox a:active{color:#999;}

.confBox a{color:#fff;text-decoration:underline;outline:none;}
.confBox a:link{color:#fff;}
.confBox a:hover{color:#fc0;}
.confBox a:visited{color:#fff;}
.confBox a:visited:hover{color:#fc0;}
.confBox a:active{color:#fc0;}

.X-btn a { 
	outline: none; 
	text-indent: -35000px ; 
	display:block; 
	width:15px; 
	height:15px; 
	background:url("../images/common/buttons/close.gif") no-repeat scroll 0 0 transparent;
} 
.X-btn a:hover { 
	background-position: 0px -19px; 
}

/*==========START OF Make Payment ======================*/
.buttonInGreen{
	background: url(../images/common/buttons/buttonSpriteLeftArrow.gif) no-repeat 0 0;
	background-color: #393
	display:block;
	color:#ffffff;
	float: left;
	padding: 0 0 5px 17px;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	height: 18px;
	display:inline-block;
	height:18px;
	border: 1px solid #ffffff;
	width: auto;
	overflow: hidden;
	text-decoration:none;
	white-space:nowrap;
}
a.buttonInGreen:hover {
	background: #73b54a url(../images/common/buttons/buttonSpriteLeftArrow.gif) no-repeat left -23px;
	color:#ffffff;
	text-decoration:none;	
	white-space:nowrap;
}

a span.buttonGreenbody {
	background: #393 url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right top;
	padding: 1px 17px 4px 3px;
	line-height:20px;
	height: 18px;
	display:inline-block;
	cursor: pointer;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}

a:hover .buttonGreenbody{
	background: #73b54a url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right -23px;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
/*========== END OF Make Payment ======================*/
/*==========START OF Edit,View Payment ======================*/
.buttonInBlueWithArrow{
	background: url(../images/common/buttons/buttonSpriteLeftArrow.gif) no-repeat 0 -46px;
	background-color: #39c
	display:block;
	color:#ffffff;
	float: left;
	padding: 0 0 5px 17px;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	height: 18px;
	display:inline-block;
	height:18px;
	border: 1px solid #ffffff;
	width: auto;
	overflow: hidden;
	text-decoration:none;
	white-space:nowrap;

}
a.buttonInBlueWithArrow:hover {
	background: #4cb9f0 url(../images/common/buttons/buttonSpriteLeftArrow.gif) no-repeat left -69px;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}

a span.buttonBlueBodyWithArrow {
	background: #39c url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right -46px;
	padding: 1px 17px 4px 3px;
	line-height:20px;
	height: 18px;
	display:inline-block;
	cursor: pointer;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}

a:hover .buttonBlueBodyWithArrow{
	background: #4cb9f0 url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right -69px;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
/*========== END OF Edit,View Payment ======================*/

/*==========START OF BLUE BUTTON WITHOUT ARROW ======================*/
.buttonInBlueWithoutArrow{
	background: url(../images/common/buttons/buttonSpriteLeftNoArrow.gif) no-repeat 0 -46px;
	background-color: #39c
	display:block;
	color:#ffffff;
	float: left;
	padding: 0 0 5px 6px;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	height: 18px;
	display:inline-block;
	height:18px;
	border: 1px solid #ffffff;
	width: auto;
	overflow: hidden;
	text-decoration:none;
	white-space:nowrap;

}
a.buttonInBlueWithoutArrow:hover {
	background: #4cb9f0 url(../images/common/buttons/buttonSpriteLeftNoArrow.gif) no-repeat left -69px;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}

a span.buttonBlueBodyWithoutArrow {
	background: #39c url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right -46px;
	padding: 1px 6px 4px 0px;
	line-height:20px;
	height: 18px;
	display:inline-block;
	cursor: pointer;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}

a:hover .buttonBlueBodyWithoutArrow{
	background: #4cb9f0 url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right -69px;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
/*========== END OF BLUE BUTTON WITHOUT ARROW ======================*/

/*==========START OF BLUE BUTTON WITH REVERSE ARROW ======================*/
.buttonInBlueWithReverseArrow{
	background: url(../images/common/buttons/buttonSpriteFrontArrow.gif) no-repeat 0 -46px;
	background-color: #39c
	display:block;
	color:#ffffff;
	float: left;
	padding: 0 0 5px 17px;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	height: 18px;
	display:inline-block;
	height:18px;
	border: 1px solid #ffffff;
	width: auto;
	overflow: hidden;
	text-decoration:none;
	white-space:nowrap;

}
a.buttonInBlueWithReverseArrow:hover {
	background: #4cb9f0 url(../images/common/buttons/buttonSpriteFrontArrow.gif) no-repeat left -69px;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}

a span.buttonBlueBodyWithReverseArrow {
	background: #39c url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right -46px;
	padding: 1px 17px 4px 3px;
	line-height:20px;
	height: 18px;
	display:inline-block;
	cursor: pointer;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}

a:hover .buttonBlueBodyWithReverseArrow{
	background: #4cb9f0 url(../images/common/buttons/buttonSpriteRight.gif) no-repeat right -69px;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
/*========== END OF BLUE BUTTON WITH REVERSE ARROW ======================*/

/*M0012968 changes Start */
#quicklinksHoa {
	MARGIN: 10px 0px 0px; WIDTH: 175px
}
#quicklinkssHoa A {
	/*TEXT-DECORATION: underline*/
}
#quicklinksboxHoa {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 1px 0px 0px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid
}
#quicklinksHoa H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #006; PADDING-TOP: 4px
}
#quicklinksHoa UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#quicklinksHoa UL LI {
	PADDING-LEFT: 13px; BACKGROUND: url(../images/common/double-carats-bg.gif) 0 -49px no-repeat; PADDING-BOTTOM: 3px; MARGIN: 0px
}
/*M0012968 Changes end*/

a.btn-mortgage-details{display:inline-block;float:left;background:url(../images/MortgageDetailsButton.png) 0 0 no-repeat;width:126px;height:25px;text-decoration:none;text-indent:-9999px;}
a.btn-mortgage-details:hover{background:url(../images/MortgageDetailsButton_Hover.png) 0 0 no-repeat;width:126px;height:25px;text-decoration:none;text-indent:-9999px;}