@charset "UTF-8";
/* CSS Document */
* html div#globalnav {
	position:absolute;
    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}
:focus {	outline: 0;}
@font-face {
    font-family: 'Gudea', sans-serif;
}

#buttonDivGreyOld{
	margin:0px 0 0 10px;
	float:right;
}
#buttonDivOrangeOld{
	margin:0px 0 0 10px;
	float:right;
}

.buttonOrangeOld, .buttonOrangeOldLg, .buttonOrangeOldSm, .buttonOrangeOldLI{
   	color: #FFFFFF;
    display: inline-block;
    float: left;
    font: bold 16px Arial,Helvetica,sans-serif;
    padding: 5px 10px;
    position: relative;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	background: #ffd380; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd380 0%, #ffae17 5%, #ff8e10 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd380), color-stop(5%,#ffae17), color-stop(100%,#ff8e10)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd380 0%,#ffae17 5%,#ff8e10 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd380 0%,#ffae17 5%,#ff8e10 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd380 0%,#ffae17 5%,#ff8e10 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd380 0%,#ffae17 5%,#ff8e10 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd380', endColorstr='#ff8e10',GradientType=0 ); /* IE6-9 */
    border-color: #ef840f;
    behavior: url(PIE.php);
	border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-style: solid;
    border-width: 1px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); 
	width: 89px;
	}
	
.buttonOrangeOldLg{
	width: 130px;
	}		
.buttonOrangeOldSm{
	width:70px;
	}
		
.buttonOrangeOldLI{
	height:25px;
	font: bold 12px Arial,Helvetica,sans-serif;
	margin: 10px 0;
	}
			
.buttonOrangeOld:hover, .buttonOrangeOldSm:hover, .buttonOrangeOldLg:hover{
	background: #ffd587; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd587 0%, #feb735 5%, #fd9e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd587), color-stop(5%,#feb735), color-stop(100%,#fd9e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd587 0%,#feb735 5%,#fd9e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd587 0%,#feb735 5%,#fd9e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd587 0%,#feb735 5%,#fd9e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd587 0%,#feb735 5%,#fd9e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd587', endColorstr='#fd9e1e',GradientType=0 ); /* IE6-9 */	
}
.buttonOrangeOld:active, .buttonOrangeOldSm:active, .buttonOrangeOldLg:active{
	background: #ffd380; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd380 0%, #fda014 5%, #f4870c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd380), color-stop(5%,#fda014), color-stop(100%,#f4870c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd380 0%,#fda014 5%,#f4870c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd380 0%,#fda014 5%,#f4870c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd380 0%,#fda014 5%,#f4870c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd380 0%,#fda014 5%,#f4870c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd380', endColorstr='#f4870c',GradientType=0 ); /* IE6-9 */

	border-color: #e47b0a;
	box-shadow: none;
}
.buttonGreyOld, .buttonGreyOldLg, .buttonGreyOldSm{
	color:  #505050;
    display: inline-block;
    float: left;
    font: bold 16px Arial,Helvetica,sans-serif;
    padding: 5px 10px;
    position: relative;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
   		
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f7f9 5%, #e9ecef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#f4f7f9), color-stop(100%,#e9ecef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f7f9 5%,#e9ecef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f7f9 5%,#e9ecef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f7f9 5%,#e9ecef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f7f9 5%,#e9ecef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9ecef',GradientType=0 ); /* IE6-9 */

    border-color: #c7cace;
    
	behavior: url(PIE.php);
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    
	border-style: solid;
    border-width: 1px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); 
	width: 83px;
    }
.buttonGreyOldLg{
	width: 130px;
	}	
.buttonGreyOldSm{
	width: 70px;
	}
.buttonGreyOldWide{
	width: 185px;
}	
.buttonGreyOld:hover, .buttonGreyOldLg:hover, .buttonGreyOldSm:hover{
	color: #222;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fbfcfd 5%, #edf0f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#fbfcfd), color-stop(100%,#edf0f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfcfd 5%,#edf0f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fbfcfd 5%,#edf0f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fbfcfd 5%,#edf0f3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fbfcfd 5%,#edf0f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf0f3',GradientType=0 ); /* IE6-9 */
}
.buttonGreyOld:active, .buttonGreyOldLg:active, .buttonGreyOldSm:active{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f7f9 5%, #e7eaed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#f4f7f9), color-stop(100%,#e7eaed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f7f9 5%,#e7eaed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f7f9 5%,#e7eaed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f7f9 5%,#e7eaed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f7f9 5%,#e7eaed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eaed',GradientType=0 ); /* IE6-9 */

	border-color: #aeafb3;
	box-shadow: none;
}	

/* ------- This is the CSS Reset ------- */
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu,
nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* ------- HTML5 display-role reset for older browsers ------- */

/*---RSA	styles */

#RSAframework, #RSAframeworkMin{
	margin: 0 1px;/*margin:0 auto;*/
	padding:20px 20px 0px;
	position: relative;
	background: #FFF;
   }
#RSAframework{
	padding:30px 20px 0px;
	}	
#RSAframework h1, #RSAframeworkMin h1{
	padding: 0px 0 25px;	
}
#RSAframework #messageBarWide {
   line-height: 40px;
   font-weight: bold;
}
#RSAframework .jqTransformSelectWrapper{
	background: url("../nfcu_images/input_field_420wide.png") no-repeat scroll left top transparent;
	}
hr.dotted{
	border-top: 1px dotted #c2c5c9;
	margin:0px;
	margin: 15px 0;
  }
hr.single{
	border-top: 1px #ebeef1;
	margin:30px 0;
  }
hr.double{
	border-top: 2px #dfe2e7;
  }  
hr.vertical{
	border-right: 1px dotted #c2c5c9;
  }      
#greyQ{
	font: bold 26px Arial, Helvetica, sans-serif;
	color: #c2c5c9;
	display: inline;
	float: left;
	margin: 0 20px;
	}
.qna #orangeA{
	display: inline;
	font: bold 26px Arial, Helvetica, sans-serif;
	color: #ff9f3b;
	margin: 0 20px;
	float:left;
	}
.qna{
	margin: 10px 0 5px;
	height:30px;
	line-height: 30px;
	}	
.qna #num{
	display: inline;
    float: left;
    margin-left:40px;
	margin-bottom: 30px;
	font: bold 13px/30px Arial, Helvetica, sans-serif;
	coor: #222;
}
.qna p{
	line-height: 35px;
	}	
#RSAframework input[type="text"]{
	margin:0;
	width:320px;
	height:30px;
	}	
#RSAframework input.rsaAreaCode{
	width:46px;
	}
#RSAframework input.rsaPhone{
	width:88px;
	margin-left: 5px;
	}
#RSAframework input.rsaExt{
	width:50px;
	}						
#buttonRow{
	background-color: #dfe2e7;
	border-top: 1px solid #c2c5c9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #0E335E;
    height: 30px;
    margin: 40px 0 25px;
    padding: 15px 20px;
	box-shadow: 0px -2px 3px rgba(0,0,0,.12);
	}	
#RSAframeworkMin #buttonRow{
	margin: 95px 0 0;
	}		
#buttonRow #buttons{
	float:right;
		}
#buttonRow #faq-link{
	float:left;
	line-height: 20px;
    margin: 5px 0 0 0;
}
#RSAframeworkMin #buttonRow #faq-link{
	margin: 8px 440px 0 0;
}
#checkboxBlock{
	 margin: 20px 50px 0;
	}
#checkboxBlockRadio{
	margin: 20px 10px 0 20px;
	font: 13px/25px Arial;	
	}	
#checkboxBlock input, #checkboxBlockRadio input{
	height: 15px;
	margin: 0 10px;
	}
#RSAradio{
	height: 40px;
	font: 13px/25px Arial, Helvetica, sans-serif;
	color:  #505050;
	margin-left: 15px;
	}
#RSAradio span{
	font-weight: bold;
	color:#505050;
	}		
#RSAradio input {
    height: 13px;
    margin: 20px;
}
#confCode{
	height: 145px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, .2);
	background: -webkit-gradient(linear, top, bottom, from(#fff), to(#eff0f4)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#fff, #eff0f4); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eff0f4); /* for firefox 3.6+ */
	font: 15px Arial, Helvetica, sans-serif;
	}
#numberSelected {
	float:left;
	margin: 30px 70px 10px 20px;
	color: #222;	
	}
#numberSelected p{
	padding: 40px;
	}	
#numberSelected span{
	margin: 20px;
	font: bold 15px/30px Arial,Helvetica,sans-serif;
}
#verticalDiv{
    float: left;
    height: 125px;
    width: 1px;
	border-right:1px dotted #c2c5c9;
	margin: 10px 0;
	}	
#codeEnter{
	float:left;
	padding:20px 38px 10px 10px;
	margin: 10px 20px;
	color: #222;	
	}
#codeEnter p{
	margin: 20px 40px 30px 150px;
	font: bold 28px Arial, Helvetica, sans-serif;
	}	
#resume{
	clear:both;	
	}		
#tableHeader{
	background-color: #ebeef1;
	height: 60px;
	padding: 15px 10px;
	}
.leftColumn{
	float:left;
	width:100px;	
	}	
.leftMiddleColumn{
	float:left;
	width:220px;	
	}	
.rightMiddleColumn{
	float:left;
	width:190px;	
	}	
.rightmiddleColumn span{
	font-weight:bold;
	}	
.rightColumn{
	margin-left: 540px;
	}	
.rightColumn span{
	width: 50px;
	}
#plusImg{
	background: url("../nfcu_images/plus_green.png") no-repeat scroll 0 0 transparent;
	display: inline;
    height: 10px;
    margin: 0 5px;
    width: 9px;
	}
#phones{
	margin-top: 20px;
	}
#phonesVer{
	margin-top: 0px;
	}	
#phonesVer p{
	margin-left: 40px;
	margin-bottom: 20px;
	}	
#phonesVer span{
	font-weight: bold;
	color: #222;
	}		
#phones ul{
	list-style-type: none;
	margin: 10px 10px 0;
    min-height: 85px;
	}
#phoneList .jqTransformSelectWrapper{
	width: 130px;	
	}	
#phoneList input{
	width:	100px;
}
#phones li{
	display:block;	
	}
.rightColumn input{
	width:	50px;
}
#requiredText{
	height:10px;
	color:#d31313;
	margin: 0 0 0 60px;
	}
/*----end of RSA styles----*/

/*----end of Header styles----*/

#mssgHdr {
    
	padding-top:8px;
	height: 33px;
	background: (top, #ffffff 0%,#ffffff 39%,#eef3fb 100%);
	
	background: -webkit-gradient(linear, top, bottom, from(#fff), to(#eef3fb)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#fff, #eef3fb); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eef3fb); /* for firefox 3.6+ */
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
	border-radius:5px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
	
	max-width: 660px;
	float:right;
	height:27px

}
#messgSignOut{
	float:left;
	padding: 0 8px 0 5px;
	border-left:1px solid #f7ffff;
	}
#mssgOffer{
	float:left; 
	padding:0 8px 0 5px;
	border-right:1px solid #d7e0e5;
	border-left:1px solid #f7ffff;
}
#mssgStat{
	float:left;
	padding:0 8px 0 5px;
	border-right:1px solid #d7e0e5;
	border-left:1px solid #f7ffff;
}
#mssgMess{
	float:left;
	padding:0 8px 0 5px;
	border-right:1px solid #d7e0e5;
	border-left:1px solid #f7ffff;
}
#messgIndicatorOn{
	background: url("../nfcu_images/icon_email_message.png") no-repeat scroll 0 0 transparent;
	float: left;
    margin: 2px;
    width: 25px;
	}
#messgIndicator{
	background: url("../nfcu_images/icon_email.png") no-repeat scroll 0 0 transparent;
	float: left;
    margin: 2px;
    width: 22px;
	}	

#mssgName{
	float:left;
	padding:0 10px 0 10px;
	border-right:1px solid #d7e0e5;
		
	-o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    width: 190px;  
	
}


/*----end of Header styles----*/

h1 {
	margin:0;
	font-family: 'Gudea', sans-serif;
	font-size:30px;
	font-style:normal;
	font-weight:bold;
	color: #222;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6);
	position:relative;
}
h2 {
	margin:0;
	padding:0 0 30px 0;
	font-family: 'Gudea', sans-serif;
	font-size:22px;
	font-style:normal;
	font-weight:bold;
	color:#0d335d;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6);
	position:relative;
}
h3 {
	margin:0;
	padding:0 0 20px 0;
	font-family: 'Gudea', sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	color:#0d335d;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6);
	position:relative;
	display:inline-block;
}
h4 {
	margin:0;
	padding:0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	color:#222;
	position:relative;
	display:inline-block;
}
h4a {
	margin:0;
	padding:10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	color:#0d335d;
	position:relative;
	display:inline-block;
}
h5 {
	margin:0;
	padding:10px 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	color:#0d335d;
	position:relative;
	display:inline-block;
}
#framework {
	width:962px;
	margin:0 auto;
	padding:0;
	position: relative;
}
#frameworkPopUp {
	width:840px;
	margin:0 auto;
	padding:0;
	position: relative;
}
#header, #headerPopUp {
	width:962px;
	height:84px;
	margin:0 auto;
	z-index:1;
	text-align:right;
	font: 11px Arial, Helvetica, sans-serif;
	padding:0;
}
#headerPopUp {
	width:800px;
}
#globalnav {
	position:absolute;
	top:74px;
	right:0px;
	z-index:110;
	color:#2769b3;
	word-spacing:1px;
}
a:link {
	color: #266ab5;
	text-decoration:none;
	outline:0;
}
a:active {
	color: #ff9f3b;
	text-decoration:none;
	outline:0;
}
a:focus {
	-moz-outline-style: none;
	outline:0;
}
*:focus {
	-moz-outline-style: none;
	outline:0;
}
a:visited {
	color:#266ab6;
	text-decoration:none;
	outline:0;
}
a:hover {
	color:#ff9f3b;
	text-decoration:none;
	outline:0;
}
a img { 
	border:0; 
}

/*styles for enroll*/
body {
	margin:0 0;
	padding:0;
	color:#222;
	font:13px/19px Arial, Helvetica, sans-serif;
	background: url("../nfcu_images/bg_gradient.png") repeat-x scroll 0 0 transparent;
	}

#outer{
	background: url('../nfcu_images/globe_bg.png') no-repeat scroll 700px 0 transparent;
	height:100%;
	width:100%;
	margin: 0 auto;
	padding: 0;
    position: relative;
    width: 1422px;
	}
#outerPopUp{
	height:100%;
	width:100%;
	margin: 0 auto;
	padding: 0;
    position: relative;
    width: 1422px;
	}	
#center-feature {
	background: url('../nfcu_images/main_img2.png') ;
	position:relative;
	width:962px;
	height:378px;
	background-color:#fff;
	margin-bottom:10px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	overflow:hidden;
	}
#center-feature-gradient {
	z-index:20;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:962px;
	height:378px;
	-webkit-box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, .3);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background: url('../nfcu_images/dl-gradient.png') bottom left repeat-x;
	}	
#logolayer {
	background: url('../nfcu_images/navy_fed_logo.png') no-repeat;
	width:274px;
	height:69px;
	position:absolute;
	top:15px;
	left:30px;
	z-index:100;
	}
#logolayerPopUp {
	background: url('../nfcu_images/navy_fed_logo_183_wide_.png') no-repeat;
	position:absolute;
	top:35px;
	z-index:100;
	}
#content, #RSAcontent{
	background-color:#fff;
	background: url("../nfcu_images/log_in_bg_with_shadow.png") no-repeat scroll -10px -10px transparent;
	height:472px;
	width: 962px;
	margin: 20px 26px 30px 0px;
	padding-top:4px; 
	} 
#RSAcontent{
	height:auto;
	min-height:350px;
	}	
#contentBorder{
	background-color:#fff;
	width:800px;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .13);
	-moz-box-shadow:    0px 0px 2px 1px rgba(0, 0, 0, .13);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .13);
	margin: 20px 0px 34px;
	padding:20px; 
	} 
#contentBorder h2{
	padding: 10px 0 20px; 	
	}
#innerContent{
	padding: 20px 20px 61px 20px;
	} 
#regHeader{
	background-color:#135396;
	color:#fff;
	font:13px/1 Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top: 0px;
    padding: 11px;
   	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.23);
	-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.23);
	box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.23);
	}
orange{
	color:#FE8707;
	float:left;
	}	
grey{
	color:#c2c5c9;	
	}
#regMainArea{
	box-shadow: 0px 0px 4px 3px inset rgba(0, 0, 0, .13);
	padding-top:25px;
	}
#regRightPart{
	float:left;
	margin-left:30px;
	padding-bottom: 30px;
    width: 306px;
	}
#inputTitle{
	font-size: 15px;
    font-weight: bold;
	margin-top: 3px;
	margin-bottom:0px;
	}
#regLeftPart #inputTitle{
	margin-left:10px;
	}	
#inputForm, #inputFormRP{
	float:left;
	margin-top:15px;
	margin-bottom:20px;
	}
#inputFormAA{
	float:left;
	margin-bottom:20px;
	margin-top:10px;
	}	
#inputForm #formDiv, #inputFormAA #formDiv{
	width:270px;
	}	
#inputFormRP #formDiv{
	width:420px;
	}
#inputForm input button {
	height:30px;
	}
#dob, #dobAdj, #dobRP{
	height: 30px;
    margin-bottom: 11px;
    margin-top: 6px;
	float:left;
	}	
#dobRP{
	margin: 10px 0;
    }		
#styledSelectMo, #styledSelectDa, #styledSelectYe {
	float: left;
    width: 90px;
	margin: 0 15px 5px 0;
	}	
#styledSelectMo .jqTransformSelectWrapper{
	width: 107px;
	}	
#dob #styledSelectMo{
	background: url("../nfcu_images/drop_dn_arrow.png") no-repeat 67px 0px #fff;
	height:30px;
	float:left;
	margin: 0 30px 5px 0px;
	}
#dob #styledSelectYe{
	background: url("../nfcu_images/drop_dn_arrow.png") no-repeat 58px 0px;
	height:30px;
	}		
#dobAdj #styledSelectMo, #dobRP #styledSelectMo{
	background: url("../nfcu_images/drop_dn_arrow.png") no-repeat 67px 0px #fff;
	height:30px;
	float:left;
	margin: 0 30px 5px 0px;
	width: 85px;
	}
#dobAdj #styledSelectYe, #dobRP #styledSelectYe{
	background: url("../nfcu_images/drop_dn_arrow.png") no-repeat 58px 0px;
	height:30px;
	width: 85px;
	}			
#styledSelectDa{
	background: url("../nfcu_images/drop_dn_arrow.png") no-repeat 30px 0px #fff;
	height:30px;
	}	
#styledSelectMo select{
   background: transparent;
   padding: 5px;
   width:70px;
   -moz-appearance:window;
	-webkit-appearance: none;
	}
#styledSelectDa select{
   background: transparent;
   padding: 5px;
   width:100px;
   -moz-appearance:window;
	-webkit-appearance: none;
	}
#styledSelectYe select{
   background: transparent;
   padding: 5px;
   width:70px;
   	-moz-appearance:window;
	-webkit-appearance: none;
	}
#inputRight{	
	float:left;
	margin: 7px 15px 5px 20px;
	}
#inputRightStep2{
	float:left;
	margin: 10px 15px 5px 20px;
	}	
#inputRightCP{
	float:left;
	margin: 25px 15px 5px 20px;
	}		
#inputRightMig{
	float:left;
	margin: 10px 15px 5px 20px;
	width:150px;
	}	
#inputRightAlert{
	margin: 10px 30px 0 0;
    width: 413px;
	background-color: #EFF3F7;
	padding:10px;
	line-height: 17px;
	}
#inputRightAlert #alertIcon{	
	margin: 0 5px 45px 15px;	
	}
#reqFieldText{
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #cc0000;
	float:left;
	height:15px;
	width:250px;
	}
#ssnInput{
	width:305px;
	float:left;
	}
#ssnInput button {
	background: url("../nfcu_images/ss_image_btn.png") no-repeat scroll 0 0; 
    border: 1px solid #C2C1BC;
    border-radius: 3px 3px 3px 3px;
    color: #C8CACF;
    font-size: 12px;
    height: 30px;
    margin-left: 8px;
    width: 42px;
	margin-top: 8px;
	}
#ssnInput input {
	width:155px;
	}
#regLeftPart{
	float:left;
	margin-bottom: 20px;
    min-height: 278px;
	border-right: solid 1px #e5e5e5;
	width: 440px;
    }
#inputRight p, #inputRightMig p, #inputRightStep2 p, #inputRightCP p{
	margin: 9px 0px 11px 0;
	text-align: right;
	color: #505050;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-weight: bold; 
	padding: 12px 0;
	}
#inputRightStep2 p{
	margin: 9px 0 13px;
	}	
#inputRightCP p{
	margin: 0 0 11px;
	}		
.paragraph{
	margin: 20px 10px 0 0;
	}	
.paragraph orange{
	font-size: 18px;
    margin: 1px 10px 100px 0;
	}		
.paragraph div{
	line-height:20px;
	}	
input {
	font: 13px Arial,Helvetica,sans-serif;
    padding: 0 10px;
	border: 1px solid #999999;
	color: #505050;
	height:30px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	}
input[type="text"]{
	margin:17px 0;
	width:205px;
	height:26px;
	background-color:#fff;
	border:1px solid #c2c1bc;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


input.inputStyle{
	margin:5px 0 15px 0;
}	

input.inputRequired{
	border:1px solid #cc0000;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin: 5px 0 0;
}
input[type="text"]:focus, input[type="password"]:focus {
    background-color:#fffdf2;
    border:1px solid #ff9f3b;
	}
#inputFormWide{
	width: 700px;
	float: left;
    margin-bottom: 20px;
    margin-top: 9px;
	}	
#inputFormWideBlock{
	float: left;
    width:500px;
	padding-top: 20px;
	}
#checkboxBlockWide{
	font: 13px/25px Arial;
    margin: 0px 10px 0 20px;
	float:left;
	clear:both;
	}
#inputFormWideBlock #inactive{
	width: 150px;
	}
.radioBlock{
	height: 90px;
    margin-bottom: 20px;
	}	
.radioBlock .radioBlockLeft{
	float: left;
	width: 300px;
	}
#newPassword{
	float:left;
	}
#newPasswordAA {
    float: left;
    width: 340px;
}
#passNote, #passNoteRP{
	float:left;
	font-size: 10px;
    padding: 10px 0 0px 10px;
	line-height:13px;
	}	
#passNoteRP{
	padding:5px 0 0 10px;
	}		
#contentBorder #inputFormWideBlock #newPassword input {
    margin: 10px 0 6px;
	width: 285px;
}	
input.step2input{
	width:285px;
	}
#questions{
	float: left;
    height: px;
    margin: 8px 0 4px;
	}
#regMainAreaRadio{
	margin-left:10px;
	}	
#regMainAreaRadio p{
	margin:10px 0;
	}	
.radioItem{
	font: 13px/25px Arial,Helvetica,sans-serif;
    height: 25px;
}		
.radioItem input {
	height: 25px;
	}		
/*end styles for enroll */	

/*styles for Signin1 */	
#gradientBox{
	background:#f5f6f9;   /* for non-css3 browsers */
	height:10px;
	margin:0 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f9', endColorstr='#fdfdfe'); /* for IE */
	background: -webkit-gradient(linear, top, bottom, from(#f5f6f9), to(#fdfdfe)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#f5f6f9, #fdfdfe); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f6f9,  #fdfdfe); /* for firefox 3.6+ */	
	}
#messageBar, #messageBarWide{
	background-color:#eff3f7;
	color:#0e335e;
	margin: 11px 0 25px 0;
    padding: 0 0 0 20px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	}
#messageBar{
	width:474px;
	}
#alertIcon{
	background: url('../nfcu_images/alert_icon_on.png') no-repeat 0 0; 
	float:left;
	width:15px;
	height:15px;
	margin: 12px 5px 13px 0; 
	}	
#messageBar p, #messageBarWide p{
	margin-top: 5px;
	font:bold 12px/40px Arial,Helvetica,sans-serif;
	}
#mainRightPart{
	float:right;
	width:460;
	}
#internalAd{
	background-color:#c3c3c3; 
	width:260px;
	height:260px;
	margin-right:74px;
	}	
#mainLeftPart{
	float:left;
	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	height: 254px;
	}
#OrangeHeader span   {
	background: transparent url('../nfcu_images/orange_header_bar_l.png') no-repeat 0 0; 
	display: block; 
	font:bold 15px Arial, Helvetica, sans-serif;
	padding:10px 0 8px 20px;
	color:#fff; 
	text-transform:uppercase; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font:bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none; 
	} 							
#OrangeHeader{
	width:475px;
	background: transparent url('../nfcu_images/orange_header_bar_r.png') no-repeat top right; 
	display: block;	
	float: left; 
	height: 36px; 
	padding-right: 18px; 
	}	
#lockImg{
	background: transparent url('../nfcu_images/lock_icon.png') no-repeat top right; 
	float: left;
    margin-right: 7px;
    margin-top: 2px;
    width: 12px;
	}
#signInBody{
	background-color:#f9f6ef;
	width:489px;
	height:217px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	border:2px solid #fff;
	border-top:none;
	margin-top:36px;
	}
#signInBody #signInAN {
	border-right: 1px solid #E1DED9;
    float: left;
    height: 207px;
    padding: 10px 20px 0 10px;
	}		
#signInProcess{
	float:left;
	font: bold 13px/20px Arial,Helvetica,sans-serif;
	color:#0e335e;
	}
#questionMarkImage{
	background:transparent url('../nfcu_images/info_question_mark_icon.png') no-repeat 0 0; 	
	padding: 0px 5px;
	float:right;
	width: 20px;
	float:left;
	}
#signInAN #contButton{
	margin-left:0;
	margin-top:0;
	}
#contButton a {
    font: bold 12px Arial,Helvetica,sans-serif;	
	}
#regRightPart #contButton{
	clear:both;
	padding-left: 150px;
	}
#signInAN #formDiv{
	padding-left:10px;
	}	
#signInAN p{
	color:#505050;
	margin-top:5px;
	font: bold 13px/15px Arial,Helvetica,sans-serif;
	}
#forgotLink a{
	font: 11px/10px Arial,Helvetica,sans-serif;
	}	
#signInAN input.loginInput{
	margin:5px 0;
	width: auto;
	}
#signInNote{
	background-color:#eff3f7;
	line-height:18px;
	padding: 0 10px 10px;
	color: #0e335e;
    font: bold 13px/20px Arial,Helvetica,sans-serif;
    height: 34px;
	width:340;
	}
#signInNote p{
	font: bold 13px/20px Arial,Helvetica,sans-serif;
	color:#0e335e;
	}
#signInBody #needHelp{
	padding: 20px 15px 20px 20px;
	line-height:25px;
	float: left;
    height: 175px;
	overflow:hidden;
	}	
#needHelp  h3{
	padding-bottom: 10px;
	}			
#verticalLine{
	width:1px;
	height:218px;
	background-color:#FFF;
	float:left;
	}
#needHelp p{
	color: #0e335e;
	font-weight:bold;
	} 	
#needHelp ul {
	display:block;
	overflow:hidden;
	list-style:none;
	} 		
#needHelp li{
	display:block;
	overflow:hidden;
	} 		
#needHelp a	{
	display:block;
	overflow:hidden;
	} 		
/*end styles for signIn2 */	

/*styles for signIn4 */	
#mainPart{
	float:left;
	
	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin:0 50px 30px 239px;
	}
#greyComment{
	clear:both;
	margin: 30px 0 0 20px;
	}
/*end styles for signIn4 */	

/*styles for login7 & 8 */	
#modalOuter{
	background: url('../nfcu_images/modal_bg.png') repeat 0 0;
	width:100%;
	position:absolute;
	}

#modalWindowBG, #modalWindowBGW, #modalWindowBGMig, #modalWindowBGMigWide{
	width: 535px;
	background-color: rgba(0, 0, 0, 0.35);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00', EndColorStr='#7F00FF00');
	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin: 40px 165px;
	padding:13px;
}
#modalWindowBGW{
	width: 688px;
}

#modalWindowBGMigWide{
	width: 788px;
	}
#modalWindowBG .modalWindow, .modalWindowAN, .modalWindowRP, .modalWindowRPN, .modalWindowMF, .modalWindowMFWide{
	background-color:#FFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	}	
.modalWindowAN{
	height:253px;
}
.modalWindowRP{
	height:447px;
}
#modalBody{
	margin: 0 0px;
	padding:0;
	}	
#modalBody p, div, select{
	color: #505050;
	} 	
.modalWindowRPN #modalBody p{
	margin-left: 20px;
	} 		
.modalHeader{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a7dcf', endColorstr='#1962aa'); /* for IE */
	background: #1962aa; /*for older browsers*/
	background-image: -webkit-linear-gradient(#2a7dcf, #1962aa); /* for webkit browsers */
	background::-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2a7dcf), to(#1962aa));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #2a7dcf,  #1962aa); /* for firefox 3.6+ */
	-webkit-border-radius-topright: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
	-webkit-border-radius-topleft: 4px;
    -moz-border-radius-topleft: 4px; 
    border-top-left-radius: 4px;
	color:#FFF;
	font-size: 18px;
	padding: 9px 10px 14px 15px;
	font-weight:bold;
	}	
#closeImg{
	background: transparent url('../nfcu_images/modal-close.png') no-repeat 0 0;
	float: right;
    height: 20px;
    margin-bottom: 20px;
    width: 20px;
}
#whiteBox{
	width:20px;
	float:left;
	}		
#formLeft{
	float:left;
	width: 135px;
	margin-top:13px;
	}
.modalWindowRP #formLeft{
	float:left;
	width: 170px;
	margin-top:0px;
	}
#formLeft p{
	margin: 10px 0;
	text-align: right;
	display:block;
	font: bold 12px/1 Arial,Helvetica,sans-serif;
	}
.modalWindowRP #formLeft p{
	font-weight: bold;
    margin: 14px 0 38px;
	}
#formRight{
	float: left;
    margin-left: 15px;
	margin-top:8px;
	width:60%;
	}
.modalWindowRP #formRight{
	margin-bottom: 25px;
	margin-top:0px;
	height: 300px;
	}
#modalWindowBG #formRight input{
	margin: 13px 0;	
	}	
#formRight div#captcha {
	margin:5px 0;
	float:left;
	}	
#captcha #captchaText{
	float:left;
	line-height: 44px;
    margin-left: 10px;
	}	
#captcha #captchaImg{
	background-color: #063;
	background: url('../nfcu_images/authen_code.jpg') no-repeat 0 0;
	height:34px;
	width:162px;
	float:left;
	}
#formRight #question{
	margin: 16px 0 10px;
	float: left;
	}
.modalWindowRP #AccessNum a{
	margin-left:10px;
	}

a.GreyBtnLg span  {background: transparent url('../nfcu_images/button_large_gray_left.png') no-repeat 0 0; display: block; line-height: 22px; padding: 8px 0 12px 16px; color:#505050; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);} 								
a.GreyBtnLg 	     {background: transparent url('../nfcu_images/button_large_gray_rt.png') no-repeat top right; display: block; margin-right: 10px;	float: left; height: 36px; padding-right: 15px; text-decoration: none; font:bold 16px Arial, Helvetica, sans-serif;}
a.GreyBtnLg:hover span	      {background-position: 0 -50px; color:#222;}
a.GreyBtnLg:hover	      {background-position: right -50px;}
a.GreyBtnLg:active span      {background-position: 0 -100px; color:#222;}
a.GreyBtnLg:active	       {background-position: right -100px;}

a.OrangeBtnLg span  {background: transparent url('../nfcu_images/button_large_orange_left.png') no-repeat 0 0; display: block; line-height: 14px; padding: 11px 0 12px 16px; color:#FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);} 								
a.OrangeBtnLg 	     {background: transparent url('../nfcu_images/button_large_orange_rt.png') no-repeat top right; display: block;	float: left; height: 36px; padding-right: 15px; text-decoration: none; font:bold 16px Arial, Helvetica, sans-serif;}
a.OrangeBtnLg:hover span	      {background-position: 0 -50px; color:#FFF;}
a.OrangeBtnLg:hover	      {background-position: right -50px;}
a.OrangeBtnLg:active span      {background-position: 0 -100px; color:#FFF;}
a.OrangeBtnLg:active	       {background-position: right -100px;}
	
a.OrangeBtnSm span   {background: transparent url('../nfcu_images/button_small_orange_left.png') no-repeat 0 0; display: block; line-height: 24px; padding: 11px 0 7px 20px; color:#FFF; text-transform:uppercase; text-shadow: 0px -1px 0px rgba(0,0,0,0.3);} 
a.OrangeBtnSm    {background: transparent url('../nfcu_images/button_small_orange_rt.png') no-repeat top right; display: block; float: left; height: 40px; padding-right: 23px; text-decoration: none; font:bold 12px Arial, Helvetica, sans-serif;}
a.OrangeBtnSm:hover span   {background-position: 0 -50px; color:#fff;}
a.OrangeBtnSm:hover     {background-position: right -50px;}
a.OrangeBtnSm:active span {background-position: 0 -100px; color:#fff;}
a.OrangeBtnSm:active     {background-position: right -100px;}	
		
#buttonSpace{
	clear:both;
	background-color:#dfe2e7;
	-webkit-border-radius-bottomright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
	-webkit-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomleft: 3px; 
    border-bottom-left-radius: 3px;
	border-top: solid 1px #c7ccd5;
	height:30px;
	lext-align:right;
	padding: 15px 15px 15px 0px;
	-webkit-box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0 -4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
	}	

#buttonSpace #buttons{
	margin: 0px 5px 5px 0;	
}
	
#buttonSpace a {
	float:right;
	margin: 0 0 0 15px;
	}	
#buttonSpace  span {
	text-transform:none;
	}	
#buttonSpace a.GreyBtnLg span{
	font-size:16px;
	font-weight: bold;	
	}	
#buttonSpace a.OrangeBtnLg span{
	font-size:16px;
	font-weight: bold;	
	}	
.gradientLine{
	background:#e3e9ef;   /* for non-css3 browsers */
	height:14px;
	margin:1px 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e9ef', endColorstr='#fcfdfe'); /* for IE */
	background-image: -webkit-linear-gradient(#e3e9ef, #fcfdfe); /* for webkit browsers */
	background::-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e9ef), to(#fcfdfe));
	background: -moz-linear-gradient(top,  #e3e9ef,  #fcfdfe); /* for firefox 3.6+ */	
	}	
#formRight div#dropDownOrganizer{
	width: 400px;
    height: 37px;
    margin: 5px auto 0;
	}	
#accessNumberBox{
	background-color: #eff3f7;
	width:239px;
	padding: 22px 20px 18px 20px;
	font-weight: bold;
	margin: 5px 0;
	color:#0d335d;
	}
#numberBox{
	font-size: 22px;
	color:#222222;
	display: inline;
	}	
#modalBody select {
	width: 62px;
	}	
#modalBodyAN {
	padding: 0 20px;
	color:#222222;
	}
#modalBodyAN p{
	font: 13px/18px Arial,Helvetica,sans-serif;
	}
#note{
	clear:both;
	margin: 20px;
	font-size: 10px;
	}

/*end styles for login7 & 8 */	

/*styles for login9 */	
#plainTextBlock{
	margin: 10px 20px 30px;
	}
#timeout{
	font-weight: bold;
	}	
/*end styles for login9 */	

		
/* ------member navigation --------*/ 
#memberinfo {
	position:absolute;
	height:16px;
	font:12px Arial, Helvetica, sans-serif;
	widht:10%;
	top:0px;
	right:10px;
	z-index:110;
	padding:5px 20px 10px 10px;
	background:#eeece7 url('../nfcu_images/memberinfoback.png') repeat-y;
	-webkit-border-radius-bottomright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
	-webkit-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
	-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1);
}
#memberinfoblock {
	list-style:none;
	margin:0;
	padding:0;
}
#memberinfoblock a {
	font:12px normal Arial, Helvetica, sans-serif;
}
#memberinfoblock li{
	float:left;
	margin:0;
	position:relative;
	background:url('../nfcu_images/memberdivide.png') top right no-repeat;
}
#memberinfoblock li.signin {
	padding:0 0 0 10px;
	background:none;
}
#memberinfoblock li.signin a {
	font-weight:bold;
}
#memberinfoblock li.infoitem a.active {
	font-weight:bold;
}
#memberinfoblock li.infoitem {
	padding:0 10px 0 10px;
}


/*------ end of member navigation ---*/	
	
/* ---------- Drop Down Navigation --------- */
#top-navigation { 
	width:962px; 
	height:43px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin-left:10px;
	padding:0;
	background:#265d9a url('../nfcu_images/navbackground.png') repeat-x;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.2), -1px 0 2px rgba(0, 0, 0, 0.1), 1px 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.2), -1px 0 2px rgba(0, 0, 0, 0.1), 1px 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.2), -1px 0 2px rgba(0, 0, 0, 0.1), 1px 0 2px rgba(0, 0, 0, 0.1);
	}
#navigation {
	list-style:none;
	font-weight:bold;
	font-size:15px;
	font-family: 'Gudea', sans-serif;
	margin:0;
	padding:1px 0 0 0;
	}
#navlist {
	border-right:1px solid #e0e3e6;
	width:150px;
	}
#navlist .navlistlast {
	border:none;
	}
#navlist p a {
	margin-bottom:5px;
	}
#navigation li {
	float:left;
	text-align:center;
	margin:0;
	padding:7px 16px 7px 16px;
	position:relative;
}
#navigation li:hover {
	background:#fff;
	background-origin:border-box;
	margin:4px 4px 0 4px;
	border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
	padding:3px 12px 5px 12px;
	z-index:500; /* shadow above adjacent li */
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
#navigation a {
	color:#fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
	outline:0;
	text-decoration:none;
	display:block;
	line-height:2em;
}
/* ----------- Hide/Show Div ---------- */
#navigation div {
	position:absolute;
	left:-999em;
	margin-top:5px;
	width:960px;
	padding:30px 10px 0 10px;
	font-weight:normal;
	text-align:left;
	background:#fff;
	border-right:1px solid #e5e3df;
	border-left:1px solid #e5e3df;
	-webkit-box-shadow:-3px 2px 2px rgba(0, 0, 0, 0.1), 3px 2px 2px rgba(0, 0, 0, 0.1),0px 6px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:-3px 2px 2px rgba(0, 0, 0, 0.1), 3px 2px 2px rgba(0, 0, 0, 0.1), 0px 6px 4px rgba(0, 0, 0, 0.2);
    box-shadow:-3px 2px 2px rgba(0, 0, 0, 0.1), 3px 2px 2px rgba(0, 0, 0, 0.1),0px 6px 4px rgba(0, 0, 0, 0.2);
	}
#navigation li.navdivider, li.navdivider:hover {
	padding:0;
	margin:0;
	background:none;
	}
#navigation li.accountaccess:hover div {
	left:-4px;
	width:940px;
	top:auto;
	}
#navigation li.products:hover div {
	left:-136px;
	width:940px;
	top:auto;
	}
#navigation li.membership:hover div {
	left:-298px;
	width:940px;
	top:auto;
	}
#navigation li.moneymanagement:hover div {
	left:-412px;
	width:940px;
	top:auto;
	}
#navigation li.adviceandplan:hover div {
	left:-577px;
	width:940px;
	top:auto;
	}
#navigation li:hover a {
	color:#266ab5;
	text-shadow: none;
	}
#navigation li:hover a:hover {
	color:#ff9f3b;
	text-shadow: none;
	}
/* --------- Within Div Styles --------- */
#navigation div h2 {
	font-size:14px;
	padding:0;
	margin:10px 0 0 0;
	clear:both;
	float:left;
	width:400px;
	position:relative;
	}
#navigation div h2 a{
	color:#3a6ba0;
	}
#navigation div .buttonarea {
	border-top:1px solid #fff;
	height:45px;
	padding:15px 20px 6px 20px;
	margin:0;
	background-color:#f7f5f1;
	clear:both;
	float:right;
	width:920px;
	right:-10px;
	position:relative;
	text-align:right;
	display:inline;
	}
#navigation div hr {
	position:relative;
	margin:0 0 0 -10px;
	padding:0;
	width:960px;
    background-color: #e5e3df;
	border:none;
    height: 1px;
	}
#navigation div p {
	float:left;
	width:140px;
	margin:5px 0 35px 0;
	padding-left:10px;
	position:relative;
	}
#navigation div p a {
	color:#222;
	text-decoration:none;
	font-size:12px;
	float:left;
	clear:left;
	width:100%; /* For IE6/7 */
	line-height:18px;
	}
#navigation div .buttonarea a:hover, #navigation div .buttonarea a:focus, #navigation div .buttonarea a:focus {
	text-decoration:none;
	color:#fff;
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.3);
	}
#navigation div .buttonarea a {
	text-decoration:none;
	color:#fff;
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.3);
	float:right;
	}
#navigation div .buttonarea a:active {
	text-decoration:none;
	color:#fff;
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.3);
	}
.signindrop {
	padding:15px 15px 10px 15px;
	margin-left:10px;
	margin-bottom:35px;
	position:relative;
	float:left;
	width:230px;
	height:190px;
	background-color:#efede7;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	}
.signindrop a {
	font:11px Arial, Helvetica, sans-serif;
	margin:-8px 0 5px 0;
	}
.signinmembership {
	float:left;
	border-left:1px solid #e0e3e6;
	border-right:1px solid #e0e3e6;
	margin:0 20px 0 20px;
	padding:0 20px 0 20px;
	width:325px;
	height:215px;
	}
#navlist p .navtitle {
	position:relative;
	padding-bottom:8px;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0d335d;
	}
.notmembertitle {
	position:relative;
	margin-bottom:10px;
	font:15px 'Gudea' ,Sans-serif;
	font-weight:bold;
	color:#0d335d;
	}
.eligibilitytitle a {
	float:left;
	position:relative;
	color:#0d335d;
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:2px 0 0 0;
	margin:0;
	width:100%;
	}
.eligibility {
	float:left;
	position:relative;
	border-bottom:1px dotted #c5cbd1;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	color:#606163;
	width:322px;
	padding:0 0 13px 0;
	}
.promoad img{
	position:relative;
	float:left;
	padding:0;
	margin:6px 0 6px 0;
	}
/* ---------- Search Box ---------- */
#search {
	padding:0;
	margin:0;
	position:relative;
	top:4px;
	right:10px;
	float:right;
	}
#search input[type="text"] {
	margin:1px 0 0 0;
    background-color:#fff;
    border: 0 none;
    font: 600 14px 'Gudea' ,Sans-serif;
    color: #5e90c9;
    width:175px;
    padding: 6px 25px 6px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
	}
#search input[type="text"]:focus {
    background-color:#fcfcfc;
    color: #18416e;
    width: 185px;
    -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 0 rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 0 rgba(0, 0, 0, 0.4) inset;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);    
	}
#search input[type="submit"] {
    background: #fff url('../nfcu_images/search.png') 0 0 no-repeat;
	position:absolute; /*important*/
	top:5px;
	right:4px;
    width: 26px;
    height: 22px;
    border: none;
    cursor: pointer;
	margin-bottom:4px;
	}	
/*styles for footer */	
#footercontainer {
	clear:both;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	background:#e9e6de url('../nfcu_images/footer_bg.jpg') repeat-x top left;
}
#navyfooter {
	position:relative;
	width:962px;
	height:100%;
	margin:0 auto;
	padding:20px 10px 0 10px;
}
#navyfooter hr {
	clear:both;
	width:962px;
    background-color: #235791;
    height: 4px;
}
#footerblock {
	position:relative;
	width: 150px;
	padding:10px 10px 30px 0;
	float:left;
}
#footerblocklast {
	position:relative;
	width: 150px;
	height:auto;
	padding:10px 0 30px 0;
	float:left;
}
.footertitle {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #222;
	margin-bottom:8px;
}
ul.footermenu li {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	list-style-type:none;
}
#subfooterlogo {
	position:relative;
	width:106px;
	height:75px;
	float:left;
}
#subfooternav {
	position:relative;
	float:right;
	width:846px;
	height:184px;
	padding:8px 10px 10px 0;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#4e4f51;
}
#subnav {
	float:left;
	width:100%;
	line-height: 18px;
}
#footercopy {
	width:100%;
	padding:15px 0 0 0;
	float:left;
	line-height: 15px;
}
#footercopyright {
	width:100%;
	padding:10px 0 0 0;
	font-size: 11px;
	float:left;
	line-height: 15px;
	color:#7c7e82;
}
/*end of styles for footer */


/*---Migration Flow	styles */
#UserId{
	float:left;
	}
#password{
	width: 313px;
	float: left;
	}
#password a{
 	line-height:40px;	
}
#titleBold {
	margin-left:20px;
	font: bold 16px/19px Arial,Helvetica,sans-serif;
	}
.modalWindowMF #password a{
	margin-left:10px; 
	line-height: 46px;
	}
.modalWindowMF #formRight div#dropDownOrganizer {
	margin: 6px auto 4px;
	}
.modalWindowMF .inputStyle{
	width: 172px;
	margin: 12px 0;
	float:left;
	}
.modalWindowMF .inputAnswer{
	width: 285px;
	}
.modalWindowMF #formLeft{	
	margin-top: 9px;
}
#stepTitleText{
	margin-left:20px;
	}	
.modalWindowMF #formRight{
	margin-top:8px;
	}	
.modalWindowMF #formRightShort{
	float: left;
    width: 60%;
	margin: 15px 0 20px 0;
	}
.modalWindowMF #inactive, #inputFormWide #inactive{
	background-color: #DFE2E7;
    border-radius: 3px 3px 3px 3px;
    height: 25px;
    line-height: 22px;
    margin: 1px 0 11px;
    padding: 4px 10px;
    display: inline;
   }	
#inactiveExt{
	margin: 7px 0 14px;
	} 
.modalWindowMF #passNote{   
   padding: 10px 8px;
   margin: 0 0 4px;
   }
#formRight #questions{
	background: url("../nfcu_images/drop_dn_arrow.png") no-repeat 67px 0px #fff;
	height:30px;
	float:left;
	margin: 10px 5px 10px 0; 
	} 
#questions select{
   background: transparent;
   padding: 5px;
   width:270px;
  	-moz-appearance:window;
	-webkit-appearance: none;
	}	
#questions .jqTransformSelectWrapper, #biller .jqTransformSelectWrapper, #payFrom .jqTransformSelectWrapper  {
    background: url("../nfcu_images/input_field_420wide.png") no-repeat scroll left top transparent;	
}
#questions select{
   background: transparent;
   padding: 5px;
   width:270px;
   -moz-appearance:window;
	-webkit-appearance: none;
	}	
#biller select, #payFrom select {
	width:350px;
	 }	
#questions .jqTransformSelectWrapper {
    background: url("../nfcu_images/input_field_420wide.png") no-repeat scroll left top transparent;	
}
#calendar {
	background: url("../nfcu_images/calendar.jpg") no-repeat scroll 0 0 transparent;	
	}
.modalWindowMFWide #formLeft{
	width: 80px;
	}
.modalWindowMFWide #formRight{
	width: 73%;
	}	
#biller{
	height: 40px;
	}	
#formRight div#payDate, #formRight div#amount {
	margin: 0 0 3px;
	}
#formRight div#biller{
	margin: 10px 0;
	}			
#payDate{
	width: 365px;
	height: 40px;
	margin: 10px 0 6px;
	}	
#payDate #styledSelectDa, #payDate #styledSelectMo, #payDate #styledSelectYe{
	width: 80px;
	margin: 0 35px 5px 0;
	}
#payDate #calendar {
	background: url("../nfcu_images/calendar.jpg") no-repeat scroll 0 0 transparent;	
	width:16px;
	height:15px;
	float:right;
	margin: 8px 4px 0 0;
	}
#payFrom{
	float: left;
    margin: 8px 0 20px;
	}	
			
/*------Password validation start--------*/
.tooltipAA {
    background: url("../nfcu_images/password_strength_bg.png") no-repeat 0 0;
    padding: 20px 10px 10px;
    display: none;
    position:absolute;
	left: 500px;
	top: 270px;
    z-index: 100;
}

.tooltip {
    background: url("../nfcu_images/password_strength_bg.png") no-repeat 0 0;
    padding: 20px 10px 10px;
    display: none;
    position:absolute;
	left: 535px;
	top: 175px;
    z-index: 100;
	width:280px;
	height:200px;
}
.visible { display: inline-block; }
.tooltip strong, .tooltipAA strong  {
    font-size: 12pt;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.tooltip .row, .tooltipAA .row {
    padding: 2px;
	padding-left: 30px;  
}
.tooltip .left, .tooltipAA .left { 
	display: inline-block; 
	}
.tooltip .rule, .tooltipAA .rule {
    line-height: 16px;
    vertical-align: top;   
}
.tooltip .icon, .tooltipAA .icon {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: top left;  
}
.tooltip .pass, .tooltipAA .pass {
    background-image: url("../nfcu_images/checkmark_grn.png");
}
.signUp {
    clear: both;
    margin: 25px;
}
#strenghtLevelWeak{
	background: url("../nfcu_images/password_strength_weak.png") no-repeat 30px 0;
	width:236px;
	height:52px;
	padding:10px 0 0 20px;
	margin: 10px 0 0 6px;
	}
#strenghtLevelFair{
	background: url("../nfcu_images/password_strength_fair.png") no-repeat 30px 0;
	width:236px;
	height:52px;
	padding:10px 0 0 20px;
	margin: 10px 0 0 6px;
	}
#strenghtLevelFair{
	background: url("../nfcu_images/password_strength_good.png") no-repeat 30px 0;
	width:236px;
	height:52px;
	padding:10px 0 0 20px;
	margin: 10px 0 0 6px;
	}
#strenghtLevelFair{
	background: url("../nfcu_images/password_strength_strong.jpg") no-repeat 30px 0;
	width:236px;
	height:52px;
	padding:10px 0 0 20px;
	margin: 10px 0 0 6px;
	}
#strenghtLevelFair{
	background: url("../nfcu_images/password_strength_fair.png") no-repeat 30px 0;
	width:236px;
	height:52px;
	padding:10px 0 0 20px;
	margin: 10px 0 0 6px;
	}	
#strenghtLevelFair{
	background: url("../nfcu_images/password_strength_very_strong.jpg") no-repeat 30px 0;
	width:236px;
	height:52px;
	padding:10px 0 0 20px;
	margin: 10px 0 0 6px;
	}				
	
/*---end of Migration Flow styles */

/*---added on 09/25/2014 ***/
.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }


.suggestion{
font-family: Arial;
font-weight: 100;
font-size: 13px;
line-height: 17px;
color: #808080;
}	

.samplePhoneNos{
font-family: Arial;
font-weight: 100;
font-size: 13px;
color: #808080;
}

/*---added on 09/25/2014 - ends here ***/