body
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 1%;
	border-left: medium none;
	padding-top: 0px;
	border-bottom: medium none;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	width: 98%;
}
body /* Mozilla Firefox alignment */ 
{ 
	text-align: center; 
}

body form /* fix for page jumps when drop down is selected */
{
	height: 100%;
}
/* hack on BanstaMessageViewForm.aspx to align textarea properly in ie*/
.lineup textarea{
    vertical-align:top;
}
/* hack on TransactionForMatchAllocationForm.aspx to get Transactions (next row down) to line up HORIZONTALLY !!!*/
.lineup2 span
{
    height:auto !important;
}

input.LanguageBarButton { border-style:solid; border-color: transparent; border-width: 2px;  }
input.LanguageBarButtonSelected { border-style:solid; border-color: #5bc6e8; border-width: 2px; }

.LoginPanel{ border: none; width: 850px; padding-top:15px; padding-bottom:25px; margin-left: auto; margin-right:auto; margin-bottom:10px; margin-top: 45px; text-align:left; }
.LoginPanel input[type=text], .LoginPanel input[type=password]{ margin-right: 5px; }
.LoginCentred{ margin-bottom: 30px; text-align:center; }
.LoginCentred span { font-size: 16px; }
.LoginCentred .labelerror .labelerror2 { font-size: 100%; }
.LoginCentred2{ margin-bottom: 30px; padding-left: 275px; }
.LoginCentred2 .labelerror .labelerror2 { font-size: 100%; }
.LoginPanel .browserinline_center { font-weight: bold; font-size: 13px; }
.LoginButtons input[type=submit] { margin-right: 10px; }
.LoginButtons{ margin-top:30px; }

.StandardButton, .FilterButton, .stretchbutton, .SmallButton, .MediumButton, .LargeButton, .AutoSizingButton, .ValidateAuthorityButton, .FilterButtonNLFixed
{ 	
	background-color : #007dba;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border-color: #5bc6e8;
	border-width: 2px;
	border-style: outset;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;

	width: 150px;
}
.FilterButton
{ 
	vertical-align:bottom; 
	height: 22px; 
}
.ValidateAuthorityButton
{ 	
	vertical-align:baseline; 	
}

.FilterButtonNLFixed
{
	height: 20px;
	width: auto;
}

.Button
{
    width: 180px;
}

.stretchbutton
{   
	width: auto !important;
    overflow: visible;
    padding-left: 6px;
    padding-right: 6px;
}

.SmallButton
{
    width: 100px;
}

.MediumButton
{
    width: 180px;
}

.LargeButton
{
    width: 250px;
}

.AutoSizingButton
{
    width: auto !important;
    overflow: visible;
    padding-left: 6px;
    padding-right: 6px;
}

.SubTitleLabel
{
	font-weight: bold;
	font-size: medium;
}

.errorAlert
{
    background-image: url('../../images/alert.png'); 
    background-repeat: no-repeat;
}

.boldtxt, .boldtxtcoloured
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 100%;
	color: #000033;
}

.largetxt
{
	font-family: Verdana;
	font-size: 11pt;
}

.clear
{
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 1px;
	overflow: hidden;
	width: 100%;
}

.footer
{
	font-size: 9px;
	margin-left: 7px;
	color: #003a63;
}

.underline
{
	width: 98%;
	height: 1pt;
	background-color: #333333
}

.menutopline
{
	width: 98%;
	height: 1pt;
	background-color: #333333
}

.menuunderline
{
	width: 98%;
	height: 1pt;
	background-color: #333333
}

SPAN.requiredfield
{

}
span.requiredmarker, span.RequiredMarker
{
    color: orange !important;
}

DIV.requiredfield 
{
	border-width:thin;
	border-style:solid;
	color:#ff0000;
	padding: 2px;
}

div.mandatoryFieldsPanel span
{
    color: black;
    font-weight: bold;
    font-size: 110%;
}
/* Details info pop up*/
.detailsWrapper{
    position:relative;
}

.detailsTooltip {
	vertical-align:top;
    cursor: help;
    background: url(images/help.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 15px;
    margin: 3px;
    text-decoration: none;
}

.detailsTooltip:hover > .detailsTooltip-text, .detailsTooltip:hover > .detailsWrapper {
    pointer-events: auto;
    opacity: 1.0;
}

.detailsTooltip-text {
    border:none; 
    overflow:hidden; 
}

.detailsTooltip > .detailsTooltip-text, .detailsTooltip >.detailsWrapper {
    display: block;
    position: absolute;
    z-index: 6000;
    overflow: visible;
    margin-left: 10px;
    line-height: 16px;
    border-radius: 4px;
    text-align: left;
    color: black;
    border: 2px solid #00309C;
	background-color: #fff;
    pointer-events: none;
    opacity: 0.0;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Arrow */
.detailsTooltip > .detailsTooltip-text:before, .detailsTooltip > .detailsWrapper:before  {
    display: inline;
    left: -15px;
    content: "";
    position: absolute;
    border: solid;
    border-color: #00309C transparent;
    z-index: 6000;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #00309C; 
}

/* Invisible area so you can hover over tooltip */
.detailsTooltip > .detailsTooltip-text:after, .detailsTooltip > .detailsWrapper:after  {
    top: -2px;
    content: " ";
    display: block;
    height: 40px;
    position: absolute;
    /*background-color:yellow;*/
    width: 150px;
}

.detailsWrapper > .detailsTooltip-text {
    overflow-y: auto;
    height: auto;
    display: block;
    padding: 5px 8px;
}
/*End Details infor pop up*/

/*New info tooltip*/
.infoWrapper{
    position:relative;
}
.infoTooltip {
	vertical-align:top;
    cursor: help;
    background: url(images/help.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 15px;
    margin: 3px;
    text-decoration: none;
}

.infoTooltip:hover > .infoTooltip-text, .infoTooltip:hover > .infoWrapper {
    pointer-events: auto;
    opacity: 1.0;
}

.infoWrapper:hover + .IframeTaxTypeHelp {
    display: block;
}

.infoTooltip-text {
    border:none; 
    overflow:hidden; 
    width:800px; 
    height:300px; 
}

.IframeTaxTypeHelp iframe {
    position:relative;
    z-index:-1;
}

.infoTooltip > .infoTooltip-text, .infoTooltip >.infoWrapper {
    display: block;
    position: absolute;
    z-index: 6000;
    overflow: visible;
    margin-top: 10px;
    margin-left: -70px;
    line-height: 16px;
    border-radius: 4px;
    text-align: left;
    color: black;
    border: 2px solid #00309C;
	background-color: #fff;
    pointer-events: none;
    opacity: 0.0;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Arrow */
.infoTooltip > .infoTooltip-text:before, .infoTooltip > .infoWrapper:before  {
    display: inline;
    top: -12px;
    content: "";
    position: absolute;
    border: solid;
    border-color: #00309C transparent;
    border-width: 0 10px 10px 10px;
    z-index: 6000;
    right: 0px;
}

.InfoTooltipHeader {
    background-color: #00309C;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold; 
    color:white;
    display: block;
    font-size:10px;
}

/* Invisible area so you can hover over tooltip */
.infoTooltip > .infoTooltip-text:after, .infoTooltip > .infoWrapper:after  {
    top: -30px;
    content: " ";
    display: block;
    height: 60px;
    position: absolute;
    /*background-color:yellow;*/
    width: 150px;
    right: -20px;
}

.infoWrapper > .infoTooltip-text {
    overflow-y: auto;
    max-height: 300px;
    height: 300px;
    display: block;
    padding: 5px 8px;
}
/*End New info tooltip*/

/*Infor details popup on bulk account closure*/
.infoDetailsPop-Up{
    cursor:help;
    background: url(../ANZ/Images/help.gif) no-repeat 0px 0px;
	padding:2px 0px 0px 15px;
	margin:0;
	text-decoration:none;
    content: attr(title);
    font-size: 0px;
}

.infoDetailsPop-Up:hover{
    content: attr(title);
    display:block;
    position: absolute;
    z-index: 99999;
    width: 300px;
    padding: 30px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    font-size: 12px;
}

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
	@title			: tooltip
	@description	: Styles for the form tooltip.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	
*/
.tooltip 
{ 
    position:absolute; 
}
.tooltip:hover 
 { 
    cursor:help; 
 }

.tooltip:hover .tooltip-content 
{ 
    position: absolute;
    z-index: 2;
    width: auto;
    padding: 7px;
    display:block;
    background: #EEEFEB;
    color: #000000;
    line-height:20px; 
    left:1.5em; 
    top:-15px; 
    font-size:12px;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}

.tooltip-content
{
    font-size:0px;
}

table
{
	color: #000033;
}
/*
TABLE.ams_footer
{
    FONT-SIZE: 80%;
    COLOR: #003a63;
    FONT-FAMILY: Verdana;
    background-color: #E5F5FA;
    border: 0;
}
TABLE.ams_footer A:visited
{
    COLOR: #003a63
}
TABLE.ams_footer A
{
    FONT-SIZE: 80%;
    COLOR: #003a63;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
TABLE.ams_footer UL
{
    PADDING-RIGHT: 0pt;
    PADDING-LEFT: 0pt;
    PADDING-BOTTOM: 0pt;
    MARGIN: 0pt;
    PADDING-TOP: 0pt
}
TABLE.ams_footer LI
{
    FLOAT: left;
    POSITION: relative;
    BACKGROUND-COLOR: #e5f5fa
}
TABLE.ams_footer A:hover
{
    TEXT-DECORATION: underline
}
TABLE.ams_footer_div A
{
    FONT-SIZE: 80%;
    COLOR: #003a63;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

TABLE.ams_footer_div A:visited
{
    COLOR: #003a63
}

TABLE.ams_footer_div A:hover
{
    TEXT-DECORATION: underline
}

TR.highlight
{
    BORDER-RIGHT: black thin;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black thin;
    FONT-WEIGHT: bold;
    BORDER-LEFT: black thin;
    BORDER-BOTTOM: black thin;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #d9d9d9
}
*/
DIV.error
{
    BORDER-RIGHT: #000066 solid;
    BORDER-TOP: #000066 solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: smaller;
    MARGIN-LEFT: 20%;
    BORDER-LEFT: #000066 solid;
    COLOR: #000066;
    MARGIN-RIGHT: 20%;
    BORDER-BOTTOM: #000066 solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #f2f1ff
}

H1.errheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    COLOR: #000066;
    FONT-FAMILY: Verdana
}

.outagebox
{
	border: #000066 solid;
    margin-left: 20%;
    margin-right: 20%;
}

.outagebox span, .outagebox a
{
	font-size: 13px;
}

.outagebox .LabelBold
{
	font-size: 16px;
}

div.Block
{
	border: medium dotted #000080;
	width: 98%;
}

div.menuContainer
{
    /*width: 960px*/
    /*padding-left:1%;
    padding-right:1%*/
    height: 29px;
}

div.ovfHidden
{
	overflow:hidden;
}

div.selectionHeader
{
    width: 960px
}

div.SelectionDetail
{
    /* Commented out kJH width: 960px; */
    padding-left:1%;
    padding-right:1%;
    /*border-style:none;*/
    /*border: solid 2px #000000;*/
}

div.border
{
	border-style: none;
	font-size: 100%;
	color: #000066;
	width: 100%;
	text-align: right;
}


.ColumnOne
{
	border: thin dotted #0000FF;
	width: 400pt;
	text-align: left;
}

.ColumnTwo
{
	border: thin dotted #0000FF;
	width: 50%;
	text-align: left;	
}

.headerStyle
{
    font-weight: bold;
    font-size: 90%;
    font-family: verdana;
    color: #ffffff;
    text-align: center;
    vertical-align:bottom;
}

.GridView
{
    width:100%;
/*    
    table-layout:fixed;
    word-wrap:break-word; 
*/
}

.GridView .Wrap
{
	word-break: break-all;
}

.Wrap 
{
    word-break: break-all;
}

.statusInformation
{
    font-size: 100%;
    font-family: verdana;
    color: red;
    font-weight:bold;
    text-align:center;
}

.accountInformation
{
    font-size: 100%;
    font-family: verdana;
    color: black;
    font-weight:bold;
    text-align:center;
}

table.SearchGridDetails
{
	border-style: none;
	width: 80%;
}

table.SelectedGroup
{
	width: 80%;
}

/*
A.wizard:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    COLOR: #003a63;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.wizard:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    COLOR: #003a63;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.wizard:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    COLOR: #003a63;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.wizard:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    COLOR: #003a63;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
*/

/* .Net port */
/* Used to style an error label with an alert image, and also logout and help links 
background: url(Images/alert.png) no-repeat 1px 1px;
*/
.labelerror
{
    font-size: 100%;    
    font-weight:normal;
    color: #FF0000;
    display: inline;
}

.labelerror2
{
    font-size: 13px;    
    font-weight:normal;
    color: #FF0000;
    display: inline;
}

.labelerrorheader
{
	font-size: 100%;
	padding-top: 1%;
	text-align: left;
	color: #FF0000;
}

.helplink
{
	background: url(Images/help.gif) no-repeat 1px 1px;
	border-spacing: 0px;
	color: #FFFFFF; 
	display: inline-block;
	font-size: 80%;
	padding: 2px 5px 2px 1.7em;
	text-align: right;
	white-space: nowrap;
}

.changepasswordlink
{
	background: url("Images/change_password.png") no-repeat scroll 0 50%;
    color: white;
    display: inline-block;
    font-size: 80%;
    margin-right: 15px;
    padding: 3px 0 2px 2.2em;
    text-align: right;
}


.linkbuttonheadersort
{
	font-size: 100%;
	background: url("Images/down.gif") no-repeat 1px 1px;
	background-position: top right;
	text-align: left;
	padding: 1px 20px 1px 1px;
	color: #FF0000;
}

.headerSortAsc
{
    background-image: url("Images/up.gif");
    background-position: top right;
    font-size:0px;
}

.logofflink
{
	background: url(Images/key.gif) no-repeat 1px 1px;
	color: white;
	display: inline-block;
	font-size: 80%;
	padding: 2px 0px 2px 1.7em;
	text-align: right;
	white-space: nowrap;
}

A.reportlink
{
    font-size: 12px;
    background: url(Images/docs_16.gif) no-repeat 1px 1px;
    text-align: left;
    color: #000000;
    padding-top: 2px;
    padding-left: 25px;
    padding-bottom: 2px;
    line-height: 2em;
    margin-left: 3.5em;
}

/* Style the privacy policy link at the bottom of the page */
A.privacy
{
	font-size: 9px;
	margin-left: 7px;
	color: #003a63;
}

A.privacy:active
{
	font-size: 9px;
	margin-left: 7px;
	color: #003a63;
}

A.privacy:visted
{
	font-size: 9px;
	margin-left: 7px;
	color: #003a63;
}

A.privacy:hover
{
	font-size: 9px;
	margin-left: 7px;
	color: #003a63;
}

A.privacy:link
{
	font-size: 9px;
	margin-left: 7px;
	color: #003a63;
}
/* end style of privacy policy */

/* Used to show hide controls programattically */
.hidden { display: none; }
.hiddenNoCollapse { visibility:hidden; }
.hiddenNoCollapseWithPadding { visibility:hidden; padding:10px; }
.visible { display: inline; }
/* end */

/* Style for calendar control */
.Calendar .ajax__calendar_container {
	border:1px solid #D9D9D9;
	background-color: #EEEEEE;
	color: #000000;
}

/* div Style to boxup a table */
TABLE.boxup
{
	border:solid 1px #ACA899;
	padding:2px;
	background-color:#E4EEFC;
	float:left;
}

/* Wizard Stepper */

/*Commented out KJH
#stepper {margin:10px 0px 0px 0px; text-align:center; }*/
/* Replaced with ... */
#stepper {
	width:858px;
	margin-left:auto;
	margin-right:auto; /* standard CSS way to centre a DIV */
}

/*#stepper ul{list-style-type:none; margin-left:0px;}*/
#stepper ul li{float:left;display:block;height:38px;width:118px;background-color:#333;color:#fff;padding:4px;text-align:left;font-size:11px; font-family:Verdana;}
#stepper ul li strong{color:#fff}
#stepper ul li.full{background:url(Images/li-full.gif) no-repeat}
#stepper ul li.fade{background:url(Images/li-fade.gif) no-repeat}
#stepper ul li.complete{background:url(Images/li-complete.gif) no-repeat}
#stepper ul li.arrow{background:url(Images/li-arrow.gif) no-repeat;width:31px}
#stepper ul li.fadearrow{background:url(Images/li-fadearrow.gif) no-repeat;width:31px}
	
/* End of Wizard Stepper */

/*
INPUT.focus
{
	background:white;
	font-size:11px;
}

INPUT
{
	background:#d9d9d9;
    font-size:11px;
}
*/
/* margin around a label */
span.margin 
{
	line-height:4em;
}

/* Div to hold old values on mouseover events */
div.OldValueDiv
{
      display:none; 
      position:absolute; 
      text-align:left;
      z-index:100;
      border:solid 1px #000033; 
      background-color: #d9d9d9; 
      padding: 5px;
}

/* overrride active tab text */
.TabHeaderText, .ajax__tab_tab { color: white; text-decoration: none; font-size: 12px !important; }

.ajax__tab_outer
{
	background-attachment: inherit !important;
	background-color: white !important; 
	background-image: none !important;
	background-position: inherit !important;
	background-repeat: inherit !important;
	margin-right: 3px;
	padding-right: 0px !important;
}

.ajax__tab_inner
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.ajax__tab_tab
{
	height: auto !important;
    padding: 3px 6px !important;
}

.ajax__tab_inner,
.ajax__tab_tab
{
	background-attachment: inherit !important;
	background-color: #004165 !important; 
	background-image: none !important;
	background-position: inherit !important;
	background-repeat: inherit !important;
}

.ajax__tab_active .ajax__tab_tab
{
	background-color: #007DBA !important;
}

.ajax__tab_tab:hover
{
	background-color: #0AA1D4 !important; 
}

/* position and border the images on hover so the user knows there is something happening */
#previousAccountHolderImage, #nextAccountHolderImage{ padding-top:3px; }
#previousAccountHolderImage:hover, #nextAccountHolderImage:hover{ border: 1px solid #5B00EF; padding-top:2px; padding-left:2px; padding-right:2px; }

/* override this causes issue with interest tab in IE */
/*.ajax__tab_xp .ajax__tab_header{ background:url(Images/tab-line-red.gif) repeat-x bottom !important ; }*/

/* this solves the above issues remove background image replace with top border */
.ajax__tab_xp .ajax__tab_header{ background: none !important; color: black !important; margin-top:1em; }
.ajax__tab_xp .ajax__tab_body{ border-top: 1px solid #999999 !important; color:black !important; font-size: 100% !important; }

.TabContainerFixedWidth .ajax__tab_body{ border: 1px solid #000000 !important; background-color: #cecfff !important; color:black !important; font-size: 100% !important; }

/* below works for firefox rendering but not IE ! */
/*.ajax__tab_xp .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_active .ajax__tab_outer { border-bottom: 1px solid #FFFFFF; margin-bottom: -1px; }*/


/* KJH the additional padding on here will affect tabcontainers within tabcontainers */
#TabContainer, .TabContainer
{
	text-align:left;
	padding-left:1%;
	padding-right:1%;
}

#TabContainerFixedWidth, .TabContainerFixedWidth
{
	width:972px; /*99.5%*/
	text-align: left;
	padding-bottom: 0%;
}

/* overrides padding if a container is within the same container */
.TabContainer .TabContainer{ padding-left:0%; padding-right:0% }

.GridNoRows
{
	display: block;
	width: 100%;
	color: #1094A4;
	font-weight: bold;
	margin: 0.2% 0px;
	font-family: Verdana;
	font-size: 100%;
	text-align: center;
}
.GridTabContents
{
    border:solid 1px #000000;
    padding:0px;
    background-color:#FFFFFF;
}
.GridTabs
{
    position:relative;
    top:1px;
    left:10px;
    margin-bottom:1px;
}

.GridTabsUpper .GridTab
{
	/*border-bottom: solid 1px #000000;*/
}



/*Barclays AMS Styling*/
.GridTabsLower
{
	padding-top:1%;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	padding-right:1px;
}


/* Core, no double tab bar, no need for the border
.GridTabsLower
{
	padding-top:1%;
	padding-right:1px;
}
*/

.GridTab
{
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	/*background: white url(Images/shade2.gif) top left repeat-x; padding:2px 10px;*/
	background:#E1E1E1;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.GridSelectedTab
{
    /*background: white url(Images/shadeactive2.gif) top left repeat-x;*/
    background: #5CB5D5;
    border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
    /*border-bottom:solid 1px #000000;*/
    color: #000033;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* End of tabs */
h1
{
	font-size: 150%;
}

h2
{
	font-size: 100%;
}

.h3
{
    font:700 100% verdana;
    color:black;
    font-weight: bold;
    padding-left:15px;
}
    
.itemStyle 
{
    font-size: 100%;
    font-family: verdana;
    color: Black;
    text-align: left; 
}

.itemStyle a
{
	color: #004165;
}

.itemStyleCentre
{
    font-size: 100%;
    font-family: verdana;
    color: #000000;
    text-align: center; 
}

/* table data*/
.itemStyleAmount
{
    font-size: 100%;
    font-family: verdana;
    color: #000000;
    text-align: right; 
}

.itemStyle-Height
{
    height: 25px;
}
.DropDownList
{
	font-size: 100%;
	font-family: Verdana;
	font-weight: normal;
	text-align: left;
	border: 1px solid #00FF00;
}

.linkbuttonrefresh
{
	display: none; 
	font-weight: normal;
	font-size: 100%;
    color: red;
    font-family: Verdana
}

.inputRow{
	margin-top:.2em;
	margin-bottom:.2em;
	clear: both;	
}

.mandatorylabel
{
	text-align:left;
    font-weight:bold;
    padding-left: 25%;
    padding-right: 20px;
    margin-bottom: -30px;
    margin-top:2.5%;
    background-image: url(images/requiredmarker.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
    
    display: inline-block;
    float: left;
    height: 45px;
}

.mandatorylabel span
{
    color: black !important;
    margin-left: 0.3em;
}

/* DN1210040002
.mandatorylabel + .CheckBoxPanel
{
    float: left;
}
*/

.centralignment
{
	/*width:64%;*/
	text-align:center;
}

/* User Maintenance SJO */

div.userstatuslist
{
	text-align:center;
	width:90%;
}

div.dosilocktime
{
	text-align:left;
	margin-top:5px;
}

.recordcount
{
	text-align: right;
	padding-top:0.5%;
}

.H2HeaderDropDown
{
    text-align: right;
    float: right;
    margin-top: -20px;
    margin-right: 5px;
}

.gridfiltered
{
	text-align: left;
	padding-top:0.5%;
	float:left;
}

DIV.formcentre
{
	width:972px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

DIV.formleft
{
	display:inline;
	width:49%;
}

.formleftcaption
{
	padding-right: 10px;
	text-align: left;
	white-space: nowrap;
}

.formleftvalue
{
	padding-right: 20px;
	text-align: left;	
}

.formrightcaption
{
	padding-right: 10px;
	text-align: left;
	white-space: nowrap;
}

.formrightvalue
{
	text-align: right;
	white-space: nowrap;
}

DIV.fixedwidth970
{
	width:970px;

}

DIV.fixedwidth970padding
{
	width:970px;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
}

div.fixedgrid {
    width: 970px;
    margin: auto;
	padding-bottom: 1%;
	padding-top: 0.5%;
}

label.browserinline_onecol, span.browserinline_onecol
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:33%;
    padding-top:3px; 
    overflow: visible;
    font-weight: bold;
}

label.browsersameline_onecol, span.browsersameline_onecol
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:25%;
    padding-top:3px; 
    overflow: visible;
    margin-top: 1px;
}

label.browsersameline, span.browsersameline
{
	text-align:right;
	padding-top:3px; 
    overflow: visible;
}

.onecol_wide
{
}

.onecol_wide #wideform label.browserinline_onecol
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:30%;
    padding-top:.2em; 
    font-weight: bold;
}

.onecol_wide #wideform span.browserinline_onecol
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:30%;
    padding-top:.2em; 
    font-weight: bold;
}

.onecol_wide #wideform label.browserinlinebold_onecol
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:30%;
    padding-top:.2em; 
    font-weight: bold;
}

label.browserinlinebold_onecol
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:25%;
    padding-top:.2em; 
    font-weight: bold;
}

label.browserinline_accountinfo, span.browserinline_accountinfo
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:50%;
	font-weight: bold;
}

.ajax__combobox_inputcontainer 
{
    position: static !important;
}

div.selectdeselectall
{
	text-align:center;
	width:50%;
	padding-top:.5em;
	padding-bottom:.5em;
}	

/* User queues classes */
.editmarker
{
    COLOR: #CC0000;
    TEXT-DECORATION: none
}

div.validatepassword
{
	text-align:right;	
}		
.validateinput{ padding-bottom:10px; }

div.celllabel
{
	text-align:right;
	float:left;
	width:10%;
	padding-right:3px;
	padding-top:3px;
	margin-top:3px;
}

div.cellvalue
{
	text-align:left;
	float:left;
	width:39%;
	margin-top:2px;
}			

div.singlecelllabel
{
	text-align:right;
	float:left;
	width:19%;
	padding-right:3px;
	padding-top:3px;
	margin-top:2px;
}

div.singlecellvalue
{
	text-align:left;
	float:left;
	width:80%;
	margin-top:2px;
}	
	

div.permissionserror
{
    border-right: black solid;
    border-top: black solid;
    font-weight: lighter;
    font-size: larger;
    margin-left: 20%;
    border-left: black solid;
    color: black;
    margin-right: 20%;
    border-bottom: black solid;
    font-family: Verdana;
    background-color: white
}
	
/* Checkbox List classes */
table.ChkBoxList1, table.ChkBoxList2, table.ChkBoxList3, table.ChkBoxList4, table.ChkBoxList5, table.ChkBoxList6
{
	width:100%;
}

.ChkBoxList1 td
{
   width:100%;
   text-align:left;
}
.ChkBoxList2 td
{
   width:50%;
   text-align:left;
}
.ChkBoxList3 td
{
   width:33%;
   text-align:left;
}
.ChkBoxList4 td
{
   width:25%;
   text-align: left;
}
.CheckBoxPanelLocValidate .inputRow span,.CheckBoxPanel .inputRow span
{    
    width: 25%;
}
.CheckBoxPanel table
{
    margin-left: 2%;
    width: 100%;
}

.CheckBoxPanelLocValidate .ChkBoxList4
{
	margin-left: 15px;
}
.CheckBoxPanelLocValidate .ChkBoxList4 td
{
	margin-bottom: 3px;
	width: auto;
}
.CheckBoxPanelLocValidate input[type=checkbox]
{
	margin-bottom: 8px;
}
.CheckBoxPanelLocValidate label table
{
	display: inline;
}
.CheckBoxPanelLocValidate label table tr td:first-child
{
	width: 55px;
}
.CheckBoxPanelLocValidate label table tr td:last-child
{
	padding-bottom: 2px;
}
.CheckBoxPanelLocValidate label table tr td img
{
	margin-left: -5px;
}

.ChkBoxList5 td
{
   width:20%;
   text-align:left;
}
.ChkBoxList6 td
{
   width:16%;
   text-align:left;
}

h1.H1HeaderCenter
{
	text-align:center;
	background-color:#3100CD;
	color: #FFFFFF;
	font-size: 1em;
	padding-top:0.25%;
	padding-bottom:0.25%;
	margin-top:2px;
}

/* The header above the check boxes */
h2.H2Header, h2.H2Header span
{
    color: #FFFFFF;
    font-family: verdana,tahoma,helvetica;
	text-align:left;
	padding-left: 0.3em;
}

h2.H2Header
{
	background-color: #007DBA;
	margin-top: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 25% !important;
	white-space:nowrap;
}

h2.H2HeaderCenter
{
	text-align:center;
	padding-left:5%;
	padding-top:0.25%;
	padding-bottom:0.25%;
	margin-top:2%;
}

.LeftTextOverride
{
	text-align:left;
}

.PreGridHeader
{
	margin-bottom:0.5%;
	
	color: black;
	font-weight: normal;
	font-family: Verdana;
	
}

.TotalPreGridHeader
{
    margin-bottom:0.5%;
    padding-bottom:0.75%;
    padding-top:1.5%;
}

.SearchPreGridHeader
{
	width:82%;
}	

.PermissionRaise
{
	margin-bottom:0;
}

.Indent
{
	padding-left:0.9%;
	padding-top:0.5%;
}

.footerbuttons
{
	padding-top: 2.0%
}

.footerbuttonsCenter
{
	padding-top: 2.0%;
	text-align:center ;
}

/* Gid CSS */
.GridHeader
{
	background-color: #007DBA;
	border-top: solid 1px #cecfff;
	text-align: center;
	/*height: 10px;*/
	/*color: #FFFFFF;*/
}

.HeaderLink, .HeaderLink a 
{
    color: #FFFFFF;
    border-top-color:#cecfff;
    border-top-style:solid;
    border-top-width:1px;
    
    font-weight: bold;
}

HeaderLink .HeaderLinkLeft a
{
	font-weight: bold;
}

.HeaderLink a, .HeaderLinkLeft a
{
	border-top-width:0px;
}

.HeaderLinkLeft
{
    text-align: left; 
}
.HeaderLinkCentre
{
    text-align: center; 
}
.HeaderLinkRight
{
    text-align: right; 
}
.HeaderLinkLast
{
	/* This is currently exculdet cuz the defect is fixed in the grid pager row */
	/* border-right:none !important; */
}
.HeaderLinkCorrected
{
	border-right: solid 2px !important;
}

.GridPager
{
    background-color: #007DBA;	
	/*height:10px;*/
}

.GridPager tr
{
	height:10px;
}

.GridPager td
{
	color: white;
	font-weight: bold;
}

.GridPager td table tbody tr td
{
	color: white;
	font-weight: bold;
	border-left-width: 0px;
}
tbody tr.GridPager:last-child /*works in IE9, FF8 and the latest Chrome*/
{
    display: none;
}

.highlightrow td
{
    background-color: #cecfff;
    border: solid 1px #7a7a7a;
    color: #000033;
    font-family: Verdana;
    font-weight: normal;
}

.GridRow
{
	background:#FFFFFF;
	color:#000000;
}

.GridRowAlternate
{
	background:#E8E8E8;
	color:#000000;
}

.GridRowSelected
{
	background:#AAD4FF;
    border: solid 1px #7a7a7a;
    color: #000033;
}

.GridPager a
{
	color: white;
	font-weight: normal;
}

.GridFooter
{
	background-color: #5CB5D5;
}

.GridTabsRaise
{
	margin-bottom:1px;
}

tr[align=center] td input[type=submit]
{
    width: 100px;
}


/* START CSS produced from the equivalent skin and styles */

/* Input - TextAreas - 8 classes */


/*input.readonlyfield
{
    BORDER-RIGHT: blue 1px solid;
    BORDER-TOP: blue 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    BORDER-LEFT: blue 1px solid;
    COLOR: black;
    BORDER-BOTTOM: blue 1px solid;
    FONT-FAMILY: Verdana
}
/*INPUT.checkbox
{
	background:#E4EEFC;
    font-size:11px;
    font-family:Verdana;
	font-size:11px;
	color:#000033;
}
select, input[type=text], input[type=password]{border:solid 1px blue;font-family:verdana;font-size:100%;}
FROM select.Mandatory --- span.Mandatory, 
*/
textarea{background-color: #EDE8C4; font-family:Verdana;font-size:100%;}

/* colour is normally red  or #AAAAAA for 'normal' */
select, input[type=password], input[type=text], .FontUpper, .dualdropdown_first, .dualdropdown_second
{
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
    border-bottom: none 0px #00000;
    border-right: none 0px #00000;
    Font-family: Verdana; 
	Font-Size: 100%;
	Color: #000000;
	background-color: #EDE8C4;
}
.ajax__combobox_itemlist li
{
	background-color: #EDE8C4;
}
textarea[readonly], input[readonly] {background-color: #DADADC; cursor: text;border-top:solid 1px #000000;border-left:solid 1px #000000;}
/*.ie_mandatory{ padding:0px; border:solid 1px #AAAAAA; }*/
.RequiredHolderMarker{ display:inline;}
input.CashfacRestrictedAmount{text-align:right}
 
/*  labels - 21 classes, labels sometimes rendered as spans, so just the class definigition here !
	this should then catch label.CLASS and span.CLASS */
.H1, .LabelVersion, .LabelWizard, .WizardNumber, .WizardMainScreen{font-weight:bold; font-size: medium; font-family: Verdana;}
.LabelBold{font-weight:bold; font-family: Verdana;}
.H2{font:verdana; color:#006666;}
.ConfirmDeleteAction{font:700 100% verdana;color:#F00}
.StatusInformation{font:normal 100% verdana;color:red}
.MessagePanel{font:normal 100% verdana;color:#000000;text-align:center}
.InfoHeader{font:bold 16px verdana;border:solid 1px, #00A4EB;color:#000000;}
.FormBold{font:700 100% verdana;color:#003}
.BoldHighlight{font:700 100% verdana;color:#003;background-color:#D9D9D9}
.ExtraHeight{font:150% verdana;color:#003}
.TitleLarge,.Welcome{font:bold 24px verdana;color:#000066;width:98%}
.Welcome2{font:bold 16px verdana;color:#008bb8;}
.Standard, .StandardText, .TextBox, .TextBoxTransparent{background-color: #EDE8C4; font:100% verdana; color:#000000; padding-right:1px;}
.Breadcrumb, .Vale, .Status{font:100% verdana;color:#C30}

.TextBoxTransparent
{
    background-color: Transparent !important;
}
.FontUpper
{
	text-transform: uppercase;
}
/* Tables for menus - 3 Classes 
.MenuTable{border:none;width:98%;margin-left:auto;margin-right:auto;height:29px;font-family:verdana;font-size:11px;color:#EEE;background-color:#FFF}
.menuContainer td{text-align:center;}
.MenuTableRow{width:100%;margin-left:auto;margin-right:auto}
.WelcomeMessageCell{width:100%;height:29px;margin-left:auto;margin-right:auto;color:#00A4EB;background-color:#E5E9ED;font:700 10pt verdana}
*/
.Menu, div.menuContainer
{
	background-color: #004165;
	color: #000000;
	font-weight:bold;
	font-family: Verdana;
	font-size: 110%;
	width: 100%;
	border-top-color: #5bc6e8;
	border-top-width: 1px;
	border-top-style: solid;
	padding: 0px;
	margin-top: 8px;
}

div.menuContainer .Menu
{
	font-size: 100%;
	height: 34px;
	margin-top: -2px;	
}

.Menu tr td[id*=DefaultMenu]
{
	border-right: 1px solid #007dba;
}

.StaticMenuItemStyle
{
	color: #ffffff !important; 
	background-color: #004165;
	text-align: center;
}	

.StaticMenuItemStyle tr td
{
	white-space: normal;
}

.StaticHoverStyle
{
	background-color: #007dba;
	color: #ffffff;
}

.DynamicMenuStyle 
{
	color: #000000;
	background-color: #007dba !important; 
	padding: 1px;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 0px;
}

.DynamicMenuItemStyle
{	
	color: #ffffff;
	background-color: #007dba;

	text-align:left;
	font-weight:normal;
	padding: 2px;
} 

.DynamicHoverStyle
{
	color: #004165;
	background-color: #d8d8d8;
}

/* END CSS produced from the equivalent skin and styles */

/*
Added KJH to get User Registration up and running using tableless design...
*/

/* commented out KJH
#wizardNav
{
	text-align:center;
	margin: 0 auto;
}
*/

.userregistrationblock{
	padding-bottom: 0.25%;
}
	
.labelheader
{
	font-weight:bold;
	background-color: #D9D9D9;
	text-align: left;
	padding-left:75px;
	padding-top:2px;
	padding-bottom:5px;
}

.userregunderstand{
	padding-left:72px;
	padding-top:10px;
}

span.browserinline_center, label.browserinline_center
{
    color: #000000;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:45%;
    padding-top:2px; 
}

span.browserinline, label.browserinline
{
    color: #000000;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:31%;
    padding-top:2px; 
    font-weight: bold;
}

span.browserinline_passreset_step1, label.browserinline_passreset_step1
{
    color: #000000;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:40%;
    padding-top:2px; 
    font-weight: bold;
}

span.browserinline_passreset_step2, label.browserinline_passreset_step2
{
    color: #000000;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:29%;
    padding-top:2px; 
    font-weight: bold;
}

span.browserinline_passreset_step3, label.browserinline_passreset_step3
{
    color: #000000;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:43%;
    padding-top:2px; 
    font-weight: bold;
}

span.browserinline_medium, label.browserinline_medium
{
    color: #000000;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:19%;
    padding-top:2px; 
    font-weight: bold;
}

label.browserinline_small, span.browserinline_small
{
    color: #000000;
	display:inline;
	text-align:right;
	padding-right:1px;
    padding-top:2px; 
    font-weight: bold;
}

.primaryaccountdetails
{
    color: #000000;
    font-weight: bold;
}

label.pad
{
	width:5%;
}

label.smalltext, span.smalltext
{		
	display:inline;
	text-align:right;
	padding-right:1px;
	padding-top:4px;
	padding-bottom:0px;
    font-size:smaller;

}

span.simplelabel, label.simplelabel
{
	text-align:right;
	padding-right:1px;
}

span.browserinline_terms 
{
    color: #000000;
	display:block;
	float:left;
	text-align:right;
	padding-right:1px;
	width:49%;
	font-weight: bold;
}

span.userkeyexample
{
	display:block;
	text-align: left;
	padding-left: 29%;
}

.inputRow img
{
	vertical-align:baseline;
}

.centralignmentNoMargin, .centralignmentExtraWide 
{
  width: 972px;	
  text-align: justify;
  *zoom: expression( 
          this.runtimeStyle.zoom="1",
          this.appendChild( document.createElement("div") ).className="after"
         );
}
.centralignmentNoMargin::after, .centralignmentNoMargin .after,
.centralignmentExtraWide::after, .centralignmentExtraWide .after
{
  content: '';
  width: 100%;
  height: 0px; 
  display: inline;
  zoom: 1;
}
.centralignmentNoMargin:after,
.centralignmentExtraWide:after
{
  content: '';
  width: 100%; 
  height: 0px;
  display: inline-block;
}

.centralignment, .centralignmentNoMargin, .centralignmentExtraWide 
{
	padding-top: 0.25%;
	padding-bottom: 0.25%;
	font-weight:700;
}

.centralignmentNoMargin, .centralignmentExtraWide 
{
    padding-top: 5px;
	padding-bottom: 0px;
}

.centralignment table, .centralignmentNoMargin table, .centralignmentExtraWide table
{
	text-align: center !important;
	width: 100%;
}

.centralignmentExtraWide
{
    width: 1172px;
}

.leftrightbuttons
{
	width: 978px;
}

.leftalignment
{
    width:970px;
	text-align:left;
	padding-bottom: 0.25%;
	padding-top: 0.25%;
}

.rightalignmentnomargin, .rightalignment, .rightalignmentMargin
{
	text-align:right;
	padding-top: 0.25%;
	padding-bottom: 0.25%;
}

.rightalignmentMargin
{
	margin-right: 10px;
}

.rightalignment
{
	width:970px;
}

DIV.formleft_onecol
{
	display:inline;
	width:100%;
    margin-top: 1em;
	/* border:solid 1px blue; TEST TEST */
}

#wideform, #wideform_lower, #wideform_upper, .wideform, #extrawideform_upper
{
	width:970px; /*99.5%*/
	border:solid 1px #000000;
	text-align: left;
	padding-bottom: 1.25%;
}

#extrawideform_upper
{
    width:1170px; /*99.5%*/
}

span.passwordBox
{
    background-color: white;
    border: solid 1px #000000;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px; 
    display:inline-block;
    vertical-align: baseline;
    font-weight: normal;
}
span.passwordBox div span
{
    color: black;
}
span.passwordBox div input[type=submit]
{
    width: 180px;
}
div.passwordBoxContainer, div.passwordBoxContainerWide
{    
    border-width: 0px;
    width: 972px;
    text-align: right;     
    vertical-align: middle;
    padding-top: 5px;
}
div.passwordBoxContainer input[type=submit]{ vertical-align: middle; }
div.passwordBoxContainerWide input[type=submit]{ vertical-align: middle; }

div.passwordBoxContainerWide
{
    width: 1172px;
}

.pinValidateAuthority input[type=submit]
{
	margin-left: 8px;
}

#passwordfullscreen
{
	width:99.9%;
	border:solid 1px #000000;
	text-align: left;
	padding-bottom: 1.25%;
}

/* override wideform when displayed in a ajax tab */
.ajax__tab_body #wideform, .ajax__tab_body #wideform_lower, .ajax__tab_body #wideform_upper, .ajax__tab_body #extrawideform_upper
{
    color: black;
	width:99.5% !important;
	border:none !important;
	/*border:solid 1px red; TEST TEST */
}

/* override h2.H2Header within ajax tab */
.ajax__tab_body #wideform h2.H2Header{ margin-top: 0% !important; background-color: #007DBA; color: black;}

#mediumform
{
	width:860px; /*75%*/
	border:solid 1px #000000;
	text-align: left;
	padding-bottom: 1.25%;
}

#narrowform
{
	width:970px; /*50%*/
	border:solid 1px #000000;
	text-align: left;
	padding-bottom: 1.25%;
}

#changepassword
{
	width:575px; 
	border:solid 1px #000000;
	text-align: left;
	padding-bottom: 1.25%;
	background-color: #FFFFFF;
}

#changepassword .H2Header
{
	padding-top: 0em;
	padding-right: 55%;
}

#wizardreg1, #wizardreg2, #wizardreg3, #wizardreg4, #wizardreg5{
	margin-right:auto;
	margin-left:auto;
	width:970px;
	border:solid 1px #000000;
	text-align: left;
	padding-bottom: 1.25%;
}

#wizardreg4 .labelheader{
	margin-bottom: 10px;
}

.userreghelp{
	padding-left: 5px ;
	padding-right: 5px ;
}

.dualdropdown_first
{
	margin-right: 5px;
}

.dualdropdown_second
{
}

.confirm_label
{
	width: 29%;
	float:left;
	text-align:right;
	padding-right:3px;
	font-family:Verdana;
	font-size:10pt;
}

.confirm_data
{
	font-weight:600;
	font-family:Verdana;
	font-size:10pt;
}

.confirm_data_nobold
{
	font-family:Verdana;
	font-size:10pt;
}

.center_label
{
	width: 49%;
}


.imitationMessageLabel
{
  	font-weight:400;
	font-family:Verdana;
	font-size:12px;
    text-align:center
}

.VersionLabel
{
	font-family:Verdana;
	font-size: 9px;
	color: #003a63;
}
.CopyrightLabel
{
	font-family:Verdana;
	font-size: 9px;
	color: #003a63;
}

select.MultiControlClient_AccountName
{
	width:30%;
}

.updateProgress {
      background-color: white; 
      top:inherit; 
      left:inherit; 
      position:absolute; 
      z-index:100; 
     }

.relatedTabHeaderOuter
{
	margin: auto;
	padding-left: 20%;
	width:1000px;
}

.relatedTabHeaderInnder
{
	text-align:left;
	font-weight:bold;
}

.tabContainer
{
	text-align:left;
	clear:both;
}

.tabContainerWrapper
{
	clear:both;
	padding-top:20px;
}

.accountBalancesContainer
{
	clear:both;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}

.accountBalance
{
	float:left;
	padding-right:50px;
}

#newaccount, #newaccountconfirm{
	margin-right:auto;
	margin-left:auto;
	width:800px;
	border:solid 1px #000000;
	text-align: left;
	padding-bottom: 1.25%;
}

#newaccountconfirm .H2Header
{
    margin-left: 0px;
	padding-left: 0.3em !important;
	text-align: center !important;
}

.inputaccountrow
{
	margin-top: .5em;
	margin-bottom: .5em;
}

.inputaccountrow input[type=submit], .inputRow input[type=submit]
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.daterange_toprow
{
    margin-top: .5em;
    margin-bottom: .5em;
}

.daterange_bottomrow
{
    padding-bottom: .5em;
    padding-top: .4em;
}

.clearboth
{
    clear: both;
}

.highlightpanel
{
    margin-left: 40px;
    color: black;
    margin-right: 40px;
    font-family: Verdana;
    border-style: none;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.legendhighlightpanel
{
    color: black;
    font-family: Verdana;
    border-style: none;
    text-align: left;
}

DIV.legend
{
    text-align: left;
}

.accountnumberpanel
{
    border-style: none;
    border-width: 0px; 
            
    padding: 0px;

    margin-left: 0px;
    margin-right: 0px;
}

.confirmDetails, .clientNameDropdown
{
    width : 25em;
}



.yesNoDropdown, .yesNoTextbox
{
    width : 15em;
}

.locateButton
{
	margin-right:10px;
	float:right;
	color: #000033;
}

.showAccountsButton
{
	float:right;
	color: #000033;
}

.ACHolderImportButtonPanel 
{
    float: right;
    padding: 15px;
}

.mandatoryFieldsPanel
{
	padding:10px;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.OptionChangedText
{
    FONT-WEIGHT: normal;
    color: red;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: left;
}

.selectionsPanel
{
    padding-top: 2em;
}

.KJH_TestControl_Left{
	text-align:left;
}

#SelectionDetail #wideform{ width:100% !important }

div.fileupload
{
	width:950px;
	border-right: #4682B4 solid;
    border-top: #4682B4 solid;
    border-left: #4682B4 solid;
    border-bottom: #4682B4 solid;
    font-family: Verdana;
    background-color: #e1ecfd;
    margin-top:10px;
    margin-bottom:10px;
}	

div.topfiller
{
	height:70px;
}	

	
div.bottomfiller
{
	height:90px;
}	

div.celllabel
{
	text-align:right;
	float:left;
	width:46%;
	padding-right:3px;
	padding-top:3px;
	margin-top:2px;
}

div.cellvalue
{
	text-align:left;
	float:left;
	width:53%;
	margin-top:2px;
}	

input.file
{
    border-right: #3399CC 1px solid;
    border-top: #3399CC 1px solid;
    font-size: 11px;
    border-left: #3399CC 1px solid;
    color: #000033;
    border-bottom: #3399CC 1px solid;
    font-family: Verdana;
    height: 20px;
    text-align: left
}

.BlockHide{ display:none; }
.BlockShow{ display:block; }


.QueueFilterCheckbox
{
    width: 25%;
    text-align: right;
    float: left;
    clear: right;
    margin-left: 5em;
	margin-right: .5em;
}

.QueueFilter
{
    text-align: left;
    padding-bottom: 1em;
}

div[id*=QueueFilters_AccountHolderNameUpdatePanel] .QueueFilter 
{
	padding-bottom: 0.75em !important;
}

.UpdateProgressHidden
{
    display: none;
    visibility: hidden;
}

.ConsentText
{
	text-align:left;
	color:red;
	padding-left:5%;
	padding-top:0.25%;
	padding-bottom:0.25%;
	margin-top:2%;
}

.SessionTimeoutWarning
{
    text-align: center;
    color: red;
    padding-left: 5%;
    padding-top: 0.25%;
    padding-bottom: 0.25%;
    margin-top: 2%;
    font-style: italic;
    font-weight: bold;
}

.MessageLabel
{
    text-align: center;
}

.QuestionPanel
{
    padding-top: 0px;
}

.inline
{
	display:inline;

}

.floatleft
{
	float:left;
}

.ViewDocumentIFrameHidden
{
	width: 0pt;
	height: 0pt;
	visibility:hidden;
	display:none;
}

.ViewDocumentIFrameVisible
{
	width: 400pt;
	height: 400pt;
	visibility:visible;
	display:inline;
}

.ConfirmationMessage, TD.ConfirmationMessage
{
    text-align:center;
    font:700 100% verdana;
    color:#003366
} 

TD.ConfirmationMessage
{
    height:50px;
    vertical-align:middle;
} 

.AccountDescription
{
    width:250px;
    font-family:Verdana;
    color:Black;
}   

div.authorise
{
    width:970px; /*99.5%*/
	text-align: right;
	padding-bottom: 1.25%;
	padding-top: 0.75%;
    border:none;
}      

.EditableList .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
	border-width: 1px 0px 1px 1px; border-style: solid; margin: 0px; padding: 1px 0px 0px 5px; 
}
.EditableList .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
	border-width: 1px; border-style: solid; border-color: #AAAAAA; margin: 0px; padding: 0px; background-color: #CCCCCC;
}
.EditableList .ajax__combobox_itemlist {
	border-color: #AAAAAA;
}

.welcomemessage
{
    text-align:center;
    margin-top:120px;
    min-height:180px;
}

.welcomemessage span
{
    font-weight: bold;
}

.locationCell span label,.locationCell label
{
    margin-right: 2px;
    margin-top: 3px;
}

.locationCell label
{
    float: left;
}

.locationCell input[type=checkbox]
{
    float: left;
}

.readonlygreen[readonly]
{
    color: black;
    vertical-align: bottom;
}

/*Opera fixes*/
input[type=text][id*=LocateAccountHolder_NameTextBox],
input[type=text][id*=AccountTable_AccountHolderNameEntry],
input[type=text][id*=AccountTable_ChangeDescriptionEntry]
{
	width:622px;
}
input[type=text][id*=ACHolderDetails_DescriptionOfChangeTextBox],
input[type=text][id*=ACHolderDetails_AccountHolderNameTextBox],
input[type=text][id*=ACHolderDetails_PreviousAccountHolderNameTextBox]
{
	width:676px;
}
input[type=text][id*=QueueFilters_AccountHolderName_ReadonlyClientReference],
input[type=text][id*=QueueFilters_AccountHolderName_ClientName]
{
	width:502px;
}
input[type=text][id*=MessageEntry],
input[type=text][id*=ValidateAuthority1_reasonRestrictedTextBox]
{
	width: 505px;
}
input[type=password][id*=ValidateAuthority1_passwordRestrictedTextBox]
{
	width: 142px;
}
input[type=text][id*=FixedTermDepositStage1_tb_name],
input[type=text][id*=AccountHolderNameTextBox],
input[type=text][id*=AllocationReferenceTextBox],
input[type=text][id*=rNarrativeTextBox],
input[type=text][id*=TransactionTypeDropDown_DDD_DisplayValue],
input[type=text][id*=FTDProductStage1_tb_name],
input[type=text][id*=FTDProductStage2_tb_name],
input[type=text][id*=FTDProductDetails_tb_name]
{
	width:618px;
}

input[type=text][id*=BatchAllocationReferenceTextBox]
{
	width:220px;
}

.narrativesform
{
	width:970px;
	border:solid 1px #000000;
	padding-top: 0.25%;
	text-align: left;
}

label.browserinline_alignbottom, span.browserinline_alignbottom
{
	display:block;
	float:left;
	text-align:right;
	padding-right:.5em;
	width:25%;
    padding-top:.2em; 
    margin-top:4px;
    font-weight: bold;
}

.padded
{
    padding-left: 1px;
    padding-right: 1px;
}

.NewGridRow
{
	background:#FEF280;
	color:#000000;
	border-left: solid 1px #FFFFFF;
}

.NewAlternateGridRow
{
	background:#FFFFCC;
	color:#000000;
	border-left: solid 1px #FFFFFF;
}

ul#nobullets, li#nobullets 
{
    padding: 0;
    list-style-type: none;
    text-indent: 0;
    margin-left:18px;
}

.AtmaGridRowSelected
{
	background:#99CCFF;
	color:#000000;
	border:solid 1px #000000;
}

.headerdetails
{
    width:970px; /*99.5%*/
	border:solid 1px #000000;
	text-align: left;
}

.homePageWelcome
{
	font-size:24px;
	font-weight: bold; 
	font-family:verdana;
}

.homePageSubWelcome
{
	font-size:16px;
	font-family:verdana;
}

div[id*=ACHolderNameDiv] input[id*=NameTextBox]
{
	width: 65%;
}

table[id*=gvAccounts] .GridHeader .HeaderLinkLeft, 
table[id*=gvAccountHolders] .GridHeader .HeaderLinkLeft,
table[id*=AccountGridView] .GridHeader .HeaderLinkLeft
{
	text-align: center;
}

#cpDiv 
{
	min-height: 420px;
    margin-top: 20px;
}

.cpTd
{
    vertical-align:top; 
    padding:4px;
}

.transactionsToBeAllocated
{
	margin-top: 50px;
	width: 98%;
}

.transactionsToBeAllocated .H2Header
{
	margin-top: 0px;
}

.accHldrRels .centralignmentNoMargin
{
	width: auto;
}

.LocateLink
{
    padding: 2px 55px 2px 54px;
}

.ajax__tab_tab input
{
	background: none;
	background-color: transparent;
	border: none;
	color: white;
	cursor: pointer;
	font-size: 1.1em;	
	font-weight: normal;
}

/* -- Disabled tabs -- */
.ajax__tab_xp .ajax__tab_disabled .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_disabled .ajax__tab_tab input {
        background-image:none !important;
        background-color:#EAEAEA !important;
        color:#7B7B8C !important;
        cursor:not-allowed !important;
}

/* -- Disbaled tabs border -- */
.ajax__tab_xp .ajax__tab_disabled .ajax__tab_tab {
        border-color:#C8C8C8 !important;
}

.ajax__tab_xp .ajax__tab_outer {
    height: auto !important;
}

.ajax__tab_tab input.StandardButton {
    width:170px;
}

.AuditForm input.StandardButton {
    width:190px;
}

caption, .ariaHiddenText {
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    height: 1px;
    margin: -1px;
    width: 1px;
    padding: 0px;
    border: 0;
    clip:rect(0,0,0,0);
    font-size: 0;
}

.sr-only { left:-9999em; position:absolute; }
.skip-to-main:focus { left:0; top:0; display:none; }

/* -- Controlling Person Details MVC Style -- */
div.mvc-error {
            border: inherit;
            color: inherit;
            background-color: inherit;
            font: inherit;
            margin: 0 0 10px;
}
                
p.mvc-highlight {
             background-color:#FFCC66;
             padding:10px 20px;
             margin-bottom:2px;
             margin-top:-10px;
}
        
.mvc-error .msg , .mvc-error .msgCountry{ display:block; font-size:.85em; }
.mvc-error input[type="text"], .mvc-error input[type="password"], .mvc-error select, .mvc-error textarea { background-color:#F2DEDE; }
.mvc-error label, .error legend, .mvc-error .msg, .mvc-error .msgCountry { color:#A20; }
.mvc-error .msg { margin-left:25%; padding-left:6px; }
.mvc-error .msgCountry { padding-left:0px; }
.mvc-error .editorBox input { background-color:#F2DEDE; } 
span.editorBox input { background-color:#EDE8C4; } 

/* -- Bulk Account Closure MVC Style -- */
.bulkTabs ul { text-align:left; list-style:none; margin:0; padding:0; }
.bulkTabs li { display: inline; }
/*.bulkTabs active { background-color:#FFF; color:#000; font-weight:bold; }*/
.bulkTabs li a { border: 1px solid #CCC; border-bottom:none; padding:10px 5px; text-decoration:none; position:relative; z-index:2;}
.bulkTabs-panel { border: 1px solid #CCC; padding:10px; position:relative; z-index:1; min-height:420px;  }
.bulkTabs li a span { width: 135px; text-align: center; display:inline-block; vertical-align:middle; }
.bulkTabs-active { background-color: #007DBA !important; color: white !important;}
.bulkTabs-not-active {  background-color:#004165; color:white; }
.bulkTabs-active:hover { background-color: #0AA1D4 !important; color: white !important;}
.bulkTabs-not-active:hover { background-color: #0AA1D4 !important; color: white !important; }
.bulkTabs-inactive {
    background-image: none !important;
    background-color: #EAEAEA !important;
    color: #7B7B8C !important;
    cursor: not-allowed !important;
 }
.button-link{
    background-color: transparent;
    text-decoration: underline;
    border: none;
    color: #004165;
    cursor: pointer;
    padding-left:1px;
}
.button-link :focus { outline: none;}

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
	@title			: modal dialog
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

.sr-only { left:-9999em; position:absolute; }
.modal-overlay { background-color:#000; height:100%; left:0; opacity:0.5; position:fixed; top:0; width:100%; z-index:10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
.modal { border:1px solid #666; background-color:#FFF; background-clip:padding-box; border-radius:4px; box-shadow:0 5px 15px #333; left:27%; margin:-10% auto auto auto; padding:10px; position:fixed; text-align:left; top:40%; width:850px; z-index:11; }
.modal a[href="#close-modal"] { color:#666; font-size:1.5em; position:absolute; right:10px; top:10px; }
.modal .alt-header { background-color:#FFF; border-bottom-style:solid; border-bottom-width:1px; color:inherit; margin-top:0; padding:0 0 10px; }
.modal .cta { border-top-style:solid; border-top-width:1px; padding-top:10px; }
.modal .cta, .modal .alt-header { border-color:#E5E5E5; }

.cta .primary-cta, .cta .secondary-cta { background-color:#007EB6; color:#FFF; border:1px solid #00496E; }
.cta .primary-cta:hover, .cta .secondary-cta:hover { background-color:#00496E; }
.cta .primary-cta { float:left; }
.cta .secondary-cta { float:right; }
.cta .buttonRight { float:right !important;}
.cta .buttonReturn { margin:0px 2px 2px 0px !important; }
a:focus, input:focus, select:focus, th a:focus, textarea:focus { box-shadow:0 0 1px 1px #00486E; outline:#000 dotted 1px !important; }

.skip-to-main:focus { left:0; top:0; display:none; }

caption, .ariaHiddenText {
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    height: 1px;
    margin: -1px;
    width: 1px;
    padding: 0px;
    border: 0;
    clip:rect(0,0,0,0);
    font-size: 0;
}

span.cr-dr {
    width: 30px;
    text-align: left;
    display: inline-block;
}
/*add style for allocation*/
.formcentre .centralignmentNoMargin {
    float: left;
}

.formcentre .passwordBoxContainer {
    float: right;
}