@charset "utf-8";
/* This CSS document contains CBD-specific styles,
   though whenever needed, bootstrap's and flexcube's
   css might have been customized.  */

/* Font-face embed */
/*@import url(fonts.css);*/

/* General-purpose reusable classes */
.inline-block {
	display: inline-block
}
.vbottom {
	vertical-align: bottom;
}
a.no-hover-underline:hover {
	text-decoration: none;
}
h5 a, h2 a {
	text-decoration:underline
}
.link-image { margin-right:2px }
.underline { text-decoration: underline }
.position-relative {
	position:relative
}
.semi-transparent {
	background-color: rgba(255, 255, 255, 0.7);
}
.header {
	height:50px;
	border-bottom:1px solid #006766;
}
.logo-container {
	display:none;
}
@media (min-width: 992px) {
	.float-left-xl {
		float:left;
	}
}
@media (min-width: 768px) {
	.logo-container {
		height:55px;
		display:block;
	}
	.header {
		height:50px;
		/*border:none;*/
	}
	
}
@media (min-width: 992px) {
	.header {
		height:90px;
		border:none;
	}
}


.counter-margin {
	margin-left:-15px;
	margin-right:-15px;
}
.sidebar {
	width:264px;
	float:right;
}
@media (min-width: 992px) {
	#data-column {
		margin-right:300px;
	}
}


/***************************/
/* Amendments to bootstrap */
/***************************/
.normal-margins {
  margin-top: 20px;
}
.extended-margins {
  margin-top: 45px;
}
.short-margins {
  margin-top: 5px;
}
.row .row {
	margin:0;
/*  margin-top: 5px;
  margin-bottom: 0;	*/
}
/*
[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
}
*/

/***********************/
/* CBD-specific styles */
/***********************/
#nav-landing a.toplinks span.text,
#nav-login a.toplinks span.text,
#nav-landing a.toplinks-last span.text,
#nav-login a.toplinks-last span.text {
	color:black;
	font-size:12px; font-weight:bold;
}
.dashboard-logo {
	padding-top:33px;
}
.nav-container {
	position:relative;
}
#nav-landing .toplinks-wrapper {
/*	padding:6px 8px 0 0;*/
}
div.separator {
	display:none;
}
@media (min-width: 768px) {
	#nav-landing .toplinks-wrapper {
		padding:29px 0 0 0;
	}

	#nav-login .toplinks-wrapper {
		position:relative;
		top:6px;
	}
	.search-wrapper {
		position:absolute;
		right:0;
		z-index: 1000;
	}
	div.separator {
		display:inline-block;
		width:1px;
		height:19px;
		background-color:black;
		vertical-align:middle;
		margin-right:4px;
	}
}

.top-navi-bg{ padding:0;}
.toplinks, .toplinks-last { text-transform:uppercase }
.toplinks-last { margin-right:0; }
.toplinks:hover,
.toplinks-last:hover {
	text-decoration:none;
}
.toplinks:hover span.text,
.toplinks-last:hover span.text {
	text-decoration:underline;
}
.toplinks {
	margin:0 6px 0 0;
}
.toplinks-last {
	margin:0 4px 0 0;
}
.toplinks,
.toplinks-last {
	line-height: 26px;
}
.toplinks span.text,
.toplinks-last span.text {
	display:none;
}
a.toplinks,
a.toplinks-last span.icon { 
	text-decoration:none;
}
.toplinks span.icon,
.toplinks-last span.icon { 
	vertical-align:middle;
	display:inline-block;
}
.toplinks-logout span.icon { width:17px; height:38px; background:url(../images/topicons.png) top left no-repeat; }


.toplinks-support span.icon { 
	width:18px;
	height:18px;

	background:url(../images/toplinks_support.png) top left no-repeat;
}
.toplinks-atm span.icon  {
	width:18px;
	height:18px;

	background:url(../images/toplinks_locations.png) top left no-repeat;
}
.toplinks-messages span.icon  {
/*	width:31px;
	height:24px;
	background:url(../images/messages-big.png) top left no-repeat;		*/
	
	width:20px; height:38px; background:url("../images/topicons.png") no-repeat -17px 0;
}
.toplinks-messages span.notify  {
	background-color:red;
	color:white;
	font-size:10px;
	display:block;
	float:left;
	width:13px;
	height:13px;
	text-align:center;
	line-height:14px;
	border-radius:50%;
	position:relative;
	left:26px;
	top:10px;
}
.toplinks-support,
.toplinks-atm {
	display:inline;
}

@media (min-width: 370px) {
	.toplinks {
		margin:0 12px 0 0;
	}
	.toplinks,
	.toplinks-last {
		line-height: 26px;
	}
	.toplinks {
		margin:0 12px 0 0;
	}
	.toplinks-last 
	{
	    margin:0;
	}
	.toplinks span.text,
	.toplinks-last span.text {
		display:none
	}
	a.toplinks,
	a.toplinks-last span.icon { 
		text-decoration:none;
	}
	.toplinks span.icon,
	.toplinks-last span.icon { 
		vertical-align:middle;
		display:inline-block;
	}
	
}


@media (max-width: 992px) {
.tl-hidemob { display:none;}
}
@media (min-width: 768px) {
	
	.toplinks { margin:0 12px 0 0; }
	.toplinks,
	.toplinks-last {
		line-height: 28px;
	}
	.toplinks span.text,
	.toplinks-last span.text {
		display:inline
	}
	.toplinks span.icon,
	.toplinks-last span.icon {
		vertical-align:middle; 
		margin:-1px 6px 0 0;
		display:inline-block; 
	}
	.toplinks-logout span.icon {
		width:17px;
		height:17px;
		/*background:url("../images/toplinks-sprites.png") top left no-repeat;
		background-position:0 0;*/
		background:url("../images/toplinks_logout.png") no-repeat;
	}
	.toplinks-atm span.icon {
		width:18px;
		height:19px;
		/*background:url("../images/toplinks-sprites.png") top left no-repeat;
		background-position:-16px 0;*/
		background:url("../images/toplinks_locations.png") no-repeat;
	}
	.toplinks-support span.icon {
		width:19px;
		height:19px;
		/*background:url("../images/toplinks-sprites.png") top left no-repeat;
		background-position:-32px 0;*/
		background:url("../images/toplinks_support.png") no-repeat;
	}
	.toplinks-messages span.icon  {
		width:22px;
		height:16px;
		background:url(../images/messages.png) top left no-repeat;
	}
	.toplinks-messages span.notify  {
		background-color:red;
		color:white;
		font-size:12px;
		display:block;
		float:left;
		width:13px;
		height:13px;
		text-align:center;
		line-height:13px;
		border-radius:50%;
		position:relative;
		left:28px;
		top:2px;
	}
	.toplinks-logout,
	.toplinks-support,
	.toplinks-atm {
		display:inline
	}
	
	
}

@media (max-width:989px)
{
 .toplinks-atm span.icon {
		width:18px;
		height:24px;
		/*background:url("../images/toplinks-sprites.png") top left no-repeat;
		background-position:-16px 0;*/
		background:url("../images/toplinks_locations_m.png") no-repeat;
	}
	.toplinks-support span.icon {
		width:24px;
		height:24px;
		/*background:url("../images/toplinks-sprites.png") top left no-repeat;
		background-position:-32px 0;*/
		background:url("../images/toplinks_support_m.png") no-repeat;
	}   
}

#footer {
	margin-top:5px;
}

#footer,
#footer a {
	color:#AAAAAA;
	font-size:12px;
}

#footer a:hover {
	color:black;
}

/*********************/
/* Login page styles */
/*********************/
.login-bg {
	background:url(../images/login-bg.jpg) no-repeat;
	background-position: top center;
	background-size: cover
}
@media (max-width:640px) {
	.login-bg {
		background-position: 66% 0;
	}	
}
@media (max-width:320px) {
	.login-bg {
		background-position: 74% 0;
	}	
}

#login a {
	color:black;
}

#login .sectionbox {
	padding:24px 30px; 
	background-color: rgba(204, 204, 204, 0.6);
}
#login .sectionbox2 {
	padding:25px 30px 32px 30px;
	background-color: rgba(204, 204, 204, 0.6);
}

#login .sectionbox2 .btn {
	margin-left: 3px; margin-top:20px;
}

#login .extended-bottom-margin {
	margin-bottom:85px;
}

#login .advert {
	background-color:#E6EFBC;
	padding:15px;
	min-height: 170px;
}

@media (max-width: 990px) {
	#login .advert {
		margin-bottom: 10px;
	}	
}

#login .advert img {
	margin-right:12px;
	padding-bottom: 15px;
}

#login .advert p {
	font-size:12px;
}

#login .advert .aldana-apply {
	float:right;
	text-decoration: underline;
	font-weight:bold;
	font-size: 16px;
}

#login .advert h3 {
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 0.9em;
}

#login .advert h5 {
	font-weight:normal;
	font-size:20px;
	margin-top: 0;
	margin-bottom: 0;
}

#login .advert h6 {
	font-weight:normal;
	font-size: 16px;
}

@media (min-width: 991px) {
	.margin-right{ margin-right:-20px;}
}


@media (max-width: 360px) {
	#login .advert h5 { font-size:11px;}
}


.error-msg { margin:10px 0 0 0; padding:0 0 0 24px; font-size:15px; color:#fe3907; background:url(../images/error_msg.fw.png) no-repeat;}
.loginform .input-bg { margin:15px 0 30px 0; padding:0; width:100%; float:left;}
.loginform .input-left { margin:0; padding:6px 2% 0 0; width:44%; font-size:15px; font-weight:bold;}
.loginform .input-right { margin:0; padding:0; width:56%;}
.inputfild { border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:100%;}
.inputfild50 { border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:50%;}
@media (max-width: 360px) {
	.inputfild50 { border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:80%;}
	.loginform .input-right { margin:0; padding:0; width:100%;}
}
.input-left { margin:0; padding:6px 2% 0 0; width:18%; font-size:15px; font-weight:bold;}
p.rescue {
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
}
.sectionbox .apply-now{ margin:0 20px 0 0; padding:0; font-weight:bold; font-size:20px; color:#006766; text-transform:uppercase;}
.sectionbox .head{font-size: 30px;}
.margin-left{ margin-left:-20px;}
.margin-top{ margin-top:10px;}
.margin-top-minus{ margin-top:-30px;}
.margin-bottom{ margin-bottom:10px;}

@media (min-width: 990px) {
	#footer .copyright { float:right }
}
@media (max-width: 990px) {
	#footer { text-align:center }
	
}

@media (max-width: 640px) {

		.support_bg{ margin:10px 20px 0 0; padding:0; width:35px; height:35px; float:left; background:url(../images/toplinks-sprites-big.fw.png) no-repeat left top;}
		.atm_bg{ margin:10px 0 0 0; padding:0; float:left; width:25px; height:36px; background:url(../images/toplinks-sprites-big.fw.png) no-repeat -56px 0;}
		.toplinks_margin{ margin-top:0px;}
	}

@media (max-width: 360px) {
	#footer { text-align:center }
	
	h2 {font-size: 22px;}
	h3 {font-size: 18px;}
	.loginform .input-left { padding:0px 2% 0 0; font-size:13px;}
	
	.loginform .error-msg { font-size:13px; }
	p.rescue { font-size:12px;}
	.loginform .input-left { width:80%; }	
}

@media (max-width: 320px) {
	h2 {font-size: 20px;}
	.loginform .input-left {padding:0px 2% 0 0; font-size:12px;}
	.loginform .error-msg { font-size:12px; }
	p.rescue { font-size:11px;}
	.sectionbox2 p{ margin-top:4px; line-height:16px;}
	.loginform .input-bg { margin:12px 0 20px 0;}
	.normal-margins {  margin-top: 10px;}
	.support_bg{ margin:10px 6px 0 0; padding:0; width:35px; height:35px; float:left; background:url(../images/toplinks-sprites-big.fw.png) no-repeat left top;}
		.atm_bg{ margin:10px 0 0 0; padding:0; float:left; width:25px; height:36px; background:url(../images/toplinks-sprites-big.fw.png) no-repeat -56px 0;}
}

/* 28 nov 13 forgot password and first time login rajashree */
.forgotpass-first {margin:30px 0 0 0; padding:0; width:87%; float:left;}
.forgotpass-first img {max-width:100%;}
#forgotpass .login-setup {width:100%; background-color:#E6EFBC; padding:10px 20px; height:60px;}
#forgotpass .login-setup-img {float:left; margin-right:10px;}
#forgotpass .login-setup-btn {margin:20px 0 60px 0px;}
#forgotpass .login-mar-rgt {margin-right:15px;}
 #forgotpass .padd-top-txt {padding-top:5px;}
#forgotpass .banner {margin-bottom:45px;}
/*#forgotpass .text-align-center {text-align:center;}	*/
#forgotpass  .margin-top-ten {margin-top:10px;}
#forgotpass .mobile-view { margin-top:8px; line-height:16px;}
#forgotpass .mobile-view1 { margin-top:8px;}
#forgotpass .top-twentyeight { margin-top:28px;}


@media (max-width: 360px) {
		#forgotpass  .login-setup-btn  {margin-bottom:35px;}
		
		#forgotpass .mobile-view-second {font-size:11px;}
		/*--#forgotpass #ftls  {margin-top:-25px;}--11-12-13-sham*/
		#forgotpass .mobile-view {font-size:13px; margin-top:1px;}
		#forgotpass .mobile-view1 {font-size:13px; margin-top:10px;}
		#forgotpass .font-size-twelve {font-size:13px;}	
}

@media (max-width: 1024px)
{	.forgotpass-first {width:100%;}
	}



/* First Time Login */

/* left section */
#first-time-login {margin-top:30px;}

#first-time-login .width-full img {border:0px; max-width:100%; width: 65%; }
#first-time-login .securedimg {width:100%;}
#first-time-login .width-full {width:100%;}

#first-time-login .select-img {width:100%; margin-top:20px;}
#first-time-login .mar-lf-rg-minus-fifteen {margin-left:-15px; margin-right:-15px;}
#first-time-login .head {color:#5F727F; font-size:15px;font-weight:bold;}
#first-time-login .red-text {color:red;}
#first-time-login .select-img .img-radio {vertical-align:bottom;margin-top:10px;}
.red-text {color:red;} /* 4 dec  rajashree */
#first-time-login .phrase {width:100%; margin-top:40px;} 
#first-time-login .phrase-inputbx {width:374px; -webkit-box-shadow:1px 5px 2px -2px #EBECEE; padding:10px 5px;  box-shadow:1px 5px 2px -2px #EBECEE; border:1px solid #cccccc}
#first-time-login .phrase-txt {margin-top:5px; font-size:12px;}
#first-time-login .phrase-btn {margin-top:45px; margin-left:40px;}
.tran_btn {font-weight:bold; padding:0px 40px; text-transform:uppercase; text-decoration:underline; color:#006766;}
.green-link {font-weight:bold; text-transform:uppercase; text-decoration:underline; color:#006766;}

/* right section */
.regi-per {text-align:center; font-size:40px;}



#first-time-login .credit-card {margin-top:30px; color:#006B7A; font-size:12px; border:1px solid #cccccc; padding:10px 20px; display:inline-block; width:100%;}
#first-time-login .pad-zero {padding:0px;}
#first-time-login .mar-top-zero {margin-top:0px;}
#first-time-login .credit-card img {float:left; margin-right:10px;}

@media (max-width: 360px)
{
	#first-time-login .col-xs-3 {margin:0px -20px; width:45%;}
	#first-time-login .phrase-btn {margin-top:45px; margin-left:0px;}
	#first-time-login .phrase-btn-mobile { text-align:left;}
	#first-time-login .btn-lft {float:left;}
	#first-time-login .btn-rig {float:right;}
	#first-time-login .btn-green { width:120px;}
	#first-time-login  .width-full img {border:0px; max-width:50%;}
	#first-time-login .securedimg {width:100%; background-color:#E6EFBC; text-align:center; padding-top:-50px;}
	#first-time-login .arrowimg {float:right; padding:0px; margin-top:-30px; margin-right:10px;}
	#first-time-login .phrase-txt {margin-top:5px; font-size:12px; /*color:#006766;*/}
	#first-time-login .phrase-inputbx {width:280px;}
	#first-time-login .footer-line {border:2px solid #000000; margin:5px -16px; padding:0px;}
}

@media (max-width: 990px)
{
	#first-time-login .securedimg {background-color:#E6EFBC;}
}


/*********************/
/* First time login page styles Nilesh */
/*********************/
.margin-top-fortyfive { padding-top:45px; clear:both;}
.margin-top-thiryfive { padding-top:35px; clear:both;}
.red-text { color: #FF0000;}
#ftls {
	border:0px solid red; padding-top:25px;
}
#ftls h1 { margin:0; padding:0px 0 0px 0; float:left; width:100%; font-weight:bold; font-size:23px;}
#ftls H3 { padding:0; margin:0; padding-bottom:5px; font-size:23px;}
#ftls strong { font-size:15px;}
#ftls .foursteps-area { padding:15px 15px; background:#E6EFBC; display:inline-block; width:100%; margin-bottom:20px;}

#ftls ul.foursteps { margin:0; padding:0; list-style-type:none;}
#ftls ul.foursteps li { line-height:30px; float:left; padding-right:26px;  background:url(../images/arrow_foursteps.png) center right no-repeat; margin-right:4%; font-size:100%;}

#ftls ul.foursteps .lastchild { padding:0; float:right; margin:0; background:none;}
#ftls ul  .active { font-size:15px; font-weight:bold;}
#ftls ul  .done { font-size:16px; }

#ftls .img-circle {
  background:#fff; border:1px solid #006766; width:31px; height:31px; float:left; margin-right:10px; color:#006766; text-align:center;
}

#ftls  .update {
 background:#006766; color:#fff; font-weight:normal;
}
#ftls  .updateact {
 background:#cccccc; font-weight:normal;
}

.ftls-sectionbox{ margin:0; padding:0; width:70%; float:left;}
.ftls-formrow{ margin:0; padding:0 0 30px 0; width:100%; float:left;}
.ftls-formrow-left{ margin:0; padding:0; width:28%; font-weight:bold; font-size:15px; color:#5F727F;}
.ftls-label { margin:0; padding:8px 0 0 0;}
.ftls-formrow-right{ margin:0; padding:0; width:72%;}
 
#ftls .password-txt {margin-top:5px; font-size:12px;}


/*right section*/
.regi-per {text-align:center; font-size:40px;}

.completion-steps {text-align:center; font-size:12px; margin-bottom:50px;}
.reg_ask {
    background-color:#006766;
    width:100%;
    height:58px;
    color:#ffffff;
    overflow:hidden;
    line-height:1.1em;
    position:relative;
}

.reg_ask_new {
    background-color:#006766;
    width:100%;
    height:28px;
    color:#ffffff;
    overflow:hidden;
    line-height:1.1em;
    position:relative;
	
}

.reg_ask_new_more {
    background-color:#006766;
    width:100%;
    height:28px;
    color:#ffffff;
    overflow:hidden;
    line-height:1.1em;
    position:relative;
	
}

.reg_ask_space {
    background-color:#006766;
    width:100%;
    height:8px;
    color:#ffffff;
    overflow:hidden;
    line-height:1.1em;
    position:relative;
}

.reg_ask:hover {
  background-color: #005555;
}
.reg_ask a {
    position:absolute;
    top:0; left:0;
    width:100%;
    height:100%;
}
.reg_ask_p {
    margin-top:14px;

}
.reg_ask_q {
     margin-top:4px;
	 margin-left:64px;
	 
}

.reg_ask_q .title{
     font-size:16px;
    margin-top:12px;
	
}
.reg_ask_r {
    margin-top:4px;
	 margin-left:64px
}
.reg_ask_s {
    margin-top:22px;
	 position:relative;
	text-align:center;
}
.reg_ask span {
    display:block;
}
.reg_ask .title {
    font-size:19px;
    margin-top:12px;
}
.reg_ask .title1 {
    font-size:15px;
    margin-top:3px;
}

.reg_ask_new .title {
    font-size:15px;
    margin-top:11px;
	font-weight:bold;
}
.reg_ask img {
     margin:8px 2px 0 20px;   
}
.supportbox {
	width:100%;
	padding:1px;
	border:1px solid #D5D5D5;
}

.supportboxnew {
	width:100%;
	padding:1px;
	border:0px solid #D5D5D5;
	text-align:center
	
}
.supbox {
	width:100%;
	padding:1px;
	border:0px solid #D5D5D5;
	
}
.supportbox .separator {
	background-color:#999999;
	width:1px;
	height:41px;
	display:block;
	margin:0 3px;
	float:left;
}

.supportbox .chat {
	float:left;
	width:90px;
	margin-top:10px;
}
.supportbox .phone {
	float:left;
	/*width:147px;*/
	width:100%;
	margin-top:10px;
}


#ftls .col-sm-2 { width:19%;}
.thwidth th { width:48%;}
@media (max-width: 1024px) {
  #ftls .col-sm-2 { width:23%;} 
  #ftls h4{ font-size:16px;}

}
@media (max-width: 960px) {
  #ftls .col-sm-2 { width:30%;} 
  #ftls ul.foursteps li {margin-right:2%; font-size:81%;}
 .ftls-formrow { padding:0 0 21px 0;}
.ftls-formrow-left{ width:35%;}
.ftls-formrow-right{ width:65%;} 
  
}
@media (max-width: 767px) {
  #ftls .col-sm-2 { width:99%;}
.margin-top-fortyfive { padding-top:15px; clear:both;}
.margin-top-thiryfive { padding-top:10px; clear:both;}
/*
.password-strength {
	position:relative; top:-7px !important; height:20px;
}
*/ 

.password-strength {
	top:-7px !important; height:20px;
} 

/*.password-strength-wrapper{ float : left; margin-left:10px; border:1px solid red;} */

/*.toplinks-support span.icon { 
	width:22px; height:21px; background:url("../images/toplinks-sprites.png") no-repeat right 0; border:0px solid red;
}
.toplinks-atm span.icon  {
	width:22px; height:21px; background:url("../images/toplinks-sprites.png") no-repeat -21px 0; border:0px solid red; 
}*/

/*.password-strength p {
	text-align:center; position:relative; top:-44px;
}*/

}

@media (max-width: 760px)
{
	#ftls h1 {margin-top:-23px;}
	.ftls-sectionbox{ margin:0; padding:0; width:96%;}
	.table th { font-size:80%;}
	.table td { font-size:90%;}
}

@media (max-width: 360px)
{	.ftls-formrow-left{ width:100%; font-size:14px; padding-bottom:2px; margin-top:-6px;}
	.ftls-formrow-right{ width:100%;}
	.notice { font-size:12px;}
	.button-float{ float:left;}
	.btn-green{ width:110px;} 
	.display-none{ display:none;}
	#ftls h1 { text-align:center; font-size:21px;}
	#ftls h3 { font-size:16px;}
	
	}
	
/**********************************************************************************************/
/* Account detials page styles Nilesh */
/**********************************************************************************************/
.acount-detialsarea {border:1px solid #dddddd; padding:0px; margin-bottom:20px; display:inline-block; width:100%;}
.text-align-center {text-align:center;} /* 3 dec */
.acount-detialsarea .text-align-center {text-align:center;}

.acount-detialsarea .ftls-label { border:0px solid red; padding-top:15px;}
.acount-detialsarea .table { margin-bottom:0;}
.act-left-table { float:left; width:50%; border:0px solid red;}
.act-right-table { float:right; width:50%; border:0px solid red;}
.act-left-table-full {width:70%;} /* 4 dec */
.act-left-table-100 {width:100%;} /* 4 dec */
#services .act-left-table-100 th {width:30%;} /* 4 dec */
.full-table tbody th {width:50%;}/* 4 dec */
#transfer-content .act-left-table-full {width:100%;} /* 5 dec */
#transfer-content .full-table tbody th {width:40%}/* 5 dec */

.selectfild { border:1px solid #cccccc; padding: 10px 5px 10px 5px; height:40px; background:#ffffff; color:#585858; width:100%;}
.input-datapicker { border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; margin-right:4px; width:70%;}
.act-right-sizefix {width:96px;}
@media (min-width: 480px) {
	.act-right-sizefix {width:143px;}
}
@media (min-width: 640px) {
	.input-datapicker { width:80%;}
	.act-right-sizefix {width:194px;}
}
@media (min-width: 768px) {
	.input-datapicker { width:150px;}
	.act-right-sizefix {width:105px;}
}
@media (min-width: 992px) {
	.input-datapicker { width:120px;}
}
@media (min-width: 992px) {
	.input-datapicker { width:175px;}
}
.inputfild-blank { height:50px; background:#ffffff; width:100%;}

.actcheckbook-requestarea { background:#E6EFBC; padding:10px 10px; width:100%; margin-bottom:20px; }
.actcheckbook-requestarea table { margin:0 auto;}
.actcheckbook-requestarea .ftls-label { border:0px solid red; padding-top:7px; margin-right:20px; font-size:15px; font-weight:700;}

.inboxalerts-requestarea { padding:0px 0px; width:100%; margin-bottom:20px; }
.inboxalerts-requestarea .ftls-label { border:0px solid red; padding-top:7px; margin-right:20px; font-size:15px; font-weight:700;}
@media (max-width: 1024px) {
  #ftls .col-sm-2 { width:23%;} 
  #ftls h4{ font-size:16px;}

}
@media (max-width: 1200px) {
  #ftls ul.foursteps li { margin-right:2%; font-size:81%;}
  
}
@media (max-width: 990px) {
  #ftls .col-sm-2 { width:30%;} 
  #ftls ul.foursteps li { margin-right:1%; font-size:75%;}
 .ftls-formrow { padding:0 0 21px 0;}
.ftls-formrow-left{ width:35%;}
.ftls-formrow-right{ width:65%;} 
  
}

@media (max-width: 767px) {
  #ftls .col-sm-2 { width:99%;}
.margin-top-fortyfive { padding-top:15px; clear:both;}
.margin-top-thiryfive { padding-top:10px; clear:both;}

.act-left-table {float:left; width:100%;}
.act-right-table { margin-top:10px; float:right; width:100%;}
.loginform .input-left { margin:0; padding:0px 2% 0 0;}
}

@media (max-width: 760px)
{
	#ftls h1 {margin-top:-23px;}
	.ftls-sectionbox{ margin:0; padding:0; width:96%;}
	.table th { font-size:80%; width:40%;}
	.table td { font-size:90%;}
	.act-left-table-full {width:100%; border:0px;} /* 4 dec */
}

@media (max-width: 360px)
{	.ftls-formrow-left{ width:100%; font-size:14px; padding-bottom:2px; margin-top:-6px;}
	.ftls-formrow-right{ width:100%;}
	.notice { font-size:12px;}
	.button-float{ float:left;}
	.btn-green{ width:110px;} 
	.display-none{ display:none;}
	#ftls h1 { text-align:center; font-size:21px;}
	#ftls h3 { font-size:16px;}
	.acount-detialsarea .ftls-label { padding-top:20px;}
	.acount-detialsarea {border:0px; padding:2px;} /*3 dec 2013 */
	.actcheckbook-requestarea .ftls-label { padding-top:5px;}
	}

/* -----------------------FORGOT PASSWORD--------------------*/

.credit-card {margin-top:30px; color:#006B7A; font-size:12px; border:1px solid #cccccc; padding:10px 20px; display:inline-block; width:100%;}
#forgotpass .pad-zero {padding:0px;}
#forgotpass .mar-top-zero {margin-top:0px;}
.credit-card img {float:left; margin-right:10px;}
#forgotpass .tran_btn {font-weight:bold; padding:0px 40px; text-transform:uppercase; text-decoration:underline; color:#006766;}
.pad-zero {padding:0px;}
#forgotpass h1 { margin:0; padding:0px 0 4px 0; float:left; width:100%; font-weight:bold; font-size:22px;}
.forgot-sectionbox{ margin:0; padding:0; }
@media (min-width:990px) {
	.forgot-sectionbox{ width:80% }
}
.forgot-formrow{ margin:0; padding:0 0 8px 0; width:100%; float:left;}
.forgot-formrow-left{ margin:0; padding:6px 1% 0 0; width:35%; font-weight:bold; font-size:15px; color:#5F727F;}
.forgot-formrow-right{ margin:0; padding:0; width:65%;}

.forgot-sectionbox1{ margin:0; padding:0; width:78%; float:left;}
.forgot-sectionbox2{ margin:0; padding:0; width:68%; float:left;}
.forgot-formrow-left1{ margin:0; padding:6px 1% 0 0; width:39%; font-weight:bold; font-size:15px; color:#5F727F;}
.forgot-formrow-right1{ margin:0; padding:0; width:61%;}

#forgotpass h3 { margin:0 0 -4px 0; padding:0px; float:left; width:100%; font-weight:bold; font-size:21px;}
.forgot-formrow label{ margin:0; padding:0; width:100%; float:left; font-weight:bold; font-size:15px; color:#5F727F;}
.otp_text{ margin:0 0 20px 0; padding:0;}
.otp_text1{ margin:0 0 2px 0; padding:0;}
.btn-width{ width:170px;}
/* HERE */
#ftls ul.foursteps .firstchild { }
#ftls ul.foursteps .secondchild { }
#ftls ul.foursteps .firstchild2 {  margin-right:3%;}
#ftls ul.foursteps .secondchild2 {   margin-right:3%;}

.check-availability{ margin:9px 0 0 0; padding:0; position:absolute; /*top:8px;*/ z-index:99; right:140px;}
.changecaptcha { padding: 0; position: absolute; right: 66px;  top: 57px;   z-index: 99;}
.changecaptchafp { padding: 0; position: absolute; right: 66px;  top: 106px;   z-index: 99;}
.check-availability3{ margin:0; padding:0; position:absolute; top:60px; z-index:99; right:140px;}
.check-availability1{ margin:0; padding:0; position:absolute; /*top:50px;*/ z-index:99; right:155px; text-align:center;}
.check-availability2{ margin:0; padding:0; position:absolute; top:114px; z-index:99; right:155px; text-align:center;}

@media (max-width: 1024px)
{	#forgotpass h4{ font-size:16px;}
	.check-availability{ right:92px;}
	.check-availability1{ right:106px;}
	.check-availability2{ right:106px;}
	.changecaptcha {right: 92px;}
	changecaptchafp{right: 92px;}
	}
@media (max-width: 760px)
{
	
	 .arrowimg {float:right; padding:0px; margin-top:-30px; margin-right:10px;}
	 .phrase-txt {margin-top:5px; font-size:12px;/* color:#E6EFBC;*/}
	 .phrase-inputbx {width:280px;}
	 .font-size-twelve { margin-bottom:5px; font-size:16px;}
	 
	.forgot-sectionbox{ width:98%;}
	.forgot-sectionbox1{ width:98%;}
	.forgot-sectionbox2{ width:98%;}
	}
	
@media (max-width: 360px)
{	.forgot-formrow-left{ width:100%; font-size:14px; padding-bottom:2px; margin-top:-6px;}
	.forgot-formrow-right{ width:100%;}
	.notice { font-size:12px;}
	.button-float{ float:left;}
	.btn-green{ width:120px;} 
	.btn-width{ width:160px;}
	.display-none{ display:none;}
	#forgotpass h1 { text-align:center;}
	#forgotpass h3 { font-size:18px;}
	.forgot-formrow label{ font-size:14px;}
	.forgot-formrow { font-size:13px;}
	.otp_text { font-size:13px;}
	.otp_text1{ margin:0 0 -6px 0;}
	
	.forgot-formrow-left1{ width:100%; font-size:14px; padding-bottom:2px; margin-top:-6px;}
	.forgot-formrow-right1{ width:100%;}
	.error-msg{ font-size:13px;}
	#forgotpass .font-size-twelve {font-size:14px;}	
	.btn-green-check{ width:auto;}
	}
@media (max-width: 320px)

{		#forgotpass h3 { font-size:16px;}
		.btn-width1{ width:85px;}
	}


.account-sectionbox h2{float: left; font-weight:bold; font-size: 21px; margin: 0; padding:5px 0 20px 0; width: 100%;}
.account-head-bg{margin:0; padding:0; width:auto; float:left; }
.account-head-arrow{margin:0; padding:1px 20px; width:auto; font-weight:bold; font-size: 21px; }
.account-select-input{margin:0; padding:3px 5px; width:270px; height:30px; border:1px solid #d8dcdd; line-height: 30px;} /*  float:left; */
#transfer-content .account-select-input{margin:0; padding:7px 5px 5px 5px; width:260px; height:35px; border:1px solid #d8dcdd; float: none }
.account-navi-wrapper { margin:0 0 20px 0; padding:0 0 0 2%; width:100%; height:39px; float:left; border-bottom:1px solid #d8dcdd; background:#F7F7DE;}
ul.account-navi{ margin:0; padding:0; float:left; display:inline-block;}
@media (min-width: 391px) {
ul.account-navi li{ margin:0; padding:9px; width:auto; float:left; display:inline-block; font-weight:bold; font-size:98%;}
ul.account-navi li a{ margin:0; padding:9px 14px; width:auto; border-top:1px solid #F7F7DE; border-right:1px solid #F7F7DE; border-left:1px solid #F7F7DE; }
}
@media (max-width: 390px) {
ul.account-navi li{ margin:0; padding:9px 0; width:auto; float:left; display:inline-block; font-weight:bold; font-size:98%;}
ul.account-navi li a{ margin:0; padding:9px 4px; width:auto; border-top:1px solid #F7F7DE; border-right:1px solid #F7F7DE; border-left:1px solid #F7F7DE; }
}
/*ul.account-navi li a:hover{ margin:0; padding:10px 14px 11px 14px; width:auto; background:#fff; text-decoration:none; border-top:1px solid #d8dcdd; border-right:1px solid #d8dcdd; border-left:1px solid #d8dcdd; }*/
ul.account-navi li a.active-acc{ margin:0; padding:8px 14px 12px 14px; width:auto; background:#fff; text-decoration:none; border-top:2px solid red; border-right:1px solid #d8dcdd; border-left:1px solid #d8dcdd; }

.account-sectionbox{ margin:0; padding:0; width:100%; float:left; /*width:96%; 17Feb */ }
.account-sectionbox h4 { margin-bottom: 2px; padding-bottom: 5px; font-size: 16px;}
.account-sectionbox .mar-tbtm {margin-bottom:20px;}
.account-sectionbox .mar-tbtm-thirty {margin-bottom:30px;} /* 4 dec r */
.account-portfolio-head a{color:#000000;} /* 4 dec r */
.account-portfolio {width:100%;}
.account-portfolio img {float:left; margin:5px 10px 5px 0px;}
.account-portfolio-head {font-weight:bold; font-size:13px; padding-top:18px;} /* 4 dec r */
.account-portfolio-head a{color:#000000;} /* 4 dec r */
.strong-table {font-weight:90%; font-weight:bold;}
.font-large {font-size:16px;}
.border-bottom{border-bottom: 1px solid #dddddd;}
.select-input { border:1px solid #cccccc; padding:5px 5px; height:34px; line-height:34px; background:#ffffff; color:#585858; /*width:90%;*/ width:100%;}

#transfer-content .select-input { border:1px solid #cccccc; margin-bottom:3px; padding:4px 5px; height:34px; background:#ffffff; color:#585858; line-height:34px;}
@media (max-width: 360px) {
	#transfer-content .select-input { border:1px solid #cccccc; padding:9px 5px; height:40px; background:#ffffff; color:#585858; width:80%;}
}
@media (min-width: 990px) {
	#transfer-content .select-input { border:1px solid #cccccc; padding:9px 5px; height:40px; background:#ffffff; color:#585858; width:50%;}	
}
.account-sectionbox .print-download{ margin-top:-12px;}
.account-sectionbox .download{ margin:0 0 0 10px; padding:0; width:36px; height:36px; display:inline-block; cursor:pointer; background:url(../images/icon_print.png) left top no-repeat; border:1px solid #ffffff;}
.account-sectionbox .download:hover { border:1px solid #999999;}
.account-sectionbox .print{ margin:0 0 0 10px; padding:0; width:36px; height:36px; display:inline-block; cursor:pointer; background:url(../images/icon_print.png) right top no-repeat; border:1px solid #ffffff;}
.account-sectionbox .print:hover{ border:1px solid #999999;}

.pagination-pre{ margin:0 28px 0 0; padding:0; float:left; width:11px; height:18px; cursor:pointer; background:url(../images/icon-pre.png) no-repeat left center;}
.pagination-next{ margin:0 0 0 28px; padding:0; float:left; width:11px; height:18px; cursor:pointer; background:url(../images/icon-next.png) no-repeat left center;}
.pagination-page{ margin:-3px 0 0 0; padding:0; float:left; width:auto;}
.pagination-page select{ margin:0; padding:2px 6px;width:auto; border:1px solid #ccc;}


@media (max-width: 640px)
{
		.account-sectionbox h2{float: left; font-weight:bold; font-size: 18px; margin: 0; padding:5px 0 20px 0; width: 100%;}
		.account-select-input{margin:0 0 10px 0; }
}
@media (max-width: 480px)
{
	.account-navi{ margin:0 0 15px 0; height:39px;}
	.account-navi ul li{ padding:9px 0px;}
	.account-navi ul li a{ padding:9px 6px; }
	.account-navi ul li a:hover{ padding:10px 6px 11px 6px; }
	.account-navi ul li a.active-acc{ padding:10px 6px 11px 6px;}
}
@media (max-width: 360px)
{
	.account-sectionbox {padding-left:0px; width:100%;}
}
@media (max-width: 320px)
{
.account-portfolio-head {font-size:13px;}
.account-sectionbox .mar-tbtm {margin-bottom:45px;}
.font-large {font-size:14px;}
.account-sectionbox .mar-tbtm {margin-bottom:25px;}/* 4 dec r */
.account-sectionbox .mar-tbtm-thirty {margin-bottom:25px;}/* 4 dec r */
}

/*DASH BOARD*/
.usericon-big {
		/*width:65px; */
	width:55px;
	/* height:65px; */
	height:55px;
	text-align:center;
	margin-right:12px;
	line-height:60px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
	border-radius:50px;
	border:1px solid #D5D5D5;
	overflow:hidden;
}
.dashboard-sectionbox{ margin:0; padding:0; width:96%; float:left;}
.dashboard-section1{ margin:0 0 10px 0; padding:10px 0 0 0;overflow:hidden; }
.dashboard-section2{ margin:0 0 45px 0; padding:18px 20px; border:1px solid #dddddd; overflow:hidden;}
.dashboard-section3{ margin:0 0 10px 0; padding:18px 20px; border:1px solid #dddddd; overflow:hidden;}
.dashboard-section-accounts{ margin:0 0 10px 0; padding:18px 0px; height: 205px; border:0px solid #dddddd; overflow:hidden;}

.applynow-section2{ margin:0 0 45px 0; padding:18px 20px; border:1px solid #dddddd; overflow:hidden;}
.applynow-section3{ margin:0 0 10px 0; padding:18px 20px; border:1px solid #dddddd; overflow:hidden;}

.dashboard-sectionbox h4{ margin:0; padding:0 0 15px 0; float:left;width:100%; font-size:20px;}
.dashboard-name-bg
{ 
    /*height:87px;*/
    height:62px;
    margin:0; 
    padding:0 0 6px 0; 
    float:left; 
    width:100%;
    }
.dashboard-name-bg p{ margin-top:9px; font-size:12px; }
.dashboard-name{ font-size:18px;}
.dashboard-sectionbox h5{ font-size:16px;}
.progress-bg{ margin:0 0 0 75px; padding:0; width:auto; float:left;}
.progress-status{ margin:0; padding:0 6px 0 0; float:left; font-size:25px; color:#333333;}
.progress-text{ margin:0; padding:0; float:left; font-size:12px;}
.progress-link{ margin:0; padding:6px 6px 0 30px; float:right; font-size:16px; }
.progress-link a { color:#FE3907; font-weight:bold;}
.progress-details-bg{ margin:1px 0 0 0; padding:5% 3%; width:100%; background:#E6EFBC; font-size:12px; overflow:hidden;}
.progress-details-bg table { width:100% }
.bigfont { font-size:16px }

.progress-details-bg h5{ font-size:14px; font-weight:normal;}
.progress-details-brd{ margin:6px 0 0 0; padding:2%; width:100%; border-bottom:1px solid #ccc; font-size:12px; line-height:14px; overflow:hidden;}
.progress-details-brd-last{ margin:6px 0 0 0; padding:2% 2% 0 2%; width:100%; font-size:12px; overflow:hidden; line-height:15px;}
.progress-details-brd a { color:#121212;}
.progress-details-brd-last a { color:#121212;}
.dashboard-margin{ margin:0 0 25px 0;}

.text-right{ text-align:right;}
.try-link a { color:#FE3907; font-weight:bold;}
.managment-text{ margin:0; padding:0 0 10px 0; font-size:12px; width:78%; line-height:16px;}
.managment-textnew{ margin:0; padding:4px 4px 0px 0; font-size:12px; width:100%; line-height:16px;}
.managment-textneedhelp{ margin-top:4px; margin-left:0px; font-size:16px; width:100%; line-height:16px; text-align:center;}


@media (max-width: 768px)
{
	.dashboard-section1{ margin:0 0 15px 0;}
	.dashboard-section2{ margin:0 0 15px 0;}
	.dashboard-section3{ margin:0 0 15px 0;}
	.dashboard-margin{ margin:0;}
	.margin-btm-five-minus {margin-bottom:-5px;} /* 3 dec 2013 */
	.acount-detialsarea {border:0px; padding:0px; margin-bottom:0px;} /* 4 dec */
	.border-bottom{border-bottom: none;}
    .acount-detialsarea {border:0px solid #e7e7e7; margin-bottom:20px;} 
 .inboxalerts-requestarea { padding:10px 5px; width:100%; margin-bottom:10px; }
}
@media (max-width: 360px)
{
	.progress-bg{ margin:0 0 0 10px;}
	.dashboard-sectionbox .btn-green { width:130px;}
.dashboard-section2 .apply-btn-position { width:125px;}
.dashboard-section3 .apply-btn-position { width:125px;}
}

.bottom-bg{ padding:14px 0 30px 0; margin:26px 0 0 0; border-top:5px solid #000; border-bottom:1px solid #d7dadb;}
.login-bottom-bg{ padding:14px 0 30px 0; margin:6px 0 0 0; border-bottom:1px solid #d7dadb;}
.top-border-bg{ margin:0; border-bottom:1px solid #006766;}


/* 2 Dec 2013 edited css  rajashree*/
.gray-patch {background-color:#CCCCCC; height:10px;}
.completion-steps {text-align:center; font-size:12px; margin-bottom:30px;}
#first-time-login h1 {margin:0; padding:0px 0 0px 0; float:left; width:100%; font-weight:bold; font-size:23px;
}


@media (max-width: 360px)
{ #first-time-login h1 { text-align:center; font-size:21px; margin-top:-15px;} 
}

/* added css rajashree */
.gray-patch-progress {background-color:#B8D433; height:10px;}
.help-text {color:#006B7A; font-size:12px; display:inline-block; width:100%;}
.pwd-policy {color:#006B7A; font-size:12px; display:inline-block; width:100%; margin-bottom:30px;}
.divider {border-bottom:1px solid #cccccc; margin:10px 0px;}
.margin-top-five {margin-top:5px;}

.card-no {margin-top:7px;}
@media (max-width: 360px) {
	/*.card-no {margin-top:-10px; margin-bottom:10px;}*/
}

.last-table {margin-bottom:0px;}
.mar-btm-zero {margin-bottom:0px;}


.dropdown-arrow {
	display:block;
	width:34px;
	height:40px;
	background:url(../images/dropdown-arrow.png) no-repeat center;	
}






/* Transfer fourth steps - 5 dec 2013 */
#transfer { }
#transfer .foursteps-area { padding:15px 5px; background:#E6EFBC; display:inline-block; width:100%; margin-bottom:15px;}

#transfer ul.foursteps { list-style-type:none;}
#transfer ul.foursteps li {float:left; padding-right:28px; line-height:30px; background:url(../images/arrow_foursteps.png) center right no-repeat; margin-right:2%; font-size:96%;}

#transfer ul.foursteps .lastchild { float:left; padding:0; margin:0; background:none;}
#transfer ul  .active { font-size:16px; font-weight:bold;}
#transfer ul  .done { font-size:15px; font-weight:bold;}

#transfer .img-circle {
  background:#fff; border:1px solid #006766; width:30px; height:30px; float:left; margin-right:7px; color:#006766; text-align:center;
}

#transfer  .update {
 background:#006766; color:#fff; font-weight:normal;
}
#transfer  .updateact {
 background:#cccccc; font-weight:normal;
}
.trasarrow-area { position:absolute; top:77px; left:10px; width:92%; visibility:hidden;}
.transarrow-prev { background:url(../images/left_arrow_mobile.png)0 0 no-repeat; width:30px; height:30px; float:left; }
.transarrow-next { background:url(../images/right_arrow_mobile.png)0 0 no-repeat; width:30px; height:30px; float:right;}
@media (max-width: 1200px)
{
#transfer ul.foursteps { padding-left:1px;}
#transfer ul.foursteps li {  padding-right:15px; margin-right:1%; font-size:70%;}
}
@media (max-width: 768px)
{
.reg-mob h4 { margin:0; padding:0; margin-top:3px; font-size: 16px; line-height:18px;}
.securedimg { padding:5px 0; margin:0 0 10px 0; width:100%; background-color:#E6EFBC; text-align:center; display:inline-block;}

.trasarrow-area { top:77px; left:10px; width:97%;}

.reg-mob {margin:0 auto; width:67%;}
.regi-per-mobile { font-size:20px; width:21%; float:left;}
.gray-patch { width:75%; float:left; margin:8px 0 0 5px;}

.account-sectionbox .download { display:inline-block; }
.account-sectionbox .print { display:inline-block; }	

/*
.account-sectionbox .download { display:none; }
.account-sectionbox .print { display:none; }	
*/
}

@media (max-width: 360px)
{
.aap-acct-sel-ipt{width: 180px;}
}

/* 5 dec 2013  rajashree*/
.mar-left-right-five {margin:0px 5px;}
@media (max-width: 480px)
{	.mar-left-right-five {margin-bottom:5px !important;}
}
@media (max-width: 360px)
{
	.transfer-aed-search{ right:-24px !important; top:36px !important;}	
	.inputfild-ninety { width:100%;}
	.selectinput-ninety {width:100%;}
	/*.full-table tbody th {width:30% !important;}*/
	#transfer-content .full-table tbody th {width:40% !important;}
	.small-font-mobile {font-size:11px; line-height:-19px;}
}

.inputfild-ninety { border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:90%;}
.selectinput-ninety { border:1px solid #cccccc; padding:5px 5px; height:34px; line-height:34px; background:#ffffff; color:#585858; width:90%;}
#transfer-content .inputfild-ninety { margin-bottom:3px; border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:80%;}
@media (max-width: 360px) {
	#transfer-content .inputfild-ninety { margin-bottom:3px; border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:80%;}
}
@media (min-width: 990px) {
	#transfer-content .inputfild-ninety { margin-bottom:3px; border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:50%;}
}
.transfer-aed-btn{ margin:0; position:relative; top:16px; right:-116px;}
.transfer-aed-search{ margin:0; position:relative; top:16px; right:-110px;}

.transfer-aed{ margin:0; position:relative; top:20px; right:-58px;}
.mar-btm-minus {margin-bottom:-5px !important;}
.bullet {width:100%;}
.bullet li {background:url(../images/bullet_arrow.png) top left no-repeat; list-style-type:none; padding:0px 18px; margin:8px 0px;}
.bullet1 {width:100%;}
.bullet1 ul {width:100%; margin:0; padding:0;}
.bullet1 ul li {background:url(../images/bullets.png) 0 6px no-repeat; list-style-type:none; padding:0px 16px; margin:3px 0px;}

/* added css Sham International Transfer*/
.transfer-aed{ margin:0; position:relative; top:20px; right:-58px;}
.transfer-aed1{ display:inline-block; margin-left:4px; margin-right:4px; }
.transfer-aed-verify{ margin:0; position:relative; top:10px; right:-58px;}
.inputfild-blank1 {
background: none repeat scroll 0 0 #FFFFFF;
height: 43px;
width: 100%;}
.transfer-successes {width:100%; background-color:#E6EFBC; padding:10px 20px; margin-bottom:20px; overflow:hidden;}
.transfer-successes-img {float:left; margin-right:10px;}
.transfer-successes-mobile { margin-top:12px; line-height:16px;}
.inputfild-transaction-pin { border:1px solid #cccccc; padding:5px; margin-top:-10px; height:40px; background:#ffffff; color:#585858; width:100%;}
.transfer-successes-text{ margin-left:50px;}
#transfer ul.foursteps li.step-padding{ margin-right:40px; padding-right:45px;}
@media (max-width: 1200px)
{	#transfer ul.foursteps li.step-padding{ margin-right:18px; padding-right:30px;}
	}

/* Bills fourth steps - 6 dec 2013 */
.text-small { font-size:12px; margin-top:-3px;}
#bills { }
#bills .foursteps-area { padding:15px 5px; background:#E6EFBC; display:inline-block; width:100%; margin-bottom:15px;}

#bills ul.foursteps { list-style-type:none;}
#bills ul.foursteps li {float:left; padding-right:23px; line-height:30px; background:url(../images/arrow_foursteps.png) center right no-repeat; margin-right:2%; font-size:80%;}

#bills ul.foursteps .lastchild { float:left; padding:0; margin:0; background:none;}
#bills ul  .active { font-size:16px; font-weight:bold;}
#bills ul  .done { font-size:15px; font-weight:bold;}

#bills .img-circle {
  background:#fff; border:1px solid #006766; width:30px; height:30px; float:left; margin-right:7px; color:#006766; text-align:center;
}

#bills  .update {
 background:#006766; color:#fff; font-weight:normal;
}
#bills  .updateact {
 background:#cccccc; font-weight:normal;
}

.bills-inputfild { border:1px solid #cccccc; padding:5px; height:32px; background:#ffffff; color:#585858; width:70%; }
.selected-eneficiary-area { width:160px;}

@media (min-width: 1200px)
{
#bills ul.foursteps { padding-left:1px;}
#bills ul.foursteps li {  padding-right:38px; margin-right:2%; font-size:100%;}

}
#bills-content tr td.btn-ovr {text-align: right}
@media (min-width:1200px) {
	#bills-content tr td.btn-ovr .btn{ visibility:hidden;}
	#transfer-content tr td.btn-ovr .btn{ visibility:hidden;}
	#bills-content tr:hover td.btn-ovr .btn{ visibility:visible;}
	#transfer-content tr:hover td.btn-ovr .btn{ visibility:visible;}
    .ie10 #bills-content tr td.btn-ovr .btn{ visibility:visible;}
.ie10 #transfer-content tr td.btn-ovr .btn{ visibility:visible;}
}

/* 6 dec 2013 */
.responsive_img {max-width:100%; border:0px;}
.inputfild-full {width:100% !important;}
.btn-inside-form {padding:3px !important; margin-bottom:3px !important; width:auto !important;}
.mar-all {margin:0px 5px;}
@media (max-width: 480px)
{
.mar-all {margin:3px 5px;}
}
@media (max-width: 990px)
{
#transfer-content .acount-detialsarea {border:1px solid #cccccc !important;}
#transfer-content .act-left-table  .table-responsive {border:0px solid red !important;  margin-bottom:0px}
#transfer-content .act-right-table  .table-responsive {border:0px solid red !important; margin-bottom:0px}
#transfer-content .act-left-table .table-responsive th {width:40%;}
#transfer-content .act-right-table .table-responsive th {width:40%;}
#transfer-content .act-left-table-full .table-responsive {border:0px solid red !important;  margin-bottom:0px;}
}


/* 9 dec 2013 */
#services .account-select-input{margin:0; padding:5px 5px; width:275px; height:34px; line-height:34px; border:1px solid #d8dcdd; float: none }
#services h2{float: left; font-weight:bold; font-size: 23px; margin: 0; padding:5px 0 2px 0; width: 100%;}
.width-twentyone {width:21%; margin-right:2%; float:left;}
.width-seventyfive {width:75%; float:left;}
.mar-left-right-seven {margin:0px 7px !important;}
.width-half-left {width:50%; float:left; margin-top:10px;}
.width-half-right {width:50%; float:left; text-align:right; margin-top:10px;}
.select-input-eighty { border:1px solid #cccccc; padding:5px 5px; height:34px; line-height:34px; background:#ffffff; color:#585858; width:80%;}
.no-wrap {white-space:nowrap !important;}
@media (max-width: 768px) 
{
 .width-twentyone {width:35%;}
 .width-seventyfive{width:60%;}
}
.text-align-right-bold {text-align:right; font-weight:bold;}


.bills-view{ margin:0; padding:7px 10px 0 0; float:left;}
#bills-content .act-left-table-full {width:100%;} 
#bills-content .full-table tbody th {width:40%}
#bills-content .inputfild-ninety { margin-bottom:3px; border:1px solid #cccccc; padding:5px; height:34px; line-height:34px; background:#ffffff; color:#585858; width:80%;}
#bills-content .select-input { border:1px solid #cccccc; margin-bottom:3px; padding:5px 5px; height:34px; line-height:34px; background:#ffffff; color:#585858;}
@media (max-width: 360px) {
#bills-content .select-input { border:1px solid #cccccc; padding:9px 5px; height:40px; background:#ffffff; color:#585858; width:80%;}
#bills-content .inputfild-ninety { margin-bottom:3px; border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:80%;}
}
@media (min-width: 990px) {
#bills-content .select-input { border:1px solid #cccccc; padding:9px 5px; height:40px; background:#ffffff; color:#585858; width:50%;}
#bills-content .inputfild-ninety { margin-bottom:3px; border:1px solid #cccccc; padding:5px; height:40px; background:#ffffff; color:#585858; width:50%;}
}
#bills-content .no-wrap {white-space:normal !important;}
/*.password-strength {
	width:100px;
	height:18px;
    margin-left: 20px;
	position:relative; top:-16px;
}*/

/*
.password-strength p {
    text-align:center;
}*/



#user-profile .full-table tbody th {width:40% !important;}
#user-profile .width-250 {width:250px !important;}
#user-profile .no-bullet ul li {list-style-type:none; margin:1px 0 1px -18px; padding:0px;}
#user-profile .margin-top-bottom {margin:25px 0px;}
#user-profile .sitemap-left-mar {margin-left:12px;}
.border_errorlog {border:1px solid #cccccc;}
.imgfloat {float:left; margin:0px; padding:0px 10px;}
.padall {padding:20px;}
.padall p {margin:10px 0 10px 40px;}

@media (max-width: 320px) {
.padall p {margin:10px 0 10px 0px;}
}

/*-------------Onboarding update sham--12-12-13-----*/
#forgotpass .trasarrow-area { position:absolute; top:70px; left:10px; width:97%;}
#first-time-login .trasarrow-area { position:absolute; top:65px; left:10px; width:97%;}
#ftls .trasarrow-area { position:absolute; top:65px; left:10px; width:97%;}
@media (max-width: 767px) {
	#ftls {	border:0px solid red; padding-top:0px;}
	/*#forgotpass h1{ display:none;}*/
	#forgotpass h1{ margin-top:10px; margin-bottom:4px;}
	#first-time-login{ margin-top:0;}
	#first-time-login .securedimg{ width:100%;}
	}
@media (max-width: 320px) {
	#forgotpass .trasarrow-area {top:54px;}
	}
@media (max-width: 640px) {
#first-time-login .recognize{ margin-top:20px;}
}

/* 12 dec */
#services h2 a {text-decoration:none;}
#services h2 a:hover {text-decoration:underline;}

.info-icon { display:block; float:right; position:relative; top:-32px; left:40px; width:25px; height:25px; background:url("../images/info-icon.png") no-repeat top right; }
.info-icon:hover { background-position: top left }
@media (max-width: 990px) {
	.info-icon { display:none }
}


/* 13 dec 2013 */
#help-support .help-support-left {float:left; width:20%; margin-right:2%;background-color:rgb(230, 239, 188); padding:10px;}
#help-support .help-support-right {float:left; width:78%;}
/*dt, dd {display:block; float:left; margin:0px; padding:0px;}
dt {clear: both;}*/
#help-support .help-support-right ul li {list-style-type:none; padding:1px 0px; margin:0px -15px;}
#help-support .help-section-items h2{margin:0px 0px 8px 0px; padding:0px;}
#help-support .help-section-items h4{font-size:16px; margin:0px 0px 5px 0px;}
#help-support .help-section-items ul {list-style-type:none; margin:0px; padding:0px;}
#help-support .help-section-items ul li a{padding:2px 0px 2px 10px !important;}
#help-support .width-250 {width:250px !important;}

@media (max-width: 320px) {
	#help-support .help-support-left {width:100% !important; border:1px solid rgb(221, 221, 221); padding:5px;}
	#help-support .help-support-right {width:100%; margin-top:10px; border:1px solid rgb(221, 221, 221); padding:5px;}
}


.inbox-inputfild { border:1px solid #cccccc; padding:5px; height:32px; background:#ffffff; color:#585858; width:65%;}

.inbox-middlearea {width:84%; margin:20px 0 0 0px;}
.inbox-middlearea .ftls-label { margin:0; padding:15px 0 0 0;}
.inbox-middlearea .select-inbox-input { border:1px solid #cccccc; padding:9px 5px; height:40px; background:#ffffff; color:#585858; width:100%;}
.inbox-middlearea h4 { margin:0; padding:0; margin-bottom:20px;}


/* 16 dec */
#help-support h2 {float: left; font-weight:bold; font-size: 23px; margin: 0; padding:5px 0 20px 0; width: 100%;}
@media (max-width: 640px)
{
	#help-support h2{float: left; font-weight:bold; font-size: 18px; margin: 0; padding:5px 0 20px 0; width: 100%;}
}
.width-100 {width:100% !important;}

.bills-beneflogo { min-width:45px;}

/* For Select input fix height */
@media screen and (-webkit-min-divice-pixel-ratio:0) {
  .account-select-input{margin:7px 5px 5px 5px; padding:7px 5px 5px 5px; width:270px; height:45px; border:1px solid red; }
   ::i-block-chrome, .account-select-input{ margin:7px 5px 5px 5px; padding:7px 5px 5px 5px; width:270px; height:45px; border:1px solid red; line-height:40px; }
}
@media (max-width: 990px) {
	.usericon-border {
		display:none;
	
	}
}

@media (max-width:992px)
{   
    #nav-landing .toplinks-wrapper {
		padding:12px 0 0 0; border:0px solid red;
	}
	.tl-hidemob { display:none;}
	.toplinks span.text,
.toplinks-last span.text {
	display:none;
}
div.separator {
	display:none;
}
.toplinks-messages span.icon  {
	width:28px; height:21px; background:url(../images/toplinks_message_g.png) no-repeat ;
}
.toplinks-logout span.icon { width:21px; height:25px; background:url(../images/toplinks_logout_g.png) no-repeat; }

.toplinks-atm-pl span.icon {
		width:20px;
		height:24px;
		/*background:url("../images/toplinks-sprites.png") top left no-repeat;
		background-position:-16px 0;*/
		background:url("../images/toplinks_locations_g.png") no-repeat;
	}
	.toplinks-support-pl span.icon {
		width:25px;
		height:25px;
		/*background:url("../images/toplinks-sprites.png") top left no-repeat;
		background-position:-32px 0;*/
		background:url("../images/toplinks_support_g.png") no-repeat;
	}
	
.logo-bg  
{
    text-align:center; 
    
    /*margin:5px 0 0 0px;*/
    }

 

}

/* 20140214 - Samsung and other android devices landscape fix */
/* For Apple devices as well, this should not create any issue */
#nav-landing, #login 
{
    /* width:100% !important; */
}


/*Account detials double table 50% for border issue */


.act-left-table .table-responsive { border:0; }
.act-right-table .table-responsive { border:0; }
.acount-detialsarea { border: 0px solid #dddddd;}

@media (max-width: 768px) 
{
    .act-left-table .table-responsive { border: 1px solid #dddddd; }
    .act-right-table .table-responsive { border: 1px solid #dddddd;} 
    
    .act-right-table > th { width:50%;} 
} 

@media (max-width: 767px)
{
    .act-left-table .table-responsive { border:0; }
    .act-right-table .table-responsive { border:0; }
    .acount-detialsarea { border: 1px solid #dddddd;}
} 

@media (min-width: 768px)
{
    .act-left-table .table-responsive { border: 0px solid #dddddd; }
    .act-right-table .table-responsive { border: 0px solid #dddddd;} 
    .acount-detialsarea { border: 1px solid #dddddd;}   
    .acount-detialsarea .table-responsive { border: 0px solid #dddddd;}
} 

@media (min-width: 320px)
{
    .act-left-table .table-responsive { border: 0px solid #dddddd; }
    .act-right-table .table-responsive { border: 0px solid #dddddd;} 
    .acount-detialsarea { border: 1px solid #dddddd;}
    .acount-detialsarea .table-responsive { border: 0px solid #dddddd;}
} 


/* New css add for ASK FARAH Section 14 Feb 2014 from Sham */
@media (max-width: 991px) 
{
    
	/*.dashboard-section1-firstb {width:100%; }*/
	.sidebar {
		width:345px;
		float:right;
		margin-left:18px;
		margin-bottom:15px;
	}
	.reg_ask {
		background-color:#006766;
		width:40%;
		height:39px;
		color:#ffffff;
		overflow:hidden;
		line-height:1em;
		position:relative;
		float:right;
	}
	.reg_ask_new {
		background-color:#006766;
		width:40%;
		height:39px;
		color:#ffffff;
		overflow:hidden;
		line-height:1em;
		position:relative;
		float:right;
	}
	.reg_ask_p {
		margin-top:6px;
		font-size:10px;
	}
	.reg_ask_q {
		margin-top:2px;
		font-size:10px;
	}
	.reg_ask .title {
		font-size:14px;
		margin-top:2px;
	}

	.reg_ask_new .title {
		font-size:14px;
		margin-top:2px;
	}
	.reg_ask img {
		margin:3px 5px 0 2px;
		width:21%;
	}
	.supportbox {
		width:59%;
		padding:4px;
		border:1px solid #D5D5D5;
		font-size:12px;
		height:39px;
	}
	.supportbox .separator {
		background-color:#999999;
		width:1px;
		height:24px;
		display:block;
		margin:3px 2px;
		float:left;
	}

	.supportbox .chat {
		float:left;
		width:68px;
		margin-top:7px;
	}
	.supportbox .chat img {
		width:22%;
		height:auto;
	}
	.supportbox .phone {
		float:left;
		/*width:120px;*/
		margin-top:7px;
	}
	.supportbox .phone img {
		width:10%;
		height:auto;
	}
}

@media (max-width: 640px) {
	.dashboard-section1{ margin:47px 0 15px 0; }
}

@media (max-width: 360px) {
	.sidebar {
		width:100%;
		margin-bottom:15px;
	}
	.reg_ask {
		width:50%;
	}
	.supportbox {
		width:50%;
		padding:4px;
		border:1px solid #D5D5D5;
		font-size:12px;
		height:39px;
	}
	.supportbox .phone {
		float:left;
		/*width:120px;*/
		margin-top:7px;
	}
	.supportbox .phone img {
		width:10%;
		height:auto;
	}
	.supportbox .separator {
		display:none;
	}
	.supportbox .chat {
		display: none;
	}
	
}



/*-----*/