/*------------------------------------*
    Fraud Warning
*------------------------------------*/
.TakeFiveLogo {
	float: right;
	width: 250px;
}
.TakeFiveLogo img {
	float: right;
	width: 80%;
	height: 80%;
}
#FraudWarningWrapper {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 91;
}
#FraudWarningBackground {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 92;
  background: #000;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
#FraudWarningMessage {
  position: absolute;
	margin-left: -180px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 93;
  display: grid;
}
#FraudMessageInner {
  align-self: center;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas:
    "fraud-heading fraud-heading"
    "fraud-content fraud-content"
    "stop-link continue-link";
  background: #fff;
}
#FraudHeadingWrapper {
  grid-area: fraud-heading;
  padding-top: 85px;
  text-align: center;
  background: #9e121a url(../images/icons/triangle-exclamation-light.svg) top 25px center no-repeat;
  background-size: 80px;
  color: #fff;
}
#FraudHeadingWrapper h2 {
  font-size: 2em;
  font-weight: normal;
	color: #fff;
}
#FraudContentWrapper {
  grid-area: fraud-content;
  place-self: center;
  width: 700px;
  box-sizing: content-box;
  margin-bottom: 1em;
  padding: 10px;
  border-bottom: 1px solid #000;
}
#StopTransactionLinkWrapper,
#ContinueTransactionLinkWrapper {
  width: 350px;
  /*text-align: center;*/
  margin: 1em 1em 2em 1em;
  a {
    width: 80%;
  }
}
#StopTransactionLinkWrapper {
  grid-area: stop-link;
  justify-self: end;
}
#ContinueTransactionLinkWrapper {
  grid-area: continue-link;
  justify-self: start;
}
#StopTransactionLinkWrapper a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  margin: 5px 0px 0px 0px;
  padding: 3px 1.8rem 4px 1.3rem;
 /* min-height: 2.6rem;*/
  line-height: 16px;
  font-size: 0.8rem;
  /*font-weight: bold;*/
  background: #fff;
  border: 1px solid #e3e3e3;
  color: #333333;
  /*border-radius: 4px;*/
}
#StopTransactionLinkWrapper a:hover {
  background: #f3f3f3;
}
@media screen and (max-width:700px) {
  #FraudMessageInner {
    grid-template-columns: auto;
    grid-template-areas:
      "fraud-heading"
      "fraud-content"
      "stop-link"
      "continue-link";
  }
  #FraudContentWrapper {
    width: auto;
  }
  #ContinueTransactionLinkWrapper,
  #StopTransactionLinkWrapper {
    justify-self: left;
    margin-bottom: 1em;
	text-align: center;
  }
	#ContinueTransactionLinkWrapper.ActionButton a,
	#StopTransactionLinkWrapper.ActionButton a {
	float: none;
  }
}

/* -- Documentation Reference */

@media screen {
.questionNumber {
	height: 1%;
	font-weight: bold;
	padding: 0px;
	background-color: #000;
	color: #fff;
	margin: 30px 0 5px 0;
	clear: both;             
	display: none;
}
/* -- END Documentation Reference */

/*GLOBAL ELEMENTS begin*/
BODY {
	margin: 0px; 
	background-color: #FBF4E4;
	color: #000000;
	text-align: center;
	min-width: 772px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#ModalWrapper {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 101;
}
#ModalBackGround {
	background: #000;
	filter: alpha(opacity=75);
	opacity: 0.75;
	z-index: 102;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
#ModalMessage {
	display: none;
	padding: 20px;
	margin: 100px 0 0 0;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1003;
	text-align: center;
}
/* --- Login Styles ---*/

/* LoginControl */

#LoginControl {
	width: 560px;
	margin-top: 20px;
}

#LoginControl .Heading {
	display: block;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}

#LoginControl .UsernamePasswordNextButton {
	z-index:1;
	position: relative;
	float: right;
}

#LoginControl .UsernamePasswordPreviousButton {
	z-index:1;
	position: relative;
	float: left;
}

#LoginControl .UsernamePasswordForgotten {
	z-index:1;
	position: relative;
	float: left;
}

#LoginControl .Spare2 {
	position: relative;
}
.Next {float: right;margin:2em 0;}
.Previous {float: left;margin:2em 0;}



/* Login Control USERNAME and PASSWORD panel*/

#UserNameDiv {
	margin-top: 20px;
	background-color: #F7E8EB;
	width: 540px;
	padding: 0 10px;
	font-weight: bold;
	color: #535353;
}

#PasswordDiv {
	margin: 2px 0 15px 0;
	background-color: #F7E8EB;
	width: 540px;
	padding: 0 10px;
	font-weight: bold;
	color: #535353;
}

.QuestionWrapper.UserName,
.QuestionWrapper.Password,
.QuestionWrapper.Email,
.QuestionWrapper.MemorableDetails1,
.QuestionWrapper.MemorableDetails2,
.QuestionWrapper.MemorableDetails3 {
	background-color: #F7E8EB;
    color: #535353;
    font-weight: bold;
    /*margin-top: 20px;*/
    padding: 0 10px;
    width: 540px;
}
.QuestionWrapper.UserName, .QuestionWrapper.Password, .QuestionWrapper.Email {
	font-weight:bold;
	color:#535353;
}
/*.QuestionWrapper.UserName {
	margin-top:2em;
}
.QuestionWrapper.Password {
	margin-bottom:2em;
}*/

.ActionButtons.Action .Button {
float:right;	
}
/*.ActionButtons.Action {
	margin:2em 0;
}*/
.QuestionWrapper.RememberMe {
	padding:0.5em 0;
	background:none;
}

.RememberMeWarningText {
	font-weight: bold;
}

.RememberMeCheckBoxDiv {
	margin-top: 10px;
}

#LoginControl .WizardButtons {
	margin:0;}

p.ClearPass {
	margin-top: 2em;
}

/* Login Control MEMORABLE DATA panel*/

#FirstDiv, #SubDiv, #MemorableDataPair1, #MemorableDataPair2, #MemorableDataPair3  {
	margin-top: 2px;
	background-color: #f7e8eb;
	padding: 0 5px;
	font-weight: bold;
	color: #535353;
}


#MemorableDataPair1 {
	margin-top:20px;
}
#MemorableDataPair3  {
	margin-bottom:20px;
}
.CheckMemorableDataNextButton {
	float:right;
}
.MemQuestion {
	font-weight: Bold;
}

/* Mem Data Varying Position */
.MemorableDataPanel1 select {
    margin-left: 0;
}
.MemorableDataPanel2 select {
    margin-left: 20px;
}
.MemorableDataPanel3 select {
    margin-left: 40px;
}
/* END Mem Data Varying Position */



/*--- END of Login ---*/
    
 

/* SCA Account Summary Notice */

.ViewNominatedAccountControl .UnverifiedNotification .ActionButton,
.UnverifiedNotification .ActionButton{
    text-align:center;
}
    
.UnverifiedNotification .ActionButton a{
    float:none;
}

.NoticeContainer{
    border:5px solid #a81e2d;
    text-align:center;
    padding: 20px;
    background: #fff;
    margin-bottom:20px;
}

.NoticeContainer h2{
    color: #A81E2D;
    margin-top: 5px;
}

/*------------------------------------*
	$SCA
*------------------------------------*/

#ScaVerificationControl .change-nom-btn{
    text-align:left;
}    
    
#ScaVerificationControl .change-nom-btn a{
    float:none;
	font-size: 0.8rem;
}

.ChangeDetailsControl .UnverifiedNotification h2{
    margin-top:1em;
}
    
       

/*--- Acc Summary Table ---*/
.SummaryTable .Column2,
.THeading1, .TFooter1 {
	display:none;
}
.THeading2, .THeading3, .THeading4, .THeading5, .THeading6 {
	text-align:center;	
}
.TFooter3, .TFooter4 {
	font-weight:bold;
}
.Column6, .TFooter4 {
	text-align:right;
}
.Column7, .Column8 {
	text-align:center;
}
.TFooter2, .TFooter3, .TFooter5, .TFooter6 {
	background-color:#a81e2d;
	color:#fff;
}

/*--- Interest Rate Display  ---*/

#CategorisedAccountSummaryControl_tblAccountSummary {
	text-align: center;
	margin-bottom:0;
}

.OptionsData{
	text-align: center;
	width:150px;
}

.OptionsData ul{
	margin:0;
	padding:0;
	display: inline-block;
}

.OptionsData li{
	list-style:none;
	float:left;
}

.OptionsData li:first-child{
	margin-right:20px;
}

.SummaryTotals{
	background: rgb(168, 30, 45) none repeat scroll 0% 0%;
	padding: 8px;
	margin-top: 0px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-align: left;
}

#InterestStatement_pnlAccountStatusControl > .QuestionWrapper,
#AccountMaintenance_pnlAccountStatusControl > .QuestionWrapper,
#Statement_pnlAccountStatusControl > .QuestionWrapper,
#MaturityOptions_pnlAccountStatusControl > .QuestionWrapper,
.InterestRateInformation > div > .maintenanceinformationtype,
.MaturityDate > .maintenanceinformationtype{
	width: 100% !important;
	background: none;
	height: auto;
	margin-top:0;
	border-bottom: 0px !important;
}

#InterestStatement_pnlAccountStatusControl > div > .Question,
#AccountMaintenance_pnlAccountStatusControl > div > .Question,
#Statement_pnlAccountStatusControl > div > .Question,
#MaturityOptions_pnlAccountStatusControl > div > .Question,
.InterestRateInformation > div > .maintenancelabel,
.StatementPage .AccountMaintainScreen .maintenanceinformationtype .maintenancelabel, 
.MaturityOptionsPage .maintenanceinformationtype .maintenancelabel,
.MonthlyStatementChoicePage .maintenanceinformationtype .maintenancelabel,
.MonthlyStatementPage .maintenanceinformationtype .maintenancelabel {
	background: #A81e2d;
	color: #fff !important;
	width: 19em !important;
	float: left;
	text-align: left;
	box-sizing: border-box;
	margin-right: 1px;
	height: auto;
	padding:5px;
}

#InterestStatement_pnlAccountStatusControl > div > .Answer,
#AccountMaintenance_pnlAccountStatusControl > div > .Answer,
#Statement_pnlAccountStatusControl > div > .Answer,
#MaturityOptions_pnlAccountStatusControl > div > .Answer,
.InterestRateInformation > div > .maintenancevalue,
.StatementPage .AccountMaintainScreen .maintenanceinformationtype .maintenancevalue,
.MaturityOptionsPage .maintenanceinformationtype .maintenancevalue,
.MonthlyStatementChoicePage .maintenanceinformationtype .maintenancevalue,
.MonthlyStatementPage .maintenanceinformationtype .maintenancevalue{
	background: #F7E8EB;
	color: #000;
	width: 24em !important;
	float: left;
	text-align: right;
	box-sizing: border-box;
	padding:5px;
}
.MaturityOptionsPage .maintenanceinformationtype .maintenancelabel,
.MaturityOptionsPage .maintenanceinformationtype .maintenancevalue,
.MonthlyStatementChoicePage .maintenanceinformationtype .maintenancelabel,
.MonthlyStatementChoicePage .maintenanceinformationtype .maintenancevalue,
.MonthlyStatementPage .maintenanceinformationtype .maintenancelabel,
.MonthlyStatementPage .maintenanceinformationtype .maintenancevalue {
    border-bottom: 1px #fff solid;
    }
.AccountInfo .QuestionWrapper .Answer {margin:0;}
.AccountInfo .ActionButton {margin: 0; padding: 0;text-align: left;}

/*--- END Interest Rate Display  ---*/

/*--- END Acc Summary Table ---*/
/*--- Welcome Message ---*/
.WelcomeMessage {
	margin-bottom:15px;
}
.UpdateEmailAddress {
	margin:20px 0;
	display:block;
} 
/*--- END Welcome Message ---*/
.Row .RowInput {
	margin:0.75em 0;
}

.ConfirmButton {
	margin-top:240px;
	float:right;
}

.CancelButton {
	margin-top:240px;
	float:left;
}
/*--- Statements ---*/
/* Account Status*/

#AccountStatus {
	position: relative;
	margin-bottom: 80px;
	display: block;
}
ul.ChangeDetaisl {list-style:none;}


.QuestionWrapper.UserDetails,
.QuestionWrapper.PseudoName,
.QuestionWrapper.Balance,
.QuestionWrapper.ViewAccountDetails  {
	width:139px;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
	border-right:1px solid #fff;
}

.QuestionWrapper.AccountStatus {display:none;}

.QuestionWrapper.ViewAccountDetails {
	border-right:1px solid #fff;
}
.QuestionWrapper.ProductName {
	display:none;
}
.QuestionWrapper.UserDetails .Question,
.QuestionWrapper.PseudoName .Question,
.QuestionWrapper.Balance .Question,
.QuestionWrapper.ViewAccountDetails .Question {
	width:139px;
	height:40px;
	background-color:#A81e2d;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
	}

.QuestionWrapper.UserDetails .Answer.Confirmation,
.QuestionWrapper.PseudoName .Answer.Confirmation,
.QuestionWrapper.Balance .Answer.Confirmation,
.QuestionWrapper.ViewAccountDetails .Answer.Confirmation {
	width:139px;
	text-align:center;
	background-color: #F7E8EB;
	margin:0;
	padding:0;
}
	
/*

#Savings_UserDetailsLabel.Question,
#Savings_PseudoNameLabel.Question,
#Savings_BalanceLabel.Question,
#Savings_ViewAccountDetailsLabel.Question {
	top:90px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	height: 39px;
	position: absolute;
	background-color: #A81E2D;
	border-bottom: 1px solid #ffffff;
	float:none;
	padding-top:5px;
}


#Savings_UserDetailsLabel.Question, #Savings_UserDetailsDataLabel.Answer {
	width: 154px;
}
#Savings_ProductNameLabel.Question, #Savings_ProductNameDataLabel.Answer {
	visibility: hidden;
}
#Savings_PseudoNameLabel.Question, #Savings_PseudoNameDataLabel.Answer {
	left: 160px;
	width: 139px;
}
#Savings_BalanceLabel.Question, #Savings_BalanceDataLabel.Answer {
	left: 300px;
	width: 139px;
}
#Savings_ViewAccountDetailsLabel.Question, #Savings_ViewAccountDetailsDataLabel.Answer {
	left: 440px;
	width: 120px;
}

#Savings_UserDetailsDataLabel.Answer,
#Savings_PseudoNameDataLabel.Answer,
#Savings_BalanceDataLabel.Answer,
.QuestionWrapper.ViewAccountDetails.Answer {
	top:137px;
	position: absolute;
	text-align:center;
	height: 30px;
	background-color: #F7E8EB;
	border-bottom: 1px solid #ffffff;
	float:none;
	padding-top:10px;
}
#Savings_UserDetailsDataLabel.Answer {
	width: 154px;
}
#Savings_PseudoNameDataLabel.Answer {
	left: 160px;
	width: 139px;
}
#Savings_BalanceDataLabel.Answer {
	left: 300px;
	width: 139px;
}
#Savings_ViewAccountDetailsDataLabel.Answer {
	left: 440px;
	width: 120px;
}

a:link.Answer.Confirmation {
	width: 120px;
	height: 30px;
	float:right;
	text-align:center;
	background-color:#f7e8eb;
	padding-top:10px;
	margin:-39px -5px 0px 0px 
}*/

/* Statement */
#StatementMenu {
	margin-top:10px;
}
#Statementcontrol {
	width: 560px;
}
#StatementControl_StatementSelectionLabel {
	position: relative;
	margin-top: 20px;
}
#StatementControl_StatementSelectionDropDown{
	margin-top: 20px;
	position: relative;
}
#StatementControl_PrintButtonPanel {
	position: relative;
	width: 560px;
	margin-top: 20px;
	text-align: right;
}
#StatementControl .Column5, #StatementControl .Column6, #StatementControl .Column7 {
	text-align: right;
}

/* PENDING TRANSACTION CONTROL LAYOUT  ---------------------------------------------------------- */
#PendingTransactionsControl {
	width: 560px;
	display: block;
}
#PendingTransactionsControl .MiniStatementTable {
	margin-bottom: 20px;
	position: relative;
}
#PendingTransactionsControl .PendingTransactionsSelectionDescription{
	position: relative;
}
#PendingTransactionsControl .PendingTransactionsWarningLabel{
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 560px;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	display: block;
}
#PendingTransactionsControl .SelectedDateInThePastWarningLabel{
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 560px;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	display: block;
}
#PendingTransactionsControl .RefreshButton{
	position: relative;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
#PendingTransactionsControl .InformationDescription{
	position: relative;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
#PendingTransactionsControl .ToTextBox{
	position: relative;
}
#PendingTransactionsControl .PendingTransactionsToTextBox{
	margin-right: 20px;
	position: relative;
}
#PendingTransactionsControl .Column5 {
	text-align: right;
}
#PendingTransactionsControl .Column6 {
	text-align: right;
}
#PendingTransactionsControl .Column7 {
	text-align: right;
}
#StatementControl_ExportPanel {
	width: 560px;
	margin-top: 20px;
	position: relative;
	margin-bottom: 40px;
	display: block;
}
#StatementControl_ExportPanel  .ExportStatementSubHeader {
	margin-bottom: 10px;
	margin-top: 20px;
	position: relative;
	display: block;
}
#StatementControl_ExportPanel  .FromDateDescription{
	position: relative;
}
#StatementControl_ExportToDropDown{
	position: relative;
}
#StatementControl_ExportPanel  .RefreshButton{
	display: block;
	margin-top: 15px;
	position: relative;
}

.TransactionAmountHeader,
.TransactionAmountColumn {
	display: none;
}

/*------------------------------------*/
/* $MonthlyStatement */
/*-----------------------------------*/

.StatementDocument {
    border: 2px solid #ccc;
    padding: 25px;
}
    .StatementDocument .MiniStatementTable {
        width: 100%;
    }
.StatementDocument .CompanyDetails {
    text-align: right;
}
.StatementDocument .CompanyDetails img {
    width: 190px; margin-right: -25px;
}
.MonthlyStatementForAllAccounts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.MonthlyStatementForAllAccounts ul li {
    margin: 0;
    padding: 0;
}
.MonthlyStatementChoice ul {
    margin-left: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ccc;
}
.MonthlyStatementChoice ul li {
    margin: 0;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
}
    .MonthlyStatementChoice ul li:nth-child(2n+1) {
        background: #f1f1f1;
    }
    .MonthlyStatementChoice ul li:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
.MonthlyStatementChoice ul li .Description {
    margin: 22px 0 0 0;
    float: left;
}
.MonthlyStatementChoice ul li .ActionButton {
    float: right;
}
.MonthlyStatementChoice .LatestMonthlyStatement {
    font-weight: bold;
}
.MonthlyStatementChoice .StatementsFilter {
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    padding: 0 10px;
}
.MonthlyStatementsLoading {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
   .MonthlyStatementLoadingSpinner {
       width:100px;
       float: none;
       margin: 0 auto;
   }
.MonthlyStatementResults {
    position: relative;

}
.MonthlyStatementChoice.Loading #MonthlyStatementPeriods {
    opacity: 0.3;
}

    #SearchTools.ExpandedPanel h2 a.ToggleEvent {
        padding-right: 20px;
        background: url(../images/inbox/arrow_up.png) center right no-repeat;
    }

    #SearchTools.CollapsedPanel h2 a.ToggleEvent {
        padding-right: 20px;
        background: url(../images/inbox/arrow_down.png) center right no-repeat;
    }

.MonthlyStatementPage .OpeningBalanceAmount, .MonthlyStatementPage .ClosingBalanceAmount, .MonthlyStatementPage .THeading7 {text-align:center;}

/*------------------------------------*/
/* $JQuery Date Control */
/*-----------------------------------*/

.datePicker {
    margin-top: 12px;
}

/* datepicker control */
.datePicker .ui-datepicker {
	padding: 0;
    background-color:#b6b0b0;
    margin-top:14px;
    margin-left:2px;
}

/* calender container */
.datePicker .ui-datepicker-calendar {
    border: 1px solid black;
	margin:0;
	width:100%;
}


.datePicker .ui-datepicker-calendar tr td {
    border: 1px solid #808080;
    text-align:center;
}

/* Header */
.datePicker .ui-datepicker-header {
	border: 1px solid black;
    background-color:#393939;
	/*border-radius: 4px;*/
    padding:10px;
    color:#eee;
}
 /* previous month text link */
.datePicker .ui-datepicker-header .ui-datepicker-prev {
    float:left;
    color:#fff;
    padding:4px;
}

 /* next month text link */
.datePicker .ui-datepicker-header .ui-datepicker-next {
    float:right;
    color:#fff;
    padding:4px;
}

/* Prev/Next button hover behaviour */
.datePicker .ui-datepicker-header .ui-datepicker-prev:hover, .datePicker .ui-datepicker-header .ui-datepicker-next:hover  {
    text-decoration:none;
    background-color:white;
    color:black;
    cursor:pointer;
}

 /* current month year header */
.datePicker .ui-datepicker-header .ui-datepicker-title {
    text-align:center;
}

 /* header disabled prev/next buttons */
.datePicker .ui-datepicker-header .ui-state-disabled{
    opacity:0.2;
}

.datePicker .ui-datepicker-header .ui-state-disabled:hover {
    background-color:inherit;
    color:inherit;
}

.datePicker .ui-datepicker-calendar td {
    padding:0;

}

.datePicker .ui-datepicker-calendar .ui-state-default {
    display:block;
    padding:4px;
}

.datePicker tr:hover, .datePicker tr  {
    background: inherit;
}

/* Unselectable day */
.datePicker .ui-datepicker-calendar .ui-datepicker-unselectable {
    opacity:0.3;

}


/* selected Date */
.datePicker .ui-datepicker-calendar tr .ui-datepicker-today {
    background-color:orange;
    color:black;
}

.datePicker .ui-datepicker-calendar a:hover {
 text-decoration:none;
}

.datePicker .ui-datepicker-calendar .ui-state-default {
   background-color:#eee;
   color:#000;
}

/* Current Date */
.ui-datepicker-current-day .ui-state-active {
    background-color:orange !important;
}

/* Layout of control */
.DatePickerControl .Label {
    width:90px;
    height:26px;
    margin:4px;
    margin-top:0px;
    overflow:hidden;
    float:left;
    text-align:center;
    padding-top:6px;
	display:none;
}

/* Drop down styles */
.DatePickerControl .DropDown {
    overflow:hidden;
    float:left;
    margin-right:4px;
    margin-top:0px;
    height:32px;
}

/* Month Year Drop down */
.DatePickerControl .ddMonthYear {
    /*width:118px;*/
    padding-left:2px;
}

/* Calender image to toggle datepicker */
.DatePickerControl .ToggleImage {
    width:22px;
}

/* Control */
.DatePickerControl {
    padding:10px 0 0 0;
    min-height:50px;
    border-radius:4px;
    max-width:360px;
}

.DateToDescription{
	clear: both;
	float: left;
	margin-top: 10px;
}

.DatePickerControl{
	clear:both;
}



/*CustomStatementPanel CONTROL LAYOUT  ---------------------------------------------------------- */
#StatementControl_CustomStatementPanel {
	width: 560px;
	margin-top: 20px;
	position: relative;
}
#StatementControl_CustomStatementPanel .MiniStatementTable{
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
}
#StatementControl_CustomStatementPanel .CustomStatementHeader{
	position: relative;
	display: block;
}
#StatementControl_CustomStatementPanel .CustomStatementSubHeader{
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	display: block;
}
#StatementControl_CustomStatementPanel .FromDateDescription{
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	font-weight: bold;
}
#StatementControl_CustomStatementPanel .ToDateDescription {
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	font-weight: bold;
}
#StatementControl_CustomStatementPanel .RefreshButton{
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
}
.ProcessedBalanceDescription {
	background-color: #F7E8EB;
}
.ProcessedBalanceAmount {
	background-color: #F7E8EB;
	text-align: right;
}
.OpeningBalanceAmount
.ClosingBalanceAmount {
	text-align: right;
}
.ProcessedBalanceAmount {
	text-align: right;
}
.ClearedBalanceDescription {
	background-color: #A81E2D;
	font-weight: bold;
	color: #FFFFFF;
}
.ClearedBalanceAmount {
	background-color: #A81E2D;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

/* --- Account Maintenance --- */
/* ACCOUNT MAINTENANCE */

.AccountMaintainScreen {
margin:0;
}

.AccountMaintainScreen .AccountNumber {
	width: 19em;
	float: left;
	margin: 10px 0 10px 0;
	font-weight: bold;
}
.AccountMaintainScreen .maintenanceinformationbutton {
	float: right;
	position: relative;
	top: -20px;
}
* html .AccountMaintainScreen .maintenanceinformationbutton {
	top: -5px;
}

.AccountMaintainScreen .maintenanceinformationtype {
	overflow: hidden;
}

.AccountMaintainScreen .maintenanceinformationtype .maintenancelabel {
	width: 14em;
	float: left;
	font-weight: bold;
	color:#a81e2d;
}
	
.AccountMaintainScreen .maintenanceinformationtype .maintenancevalue {
	width: 14em;
	float: left;
	font-weight: bold;
}
	
.AccountMaintainScreen .maintenanceinformationheader {
	clear: both;
	color: #a81e2d;
	font-size: 1.5em;
	margin: 0;
}
    

.Heading {
	font-weight: bold;
	color: #a81e2d;
}

a {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight:normal;
	text-decoration:underline;
	color:#a81e2d;
}

IMG {
	border: none;
}
/* ADDITIONAL LOGIN PAGE CONTENT */

.easteropeningtimes {
	display:block;
	border-style:solid;
	border-color:#f7e8eb;
	border-width:1px;
	padding:15px;
}

.annualstatement {
	display:block;
	margin-top:20px;
	border-style:solid;
	border-color:#f7e8eb;
	border-width:1px;
	padding:15px;
}

.AuthenticationBanner {
    border-width: 1px 1px 1px 4px;
    border-color: #a81e2d;
    border-style: solid;
    margin: 15px 0;
    padding: 10px 25px;
    }

.AuthenticationBanner h2 {margin-top: 6px;}
.ActionButton .checkdetailsBtn {float:left;}

/* TABLES */

table#openinghours {
        border-color: #a81e2d;
    }

table#openinghours thead tr td {
        background-color: #a81e2d;
        color: #fff;
    }

table#openinghours tbody tr td.closed {
        background-color: #efd4d7;
    }


Table {
	border: 0px;
	width: 560px;
	position:relative;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-top: 20px;
	border-style: none;
}

th {
    background-color: #A81E2D;
    color: #ffffff;
	padding: 5px;
	border: 1px solid #ffffff;
}

td {
	background-color :#F7E8EB;
	padding: 5px;
	border: 1px solid #ffffff;
}
dd {
	padding: 0 0 0.5em 0;
	margin: -1.2em 0 0 10em;
}


* html th {
	font-size: 0.8em;
}

* html td {
	font-size: 0.8em;
}

a:link {
	font-size: 1em;
	font-style: normal;
	font-weight:normal;
	text-decoration:underline;
	color:#a81e2d;
}
 
a:visited {
	font-size: 1em;
	font-style: normal;
	font-weight:normal;
	text-decoration:underline;
	color:#a81e2d;
}

a:hover {
	font-size: 1em;
	font-style: normal;
	font-weight:normal;
	text-decoration:underline;
	color:#cb8035;
}

IMG {
	border: none;
}
.AltRow td {
	background: #F9EFF1;
}
/* -- Form Layout Styles */
.InputTip {
	clear: both;
	display: block;
	padding-top: 5px;
	color: #666;
	font-style: italic;
	font-weight:normal;
	margin:0;
}
#MaintenanceControl .Row {
	overflow: hidden;
	padding: 5px 0;
}
#MaintenanceControl .Row label {
	float: left;
	width: 175px;
}
#MaintenanceControl .Row .RowInput {
	float: left;
	margin: 0;
}
.AccLabel {
	position: absolute;
	left: -9000px;
	top: 0;
}
.SortCodeInput {
	width: 1.75em;
	text-align: center;
}
/* -- End Form Layout Styles */


#ContentDiv {
	position: relative;
	display: inline;
	float: right;
	margin-right: 20px;
	width: 560px;
	margin-bottom: 20px;
	min-height:400px;
}

* html #ContentDiv {
	position: relative;
	display: inline;
	float: right;
	margin-right: 10px;
	width: 550px;
	margin-bottom: 20px;
}

/* LEFT MENU -------------------------- */

#LeftSideDiv {
	width: 155px;
	float: left;
	margin-left: 20px;
}

#LeftSideDiv ul{
	list-style-type: none;
	margin: 0px;
	text-indent: 0px;
	padding: 0px;
}

#LeftSideDiv li {
	margin: 0px;
	padding: 0px;
}

#MainMenu {
	background: #f7e9eb url(../images/common/mainnav_bg.gif) no-repeat top;
	border: 1px solid #a81e2d;
	padding: 31px 3px 11px 3px;
	margin: 0 0 15px 0;
}

#LeftMenu, nav#LeftMenu {
	background: #f7e9eb url(../images/common/mainnav_bg.gif) no-repeat top;
	border: 1px solid #a81e2d;
	padding: 31px 3px 11px 3px;
	margin: 0 0 15px 0;
}

#SubMenu, nav#SubMenu {
	background: #f7e9eb url(../images/common/subnav_bg.gif) no-repeat top;
	border: 1px solid #a81e2d;
	padding: 32px 3px 11px 3px;
	margin: 0 0 15px 0;

}

.MenuItem a{
	display: block;
	/*background: #f7e9eb url(../images/COMMON/mainnav_linkbg.gif) 2px 3px no-repeat;*/
	padding: 3px 5px 3px 22px;
	text-decoration: none;
}

.MenuItem a:hover, .MenuItem a:visited {
	text-decoration: none;
}

.BlankMenuItem {
	display: none;
}

/* END LEFT MENU ---------------------- */

/* LEFT MENU IE6 Specific Styles ------ */
/*    HasLayout Fixes ----------------- */

* html div#LeftSideDiv ul li, * html div#LeftSideDiv ul li a {
	height: 1px;
}

* html #LeftSideDiv {
	display: inline;
}

/* END LEFT MENU IE6 Specific Styles -- */

/* Classes */

.Heading {
	position: relative;
	margin-bottom: 20px;
	display: block;
}

h2, .PageTitle {
	font-size: 1.5em;
	margin-bottom: 20px;
	display: block;
	color: #A81E2D;
	font-weight: bold;
}

h3 {
	color: #A81E2D;
	font-size: 1.1em;
}

.smallprint {
	color: #999999;
}

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

/*GLOBAL ELEMENTS end*/

/*Full Page is the page level container for the other elements*/

#FullPage {
	position: relative;
	margin:0 auto;
	width: 772px;
	text-align: left;
	background-image: url(../images/COMMON/fullpagebg.gif);
	background-repeat: repeat-y;
}

/*PAGE TEMPLATE SECTIONS begin*/

#HeaderDiv {
	position: relative;
	margin-bottom: 20px;
	width: 772px; 
	height: 102px;
}
#HeaderDiv h1 {
	margin: 0px;
}

.problem-with-service-section h1{
	color:#a81e2d;
}

#PrintableHeaderDiv {
	position: relative;
	margin: 0px;
	width: 772px; 
	height: 102px;
}

#RightSideDiv {
	visibility: hidden;
}

#ContentDiv .PageSummary{
	position: relative;
	margin: 0px;
}

.TitleRelated{
	font-weight: bold;
	color: #a81e2d;
}

#FooterDiv { 
	background-color: #FBF4E4;
	position: relative;
	clear: both;
	width: 772px;
	overflow:hidden;
}
/*----------VeriSign----------*/
#VeriSign {
width: 135px;
float: left;
margin: 10px;
}

#footersmallprintalignment {
	float: right;
	width: 570px;
	font-size: 10px;
	padding-top:10px;
}

#PrintableFooterDiv {
	position: relative;
	width: 772px;
	height: 50px;
	margin-top: 15px;
}


/* Full Page Ends

Header Begins */

#HeaderDiv .Heading {
	position: absolute;
	z-index: 50;
}

#HeaderDiv .Strapline {
	position: absolute;
	left: 296px;
	z-index: 50;
}

/* Header Ends

   Footer Begins */

#imageholder {
	position:relative;
	top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width:772px;
	background-color:#cccccc;
}

#image1 {
	position:relative;
	top: 0px;
	margin-left: 1px;
	width:770px;
	height:86px;
	/*background-image:url(../images/image1.jpg);*/
}

#footerholder {
	position:relative;
	top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width:772px;
	height:113px;
	background-color:#FBF4E4;
	
}

#footersmallprint {
	margin: 0px;
	margin-left: 0px;
	background-color:#FBF4E4;
	width:772px;
	font-size: 10px;
	color: #000000;
}

#pinkline {
	background-color:#f7e9eb;
	width:772px;
	height: 1px;
	font-size: 0px;
}

* html #footersmallprint {
	width:774px;
}

#footer {
	position:relative;
	top: 0px;
	margin-left: 1px;
	width:770px;
	height:112px;
	background-color:#ffffff;
}

#bottomnav {
	position:relative;
	top: 30px;
	margin-left: 20px;
	width:730px;
	height:40px;
	background-color:transparent;
}

#bottomnavmini {
	position:relative;
	top: 30px;
	margin-left: 20px;
	width:730px;
	height:20px;
	background-color:transparent;
}

#footerlogoholder {
	position:relative;
	width:210px;
	height:40px;
	float:right;
	background-color:transparent;
}

.footerlinks a {
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#a81e2d;
}

.footerlinks {
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#a81e2d;
}

.footerlinks a:link {
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#a81e2d;
}
 
.footerlinks a:visited {
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#a81e2d;
}

.footerlinks a:hover {
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#cb8035;
}

.footerlinks a:active {
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#a81e2d;
}

.footerlinks2 {
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#cb8035;
}

.footerlinks2 a {
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#cb8035;
}

.footerlinks2 a:link {
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#cb8035;
}
 
.footerlinks2 a:visited {
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#cb8035;
}

.footerlinks2 a:hover {
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#a81e2d;
}

.footerlinks2 a:active {
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	color:#cb8035;
}

/* Footer Ends  */
.smallprint {
	color: #999999;
}

.Summary {
	position: relative;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}

.Warning {
	position: relative;
	margin-top: 20px;
	width: 560px;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	display: block;
}

.SummaryTable {
	position: relative;
}

.WizardButtons {
	clear: both;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 560px;
}

.ActionButton {
	text-align: right;
}

li#SecureMessageMenuItem {
	list-style:none;
	margin-top:-26px;
}

.Alert.Error, .Errors {
	border: 1px solid #990000;
	margin: 1em 0 1em 0;
	padding: 0.5em 0.5em 0.5em 50px;
	background: url(../images/error_header.jpg) left top no-repeat;
    min-height:38px;
	clear:both;
}
	.ChangePasswordControl .Errors.Default {
		display: block;
	}
.Errors h3 {
	font-size: 1.0em;
	margin-top: 0px;
}
.Errors li {
	list-style-type: square;
}
#SecureError {
	color:#990000;
	font-weight:bold;
}
#SecureError li {
	list-style:none;
	font-weight:normal;
}
#SecureMessageCreateControl_lblConfirmAccountLabel {
	display:block;
	font-weight:bold;
	padding-top:5px;
}
#SecureMessageCreateControl_lblConfirmCategoryLabel, #SecureMessageCreateControl_lblConfirmSubjectLabel, #SecureMessageCreateControl_lblConfirmBodyLabel {
	display:block;
	font-weight:bold;
	padding-top:15px;
}

#InterestStatementChoiceMenuItem > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
/* UNIVERSAL CONTROLS */

#ExtraInfoControl {
	width: 560px;
	margin-top: 20px;
}

#ExtraInfoControl .helpbutton {
	display: block;
	margin-bottom: 10px;
}

#RelatedControl {
	margin-top: 20px;
}

#AccessDenied {
	height: 250px;
}

#AccessDenied .Message {
	position: relative;
}

#LocalServerTimeControl {
	position: relative;
	width: 540px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #F7E8EB;
	font-weight: normal;
	color: #A81E2D;
}

* html #LocalServerTimeControl {
    width: 550px; /* for IE5 and IE6 in quirks mode */
  } 

/* ProdInfo Button Style */

p.applynow {
	background-image: url(../images/applynow.gif);
	background-position: top left;
	background-repeat: no-repeat;	
	text-align:center;
	margin-top:10px;
	margin-bottom:0;
	width:160px;
	float:left;
	display:inline;
	margin-right:5px;
}
p.applynow6m {
	background-image: url(../images/applynow6m.gif);
	width:185px;
	}


p.applynow a {
	display:block;
	padding: 9px 0 10px 0;
}

/* FCA Work */

p.applynow-summary{
	background-image: url(../images/BUTTONS/summary-red.gif);
	background-position: top left;
	background-repeat: no-repeat;	
	text-align: center;
	margin-top: 5px;
	margin-bottom :0;
	width: 160px;
	float: left;
	display: block;
	margin-right: 5px;
    height: 34px;
	clear: both;
	padding: 9px 0 10px 0;
}

p.applynow-summary a{
	color: #fff;
}

.Error {
	color:#FF0000;
	font-weight:bold;
	margin:5px 0;
}

.maturityError{
display: block;
font-weight: bold;
color: #a81e2d;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}

/* Open New Account Table */

.tableRow {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
}
    
.tableRow:last-of-type{
    border-bottom:3px solid #A81E2D;
    margin-bottom: 20px;
}
     
.tableHeader {
    display: flex;
    background: #A81E2D;
    color: #fff;

}

.tableData {
    width: 20%;
    padding: 8px;
    align-items: center;
}
    
.tableData.productNameCell {
    width: 33%;
} 
    
.tableData.buttonCell {
    width: 25%;
}

.summaryBtn,
.applyBtn {
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 8px;
    
}

.summaryBtn a,
.applyBtn a {
    text-decoration: underline;
    padding: 10px 0;
    display: block;
}

.summaryBtn a:after,
.applyBtn a:after {
   content:' \00BB';
}    
    
 
    
.summaryBtn a{
    color: #A81E2D;
}

.summaryBtn{
    border:3px solid #A81E2D;
    background:#fbf4e4;
}

.applyBtn a{
   color: #fff;	
}


.applyBtn{
   background:#A81E2D;
   border:3px solid #A81E2D;
}    
    

/* Calendar Control Styles */
.CalendarControl a {
	text-decoration: none;
	display: block;
}
.CalendarControl a:hover {
	color: #999999 !important;
}
.CalendarControl {
	font-size: 1em !important;
	text-align: center !important;
	font-weight: bold;
	border: none !important;
	width: auto !important;
}

.CalendarControlHeader {
	margin-bottom: 5px;
}
.CalendarControlHeader select {
	margin-right: 5px;
}
.CalendarControl td {
	font-size: 1em !important;
	padding: 2px;
	border: 1px solid #f0f0f0 !important;
	background: #fff;
	width: 30px;
	text-align: center;
	color:#ccc !important;
}
.CalendarControl td a {
	text-decoration: none !important;
	font-weight: bold;
}
.CalendarControl td a:hover {
	text-decoration: underline !important;
}
.CalendarControl .DayHeaderStyle {
	background-color: #a81e2d;
	color: #ffffff !important;
}
.CalendarControl .DayStyle {
}

.CalendarControl .DayStyle a{
}		
.CalendarControl .OtherMonthDayStyle {
	background: #f0f0f0 !important;		
	color: #ccc !important;		
}		
.CalendarControl .OtherMonthDayStyle a {
	color: #000 !important;
}		
.CalendarControl .SelectedDayStyle {
	
	padding: 0px !important;
	background: #fff !important;
}
.CalendarControl .SelectedDayStyle a, .NoticeKey .SelectedDayStyle {
	color: #000 !important;
	border: 1px solid #000099 !important; 	
}
.CalendarControl .SelectorStyle {
}
.CalendarControl .TitleStyle {
}		
.CalandarControl .TitleStyle td {
}	
.CalendarControl .TodayDayStyle {
	background: #fff;
}		
.CalendarControl .TodayDayStyle a{
	color: #000 !important;
}			
.CalendarControl .WeekendDayStyle {
	/*background: #f0f0f0 !important;*/
	color:#CCCCCC !important;
}		
/* Calendar Control Styles: Charges Styles */
.NoticeChargePeriod {
	background: #CC0000 !important;
	color: #fff;
}
#TransferDates {
	position: relative;
}
.NoticeKey {
	position: absolute;
	top: 24px;
	left: 300px;
	width: 260px;
}
* html .NoticeKey {
	left: 290px;
}
.NoticeKey table {
	margin-left: 1px;
	width: 260px;
}
.NoticeKey table td {
	background: #fff;
	border: 1px solid #a81e2d;
	padding: 4px;
	font-size: 11px !important;
}
.NoticeKey td.Column1 {
	width: 54px;
}
.NoticeKey table th {
	border: 1px solid #a81e2d;
	padding: 4px;
	background-color: #a81e2d;
	color: #ffffff !important;
}
.NoticeKey .NoticeChargePeriod, .NoticeKey .SelectedDayStyle, .NoticeKey .OtherMonthDayStyle, .NoticeKey .UnavailableWeekendDayStyle, 
.NoticeKey .UnavailableOtherMonthDayStyle, .NoticeKey .AvailableWeekendDayStyle, .NoticeKey .AvailableOtherMonthDayStyle   {
	text-align: center;
	font-weight: bold;
	width: 20px;
	padding: 2px;
	border: 1px solid #f0f0f0;
	float: left;
}

.NoticeKey .NoticeChargePeriod {
	background: #CC0000;
}
.NoticeKey .SelectedDayStyle {
	border: 1px solid #0000FF;
}
.NoticeKey .UnavailableWeekendDayStyle  {
	color: #ccc;
}
.NoticeKey .UnavailableOtherMonthDayStyle {
	color: #ccc;
	background: #f0f0f0;
}
.NoticeKey .AvailableWeekendDayStyle  {
	
}
.NoticeKey .AvailableOtherMonthDayStyle {
	background: #f0f0f0;
}
/* END Calendar Control Styles */

		/* Transaction Recurrence Options - added to OFIS v2.7 */
			#RecurrenceOptions {
				position: relative;
			}
			#RecurrenceOptions .OccuranceInput {
				position: absolute;
				left: 160px;
				top: 1px;
			}
			.RowRadioButton input {
				position: relative;
				top: 2px;
	
	
			}

	
/*---------- To remove the error heading on the close balance and notice transaction ----------*/

#StageNewStandardConfirm #TransactionErrorSummary h3,
#StageAmendStandardFirstConfirm #TransactionErrorSummary h3,
#StageAmendStandardAllConfirm #TransactionErrorSummary h3,
#StageAmendStandardSingleConfirm #TransactionErrorSummary h3 {
display:none;}

#StageNewStandardConfirm #TransactionErrorSummary.Errors,
#StageAmendStandardFirstConfirm #TransactionErrorSummary.Errors,
#StageAmendStandardAllConfirm #TransactionErrorSummary.Errors,
#StageAmendStandardSingleConfirm #TransactionErrorSummary.Errors {
	margin: 1em 0 1em 0;
	padding: 0 auto;
	background:none;}
/* -- Show/Hide Script Styles */
#InboxControl .CollapsedPanel .Expanded,
#InboxControl .ExpandedPanel .Collapsed{
	display: block;
}
#InboxControl .ExpandedPanel .Expanded,
#InboxControl .CollapsedPanel .Collapsed{
	display: none;
}
/* -- END Show/Hide Script Styles */
/* ## Secure Message & Inbox styles ## */
#InboxSubMenu{
float:right;
margin:17px 10px 0 0;
}
#InboxControl{
font-size:1.077em;
}
.InboxMessage-Summary{
overflow:hidden;
padding-left:49px;
}
.InboxMessages{
margin:0.75em 0;
border-top:1px solid #E5E6E8;
clear:both;
}

#Savings_TitleLabel .PageTitle{ 
background:#fff; margin:0; height:40px;
}
#Savings_PseudoNameDataLabel, #Savings_BalanceDataLabel, #Savings_lnkViewAccountDetails{ 
border-bottom:1px solid #fff; 
}
#Savings_UserDetailsDataLabel, #Savings_PseudoNameDataLabel, 
#Savings_BalanceDataLabel, #Savings_lnkViewAccountDetails{ 
clear:both; 
}
#Savings_pnlAccountStatusControl .Question { 
padding-top:10px; 
}
.InboxMessage{
border-bottom:1px solid #E5E6E8;
}
.InboxMessage .InboxMessage-Header-Read:hover,
.InboxMessage .InboxMessage-Header-Unread:hover{
color:#848484;
}
.InboxMessage-Header{
overflow:hidden;	
}
.InboxMessage-Header-Read,
.InboxMessage-Header-Unread{
overflow:hidden;
cursor: pointer;
background:#F3FAFD url(../images/inbox/MessageBackground_Default.png) left center  repeat-x;
}
.InboxMessage-Header-Unread{
font-weight:bold;
background:#fdf3f9 url(../images/inbox/MessageBackground_Unread.png) left center  repeat-x;
}
.ExpandedPanel .InboxMessage-Header-Read, 
.ExpandedPanel .InboxMessage-Header-Unread {
background:url(../images/inbox/MessageBackground_Default_Top.png) repeat-x;
border-bottom:1px solid #F2F3F5;
}
.InboxMessage-Summary {
background:url(../images/inbox/MessageBackground_Default_Bottom.png) left bottom repeat-x;
}
.InboxMessage.Expired{
color:#999;	
}
.Expired .InboxMessage-Header-Read,
.Expired .InboxMessage-Header-UnRead{
background:#f8f8f8 url(../images/inbox/MessageBackground_Expired.png) left center repeat-x;
}
.Expired.ExpandedPanel .InboxMessage-Header-Read, 
.Expired.ExpandedPanel .InboxMessage-Header-Unread {
background:url(../images/inbox/MessageBackground_Expired_Top.png) repeat-x;
}
.Expired .InboxMessage-Summary {
background:url(../images/inbox/MessageBackground_Expired_Bottom.png) left bottom repeat-x;
}
.InboxMessage-Read,
.InboxMessage-Unread{
float:left;
width:46px;
height:56px;
text-indent:-9000px;
}
.InboxMessage-Header-Read .InboxMessage-Read,
.InboxMessage-Header-Unread .InboxMessage-Unread{
display: block;
}
.InboxMessage-Header-Unread .InboxMessage-Read,
.InboxMessage-Header-Read .InboxMessage-Unread{
display: none;
}
.InboxMessage-Read{
}
.BroadcastMessage .InboxMessage-Read{
background:url(../images/inbox/Icon_DocumentRead.png) 0 1px no-repeat;
}
.BroadcastMessage .InboxMessage-Unread{
background:url(../images/inbox/Icon_DocumentUnread.png) 0 1px no-repeat;
}
.Expired .InboxMessage-Read,
.Expired .InboxMessage-Unread{
background:url(../images/inbox/Icon_DocumentExpired.png) 0 1px no-repeat;
}
.SystemMessage .InboxMessage-Read{
background:url(../images/inbox/Icon_DocumentRead.png) 0 1px no-repeat;
}
.SystemMessage .InboxMessage-Unread{
background:url(../images/inbox/Icon_DocumentUnread.png) 0 1px no-repeat;
}
.DocumentMessage .InboxMessage-Read{
background:url(../images/inbox/Icon_DocumentWithAttachmentRead.png) 0 1px no-repeat;
}
.DocumentMessage .InboxMessage-Unread{
background:url(../images/inbox/Icon_DocumentWithAttachmentUnread.png) 0 1px no-repeat;
}
.AdvisorMessage .InboxMessage-Read{
background:url(../images/inbox/Icon_MessageRead.png) 0 1px no-repeat;
}
.AdvisorMessage .InboxMessage-Unread{
background:url(../images/inbox/Icon_MessageUnread.png) 0 1px no-repeat;
}
.CustomerMessage .InboxMessage-Read{
background:url(../images/inbox/Icon_MessageSentRead.png) 0 1px no-repeat;
}
.InboxMessage-Subject{
float:left;
overflow:hidden;
width:438px;
padding:4px 3px 5px 3px;
}
.MessageDirection{
display:inline-block;
line-height:25px;
}
.MessageDate{
display:inline-block;
margin-left:4px;
line-height:25px;
}
.MessageSubjectText{
display:block;
line-height:25px;
}
.InboxMessage-Toggle{
float:right;
margin-top:28px;
line-height:25px;
text-align:right;
}
#InboxSearchTools.ExpandedPanel h2 a.ToggleEvent,
#HideSearchButton a{
padding-right:20px;
background:url(../images/inbox/arrow_up_red.png) center right no-repeat;
color:#A81E2D;
margin:20px 0 10px;
}
.InboxMessage-Toggle.Collapsed {
padding-right:20px;
background:url(../images/inbox/arrow_up.png) center right no-repeat;
}
#InboxSearchTools.CollapsedPanel h2 a.ToggleEvent{
padding-right:20px;
background:url(../images/inbox/arrow_down_red.png) center right no-repeat;
}
.InboxMessage-Toggle.Expanded {
padding-right:20px;
background:url(../images/inbox/arrow_down.png) center right no-repeat;
}
#InboxSearchTools h2 a,
#HideSearchButton a{
text-decoration:none;
color:#4D4D4D;
color:#A81E2D;
}
#InboxSearchTools h2 a:hover,
#InboxSearchTools h2 a:focus,
#HideSearchButton a:hover,
#HideSearchButton a:focus{
color:#A81E2D;
}
.InboxMessage-ActionButtons{
height:38px;
float:right;
background:#f1f1f1;
text-align:right;
margin:10px 0 10px 0;
padding-left:133px;
background:#B8B8B8 url(../images/inbox/toolbarfade.png) top left no-repeat;
}
.InboxNavigationLinks{
position:relative;
height:48px;
}
.PageInformation{
display:block;
width:80px;
position:absolute;
top:16px;
left:50%;
margin-left:-40px;
font-size:1.154em;
color:#000;
font-weight:bold;
line-height:1;
text-align:center;
}
.PagingPageOf{
font-size:.733em;
font-weight:normal;
}
.NextPageButton{
position:absolute;
top:0;
left:50%;
margin-left:40px;
}
.PreviousPageButton{
position:absolute;
top:0;
left:50%;
margin-left:-88px;
}
.CustomerMessage .InboxMessage-SummaryText .MessageText,
.AdvisorMessage .InboxMessage-SummaryText .MessageText,
.OriginalMessage .MessageText,
.PreFormattedMessage {
margin:0;
padding:10px 0;
white-space: pre-wrap;
word-wrap: break-word;
font-family: Arial, sans-serif;
}
.MessageConfirm {
	margin:0;
	padding:10px 0 50px 0;
	width:553px;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: Arial, sans-serif;
}
.InboxMessage-RelatedMessage{
clear:both;
}
.InboxMessage-RelatedMessage .SM_Subject, .InboxMessage-RelatedMessage .SM_SelectAccount{
margin:0;
padding:10px;
color:#848484;	
border:solid #e5e5e5;
}
.InboxMessage-RelatedMessage .SM_Subject {border-width:1px 1px 0 1px;}
.InboxMessage-RelatedMessage .SM_SelectAccount {border-width:0px 1px 0 1px;}

.InboxMessage-RelatedMessage .SM_Subject .ConfirmationValue, .InboxMessage-RelatedMessage .SM_SelectAccount .ConfirmationValue {
top:10px;
}
.InboxMessage-RelatedMessage .MessageText{
width:auto;
margin-bottom:1em;
padding:10px;
color:#848484;	
border:solid #e5e5e5;
border-width:0 1px 1px 1px;
}
.Inbox-Search-Wrapper{
padding:9px;
border:1px solid #A81E2D;
background:#F7E9EB;
color:#A81E2D;
}
#InboxSearchTools h2{
margin:0;
font-size:1.077em;
font-weight:normal;
}
.Inbox-SearchDates .DateLabel,
.Inbox-SearchDates #DateSelectionControl{
display:block;
margin-right:4px;
}
.Inbox-SearchDates,
.Inbox-SearchStatuses,
.Inbox-SearchDirection{
margin:5px 0;	
}
.Inbox-Search-Wrapper .ActionButton,
.Inbox-Search-Wrapper .ActionButton a{
margin:0;
}
#SearchOptions{
position:relative;
margin:10px 0;
padding:10px 0;
border:solid #A81E2D;
border-width:1px 0;
}
#InboxControl_lnkClearButton{
position:absolute;
right:0;
bottom:15px;
}
#InboxControl_lnkSearchButton{
position:absolute;
right:150px;
bottom:15px;
}
#SecureMessageCreateControl #AmendButton,
#SecureMessageReplyControl #AmendButton,
#SecureMessageReplyControl #BackButton{
margin-top:0;
float:left;
}
#NotificationControlWrapper, .InboxNotificationControl {
margin:1em 0;
padding:10px;
border:1px solid #c1c1c1;
border-radius:10px;
background:url(../images/inbox/alert_message.png) 10px 4px no-repeat;
height:19px;
}
#InboxNotificationControl_NewInboxNotificationMessageDiv{
float:left;
padding-left:35px;
line-height:20px;
}
#NotificationControlWrapper .ActionButton,  .InboxNotificationControl .ActionButton{
float:right;
margin:-9px 0 0 0;
}
    
    
#SecureMessageCreateControl_lblAccountLabel, #SecureMessageCreateControl_lblCategoryLabel, #SecureMessageCreateControl_lblSubjectLabel, #SecureMessageCreateControl_lblBodyLabel {
	display:block;
	padding-top:12px;
}
	/* Transaction Wizard Control (Nbs.Savings.UserControls.Transactions) */
.TransactionWizardControl .ExpandedPanel {
    margin-top: 0.5em;
    padding: 0.5em;
    border: 1px solid seagreen;
    background-color: #c6ffbd;
    border-radius: 4px;
}
.TransactionWizardControl .CollapsedPanel {
    margin-top: 0.5em;
    padding: 0.5em;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.TransactionWizardControl .ExpandedPanel .TransactionDateSelection {
    display: block;
}    
.TransactionWizardControl .CollapsedPanel .TransactionDateSelection {
    display: none;
}

.TransactionWizardControl .QuestionWrapper{
	background:none;
}

/* Hide Pound & Fix Alignment */

#TransactionWizardControl_nbsEditStateControl_lblCurrencySymbol {
	display:none;
}

.ControlWrapper > div > .QuestionWrapper {
	padding: 0 !important;
}

.ControlWrapper > .QuestionWrapper > .QuestionWrapper{
	padding: 0 !important;
}

/* ## END - Secure Message & Inbox styles ## */
/* FOR INTEREST STATEMENT*/
#StatementMenu ul{
	list-style-type:none;
	margin:0;
	padding: 10px 0 0 0;
}
#StatementMenu ul li{
text-align:right;
}
#InterestStatement .ActionButton{
	padding-bottom:10px;
	overflow:hidden;
	margin:0;
	clear:both;
}
#InterestStatement table th{
	width:220px;
}
#InterestStatement table.InterestStatementTable td{
	background:none;
}
#InterestStatement table td.AddressRow{
	padding-top:16px !important; 
}
/*END*/
/* -- Show/Hide Script Styles */
.CollapsedPanel .Expanded,
.ExpandedPanel .Collapsed{
	display: block;
}
.ExpandedPanel .Expanded,
.CollapsedPanel .Collapsed{
	display: none;
}
/* -- END Show/Hide Script Styles */

/* Question Style */
.QuestionWrapper {
	min-width: 0;
	padding:5px;
	margin:2px 0;
}

.Question {
	float: left;
	width: 170px;
	margin: 6px 0;
}

.ExtraInfo {
	position:relative;
	float:left;
	margin-top:9px;
}

.Answer {
	float: left;
	margin: 5px 0;
}

	.Answer.Confirmation {
		font-weight: bold;
	}

    .Answer .SupportText {
		font-style: italic;
		color: #727272;
	}
	
/* Change Details Page Styles */

.ChangeDetailsControl table{
 width:100%;	
}

.ChangeDetailsControl h3 {
    margin-top:0.5em;
    padding-top:0;
    border-top:0 none;
}
                      
.ViewEmailAddressControl,
.ViewAddressControl, 
.ViewNameControl{
    float:left;
    width:265px;
}
.ViewContactDetailsControl,
.ChangeSecurityDetailsControl, 
.AddAccountHolder{
    float:right;
    width:265px;
}
            
.ChangeDetailsBox{
    margin-top: 10px;
    padding:10px;
    border:1px solid #a81e2d;
    border-radius:6px;
	float:left;
	width:96%;
}
            
.ViewNominatedAccountControl .ActionButton,
.ViewContactPreferencesControl .ActionButton, 
.ChangeAccountDetailsControl .ActionButton,
.ChangeDetailsBox .ActionButton {
    text-align:left;
}

	
.MonthlyStatementPage a.PrintButton,
.MonthlyStatementPage a.DownloadPdfButton,
.MonthlyStatementPage a.ReturnToAllStatementsButton,
a.maturitycontinueButton,
a.maturityamendButton, 
a.maturityconfirmButton,
a.maturitybackButton,           
.ActionButton a {
    display: inline-block;
    color:#a81e2d;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    margin: 0.5em 0;
    padding: 0px 6px;
    min-height: 2em;
    line-height: 2em;
    border: 0px;
    font-size: 0.929em;
    background: #f7e8eb;
	border:1px solid #a81e2d;
	text-align:center;
	min-width:5em;
	float:right;
}
    
.ActionButton.change-nom-btn a,
#ExpiredResetCode.ActionButton a,
#FailedResetCode.ActionButton a,
#UnverifiedResetCode.ActionButton a{
    color:#000000;
    background:none;
    padding-left:0;
    padding-right:0;
    text-decoration:underline;
    border:0;
}

.ActionButton.change-nom-btn a:hover,
#ExpiredResetCode.ActionButton a:hover,
#FailedResetCode.ActionButton a:hover,
#UnverifiedResetCode.ActionButton a:hover{
    text-decoration:none;
    color:#000000;
    background:none;
}    
		
.MonthlyStatementPage a.ReturnToAllStatementsButton { float:left; }	
.MonthlyStatementPage a.DownloadPdfButton { margin-right:10px; }
#SearchOptions .ActionButton,
.MonthlyStatementPage .MonthlyStatement .ActionButtons:after{ content:''; display:table; clear:both; }

	.MonthlyStatementPage #InterestStatementChoiceMenu,
	.MonthlyStatementChoicePage #InterestStatementChoiceMenu{display:none;}
	
a.maturityconfirmButton {
	clear:both;}
a.maturitycontinueButton:hover,
a.maturityamendButton:hover, 
a.maturityconfirmButton:hover,
a.maturitybackButton:hover, 
.ActionButton a:hover,
.ActionButton a:focus {
	color:#fff;
    background-color: #a81e2d;
    /*border-color: #2a2a2a;*/
}
.ActionButton.Inline {
    float:left;
    margin:0 0 0 5px;
}

	.ActionButton {
		margin: 1em 0 0 0;
		text-align: right;
	}	
	a.maturitybackButton,
	.ActionButton .BackButton  {
		float: left;
	}
	
	.ActionButton #Exit {
		margin: 0.5em 0 0 0;
	}
	
	.NextButton{
		margin: 0.5em 0 0 0;
	}

.ClearFloat {clear:both;}

	.R85CheckBoxDiv {
		margin: 0 0 1em 0;
	}
	
	.NationalInsuranceNumber1 {
		width: 35px;
        margin-right: 4px;
	}
	
	.NationalInsuranceNumber2 {
		width: 20px;
        margin-right: 4px;
	}
	
	.NationalInsuranceNumber3 {
		width: 20px;
        margin-right: 4px;
	}
	
	.NationalInsuranceNumber4 {
		width: 20px;
        margin-right: 4px;
	}
	
	.NationalInsuranceNumber5 {
		width: 20px;
        margin-right: 4px;
	}

/*.MemorableDataQuestionAnswer1, .MemorableDataQuestionAnswer2, .MemorableDataQuestionAnswer3 {
	clear: both;
	margin-top: 2px;
	background-color: #F7E8EB;
	padding: 0 10px 1px 10px;
	font-weight: bold;
	color: #535353;
}*/
.maturityprompt{
	display:block;
	border:1px solid #FF0000;
	background:#f7e8eb;	
	padding:5px 10px;
	margin:10px 0;
}
/* Maturity Control */
	#MaturityOptionsControl h2 {margin-bottom:10px;}
	.MaturityOption.DepositGuaranteeAgreement {border-top:1px solid #a81e2d;border-bottom:1px solid #a81e2d;}
	.MaturityOption.Confirmation, .MaturityOption.Info{border-bottom:1px solid #a81e2d;padding-bottom:1em;}
	.MaturityOption.Confirmation .QuestionWrapper {padding:0;}
	.IncInterest {border:1px solid #000;padding:5px; text-align:center;}
	.Maturity_AER {clear:both; margin-top:0.5em; display:block;}
	/*.maturitycontinueButton, .maturityamendButton, .maturityconfirmButton, .maturitybackButton {clear:both;float:right; margin:0.5em 0;}*/
	
	.SelectControlHeading,
	.RateControlHeading,
	.AerControlHeading,
	.AmountControlHeading,
	.IncludeInterestControlHeading {
		display: none;
	}
	
	.AccountInfo th {text-align:center;}
	.maturityinformationtype {margin:10px 0;}
	#MaturityOptionsControl .maintenancelabel {font-weight:bold;width:10em;}
	#MaturityOptionsControl.maintenancevalue {}

	.TermsBox {
		background-color: #FFF;
		border: 1px solid #000;
		height: 180px;
		margin: 10px 0;
		overflow: auto;
		padding: 5px;
		width: 98%;
		line-height: 17px;
	}
	
	.DGS_Wording {
		border:2px solid #a81e2d;
		padding:0 0.5em;
		}

	#MaturityOptionsControl .OptionSelected label,
	#MaturityOptionsControl .Cell6 label {
	display:none;
}
.UrlReplies img {
    display: none;
}

#InterestStatementChoiceMenu ul, #InboxSubMenu ul {
    float: right;
    list-style:none;
}
 #InboxSubMenu ul {
     margin:-1em 0;
    }
}

.AccountInfo .QuestionWrapper {margin:0;padding:0;}
.AccountInfo .QuestionWrapper .Answer {margin:0;padding:0;}
.AccountInfo .ActionButton {margin: 0; padding: 0;text-align: left;}
.AccountInfo .Cell3, .AccountInfo .Cell4 {text-align:center;}
.AccountInfo th {text-align:center;}

.AccountInfo a {background: none;border: none; margin:0; padding:0; text-decoration:underline; float: left;line-height:normal;text-align: left;}
.AccountInfo a:hover {color: #cb8035;background: none; }

.QuestionWrapper.DateFrom .Answer, .QuestionWrapper.DateTo .Answer {
    float:none;
}

@media print {

/*GLOBAL ELEMENTS begin*/

BODY {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

A {
	color: #905B79;
	font-weight: normal;
	text-decoration: none;
}

IMG {
	border: none;
}


.Heading {
	position: relative;
}

.Summary {
	position: relative;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}


.PageTitle {
	font-size: 11pt;
	font-weight: bold;
}

.SummaryTable {
	position: relative;
}


/*GLOBAL ELEMENTS end*/

/*Full Page is the page level container for the other elements*/

#FullPage {
	color: #000;
	width: 7in;
	padding: 0;
	margin: 0 auto;
}

#ContentDiv .PageHeading {
	display: none;
}

h2, .PageTitle {
	font-size: 1.5em;
	margin-bottom: 20px;
	display: block;
	color: #A81E2D;
	font-weight: bold;
}

/*PAGE TEMPLATE SECTIONS begin*/

#PrintableFooterDiv {
	display: none;
}


#LeftSideDiv {
	display: none;
}


/* EXTRA INFORMATION CONTROL */

#ExtraInfoControl {
	width: 560px;
	margin-top: 20px;
}

#ExtraInfoControl .helpbutton {
	display: block;
	margin-bottom: 10px;
}

.Column6 {
	text-align: right;
}

.Column7 {
	text-align: right;
}

/*ACCOUNT STATUS CONTROL LAYOUT ---------------------------------------------------------- */

#AccountStatus {
	width: 560px;
	position: relative;
	margin-bottom: 80px;
	display: block;
}

#AccountStatus .Heading1{
	top: 60px;
	left: 0px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width: 185px;
	height: 34px;
	position: absolute;
	background-color: #A81E2D;
	border-bottom: 1px solid #ffffff;

}

#AccountStatus .Information1{
	top: 96px;
	left: 0px;
	position: absolute;
	text-align:center;
	width: 185px;
	height: 30px;
	background-color: #F7E8EB;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Heading2{
	visibility: hidden;
}

#AccountStatus .Information2{
	visibility: hidden;
}

#AccountStatus .Heading3{
	top: 60px;
	left: 185px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width: 185px;
	height: 34px;
	position: absolute;
	background-color: #A81E2D;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Information3{
	top: 96px;
	left: 185px;
	text-align:center;
	position: absolute;
	width: 185px;
	height: 30px;
	background-color: #F7E8EB;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Heading4{
	top: 60px;
	left: 370px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width: 189px;
	height: 34px;
	position: absolute;
	background-color: #A81E2D;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Information4{
	top: 96px;
	left: 370px;
	position: absolute;
	text-align:center;
	height: 30px;
	width: 189px;
	background-color: #F7E8EB;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Heading5{
	display: none !important;
}

#AccountStatus .Information5{
	display: none !important;
}
#LocalServerTimeControl {
	visibility: hidden;
}

/* Statement Tables */

.StatementsTablePrintable {
	margin-top: 20px;
	margin-bottom: 20px;
}

.ActionButton {
	text-align: right;
}



.ActionButton {
	display: none;
}



#StatementControl .Column6 {
	text-align: right;
}

#StatementControl .Column6 {
	text-align: right;
}

#StatementControl .Column7 {
	text-align: right;
}

Table {
	border: 0px;
	width: 560px;
	position:relative;
	border-collapse:separate;
	margin-bottom: 20px;
	margin-top: 20px;
}

th {
    background-color: #A81E2D;
    color: #ffffff;
	padding: 5px;
	font-size: 12px;
	border: 0px;
	border-bottom: 1px solid #ffffff;
}

td {
	background-color :#F7E8EB;
	padding: 5px;
	font-size: 12px;
	border: 0px;
	border-bottom: 1px solid #ffffff;
}

.ProcessedBalanceDescription {
	background-color: #F7E8EB;
}
.ProcessedBalanceAmount {
	background-color: #F7E8EB;
	text-align: right;
}
.OpeningBalanceAmount,
.ClosingBalanceAmount {
	text-align: right;
}

.ProcessedBalanceAmount {
	text-align: right;
}
.ClearedBalanceDescription {
	background-color: #F7E8EB;
	font-weight: bold;
}
.ClearedBalanceAmount {
	background-color: #F7E8EB;
	font-weight: bold;
	text-align: right;
} 
	
.MonthlyStatementPage .StatementDocument dd {font-weight: bold; padding: 1em 0 0.5em 0; margin: -2.40em 0 0 170px; min-height: 1.5em;}
.StatementPage #InterestStatementChoiceMenu, .MonthlyStatementPage #InterestStatementChoiceMenu, .MonthlyStatementPage .CutomStatementPanel, .MonthlyStatement .HidePrint, .MonthlyStatementPage #HeaderDiv, .MonthlyStatementPage .AccountStatusControl, .MonthlyStatementPage .ActionButtons, .MonthlyStatementPage .AccountMaintainScreen, .MonthlyStatementPage .Divider {display:none !important;}
	
	#StatementControl_StatementSelectionLabel.StatementSelectionDescription, #StatementControl_StatementSelectionDropDown, #StatementControl_PrintButtonPanel,  #PendingTransactionsControl_ToDateSelectImageButton, .CalendarControlHeader, #CalendarDates.CalendarControl, div#LeftSideDiv, div#FooterDiv, .NoPrint, .Verisign, div#StatementControl_CloseButtonPanel, #StatementControl_ExportPanel, div#ExtraInfoControl, #StatementControl_CustomStatementSubheaderLabel, .THeading8, .Column8, .InLineForm, .ActionButton, div#ExtraInfoControl, .Information5, .TD5, .TD6, .ExportToDescription, .ExportToButton, .ExportToList, .PrintButton, 		.FromCalenderDescription, .FilterDescription, .ToCalenderDescription, .Row,	#GroupSummaryControl_dgGroupAccounts .TFooter5, #GroupSummaryControl_dgGroupAccounts .TFooter6, #GroupSummaryControl_dgGroupAccounts .THeading5, #GroupSummaryControl_dgGroupAccounts .THeading6 {
			display: none;
		}
		
	
	
	
		.ConfirmationRow {
		margin: 0 0 1em 0;
		position: relative;
		}

		.ConfirmationRow label {
		font-weight: bold;
		}

		.ConfirmationRow .ConfirmationValue {
		position: absolute;
		top: 0;
		left: 270px;
		}
		
		img {
			border: none;
		}
		
		table {
			width: 98%;
			font-size: 1em;
			margin: 1em 0 1em 0;
		}

		table, th, td {
			border-collapse: collapse;
			border: 1px solid #000000;
			background: none !important;
			padding: 0.5em 0.25em 0.5em 0.25em;
		}
		
		hr {
			border-color: #000000;
		}

		div#FullPage {
			width: 700px;*/
			margin: 0 auto;
			position: relative;
		}
		
		.DetailedViewTable th, .DetailedViewTable td, #ClientTransactionHistoryDetailedViewControl_DataAvailablePanel td table td{
			border: 1px solid #000 !important;
			padding: 5px !important;
			font-size: 12px;
		}
		
		#ClientTransactionHistoryDetailedViewControl #DataAvailablePanel {
		width:700px;}
		
		#PendingTransactionsControl {
		width:760px;
		}

		#PendingTransactionsControl .RefreshButton {
		display:none;
		}  
	/*FOR INTEREST STATEMENT*/
	
#InterestStatement table th {
    width: 220px;
}
#InterestStatement table, #InterestStatement table tr th, #InterestStatement table tr td{
		border:none !important;
		color:#000;
	}
#InterestStatement table tr th{
		text-align:left;
	}	

@media print {

#PendingTransactionsControl .RefreshButton{
	display:none;
}
/*GLOBAL ELEMENTS begin*/

BODY {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

A {
	color: #905B79;
	font-weight: normal;
	text-decoration: none;
}

IMG {
	border: none;
}


.Heading {
	position: relative;
}

.Summary {
	position: relative;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}


.PageTitle {
	font-size: 11pt;
	font-weight: bold;
}

.SummaryTable {
	position: relative;
}


/*GLOBAL ELEMENTS end*/

/*Full Page is the page level container for the other elements*/

#FullPage {
	color: #000;
	width: 7in;
	padding: 0;
	margin: 0 auto;
}

#ContentDiv .PageHeading {
	display: none;
}

h2, .PageTitle {
	font-size: 1.5em;
	margin-bottom: 20px;
	display: block;
	color: #A81E2D;
	font-weight: bold;
}

/*PAGE TEMPLATE SECTIONS begin*/

#PrintableFooterDiv {
	display: none;
}


#LeftSideDiv {
	display: none;
}

/* EXTRA INFORMATION CONTROL */

#ExtraInfoControl {
	width: 560px;
	margin-top: 20px;
}

#ExtraInfoControl .helpbutton {
	display: block;
	margin-bottom: 10px;
}

.Column6 {
	text-align: right;
}

.Column7 {
	text-align: right;
}

/*ACCOUNT STATUS CONTROL LAYOUT ---------------------------------------------------------- */

#AccountStatus {
	width: 560px;
	position: relative;
	margin-bottom: 80px;
	display: block;
}

#AccountStatus .Heading1{
	top: 60px;
	left: 0px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width: 185px;
	height: 34px;
	position: absolute;
	background-color: #A81E2D;
	border-bottom: 1px solid #ffffff;

}

#AccountStatus .Information1{
	top: 96px;
	left: 0px;
	position: absolute;
	text-align:center;
	width: 185px;
	height: 30px;
	background-color: #F7E8EB;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Heading2{
	visibility: hidden;
}

#AccountStatus .Information2{
	visibility: hidden;
}

#AccountStatus .Heading3{
	top: 60px;
	left: 185px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width: 185px;
	height: 34px;
	position: absolute;
	background-color: #A81E2D;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Information3{
	top: 96px;
	left: 185px;
	text-align:center;
	position: absolute;
	width: 185px;
	height: 30px;
	background-color: #F7E8EB;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Heading4{
	top: 60px;
	left: 370px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width: 189px;
	height: 34px;
	position: absolute;
	background-color: #A81E2D;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Information4{
	top: 96px;
	left: 370px;
	position: absolute;
	text-align:center;
	height: 30px;
	width: 189px;
	background-color: #F7E8EB;
	border-bottom: 1px solid #ffffff;
}

#AccountStatus .Heading5{
	display: none !important;
}

#AccountStatus .Information5{
	display: none !important;
}

#LocalServerTimeControl {
	visibility: hidden;
}

/* Statement Tables */

.StatementsTablePrintable {
	margin-top: 20px;
	margin-bottom: 20px;
}
.ActionButton {
	text-align: right;
}

@media print {
.MonthlyStatementPage .TransactionAmountHeader, .MonthlyStatementPage .TransactionAmountColumn,
.ActionButton {
	display: none;
}

#StatementMenu {
display:none;}

#StatementControl .Column6 {
	text-align: right;
}

#StatementControl .Column6 {
	text-align: right;
}

#StatementControl .Column7 {
	text-align: right;
}

Table {
	border: 0px;
	width: 90%;
	position:relative;
	border-collapse:separate;
	margin-bottom: 20px;
	margin-top: 20px;
}
.QuestionWrapper.ViewAccountDetails .Question,
.QuestionWrapper.ViewAccountDetails .Answer.Confirmation {
	display:none;
}
	}
	/*END*/