/*original File Name=button_V2.css*/
/*
 * Project: 	Barclays Button Kit
 * Comment:		Button stylesheet

----------------------
Contents:

1. Main Button Definitions
2. Base Corner Styles
3. Base Icon Styles
4. login and logout buttons
    a)Actional Variation
  b)Functional Variation
  c)Directional_0 Variation
  d)Hover Hooks
5. contet buttons
    a)Directional Variation
    b)Default Variation
  c)Navigational Variation
  d)Hover Hooks
*/
/*styling for bulk payment*/
	.verticalAlign span{
		display:block;
		padding-bottom: 5px;
	}

	input.bulkinputtext{
		width:255px !important;
	}
	select.bulkselectvalue{
		width:285px !important;
	}
	.verticalAlign span.mandatory:after{
		content:"*";
		color: red;
	}

    select.bulkbankdropdown{
        margin:0 0 15px 0;
    }
	/*styling for bulk payment*/
/*--------------------------------------------------------------------------
  Main Button Definitions
----------------------------------------------------------------------------*/
/*Offered By CMS team */
.btn.bnr{
        float:right;
        margin-top:-1px;
        cursor:pointer;
        position:relative;
        right:26px;
        bottom:35px;
}
/*Offered By CMS team end*/
.btn.fr {
  /* floats a single button to the righthand side of module */
  float: right;
  margin-top: -1px;
}
.btn.fl {
  /* floats a single button to the righthand side of module */
  float:left;
  margin-top: -1px;
}

.btn{
margin:0 5px 0 5px;
cursor:pointer;
position:relative;
}
.btn a {
  position: relative;
  margin: 0 0 0 5px;
 /* padding: 2px 25px 2px 10px;*/
  /*font-weight: bold;*/ /*BIR Classic*/
  border: 0;
  display: block;
  float: left;
  min-height: 16px;
}

* html .btn a {
  height: 16px;
}

.btn a.reverse {
  /*padding: 2px 10px 2px 22px!important;*/
}
/*--------------------------------------------------------------------------
 Base Corner Styles
----------------------------------------------------------------------------*/

.btn em {
  display: block;
  overflow: hidden;
  position: absolute;
  height: 10px;
  width: 9px;
  background-repeat: no-repeat;
  z-index: 1;
}
.btn .tl {
  background-position: 0 0;
  top: 0;
  left: -6px;
}

.btn a:hover .tl {
  background-position: 0 -10px;
}

.btn .tr {
  background-position: -27px 0;
  top: 0;
  right: -6px;
}

.btn a:hover .tr {
  background-position: -27px -10px;
}

* html .btn .tr,  * html .btn .br {
  margin-right: -1px;
}

.btn .bl {
  background-position: -9px 0;
  bottom: 0;
  left: -6px;
}

.btn a:hover .bl {
  background-position: -9px -10px;
}

.btn .br {
  background-position: -18px 0;
  bottom: 0;
  right: -6px;
}

.btn a:hover .br {
  background-position: -18px -10px;
}

/*------------Base Icon Styles----------------------------------------------

----------------------------------------------------------------------------*/

.btn .icon {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  height: 19px;
  width: 19px;
  margin-top: -9px;
  background-repeat: no-repeat;
  z-index: 2;
  background-position: 0 0;
}
/* for back button*/
.btn .reverse .icon {
  right: auto;
  left: 0;
}
/*end of Base Icon Styles*/

/*----------4.login and logout--------------------------------------------------
a. Actional Variation ,purple button :logout,on every page.
----------------------------------------------------------------------------*/

.btn a.actional {
  /*background: #016BA8 url(../im/butt/functional-grad.gif) repeat-x 0 0 ;*/
  color: #f0325a; 
  text-transform:capitalize;
  text-decoration:none;
}

.actional em {
   /*BIR Classic defect fix*/
  /*background-image: url(../im/butt/functional-btn-corners.gif);*/
}
.actional .lock {
  background-image: url(../im/butt/default-icon-lock.gif);
}
/*-----------------4.login and logout---------------------------------------
 b.Functional Variation specially for login an logout page's blue button
----------------------------------------------------------------------------*/

.btn a.functional {
 /*BIR Classic*/
  /*background: #016BA8 url(../im/butt/functional-grad.gif) repeat-x 0 0 ;
  color: #fff;*/

  text-transform:capitalize;
  text-decoration:none;
  text-align: center;
	min-width: 120px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fa551e;
    background-color: #fa551e;
    color: #ffffff;
    border-radius: 5px;
    font-size: 14px;
    padding: 0!important;
    font-family: 'Source Sans Pro Semibold';

}

.functional em {
  /*BIR Classic*/
  /*background-image: url(../im/butt/functional-btn-corners.gif);*/
}
.functional .arrow {
 /*BIR Classic*/
  /*background-image: url(../im/butt/functional-icon-arrow.gif);*/
}


/*--------------------4.login and logout--------------------------------------
c. Directional0 Variation  specail for login and register pages' green button
----------------------------------------------------------------------------*/
.btn a.directional_0 {
	/*BIR Classic*/
  /*background: #006900 url(../im/butt/directional-grad.gif) 0 0 repeat-x;*/
  color: #fff;
  text-transform:capitalize;
  text-decoration:none;
  
  height: 33px;
  line-height: 35px;
  border: 1px solid #fa551e;
  background-color: #fa551e;
  border-radius: 5px;
  font-size: 15px;
  padding: 0px 10px 0px 10px;/*MCR Findings*/
  min-width: 100px; /*MCR Findings*/
  width:auto;
}

#form .btn a.directional{
background-color:#fa551e;
color:#ffffff;
}

a.directional_0 {
  /*background: #006900 url(../im/butt/directional-grad.gif) 0 0 repeat-x;*/
  color: #fff;
  text-transform:capitalize;
  text-decoration:none;
}

.directional_0 em {
  /*background-image: url(../im/butt/directional-btn-corners.gif);*/
}

.directional_0 .lock {
  background-image: url(../im/butt/directional-icon-lock.gif);
}

.directional_0 .arrow {
   /*BIR Classic*/
  /*background-image: url(../im/butt/directional-icon-arrow.gif);*/
}
/*-------4.login and logout--------------------
d.  Hover Hooks
-------------------------------------------  */

a:hover.functional .arrow,
a:hover.functional .close,
a:hover.actional .lock,
a:hover.directional_0 .arrow,
a:hover.directional_0 .lock {
  background-position: -19px 0;
}

a:hover.functional ,
a:hover.actional,
a:hover.directional_0,
a:hover.directional {
  /*background: #036;*/
  text-decoration:none;
  cursor:pointer;
 /* color: #fff;*/
}

/*end of button in login and logout*/


/*--------------------5.content-----------------------------------------------
a. Directional Variation ,  for content blue button
----------------------------------------------------------------------------*/
.btn a.directional {
  /**BIR Classic**/
  /*
  background: #016BA8 url(../im/butt/functional-grad.gif) repeat-x 0 0 ;
  color: #fff;
  text-decoration:none;
  */

    min-width: 100px;/*MCR Findings*/
    width:auto;
    height: 33px;
    line-height: 36px;
    border: 1px solid #fa551e;
    background-color: #ffffff;
    color: #fa551e;
   
    border-radius: 5px;
    font-size: 14px;
    padding:0px 10px 0px 10px; /*MCR Findings*/
    text-align: center;
}
#detailForm .btn a.directional_0{
	width: 88px;
	transform: translate(0px, -6px);
	height:30px;
	line-height: 32px
}

.directional em {
   /**BIR Classic**/
  /* background-image: url(../im/butt/functional-btn-corners.gif); */
}
.directional .arrow {
	/**BIR Classic**/
  /*background-image: url(../im/butt/functional-icon-arrow.gif);*/
}
/*----------------------5.content-----------------------------------------------
b. Default Variation : for the button back in content
----------------------------------------------------------------------------*/

.btn a.default {
  background: #fff;
  color: #00A4E8;
  text-transform:capitalize;
  text-decoration:none;
}
.default .arrow {
  background-image: url(../im/butt/default-icon-arrow.gif);
}

.reverse .arrow {
  background-image: url(../im/butt/default-icon-arrow-reverse.gif);
}



/*-------------------5.content-------------------------------------------------
c. Navigational Variation : special for white button and  blue word
----------------------------------------------------------------------------*/

.btn a.navigational {
  background: #F2EEEF url(../im/butt/navigational-grad.gif) 0 0 repeat-x;
  color: #00A3E6;
  border-bottom: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD;
  padding-bottom: 1px;
  text-transform:capitalize;
  text-decoration:none;
}

.btn a.navigational .bl {
  bottom: -1px;
  left: -1px;
}

.btn a.navigational .br {
  bottom: -1px;
  right: -1px;
}

* html .btn a.navigational .bl,
* html .btn a.navigational .br {
  bottom: -2px;
}

.btn a.navigational .icon {
  margin-top: -8px;
}

.btn a.navigational .tl {
  left: -1px;
}

.btn a.navigational .tr {
  right: -1px;
}

.navigational em {
  background-image: url(../im/butt/navigational-btn-corners.jpg);
}
.navigational .arrow {
  background-image: url(../im/butt/navigational-icon-arrow.gif);
}


/*----------------5.content--------------------------------
 d.  Hover Hooks:control hover for all buttons in content
--------------------------------------------------------- */

/* spacially for default button
----------------------  */

a:hover.default .arrow{
  background-position: -18px 0;
}

a:hover.default { 
  /*color: #036;
  text-decoration:none;
  cursor:pointer;*/
}

.btn a.default {
  /*padding: 2px 20px 2px 0;*/
}
/*  spacially for white button
--------------------------------  */

a:hover.navigational { 
  /* color:#FFFFFF;
  background: #036;
  border-bottom: 1px solid #036;
  border-left: 1px solid #036;
  border-right: 1px solid #036;
  text-decoration:none;
  cursor:pointer;*/
}
/* for other buttons
--------------------------------  */
a:hover.navigational .arrow,
a:hover.directional .arrow,
a:hover.directional .close {
  background-position: -19px 0;
}

/* Added for Proof of payment css changes*/
.verticalAlign td {
	vertical-align: top;
}

.pdfAddress {
	float: right;
	display: none;
	font-size: 12px;
	text-align:right;
	color: #787272;
}

.popPageInfo {
	font-size: 14px;
	color: #2D2323;
}

.popPageInfo img {
	width: 400px;
	margin-top: 20px;
}

.popDivider {
	height: 10px;
	border-bottom: 2px solid #D7D5D5;
	margin-bottom: 10px;
}

.popTop {
	width: 100%;
}

.popLogo img{
	height: 120px;
}

.pdfAddress img {
	width: 110px;
}
/*end*/

.primarybtn1{
background-color:#fa551e !important;
color:#ffffff !important;
}
a:hover.directional {
 /*  background: #036; */
  text-decoration:none;
  cursor:pointer;
}
/*end of buttons in content */

/* single line buttons for example directdebit_merchant_input.html & directdebit_product_result.html */
/*original File Name=customization.css*/
@CHARSET "UTF-8";
.singleBold {
 /*  color: #003366; */
  font-weight:bold;
}
.displayBold{
  font-family:'Source Sans Pro',Verdana, Arial, Helvetica, sans-serif;
  text-align:right;
  padding: 0px;
  font-size:13px;
  /* color:#003366; */
  font-weight:bold;

}
.paddingTop{
  padding-top: 3px;
}
.leftPadding{
  padding-left:20px;
}
.titleBold{
    font-weight:bold;
}
#activityForm .titleBold{
font-weight: normal;
}
.detailSubHeader {
    font-size: 14px;
   /*  color: #003366; */
    margin: 0px 0 4px 4px;
    font-weight:bold;

}
.detailUnderLine {
    font-size: 2px;
    border-top: 1px solid #d6d6d6;
    height : 2px;
    padding-top:0px;
    padding-bottom:0px;

}
.detailUnderLineWithOutHeight {
    font-size: 0px;
    border-bottom: 1px solid #d6d6d6;
    height : 0px;
    width: 620px;
    padding-top:10px;
    padding-bottom:-10px;

}
.unclearFundcolumn1 {
  text-align:left;
  width:50%;
}

.unclearFundcolumn2 {

    text-align:right;
    width:50%;
}
.columnAlignLeft {
  text-align:left;
}
/* PDF Debit,Credit Position BWBRB */ 
.columnAlignRight {
    /* text-align:right; */ 
    width:10%
}
.loancolumnAlignRight {
    text-align:right;
    width:15%
}
.creditcolumnAlignRight {
    text-align:right;
    width:20%
}
.creditcolumnAlignRightForPrevAcctBalance {
    text-align:right;
    width:15%
}
.creditcolumnAlignRightCommonDisplay {
    text-align:right;
    width:10%
}
.creditNoColumn{
    text-align:left;
    width:8%
}
.creditRadioColumn{
    text-align:left;
    width:5%
}
.creditTrxDateColumn{
    text-align:left;
    width:23%
}
.creditTrxSuffixColumn{
    text-align:middle;
    width:5%
}
.leftPadding{
 padding-left:5px;
}
.rightPadding{
  padding-right:5px;
}

.boldPageField{

  font-weight: bold;
  color:#5a4b4b;
  font-family: 'Source Sans Pro Semibold'; /*Font Change MZBRB*/

}
.textCursor{
  cursor:text;
}
a.textCursor span{
	 color: #aa052d;
}
.pointerCursor{
  cursor:pointer
}

.hideTable{
  display:none;
}
.showTable{
  display:'';
}
/* Added for CBP pricing and bundles plan Start*/
.cbpColumn1{
  text-align:left;
    width:17%;
}
.cbpColumn2{
  text-align:left;
    width:17%;
}
/* Added for CBP pricing and bundles plan End*/
.casaColumn1{
  text-align:left;
    width:17%;
}
.casaColumn2{
  text-align:left;
    width:17%;
}
.casaColumn3{
  text-align:left;
    width:16%;
}
.casaColumn4{
   text-align:left;
    width:17%;
}
.casaColumn5{
  text-align:left;
    width:17%;
}
.casaColumn6{
  text-align:left;
}
.tdColumn1{
   text-align:left;
    width:25%;
}
.tdColumn2{
   text-align:left;
    width:20%;
}
.tdColumn3{
     text-align:left;
    width:18%;
}
.tdColumn4{
     text-align:left;
    width:19%;
}
.tdColumn5{
    text-align:left;

}
.creditColumn1{
     text-align:left;

}
.creditColumn2{
     text-align:left;
    width:25%;
}
.creditColumn3{
     text-align:left;
    width:25%;
}
.creditColumn4{
  text-align:left;
  width:25%;

}
.loanColumn1{
     text-align:left;
    width:20%;
}
.loanColumn2{
     text-align:left;
    width:20%;
}
.loanColumn3{
     text-align:left;
    width:20%;
}
.loanColumn4{
     text-align:left;
    width:20%;
}
.loanColumn5{
  text-align:left;

}
.investColumn1{
     text-align:left;

}
.investColumn2{
     text-align:left;
    width:25%;
}
.investColumn3{
     text-align:left;
    width:25%;
}
.investColumn4{
   text-align:left;
   width:25%;

}
.insuranceColumn1{
     text-align:left;
    width:20%;
}
.insuranceColumn2{
     text-align:left;
    width:20%;
}
.insuranceColumn3{
     text-align:left;
    width:20%;
}
.insuranceColumn4{
     text-align:left;
    width:20%;
}
.insuranceColumn5{
  text-align:left;

}
.summaryTitle{
  font-size: 25px;
  /* color: #003366; */
  font-weight: normal;
  text-transform:capitalize;
}


/*BIR Customer Service Page(BNC)*/
/********************************************************************/

.datalist .message_list_header_date{
text-align: right;}

td .message_control{
color: #5a4b4b;
}

.message_list_header_subject{
text-align: left;
}

/* View History*********/
#form\:payeeFilter{
width:230px;
}
#form\:FT{
	margin-top: 80px
	}
#form .page_tp_button .btn .directional_0{
	 min-width: 100px;/*MCR Findings*/
	 width:auto;
	transform: translate(0px, 0px);
	/* background-color: #ffffff;
	color: #fa551e; */
	}
#form .btn .directional_0{
	transform:translate(-400px, 60px);
	}
#form a.noprint {
transform:translate(0px, 0px);
}
/*BIR My Profile page (BNC)*/
/********************************************************************
****************************/
.datalist .emptyClass td select , .datalist .highlight td select{
width: 89px;
}

/*BIR My Profile page (BNC)-> Change Password*/
#changeForm label{
color: #f0325a;
padding-right: 452px;
float: left;
font-family: 'Source Sans Pro Semibold'; /*Font Change MZBRB*/
}
#changeForm .datalist_glance label {/*MAnage Alerts Issue*/
    padding-right: 0px;
    float: none;
}
#changeForm .datalist_glance input[type='checkbox'] {/*MAnage Alerts Issue*/
    transform: none;
    display: inline;
}



#changeForm .ssc_form_value label{
color:#f0325a !important;
transform:translate(-10px, -11px)!important;
}
.Passwordguidelines{
transform:translate(-130px, -27px);
}

#changeForm .ssc_form_table label{
color: #500a28;
padding-left: 5px;
transform: translate(0px, 0px);
font-family: 'Source Sans Pro'; /*Font Change MZBRB*/
}

#changeForm input[type='text']{
width: 410px;  /* BIR My Profile page (BNC)-> Assign Account Nickname*/
}

#changeForm td .progressiveLink{
font-family: 'Source Sans Pro Semibold'; /*Font Change */
}

#changeForm input[type='checkbox']{
transform: translate(0px, -40px);
display:none;
}

/*****CASA details*****/

#article-body{  /*to remove blue progress bar showing acc. balance*/
display: none;
}

/*Sqa page******************/
#login2LAForm td{
padding-top: 20px;
}
#login2LAForm table input{
/*padding-top: 10px;*/
	margin-top: 10px;
display: block;
width: 65%;
}

#login2LAForm .btn a.default{
bottom: 30px;
right:368px;
}

#login2LAForm .btn a.navigational{
bottom: 30px;
right:368px;
}
/*original File Name=fonts.css*/
/****************************************************************************************************
- Styles in this sheet are used for customising headers, font faces, sizes, weights and colours.
****************************************************************************************************/

body {
  font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
  font-size: 75%;

  color: #500a28;
  line-height: 1.25em;
}

p {
  font: 1em 'Source Sans Pro', Arial, Helvetica, sans-serif; /*Font Change For notes MZBRB*/
  
  color: #2d2323; 
  }
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
/* head of cotent*/
h1 {
  font-size: 2.08em;
  color: #500a28;
  font-weight: normal;
  text-transform:none;
}
h2{
	font-size: 1.17em;
	color: #500a28;
}
/*siderbar: the first of each menu*/
/*right_nav: the header of each siderbar_box*/
h5 {
  font-size: 1.17em;
  font-weight: bold;
  color: #ffffff;
  margin-left:4px;
}
font{
color: #dc0032;
}
.sidebar_top {
  /*font-size: 1.17em;*/
  /*font-weight: bold;*/
  /*color: #ffffff;*/
  /*margin-left:0.10em;*/
  
    color: #870a3c;
    font-size:16px;
    margin:0;
    font-family: 'Source Sans Pro Semibold';
}

.sidebar_top a {

	 color: #870a3c;
	   }

.block_header {
  font-size: 1.17em;
  font-weight: bold;
  color: #ffffff;
  margin-left:4px;
}

/*for calendar*/
/* only for change color of the words*/
.blue {
  color: #2d2323;
  font-family: 'Source Sans Pro Semibold';

}
#detailForm .blue{
	color: #2d2323;
}

/*2009-5-18 17:33 : for the mandatory* */

.required {

  color: #af144b;
}

.white {
	color: #ffffff;
}

/**/
.bold {
  font-weight: bold;
}

/* special forCreditCard Details to toggle between numeric and graph view*/
/**********************/
/*for onetime input*/
/**********************/
.otp_errMsg {
	background-color: #fcf5f5;
	/*border: solid 1px #cc3333;*/
	border-radius: 5px;
	font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
	text-align: center;
	display: block;
}

.otp_box {
  margin:0 0 0 150px; /*BIR Classic defect fix*/
  width:340px;
  padding:5px;
  }
.mid1 input[type='text']{
width:240px;
}
.otp_box .top1 {
  /*background-image: url('../im/otp_box_top.gif');*/
  border-top: 1px solid #736464;
  border-right: 1px solid #736464;
  border-left: 1px solid #736464;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-repeat: no-repeat;
  padding: 9px 16px 9px 16px;
}
.otp_box .top1 {
color:#FFFFFF;
font-weight:bold;
vertical-align:middle
}
.otp_box .top1 img {
	display:none;
float:left;
vertical-align:middle;
margin:0 5px 0 0;
}

.otp_box .mid1 {
  /*background-image: url('../im/otp_box_bg.gif');*/

  /*border-left: 1px solid #979797;
  border-right: 1px solid #979797;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-repeat: repeat-y;
  padding: 4px;
  text-align:center;*/


    border:1px solid #736464;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    background-repeat: repeat-y;
    padding: 4px;
    text-align: center;

}
.otp_box .btm1 {
  /*height: 17px;*/
  /*background-image: url('../im/otp_box_btm.gif');*/
  /*border-bottom: 1px solid #979797;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-repeat: no-repeat;*/
  margin-bottom: 20px;
}
.otp_link {
  font-size:12px;
  color:#5a4b4b;
  margin: 15px 0 10px 0;
  *margin: 25px 0 10px 0;
}

.otp_link a{
  font-size:12px;
  color:#f0325a;
  text-decoration:none!important;
}

.otp_link a:hover{
 /*  font-size:12px;
  color:#000000!important; */
}
/**********************/
/*end of onetime input*/
/**********************/

/********************************************/
/* Record Tables, Tab Contents, Forms style */
/********************************************/
.datalist tbody td,
.datalist tfoot td,
.data-table-advanced td{
  color: #2d2323;
  font-weight:normal;
  font-size: 13px;

}
/******************************************/
/* End Record Tables, Tab Contents styles */
/******************************************/
/*original File Name=forms.css*/
/****************************************************************************************************
- Styles in this sheet are used for customising textfields, textareas, checkboxes, radio buttons,
  list menus, buttons, etc.
****************************************************************************************************/

select, input {
  font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
  font-size: 0.92em;
  color: #474747;
  line-height: 15px;
}
form{
clear:left;
margin:20px 0px 0px 0px; /*  change password page BNC */
padding:0px;
}
/*original File Name=global.css*/
/****************************************************************************************************
- Styles in this sheet allow browsers (IE 6, IE 7, Firefox, Safari) to be cross browser compliant.
  Styles are standard. No customisation should be done here.
****************************************************************************************************/

body {
  text-align: center;
  background: #f2f2f2 url('../im/bg.jpg') no-repeat center 352px;
  /**
  behavior: url("inc/csshover3.htc");**/
}
html, body, p {
  margin: 0;
  padding: 0;
}
a img {
  border: none;
  }

/* divide into two part with a  line*/
/* BNC BWBRB Compse two line , one line remove*/
/* PDF bottom Line color Change*/
.divider {
	height: 10px;
	/* border-bottom: 1px solid rgba(115, 100, 100, 0.3);
	margin-bottom: 10px; */
	border-bottom: 1px solid #D7D5D5;
  	margin-bottom: 32px;
}
.dividernone{
	border-bottom: none !important;
}
.meetingatbox{
width:75%!important
}


/*style of right_nav table*/
table.right_nav tr td {
  /* padding-left: 10px; registration pop-up */
}
table.right_nav tr td a{
  color:#000000;
  font-weight: normal;
}
table caption {
  font-size: 1.17em;
   /*  color: #003366; */
    _clear:both;
    font-weight: bold;
    margin: 0px 0 8px 4px;
    text-transform: capitalize;
  text-align: left;

}
/*-------------------
 classes of tooltips
 ------------------*/
/*-------------------
 end of tooltips
 ------------------*/
 /*-------------------
 end of tooltips
 ------------------*/

/*set the left alignment table*/
.nopad_icon tr,.nopad_icon td{
text-align:left;
padding:2px;
color:#2d2323;
}
.notes{
margin-left:10px;
}
/*original File Name=hyperlinks.css*/
/****************************************************************************************************
- Styles in this sheet are used for customising the hyperlinks of the site.
****************************************************************************************************/
a {
	 
    color: #f0325a;
    font-size: 1em;
    text-decoration: none;
}
.bold1{
color:#aa052d;
border-bottom-style:solid;
border-width:2px;
border-image-source:linear-gradient(to right, rgb(220, 0, 50), rgb(220, 0, 50));
border-image-slice:1;
font-family: 'Source Sans Pro Semibold';
transform: translate(0px, 3.5px);
}
.color1{
color:#2d2323;
transform: translate(0px, 3.5px);
}
/*BWBRB Inbox ,Compose Message*/
.borde1{
 border-bottom-style: solid; 
border-width:1px;
border-image-source:linear-gradient(to right, rgb(220, 0, 50), rgb(135, 10, 60));
border-image-slice:1
}
.Transfernow{
	color: #fa551e;
}
.MsoNormal  span{
color:#2d2323!important;
font-family: 'Source Sans Pro'!important;
font-size: 13px!important;
}
r {
	color: #fa551e;/* added for Trasfer now text in 'at a glance' -  BNC*/
	}
.notes_header{
color: #2d2323;
}
a:hover {
   /*  color: #003366; */
    font-size: 1em;
    text-decoration:none;
}

a.glance {
color:#f0325a;
font-weight:normal;
font-size: 1em;

}

a.glance:hover{
/* color:#003366;
font-size: 1em; */
}
/*original File Name=layout_content.css*/
/* this CSS Document is for the content of the page*/
/*
  1.heading
  2.content 640
  3.table box 674
  4.pop window style
  5.style of content table
  6.style of progress bar
  7.style of rate bar

*/

/******************/
/* Content styles */
/******************/

/*--------------------------
 Content Headings styles
---------------------------*/
#heading {
  margin:5px 0 10px -25px;
}
#heading .padding {
  padding: 10px 0px 0px 0px;
}
/*******************************/
/* End Content Headings styles */
/*******************************/
#content_300 {
    width:300px;
  margin-left:10px;
}
/* Start of Table Specified */
th, td {
  padding: 4px;
  color: #500a28;
  }
.width_20 {
width:20px;
}
/* End Table Specified */
/*--------------------
 style of content 640
---------------------*/
#content_640 {
  margin-right: 260px;
  *margin-right: 240px;
  margin-top: 22px;
}

#content_640 .padding {
  padding: 0px 5px 15px 25px;
}
/* style of pageintro in content*/
#pageintro_640 {
  margin: 0px 0 0 0;

  color:#5a4b4b;
  clear:left;
}

#pageintro_640 .padding {
  padding: 0px 10px 3px 3px;
  *padding: 0px 10px 0px 3px;
}
/* end of pageintro in content*/

/*---------------------------
 style of tab box in content
 ---------------------------*/
.tab_box_674 {
   /*BIR Classic defect fix*/
  /*width: 675px;*/
}
/********2009-5-27 17:14:52**
  set the table in tab box
***************************/
.tab_box_674 table{

  width:650px;
}
.tab_box_674 table table{
width:100%;
}

/* 3Jan BIR Classic broken tooltip issue*/
.tool_tip{
 /* background-color: #0074a6; */
}

/********end 2009-5-27 17:14:52***/

.tab_box_674 .top {
  /*background-image: url('../im/tab_box_674_top.gif');*/
  background-repeat: no-repeat;
  padding: 0px 5px 5px 38px;
  *padding: 5px 5px 5px 38px;
  color: #ffffff;
}

.tab_box_674 .top_blue {
  background-image: url('../im/tab_box_674_top_blue.jpg');
  background-repeat: no-repeat;
  padding: 10px 5px 5px 10px;
  *padding: 10px 5px 5px 10px;
  color: #ffffff;
}

.tab_box_674 .mid {
  /*background-image: url('../im/tab_box_674_bg.gif');*/
  background-repeat: repeat-y;
  padding: 5px 10px 5px 10px;
}
.tab_box_674 .mid a {
text-decoration:none;
/*color: #aa052d; */
font-size: 14px;
/*padding-left: 5px;*/ /*BIR Classic defect fix*/
}
.tab_box_674 .mid a .directional{
color:fa551e}
.tab_box_674 .btm {
  height: 20px;
  background-image: url('../im/tab_box_674_btm.gif');
  background-repeat: no-repeat;
}

/*for header message on Customer service page*/
.message_list_header_subject nosort{
text-align: left;}


/* for pop window 2009-7-19 14:10:40*/

/*--------------------------------
  sytle of table box of pop window
---------------------------------*/
/*--------------------------------
  end of table box of pop window
---------------------------------*/

/* Record Tables styles */
.datalist {
  padding: 5px;
  margin: 5px 0 0 0;
  width: 650px;
}
.datalist thead th {
  background-color: rgba(115,100,100,0.2);
  color: #262323;
  font-weight: 600;
  text-align: left;
  height: 20px;
  font-family: 'Source Sans Pro Semibold';  
}
.datalist tr.highlight {
  background-color: rgba(115,100,100,0.1);
}
.datalist tr.odd {
  /*background-color: #ffffff;*/ /*11 Jan*/
  background-color: rgba(115,100,100,0.1);
}
.datalist tr.even {
  /*background-color: #E8F6F9;*/ /*11 Jan*/
  background-color: #ffffff;
}
/* End record Tables styles */
/*Record Tables for at a glance*/
.datalist_glance {
  padding: 5px;
  margin: 5px 0 0 0;
  text-align:left;
}
.datalist_glance thead th {
  /*background-color: #EBEBEB;*/
  
   border-top: 4px solid #830a3c;
  border-bottom: 4px solid #830a3c;
  color: #500a28;
  font-weight: bold;
  font-size: 14px; /*14 Jan was 12px*/
  font-family: 'Source Sans Pro Semibold';
}
.datalist_glance tr.highlight {
  background-color: #E8F6F9;
  background-color: #fbfaf9;
}

.highlight a, .emptyClass a{
	font-family: 'Source Sans Pro Semibold'; 
}
.acctType {
	font-family: 'Source Sans Pro Semibold'; 
}

.acctType img {
	display: none;
	}

.datalist_glance td {
	
  color: #5a4b4b;
  font-size: 14px; /*14 Jan*/
  }
/*GO button BNC Change*/
.noprint .btn .directional_0{
	background: #870a3c;
	border: 1px solid #870a3c;
	border-radius: 2px;
	min-width: 59px;
	transform: translate(-44px, 3px);
	height: 30px;
	line-height: 28px;
}

/*end of Record Tables for at a glance*/
/* Data Table (Advanced) styles */
/* for rate bar CSS please refer to rate bar section below*/

/*----------------------
    - Progress Bar -
----------------------*/

.progress_bar_tex{
  width: 100%;
  float:left;
  clear: left;
  margin: 0.83em 0 0.42em 0;
  *margin: 0.83em 0 0 0;
}

.progress_bar_tex .titles{
  float: left;
  *float: none;
  width: 100%;
  list-style-type: none;
  margin: 0 0 0.67em 0;
}

.progress_bar_tex_short .titles{
  float: left;
  *float: none;
  width: 100%;
  list-style-type: none;
  margin: 0 0 0.67em 0;
}
.progress_bar_tex .steps{
  float:left;
  text-align:left;
  margin: 0 auto;
  height: 1.67em;
}
.steps img{
transform: translate(-8px, 0px);
}
.steps_short img{
	transform: translate(-8px, 0px);
}
#form a.capchaindicator,#form a.noarrow{
transform:translate(0px, 0px);
}
.progress_bar_tex_short .steps_short{
  float:left;
  text-align:left;
  margin: 0 auto;
  height: 2.17em;
}
table.progress_bar_tex td {
    float: left;
}
.progress_icon_blue {
  float: left;
  margin: 0 0.27em 1.25em 0.1em;
  padding: 0;
  background-repeat:no-repeat;
  height:1.58em;
  width:1.58em;
  line-height: 1.58em;
  text-align:center;
  color:#FFFFFF;
}
.progress_icon_ash {
  float: left;
  margin: 0 0.17em 1.25em 0.1em;
  padding: 0;
  background-repeat:no-repeat;
  width:1.58em;
  height:1.58em;
  line-height: 1.58em;
  text-align:center;
  color:#FFFFFF;
}
.progress_tex_blue{
  line-height: 1.67em;
  color:#960528;
  font-size: 14px; /* Customer-service-->Schedule appoin.*/
}
.progress_tex_ash{
  line-height: 1.67em;
  color:#736464;
}
ul.progress_bar_new   {
  width: 100%;
  list-style-type:none;
  float: left;
  margin: 0.83em 0 0 0;
  *margin: 0 0 0 0;
  padding: 0;
}
ul.progress_bar_new  li {
    float: left;
  height: 1.25em;
    margin-top:-0.75em;
  *margin-top:0;
}
ul.progress_bar_new li.start{
background-image:url('../im/progress_bar_start.jpg');
background-repeat:no-repeat;
width:0.20em;
}
ul.progress_bar_new li.end_ash{
background-image:url('../im/progress_bar_end_ash.jpg');
background-repeat:no-repeat;
width:0.25em;
}
ul.progress_bar_new li.end_blue{
background-image:url('../im/progress_bar_end_blue.jpg');
background-repeat:no-repeat;
width:3px;
}
ul.progress_bar_new li.cn_blue{
background-image:url('../im/progress_bar_cn_blue.jpg');
background-repeat:repeat-x;
width:190px;
}
ul.progress_bar_new li.cn_black{
background-image:url('../im/progress_bar_cn_black.jpg');
background-repeat:repeat-x;
width:190px;
}
ul.progress_bar_new li.cn_ash{
background-image:url('../im/progress_bar_cn_ash.jpg');
background-repeat:repeat-x;
width:190px;
}
ul.progress_bar_new li.cn_blue_short{
background-image:url('../im/progress_bar_cn_blue.jpg');
background-repeat:repeat-x;
width:155px;
}
ul.progress_bar_new li.cn_black_short{
background-image:url('../im/progress_bar_cn_black.jpg');
background-repeat:repeat-x;
width:155px;
}
ul.progress_bar_new li.cn_ash_short{
background-image:url('../im/progress_bar_cn_ash.jpg');
background-repeat:repeat-x;
width:155px;
}
/*---------------------------
 End Progress Bar Type 2
--------------------------*/

/*-------------------
 start of rate bar
 ------------------*/
dl {
  margin: 0;
  padding: 0;
}
dd {
  position: relative; /* IE is dumb */
  display: block;
  float: left;
  width: 374px;
  height: 30px;
  margin: 0 0 15px;
    background-position: 362 0px;
}
dd .barcss {
  position: absolute;
  text-align: right;
}
dd .barcss .innerbar {
  position: absolute;
  right: -5px;
  bottom: 1px;
  display: block;
  background:
    url("../im/test.gif");
  height: 7px;
  width: 10px;
  text-align: left;
  text-indent: 10px;
  overflow: hidden;
}
dd .barcss .downAmount {
  position: absolute;
  right: -40px;
  bottom: -20px;
  display: block;
  height: 20px;
  width: 200px;
  text-align: right;
  text-indent: 10px;
  overflow: hidden;
}
dd .barcss .downtext {
  position: absolute;
  right: -60px;
  bottom: -33px;
  display: block;
  height: 20px;
  width: 200px;
  text-align: right;
  text-indent: 10px;
  overflow: hidden;
}
.currencybartextleft {
  text-align: left;
  width: 50%;
  vertical-align: bottom;
}
.currencybartextright {
  text-align: right;
  width: 50%;
}
/* end of rate bar */
/*for questionmark in acctDetails_content.html*/
.view_today_box {
  width: 270px;	/* registration pop-up */
    position: relative;	/* registration pop-up */
    left: -80px;	/* registration pop-up */
    top: -50px;	/* registration pop-up*/
    /*border: 2px solid red;*/
}

.letterofcredit span:hover{
	text-decoration:none!important;
	}
	.letterofcredit span:active{
	text-decoration:none!important;
	color:#fff;
		}
.view_today_box .top {
  /*background-image: url('../im/bubble.gif');*/ /*3 Jan broken tooltip fix*/
  background-repeat: no-repeat;
  padding: 9px 16px 0px 16px;
  margin-bottom:-1px;
}

.view_today_box .mid {
  /*background-image: url('../im/bubble_filler.gif');*/
  background-repeat: repeat-y;
    padding: 0px 4px 0px 4px;
    border: 1.5px solid #870a3c;
}
/*This is not used anymore
.view_today_box .btm {
  height: 17px;
  background:url('../im/bubble.gif') no-repeat left bottom;
  margin-bottom: 20px;
}*/

.view_today_box::after{
	           content: "";
	           position: absolute;
	           top: 100%;
	           left: 4%;
	           margin-left: -5px;
	           border-width: 6px;
           	   border-style: solid;
	           border-color: #870a3c transparent transparent transparent;
    }

/*End*/
/**Left btm style for help Text */
.view_today_box .leftbtm {
  /*height: 17px;*/
  /*background:url('../im/bubble.gif') no-repeat left bottom;*/
  margin-bottom: 20px;
}
/**Right btm style for help Text */
.view_today_box .rightbtm {
  /*height: 11px;*/ /* registration pop-up */
  /*background:url('../im/bubble_left.gif') no-repeat left bottom;*/
}
/*class for icons*/
/*sorter table*/
.sorter_table thead {
cursor:pointer;
}
.sort_icons{
background: url(../im/small.gif) no-repeat center right;
cursor: pointer;
}
.sort_icons_asc{
background: url(../im/small_asc.gif) no-repeat center right;
cursor: pointer;
}
.sort_icons_desc{
background: url(../im/small_desc.gif) no-repeat center right;
cursor: pointer;
}
/*for at a glance banner*/
 #scrollup {
   position: relative;
   overflow: hidden;
   height: 200px;
   width: 674px;
   clear: left;
 }

 .headline {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 170px;
   width: 690px;
 }
.banner_icons {
background: url(../im/at_a_glance_banner_icon.gif) no-repeat top left;
width:18px;
height:18px;
font-size:12px;
padding:2px 5px 4px 6px;
}
.banner_icons  a {color:#7b7c7b;}
.banner_icons_current  {
background: url(../im/at_a_glance_banner_icon_select.gif) no-repeat top left;
width:18px;
height:18px;
font-size:12px;
padding:2px 5px 4px 6px;
}
.banner_icons_current  a {color:#FFFFFF;}

/**********************/
/* End Content styles */
/**********************/
/*original File Name=layout_footer.css*/
/* CSS Document:for the foot of the page */
/*****************/
/* Footer styles */
/*****************/
#footer {
        clear: both;
        height: 106px;
}

#footer_left {
float:left;
width:11px;
height: 106px;
background-image:url(../im/footer_left.gif);
background-repeat:none;
}
#footer_right {
float:left;
width:12px;
height: 106px;
background-image:url(../im/footer_right.gif);
background-repeat:none;
}
#footer_center {
float:left;
width:937px;
height: 106px;
background-image:url(../im/footer_center.gif);
background-repeat: repeat-x;
}
#footer_left_long {
float:left;
width:11px;
height: 150px;
background-image:url(../im/footer_left_long.gif);
background-repeat:none;
}
#footer_right_long {
float:left;
width:12px;
height: 150px;
background-image:url(../im/footer_right_long.gif);
background-repeat:none;
}
#footer_center_long {
float:left;
width:937px;
height: 150px;
background-image:url(../im/footer_center_long.gif);
background-repeat: repeat-x;
}
#footer_links {
  margin:1.25em 0 1.25em 0;
  /*padding:0;*/
  padding: 1.25em 0 1.25em 0; /*12 Jan BIR Classic defect fix*/
  width:100%;
  text-align: center;
}
#footer_links a {
  text-decoration: none;
  /* color:#003366; */
    font-weight:normal;
    font-size:1em;
    font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  }
#footer_sponsor {
  float:left;
  width:100%;
  text-align:center;
  margin:0.67em 0 0.83em 0;
  }
#footer_sponsor img {
  margin: 0 0 -0.25em 0;
}
#footer_logo {
    float:left;
    width:100%;
    text-align:center;
    }
#footer_recommend {
  float:left;
  width:100%;
  text-align:center;
  }
#footer_links li {
    height:10px;
  display: inline;
    border-left: 1px #000000 solid;
  text-transform: capitalize;
  margin: 0;
  padding: 0px 5px 0 10px;
  }

#footer_links	li.first {
  border-left: none;
  list-style: none;
  display: inline;
  }
#footer_center .little{
font-size:10px;
color: #666666;
}
/*********************/
/* End Footer styles */
/*********************/

/*original File Name=layout_siderbar.css*/
/*this CSS Document is for all knidsof  siderbar
   1.siderbar
   2.siderbar box
   */
/******************/
/* Sidebar styles */
/******************/
#sidebar_620 {
  float: right;
  width: 635px;
}

#sidebar_620 .padding {
  padding: 0px 5px 0px 4px;
}
#sidebar_240 {
  float: right;
  /*width: 240px;*/
  clear: both;

    width:19%;
    margin-right: 50px;
}

#sidebar_240 .padding {
  padding: 10px 20px 30px 4px;

}
/*----------------------
  style of side bar 300
-----------------------*/
/* one kind of sidebar,for login pages.*/
.sidebar_box_300 {
  width: 300px;
}

.sidebar_box_300 .top {
  background-image: url('../im/sidebar_320_box_top.gif');
  background-repeat: no-repeat;
  padding: 9px 16px 9px 16px;
}

.sidebar_box_300 .mid {
  background-image: url('../im/sidebar_320_box_bg.gif');
  background-repeat: repeat-y;
  padding: 4px;
}

.sidebar_box_300 .btm {
  height: 17px;
  background-image: url('../im/sidebar_320_box_btm.gif');
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
/*----------------------
   end of side bar 300
-----------------------*/

/*-----------------------------
   style of side_bar_box 220
-----------------------------*/
/* one kind of sidebar,for almost every page.*/
.sidebar_box_220 {
  /*width: 220px;*/
    width:100%;
}

.sidebar_box_220 tr,.sidebar_box_220 td {
text-align:left;
}

.sidebar_box_220_topgreen {
  /*width: 220px;*/

    background-color: #f7f7f7;
    width: 100%;

}
.sidebar_box_220 .top {
  /*background-image: url('../im/sidebar_220_box_top.jpg');*/
  /*background-repeat: no-repeat;*/
  /*padding: 9px 25px 9px 10px;*/
  /*margin-top:10px;*/
	 border-top: 4px solid #870a3c;
    background-color: #f7f7f7;
    padding: 10px 25px;
    margin-top:0;
    border-image: linear-gradient(to right, #dc0032,#af144b);
    border-image-slice: 1;
}
.sidebar_box_220 .mid {
  /*background-image: url('../im/sidebar_220_box_bg.gif');*/
  /*background-repeat: repeat-y;*/
  /*padding: 4px;*/

    background-color: #f7f7f7;
    padding: 0 25px 25px 25px;
}

.sidebar_box_220 .mid table {
    border-top: 1px solid #d9d9d9;
    width: 100%;
    padding-top: 20px;
}

.sidebar_box_220 .mid ul li {
    border-top: 0.1em solid #d6d6d6!important;
    border-bottom: none!important;
}


.sidebar_box_220 .btm {
  /*height: 17px;*/
  background-image: url('../im/sidebar_220_box_btm.gif');
  background-repeat: no-repeat;
  /*margin-bottom: 10px;*/

    margin-bottom: 25px;
    height:0;
}



/*sider bar with purple header*/
.sidebar_box_220_topgreen .top2{
  /*BIR Classic defect fix*/
  /*background-image: url('../im/sidebar_220_box_top_purple.jpg');*/
  background-repeat: no-repeat;
  /*padding: 9px 25px 9px 10px;*/

    border-top: 4px solid #570a3c;
    padding: 10px 10px;
    border-image: linear-gradient(to right, #dc0032,#af144b);
    border-image-slice: 1;

}

.sidebar_box_220_topgreen .top2 .sidebar_top a {

    color: #870a3c!important;
    font-size: 18px;
}

.sidebar_box_220_topgreen .top2 img
{
float:left;
vertical-align:middle;
}

.sidebar_box_220_topgreen .mid {
   /*BIR Classic defect fix*/
  /*background-image: url('../im/sidebar_220_box_bg.gif');*/
  background-repeat: repeat-y;
    /*padding: 0 25px 25px 15px;*/
    padding: 0 25px 25px 15px;
}
.sidebar_box_220_topgreen .mid a {
text-decoration:underline;
}

.sidebar_box_220_topgreen .mid table {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding-top: 30px;
}

.sidebar_box_220_topgreen .mid tr td {  padding:0;  }

.sidebar_box_220_topgreen .mid tr td p {

    color: #5a4b4b;
    font-size: 12px; /*changed to 12px instead of 16px for BIR Classic*/
    font-family: 'Source Sans Pro';
}

.sidebar_box_220_topgreen .btm {
  /*height: 17px;*/
  background-image: url('../im/sidebar_220_box_btm.gif');
  background-repeat: no-repeat;
  /*margin-bottom: 10px;*/
    margin-bottom: 25px;
    height:0;
}

.sidebar_box_220 .mid tr td {  padding:0;  }

.sidebar_box_220 .mid tr td p {

    color: #2d2323;
    font-size: 15px;
    font-family: 'Source Sans Pro Light'; 
}
/*.side_banner {
    height: 150px;
    background-image: url('../im/bir_classic/contact-centre@3x.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.side_banner a {  display: none;  }
*/
/*---------------------------
 end of sider bar 220
 ---------------------------*/
 /*---------------------------
   sider bar in login.html
 ---------------------------*/
/* 2009-07-2 liwen :new login sidebar box */
.sidebar_box_440_cont {
margin-left:3px;
float:left;
width: 46%;
}
.sidebar_box_440 {
  width: 440px;
}

.sidebar_box_440 .top {
  background-image:url(../im/login_440bar_top.jpg);
  background-repeat: no-repeat;
  padding: 12px 0px 9px 9px;
}
.sidebar_box_440 .top img{
float:left;
}

.sidebar_box_440 .mid {
  background-image:url(../im/login_440bar_bg.jpg);
  background-repeat: repeat-y;
  padding: 0 9px 0 9px;
}
.sidebar_box_440 .btm {
  height: 17px;
  background-image:url(../im/login_440bar_btm.jpg);
  background-repeat: no-repeat;

}
.sidebar_box_258_cont{
margin:0 0px 0 5px;
width:27%;
float:left;
}
.sidebar_box_258 {
  width: 258px;
}

.sidebar_box_258 .top {
  background-image:url(../im/login_258bar_top.jpg);
  background-repeat: no-repeat;
  padding: 12px 0px 9px 9px;
}
.sidebar_box_258 .top img{
float:left;
}

.sidebar_box_258 .mid {
  background-image:url(../im/login_258bar_bg.jpg);
  background-repeat: repeat-y;
  padding: 0 10px 0 9px;
}

.sidebar_box_258 .btm {
  height: 17px;
  background-image:url(../im/login_258bar_btm.jpg);
  background-repeat: no-repeat;

}


.sidebar_box_229_cont{
margin:0px 18px 5px 0px;
*margin:0px 8px 5px 0px;
float:right;
width: 229px;
}
.sidebar_box_229 {
  width: 229px;
}

.sidebar_box_229 .top {
  background-image:url(../im/login_229bar_top.jpg);
  background-repeat: no-repeat;
  padding: 12px 0px 9px 9px;
}
.sidebar_box_229 .top img {
float:left;
vertical-align:middle;
}
.sidebar_box_229 .mid {
  background-image:url(../im/login_229bar_bg.jpg);
  background-repeat: repeat-y;
  padding: 0px 9px 0 9px;

}

.sidebar_box_229 .btm {
  height: 17px;
  background-image:url(../im/login_229bar_btm.jpg);
  background-repeat: no-repeat;

}
.sidebar_box_229 ul
{
list-style:none;
margin-left:8px;
font-size:1.08em;
padding:1px;
}
.sidebar_box_229 .contact{
  font-family:'Source Sans Pro',Arial, Helvetica, sans-serif;
    margin-left:5px;
    font-size: 1.25em;
    font-weight:bold;
  /* color: #003366; */
  }
/*special for the divider under the top of sidebar in login page */
.divider_login {
  height: 5px;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 10px;
}
 /*------------------------------
   end of sider bar in login.html
 --------------------------------*/
 /*------------------------------
   the sidebar banner
 --------------------------------*/
/**********************/
/* End Sidebar styles */
/**********************/
/*original File Name=layout_top.css*/
/*this CSS Document is for the top of a page
 1.top_nav
 2.breadcrumbs
 3.top_menu
 4.header
 */
/*--------------
  style of top_nav
-------------------*/
#top_nav {
  /*width: 960px;*/
  /*margin: auto;*/
  /*height: 1.67em;*/
  text-align: right;
  /*margin-bottom:0.833em;*/
    display: block;
    overflow: hidden;
    height: auto;
    width: auto;
    margin: 0;
    padding: 20px 50px 0px 20px;
}
#print_logo {
  display: none;
}
#top_nav .padding {
padding: 0 0 0.42em 0.42em;
*padding:0.42em 0 0 0.42em;
}
#top_nav ul{
   float:right;
   height:1.25em;
}
#top_nav ul li{
border-left: 1px #000000 solid;
padding: 0 0.42em 0 0.42em;
position:relative;
margin-left:0.42em;
float:left;
text-transform:capitalize;
text-decoration:none;
list-style-type:none;
}
#top_nav ul li.first {
  border-left: none;
  list-style: none;
  display: inline;
  }
/*--------------
  end of top_nav
-------------------*/

#page_container {
  width: 960px;
  margin: auto auto 25px auto;
  text-align: left;
  background: #ffffff;
}

/***********************/
/* Header/Menus styles */
/***********************/

/*------------------
   style of top menu
--------------------*/

#top_menu {
  /*height: 0.42em;*/
  /*padding: 0.17em 0 0.17em 2.92em;*/
  /*margin: 0.42em 0 0.83em 0;*/
  /*color: #666666;*/
  /*float: left;*/

    height: 40px;
    width: 100%;
    border-top: 1px solid #af144b;
    border-bottom: 1px solid #af144b;
    background-color: #af144b;
    padding: 0;
    margin: 0 0 30px 0;
    box-shadow: 0 1px 1px 0 rgba(213,213,213,0.5);
}

#top_menu li.current {
  /*font-weight: bold;*/
    font-weight: 600; /*font Change*/
    font-family: 'Source Sans Pro Semibold'; /*font Change*/
    border-bottom: 3px solid #ffffff;
  }

#top_menu li {
  display: inline;
  /*border-left: 1px solid #000;*/
  text-transform: capitalize;
  /*margin: 0;*/
  /*padding: 0 0.42em 0 0.42em;*/
  /*text-transform:capitalize;*/
    border:none;
    line-height: 40px;
    margin: 0 50px 0 0;
    padding-bottom: 10px;

  }

#top_menu li a {
    color: #ffffff;
    font-size: 17px;
    font-family: 'Source Sans Pro';
	padding-bottom: 11px;
}

#top_menu	li.first {
  border-left: none;
  list-style: none;
  display: inline;
    margin-left: 50px;
  }
#top_menu a {
  text-decoration: none;
  color: #666666;
  }
#top_menu a:hover {
    /* color:#0066FF; */
}
/*------------------
   style of top menu
--------------------*/
/*------------------
   style of top logo
--------------------*/
#header {
  height: 57px;
  background-image: url('../im/logo_blank.gif');
}
#altnav ul{
   float:right;
   margin:1.25em 0 0 0;
   clear: both;
}

#altnav ul li{
  position:relative;
  margin-left:1.25em;
  float:left;
  text-decoration:none;
  list-style-type:none;
}

.print_item{
  display: none;
}
/*------------------
   end of top logo
--------------------*/

/*------------------
   theme tabs
--------------------*/
/*------------------
   theme tabs
--------------------*/

/***************************/
/* End Header/Menus styles */
/***************************/


/*original File Name=navigation.css*/
/****************************************************************************************************
- Styles in this sheet are used for customising the navigation of the site.
****************************************************************************************************/

/* !Important To be add all pages */
.options_tabs {
  background: url('../im/bg_options_tab.gif') repeat-x left top;
  height: 2.5em;
  margin: 0.42em 0.83em 0 0.83em;
  overflow: hidden;
  padding-left: 1.67em;
  width: 920px;
}
.options_tabs ul {
  float: left;
  height: 2.08em;
  list-style-type: none;
  margin: 0;
  padding: 0.42em 0 0 0;
}
.options_tabs li {
  float: left;
  height: 2.5em;
  margin-right: 1.67em;
  padding: 0.33em 0 0 0;
}
.options_tabs li a {
  color: #fff;
  font-weight: bold;
  padding: 0.25em 0 0.7em 0;
}
.options_tabs li a:hover {
  color: #ccc;
  text-decoration:none;
}

.options_tabs li a span {
}
.options_tabs li.current a {
  background: url('../im/tab_accounts.gif') no-repeat left -107px;
  color: #500a28;
  display: block;
  margin-top:-0.25em;
}
.options_tabs li.current a span {
  background: url('../im/tab_accounts.gif') no-repeat right -52px;
  margin-left: 1.25em;
  padding: 0.25em 1.25em 0.7em 0;
}

/***************/
/* At a Glance */
/***************/
#selectForm{
	width: 220px;
	margin: 0px;
	display: inline;
	clear:none;
}
.quick_access{
  width: 155px;
  transform: translate(-60px, 0px);
}
/*******************/
/* End At a Glance */
/*******************/

/**********************************************/
/* Content Tabs (for Accounts & Transactions) */
/**********************************************/
.tab .options-tabs {
  position: relative;
 /* background: transparent url(../im/tabs/module-options-tab-bg.jpg) repeat-x scroll right bottom;*/
  margin: 30px 0 0 0;
  display: block;
/*  border-top: 1px solid #eee; */
  height: 27px;
  border-bottom-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient( to right, #dc0032,#870a3c);
  border-image-slice: 1;
}
.tab .options-tabs ul {
  position: absolute;
  bottom: -13px;
  /*bottom: 0px;
  bottom: 0px;*/
  list-style-type: none;
  font-family: 'Source Sans Pro Semibold'; 
  font-weight: 600;
  padding-left:10px;
  transform: translate(-10px, 1px);
}
.tab .options-tabs li a {
  outline: none;
  font-weight:bold;
  color: #2d2323; /* cdheck for casa and ata glance ...link(a) color*/
}
.tab .options-tabs li {
  margin-right: 15px;

  float:left;
}
.tab .options-tabs li.current  {

 /* background: #FFFFFF url(../im/tabs/account-tabs.gif) no-repeat right top;*/
  overflow:hidden;
}
.tab .options-tabs li.current a {
  overflow: hidden;
}
.tab .options-tabs li a span {
  display: block;
  margin-left: 0px;
  padding: 3px 10px 3px 10px;
}
.tab .options-tabs li.current a span {
/*  background: transparent url(../im/tabs/account-tabs.gif) no-repeat left -166px;*/
  margin-left: 0px;
  border-bottom-style: solid;
  padding: 3px 10px 3px 1px;

}

.tab .options-tabs li a label {
  display: block;
  margin-left: 0px;
  padding: 3px 10px 3px 10px;
}
.tab .options-tabs li.current a label {
  background: transparent url(../im/tabs/account-tabs.gif) no-repeat left -166px;
  margin-left: 0px;
  padding: 3px 10px 3px 10px;

}

.tab-content {
display:none;
}

.current{
display:block;
}
/********************/
/* End Content Tabs */
/********************/
/**********************************************/
/* Content Tabs (for message_inbox.html) */
/**********************************************/
.tab_message .options-tabs {
  position: relative;
  background: transparent url(../im/tabs/module-options-tab-bg.jpg) repeat-x scroll right bottom;
  margin: 5px 0 0 0;
  display: block;
  border-top: 1px solid #eee;
  height: 27px;
}
.tab_message .options-tabs table {
float:right;
text-align:right;
}
.tab_message .options-tabs ul {
  position: absolute;
  bottom: -11px;
  _bottom: 0px;
  *bottom: 0px;
  list-style-type: none;

  padding-left:10px;
}
.tab_message .options-tabs li a {
  outline: none;
}
.tab_message .options-tabs img {
cursor:pointer;
}
.tab_message .options-tabs li {
  margin-right: 15px;

  float:left;
}
.tab_message .options-tabs li.current  {

  background: red url(../im/tabs/account-tabs.gif) no-repeat right top;
  overflow:hidden;
}
.tab_message .options-tabs li.current a {
  overflow: hidden;
}
.tab_message .options-tabs li a span {
  display: block;
  margin-left: 0px;
  padding: 3px 10px 3px 10px;
}
.tab_message .options-tabs li.current a span {
  background: transparent url(../im/tabs/account-tabs.gif) no-repeat left -166px;
  margin-left: 0px;
  padding: 3px 10px 3px 10px;

}
.tab-content {
display:none;
}

.current{
display:block;
}
.width75 input[type='text']{
width:75%;
}
/********************/
/* End Content Tabs */
/********************/
/*original File Name=pagination.css*/
.pagination {
  text-align: right;
  border: solid 1px #736464;
  border-radius: 5px;
  display: inline-block;
  float: right;
  height: 35px;
  overflow: hidden;
  /*margin-top: 40px;*/ /*20px?*/
  margin-top: 60px; /* 17 Nov*/
}

.pagination a.currentPage {
	/*BIR Classic*/
/*color: #1b8fdc;
text-decoration: underline;*/

	text-decoration: none;
    color: white;
    background-color: #fa551e;
    font-weight: bold;
}
div.pagination .navi {
	/*padding:0 0 8px 0;*/
	/*BIR Classic*/
	padding:8px 0 8px 0;
}
/*original File Name=right-nav.css*/
ul#menu li a {
    background-color: transparent!important;
    padding: 7px 0;
    font-weight:normal;
    font-size: 16px;
    color: #f0325a;
}

ul#menu li a.selected_menuitem {
  /* color:#003366 */
  background-color: #ccedfa;
}
ul#menu li a.selected_menuitem {
  color:#af144b;
  background-color: #ccedfa;
  font-family: 'Source Sans Pro';/*Font Change*/
}
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0 0.42em 0 0;


}

ul#menu a {
  display: block;
  text-decoration: none;
}

ul#menu li {
  text-transform:capitalize;
  border-top: 0.1em solid #d6d6d6;
  border-bottom: 0.1em solid #FFFFFF;
  cursor:pointer;
  background: #fffff;
}

ul#menu li a {
 
  color:#500a28;
  color: #640032;
 font-family: 'Source Sans Pro Light';
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style:normal;
  letter-spacing: normal;
  background-color: #fff;
  padding: 0.3em 1.25em 0.3em 0.5em;
}

ul#menu li a:hover {
 /*  color:#003366; */
  background: #ccedfa;
}
/*original File Name=ssc_jsf.css*/
/* this CSS Document is for the SSC JSF of the page*/ /*

*/ /******************/ /* SSC JSF outputText */ /******************/
.ssc_input_required {
  color: #dc0032;                 /* to change color of * on change password*/
  padding-left: 3px;
}

.ssc_form_label {
  font-weight: bold;
  text-align: right;
}

/***
*For Help Text.
*/
.componentHelpText {
  position: absolute;
  display: none;
}
/**
* Error Message Style Start
*/
/*Error Message Style for Summary Start*/
div.errorSummary p {
  background: url(../im/arrow-white-sprite.gif) no-repeat -115px -962px;
  padding: 0 0 0 2.08em;
  color: #CC3333;
  /*3Oct*/
  /*font-family: arial, helvetica, verdana, sans-serif;*/
  font-family:'Source Sans Pro', arial, helvetica, verdana, sans-serif;
}
div.errorSummary{
   /*background-color: #FFFFD6;* /*12 Jan*/
   background-color: #fcf5f5;
   border: solid 1px #cc3333;
   border-radius: 5px;
   padding: 0.83em 0 0.83em 1.25em;
}
/*Error Message Style for Summary End*/
/*Error Message Style for Details Start*/
tr.errorDetails td p{
   color: #CC3333;
     font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
}
tr.errorDetails td{
   /*background-color: #FFFFD6;*/ /*12 Jan*/
   background-color: #fcf5f5;
   border: solid 1px #cc3333;
   border-radius: 5px;
   padding: 0.83em 0 0.83em 1.25em;
}


.errorDetail{
color: #CC3333;
/*background-color: #FFFFD6;*/ /*12 Jan*/
	background-color: #fcf5f5;
	border: solid 1px #cc3333;
	border-radius: 5px;
	font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
	display: block;
}
.errorDetailNone{
color: #CC3333;
/*background-color: #FFFFD6;*/ /*12 Jan*/
   background-color: #fcf5f5;
   border: solid 1px #cc3333;
   border-radius: 5px;
font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
display: none;
}
/*Error Message Style for Details End*/
/*Error Field Style Start*/
.errorField {
  /*background-color: #FFFFD6;*/ /*12 Jan*/
  background-color: #fcf5f5;
   border: solid 1px #cc3333;
   border-radius: 5px;
}
/*Error Field Style End*/
/**
* Error Message Style End
*/
.header-h3{
    font-size: 1.17em;
  /*   color: #003366; */
    _clear:both;
    font-weight: bold;
    margin: 8px 0 8px 4px;
    text-transform: capitalize;
}
/**
* for sessionSummary.xhtml and activitySummary.xhtml
*/
.column_def_session_summary {}

.column_time_session_summary {
  width: 20%
}
.message_history{
  position: relative;
    top: -3px;
    resize:none;
}
.messageInbox{
    resize:none;
}
/*customer service-message inbox*/
textarea{
	  border: 1px solid #736464;
	  overflow: scroll;
	  color:#500a28;
}

a.questionmark_right{
  margin-left: 10px;
}
a.questionmark_left{
  margin-left: 0px;
}

.section_gap {
  margin-top: 10px;
}

.main_font_color {
  color: #666666;
}
/* haibo: maually merged from UAE. comments this for CMS issue.
.btn a.directional_0 .bl,
  .btn a.actional .bl,
  .btn a.functional .bl,
  .btn a.directional .bl{
  bottom: 0px;
  left: 0px;
}

.btn a.directional_0 .br,
  .btn a.actional .br,
  .btn a.functional .br,
  .btn a.directional .br{
  bottom: 0px;
  right: 0px;
}

.btn a.directional_0 .tl,
  .btn a.actional .tl,
  .btn a.functional .tl,
  .btn a.directional .tl{
  left: 0px;
}

.btn a.directional_0 .tr,
  .btn a.actional .tr,
  .btn a.functional .tr,
  .btn a.directional .tr{
  right: 0px;
}
*/
/**only for at a glance view*/
span.ataglance a{
	font-weight: bold;
	font-family: 'Source Sans Pro Semibold'; 
	color: #f0325a;
}
table#siteMap tr td a.hyperlink h2{
	font-size: 1em;
}
/**css for si, leftLabel **/
table.ssc_form_table tr td.ssc_form_label h2{
	font-weight:bold;
	float:left;
	font-size:1.17em;
	/* color: #003366; */
	padding:2px 0px 4px 0px;
}
table.ssc_form_table tr td.ssc_form_value h2{
	font-weight:bold;
	float:left;
	font-size:1.17em;
	/* color: #003366; */
	padding:2px 0px 4px 0px;
}

/* add for total account start*/
.total_account{
	border-top:2px solid #808080;
	border-bottom:2px solid #808080;
	padding:5px 12px;
	margin:5px;
	font-size:12px;
	position: relative;
}
.total_account td{
	line-height:20px;
	color: #333333;
    font-family: Tahoma,Geneva,sans-serif;
    padding:0;
}
.totalLableStyle{
	text-align:left;
	width: 65%;
}
.totalCurrencyStyle{
	text-align:right;
	font-weight:bold;
	width: 15%;
}
.totalNumberStyle{
	text-align:right;
	font-weight:bold;
}

/* flying saucer */
.fsHidden {
	display: none;
}
.fsTableSplit {
	/*display: none;*/
	width: 0%;
}

/* account details new ui layout */
.div_box_674 {
	width: 650px;
	float: left;
}
.div_box_674 table.progress {
	width: 350px;
}
.db674_cell {
	float: left;
	color: #5a4b4b;
	text-align: inherit;
	width: 48%;
	padding: 5px 5px 0 5px;
	height: 21px;
	line-height: 21px;
	border-bottom: 1px solid #D6D6D6;
	font-size: 14px; /*defect 949 fix*/
}
.db674_cell span {
	float: left;
}
.db674_divider {
	float:left;
	border-bottom: 1px solid #D6D6D6;
	height: 20px;
	width: 99%;
	clear: both;
}
.spLeft {
	width: 48.5%;
}
.spLine {
	width: 99%;
	clear: left;
}
.spBtmLine {
	border-bottom: 0;
}
.db674_cell_right {
	float: right;
	width: 55%;
	padding-top: 25px;
}
.db674_cell_right_loan {
	float: right;
	width: 55%;
}
.db674_cellValue {
	float: right;
}

.btn a.noIconBtn{
	padding-right:10px;
}

.sidebar_box_220_topgreen .payment_offer_myinbox span{
	font-size:.8em;
}

.sidebar_box_220_topgreen  .payment_offer_myinbox a{
	font-size:.8em;
	color:#f00;
	text-decoration:none;

}

.sidebar_box_220_topgreen  .payment_offer_myinbox font{
	font-size:.8em;
	
	color:#af144b;
	text-decoration:none;

}

.loanPayment_subTitle{
	/* color:#003366; */
	font-weight:bold;
	padding-left:5px;
}

div.dialogue {
    display: none;
    position: relative;
    left:45px;
    bottom: 155px;
    width: 181px;
    height: 117px;
    z-index: 9;
    font-size:12px;
    padding: 0px 20px 15px 20px;
    text-align: left;
    vertical-align: middle;
    margin-bottom: -132px;
    background: url(../im/login/helpTips.png) no-repeat;
}
.premierText {
    font-size: 11px;
    font-weight: bold;
}
.campaign_page_link{
	font-size: 11px;
}
.amountText{
	float:right;
}
.amountHeader{
	text-align: left;
}

.amountHeader span{
	float: right;
}
.login_top_banner_image{
	padding:8px 0px 0px 0px;
}

/* Application Center - Starts */
.appCentreCls datalist {
	cellspacing:0;
	cellpadding:0;
	border:0;
	width:100;
}
.width30 {
	width:30%;
}
.width56 {
	width:56%;
}
.width14 {
	width:14%;
}
/* Application Center - Ends */

#preauth_body {
    overflow: hidden;
    padding: 0 29px;
}

.login_time_info {
    border-bottom: 1px dashed #CCCCCC;
    border-top: 1px dashed #CCCCCC;
    clear: both;
    padding: 15px 0;
}
.login_time_info_next {
    border-top: 1px dashed #CCCCCC;
    clear: both;
    padding: 2px 0;
}

.welcomeText {
	font-size: 110%;
	font-weight: bold;
	margin-top: 28px;
}

.IntUnreadMsg {
    margin-top: 28px;
    text-align: right;
    white-space: nowrap;
}

.birthday_message{
    margin-right: 16px;
    padding-bottom: 12px;
    margin-top: 12px;
    padding-top: 25px;
}

.birthday_message table{
      height: 240px;
      width: 900px;
}

.birthday_message td{
      width: 300px;
}

.login_time_info table {
     width: 916px;
}
.login_time_info_next table {
     width: 916px;
}

#preauth_body > h2 {
    padding: 0 0 15px;
    font-weight: bold;
}

#preauth_body  * {
    font-family: 'Source Sans Pro',Verdana,arial,helvetica,sans-serif !important;
}

#preauth_body h2 {
    font-weight: bold;
}

.interstitialDiv {
	height: 240px;
	width:300px;
}

.registSpace {
	margin-left: 10px;
}

.WTBdivider {
    border-bottom: 1px solid #C0C0C0;
    margin-bottom: 10px;
}

.helpTextCalender {
    /* color: #003366; */
}

/* Email confirmation message */
.email_cnf_msg {
	color: #FF0000;
	text-align: center;
	font-weight: bold;
}
	input[type=text]::-webkit-input-placeholder { /* Safari, Chrome(, Opera?) */
				 color:#FF0000;
				 font-style:italic;
				}
				input[type=text]:-moz-placeholder { /* Firefox 18- */
					color:#FF0000;
				 font-style:italic;
				}
				input[type=text]::-moz-placeholder { /* Firefox 19+ */
					color:#FF0000;
				 font-style:italic;
				}
				input[type=text]:-ms-input-placeholder { /* IE (10+?) */
					color:#FF0000;
				 font-style:italic;
				}


/*Add by Nand kumar for Business Banking*/
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}
.btn a.directional
/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/***********************************************
 			BIR Classic
************************************************/
/***********Buttons and links (hover and active functionality)*/

.emptyClass a:active, .highlight a:active,
.odd a:active, .even a:active,
a span:active,
#menu li a:active,#footer_links li a:active{
	text-decoration: underline;
	color: #dd2e52;
}
.emptyClass a:hover,.highlight a:hover,
.odd a:hover, .even a:hover,
a span:hover,
#menu li a:hover,#footer_links li a:hover{
text-decoration:underline;
}
#top_menu li:hover {
	text-shadow: 1px 0px 0px white;
    border-bottom: 3px solid #ffffff;
	text-decoration: none!important;
}
#top_menu li:active {
	text-shadow: 1px 0px 0px white;
    border-bottom: 3px solid #ffffff;
	text-decoration: none!important;
}
#top_menu .current:hover {
    text-shadow: none !important;
    border-bottom: 3px solid white;
	text-decoration: none!important;
}
#top_menu .current:active {
    text-shadow: none !important;
    border-bottom: 3px solid white;
	text-decoration: none!important;
}
 .blue .btn a.actional:active{
color: #f0325a !important;
}
.btn a.noIconBtn:active{
color:#fff !important;
}
.btn a.noIconBtn:hover{
text-decoration: none !important;
}
.noprint .btn .directional_0:hover{
color:#fff !important;
background-color:#870a3c !important;
}
/*Primary button start*/

#form .btn a.directional:hover,.btn a.directional_0_bb:hover{
	background-color: #fa622f ;
}
#form .btn a.directional:active,.btn a.directional_0_bb:active{
	background-color: #ea511e ;
	color: #ffffff ;
}
.btn a.primarybtn1:active{
	background-color: #ea511e!important;
	color: #ffffff !important;
	border: 1px solid #fa551e !important;
}
.btn a.primarybtn1:hover{
	background-color: #fa622f !important;
	color: #ffffff !important;
	border: 1px solid #fa551e !important;
}
.btn a.navigational:active,
.btn a.directional_0:active{
background-color:#ea511e;
}
.btn a.navigational:hover,
.btn a.directional_0:hover{
	background-color: #fa622f;
}
/*Primary button end*/
/* Secondary button start*/
.btn a.reverse:active{
color:#ea511e;
border: solid 1px #ea511e;
}
.btn a.reverse:hover{
color: #fa622f;
border: solid 1px #fa622f;
}

.btn a.reverse1:hover,
.btn a.reverse2:hover,
.btn a.reverse3:hover{
color: #fa622f !important;
border: solid 1px #fa622f !important;
}
.btn a.reverse1:active,
.btn a.reverse2:active,
.btn a.reverse3:active{
color:#ea511e !important;
border: solid 1px #ea511e !important;
}
.btn a.directional:hover,.btn a.actional_bb:hover{
color: #fa622f;
border: solid 1px #fa622f;
}

.btn a.directional:active,.btn a.actional_bb:active{
color:#ea511e;
border: solid 1px #ea511e;
}
/* Secondary button end*/
.btn a.actional:hover{
text-decoration:underline !important
}
/***********Buttons hover and active functionality End*/
/*///////////////////////// REGISTRATION PAGE FIX ///////////////////////////////*/

.componentHelpText-1
{
    left:auto!important;
    top: 12%!important;
    right:10%!important;
    background-color: white;
 }

.componentHelpText-2
{
    left:auto!important;
    top: 35%!important;
    right:10%!important;
    background-color: white;
}

.componentHelpText-1 .top
 {
     display: none;
 }

.componentHelpText-2 .top
{
    display: none;
}

body {

    font-family: 'Source Sans Pro';
    font-size: 14px;
    padding: 0 65px 20px 65px;
    background-color: #f7f7f7;
    background-image:none;
}

select{
    height: 30px;
    /*margin-right: 10px;*/ /*BIR Classic defect fix*/ /*BIR Classic defect fix for UGBRB*/
   /* margin-bottom: 15px;*/
    /*min-width: 150px;*/
	width: 308px;
    font-size: 13px;
    font-weight: normal;
    font-stretch:normal;
    line-height:normal;
     /* added for MZBRB BNC
    color: #0076b6;*/
    color: #500a28;
    border-radius: 5px;
    background-color: white;
    border: 1px solid #736464;
    font-family: 'Source Sans Pro';
    width:auto;

}


input[type="text"] {
    width:100px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #736464;
    display: inline-block;
    /*margin: 0 0 15px 0;*/
    margin: 0 10px 15px 0; /*17Nov Req papet stmt defect fix*/
    background-color: white;
    font-size: 16px;
    color: #736464;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    padding: 0 15px;
}

input[type="password"] {
    width: 274px;
    height: 30px;
    border-radius: 5px;
    
    border: 1px solid #736464;
    display: inline-block;;
    margin: 0 0 15px 0;



    background-color: #ffffff;
    font-size: 16px;
    color: #736464;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    padding: 0 15px;
}

#linkAccountForm input[type='text']{
margin-left: -4px;
}
#content_640
{
    margin: 15px 60px 60px 60px;
    background-color: transparent;
    padding:0;
    width: 70%;
}

@media screen and (max-width: 1130px) {
    #content_640 {
        width: 74%;
    }
}

@media screen and (max-width: 875px) {
    #content_640 {
        width: 70%;
    }
}

#page_container {
    padding: 0 0 10px 0;
    width: 100%;
    position: relative;
}

.acctType h2{
transform:translate(-33px, 0px);
 color: #500a28;
}
 h1
{
    
    width: 207px;
    height: 31px;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height:normal;
    letter-spacing: normal;
    color: #500a28;
	/*BIR Classic defect fix*/
    /*padding-bottom: 45px;*/
	margin-bottom: 20px;
    padding-left: 30px;
    width: 100%; /*defect 949 fix*/
    margin-top:-10px;/*view history pdf text alignment */
}

.tab_box_674 {
    /*BIR Classic defect fix*/
    /*width: 100%;*/
    overflow: hidden;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tab_box_674 .top
{
    /*height: 145px;*/ /*29 Dec*/
    width: 100%;
    /*background-image: url('../im/bir_classic/Classic_Header_Image_Welcome_@2x.png');*/ /*29 Dec*/
    background-size: 75% auto;
    background-repeat: no-repeat;
    background-position: left;
    background-color: white;
}


.tab_box_674 .mid
{
    /*padding:30px;*/ /*14 Jan*/
    /*position: relative;*/ /*defect #935 fix*/
    width: 100%;
    /*background: #f7f7f7;*/
    background: #ffffff; /*11 Jan*/
    margin: 0 auto;
}


.tab_box_674 table
{
    /*BIR Classic defect fix*/
    /*width:80%*/
}

.directional_0
{
    height: auto;
   /* padding: 6px 0!important;*//*MCR Findings*/
    width: 88px;
    text-align: center;
    border-radius: 100px;
    
  /*  background-color: #fa551e!important;*/
    font-size: 16px;
    font-weight: normal!important;
    margin-top: 6px;
    background-image: none!important;
}

.directional_0 em
{
    display:none;
}

.directional_0:hover
{
   /*  background-color: #00618c!important; */
    font-size: 16px;
}

.directional_0:active{
	/*background-color: #00395d;*/
	/* color: #ffffff; */
	/* font-weight: bold; */
}

select
{
    /*padding-right: 10px;*/ /*BIR Classic defect fix for UGBRB*/
}

#content_640 .padding {  padding:0;  }



/********************* HEADER ****************/

#header {
    /* background-image: url('../im/bir_classic/new-digital-logo@3x.png'); */
    background-image: url('../im/bir_classic/logo-barclays.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*background-size: 179px 30px; */
    padding: 0 50px 20px 50px ;
    border-left: 50px solid transparent;
    background-color: white;
    z-index: 10;
    box-shadow: 0px 1px 1px 0px #d5d5d5;
    position: relative;
}


/******************** TOP NAV *****************/

#top_nav {
    display: block;
    overflow: hidden;
    height: auto;
    width: auto;
    margin: 0;
    padding: 20px 50px 0px 20px;
}

#top_nav ul li {  border:none;  }

#top_nav ul li a {
	
    color: #5a4b4b;
    font-size: 15px;
}

.btn a.actional {
    height: auto;
    padding: 6px 0;
    min-width:100px;
    text-align: center;
    border-radius: 100px;
   /* background-color: #f0325a;*/ 
    font-size: 16px;
    font-weight: normal;
}

.deactivate_button {
	color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    min-width: 160px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #0074a6;
    background-color: #00618c!important;
    border-radius: 100px;
    font-size: 14px;
    padding: 0!important;
    font-weight: 300;
}

.deactivate_button:hover{
	color: #fff;
	background-color: #0074a6;
}

#altnav ul li {
    color: #500a28;
    font-weight: normal;
    font-size: 17px;
}

#altnav a img {  display: none;  }


#altnav ul .btn.fr {
    margin-top: 0 !important;
    margin-left: 10px;

}

#altnav ul li strong {
    text-decoration: underline;
    font-weight: normal;
}


.options_tabs  {  display: none;  }


/***************** TOP HEADER ***************/

#scrollup {
    /*height: 120px;*/
    height: 200px;
    width: 100%;
    /*background-image: url('../im/bir_classic/Classic_Header_Image_Welcome_@2x.png');*/
    background-size: 75% auto;
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: 35px;
}

/*#scrollup .headline {  display: none!important;  }*/ /*29 Dec*/



/*********************** FORM ***************************/

/*
.progress_bar_tex_short
{
    display: none;
}*/

.ssc_form_label {
	display: inline-block;
	text-align: left;
	font-size: 14px; /* CustomerService-->Schedule appoi.*/
	/* color: #500a28; */
	color: #787272;
	font-weight: normal;
	padding: 0;
	/* line-height: 1.5; */
	min-width: 100%;
	/* margin-top: 5px; */
}

.ssc_form_value {
	display: block; /*BIR Classic defect fix 14 Nov*/
	/* color: #736464; */ /* Change color for transfer between accounts*/
	color: #2d2323;
	padding: 0;
	font-size: 18px;
	padding-bottom: 12px;
	/* text-transform: uppercase; */
}

.ssc_form_value:empty{ background: red; height: 0px; padding: 0; margin: 0;}
.ssc_form_label:empty{ background: yellow; height: 0px; padding: 0; margin: 0;}

td.ssc_form_label span[style] {
/*	background: yellow; */
	padding: 4px 0;
	font-weight: bold;
	color: #2d2323;
	width: 100%;
/*	border-bottom: 1px solid #d7d5d5;*/
	margin-bottom: 12px;
	font-size: 18px;
	margin-top: 32px;
}


#debitCardDetails label span
{
    font-size: 14px;
    /* color:#00395d; */
    font-weight: normal;
}

#debitCardDetails table:nth-of-type(2)
{
    background-color: #E9E7E7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-collapse: collapse;
    margin-bottom: 25px;
}


#debitCardDetails table:nth-of-type(2) input
{
    width: 50px;
    height: 40px;
    border: 1px solid #bfbfbf;
}

#debitCardDetails table:nth-of-type(2) td
{
    text-align: center;
    padding: 0;
}

#debitCardDetails table:nth-of-type(2) td:nth-child(even) {
    display:none;
}


#debitCardDetails table:nth-of-type(2) input
{
    padding: 0;
    display: inline-block;
    text-align: center;
}



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

#debitCardDetails table:nth-of-type(1)
{
    text-align: center;
    background-color: #E9E7E7;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: 10px;
    padding-top: 5px;
}

#debitCardDetails table:nth-of-type(1) tr td
{
    width: 50px;
}

#debitCardDetails table:nth-of-type(1) tr td:nth-child(even)
{
    display: none;
}

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

#identityClaimForm table:nth-of-type(2)
{
    font-size: 14px;
}
.page_tp_button
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.page_tp_button td
{
   /* display: inline-block;*/
}

.page_tp_button td .btn
{
    margin: 0 10px;
}
.btn a.reverse1 {
    color: #fa551e!important;
    background-color: #ffffff!important;
}
.btn a.reverse2{
	background-color: #ffffff!important;
	color: #fa551e!important;
	transform: translate(-130px,-34px)!important;
}
.btn a.reverse3{
transform: translate(-224px,0px);
}
.backbutton{
float: left;
margin-left: -18px;
}
.btn .reverse4{
/* transform: translate(-294px, -35px); */
}
.btn a.navigational
{

    min-width: 120px;
    width:auto;
    height: 33px; /*sqa page bnc*/
    line-height:36px; /*sqa page bnc*/
    border: none;
	font-weight: 600;
  
    color:#ffffff;
     background-color: #fa551e;/* next button in sqa screen*/
    font-size: 14px;
    padding: 0;
    background-image:none;
    text-align: center;
    
    border-radius: 5px;
    border:1px solid #fa551e;
    font-family:'Source Sans Pro Semibold';

}

.btn a.navigational:hover
{
	/*
    background-color: #00618c;*/
     /* background-color: #fa551e; */
}

.btn a.navigational span
{
    display:none;
}


.btn a.navigational em
{
    display:none;
}

.btn a.navigational:active
{
 /*   background-color: #00395d;*/
	/* color: #ffffff; */
	/* font-weight: bold; */
}

.btn a.default
{

    line-height:36px;  /*sqa page bnc*/
    /* added for BNC
    border: 1px solid #0074a6;
    background-color: #ffffff;
    color:#0074a6;
    border-radius: 100px;
    min-width: 160px;
    height: 45px;
     padding: 0!important;*/
    /* bottom: 30px;   /*sqa page bnc*/
     /*right: 355px;  /*sqa page bnc*/
    /*min-width: 120px;*/
    width: auto;
	min-width:120px;
    height: 33px;      /*sqa page bnc*/
     border: 1px solid #fa551e;
    background-color: #ffffff;
    color:#fa551e;
    border-radius: 5px;
    font-size: 14px;
    font-weight:600;
    font-family: 'Source Sans Pro Semibold';

}

.btn a.default:hover
{
	/* added for BNC
    background-color: #e5f7fd;
    display:none;*/
}

.btn a.default span
{
    display:none;
}

.btn a.default:active
{
   /* background-color: #00395d;*/
	/* color: #ffffff; */
	/* font-weight: bold; */
}

.btn a.default span
{
    display:none;
}

.btn a.directional:hover
{
   /*  color: #ffffff; */
}

.btn a.directional:active
{
    /*background-color: #00395d;*/
	/* color: #ffffff; */
	/* font-weight: bold; */
}

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


#identityClaimForm\:id
{
    /*BIR Classic defect fix*/
    /*width: 87%;*/
    float: left;
    margin-bottom: 25px;
}

.questionmark_right
{
    display: inline-block;
    /*float:right;*/ /*BIR Classic defect fix*/
}
/*Two times Question Mark on At A Glance  PDF*/
/*.questionmark_right::before
{
    content: '?';
    width: 15px;
    color:white;
    height: 15px;
    font-size: 10px;
    background-color: #fa551e;
    position: absolute;
    border-radius: 100px;
    text-align: center;
    line-height: 15px;
}
*/

#identityClaimForm\:cardNum
{
   /*BIR Classic defect fix*/
   /*width: 87%;*/
   float: left;
   margin-bottom: 25px;
}



#identityClaimForm span
{
    /*color:#F7F7F7;*/
}

#identityClaimForm p
{
    margin-top: 10px;
}

/*.ssc_form_table select*/
/*{*/
    /*width:155px;*/
/*}*/

#debitCardDetails table:nth-of-type(3) tr
{
    display: inline-block;
}

#debitCardDetails table:nth-of-type(3) tr:first-child
 {
     width: 50%;
 }

#debitCardDetails table:nth-of-type(3) tr:nth-child(2)
{
    padding-top: 16px;
}

.tab_box_674 .btm
{
    display:none;
}

/*.ssc_form_table input[type="password"]*/
/*{*/
    /*width: 50px;*/
    /*text-align: center;*/
/*}*/


/************************* FOOTER ***********************/


#footer
{
    /*BIR Classic defect fix*/
    position: relative; /*11 Jan*/
    background: white;
    width: 100%;
    bottom: -123px;
    text-align: center;
    height: 70px;
    margin-bottom: 30px;
}

#footer #footer_center_long
{
    width: auto;
    float:none;
    height: auto;
    background-image: none;
}

#footer_links li {  border-left: 1px solid #f0325a;  }

#footer_links a {
	
    color: #f0325a;
    font-size: 14px;
}


#footer_left_long
{
    display: none;
}

#footer_right_long
{
    display:none;
}

/************************************ FONTS ******************************/

.otp_box
{
    /*width:55%*/
}

.otp_box .top1
{
    color: #500a28;
}

/*********************************** SQA Fix *****************************/

.sqa_table
{
	width: 225px;
    float:right;
}

/*********************************** PAGINATION *****************************/
.pagination a{
    text-align: center;
    height: 35px;
    width: 35px;
    border-left: solid 1px #bfbfbf;
    overflow: hidden;
    display: inline-block;
    line-height: 35px;
    color: #fa551e;
    font-size: 16px;
}

.pagination a:first-child {  border: none;  }

.pagination a::after {  display:none;  }

/********************************** MANDATED USER *************************/
.create_mandate_user_table input
{
    width: 200px;
}

.create_mandate_user_Name td:nth-child(3)
{
    padding-top: 58px;
}

.create_mandate_user_Name td:nth-child(4)
{
    padding-top: 40px;
}

/************************CASA Account Detail List*************************/
#detailForm\:accountList{
  width: 308px;
  height:30px;
  border-radius: 5px;
  border: solid 1px #736464;
  font-size: 12px;
}
#detailForm td{
color: #5a4b4b;
}
/************************Create Mandate User Customer Name*************************/
#CreateMandateInput input[type='text']{
width: 75%;
}
#CreateMandateInput\:customerTitle{
  font-size: 12px;
}

#CreateMandateInput\:CustomerName{
margin: 0px;
padding: 0px;
width: 120px;
}

#CreateMandateInput\:customerMiddleName{
margin: 0px 0px 0px 0px;
padding: 0px;
width: 120px;
}

#CreateMandateInput\:customerLastName{
margin: 0px 0px 0px 0px;
padding: 0px;
width: 120px;
}

#CreateMandateInput\:fromDate{
	  font-size: 9px;
}

/*****Bank lookup button misalignment on RTGS page fix*****/
#form\:bankName{
  width: 65%;
}

/****Button class specific for BB screens****/
.btn a.actional_bb {
    min-width: 108px;
    height: 33px;
    line-height:35px;
    border: 1px solid #fa551e;
    background-color: #ffffff;
    color: #fa551e;
    border-radius: 5px;
    font-size: 14px;
    padding: 0!important;
	text-align: center;
	text-transform:capitalize;
    text-decoration:none;
}

a:hover.actional_bb{
  background-position: -19px 0;
}

a:hover.actional_bb {
  /* background: #036; */
  text-decoration:none;
  cursor:pointer;
  /* color: #fff; */
}

.btn a.default_bb
{
    min-width: 108px;
    width:auto;
    height: 33px;
    line-height:35px;
    border: 1px solid #fa551e;
    background-color: #ffffff;
    color:#fa551e;
    border-radius: 5px;
    font-size: 14px;
    padding: 0!important;
	text-align: center;
	text-transform:capitalize;
    text-decoration:none;
}

.btn a.default_bb:hover
{
    /* background-color: #e5f7fd; */
}

a:hover.default_bb {
 /*  color: #036; */
  text-decoration:none;
  cursor:pointer;
}

.btn a.default_bb span
{
    display:none;
}

.btn a.default_bb:active
{
   /* background-color: #00395d;*/
	/* color: #ffffff; */
	/* font-weight: bold; */
}

.btn a.default_bb span
{
    display:none;
}

.btn a.directional_0_bb {
  min-width: 108px;
  height: 33px;
  line-height: 35px;
  border: 1px solid #fa551e;
  background-color: #fa551e;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  padding: 0!important;
  text-align: center;
  text-transform:capitalize;
  text-decoration:none;
}

a.directional_0_bb {
  color: #fff;
  text-transform:capitalize;
  text-decoration:none;
}
a:hover.directional_0_bb {
  /* background: #036; */
  text-decoration:none;
  cursor:pointer;
  /* color: #fff; */
}

.btn a.directional_0_bb:hover
{
    /* background-color: #00618c!important; */
}

.btn a.directional_0_bb:active{
	/*background-color: #00395d;*/
	/*color: #ffffff;*/
	/* font-weight: bold; */
}

/****Recurring fund transfer field alignment****/
#form\:terminateAmount{
   width: 55%;
}

#form\:terminateNumber{
  width: 55%
}
/*defect 932 domestic Barclays account FT result screen header*/
#form\:j_id78{
  width: 100%;
}

/************************************ FONTS ******************************/
/*Source Sans Pro Styling*/
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Source Sans Pro Semibold';
    src: url('../fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('../fonts/SourceSansPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




@media only screen and (max-width: 1230px){
	h1{
      font-size: 22px;
      line-height: 1em;
    }

	select{
		max-width: 400px;
	}

	#altnav ul li{
		font-size: 9px;
	}

	#top_menu li a{
		font-size: 12px;
	}

	#content_640{
		margin: 15px;
	}

	#sidebar_240{
	  margin-right: 5px;
	}

	.sidebar_box_220 .mid{
	  padding: 5px;
	}

	.sidebar_box_220 .top{
		padding: 10px 10px;
	}

	.sidebar_top, .sidebar_box_220_topgreen .top2 .sidebar_top a {
	  font-size: 16px;
	}

	.tab_box_674{
		overflow: visible;
		padding: 0 5px; /*BB screen fix*/
	}
	.tab_box_674 table{
	  width : 95%;
	}
	.btn a.directional_0{
	  min-width: 100px;
	}

	.btn a.navigational{
	  min-width: 100px;
	}

	.btn a.default{
	  min-width: 100px;
	}

	.btn a.directional{
	  min-width: 100px;
	}

	.banner_saving_account img{
	  width: 150px;
	}

	#selectForm\:quick_access{
        height: 25px;
        font-size: 12px;
       /* margin: -50px -110px 0px 0px; Mobile View Change*/
		 margin: 10px -60px 0px 0px;
	}
	.noprint .btn .directional_0{
	transform:translate(-1px,10px)!important;/*Mobile View Change*/
	}

	.quick_access{
	  width: 120px;
	}

	#detailForm\:accountList{
		width: 200px;
	}

	#otpInput{
	  width: 65%;
	  margin-top: 15px;
	}

	.otp_box .top1, .otp_box .mid1 {
	  border: 1px solid #bfbfbf;
	}

	.pagination{
		margin-top: 15px;
	}
	.pagination a{
		width: 20px;
		font-size: 12px;
	}

	.page_tp_button{
		margin: 0px;
	}

	#scrollup{
		margin-bottom: 0px;
	}

	ul#menu li a{
		font-size: 14px;
	}

	.tab .options-tabs{
		font-size: 12px;
		margin: 15px 0 0 0;
	}

	#detailForm\:fromDate{
  		margin: 0px
	}

	#detailForm\:toDate{
  		margin: 0px
	}

	/*text on OTP screen*/
	#j_id35\:j_id41{
	  font-size: 12px
	}

	.btn a.functional{
	  min-width: 100px;
	}

	/*view history->select bill payment->biller select dropdown*/
	#form\:payeeFilter{
		width: 220px;
	}

	textarea{
	  height: 70px;
	  overflow: scroll;
	}

	#header{
      padding: 0px 5px 15px 5px;
    }

	.headline{
	  width: 90%;
	}

	.headline img{
	  width: 620px;
	}

	.sidebar_box_220_topgreen .mid{
	  padding: 5px;
	}

	.sidebar_box_220_topgreen .mid tr td p{
	  font-size: 10px;
	}

	#form\:branchName{
	  width: 50%;
	}
}




/* FOR ACL */
#acltry .ssc_form_label {
    display: table-cell;
    width: 32%;
    padding-bottom: 12px;
    font-size: 12px;
    color: #2D2323;
    padding-left: 30px;
}

#aclform1 p, #aclform3 p, #acltry .ssc_form_value, #aclform1 .ssc_form_value{
    font-size: 12px;
}

#acldate {
    text-align: right;
    padding-right: 20px;
    color: #2D2323;
}

form#acltry {
    margin: 0px 0px -20px 0px;
}