@import url("AffordabilityCalcStyles.css");

/* broker specific */

.w150 {width:150px !important;}
.centerTD {text-align:center;}
.w33pc {width:33% !important;}
.nextStepTable {width:100% !important;}
.footerText {font-size: 90%;}

.resultAmount
{
	color:#036cb6;
}



.mainBorder, .empIncInner, .expIndInner, .mortAppIndInner, .sectionIndicator, .bottomCurves, .topCurves, .allCurves
{
	border-radius: 0;
}

/* buttons */

/* green continue */
.btnContGr {cursor:pointer; border:0; padding:10px; width:100px !important; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
.btnContGr:hover {text-decoration:none; background:#4f97c9;}
.btnContGr:active {text-decoration:none; background:#13437e;}

/* org continue */
.btnContOrg {cursor:pointer; border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
.btnContOrg:hover {text-decoration:none; background:#4f97c9;}
.btnContOrg:active {text-decoration:none; background:#13437e;}

.btnContOrg110 {cursor:pointer; border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
.btnContOrg110:hover {text-decoration:none; background:#4f97c9;}
.btnContOrg110:active {text-decoration:none; background:#13437e;}

.btnContOrg130 {cursor:pointer; border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
.btnContOrg130:hover {text-decoration:none; background:#4f97c9;}
.btnContOrg130:active {text-decoration:none; background:#13437e;}

.btnContOrg235 {cursor:pointer; border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
.btnContOrg235:hover {text-decoration:none; background:#4f97c9;}
.btnContOrg235:active {text-decoration:none; background:#13437e;}

.btnContOrg190 {cursor:pointer; border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
.btnContOrg190:hover {text-decoration:none; background:#4f97c9;}
.btnContOrg190:active {text-decoration:none; background:#13437e;}
    
/*  back */
.btnBackWht {cursor:pointer; border:0; width:100px !important; padding:10px; background:#4f97c9; color:#fff !important; display:inline-block; text-align:center; text-decoration:none;}
.btnBackWht:hover {text-decoration:none; background:#66b0e3;}
.btnBackWht:active {text-decoration:none; background:#0c67a7;}

.btnContOrg130Back {cursor:pointer; border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
.btnContOrg130Back:hover {text-decoration:none; background:#4f97c9;}
.btnContOrg130Back:active {text-decoration:none; background:#13437e;}


/* green close */
.intCloseButton {cursor:pointer; float:right; border:0; padding:10px; width:100px !important; background:#4f97c9; color:#fff !important; display:inline-block; text-align:center; text-decoration:none;}
.intCloseButton:hover {text-decoration:none; background:#66b0e3;}
.intCloseButton:active {text-decoration:none; background:#0c67a7;}

/*end buttons*/

form fieldset.lightPanel {background:#f1f1f4; color:#000; float:left; padding-top:8px; margin-left:0px; width:745px; border:none;}
form fieldset.darkPanel {background:#D8D8E0; color:#000; float:left; padding-top:8px; margin-left:0px; width:745px; border:none; position:relative;}

.lightPanel h2 {color:#000; width:100%; vertical-align:middle;  padding:0px; margin:10px 0 20px 20px; }
.darkPanel h2 {color:#000; width:100%; vertical-align:middle; padding:0px; margin:0 0 20px 20px; }

.lightPanel h3 {color:#000; font-size:120%; width:100%; vertical-align:middle;  padding:0px; margin:0px 0px 5px 0px; }
.darkPanel h3 {color:#000; font-size:120%; width:100%; vertical-align:middle; padding:0px; margin:0px 0px 5px 0px; }

.lightPanel h4 {color:#000; font-size:120%; vertical-align:middle;  padding:0px; margin:0px 0px 0px 0px; }
.darkPanel h4 {color:#000; font-size:120%; vertical-align:middle; padding:0px; margin:0px 0px 0px 0px; }
/* END broker specific */

table tbody th {color:#036cb6;}
table tbody t  a {color:#036cb6; text-decoration:none;}
table tbody td a:hover {color:#4f97c9; text-decoration:underline;}
table tbody td a:active {color:#13437e;}

#BrokerHeader {width:790px;}
#BrokerHeader table {width: 100%;}
#BrokerHeader table td.topTableLogo {padding:10px 0 0 10px}
#BrokerHeader table td.topTableTel {text-align:right;}