@charset "utf-8";
/* CSS Document */

.customer {
	height: 40px;
	vertical-align:middle;
}
.nobreak td{
	line-height:0;
}
.history {
	border-style: dotted;
	border-width: 1px;
	vertical-align: top;
	font-size: 12px;
}

.history_center {
	text-align: center;
	border-style: dotted;
	border-width: 1px;
	vertical-align: top;
	font-size: 90%;
}

.history_right {
	text-align: right;
	border-style: dotted;
	border-width: 1px;
	vertical-align: top;
	font-size: 90%;
}

a {
	color: #0033FF;
}
a:visited {
	color: #1F6391;
}
a:hover {
	color: #3399cc;
}
a:active {
	color: #0033FF;
}

a img,
a:link img,
a:active img,
a:hover img{
	border:none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}
.small{
	font-size:12px;
}
.errormsg {
	color:#FF0000;
}	
.errormsg a, 
.errormsg a:hover,
.errormsg a:visited{
	color:#333333;
}
ul.navleft {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14;
	cursor: default;
	width: 230px;
}

/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.navleft li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 230px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.navleft ul
{
	margin: 0% 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 14;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
/*	left: -1000em; */
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.navleft ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.navleft ul li
{
	width: 8.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.navleft
{
	border: 1px solid #262626;
}
/* Submenu containers have borders on all sides */
ul.navleft ul
{
	border: 1px solid #ccc;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.navleft a
{
	display: block;
	cursor: pointer;
	background-color: #262626;
	padding: 0.5em 0.75em;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.navleft a:hover, ul.navleft a:focus
{
	background-color: #fff;
	color: #262626;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.navleft a.MenuBarItemHover, ul.navleft a.MenuBarItemSubmenuHover, ul.navleft a.MenuBarSubmenuVisible
{
	background-color: #fff;
	color: #262626;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.navleft a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.navleft a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.navleft iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.navleft li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;

		background: #FFF;
	}
}

/* DEBUG STYLE */
.debug{
	background:#fff;
	border:2px solid #333;
	padding:10px;	
}

.bluebartop{
	height:5px !important;
	font-size:1px !important;
	line-height:1px !important;	
	background:#1f6391;
}
.whitebar{
	height:4px !important;
	font-size:1px !important;
	line-height:1px !important;	
	background:#ffffff;
}
.container{
	padding:20px;	
}
.welcome{
	color:#222;
	font-size:13px;
	font-weight:bold;
	margin-top:-15px;
	float:right;
}
.welcome span{
	font-weight:normal;
	font-size:12px;	
}
.pagetitle{
	color:#1f6391;
	font-size:30px;
	line-height:40px;		
}
.subpagetitle{
	color:#1f6391;
	font-size:24px;
	line-height:40px;		
}
.subpagetitle18B{
	color:#1f6391;
	font-size:18px;
	font-weight:bold;
}
.subpagetitle18B span{
	font-size:24px;	
}
.sectionheader{
	color:#1f6391;
	font-size:13px;
	font-weight:bold;
	line-height:21px;
	border-bottom: 1px solid #ccc;
}
.reqlabel{
	float:right;
	color:#ff0000;
}
.consentmsg{
	font-size:14px;
	color:#060;
	text-align:center;
	margin-bottom:20px;
}
.errmsg{
	color:#f00;
	font-weight:bold;
}
.successmsg_sml{
	font-weight:normal;
	font-size:14px !important;
	line-height:22px;
	color:#006600;
}
.errmsg_sml{
	font-weight:normal;
	font-size:14px !important;
	line-height:22px;
	color:#f00;
}

.padR{
	margin-right:20px;
}

.note{
	color:#FF0000;
	margin:10px auto;
	text-align:center;
}
.note2{
	color:#990000;
}

/* JQUERY VALIDATE ERROR MESSAGE */
.error{
		color:#ff0000;
		float:right;
}

/* LABEL STYLES FOR TABLE*/
.account td{
	width:100%;	
}
.account th{
	 margin:3px 20px 3px 10px;
     padding:0px;
     display:block;
     font-weight:600;
	 color:#333;
	 text-align:left;
	 white-space:nowrap;
	 max-width:300px;
	 width:150px;
}

/* FORM STYLES */

.form-style-1 {
     margin:0;
     padding:0;
}
.form-style-1 li {
     padding: 0;
     display: block;
     list-style: none;
     margin: 10px 0 0 0;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email]{
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border:1px solid #BEBEBE;
     margin:0px;
     -webkit-transition: all 0.30s ease-in-out;
     -moz-transition: all 0.30s ease-in-out;
     -ms-transition: all 0.30s ease-in-out;
     -o-transition: all 0.30s ease-in-out;
     outline: none;  
	 padding:3px;
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
     -moz-box-shadow: 0 0 8px #88D5E9;
     -webkit-box-shadow: 0 0 8px #88D5E9;
     box-shadow: 0 0 8px #88D5E9;
     border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
     width: 49%;
}

.form-style-1 .field-long{
     width: 100%;
}
.form-style-1 .field-select{
     width: 100%;
}
.form-style-1 .field-textarea{
     height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button],.blueBtn{
     background: #4B99AD;
     padding: 8px 15px 8px 15px;
     border: none;
     color: #fff;
	 cursor:pointer;
	 -webkit-appearance:none;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover, .blueBtn:hover{
     background: #4691A4;
     box-shadow:none;
     -moz-box-shadow:none;
     -webkit-box-shadow:none;
}
.btnSteps{
	font-size:18px;
	box-shadow: 3px 3px 10px #888888;
}
.btnSteps.save{
	background:#2a9d65 !important;
}

.btnDisabled, .btnDisabled:hover{
	font-size:18px;
	background:#ccc !important;
}
.form-style-1 .required{
     color:red;
}
.form-style-1 select{
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border:1px solid #BEBEBE;
     margin:0px;
     -webkit-transition: all 0.30s ease-in-out;
     -moz-transition: all 0.30s ease-in-out;
     -ms-transition: all 0.30s ease-in-out;
     -o-transition: all 0.30s ease-in-out;
     outline: none;  
	 padding:2px 2px 1px 2px;
}

.consents{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	width:95%;
	border:none;
	overflow:hidden;
	vertical-align:top;
}
/* left align TD */
.left td{
	text-align:left !important;
}

/* HIGHLIGHTED TEXT for NRAL Link */
.shadow{
	font-size:24px;
	font-weight:bold;
	line-height:40px;
	color:#08304f;			
	text-shadow: 1px 0px #FF0;
}

.font21{
	font-size:21px;	
}

/* WELCOME INTERVIEW */

/*IE7 FIXES */
.placeholder { 
	color: #aaa; 
	font-size:12px !important;
}
table{
	border-collapse:collapse;
}

table.left td{
	text-align:left !important;
}

/* END IE7 FIXES */


ul.navleft.nolink li{
	color:#fff;
	padding: 0.5em 0.75em;
	font-size:13px;
}
.welcomecall{
	color:#666;
	font-size:14px;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
}

.proceed{
	color:#C30;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	float:left;
	
}
.msgOrange{
	color:#C30;	
}
.aC{
	text-align:center !important;
}
.padL{
	margin-left:100px;
}
.step1{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step1.jpg);
	margin:-15px 0 0 50px;
}
.step1:hover{
	background:url(../images/step1H.jpg);
	cursor:pointer;
}
.step3{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step3.jpg);
	margin:-15px 0 0 50px;
}
.step3:hover{
	background:url(../images/step3H.jpg);
	cursor:pointer;
}	

.step4{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step4.jpg);
	margin:-15px 0 0 50px;
}
.step4:hover{
	background:url(../images/step4H.jpg);
	cursor:pointer;
}	
.step5{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step5.jpg);
	margin:-15px 0 0 50px;
}
.step5:hover{
	background:url(../images/step5H.jpg);
	cursor:pointer;
}	
.step6{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step6.jpg);
	margin:-15px 0 0 50px;
}
.step6:hover{
	background:url(../images/step6H.jpg);
	cursor:pointer;
}		
.step7{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step7.jpg);
	margin:-15px 0 0 50px;
}
.step7:hover{
	background:url(../images/step7H.jpg);
	cursor:pointer;
}		
.step8{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step8.jpg);
	margin:-15px 0 0 50px;
}
.step8:hover{
	background:url(../images/step8H.jpg);
	cursor:pointer;
}		
.step9{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step9.jpg);
	margin:-15px 0 0 50px;
}
.step9:hover{
	background:url(../images/step9H.jpg);
	cursor:pointer;
}		
.step10{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step10.jpg);
	margin:-15px 0 0 50px;
}
.step10:hover{
	background:url(../images/step10H.jpg);
	cursor:pointer;
}		
.step11{
	width:125px;
	height:50px;
	float:left;	
	background:url(../images/step11.jpg);
	margin:-15px 0 0 50px;
}
.step11:hover{
	background:url(../images/step11H.jpg);
	cursor:pointer;
}		

.subtitle{
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	color:#333;
	padding-bottom:15px;
}
.forgotpass{
	cursor:pointer;
	text-decoration:none; 
	float:right;
	margin:10px 5px 0 0;
}
a.forgotpass {
	color:#1f6391 !important;
}

.rule{
	border-top:2px solid #ccc;
}
.floatR{
	float:right;
}
.bg-red{
  background:#FF6666 !important;
}
.bg-red:hover{
	background:#FF6C6C !important;
}
.tblRC td{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	color:#666;
	height:25px;
}
td.labelBlue{
	color:#3d74b6;
	font-size:14px;
}
.tblRC td input{
	text-align:right;
}
.padB20{
	padding-bottom:20px !important;
}
.noborder{
	border:none !important;
	color:#3d74b6;
	background:#fff;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;	
}
.contact {
	border-spacing:0;
	border:1px solid #ccc;
}
.contact td{
	padding:10px 20px;
	font-size:16px;
}
.row1{
	background:#e3e5e6;
}
td.or{
	width:250px;
}
td.or span{
	margin-left:70px;
	font-size:18px;
	font-weight:bold;
}
.list ul li{
	display:list-item;
	margin-left:-15px;
	padding-left:10px;
	list-style-type:disc;
	list-style:disc;
	font-size:12px;
}
.verify_box{
	width:600px;
	margin:20px auto;
	font-size:12px;
	font-weight:normal;
	color:#990000;
	border:2px groove #ccc;
	padding:10px;
	text-align:center;
}
.verify_box span{
	color:#333;
}	
.finalreview {
	border-spacing:0;
	border:1px solid #ccc;
}	
.finalreview th a{
	font-weight:600;
	color:#1f6391;
	text-decoration:none;
}
.finalreview td{
	color:#666;
	padding:3px 20px;
	font-size:14px;
	text-align:left;
}
.finalreview td.ar{
	text-align:right !important;
	padding-right:80px;
}
.finalreview th{
	padding:10px 20px;
	font-size:16px;
	text-align:left;
}
	
/*==================     WebsiteAlive CHAT    ======================*/
.chat_dock{
	position:fixed;
	z-index:10001;
	cursor:pointer;
	bottom:10px;
	margin-left:300px;
}
#chat_hide{
	position:fixed;
	z-index:10001;
	cursor:pointer;
	bottom:0px;
	margin-left:277px;
	background:#2883c1 url('../images/chat_arrow_down.png') no-repeat 5px 5px;
	border:1px solid #ccc;
	color:#fff;
	padding:5px 15px 5px 35px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#chat_show{
	position:fixed;
	z-index:10001;
	cursor:pointer;
	bottom:0px;
	margin-left:277px;
	background:#2883c1 url('../images/chat_arrow_up.png') no-repeat 5px 6px;
	border:1px solid #ccc;
	color:#fff;
	padding:5px 25px 5px 35px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

a:hover.simpleinterest {
	font-weight: bold;
}

td.mainpaymenttext {
	font-size: 16px;
	font-weight: bold;
}