/*!
 * CSS Customization File
 *
 * Date: Tue Feb 16 11:24:00 2012
 */


/* Custom Theme F
-----------------------------------------------------------------------------------------------------------*/
.ui-focus .ui-btn-focus { box-shadow: 0; }
input.watermark { color: #fff; }

.ui-body-f, .ui-dialog.ui-overlay-f { border: 1px solid #2A2A2A /*{a-body-border}*/; background: #ffffff /*{a-body-background-color}*/; color: #4E4E4E /*{a-body-color}*/; font-weight: normal; font-size: 17px; }
.ui-body-f, .ui-body-f input, .ui-body-f select, .ui-body-f textarea, .ui-body-f button { font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica" /*{global-font-family}*/; }
.ui-body-f input { background-color: #ffffff; color: #4e4e4e; }
.ui-body-f .ui-link-inherit { color: #fff /*{a-body-color}*/; }
.ui-body-f .ui-link { color: #0DAC4A /*{a-body-link-color}*/; font-weight: bold; }
.ui-body-f .ui-link:hover { color: #888888 /*{a-body-link-hover}*/; }
.ui-body-f .ui-link:active { color: #0DAC4A /*{a-body-link-active}*/; }
.ui-body-f .ui-link:visited { color: #0DAC4A /*{a-body-link-visited}*/; }

.ui-btn-inner { color: #ffffff; text-align: center; font-size: 17px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; text-shadow: 0 0 0 rgba(0, 0, 0, .85); border-bottom: 0px none; border-top: 0 none; text-decoration: none; }
.ui-btn-up-f { background-color: #002649; color: #ffffff; text-align: center; font-size: 17px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; text-shadow: 0px none; border-bottom: 1px solid #dcdcdc; border-top: 0 none; text-decoration: none; box-shadow: none; }
.ui-btn-up-f a.ui-link-inherit { color: #eceef3 /*{a-bup-color}*/; }
.ui-btn-hover-f { background-color: #ffffff; color: #ffffff; text-align: center; font-size: 17px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; text-shadow: 2px 2px 0px rgba(0, 0, 0, .85); border-bottom: 0px solid rgba(0, 0, 0, 0.85); border-top: 0 none; text-decoration: none; }
.ui-btn-hover-f a.ui-link-inherit { color: #eceef3 /*{a-bhover-color}*/; }
.ui-btn-down-f { color: #ffffff; background-color: #516276; text-align: center; font-size: 17px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; text-shadow: 2px 2px 0px rgba(0, 0, 0, .85); border-bottom: 0px solid rgba(0, 0, 0, 0.85); border-top: 0 none; text-decoration: none; }
.ui-btn-down-f a.ui-link-inherit { color: #eceef3 /*{a-bdown-color}*/; }
.ui-btn-up-g { background-color: #0DAC4A; color: #ffffff; text-align: center; font-size: 17px; text-transform: uppercase; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; text-shadow: 0px 0px 0px rgba(0, 0, 0, .85); border-bottom: 0px solid rgba(0, 0, 0, 0.85); border-top: 0 none; text-decoration: none; box-shadow: none; }
.ui-btn-up-g a.ui-link-inherit { color: #eceef3 /*{a-bup-color}*/; }
.ui-btn-hover-g { background-color: #1163AA; color: #ffffff; text-align: center; font-size: 17px; text-transform: uppercase; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; text-shadow: 0px none; border-bottom: 0px none; border-top: 0 none; text-decoration: none; }
.ui-btn-hover-g a.ui-link-inherit { color: #eceef3 /*{a-bhover-color}*/; }
.ui-btn-down-g { color: #ffffff; background-color: #516276; text-align: center; font-size: 17px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; text-shadow: 2px 2px 0px rgba(0, 0, 0, .85); border-bottom: 0px solid rgba(0, 0, 0, 0.85); border-top: 0 none; text-decoration: none; }
.ui-btn-down-g a.ui-link-inherit { color: #eceef3 /*{a-bdown-color}*/; }
.ui-btn:focus, .ui-link-inherit:focus { outline: 0; }
.ui-btn.ui-focus { z-index: 1; }
.ui-btn-up-c { font-weight: normal; }
.ui-focus, .ui-btn:focus { -moz-box-shadow: inset 0px 0px 0px #387bbe /*{global-active-background-color}*/ , 0px 0px 0px #387bbe /*{global-active-background-color}*/; -webkit-box-shadow: inset 0px 0px 0px #387bbe /*{global-active-background-color}*/ , 0px 0px 0px #387bbe /*{global-active-background-color}*/; box-shadow: inset 0px 0px 0px #387bbe /*{global-active-background-color}*/ , 0px 0px 0px #387bbe /*{global-active-background-color}*/; }
.ui-btn-icon-right .ui-icon { background-color: transparent; box-shadow: none; border-width:0px; }
.ui-content .ui-listview-inset { margin-top: 0px; }
.ui-input-text.ui-focus, .ui-input-search.ui-focus { -moz-box-shadow: 0px 0px 0px #387bbe /*{global-active-background-color}*/; -webkit-box-shadow: 0px 0px 0px #387bbe /*{global-active-background-color}*/; box-shadow: 0px 0px 0px #387bbe /*{global-active-background-color}*/; }
.ui-input-text, .ui-input-search { width:100%; color: #A7A7A7; font-size: 17px; line-height: 17px; letter-spacing: 0.35pt; margin: 0px; padding: 0px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; font-weight: normal; }
.ui-field-contain input.ui-input-text { box-shadow: 0 0 0 #DCDCDC; }
.ui-field-contain input.ui-input-number { width:100%; }
.ui-corner-all, .ui-btn-corner-all, .ui-corner-top, .ui-corner-bottom { border-radius: 0em; }
.ui-icon .ui-icon-arrow-r .ui-icon-shadow { box-shadow: 0 0px 0 rgba(0, 0, 0, 0); }
.ui-field-contain label.ui-input-text, .ui-field-contain label.ui-select, .ui-field-contain .ui-controlgroup-label { font-weight: normal; letter-spacing: 0.35pt; line-height: 17px; font-size: 13px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; }
.ui-block-a .ui-btn {margin-left:0px;}
.ui-block-b .ui-btn {margin-right:0px;}
div.ui-slider-switch {border:0;} 
.ui-slider.ui-corner-all, .ui-slider.ui-btn-corner-all, .ui-slider.ui-corner-top, .ui-slider.ui-corner-bottom { border-radius: 1em; }
.ui-slider .ui-corner-all, .ui-slider .ui-btn-corner-all, .ui-slider .ui-corner-top, .ui-slider .ui-corner-bottom { border-radius: 1em; border-bottom: 0 none; }
div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { border-bottom: 0 none; }
label.ui-slider {display:inline-block;}
.ui-field-contain label.ui-slider { width:100%;}
.ui-overlay { height: 1000%; z-index: 99; top: 0px; left: 0px; }

body {
    -webkit-tap-hightlight-color: rgba(0,0,0,0);
    
    /* Disable element highlighting when tapped */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    
    /* Disable the default callout when you touch and hold an element */
    -webkit-overflow-scrolling: touch;
}

label.lblSlider {font-size: 16px; color:#a9afb6; font-weight: normal; line-height: 18px; font-family: TheSans,"Segoe UI","Segoe UI Light","Segoe UI Semilight","Segoe UI Semibold", "Helvetica";}
.ui-select .ui-btn-icon-right .ui-icon {
    box-shadow: none;
    right: 15px;
}

.ui-slider .ui-btn-down-f{background: #314a68; }

#LocationTypePage div.ui-slider-switch.ui-slider-mini {
    margin-left: 10px;
    margin-right: 10px;
    width: 4em;
    top: 9px;
}

#LocationTypePage  .ui-btn-active {
    background: #0A1A2D;
}

.sliderContain.ui-field-contain {
    background: none repeat scroll 0 0 #162a40;
    border: 2px solid #1d3a5a;
    border-radius: 3em 3em 3em 3em;
    padding: 8px 8px 20px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.55);
}



@-webkit-keyframes target-fade {
    0% { background-color: #c6c6c6; }
    100% { background-color: #F6F6F6; }
}
@-moz-keyframes target-fade {
    0% { background-color: #c6c6c6; }
    100% { background-color: #F6F6F6; }
}

@media screen and (orientation: portrait){
    label.error { display: block; }
}

@media screen and (orientation: landscape){
    label.error { display: inline-block;}
}
 
@media all and (min-width: 450px){
	.ui-field-contain label.ui-input-text  { vertical-align:text-bottom; display: inline-block;  width: 100%;  margin: 0 2% 0 0 }
	.ui-field-contain input.ui-input-text,
	.ui-field-contain textarea.ui-input-text, 
	.ui-field-contain .ui-input-search {height:2.6em; width: 55%; display: inline-block; border: 0; }
	.ui-field-contain .ui-input-search { width: 50%; }
	.ui-hide-label input.ui-input-text, 
	.ui-hide-label textarea.ui-input-text, 
	.ui-hide-label .ui-input-search { padding: .4em; width: 100%; } 
	.ui-input-search input.ui-input-text { width: 100%; /*echos rule from above*/ }
}


.li_Title {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding-bottom:3px;
}

.value {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}


@media (min-width: 450px)
{
    .AccountBalance { display: inline-block; }
    .li_GreyTitle { display: inline-block;}
    .SplitBar { display: inline-block; }
    .breakLine { display:block;}
    .ForgotPasswordBreak { display:none;}
    .ui-field-contain label.error {display: inline-block; margin-left:auto; margin-right:auto;}        
    .ui-field-contain  {margin: 0; border-bottom-width: 0px; overflow: visible; padding: 0.4em 0;}  
}

@media (max-width: 450px)
{
    .AccountBalance { display: block; }
    .li_GreyTitle { display: block;}
    .SplitBar { display: none;}
    .breakLine { display:none;}
    .ForgotPasswordBreak { display:block;}
    .ui-field-contain input.ui-input-text, .ui-field-contain input.ui-input-number {
		height:2.6em;
		margin-left:0em;
		width:100%;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #DCDCDC;
	}
	
    .ui-field-contain  {margin: 0; margin-top: 20px; border-bottom-width: 0px; overflow: visible; padding: 0.4em 0;}   
}

.ui-loader.ui-body-f{
    color: #091624;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    text-align: center;
    padding-left:30px; padding-right:30px;
    opacity:0.85;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bar-background-start}*/), to( #afb9c6 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffffff /*{a-bar-background-start}*/, #afb9c6 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ffffff /*{a-bar-background-start}*/, #afb9c6 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#ffffff /*{a-bar-background-start}*/, #afb9c6 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#ffffff /*{a-bar-background-start}*/, #afb9c6 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#ffffff /*{a-bar-background-start}*/, #afb9c6 /*{a-bar-background-end}*/);
    border: 1px solid #758293;
}

/* ListView control */
.ui-li .ui-btn-inner a.ui-link-inherit { background-color: #FFFFFF; color: #313B47; font-family: TheSans,"Segoe UI", "Helvetica"; font-size: 17px; font-weight: normal; text-shadow: none; text-align: left; border-color: #000000; border-width: 1px 0 0; }
.ui-li-static.ui-li { padding-bottom: 1.5em; background-color: #ffffff; }
.ui-listview-inset .ui-li { font-family: TheSans,"Segoe UI", "Helvetica"; }
.li_Title { color: #464D56; font-family: "Segoe UI Semibold", "Helvetica-Bold"; line-height: 15px; font-size: 17px; letter-spacing: 0.35pt; }
.li_Title2 { color: #091624; font-family: "Segoe UI Semibold", "Helvetica-Bold"; line-height: 15px; font-size: 17px; letter-spacing: 0.35pt; }
.li_GreyTitle { float:left; color: #6B7178; font-size: 15px; padding-left: 0px; letter-spacing: 0.35pt; }
.li_RightAligned { color: #6B7178; text-align: right; float: right; font-size: 15px; letter-spacing: 0.35pt; }
.li_TitleLeftNone { float: none !important; }
.ui-li .ui-btn-inner { border-bottom: 0px solid #767B7F;}
.listArrow { background-image: url(images/CB_MB_Sprite.png); background-position: 0px -257px; background-repeat: no-repeat; height: 27px; float:right; right:2px;  margin: 0 2px 0 0; position: absolute; top: 27%; width: 27px; }
.editList { background-image: url(images/CB_MB_Sprite.png); background-position: -416px -145px; background-repeat: no-repeat; height: 27px; float:right; right:10px;  margin: 0 2px 0 0; position: absolute; top: 27%; width: 30px; }
.ui-icon-shadow { box-shadow: none; }
.ui-li.ui-btn {  border: 0 none;}
.deleteAccount { background-image: url(images/CB_MB_Sprite.png); background-position: -185px -258px; background-repeat: no-repeat; height: 27px; float:right; right:2px;  margin: 0 2px 0 0; position: absolute; top: 27%; width: 27px; }
                  

/* Select Menu Control */
.ui-field-contain label.ui-select { margin: 0em 0 0.5em; width: 100%;}
.ui-field-contain .ui-select {display: block; width: 100%;}
#ChangeSessionTimeoutPage .ui-field-contain .ui-select {padding-top: 15px; width: 100%;}

/* labels */
#Message { margin-top: 0.4em; }
label.error, span.error { color:#ca002b; font-size:13px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal; padding-top:3px; padding-bottom:0px;}
span.error { margin-left:0.5em; display: block; line-height:1.1em;padding-top:3px;}
.successMessage { color:#0DAC4A; font-size:15px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal; padding-top:3px;}
label.title {color: #0DAC4A; font-size: 13px; line-height: 17px; font-weight: normal; font-family: TheSans,"Segoe UI","Segoe UI Light","Segoe UI Semilight","Segoe UI Semibold", "Helvetica";}
label.value {font-size: 17px; font-weight: normal; line-height: 25px; font-family: TheSans,"Segoe UI","Segoe UI Light","Segoe UI Semilight","Segoe UI Semibold", "Helvetica";}
.MessageBox { color: #091624; font-weight: normal; text-align: center; margin-top: 15px; padding-left: 30px; padding-right: 30px; opacity: 0.85; background-color: #afb9c6; border: 1px solid #758293; }

/* Control Group */
.ui-controlgroup-controls { width: 100%;}
.ui-radio{ width: 33.33%;}

/*** First Page ***/
#FirstPage .registerTile .ui-btn-inner{margin-top:0px; margin-bottom:0px; background-image: url(images/CB_MB_Sprite.png); background-position: -158px -441px; background-repeat:no-repeat;  border-top: 0 none; border-bottom: 0 none; width:148px; height:150px;}
#FirstPage .locatorTile .ui-btn-inner{margin:0px;  background-image: url(images/CB_MB_Sprite.png); background-position: -316px -441px; background-repeat:no-repeat; border-top: 0 none; border-bottom: 0 none; width:148px; height:150px; }
#FirstPage .demoTile .ui-btn-inner{ margin:0px; background-image: url(images/CB_MB_Sprite.png); background-position: -474px -441px; background-repeat:no-repeat; border-top: 0 none; border-bottom: 0 none; width:148px; height:150px; }
#FirstPage .accountTile .ui-btn-inner { margin:0px; background-image: url(images/CB_MB_Sprite.png); background-position: 0px -441px; border-top: 0 none; border-bottom: 0 none; width:148px; height:150px;}
#FirstPage .accountTile .ui-btn-inner:active {margin:0px;  background-image: url(images/CB_MB_Sprite.png); background-position: 0px -601px; border-top: 0 none; border-bottom: 0 none; width:148px; height:150px;}
#FirstPage .registerTile .ui-btn-inner:active { background-image: url(images/CB_MB_Sprite.png); background-position: -158px -601px; border-top: 0 none; border-bottom: 0 none; width:148px; height:150px;}
#FirstPage .locatorTile .ui-btn-inner:active { background-image: url(images/CB_MB_Sprite.png); background-position: -316px -601px; border-top: 0 none; border-bottom: 0 none; width:148px; height:150px;}
#FirstPage .demoTile .ui-btn-inner:active { background-image: url(images/CB_MB_Sprite.png); background-position: -474px -601px; border-top: 0 none; border-bottom: 0 none; width:148px; height:150px;}
#FirstPage .viewourdemo {Font-size: 20px;Color:#2d97f3;Background-color:#10253d;box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.8);Text-alignment: center;Text-shadow:1px 1px 0 rgba(0,0,0,0.7);max-width:542px;padding:15px 0;margin-bottom:10px;}

/*** Header ***/
.ui-bar-f { background: #ffffff /*{a-bar-background-color}*/; color: #ffffff /*{a-bar-color}*/; font-weight: bold; font-size: 17px; font-weight: normal; letter-spacing: 0.35pt; line-height: 17px; font-family: "Segoe UI Semilight", "Helvetica"; }
.ui-bar-f, .ui-bar-f input, .ui-bar-f select, .ui-bar-f textarea, .ui-bar-f button { font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica" /*{global-font-family}*/; }
.ui-bar-f .ui-link-inherit { color: #fff /*{a-bar-color}*/; }
.ui-bar-f .ui-link { color: #7cc4e7 /*{a-bar-link-color}*/; font-weight: bold; }
.ui-bar-f .ui-link:hover { color: #0DAC4A /*{a-bar-link-hover}*/; }
.ui-bar-f .ui-link:active { color: #0DAC4A /*{a-bar-link-active}*/; }
.ui-bar-f .ui-link:visited { color: #0DAC4A /*{a-bar-link-visited}*/; }
.ui-header .ui-title, .ui-footer .ui-title {  border-bottom: 0px solid #000000; margin: 0; }
.ui-header h1 { background-color: #ffffff; background-image: url(images/CB_MB_Sprite.png); background-position: 0px 0px; background-repeat: no-repeat; margin: 0 0 2px; height: 42px; }
.Menu { background-image: url(images/CB_MB_Sprite.png); background-position: 0px -195px; }

.Separator { background-image: url(images/CB_MB_Sprite.png); background-position: -624px -195px; }
.Cancel { background-image: url(images/CB_MB_Sprite.png); background-position: -208px -195px; }
.DemoEye { width: 25px; height: 15px; position: absolute; top: 15px;bottom:15px, float: right; right: 90px; }
.LogOut { background-image: url(images/CB_MB_Sprite.png); background-position: -104px -195px; }
.RelocateMe{ background-image: url(images/CB_MB_Sprite.png); background-position: -260px -195px;  }
.Filter { width: 21px; height: 21px; position: absolute; top: 15px;bottom:15px, float: right; right: 5px; }
.FullScreen { background-image: url(images/CB_MB_Sprite.png); background-position: -520px -195px;  }
.OtpHelp { background-image: url(images/CB_MB_Sprite.png); background-position: -688px -195px; }
.Restore { background-image: url(images/CB_MB_Sprite.png); background-position: -572px -195px;  }
.Menu,.RelocateMe { width: 42px; height: 42px; position: absolute; top: 0px; float: right; right: 45px; }
.ViewDemoText{position: absolute; top:15px; float: right; right: 10px;font-size:16px;font-color:#2c95f3;font-weight:bold;}


.FullScreen { width: 42px; height: 42px; position: absolute; top: 0px; float: right; right: 90px; }
.Restore { width: 42px; height: 42px; position: absolute; top: 35px; float: right; right: 0px; }
.Separator { width: 2px; height: 42px; margin: 0px; padding: 0px; position: absolute; top: 0px; right: 43px; }
.LogOut, .Cancel { width: 42px; height: 42px; position: absolute; top: 0px; float: right; right: 0; }
.OtpHelp { width: 42px; height: 42px; position: absolute; top: 0px; float: right; right: 45px; }
div#PageTitle { background-color: #ffffff; height: 25px; text-align: left; text-transform: none; padding-left: 10px; height: 30px; text-shadow: 0px none; }
div#PageTitle p { text-align: left; color: #002649; font-family: TheSans,"Segoe UI", "Helvetica"; font-size: 20px; font-weight: bold; letter-spacing: 0.35pt; margin: 0 0 18px 50px; text-transform: none; padding-top: 6px; height: 30px; text-shadow: 0px none; }
#HomePage #PageTitle p, #OTPEnrollmentPage #PageTitle p, #OTPLearnMore1Page #PageTitle p, #OTPLearnMore2Page #PageTitle p, #OTPLearnMore3Page #PageTitle p, #OTPLearnMore4Page #PageTitle p, #OTPSetupSuccessfulPage #PageTitle p{ text-align: center; margin: 0 0 18px; }
#EditProfilePage #PageTitle, #HomeProfilePage #PageTitle, #BusinessProfilePage #PageTitle, #EditAddressPage #PageTitle, #EditPhoneContactPage #PageTitle, #EditOtherContactPage #PageTitle, #ChangeLoginPasswordPage #PageTitle, #ChangeSessionTimeoutPage #PageTitle, #LoginHistoryPage #PageTitle, #MessageBoxPage #PageTitle, #ConfirmDeleteMessagesPage #PageTitle, #ConfirmDeleteMessagePage #PageTitle, #MessageDetailsPage #PageTitle, #ComposeMessagePage #PageTitle { background-color: #076dc6; top:1px; }
#AccountsPage #PageTitle, #SavingAccountPage #PageTitle, #EditSavingAccountPage #PageTitle, #SavingAccountTransactionDetailsPage #PageTitle, #ChecksUnderCollectionPage #PageTitle, #EditChecksUnderCollectionPage #PageTitle, #ChecksUnderCollectionTransactionDetailsPage #PageTitle, #LoanAccountPage #PageTitle, #EditLoanAccountPage #PageTitle, #CardAccountPage #PageTitle, #EditCardAccountPage #PageTitle, #CardAccountTransactionDetailsPage #PageTitle, #OtherAccountPage #PageTitle, #EditOtherAccountPage #PageTitle, #OtherAccountTransactionDetailsPage #PageTitle, #ChecksUnderClearingPage #PageTitle, #SearchTransactionsPage #PageTitle, #TransactionsResultsPage #PageTitle, #TransactionDetailsPage #PageTitle { background-color: #0DAC4A; }
#MakeTransferPage #PageTitle, #ConfirmTransferPage #PageTitle, #TransferSummaryPage #PageTitle, #TrackTransferPage #PageTitle, #TransferResultsPage #PageTitle, #TransferDetailsPage #PageTitle, #ChangeTransferPasswordPage #PageTitle, #TransferLimitsPage #PageTitle, #BeneficiariesPage #PageTitle, #BeneficiaryDetailsPage #PageTitle, #AccountDetailsPage #PageTitle, #ConfirmDeleteAccountPage #PageTitle, #ConfirmActivateAccountPage  #PageTitle, #AddBeneficiaryPage #PageTitle, #AccountTypePage #PageTitle, #AddAccountByIbanPage #PageTitle, #AddAccountByNumberPage #PageTitle, #EditBeneficiaryPage #PageTitle, #ConfirmDeleteBeneficiaryPage #PageTitle{ background-color: #00bdd5; }
#CheckbookRequestPage #PageTitle, #PaperStatementRequestPage #PageTitle { background-color: #d20e3f; }
.BackPurpleArrow { background-image: url(images/CB_MB_Sprite.png); background-position: 0px -145px; }
.BackRedArrow { background-image: url(images/CB_MB_Sprite.png); background-position: -59px -145px; }
.BackBlueArrow { background-image: url(images/CB_MB_Sprite.png); background-position: -118px -145px; }
.BackGreenArrow { background-image: url(images/CB_MB_Sprite.png); background-position: -177px -145px; }
.BackGreyArrow { background-image: url(images/CB_MB_Sprite.png); background-position: -236px -145px; }
.BackArrow {background-repeat: no-repeat; height: 30px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 49px; }
.ViewDemoText{ color:#2c95f3;font-size:14px}

/*** Login ***/
.FormContainer { background-color: #4a6999; border: 1px solid #002f6a; color: #FFFFFF; padding: 1em; padding-top: 4px; text-align: left; }
div#Copyright { font-size: 9px; font-weight: normal; color: #8b8f96; font-family: TheSans,"Segoe UI","Segoe UI Light","Segoe UI Semilight","Segoe UI Semibold", "Helvetica"; }
a#PrivacyPolicyLink{color:#ffffff;font-size:9px; font-family: TheSans,"Segoe UI"; font-weight: normal; text-decoration: underline; }
a#CopyrightLink { color: #0DAC4A; font-size:9px; font-family: TheSans,"Segoe UI"; font-weight: normal; text-decoration: underline; }
.ChangePasswordsContainer { background-color: #4a6999; border: 1px solid #002f6a; color: #FFFFFF; padding: 1em; padding-top: 4px; text-align: left; }
.ChangePasswordsContainer p { margin: 0.5em; font-weight: bold; }
#LoginPage .ui-link { color: #2d97f3; font-weight: bold; text-decoration:none;}
#LoginPage .ui-link:hover { color: #2d97f3; font-weight: bold; text-decoration:none;}
#LoginPage .ui-link:active { color: #2d97f3; font-weight: bold; text-decoration:none;}
#LoginPage .ui-link:visited { color: #2d97f3; font-weight: bold; text-decoration:none;}
#LoginPage .ui-content {padding-top:0px;}

/*** Profile ***/
div#AddApplicant6Page .ui-icon-checkbox-off { background: #3D434B;}
div#AddApplicant6Page .ui-checkbox-on .ui-icon { background-color: #3D434B;}
div#AddApplicant6Page .ui-checkbox .ui-icon { border-radius: 0px 0px 0px 0px; }
div#AddApplicant6Page .ui-checkbox .ui-btn-inner { text-align: left; font-size:17px; border: 0 none; background-color: #091624; }
div#AddApplicant6Page .ui-checkbox .ui-btn-inner .ui-icon { margin-top: -9px; position: absolute;  top: 23px; }
div#AddApplicant6Page .ui-checkbox .ui-btn-up-f, div#AddApplicant6Page .ui-checkbox .ui-btn-hover-f {border:0 none;}
#AddApplicant4Page .collapsibleMenu, #AddApplicant5Page .collapsibleMenu {background-color:#163456; height:42px; text-align: left;  border-bottom: 2px solid #000000;}
#AddApplicant4Page h3, #AddApplicant5Page h3 {font-size: 15px; font-family: TheSans,"Segoe UI", "helvetica"; font-weight: normal;color: #FFFFFF; padding-top: 10px; padding-left: 50px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.85); letter-spacing: 0.35pt;}
#AddApplicant4Page .collapsibleContent, #AddApplicant5Page .collapsibleContent { background-color:#6c88a8;}
.applyOnlineArrowDown { background-image: url(images/CB_MB_Sprite.png); background-position: 0px -304px; background-repeat: no-repeat; height: 42px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 42px; }
.applyOnlineArrowUp { background-image: url(images/CB_MB_Sprite.png); background-position: -52px -304px; background-repeat: no-repeat; height: 42px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 42px; }
#AddApplicant4Page .ui-field-contain input.ui-input-text, #AddApplicant5Page .ui-field-contain input.ui-input-text {
    box-shadow: 0 0px 0 #000000; 
    border: medium none;
}

/*** Home Page ***/
div#HomePage .ui-btn-icon-right .ui-icon { background: none; }
#HomePage .Container { border: 1px solid #264164; background: #636970; color: #eceef3 ; font-size:0.8em; margin: 1em -8px; text-shadow: 0 -1px 1px #000; padding: 0.5em 10px 0.5em 15px; cursor:pointer; }
#HomePage .collapsibleMenu { margin-bottom:-10px; background-color: #163456; height: 63px; color: #FFFFFF; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; font-size: 17px; text-align: left; padding-left: 80px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35); border-bottom: 2px solid #000000; }
#HomePage h3 {padding-top: 18px;}
#HomePage .ui-listview .ui-bar-f { background: #ffffff;	}
#HomePage .collapsibleContent {padding:0px; margin-bottom:-10px; }
#HomePage .ui-content .ui-listview { margin: 10px 0 0; }
#HomePage .ui-content { padding-top:0px; }
.myProfile { background-image: url(images/CB_MB_Sprite.png); background-position: 0px -62px; background-repeat: no-repeat; height: 63px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 63px; }
.accounts { background-image: url(images/CB_MB_Sprite.png); background-position: -219px -62px; background-repeat: no-repeat; height: 63px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 63px; }
.transfers { background-image: url(images/CB_MB_Sprite.png); background-position: -146px -62px; background-repeat: no-repeat; height: 63px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 63px; }
.requests { background-image: url(images/CB_MB_Sprite.png); background-position: -73px -62px; background-repeat: no-repeat; height: 63px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 63px; }
.menuArrowDown { background-image: url(images/CB_MB_Sprite.png); background-position: -111px -257px; background-repeat: no-repeat; height: 30px; float:right; right:10px; margin: 0 2px 0 0; position: absolute; top: 20px; width: 30px;  }
.menuArrowUp { background-image: url(images/CB_MB_Sprite.png); background-position: -148px -257px; background-repeat: no-repeat; height: 30px; float:right; right:10px; margin: 0 2px 0 0; position: absolute; top: 20px; width: 30px;  }
div#HomePage .ui-li .ui-btn-inner a.ui-link-inherit { padding-top: 17px; padding-bottom: 16px; font-size: 18px; }

/*** Accounts Page ***/
.AccountHeaderInfo { font-family: "Segoe UI Semilight", "Helvetica"; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.85); background: #163456; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.55); padding: 10px; margin-bottom: 12px; font-size: 17px; font-weight: normal; letter-spacing: 0.35pt; line-height: 17px; }
.AccountBalance {  font-size: 13px;  font-weight: normal; letter-spacing: 0.35pt; line-height: 13px; font-family: TheSans,"Segoe UI"; margin-top:5px;}
div#LoanAccountPage .ui-li-static.ui-li { background-color:#ffffff }
div#LoanAccountPage .ui-content .ui-listview-inset { margin: 0 -8px; }
div#LoanAccountPage .ui-body-c { background: none repeat scroll 0 0 #FFFFFF; color: #464D56; line-height: 10px; padding: 14px 10px 10px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; font-weight: normal; letter-spacing: 0.35pt; line-height: 17px; height: 40px; }
#AccountsPage .collapsibleMenu {margin-bottom:-7px; background-color:#163456; height:42px; text-align: left;  border-bottom: 2px solid #000000; }
#AccountsPage h3 {font-size: 15px; font-family: TheSans,"Segoe UI", "Helvetica"; font-weight: normal;color: #FFFFFF; padding-top: 11px; padding-left: 50px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.85); letter-spacing: 0.35pt;}
#AccountsPage .collapsibleContent {padding:0px; margin-bottom:-10px; }
#AccountsPage .ui-content .ui-listview { margin: -15px 0 0;}
#AccountsPage .accountsArrowDown { background-image: url(images/CB_MB_Sprite.png); background-position: 0px -304px; background-repeat: no-repeat; height: 42px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 42px; }
#AccountsPage .accountsArrowUp { background-image: url(images/CB_MB_Sprite.png); background-position: -52px -304px; background-repeat: no-repeat; height: 42px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 42px; }
.Blink { -webkit-animation: target-fade 5s 1; -moz-animation: target-fade 5s 1; -o-animation: target-fade 5s 1; -ms-animation: target-fade 5s 1; }
.editAccount { background-image: url(images/CB_MB_Sprite.png); background-position: -468px -195px; background-repeat: no-repeat; height: 42px; float:right; right:90px;  margin: 0 2px 0 0; position: absolute; top: 0; width: 42px; }
.cancelAccount { background-image: url(images/CB_MB_Sprite.png); background-position: -635px -195px; background-repeat: no-repeat; height: 42px; float:right; right:90px; margin: 0 2px 0 0; position: absolute; top: 0; width: 42px;  }
div#TransactionsResultsPage a#LoadMore.ui-link-inherit { background-color: #d7dbdf; color: #038309;}
#AccountsPage .ui-li .ui-btn-inner a.ui-link-inherit {padding-left:10px;}
div#ChecksUnderClearingPage .li_Status {display: block; padding-bottom:5px;  overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}  
div#LoanAccountPage .li_Status {display: block; padding-bottom:5px;}

/*** Login History ****/
div#LoginHistoryPage .ui-body-c { background: none repeat scroll 0 0 #FFFFFF; color: #464D56; line-height: 10px; padding: 14px 10px 10px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; font-weight: normal; letter-spacing: 0.35pt; line-height: 17px; height: 43px; }
div#LoginHistoryPage .ui-li-static.ui-li {height:45px; background-color:#ffffff; }
div#LoginHistoryPage .ui-li .ui-btn-inner a.ui-link-inherit { background-color: #d7dbdf; color: #076dc6;}
.li_Details { font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; float:left; color: #6B7178; font-size: 15px; padding-left: 0px; letter-spacing: 0.35pt; }
.li_Status { color: #464D56; font-family: "Segoe UI Semibold", "Helvetica-Bold"; line-height: 15px; font-size: 17px; letter-spacing: 0.35pt; }

/*** Transfer Page ***/
div#MakeTransferPage .ui-field-contain .ui-select .ui-btn { margin:0px; }
div#TransferLimitsPage .ui-body-c { background: none repeat scroll 0 0 #FFFFFF; color: #464D56; line-height: 10px; padding: 14px 10px 10px; font-family: TheSans,"Segoe UI" , "Segoe UI Light" , "Segoe UI Semilight" , "Segoe UI Semibold", "Helvetica"; font-weight: normal; letter-spacing: 0.35pt; line-height: 17px; height: 17px; }
div#TransferLimitsPage .li_Status {display: block; padding-bottom:5px;}
            
/* PaperStatementRequestPage */
div#PaperStatementRequestPage .ui-field-contain .ui-controlgroup-controls { width: 100%; }
div#PaperStatementRequestPage .ui-field-contain .ui-controlgroup-label { margin-left: 0.5em; }
div#PaperStatementRequestPage .ui-icon-checkbox-off { background: #3D434B;}
div#PaperStatementRequestPage .ui-checkbox-on .ui-icon { background-color: #3D434B;}
div#PaperStatementRequestPage .ui-checkbox .ui-icon { border-radius: 0px 0px 0px 0px; }
div#PaperStatementRequestPage .ui-checkbox .ui-btn-inner { text-align: left; font-size:17px; border-bottom: 1px solid #3D434B; background-color: #091624; }
div#PaperStatementRequestPage .ui-checkbox .ui-btn-inner .ui-icon { margin-top: -9px; position: absolute;  top: 50%; }

/** Message Box **/
.Compose { background-image: url(images/CB_MB_Sprite.png); background-position: -156px -304px; height:34px; width:100px; margin:auto; }
.SelectAll { background-image: url(images/CB_MB_Sprite.png); background-position: -752px -304px; height:34px; width:100px; margin:auto; }
.SelectNone { background-image: url(images/CB_MB_Sprite.png); background-position: -636px -304px; height:34px; width:100px; margin:auto; }
.Refresh { background-image: url(images/CB_MB_Sprite.png); background-position: -262px -304px; height:34px; width:100px; margin:auto;}
.Delete { background-image: url(images/CB_MB_Sprite.png); background-position: -368px -304px; height:34px; width:100px; margin:auto;}
.DeleteSeveral { background-image: url(images/CB_MB_Sprite.png); background-position: -368px -304px; height:34px; width:100px; margin:auto;}
.CancelDelete  { background-image: url(images/CB_MB_Sprite.png); background-position: -520px -304px; height:34px; width:100px; margin:auto;}
div#MessageBoxPage a#LoadMore.ui-link-inherit { background-color: #d7dbdf; color: #076dc6;}
div#MessageBoxPage .ui-block-a, div#MessageBoxPage .ui-block-b {border-right: 1px solid #7c8694;}
div#MessageDetailsPage .ui-li-static.ui-li { font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; background-color: #FFFFFF; border-top: medium none; margin-left: -15px; margin-right: -15px; padding-bottom: 1.5em; }
div#MessageDetailsPage .Subject {color:#076dc6; text-shadow:none;  font-size:16pt; padding-bottom:7px;}
div#MessageDetailsPage .Body {color:#262e36; font-size:12pt;}
div#MessageDetailsPage .MessageDate {float:right; text-shadow:none;  color:#505a66; font-weight: bold; font-size:10pt; margin-right:0.2em;}
div#MessageBoxPage .ui-icon-checkbox-off { background: #cdd2d9;}
div#MessageBoxPage .ui-checkbox-on .ui-icon { background-color: #cdd2d9;}
div#MessageBoxPage .ui-checkbox .ui-icon { border-radius: 0px 0px 0px 0px; }
div#MessageBoxPage .ui-checkbox .ui-btn-inner {border-bottom: 1px solid #B3B8BC; color:#313B47; text-shadow:none; text-align: left; font-size:17px; background-color: #ffffff;  }
div#MessageBoxPage .ui-checkbox .ui-btn-inner .ui-icon { margin-top: -9px; position: absolute;  top: 50%; }
div#MessageBoxPage .ui-btn-inner { border-bottom : none; }
div#MessageBoxPage .ui-li.ui-btn { border-bottom : 1px solid #b3b8bc; }
div#MessageBoxPage .ui-li .ui-btn-inner a.ui-link-inherit { padding: 7px 40px 7px 15px;}
div#MessageBoxPage .ui-content .ui-listview-inset { margin-top: 15px;}
div#MessageBoxPage .ui-controlgroup .ui-checkbox .ui-btn {border: medium none;margin: 0;}
div#ComposeMessagePage .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search { display: inline-block; width: 100%; color: #000000; }
.leftChar { color:#5B6879; font-size:15px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal; padding-top:3px;}
.msgDate { float:right; color:#076dc6; font-size:12px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal;}
.msgSender { color:#5b6879; font-size:14px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal;}
.msgSubject { font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal;}

/*** Branch Page ***/
#map_canvas { height: 300px; border: 2px solid #aaa;}
.BranchHeaderInfo { border: 1px solid #264164; background: #636970; color: #eceef3; font-size: 0.8em; margin: 5px -8px; text-shadow: 0 -1px 1px #000; padding: 0.5em 10px 0.5em 15px; }
.MapInfoWindowContent { margin: 0px; padding: 0px; font-size: 12px; color: #0a2645; display: block; font-size: 11px; width: 300px; white-space: normal; word-wrap: break-word; text-wrap: unrestricted; height: 100%; }
.MapInfoWindowContent a { font-size: 1.2em; color: #08A3F0; }
#NearestBranchesAndATMsPage .collapsibleMenu {background-color:#163456; height:42px; text-align: left;  border-bottom: 2px solid #000000; }
#NearestBranchesAndATMsPage h3 {font-size: 15px; font-family: TheSans,"Segoe UI", "Helvetica"; font-weight: normal;color: #FFFFFF; padding-top: 11px; padding-left: 50px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.85); letter-spacing: 0.35pt;}
#NearestBranchesAndATMsPage .collapsibleContent {padding:0px; }
#NearestBranchesAndATMsPage .ui-content .ui-listview { margin: -15px 0 0;}
#NearestBranchesAndATMsPage .locationArrowDown { background-image: url(images/CB_MB_Sprite.png); background-position: 0px -304px; background-repeat: no-repeat; height: 42px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 42px; }
#NearestBranchesAndATMsPage .locationArrowUp { background-image: url(images/CB_MB_Sprite.png); background-position: -52px -304px; background-repeat: no-repeat; height: 42px; left: 0; margin: 0 2px 0 0; position: absolute; top: 0; width: 42px; }
/*#NearestBranchesAndATMsPage .ui-li .ui-btn-inner a.ui-link-inherit { height:20px;}*/
div#BranchPage .ui-field-contain { margin:0px; }
#NearestBranchesAndATMsPage .listArrow {top:10px;}
#NearestBranchesAndATMsPage .li_GreyTitle { overflow: hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; width:60%;}

/*** Pull down styles ***/
#MessageBoxPage #wrapper { position: absolute; z-index: 1; top: 70px; bottom: 48px; left: 10px; width: 100%; background: #254C7E; overflow: auto; text-shadow: none; }
#MessageBoxPage #scroller { position: absolute; z-index: 1; /*	-webkit-touch-callout:none;*/ -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; padding: 0; }
#MessageBoxPage #pullDown, #pullUp { background: #fff; height: 20px; line-height: 20px; padding: 5px 10px; border-bottom: 1px solid #ccc; font-size: 12px; color: #888; }
#MessageBoxPage #pullDown .pullDownIcon, #pullUp .pullUpIcon { display: block; float: left; width: 40px; height: 40px; background: url(pull-icon@clock.png) 0 0 no-repeat; -webkit-background-size: 40px 80px; background-size: 40px 80px; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 250ms; }
#MessageBoxPage #pullDown .pullDownIcon { -webkit-transform: rotate(0deg) translateZ(0); }
#MessageBoxPage #pullUp .pullUpIcon { -webkit-transform: rotate(-180deg) translateZ(0); }
#MessageBoxPage #pullDown.flip .pullDownIcon { -webkit-transform: rotate(-180deg) translateZ(0); }
#MessageBoxPage #pullUp.flip .pullUpIcon { -webkit-transform: rotate(0deg) translateZ(0); }
#MessageBoxPage #pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon { background-position: 0 100%; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }

@-webkit-keyframes loading {
from { -webkit-transform:rotate(0deg) translateZ(0); }
to { -webkit-transform:rotate(360deg) translateZ(0); }
}


/**** Beneficiaries ******/
div#BeneficiariesPage a#AddBenef.ui-link-inherit {background-color: #d7dbdf; color: #00bdd5;}
div#BeneficiaryDetailsPage a#AddAcc.ui-link-inherit {background-color: #d7dbdf; color: #00bdd5;}
.inactiveStatus { float:right; color:red; font-size:12px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal;}
.activeStatus { float:right; color:green; font-size:12px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal;}
.rejectedStatus { float:right; color:red; font-size:12px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal;}
.pendingStatus { float:right; color:orange; font-size:12px; line-height:13px; font-family:TheSans,"Segoe UI", "Segoe UI Light", "Segoe UI Semilight", "Segoe UI Semibold", "Helvetica"; font-weight:normal;}


/*****OTP********/
.addnewotp{background-color:#0DAC4A; Margin-top: 5px; Font-size: 17px; Font-weight: semibold; Color:#091624; box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.8); padding: 11px; text-align:center; margin-bottom: 30px;}

.otpboxer {display: table; border-collapse: collapse; width:100%;}
.otpboxer .otpbox-row {display: table-row;}
.otpboxer .otpbox1 {display: table-cell; text-align: center; vertical-align: top; width:30px;}
.otpboxer .otpbox2 {display: table-cell; text-align: left; vertical-align: top; padding:0 20px;}
.otpboxer .otpbox3 {display: table-cell; text-align: center; vertical-align: top;width:30px;}

.otpcontent{margin: 0 auto; max-width: 250px; padding-top: 0; text-align: center; width: 78%;}
.otplearnmoretitle{Font-size: 22px; color: white;}
.otplearnmoretext {Font-size: 16px; Line-height: 22px; color:#cccccc;}
.otplearnmoretitlediv{padding-bottom:12px;}
.otplearnmoretextdiv {padding-bottom:25px;}
.otpimages {padding-bottom:25px;padding-top:35px; text-align:center;}
.otpbutton {width:78%; max-width:185px; margin:0 auto;}
.otplink {Font-size: 18px;Line-height:20px;Color:#2d97f3;Text-alignment: center;}
.otpStartSetuptext {Font-size: 22px;Color:#0DAC4A;}
.otplabels {Font-size: 16px; Line-height: 22px; color:#cccccc;padding-top:35px;padding-bottom:30px;}
.didntgetcode {Background-color:#08233e; margin:15px -15px 0; padding:15px 10px 35px 10px;}
.didntgetcodeArrowDown { background-image: url(images/CB_MB_Sprite.png); background-position: -111px -257px; background-repeat: no-repeat; height: 30px; float:right; right:10px; margin: 0 2px 0 0; position: absolute; top: 20px; width: 30px; }
.otpphoneverified{Font-size: 16px; Line-height: 22px; Color:#0DAC4A; Background-color:#162a40; Border: 2px solid #1d3a5a; Padding: 10px 8px 10px 8px; margin: 20px 0 30px 0;}
.otpphoneverifiedtext{Font-size: 14px; Line-height: 20px; Color:#5b7da3; text-align:center; padding:30px 45px 0;}

.otp-code-container{Background-color:#162a40; Border: 2px solid #1d3a5a;height:102px; margin-bottom:5px;}
.otp-code{text-align:left; Font-size: 35px;	Color:#0DAC4A; padding-bottom:6px;padding-top:12px;}
.otp-input-special{ background-color:#162a40; border: 0px solid #162a40; color:grey;	font-size:20px;	width:90%;}
.fa-2x { font-size: 14px;}
.fa-plus { font-size: 8px;}
.fa-pencil{	color:#0DAC4A;font-size:16px;margin-right:5px; padding-top:3px;}
.fa-times{float:right; position:relative; top:0; Color: #214a79;right: 10px; top: 5px;}
.codedoesntworknb{Font-size: 15px; Color:#0DAC4A; Border: 2px solid #0DAC4A; border-radius: 50%; height: 20px;width: 20px;Margin-right:5px;text-align:center;margin-bottom: 25px;}
.codedoesntworktext{Font-size: 18px;  Line-height: 26px; Color:#cccccc;margin-bottom: 25px;}
#OTPCodeDoesntWorkPage .boxer .box {vertical-align: top;}

#RecurringDatesDiv th {text-align: left;color: white;background-color: #214a79; padding: 5px 10px 5px 10px; font-weight: normal;}
#RecurringDatesDiv td {color: white; padding: 5px 0px 5px 10px; background-color: #08233e}

/******** ConfirmTransferPage ********/
div#ConfirmTransferPage .ui-icon-checkbox-off { background: #3D434B;}
div#ConfirmTransferPage .ui-checkbox-on .ui-icon { background-color: #3D434B;}
div#ConfirmTransferPage .ui-checkbox .ui-icon { border-radius: 0px 0px 0px 0px; }
div#ConfirmTransferPage .ui-checkbox .ui-btn-inner { color: #a1a7ae; text-shadow: 0px 0px #000000; text-align: left; font-size:12px; border: 0 none; background-color: #091624; line-height: 17px;}
div#ConfirmTransferPage .ui-checkbox .ui-btn-inner .ui-icon { margin-top: -13px; position: absolute;  top: 23px; }
div#ConfirmTransferPage .ui-checkbox .ui-btn-up-f, div#ConfirmTransferPage .ui-checkbox .ui-btn-hover-f {border:0 none;}

/******** MakeTransferLaterPage ********/
div#MakeTransferPage .ui-icon-checkbox-off { background: #3D434B;}
div#MakeTransferPage .ui-checkbox-on .ui-icon { background-color: #3D434B;}
div#MakeTransferPage .ui-checkbox .ui-icon { border-radius: 0px 0px 0px 0px; }
div#MakeTransferPage .ui-checkbox .ui-btn-inner { color: #a1a7ae; text-shadow: 0px 0px #000000; text-align: left; font-size:12px; border: 0 none; background-color: #091624; line-height: 17px;}
div#MakeTransferPage .ui-checkbox .ui-btn-inner .ui-icon { margin-top: -13px; position: absolute;  top: 23px; }
div#MakeTransferPage .ui-checkbox .ui-btn-up-f, div#ConfirmTransferPage .ui-checkbox .ui-btn-hover-f {border:0 none;}

/******** LoginPage ********/
div#LoginPage .ui-icon-checkbox-off { background: #FFFFFF;}
div#LoginPage .ui-checkbox-on .ui-icon { background-color: #214A79;}
div#LoginPage .ui-checkbox .ui-icon { border-radius: 0px 0px 0px 0px; }
div#LoginPage .ui-checkbox .ui-btn-inner { text-align: left; margin-top: -20px; margin-left: -10px; font-size:16px; border: 0 none; background-color: #091624;}
div#LoginPage .ui-checkbox .ui-btn-inner .ui-icon { margin-top: -10px; position: absolute;  top: 20px; }
div#LoginPage .ui-checkbox .ui-btn-up-f, div#LoginPage .ui-checkbox .ui-btn-hover-f {border:0 none;}

/******** LegalNoticePage ********/
div#LegalNoticePage .ui-icon-checkbox-off { background: #FFFFFF;}
div#LegalNoticePage .ui-checkbox-on .ui-icon { background-color: #214A79;}
div#LegalNoticePage .ui-checkbox .ui-icon { border-radius: 0px 0px 0px 0px; }
div#LegalNoticePage .ui-checkbox .ui-btn-inner { text-align: left; margin-top: -20px; margin-left: -10px; font-size:16px; border: 0 none; background-color: #091624; }
div#LegalNoticePage .ui-checkbox .ui-btn-inner .ui-icon { margin-top: -10px; position: absolute;  top: 20px; }
div#LegalNoticePage .ui-checkbox .ui-btn-up-f, div#LegalNoticePage .ui-checkbox .ui-btn-hover-f {border:0 none;}



.home-box {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.18);
color: gray;
border-radius: 0.7em;
padding: 15px 10px 10px 0px;
margin-left: -4.5px;
}

label.ui-input-text {
	color: #0DAC4A;
	font-size: 13px;
}

.ui-shadow-inset {
	box-shadow: none;
}

.ui-body-f, .ui-dialog.ui-overlay-f {
	border: 0;
}