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

.fltLft{
	float:left;
}

.fltRt{
	float:right;
}
a{
	outline:none;
	color:#000;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

.clear{
	font-size:0;
	line-height:0;
	clear:both;
}

.close{
	position:absolute;
	right:0;
	top:0;
}

.popup{
	width:660px;
	margin:0 auto;
	padding:35px 50px;
	height:100%;
	overflow:hidden;
	position:relative;
}

.popup h2,
.popupBig h2,
.popupSmall h2{
	font:bold 30px/32px Arial, Helvetica, sans-serif;
	color:#012e3d;
	padding:0 0 8px;
}

.popup h3{
	font:bold 20px/22px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 17px;
}

.popup h4{
	font:bold 18px/22px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 12px;
}

.popup p.bigTxt{
	font-size:16px;
	line-height:20px;
	padding:0 0 18px;
}

.popup p.example{
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	padding:0 0 5px!important;
	color:#075e7a;
}

.popupLft{
	width:397px;
	float:left;
}

.popupRt{
	width:135px;
	float:right;
}

.exampleBox{
	border:1px solid #000;
	padding:10px 80px 20px 35px;
	margin:0 0 5px;
	font:18px/20px Arial, Helvetica, sans-serif;
}

.popup p.paydayAct{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	font-style:italic;
}

.popup p.clickView{
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#012e3d;
	text-align:center;
}
.popup p.clickView a{
	color:#012e3d;
	text-decoration:underline;
}

.popup p.clickView a:hover{
	text-decoration:none;
}


.popupSmall{
	width:555px;
	margin:0 auto;
	padding:10px 25px;
}

.popupBig{
	width:900px;
	padding:35px;
	margin:0 auto;
	height:100%;
	overflow:hidden;
}

.extPadBot{
	padding-bottom:20px!important;
}

.popupBig p,
.popupSmall p,
.popup p{
	padding:0 0 20px;
}

.smallBtn{
	background:url(../btn-bg.html) 0 0 repeat-x;
	height:32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	width:80px;
	font:14px/32px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	text-align:center;
	cursor:pointer;
}

.medBtn{
	background:url(../btn-bg.html) 0 0 repeat-x;
	height:32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	width:150px;
	font:14px/32px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	text-align:center;
	cursor:pointer;
}

input.textBoxBig{
	width:270px;
	height:26px;
	line-height:26px;
	border:1px solid #7a7a7a;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
}

.popup ol{
	padding:0 0 20px 42px;
}

.popup ol li{
	line-height:22px;
}

.popup p span{
	font-size:13px;
}

.bluLink{
	color:#0f55d6;
}

.continueBtnRt{
	background:url(../btn-bg.html) 0 0 repeat-x;
	height:32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	width:125px;
	font:bold 18px/32px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	text-align:center;
	cursor:pointer;
	text-shadow: 1px 3px 5px #343434;
	filter: dropshadow(color=#343434, offx=2, offy=5); 
	margin:0 0 20px;
	float:right;
}


.logoutBtn{
	background:url(../btn-bg.html) 0 0 repeat-x;
	height:32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	width:95px;
	font:bold 18px/32px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	text-align:center;
	cursor:pointer;
	text-shadow: 1px 3px 5px #343434;
	filter: dropshadow(color=#343434, offx=2, offy=5); 
	margin:0 0 20px;
}

.onlineAppli{
	background:url(../btn-bg.html) 0 0 repeat-x;
	height:32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	width:285px;
	font:bold 18px/32px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	text-align:center;
	cursor:pointer;
	text-shadow: 1px 3px 5px #343434;
	filter: dropshadow(color=#343434, offx=2, offy=5); 
	margin:0 0 20px;
}

.font30{
	font-size:30px;
	line-height:32px;
	padding-bottom:50px!important;
}

.greenTxt{
	font-size:24px;
	line-height:28px;
	color:#004657;
	font-weight:bold;
}

.popupBig select{
	width:230px;
	height:26px;
	line-height:26px;
	border:1px solid #7a7a7a;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
}

.terms p{
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 13px!important;
}

.terms ul{
	padding:0 0 13px 15px;
	font:12px/16px Arial, Helvetica, sans-serif;
}

/* Email Verification Modal */

h1, h2, h3, h4, h5, h6 {
    font-family: 'ProximaNovaRegular',sans-serif;
}
.verifyEmail h2, .change_email h2{ color:#222; border-bottom:1px solid #000; font-size:30px; font-weight:bold; padding-bottom:10px; margin-bottom:10px;}
.env { margin:0 auto;text-align: center;}
.env img{ max-width:300px; margin:0 auto; width:100%;}
.bgEmail {background-color:#ffe087; padding:10px 5px;max-width: 450px;margin: 10px auto 5px;overflow-wrap: break-word;}
.bgEmail2 {background-color:#ebfcea; padding:10px 5px;margin:5px 10px;}
.no_email { float:left; border-right:1px solid #ccc; text-align:left;}
.send_email { float:left; text-align:left;}
.modal-body {overflow:hidden}
.no_email h6, .send_email h6{ font-size:14px; font-weight:bold;  }
.send_email button {  background-color:transparent; border:2px solid #222; text-transform:uppercase; font-weight:bold; padding: 10px;}

.step1, .step2 {font-size: 16px; font-weight:bold;  }
.change_email {text-align:left; padding:10px 20px;}
.change_email label { float:left; font-weight:bold; color:#444; }
.change_email input { float:left; padding:5px; border:1px solid #444; margin-bottom:5px; width:80%;}
/*.new_email .col-md-3 {width: 28%;}*/
#email_changed { padding-left:20px;}

.overflow_hidden { overflow:hidden;}
.new_email button {  border: 0; padding: 5px 25px;}
.lbl_signs { float:right !important;}
.confirmed_mail { font-size:16px; color:#666; font-weight:bold; }
.main_content { padding: 60px 0 30px; }
/*.verifyEmailModal { width:auto; }
#modal_alert_message p {  color: #222 !important; }*/

.dobMonth, .dobDay, .dobYear { display:inline-block; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; width:auto;}

#updatePasswordModal .modal-body { padding:8px; }
.updatePassword {background-color: #000 !important;color: #fff;}
.updatePassword h3, .updatePassword label { color:#fff;}
.updatePassword h3{ font-weight: bold;}


#details { margin-top:20px;}
#termModal .modal-dialog {top: 12px;}

