/******************
general tags
******************/
html, body, .md div, .md span, .md applet, .md object, .md iframe,
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6, .md p, .md blockquote, .md pre,
.md a, .md abbr, .md acronym, .md address, .md big, .md cite, .md code,
.md del, .md dfn, .md em, .md font, .md ins, .md kbd, .md q, .md s, .md samp,
.md small, .md strike, .md strong, .md sub, .md sup, .md tt, .md var,
.md dl, .md dt, .md dd, .md ol, .md ul, .md li,
.md fieldset, .md form, .md label, .md legend,
.md table, .md caption, .md tbody, .md tfoot, .md thead, .md tr, .md th, .md td{
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body .md,
.md input, 
.md select, 
.md textarea,
.md button{
	font-size: 12px;
	line-height: 1.2;
}
@-moz-document url-prefix() {
	/* FF12 does not correctly render form input font sizes */
	.md6 .input input{
		font-size: 11px;
	}
}
.md blockquote:before, .md blockquote:after,
.md q:before, .md q:after {
	content: "";
}
.md blockquote, q {
	quotes: "" "";
}
.md a:hover{
	text-decoration: none;
}
.md a img{
	border: none;
}
.md img{
	border-style: none;
	border-width: 0;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}
.md p{
	margin-bottom: 1em;
}
.md sup, /* fix for the line-height problem with sub and sup */
.md sub{
        position: relative;
        vertical-align: 0;
}
.md sup{
        bottom: 0.4em;
}
.md sub{
        top: 0.4em;
}
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6{
	margin: 0 0 10px 0;
	font-weight: bold;
}
.md h2, .md h3, .md h4, .md h5, .md h6{
	margin: 14px 0 8px;
}
.md h1	{font-size: 18px;}
.md h2	{font-size: 14px;}
.md h3	{font-size: 13px;}
.md h4	{font-size: 12px;}
.md h5	{font-size: 11px;}
.md h6	{font-size: 10px;}
.md ol{
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	list-style-position: outside;
}
.md ul{
	margin: 0 0 20px 8px;
	padding: 0 0 0 10px;
	list-style-position: outside;
}
.md li{
	margin: 0 0 5px 0;
}
.md dl{
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.md dt{
	margin: 0 0 5px 0;
}
.md dd{
	margin: 0 0 8px 20px;
}
/******************
tables
******************/
.md table {
	display: table;
	clear: both;
	width : 100%; 
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.md table caption {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.md table,
.md td,
.md th {
	border-style: solid;
	vertical-align: top;
}
.md td,
.md th {
	border-width: 1px 1px 0 0;
	margin: 0;
	padding: 4px 8px;
}
.md thead th,
.md tbody th, 
.md tfoot th{
	text-align: left;
	font-weight: bold;
}

.md sup{
	bottom: auto;
}
.md table {
	margin: 0 -12px 30px;
	width: 744px;
	display: table;
	clear: both;
	border-width: 0 0 1px 0;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 16px;
}
.md table thead tr{
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 1px 1px rgba(0, 0, 0, 0.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=160, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=160, Color='#000000');
}
.md table thead tr th,
.md table thead tr td{
	border: none;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 4px 13px 5px;
	background: #003366 url('/DynamicContent/Resources/Images/Furniture/blue_gradrient.gif') repeat-x 0 0;
}
.md table tr td,
.md table tbody tr th{
	color: #003366;
	font-size: 14px;
	padding: 12px 13px 12px;
	border: none;
	border-bottom: 1px solid #b5b5b5;
}
.md table tbody tr th{
	color: #474747;
}
.md ol ol{
	margin: 5px 0 10px 0;
}
/*********************
Site Layout - Customized
***********************/
.md{
	position: relative;
}
div.outerWarning,
div.outerHeader,
div.outerColContainer,
div.outerFooter{
	text-align: center;
	min-width: 976px;
}
div.outerWarning{
    border-style: solid none;
    border-width: 5px;
}
div.outerWarning div.warning, /*.warning is used elsewhere*/
div.header,
div.colContainer,
div.footer{
	margin: 0 auto;
	text-align: left;
	width: 976px;
}
div.outerWarning div.warning{ /*.warning is used elsewhere*/
   padding: 16px;
	text-align: center;
	width: 944px;
}
div.colContainer,
div.header{
	position: relative;/*not on footer cause of ie7 and show hides in online banking*/
}
div.colContainer{
	clear: both;
	display: block;
	padding: 30px 0;/*LBC specific*/
}
.Online div.colContainer{
	clear: both;
	display: block;
	padding: 30px 0;
}
div.colOne{
	float: left;
	display: inline;
	margin-right: 16px;
	min-height: 1em;
	padding-bottom: 66px;
	width: 208px;
}
div.colTwo{
	float: left;
	display: inline;
	margin: 0;
	min-height: 1em;
	padding-bottom: 66px;
	width: 528px;
}
div.colThree{
	float: right;
	display: inline;
	min-height: 1em;
	padding-bottom: 66px;
	width: 208px;
}
div.colOneTwo{
	float: left;
	display: inline;
	margin: 0;
	min-height: 1em;
	padding-bottom: 66px;
	width: 752px;
}
div.colTwoThree{
	float: right;
	display: inline;
	margin: 0;
	min-height: 1em;
	padding-bottom: 66px;
	width: 752px;
}
div.colOneTwoThree{
	display: block;
	margin: 0;
	padding-bottom: 66px;
}
div.colTwo,
div.colOneTwo,
div.colTwoThree,
div.colOneTwoThree{
	background: #fff;
	-moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=160, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=160, Color='#000000');
	position: relative;
}
div.footer{
	clear: both;
	display: block;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	padding:0;
}
div.mainContent{
	background: #ffffff;
	padding: 0 16px;
	position: relative;
}
/**********
Site Layout variations
***********/
.Popup div.colContainer{
	padding: 16px;
	width: auto;
}
body.mobileDemo div.colContainer{
	margin: 0 auto;
	padding: 0px;
	width: 900px;
}
body.ModalWindow .outerWarning div.warning, /*.warning is used elsewhere*/
body.ModalWindow .header,
body.ModalWindow .colContainer{
	width: 536px;
}
body.ModalWindow .colOneTwoThree{
	width: 520px;
}

/**/
/*
Based on twitter bootstrap v3
Using only col-md class because mdi is not responsive
Custom to MDI: 
.container = .row-container
Additional classes for .row div
classes added to .row:
.row-filled-content so that we can use the grid for callout blocks
see brandProduct.jsp
*/
.md .row-container {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.row-container .row{
  overflow: hidden;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.md .row-show-grid > div { /*really only for debugging*/
    border-width: 1px;
    border-style: solid;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
.md .row-container:before,
.md .row-container:after,
.row-container .row:before,
.row-container .row:after{
  display: table;
  content: " ";
  clear: both;
}
.row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6,.row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11, .row .col-md-12 {
  position: relative;
  min-height: 1px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11, .row .col-md-12 {
  float: left;
}
.row .col-md-12 {
  width: 100%;
}
.row .col-md-11 {
  width: 91.66666667%;
}
.row .col-md-10 {
  width: 83.33333333%;
}
.row .col-md-9 {
  width: 75%;
}
.row .col-md-8 {
  width: 66.66666667%;
}
.row .col-md-7 {
  width: 58.33333333%;
}
.row .col-md-6 {
  width: 50%;
}
.row .col-md-5 {
  width: 41.66666667%;
}
.row .col-md-4 {
  width: 33.33333333%;
}
.row .col-md-3 {
  width: 25%;
}
.row .col-md-2 {
  width: 16.66666667%;
}
.row .col-md-1 {
  width: 8.33333333%;
}
.row .col-md-pull-12 {
  right: 100%;
}
.row .col-md-pull-11 {
  right: 91.66666667%;
}
.row .col-md-pull-10 {
  right: 83.33333333%;
}
.row .col-md-pull-9 {
  right: 75%;
}
.row .col-md-pull-8 {
  right: 66.66666667%;
}
.row .col-md-pull-7 {
  right: 58.33333333%;
}
.row .col-md-pull-6 {
  right: 50%;
}
.row .col-md-pull-5 {
  right: 41.66666667%;
}
.row .col-md-pull-4 {
  right: 33.33333333%;
}
.row .col-md-pull-3 {
  right: 25%;
}
.row .col-md-pull-2 {
  right: 16.66666667%;
}
.row .col-md-pull-1 {
  right: 8.33333333%;
}
.row .col-md-pull-0 {
  right: auto;
}
.row .col-md-push-12 {
  left: 100%;
}
.row .col-md-push-11 {
  left: 91.66666667%;
}
.row .col-md-push-10 {
  left: 83.33333333%;
}
.row .col-md-push-9 {
  left: 75%;
}
.row .col-md-push-8 {
  left: 66.66666667%;
}
.row .col-md-push-7 {
  left: 58.33333333%;
}
.row .col-md-push-6 {
  left: 50%;
}
.row .col-md-push-5 {
  left: 41.66666667%;
}
.row .col-md-push-4 {
  left: 33.33333333%;
}
.row .col-md-push-3 {
  left: 25%;
}
.row .col-md-push-2 {
  left: 16.66666667%;
}
.row .col-md-push-1 {
  left: 8.33333333%;
}
.row .col-md-push-0 {
  left: auto;
}
.row .col-md-offset-12 {
  margin-left: 100%;
}
.row .col-md-offset-11 {
  margin-left: 91.66666667%;
}
.row .col-md-offset-10 {
  margin-left: 83.33333333%;
}
.row .col-md-offset-9 {
  margin-left: 75%;
}
.row .col-md-offset-8 {
  margin-left: 66.66666667%;
}
.row .col-md-offset-7 {
  margin-left: 58.33333333%;
}
.row .col-md-offset-6 {
  margin-left: 50%;
}
.row .col-md-offset-5 {
  margin-left: 41.66666667%;
}
.row .col-md-offset-4 {
  margin-left: 33.33333333%;
}
.row .col-md-offset-3 {
  margin-left: 25%;
}
.row .col-md-offset-2 {
  margin-left: 16.66666667%;
}
.row .col-md-offset-1 {
  margin-left: 8.33333333%;
}
.row .col-md-offset-0 {
  margin-left: 0;
}
/*remove gutter padding for grid columns*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
/**/
/*************
general tags
**************/
.md .name-noDesktopNav,
.md .onlyPrint{
	display: none !important;
}
.md .opposed{
	float: right;
}
.md .hidden{
	display: none !important;
}
.md .loading{
	margin-left: 16px;
	display: inline-block;
	height: 11px;
	margin-bottom: 0px;	
}
.md .loading canvas{
	float: left;
	margin-top: -4px;	
}
.md .loading_centered{
	display: block;
	margin: 0 auto;
	width: 40px;
}
.md .loading_centered canvas{
	margin-top: 0;
}
.md .portlets .loading{
	margin-left: 5px;
}
.md h1 .loading canvas{
	margin-top: -5px;
}
.md h3 .loading canvas{
	margin-top: -6px;
}
.md .portlets .loading canvas{
	margin-top: -3px;	
}
.md .modal .loading canvas{
	margin-top: -3px;
}
.md .asOfDate{
	display: block;
	font-size: 10px;
	font-style: italic;
}
/* START graphing CSS - these belong in properties somewhere */
.md .chart_legend:before{
	content: '';
	display: inline-block;
	height: 10px;
	margin-right: 2px;
	width: 10px;
}
/*general classes*/
.md .filter_heading{
	margin-top: -31px;
	float: right;
}
.md div.hr{
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 4px 0 12px;
}
.md div.hr hr{
	display: none;
}
.aligncenter{
	text-align: center;
}
.alignright{
	text-align: right;
}
img.alignLeft{
	float: left;
	margin: 0 5px 5px 0;
}
img.alignRight{
	float: right;
	margin: 0 0 5px 5px;
}
.md div.clear,
.md div.clearBoth,
.md br.clearboth{
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.md ul.skip {
	list-style-type: none;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 1px;
	overflow: visible;
	margin: 0;
	padding: 0;
	z-index: 9999;
}
.md ul.skip li {
	float: left;
}

.md ul.skip a {
	position: absolute;
	top: -9999px;
	padding: 2px;
}

.md ul.skip a:focus {
	position: relative;
	top: auto;
}

.string.string_break {
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.currency.string_break {
	overflow-x: hidden;
	text-overflow: clip;
	word-wrap: break-word;
	word-break: break-word;
}
.noBreak {
	white-space: nowrap;
}
.clickable{ 
	cursor: pointer;
}
.indent{
	text-indent: 10px;
}
.md .subduedText{
	font-weight: lighter;
}
.md .subduedText_size{
	font-size: 90%;
	line-height: 130%;
}
/*************
Header
**************/
.header h1{
	height: 75px;
	margin: 0;
	width: 300px;
}
/*this is also h2.sectionTitle*/
.header h2{
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 88px;
	left: 10px;
}
.header .clear{
	margin-top: -1px;
}
/*system & mobile warnings*/
div.outerWarning div.warning{ /*.warning is used elsewhere*/
    font-size: 18px;
}
div.outerWarning div.mobileAlert{
    font-size: 26px;
}
div.outerWarning .warning p{
	margin: 0;
}
/*content treatment maincontent*/
.contentTitle h1,
h1#PageTitle,
.mainContent h1,
h2.dynamicPageTitle,
.Online .sfHead h2/*md sf forms*/,
.Online .end h2/*md sf forms receipt*/{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	clear: both;
	display: block;
	margin: 0px 0px 6px;
	padding: 4px 0px 2px;
	font-size: 18px;
}
.Form h1#PageTitle{
	font-size: 16px;
	border: none;
	padding-bottom: 0;
}
.Online h1#PageTitle,
.Online .sfHead h2,
h2.dynamicPageTitle,
.Online .end h2{/*to make room for the utility nav*/
	margin: 0 0 6px 0;
}
.Emt h1#PageTitle{/*fix border-bottom hiding in ie6 */
	position: relative;
}
sup.tm{/*french tm*/
	font-size: 0.9em;
	vertical-align: super;
	text-transform: lowercase;
	font-variant: small-caps;
}
sub.tm{/*french tm*/
        font-size: 0.9em;
        vertical-align: sub;
        text-transform: lowercase;
        font-variant: small-caps;
}
/*****
Copy treatment (MDSB)
******/
div.highlight{
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    padding: 10px 4px 6px 4px;
}
/***************
Disclaimer
 ***************/
.disclaimer{
	padding: 35px 2px;
}
.disclaimer img{
	float: left;
 }
 /*****
footer copyright
******/
.md p.footerCopyright{
	font-size: 11px;
}
/*****
Link treatment (MDSB)
******/
span.secondaryInfo,
div.secondaryInfo{
	font-size: 11px;
}
/*******
inside page .promo
Regression note: same class as homepage
*******/
/*promo(small) - minor - major*/
.md .promo{
	float: right;
	margin: 0px 0px 4px;
	position: relative;
	width: 136px;
}
.md .promo br{
	font-size: 1px;
	line-height: 1px;
	display: block;
	clear: both;
}
.md .minor{
	float: left;
	width: 256px;
}
.minor .hd{
	float: left;
	width: 150px;
}
.md .major{
	float: none;
	width: 394px;
}
/*promo header and paragraph*/
.promo h3{
	padding: 4px;
	margin: 0;
}
.promo p{
	padding: 0px 4px 4px;
	font-size: 11px;
	margin: 0;
}
.minor p{
	padding: 4px;
}
.major h3{
	padding: 4px 8px;
	margin: 0;
}
.major p{
	font-size: 12px;
	padding: 4px 8px;
}
/*promo cta*/
.promo ul.calltoaction{
	margin: 0px 0px 0px 14px;
	padding: 4px 0px 0px 4px;
}
.major ul.calltoaction{
	padding-left: 8px;
}
.collapsable{
	display: block;
   clear: both;
}
/*.collapsable
	.control
	.collapsableContent*/
.collapsable .control,
.collapsableLevel2 .controlLevel2{
	cursor:pointer;
	text-decoration:underline;
}
.collapsable .control:hover,
.collapsableLevel2 .controlLevel2:hover{
	text-decoration:none;
}
/*if js enabled collapsed class is added*/
.collapsed .collapsableContent,
.collapsedLevel2 .collapsableContentLevel2{
	display:none;
}
/* MRR-30170 */
body.Online form .collapsable .collapsableContent {
	width: 330px;
}
.collapsable .controlIcon,
.collapsableLevel2 .controlIcon{
	padding-left: 15px;
}
.hiddenInlineControl,
.hiddenBlockControl{
	display: none;
}
.javascript .hiddenBlockControl{
	display: block;
}
.javascript .hiddenInlineControl{
	display: inline;
    font-weight: normal;
    font-size: 11px;
}
.javascript .collapsable .showText,
.javascript .collapsableLevel2 .showText{
	display: none;
}
.javascript .collapsable .hideText,
.javascript .collapsableLevel2 .hideText{
	display: inline;
}
.javascript .collapsed .showText,
.javascript .collapsedLevel2 .showText{
	display: inline;
}
.javascript .collapsed .hideText,
.javascript .collapsedLevel2 .hideText{
	display: none;
}
/* If JavaScript enabled, hide these and let 'formShowHideControls.js' do the processing (MDSB: ON CT form) */
.javascript div.formElementHide{
	display: none;
}
/*******
Alert
********/
.alert{
	padding: 10px 10px 5px;
	margin-bottom: 5px;
	border-width: 1px;
	border-style: solid;
}
/*******
Image alignment (MDSB)
********/
.imgLeft{
	float: left;
    margin-right: 16px;
}
.imgRight{
	float: right;
    margin-left: 16px;
}
/*******
Image and Caption (Tour Template)
********/
/*imageandcaption*/
.imageandcaption .image{
	display: block;
	float: left;
	margin:  3px 8px 8px 0;
	padding: 0;
}
.imageandcaption .caption ul,
.imageandcaption .caption ol{/*Fix the floating issues with lists*/
	list-style-position:inside;
	margin-left: 0px;
	padding-left: 0px;
}
/*action links*/
.imageandcaption .rightActionLinks{
	float: right;
	margin: 0 0 8px 0;
}
.imageandcaption .actionLinks ul{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
}
.imageandcaption .actionLinks ul li{
	display: block;
	float: left;
	padding: 0 5px;
	margin: 0;
	background: url(/DynamicContent/Resources/Images/Navigation/globalmarker.gif) 0 3px no-repeat;
}
.imageandcaption .actionLinks ul li.link0{background-image: none;}
/*paging controls*/
.pagingControls{
	display: block;
	float:right;
	margin: 0 5px 0 0;
	clear: both;
}
.pagingControls .previous,
.pagingControls .action,
.pagingControls .next{
	float: left;
	font-weight: bold;
	padding-right: 5px;
}
/*******
Content Call to Action
********/
.contentCalltoaction{
	background-position: 5px center;
	background-repeat: no-repeat;
	border: 1px solid;
	padding: 10px 10px 10px 25px;
}
/*******
Help
********/
.md .helpSelect{/*fixing the margin below the dropdown*/
	margin: 0 0 10px 0;
}
/*******
demos
********/
.md .flashDemos{
	margin-bottom: 1em;
}
/*******
Hopefully we can get rid of this one day as it is all pixel based widths and has been refactored to containerTreatments.css
********/
div.contentBlocks{
	margin-bottom: 12px;
	overflow: hidden;
	width: 732px;
}
.colTwo .contentBlocks,
.colTwo .contentBlock{
	width: 520px;
}
div.contentCallOuts{
	border-style: solid;
	border-width: 1px;
	width: 730px;
}
.colTwo .contentCallOuts{
	width: 518px;
}
div.contentBlock{
	float: left;
	overflow: hidden;
	padding: 0;
	width: 732px;
}
.contentCallOuts .contentBlock{
	padding: 8px 8px 0 8px;
	width: 714px;
}
.colTwo .contentCallOuts .contentBlock{
	width: 502px;
}
.contentBlocks2Col .contentBlock{
	margin-right: 8px;
	width: 362px;
}
.colTwo .contentBlocks2Col .contentBlock{
	width: 256px;
}
.contentCallOuts2Col .contentBlock{
	width: 349px;
}
.colTwo .contentCallOuts2Col .contentBlock{
	width: 243px;
}
.contentBlocks3Col .contentBlock{
	margin-right: 8px;
	width: 238px;
}
.colTwo .contentBlocks3Col .contentBlock{
	width: 168px
}
.contentCallOuts3Col .contentBlock{
	width: 227px;
}
.colTwo .contentCallOuts3Col .contentBlock{
	width: 156px;
}
.contentBlocks4Col .contentBlock{
	margin-right: 8px;
	width: 177px;
}
.contentCallOuts4Col .contentBlock{
	width: 166px;
}
.contentBlocks2Col .contentBlockN,
.contentBlocks3Col .contentBlockN,
.contentBlocks4Col .contentBlockN{
	margin-right: 0;
}
.contentBlock h3{
	margin: 0 0 8px 0;
}
.contentBlock h3:focus-within{
    margin: 2px 2px 8px;
}
.contentBlock img{
	float: left;
	padding: 0 8px 8px 0;
}
div.contentCenter{
	text-align: center;
}
.contentCenter img,
.contentBlock img.contentCenter{
	float: none;
	margin: 0 auto;
	padding: 0 0 8px 0;
}
.contentBlock img.contentRight{
	float: right;
	padding: 0 0 8px 8px;
}
/*****
End
******/
a.callOutAction{
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding: 8px;
}
.md a.noLinkAnchor {
    text-decoration: inherit;
    outline: none;
}
/*****
JavaScript Items - don't work without JavaScript need to be hidden by default
******/
.calcTotalResult{
	display: none;
}
.javascript .calcTotalResult{
	display: table-footer-group;
}
/*ShowHideSwitch*/
.javascript p.selected,
.javascript span.selected,
.javascript h2.selected,
.javascript h3.selected,
.javascript p.unselected,
.javascript span.unselected,
.javascript h2.unselected,
.javascript h3.unselected{
	text-decoration: underline;
}

/*****
Long Call to action
Main part is just like regular content
******/
.md .Component-LongCallToAction {
	padding: 0;
	margin: 0; /*when not inside mainContent margin is on the elements*/
	position: relative;
	clear: both;
}
.md .Component-LongCallToAction:after {
  content: "";
  display: table;
  clear: both;
}
.md .mainContent .Component-LongCallToAction {
	margin: 0 0 12px 0;
}
.Component-LongCallToAction .simple h2{
	margin: 0 0 8px 0;
}
.Component-LongCallToAction .simple h3{
	margin: 0 0 8px 0;
}
/*inside mainContent*/
.mainContent .Component-LongCallToAction.hasCallout{
	float: left;
	width: 100%;
	clear: both;
}
.mainContent .Component-LongCallToAction.hasCallout .section{
	clear: none;
}
.Component-LongCallToAction.hasCallout .callout,
.Component-LongCallToAction.hasCallout .simple{/*when not inside main content*/
	margin-bottom: 12px;
}
.mainContent .Component-LongCallToAction.hasCallout .simple{
	float: left;
	padding: 0 212px 0 0;
	margin: 0;
}
.mainContent .Component-LongCallToAction .callout + .simple{
	float: right;
	padding: 0 0 0 212px;
}
.mainContent .Component-LongCallToAction .callout{
	float: left; 
	position: relative;
	margin: 0 -200px 0 0;
	width: 200px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContent .Component-LongCallToAction .simple + .callout {
	float: right;
	margin: 0 0 0 -200px;
}
.Component-LongCallToAction .callout h3{
	padding: 8px 8px 0;
	margin: 0 0 8px 0;
}
.Component-LongCallToAction .callout .copy{
	padding: 0 8px 8px;
}
.Component-LongCallToAction .callout .Component-Button{
	float: none;
	margin: 0;
}
.Component-LongCallToAction .callout .Component-Button a{
	float: none;
}
/**/
/****
Component EventGroup - here because we won't be using the portlet classes anymore
*****/
.md .Component-EventGroup{
	clear: both;
	margin: 0 0 1em;
}
.md .Component-EventGroup h2 {
  margin-bottom: 0;
  padding: 5px 10px;
}
.md .Component-EventGroup .event-item {
  clear: both;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.md .Component-EventGroup .event-item:first-child{
  border: none;
}
.md .Component-EventGroup .date {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  float: left;
  margin-right: 2%;
  padding: 10px 6px;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}
.md .Component-EventGroup .month {
  margin-left: 0;
  width: 100%;
}
.md .month.end {
  display: none;
}
.md .Component-EventGroup .day {
  display: inline;
  font-size: 20px;
  font-weight: bold;
}
.day.end:before {
  content: " - ";
}
.md .Component-EventGroup .event {
  overflow: hidden;
}
.md .Component-EventGroup .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 1em;
  margin-right: 2%;
}
.md .Component-EventGroup span.location {
  display: block;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
.md .Component-EventGroup .description {
  overflow: hidden;
}

/**/

/*****
Expandable content
******/
.md div.Component-ExpandableContent {
	clear: both;
	position: relative;
	margin-bottom: 12px;
}
.md div.Component-ExpandableContent .expandableTitle {
	position: relative;
	padding-right: 50px;
}
.md div.Component-ExpandableContent h1,
.md div.Component-ExpandableContent h2,
.md div.Component-ExpandableContent h3,
.md div.Component-ExpandableContent h4,
.md div.Component-ExpandableContent h5 {
	margin: 0.6em 0;
	padding: 0;
}
.md div.Component-ExpandableContent .expandableToggle {
	position: absolute;
	text-indent: -9999px;
	width: 17px;
	height: 100%;
	top: 0;
	right: 0;
	outline: none;
}
.md div.Component-ExpandableContent .content .actions {
    list-style-type: none;
    margin: 0 0 20px 0;
}
.md div.Component-ExpandableContent .content .actions li {
	padding-left: 12px;
}
/**/
/*****
Document List
******/
.md ul.Component-DocumentList {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
.md ul.Component-DocumentList h3{
	margin: 0;
	padding: 5px 0;
}
.md ul.Component-DocumentList li {
	margin: 0;
	padding: 5px 5px 10px 48px;
	position: relative;
}
.md ul.Component-DocumentList li:before{
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.md ul.Component-DocumentList li.pdf:before{
	background-position: 0 -96px;
}
.md ul.Component-DocumentList li.xls:before{
	background-position: 0 -32px;
}
.md ul.Component-DocumentList li.doc:before{
	background-position: 0 -64px;
}
.md ul.Component-DocumentList li.img:before{
	background-position: 0 -128px;
}
.md ul.Component-DocumentList p:last-child {
	margin: 0;
}
/**/
/*****
Short Call to action
******/
.md .Component-ShortCallToAction {
	clear: both;
	margin: 0 0 12px;
}
.md .Component-ShortCallToAction a {
	display: block;
	padding: 10px 10px 10px 20px;
	background-repeat: no-repeat;
}
/**/
/*****
Button Call to Action
******/
.md .Component-Button{
	clear: right;
	float: right;
	margin: 0 0 12px 0;
}
.md .Component-Button:after{
	content: '';
	clear: both;
	display: block;
}
.md .Component-Button a{
	display: block;
	float: right;
	padding: 8px 9px;
	text-decoration: none;
}
.md .Component-Button a:after{
	content: '\00a0\00a0\00BB';
}
.md .authentication .Component-Button,
.md .oneClickOpenAnywhere .Component-Button {
	float: none;
	margin-bottom: 0;
	padding: 5px;
}
.md .authentication .Component-Button a,
.md .oneClickOpenAnywhere .Component-Button a {
	float: none;
	text-align: center;
}
/**/
/*****
Disclaimer text
******/
.md .Component-Disclaimer{
	clear: both;
	margin: 10px 0;
	padding: 10px;
	font-size: 0.8em;
}
.md .Component-Disclaimer p:last-child{
	margin-bottom: 0;
}
/**/
/*****
Blockquotes - class to avoid regression
******/
blockquote.Component-Blockquote{
	border-width: 1px;
	clear: both;
	padding: 13px;
	margin: 0 0 13px;
}
blockquote.Component-Blockquote h3{
	margin: 0 0 5px 0;
}
blockquote.Component-Blockquote p:last-child{
	margin-bottom: 0;
}
/**/
/*****
Component-Marketing
******/
.md .Component-Marketing{
	clear: both;
	margin: 0 0 12px 0;
	position: relative;
}
.md .Component-Marketing > :first-child{
	margin-top: 0;
	padding-top: 0;
}
.md .Component-Marketing .imageWrapper{
	display: block;
	margin: 0 0 1px 0;
}
.md .Component-Marketing .imageWrapper img{
	display: block;
}
.md .Component-Marketing .copy{
	padding: 12px 0;
}
.md .Component-Marketing .Icon-Help,
.md .Component-Marketing .Icon-Forms,
.md .Component-Marketing .Icon-Contact,
.md .Component-Marketing .Icon-Information,
.md .Component-Marketing .Icon-Alert,
.md .Component-Marketing .Icon-Performance,
.md .Component-Marketing .Icon-NewProduct,
.md .Component-Marketing .Icon-Custom{
	position: relative;
	padding-left: 45px;
}
.md .Component-Marketing .overlayContent{
	position: absolute;
	padding-top: 0;
	padding-right: 12px;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.md .Component-Marketing .copy h3{
	margin: 0 0 12px 0;
}
.md .Component-Marketing .copy p:last-child{
	margin-bottom: 0;
}
.md .Component-Marketing .Component-Button{
	float: none;
	margin: 0 0 1px 0;
}
.md .Component-Marketing .Component-Button a{
	display: block;
	float: none;
	text-align: right;
}
/*icons used in .Component-Marketing*/
.Component-Marketing .Icon-Help,
.Component-Marketing .Icon-Forms,
.Component-Marketing .Icon-Contact,
.Component-Marketing .Icon-Information,
.Component-Marketing .Icon-Alert,
.Component-Marketing .Icon-Performance,
.Component-Marketing .Icon-NewProduct,
.Component-Marketing .Icon-Custom{
	position: relative;
	padding-left: 45px;
}
.Component-Marketing .Icon-Custom{/*when custom this is a bg image*/
	background-position: top left;
	background-repeat: no-repeat;
}
.Component-Marketing .Icon-Help:before,
.Component-Marketing .Icon-Forms:before,
.Component-Marketing .Icon-Contact:before,
.Component-Marketing .Icon-Information:before,
.Component-Marketing .Icon-Alert:before,
.Component-Marketing .Icon-Performance:before,
.Component-Marketing .Icon-NewProduct:before{
	content: '';
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	background-position: top left;
	background-repeat: no-repeat;
	left: 0;
}
.Component-Marketing .Icon-Help:before{background-position: 0 0px;}
.Component-Marketing .Icon-Forms:before{background-position: 0 -32px;}
.Component-Marketing .Icon-Contact:before{background-position: 0 -64px;}
.Component-Marketing .Icon-Information:before{background-position: 0 -96px;}
.Component-Marketing .Icon-Alert:before{background-position: 0 -160px;}
.Component-Marketing .Icon-Performance:before{background-position: 0 -128px;}
.Component-Marketing .Icon-NewProduct:before{background-position: 0 -192px;}
/**/
/****
Component Quicknav - here because we won't be using the portlet classes anymore
*****/
.md .Component-Quicknav{
	clear: both;
	margin: 0 0 12px 0;
}
.md .Component-Quicknav h3{
	margin: 0 0 6px 0;	
}
.md .Component-Quicknav select{
	max-width: 100%;
}
.md .Component-Quicknav .submit{
	clear: both;
	display: block;
	margin-top: 4px;
}
/**/
/****
Component Shortcuts - here because we won't be using the portlet classes anymore
****/
.md .Component-Shortcuts{
	clear: both;
	margin: 0 0 12px 0;
}
.md .Component-Shortcuts h3{
	margin: 0 0 6px 0;	
}
.md .Component-Shortcuts span.heading{
	margin: 0 0 6px 0;	
}
.md .Component-Shortcuts ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.md .Component-Shortcuts li{
	margin: 0;
	padding: 0 0 6px 17px;
	position: relative;
}
.md .Component-Shortcuts li:before{
	content: '';
	background-position: -2px -1px;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
}
/**/
/*****
Component-RatesTable
******/
div.Component-RatesTable{
	display: block;
	clear: both;
}
div.Component-RatesTable:after {
  content: "";
  display: table;
  clear: both;
}
.Component-RatesTableCompact table thead th{
	font-size: 13px;
}
.Component-RatesTableCompact table,
.Component-RatesTableCompact table th,
.Component-RatesTableCompact table td{
	border: none;
	padding: 4px 8px 4px 0;
}
/**/
/*****
Component-ContactFormlet Only affects the universal template. In fact all Component- classes do
******/
.Component-ContactFormlet h3{
	margin: 0 0 8px 0;
}
.md .Component-ContactFormlet{
	margin: 0 0 12px 0;
}
/**/
.Component-Carousel > .slide{
    display: none;
}
.Component-Carousel > .slide:first-child{
    display: block;
}
/*base slick.css*/
.md .slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-list:focus{
    outline: none;
}
.slick-slider .slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-slider .slick-track,
.slick-slider .slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slider .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-slider .slick-track:before,
.slick-slider .slick-track:after{
    display: table;
    content: '';
}
.slick-slider .slick-track:after{
    clear: both;
}
.slick-slider .slick-loading .slick-track{
    visibility: hidden;
}
.slick-slider .slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slider .slick-slide img{
    display: block;
}
.slick-slider .slick-slide.slick-loading img{
    display: none;
}
.slick-slider .slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/*slick-theme.css*/
.slick-loading .slick-list{
    background-position: center center;
    background-repeat: no-repeat;
}
/* Arrows */
.slick-slider .slick-prev,
.slick-slider .slick-next{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1001;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-slider .slick-prev:hover:before,
.slick-slider .slick-prev:focus:before,
.slick-slider .slick-next:hover:before,
.slick-slider .slick-next:focus:before{
    opacity: 1;
}
.slick-slider .slick-prev.slick-disabled:before,
.slick-slider .slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before{
    line-height: 1;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-slider .slick-dots{
    position: absolute;
    z-index: 1001;
    margin: 0;
    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-slider .slick-dots li{
    position: relative;

    display: inline-block;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-slider .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li button:focus{
    outline: none;
}
.slick-slider .slick-dots li button:hover:before,
.slick-slider .slick-dots li button:focus:before{
    opacity: 1;
}
.slick-slider .slick-dots li button:before{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-slider .slick-dots li.slick-active button:before{
    opacity: .75;
}
.slick-slider .slick-slide img{
    width: 100%;
    height: auto;
}
.slick-slider .slick-slide a{
    display: block;
}
.slick-slider .slick-track{
    max-height: 100%;
    overflow: hidden;
}
/* MTCC Targeted Marketing */
#marketing-carousel .slick-slider .slick-dots {
    position: static;
    z-index: auto;
    text-align: left;
}
#marketing-carousel .slick-dots li:before{
    content: normal;
}

/**/

/*****
Component-Random-Images
******/
.md .Component-RandomImages{
	position: relative;
}
/**/

/*even in posistion 2 we want the text to be centered*/
.md .outerImageCopy{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
    width: 960px;
    height: 1px;
}
.md .imageCopy{
    position: absolute;
    width: 300px;
    top: 20%;
    text-align: center;
    left: 50%;
    margin-left: -150px;
}
.imageCopy h2{
    font-size: 22px;
    margin: 0 0 15px 0;
}
.imageCopy .copy{
    font-size: 18px;
    margin: 0 0 5px 0;
}
.imageCopy ul.actions{
    text-align: center;
}
.imageCopy ul.actions li{
    display: block;
}
.imageCopy ul.actions a{
    display: inline-block;
    padding: 10px 15px;
}
.imageCopy .actionPrimary a{
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    font-weight: bold;
    outline: medium none;
    padding: 2px 10px;
    text-decoration: none;
}
/**/
/*************
buttons
**************/
/*button group*/
.md .btn_group{
	position: relative;
}
.md .btn_group_opposed{
	text-align: right;
}
/*buttons*/
.md .btn{
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	height: 20px;
	margin: 0;
	opacity: 1;
	filter:alpha(opacity=100);
	padding: 2px 12px;
	white-space: nowrap;
	overflow: hidden;
}
.md .btn_group_segmented .btn {
	border-left-width: 0;
}
.md .btn_group_segmented .btn:first-child {
	border-left-width: 1px;
}
.md .btn_icon{
	background-position: 0 -638px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 8px;
	width: 8px;
	margin: 0 auto;
}
.btn_icon_only{
	padding: 0 12px;
}
.md .btn_icon_down{
	background-position: 0 -638px;
}
.btn:hover .btn_icon_down{
	background-position: 0 -670px;
}
.md .btn_icon_up{
	background-position: 0 -702px;
}
.btn:hover .btn_icon_up{
	background-position: 0 -734px;
}
.md .btn_icon_left{
	background-position: 2px -768px;
}
.btn:hover .btn_icon_left{
	background-position: 2px -800px;
}
.md .btn_icon_right{
	background-position: 2px -832px;
}
.btn:hover .btn_icon_right{
	background-position: 2px -864px;
}
.md .btn_text{
	margin-right: 8px;
}
.btn_icon_only .btn_text{
	display: block;
	height: 0;
	margin-right: 0;
	text-indent: -9999px;
}
.md .btn_cta{
	display: inline-block;
	height: 20px;
	line-height: 20px;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/* in tables */
.sortable .header .btn_icon{
	display: inline-block;
	float: none;
}
.sortable .header_hide_icon .btn_icon{
	display: none;
}
.sortable .header_sort_asc .btn_icon{
	background-position: 0 -702px;
}
.sortable .header_sort_asc:hover .btn_icon{
	background-position: 0 -734px;
}
.sortable .header_sort_desc .btn_icon{
	background-position: 0 -638px;
}
.sortable .header_sort_desc:hover .btn_icon{ 
	background-position: 0 -670px;
}

/**/
/*************
Bars
**************/
.md .bar{
	padding: 4px;
}
.md .bar_block{
	margin: -4px -4px 8px;
}
.md .bar_block_snug{
	margin: -4px -4px 1px;
}
.md .bar_tight{
    margin: 0;
}

/**/

.md .heading_split{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.md .heading_icons{
	line-height: 20px;
}
.md .heading_filter{
	line-height: 26px;
	padding-right: 200px;
}
/**/

/*************
General list augmentation
**************/
.md .noBullets{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.md .noBullets_snug{
	margin-bottom: 4px;
}
/********
Inline Lists
Default based on "add a payee"
*********/
ul.inline{
	list-style-type: none;
	display: block;
	clear: both;
	margin: 0 0 12px 0;
	padding: 0;
}
ul.inline li{
	background: none;
	padding: 0px 3px 0px 0px;
	margin: 0px;
	display: inline;
}
ul.inline li a{
	padding: 0 1px;
}
/*********
document list
*********/
ul.documentlist{
	margin:0;
	padding:0;
}
ul.documentlist li{
	display:block;
	margin: 0 0 4px 0;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
}
ul.documentlist h5{
	margin: -4px -4px 4px -4px;
	padding:8px 4px 8px 38px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-position: 4px 50%;
	background-repeat: no-repeat;
	font-size: 13px;
}
/******
Block DL
Default based on "add a payee"
*******/
dl.block{
	margin: 0px 0px 15px 0px;
	padding: 0;
	display: block;
	clear: both;
}
dl.block dt{
	font-weight: bold;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}
dl.block dd a:focus{
	margin: 0px 0px 2px 2px;
}
dl.block dd{
	margin:0px 0px 2px 0px;
	padding: 0px;
}
/******
Total DL
Default based on Account Summary accounts total
*******/
.md .inlineTotal{
	border-top: 2px solid #ABABAB;
	font-size: 18px;
	margin-top: 8px;
	padding-top: 8px;
	text-align: right;
}
.inlineTotal dt,
.inlineTotal dd{
	display: inline;
	font-weight: bold;
}
.inlineTotal dd{
	margin-left: 8px;
}
/**
IconChecklist - list items have custom image icon
*//
ul.iconChecklist {
	padding-left: 15px;
}

/**/

/*****
Rates table
******/
table.rates{
	border-width: 0 1px 1px 1px;
	margin-bottom: 12px;
}
table.rates td,
table.rates th{
	border-width: 1px 0 0 0;
}
table.rates th{
	text-align:left;
}
table.rates td,
table.rates .value{
	text-align: right;
}
table.rates tbody th{
	font-weight: normal;
}
/*****
Sortable table
******/
body.waiting{
	cursor: wait;
}
.javascript .sortable th,
.javascript .sortable th label{
	cursor: pointer;
}
.javascript .sortable th label{
	text-decoration: underline;
}
/******************
table modifiers
The following remove default syle
******************/
.md table.noBorder,
.md table.noBorder tr,
.md table.noBorder th,
.md table.noBorder td{
	border-style: none;
}
.md table.noBGColor,
.md table.noBGColor tr,
.md table.noBGColor th,
.md table.noBGColor td{
	background-color: transparent;
}
.md table.textual{
  width:auto;
}
.md table.textual th,
.md table.textual td{
  margin:0;
  padding: 0 4px 0 0;
}
.md table.noTH th,
.md table.noTH tr.header,
.md table.noTH tr.header td,
.md table.noTH tr.header th,
.md table.noTH thead tr,
.md table.noTH thead td,
.md table.noTH thead th,
.md table.noTH tfoot th,
.md table.noTH tfoot td{
  font-weight:normal;
  background-color:inherit;
  color:inherit;
  text-align:left;
}
table.noStripeUnselected tr.even,
table.noStripeUnselected tr.even td,
table.noStripeUnselected tr.even th{
	background-color:inherit;
	color:inherit;
}
.md table.noStripe tr.even,
.md table.noStripe tr.even td,
.md table.noStripe tr.even th,
.md table.noStripe tr.odd,
.md table.noStripe tr.odd td,
.md table.noStripe tr.odd th,
.md table.noStripe tr.evenSelected,
.md table.noStripe tr.evenSelected td,
.md table.noStripe tr.evenSelected th,
.md table.noStripe tr.oddSelected,
.md table.noStripe tr.oddSelected td,
.md table.noStripe tr.oddSelected th{
	background-color:inherit;
	color:inherit;
}
.md table.snug{
	margin-bottom: 4px;
}
.md .fixedTableHeader {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
.md table.fixedLayout{
	table-layout: fixed;
}

/**/

/*Logo header*/
.header h1{
	height: 53px;
	left: 19px;
	position: absolute;
	top: 57px;
	width: 137px;
}
.mdi h1#PageTitle,
.mdi div.contentTitle h1,
.mdi h2.dynamicPageTitle{
	background: #FCCB05 url('/DynamicContent/Resources/Images/Furniture/yellow_gradrient.gif') repeat-x 0 0;
	border: none;
	clear: both;
	color: #003366;
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin: 0px -16px 16px;
	padding: 6px 15px;
	text-transform: uppercase;
	zoom: 1;
}
.mdi h1#PageTitle em,
.mdi div.contentTitle h1 em,
.mdi h2.dynamicPageTitle em{
	text-transform: none;
}
.mdi h1#PageTitle span.epost,
.mdi div.contentTitle h1 span.epost,
.mdi h2.dynamicPageTitle span.epost,
.mdi span.epost{
	text-transform: none;
}
.mdi h1#nonAuthTitle{
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	height: auto;
	padding: 23px 0 0 13px;
	position: relative;
	left: auto;
	top: auto;
	width: auto;
}
/*Typography*/
.md h1,.md h2,.md h3,.md h4{
	color: #003366;
	margin: 0 0 13px 0;
	line-height: 1.5em;
}
.md ul{
	margin-bottom: 16px;
}
sup.tm{/*french tm*/
	font-size: 0.8em;
	line-height: 0;
	vertical-align: baseline;
	top: -0.5em;
	bottom: -0.25em;
}
/*items changed again for content pages*/
.Content .mainContent p{
	margin-bottom: 35px;
}
.Content .mainContent ul{/*same as ul.styled used outside of .Content*/
	margin: 0 0 13px 50px;
	padding: 0;
	list-style-type: none;
}
.Content .mainContent li{
	background: transparent url('/DynamicContent/Resources/Images/Furniture/arrow_blue.png') no-repeat 0 2px;
	margin: 0;
	padding: 0 0 20px 20px;
}
.Content .mainContent li p:last-child{
	margin-bottom: 0;
}
/*footer*/
div.footer .footerCopy{
	float: left;
	margin: 0 16px 16px 0;
	padding: 16px 0 0 0;
	width: 208px;
}
div.footer .footerCopy p{
	padding-left: 34px;
	line-height: 1.2em; /*LBC specific*/
}
.outerFooter div.footer,
.outerFooter div.footer a{
	color: #99c6d5;
	font-size: 11px;
}
.footerCopy .securityGuaranteed{
	background: transparent url('/DynamicContent/Resources/Images/lock.png') no-repeat top left;
}
.footerCopy .LBCDirect{/*LBC Direct*/
	color: #ffcd06;
	text-transform: uppercase;
}
.footerCopy .LBCDirect em{
	text-transform: none;
}
/*content*/
ol.styled,
ul.styled{
	margin: 0 0 13px 50px;
	padding: 0;
	list-style-type: none;
}
.successMessage ol.styled,
.successMessage ul.styled{
	margin: 0;
}
ol.styled li, 
ul.styled li{
	background: transparent url('/DynamicContent/Resources/Images/Furniture/arrow_blue.png') no-repeat 0 2px;
	margin: 0;
	padding: 0 0 20px 20px;
}
.successMessage ol.styled li,
.successMessage ul.styled li{
	padding: 0 0 10px 20px;
}
/*sucess message are style here because they are used on logout*/
.md .successMessage{
	margin: 0 0 16px 0;
	padding: 16px 20px 10px 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 15px 15px;
	border: 2px solid #F3D300;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.md .successMessage{
	background-image: url("/DynamicContent/Resources/Images/Icons/success.gif");
}
.md .successMessage h3{
	padding: 0;
	margin: 0 0 10px 0;
	color: #477b29;
	font-size: 14px;
}
.md .successMessage{
	font-size: 12px;	
}
.Content .md .successMessage p{
	margin-bottom: 18px;
}
/*Show/Hide Switch*/
.javascript p.selected:hover,
.javascript span.selected:hover,
.javascript h2.selected:hover,
.javascript h3.selected:hover,
.javascript p.unselected:hover,
.javascript span.unselected:hover,
.javascript h2.unselected:hover,
.javascript h3.unselected:hover{
	text-decoration: none;
}

/* CHG004105 - EPM */
.md .epmSuper {
  font-size: 75%;
  vertical-align: super;
 }
 .md .epmSmall {
  font-size: 75%;
}
/*************
making things accessbile to assistive technologies only
**************/
.md .assistive{
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 1px;
}
/**/

/*************
actions dropdown
**************/
.md .actions_dropdown{
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	display: none;
	float: right;
	list-style-type: none;
	margin: 1px 0 0;
	padding: 4px 0 0;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100;
}
.md .actions_dropdown_opposed{
	left: 0;
	right: auto; 
}
.md .actions_dropdown_up {
	top: auto;
	bottom: 100%;
}
.actions_dropdown a{
	display: block;
	padding: 4px 12px;
	text-decoration: none;
	white-space: nowrap;
	outline: 0;
}
.md .actions_opposed{
	text-align: right;
}
.md .value_stacked{
	clear: both;
	display: block;
}

/**/
/*************
hover behaviours and such
**************/
.visibleOnHover{ visibility: hidden; }
.hover .visibleOnHover{	visibility: visible; }

.invisibleOnHover{ visibility: visible; }
.hover .invisibleOnHover{ visibility: hidden; }

.showOnHover{ display: none; }
.hover .showOnHover{ display: block; }

.hideOnHover{ display: block; }
.hover .hideOnHover{ display: none; }

/*************
Set height to match bars
eg. Budget/spending analysis tables
*************/
table.progressBarsTable td{
	line-height: 22px;
	padding-bottom: 1px;
	padding-top: 1px;
}
/*************
eg. Budget health status bars
div.progressBarContainer [ progressBarContainer_alignRight | progressBarContainer_alignCenter | progressBarContainer_over | progressBarContainer_under | progressBarContainer_near | progressBarContainer_negative ]
	div.progressBar
		span.description
**************/
.md .progressBarContainer{
	border-style: solid;
	border-width: 1px;
	line-height: 18px;
	padding: 0;
	position: relative;
	text-align: left;
}
.progressBarContainer .progressBar{
	border-style: solid;
	border-width: 1px;
	-mox-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	white-space: nowrap;
}
.progressBarContainer_zero .progressBar {
	border-width: 0;
	visibility: hidden;
}
.progressBarContainer_noBorder .progressBar{
	border-width: 0;
}
.progressBarContainer .description{
	padding-left: 2px;
	padding-right: 2px;
}
.md .progressBarContainer_alignRight{
	text-align: right;
}
.progressBarContainer_alignCenter .description{
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
/**/
/**********
Content Containers/Layouts
***********/
/*content columns*/
div.contentColumns{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	width: 100%;
}
div.contentColumnsBorder{
	border-style: solid;
	border-width: 1px;
}
div.columnGroup{
	overflow: hidden;
	width: 100%;
}
div.contentColumn{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 8px 8px 0;
	width: 100%;
}
.OAOLanding div.contentColumn{
	text-align: center;
}
.contentColumns_snugHorizontal .contentColumn{
	padding-left: 0;
	padding-right: 0;
}
.contentColumns_snugVertical .contentColumn{
	padding-top: 0;
}
div.contentColumn > div *:first-child{
	margin-top: 0;
}
.columnGroup2Col .contentColumn{
	width: 50%;
}
.columnGroup3Col .contentColumn{
	width: 33.333333%;
}
.columnGroup4Col .contentColumn{
	width: 25%;
}
.columnGroup5Col .contentColumn{
	width: 20%;
}
/*block*/
.md .block{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 12px;
	width: 100%;
}
.md .block_cushion{
	padding: 4px 4px 0;
}
.md .block_cushion_all{
	padding: 4px;
}
.md .block_cushion_all_thick{
	padding: 12px;
}
.md .block_spacing{
	margin-bottom: 12px;
}
.md .block_tight{
	margin-bottom: 0;
}
.md .block_scrollable{
	height: 200px;
	overflow-y: auto;
	width: 100%;
}
.md .block_border{
	border-style: solid;
}
.md .block_border_all{
	border-width: 1px;
}
.md .block_border_bottom{
	border-bottom-width: 1px;
}
.md .block_border_left{
	border-left-width: 1px;
}
.md .block_border_right{
	border-right-width: 1px;
}
.md .block_border_top{
	border-top-width: 1px;
}
.
.md .block_marker{	
	margin: -1px;
    padding: 16px 12px 12px;
    position: relative;
}
.md .block_marker:before{
	border-left: 8px solid transparent;
    border-right: 8px solid transparent;
	content: "";
    height: 0;
	left: 0;
	position: absolute;
	top: 0;
    width: 0;
}

/**/

/**********
Content Layouts
***********/
/*spending analysis*/
div.spendingCol1,
div.spendingCol2{
	min-height: 50px;
}
div.spendingCol1{
	float: left;
	width: 160px;
}
div.spendingCol2{
	width: 350px;
	float: right;
}
div.spendingGraph{
	clear: both;
	height: 160px;
	width: 160px;
}
div.spendingFilter{
	margin-bottom: 8px;
	overflow: auto;
}
div.spendingFilter label {
	float: left;
	padding: 4px 4px 0;
}
div.spendingFilter form label:first-child {
	padding-left: 0;
}
div.spendingFilter div.selectWrapper {
	float: left;
	overflow: hidden;
	width: 125px;
}
/**/

#ModModalWrapper{
    position: static;
}
.md .modal{
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: left;
    padding: 12px;
    position: fixed;
    width: 520px;
    z-index: 1000;
}
.md .modal_noChrome{
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    height: auto;
    padding: 0;
    width: auto;
}
.md .modal_noShadow{
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
}
.md .modal_noPadding{
    padding: 0;
}
.md .overlay_decorator{
    filter: alpha(opacity=80);
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    zoom: 1;
}
.md .overlay_wrap{
    display: block;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}
.md .overlay{
    display: table;
    height: 100%;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    z-index: 20000;
}

.md .spinner_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 30000;
    background-color: rgba(0,0,0,0.5);
}

.md .spinner_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -15vh;
}

.md .spinner_modal {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 520px;
    height: 249px;
    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 5px;
    text-align: center;
    z-index: 30001; /* 1px higher than the overlay layer */
    position: sticky;
}

.md .spinner_modal .title {
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #333333;
    font-size: 18px;
    alignment: center;
    line-height: 21px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.md .spinner_modal .description {
    font-family: "Trebuchet MS";
    font-weight: normal;
    color: #333333;
    font-size: 13px;
    alignment: center;
    line-height: 15px;
}


.ml-loader {
    position: relative;
    width: 70px;
    height: 70px;
    margin-top: 53px!important;
}

.ml-loader div {
    -webkit-transform-origin: 32px 32px;
    -ms-transform-origin: 32px 32px;
    transform-origin: 32px 32px;
    -webkit-animation: 1.2s opaque ease-in-out infinite both;
    animation: 1.2s opaque ease-in-out infinite both;
}

.ml-loader div::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    width: 5px;
    height: 18px;
    border-radius: 10px;
    background-color: #000000;
}

.ml-loader div:nth-child(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.ml-loader div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.ml-loader div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.ml-loader div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.ml-loader div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.ml-loader div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.ml-loader div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.ml-loader div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.ml-loader div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.ml-loader div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.ml-loader div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.ml-loader div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.ml-loader div:nth-child(13) {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

@-webkit-keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }
    40% {
        opacity: 1;
    }
}

@keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }
    40% {
        opacity: 1;
    }
}

.md .dialog_wrap{
    display: table-cell;
    vertical-align: middle;
}
.md .dialog{
    border-style: solid;
    border-width: 2px;
    position: relative;
    outline: none;
}
.md .modalContent{
	max-height: 450px;
	overflow-y: auto;
    padding: 0 1px;
}
.md .modal h1,
.md .modal h2,
.md .modal h3 {
	margin-top: 0px;
}
.md .modal .modal_heading{
    padding: 0 0 10px;
}
.md .modal div.formActions{
    padding-top: 8px;
    padding-bottom: 8px;
}
.md .modal_close{
    background-position: 0 -609px;
    background-repeat: no-repeat;
    display: block;
    height: 31px;
    position: absolute;
    right: -16px;
    text-indent: -9999px;
    top: -16px;
    width: 31px;
    outline: none;
    z-index: 1;
}
.growl_panel{
    width: 520px;
    position: fixed;
    top: 0px;
    z-index: 1000;
    top: 0px;
}
.growl_panel ul{
	margin-bottom: 0px;
}
.growl_panel li{
	background: none repeat scroll 0 0 white;
    border: 1px solid #BABABA;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    box-sizing: border-box;
    padding: 8px;
    margin-bottom: 4px;
}
.growl_panel li{
	background-color: #ffffcc;
}
.growl_panel p{
	margin-bottom: 0px;
	width: 440px;
}
.growl_panel span.close{
	float: right;
}
.md .modal .modal_activity{
	display: inline-block;
	height: 16px;
	padding-left: 0px; 
	margin: -3px 0 -4px 10px;
}
.md div .selectedBox {
    margin-bottom: 6px;
}

/**/

.md .tip{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    -webkit-box-shadow: 0 8px 6px -6px;
    box-shadow: 0 8px 6px -6px;
	padding: 8px 8px 0;
	width: 200px;
}
.md .tip:before{
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	content: "";
	display: block;
	float: left;
	height: 16px;
	width: 26px;
	margin-top: -24px;
}
/* (giant tool tip) <div class="contentCallout (bottom|top|left|right|bottom-left|bottom-right|top-left|top-right|right-top|right-bottom|left-top|left-bottom)">...</div> */
div.contentCallout {
	box-sizing: border-box;
	position: relative;
	padding: 15px;
	border-radius: 3px;
}
div.contentCallout.bottom,
div.contentCallout.bottom-left,
div.contentCallout.bottom-right{
	margin-bottom: 10px;
}
div.contentCallout.top,
div.contentCallout.top-left,
div.contentCallout.top-right{
	margin-top: 10px;
}
div.contentCallout.right,
div.contentCallout.right-top,
div.contentCallout.right-bottom {
	margin-right: 10px;
}
div.contentCallout.left,
div.contentCallout.left-top,
div.contentCallout.left-bottom{
	margin-left: 10px;
}
div.contentCallout::before {
	content: "";
	width: 0;
	height: 0;
	border: 0.8em solid transparent;
	position: absolute;
}
div.contentCallout.bottom::before {
	left: 45%;
	bottom: -19px;
}
div.contentCallout.top::before {
	left: 45%;
	top: -19px;
}
div.contentCallout.right::before {
	right: -19px;
	top: 35%;
}
div.contentCallout.left::before {
	left: -19px;
	top: 35%;
}
div.contentCallout.bottom-left::before {
	left: 7px;
	bottom: -19px;
}
div.contentCallout.bottom-right::before {
	right: 7px;
	bottom: -19px;
}
div.contentCallout.top-left::before {
	left: 7px;
	top: -19px;
}
div.contentCallout.top-right::before {
	right: 7px;
	top: -19px;
}
div.contentCallout.right-bottom::before {
	bottom: 7px;
	right: -19px;
}
div.contentCallout.right-top::before {
	top: 7px;
	right: -19px;
}
div.contentCallout.left-bottom::before {
	bottom: 7px;
	left: -19px;
}
div.contentCallout.left-top::before {
	top: 7px;
	left: -19px;
}

/**/

/******************
content tabs - regular and inverted
******************/
.md .contentTabsContainer,
.md .contentTabsContainerFaked{
	border-bottom-Style: solid;
	border-bottom-width: 1px;
	display: block;
	float: left;
	margin-bottom: 12px;
	width: 100%;
}
.contentTabsContainer .contentTabs,
.contentTabsContainerFaked .contentTabs{
	border-bottom-Style: solid;
	border-bottom-width: 1px;
	display: none;/*Hide real tabs without JS*/
	height: 22px;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}
.contentTabsContainerFaked .contentTabs,/*Show fake tabs without JS*/
.javascript .contentTabsContainer .contentTabs{/*Show real tabs with JS*/
	display: block;
}
.contentTabsContainerFaked .contentTabHeader,
.javascript .contentTabsContainer .contentTabHeader{/*Hide header for each tab with JS*/
	display: none;
}
.contentTabs li{
	display: block;
	float: left;
	height: 22px;
	margin: 0 1px 0 0;
	padding: 0;
	position: relative;
	top: 1px;
}
/*right side*/
.contentTabs a{
	background-position: right -66px;
	background-repeat: no-repeat;
	display: block;
	font-weight: bold;
	overflow: visible;
	padding-right: 10px;
	text-decoration: none;
}
.contentTabs a:not(:focus){
	outline-width: 0;
	outline-style: none;
}
/*left side*/
.contentTabs span{
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	line-height: 17px;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 3px;
}
/*current and current hover state for right side of tab*/
.contentTabs .selected a,
.contentTabs .selected a:hover{
	background-position: right -110px;
}
/*current and current hover state for left side of tab*/
.contentTabs .selected a span,
.contentTabs .selected a:hover span{
	background-position: 0 -44px;
}
/*hover state for right side of tab*/
.contentTabs a:hover{
	background-position: right -88px;
}
/*hover state for left side of tab*/
.contentTabs a:hover span{
	background-position: 0 -22px;
}

/****************************** 
(flexapp) helper.tabify.js 
div.tabify [ 
	[ tabify_vertical | tabify_horizontal ](1) | 
	tabify_opposed | 
	tabify_decor [ tabify_decor_image | tabify_decor_border ](1) ]*
	div.tabify_menu_container
		ul.tabify_menu
			li.tabify_tab [ tabify_tab_active ]? // repeatable item
				div.tabify_tab_content [ tabify_tab_cushion ]? // optional
					a.tabify_tab_label (href='#<IDENTIFIER>')
						span.tabify_tab_label_text // optional
	div.tabify_content_container
		div.tabify_content_frame
			div.tabify_content
				div.tabify_page [ <IDENTIFIER> ] // repeatable item
*******************************/
/* menu base - tabs */
.tabify .tabify_menu_container{
	border-style: solid;
	float: left;
	position: relative;
	width: 100%;
}
.tabify .tabify_menu{
	clear: both;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
.tabify .tabify_tab_cushion{
	padding: 2px 4px 0 4px;	
}
.tabify .tabify_tab{
	cursor: pointer;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: 1px;
}
.tabify_tab .tabify_tab_content{
	overflow: hidden;
	width: auto;
}
.tabify .tabify_tab_label{
	display: block;
	font-weight: bold;
	outline-style: none;
	outline-width: 0;
	overflow: visible;
	padding-right: 10px;
	text-decoration: none;
}
.tabify .tabify_tab_label:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.tabify .tabify_tab_label_text{
	cursor: pointer;
	display: block;
	line-height: 17px;
	overflow: hidden;
	padding: 3px 0 2px 10px;
	width: auto;
}
/* menu base: tabs - active  */
.tabify_decor_border .tabify_tab_active{
	z-index: 1;
}
.tabify_decor_image .tabify_tab_active .tabify_tab_label,
.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover{
	background-position: right -110px;
}
.tabify_decor_image .tabify_tab_active .tabify_tab_label_text,
.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -44px;
}
.tabify_decor_border .tabify_tab_content{
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
/* menu base: opposed */
.tabify_horizontal.tabify_opposed .tabify_menu,
.tabify_vertical.tabify_opposed .tabify_menu_container{
	float: right;
}
/* menu base: decorated  - decor_image */
.tabify_decor_image .tabify_menu_container{
	border-bottom-width: 1px;
}
.tabify_decor_image .tabify_tab{
	height: 22px;
}
.tabify_decor_image .tabify_tab_label{
	background-position: right -66px;
	background-repeat: no-repeat;
	display: block;
}
.tabify_decor_image .tabify_tab_label:hover{
	background-position: right -88px;
}
.tabify_decor_image .tabify_tab_label_text{
	background-position: 0 0;
	background-repeat: no-repeat;
}
.tabify_decor_image .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -22px;
}
/* menu base: decorated - decor_border */
/* horizontal layout - menu & tabs */
.tabify_horizontal .tabify_menu{
	float: left;
}
.tabify_horizontal.tabify_decor_border .tabify_menu{
	position: relative;
	top: 2px;
}
.tabify_horizontal.tabify_decor_border .tabify_tab{
	top: -1px;
}
/* horizontal & opposed layout - menu & tabs */
/* vertical layout - tabify menu & tabs */
.tabify_vertical .tabify_menu_container{
	border-width: 0;
	clear: none;
	height: 100%;
	width: 170px;
}
.tabify_vertical .tabify_menu{
	width: 100%;
}
.tabify_vertical .tabify_tab{
	clear: both;
	float: none;
	left: 1px;
	top: 0;
	width: 100%;
}
.tabify_vertical .tabify_tab_label{
	padding: 0 0 0 10px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_label{
	background-position: 0 0;
}
.tabify_vertical .tabify_tab_label_text,
.tabify_vertical.tabify_opposed .tabify_tab_label{
	padding-left: 0;
	padding-right: 10px;
}
/* vertical layout: decorated - decor_image */
.tabify_vertical.tabify_decor_image .tabify_tab_label_text{
	background-position: right 0;
}
.tabify_vertical.tabify_decor_image .tabify_tab_label:hover{
	background-position: 0 -22px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: right -22px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label,
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover{
	background-position: 0 -44px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label_text,
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: right -44px;
}
.tabify_vertical.tabify_decor_image .tabify_menu_container{
	left: 0;
	z-index: 1;
}
/* vertical layout: decorated - decor_border */
.tabify_vertical.tabify_decor_border .tabify_menu{
	top: 0;
}
.tabify_vertical.tabify_decor_border .tabify_tab{
	padding-left: 5px;
}
.tabify_vertical.tabify_decor_border .tabify_tab_cushion{
	padding: 6px 6px 6px 6px;	
}
.tabify_vertical.tabify_decor_border .tabify_tab_content{
	border-width: 1px;
}
.tabify_vertical.tabify_decor_border .tabify_tab_active .tabify_tab_content{
	border-right-width: 0;
}
.tabify_vertical.tabify_decor_border .tabify_tab_active{
	-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    padding: 0;	
}
/* vertical & opposed layout - menu & tabs */
.tabify_vertical.tabify_opposed .tabify_tab{
	left: 0;
}
.tabify_vertical.tabify_opposed .tabify_tab_label_text{
	padding-left: 10px;
	padding-right: 0;
}
/* vertical & opposed layout: decorated - decor_image */
.tabify_vertical.tabify_opposed.tabify_decor_border,
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_menu_container{
	left: -1px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label{
	background-position: right -66px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label_text{
	background-position: 0 -66px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label:hover{
	background-position: right -88px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -88px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label,
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover{
	background-position: right -110px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label_text,
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -110px;
}
/* vertical & opposed layout: decorated - decor_border */
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab{
	left: -5px;
	padding-left: 0;
}
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab_active{
	left: -1px;
	padding-left: 0;
}
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab_content{
	padding-left: 11px;
	left: -5px;
}
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab_active .tabify_tab_content{
	border-left-width: 0;
	border-right-width: 1px;
	padding-left: 6px;
}
/* page base - page content */
.tabify .tabify_content_container{
	clear: both;
	overflow: auto;
	position: relative;
	width: 100%;
}
.tabify .tabify_content_frame{
	border-style: solid;
	height: inherit;
	overflow: auto;
	width: auto;
}
.tabify .tabify_content{
	overflow: auto;
	padding: 8px 8px 0px 8px;
	width: auto;
}
.tabify .tabify_content ul li {
	position: relative;
	left: 1em;
	width: 95%; /* necessary to prevent extra width causing overflow */
}
.tabify .tabify_page{
	display: none;
	overflow: auto;
}
.tabify .tabify_page_active{
	display: block;
	width: 100%;
}
/* horizontal layout - page content */
/* vertical layout - page content */
.tabify_vertical .tabify_content_container{
	clear: none;
	width: auto;
}
/* page base: decorated - decor_image */
.tabify_vertical.tabify_decor_image .tabify_content_frame{
	border-left-width: 1px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_content_frame{
	border-left-width: 0;
	border-right-width: 1px;
}
/* page base: decorated - decor_border */
.tabify_decor_border .tabify_content_frame{
	border-width: 1px;
}
.md .contentTabsContainer, 
.md .contentTabsContainerFaked{
	border: none;
	border-bottom: 1px solid #D3D3D3;
	margin: 0 -12px 16px;
	width: 720px;
	background-color: #f7f7f7;
	padding: 0 12px;
}
.contentTabsContainer .contentTabs,
.contentTabsContainerFaked .contentTabs{
	background-color: #fff;
	height: 35px;
	margin: 0 -12px 16px;
	padding: 0 13px;
	width: auto;
}
.contentTabs li{
	height: 35px;
}
.contentTabs a,
.contentTabs a:hover{
	font-weight: normal;
	line-height: 35px;
	background-position: top right;
	padding-right: 23px;
}
.contentTabs a span,
.contentTabs a:hover span{
	background-position: top right;
	display: block;
	font-size: 14px;
	line-height: 35px;
	padding: 0 0 0 23px;
}
/*current and current hover state for right side of tab*/
.contentTabs .selected a,
.contentTabs .selected a:hover{
	background-position: right -140px;
}
/*current and current hover state for left side of tab*/
.contentTabs .selected a span,
.contentTabs .selected a:hover span{
	background-position: 0px -35px;
	color: #474747;
}


/*************
Icons
**************/
/*Icons - before or after the text of an element*/
.md .icon_before:before,
.md .icon_after:after{
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
	height: 16px;
	position: absolute;
	top: 0;
	width: 16px;
}
.md .icon_before,
.md .icon_after{
    background-repeat: no-repeat;
    padding-left: 20px;
    position: relative;
}
.md .icon_before:before{
	margin-right: 4px;
	left: 0;
}
.md .icon_after:after{
	margin-left: 4px;
	right: 0;
}
.md .icon_inline{
	position: static;
}
/* centered icon with text
div.icon_withLabel
	div.icon_withLabel_lower
	div.icon_withLabel_upper
 */
.md .icon_withLabel{
	position: relative;
}
.md .icon_withLabel_lower{
	margin: 0 auto;
	height: 27px;
	width: 27px;
}
.md .icon_withLabel_upper{
	position: absolute;
	left: 0;
	text-align: center;
	top: 8px;
	width: 100%;
}
/*Icons - When used as Image Replacement*/
.md .icon{
    background-repeat: no-repeat;
	padding-left: 16px;
    line-height: 16px;
}
.md .icon_only{
	display: inline-block;
	height: 16px;
	margin: 0 0 0 4px;
    overflow: hidden;
	padding: 0;
	text-align: left;
    text-indent: 100%;
	white-space: nowrap;
	width: 16px;
}
.md .icon_tight{
    margin-left: 0;
    margin-right: 0;
}
.md .icon_only_before{
	margin: 0 4px 0 0;
}
.md .icon_circle{
	background-position: 0 0;
}
.md .icon_none{
	background-position: 0 -32px;
}
.md .icon_success{
	background-position: 0 -64px;
}
.md .icon_alert{
	background-position: 0 -96px;
}
.md .icon_lock{
	background-position: 0 -128px;
    padding-left: 24px;
}
.md .icon_news{
	background-position: 0 -160px;
    padding-left: 24px;
}
.md .icon_plus,
.md .icon_before.icon_plus:before,
.md .icon_after.icon_plus:after{
	background-position: 0 -192px;
}
.md .icon_repeat,
.md .icon_before.icon_repeat:before,
.md .icon_after.icon_repeat:after{
    /*background-position: 0 -224px;*/
    background-position: 0 -1249px;
}
.md .icon_complete,
.md .icon_before.icon_complete:before{
	background-position: 0 -256px;
}
.md .icon_info,
.md .icon_before.icon_info:before{
	background-position: 0 -288px;
}
.md .icon_warning,
.md .icon_before.icon_warning:before{
	background-position: 0 -320px;
}
.md .icon_error,
.md .icon_before.icon_error:before{
	background-position: 0 -352px;
}
.md .icon_close{
	background-position: 0 -896px;
}
.md .icon_close:hover{
	background-position: 0 -928px;
}
.md .icon_payment{
    background-position: 0 -1184px;
}
.md .icon_transfer{
    background-position: 0 -1216px;
}
.md .icon_config{
    background-position: 0 -1344px;
    padding-left: 24px;
}
/* global warning style */
.md div.globalWarning{
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    margin:0 0 10px 0;
}

/**/
/*************
Toggle - Generic Classes
**************/
.md .toggle{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.md .toggle_header{
	float: right;
	margin-top: -28px;
}
.toggle li{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.toggle a{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
/*chart toggle*/
.md .toggle_chart a{
	height: 22px;
	overflow: hidden;
	width: 22px;
}
.md .toggle_chart li{
	margin: 0 0 0 -4px;
}
.md .toggle_chart li:first-child{
	margin-left: 0px;
}
.md .toggle_chart li:last-child{
	margin-left: -5px;
}
.toggle_chart .toggle_chart_pie a{
	background-position: 0 -480px;
	background-repeat: no-repeat;
}
.toggle_chart .toggle_chart_bar a{
	background-position: 0 -544px;
}
.toggle_chart .toggle_chart_pie.current  a,
.toggle_chart .toggle_chart_pie a:hover{
	background-position: 0 -512px;
}
.toggle_chart .toggle_chart_bar.current a,
.toggle_chart .toggle_chart_bar a:hover{
	background-position: 0 -576px;
}
/*show hide toggle*/
.toggle_visibility li{
	display: none;
}
.toggle_visibility .current{
	display: inline-block;
}
.md .toggle_visibility a{
	height: 16px;
	width: 16px;
}
.md .toggle_visibility_show a{
	background-position: 0 -448px;
	background-repeat: no-repeat;
}
.md .toggle_visibility_hide a{
	background-position: 0 -416px;
	background-repeat: no-repeat;
}
/*tip text toggle*/
.md .toggle_tip{
	background-position: 0 -384px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.md .toggle_tip_before{
	margin: 0 4px 0 0;
}
.md .toggle_errortip{
	background-position: 0 -352px;
    background-repeat: no-repeat;
	cursor: pointer;
    display: inline-block;
	font-weight: normal;
	height: 16px;
	line-height: 18px;
	margin-left: 10px;
	padding-left: 20px;
}
/**/


	/*********************
Global Search
***********************/
div.searchGlobal{
	position: absolute;
	right: 0;
	top: 45px;
}
div.searchGlobal .entry,
div.searchGlobal .input,
div.searchGlobal .submit{
	clear: none !important;
	float: left !important;
	margin: 0 !important;
	width: auto !important;
	padding: 0 !important;	
}
div.searchGlobal .entry label{
	font-weight: normal !important;
	margin: 0 !important;
	padding: 3px 8px 0 0 !important;
	width: auto !important;	
}
div.searchGlobal .input input{
	margin: 0 8px 0 0 !important;
	width: 130px !important;
}
.md div.searchGlobal .input input.blur{
	color: #B3B3B3;
}

	/*Custom CSS for Global Search*/

div.graphMonthHighlights{
	position: absolute;
	z-index: 1;
}
div.graphMonthContainer{
	position: absolute;
	z-index: 11;
}
div.graphMonthSelectorHover,
div.graphMonthSelectorHighlight{
	position:absolute;
	top:0;
	left:0;
	width:0;
}
div.graphMonthSelectorHighlight{
	z-index: 1;
}
div.graphMonthSelectorHover{
	z-index: 2;
}
div.graphMonthContainer{
	background-color: #FFFFFF;
	filter: alpha(opacity=0); 
    -khtml-opacity: 0;      
    -moz-opacity: 0;       
    opacity: 0;           
}


/* Component-GraphDateRangeSelector */
div.graphMonthSelectorHover {
    background-color: #CAE1FF;
}
div.graphMonthSelectorHighlight {
    background-color: #E7F1FE;
}




/* Component-TransactionCategoryList */
.categoryTransactionsTable .progressBar{
	background-color: #9FC5F8;
}
.categoryTransactionsTable .hover .progressBar{
	background-color: #2B78E4;
}

/*************
Highcharts
*************/
.highcharts-tooltip span{
    z-index: 9999 !important;
}
.widePaddingTooltip .highcharts-tooltip span{
    padding: 3px 500px 0;
}

/*****************
V6.1.1 CSS fix
 ****************/
/* disable axis-label rotation */
.highcharts-axis-labels span {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
}
/* reduce font-size to avoid label too long showing character... */
.highcharts-xaxis-labels text {
    font-size: 9px !important;
}
/* PFM Spending Category Gragh: xaxis is showing by default */
.SpendingCategoryGraph .highcharts-axis.highcharts-xaxis {
    display: none;
}
.backgroundTooltip .highcharts-tooltip span{
    background-color: #024F7B;
}



/**********
nav adjacent
***********/
.header h2.adjacent{
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 80px;
	left: 10px;
}
.header h2.adjacent a {
	background-position: 0em 0.45em;
	background-repeat: no-repeat;
	display: block;
	font-size: 0.85em;
	padding-left: 10px;
}
/**/
/*customized*/
div.global{
	 width: 753px;
    position: absolute;
    top: 0;
	 left: 222px;
}
div.global ul{
   list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
div.global ul.logInOff{
	float: right;
}
div.global ul.logInOff li{
	margin-right: 0;
}
div.global ul li{
	margin: 0 16px 0 0;
	padding: 0;
	height: 40px;
	float: left;
}
div.global ul li a{
	color: #dee4e5;
	background: transparent url('/DynamicContent/Resources/Images/Navigation/arrow_blue.png') no-repeat 15px 14px;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 40px;
	height: 40px;
	padding: 0 16px 0 31px;
	text-decoration: none;
}
div.global ul li.logOff a{
	background: transparent url('/DynamicContent/Resources/Images/Navigation/close.png') no-repeat 12px 14px;
}
div.global ul li.current a,
div.global ul li a:hover{
	color: #e3c43d;
}
div.global ul.externalSite li a{
	background-color: #0c5e8b;
	border-right: 1px solid #063f5e;
	border-left: 1px solid #063f5e;
	-webkit-box-shadow: inset 0 -2px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -2px 2px 1px rgba(0, 0, 0, 0.2); 
}


/**/
div.breadcrumb{
	height: 1%;
	margin-bottom: 8px;
}
.Landing div.breadcrumb{
    margin-bottom: 0;
}
div.breadcrumb span{/*You are here text*/
	display: none;
}
ul.breadcrumb{
    font-weight: bold;
    height: 1%;
    margin: 0;
    padding: 0;
}
html>body ul.breadcrumb{
    height: auto;
}
ul.breadcrumb:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
ul.breadcrumb li{
    background-position: 0% 50%;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 0 0 0 5px;
    padding: 5px 2px 5px 12px;
    white-space: nowrap;
}
ul.breadcrumb li.link0{
    background-image: none;
    list-style: none;
    margin-left: 0;
    padding-left: 6px;
}
ul.breadcrumb li a{
    font-weight: normal;
}
ul.breadcrumb li.self a{
    font-weight: bold;
    text-decoration: none;
}
/**/
/*customized*/
div.primary{
	width: 752px;
	position: absolute;
	top: 40px;
	left: 223px;
}
ul.primary{
	height: 88px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	right: auto;
	top: 0;
	width: auto;
}
ul.primary li{
	background: none;
	display: block;
	float: left;
	height: 88px;
	margin: 0;
	padding: 0 0 0 3px;
	text-align: left;
}
ul.primary li a{
	color: #d9edf6;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 80px;
	height: 88px;
	overflow: hidden;
	margin: 0 -2px 0 0;
	padding: 0 15px 0 9px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
ul.primary li a:hover,
ul.primary .current a,
ul.primary .current a:hover{
    color: #e3c43d;
}
ul.primary li.current{
	background: transparent url('/DynamicContent/Resources/Images/Navigation/primaryButton.png') no-repeat 0 0;
}
ul.primary li.current a{
	background: transparent url('/DynamicContent/Resources/Images/Navigation/primaryButton.png') no-repeat bottom right;
}
/**/
/*adjustments to primary for arrows*/
ul.primaryWMegaMenu > li > a{
   padding: 5px 5px 0;
   text-align: center;
}
ul.primary > li.activeMegaMenu > a{
    position: relative;
}
ul.primary > li.activeMegaMenu > a:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 0 7px 9px 7px;
    top: 41px;
    z-index: 3010;
    left: 50%;
    margin-left: -7px;
    -webkit-transform:rotate(360deg);
}
/* Mega Menu - show/hide */
ul.primary .megaMenu{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    position: absolute;
    width: 886px;
    top: 40px;
    right: 37px;
    border-width: 10px;
    border-style: solid;
    display: none;
    z-index: 3000;
}
ul.primary > li:hover .megaMenu{
  display: block;
}
.js ul.primary > li:hover .megaMenu{
  display: none;
}
ul.primary .megaMenu .section{
    margin-bottom: 0;
}
/* Mega Menu - columns layout */
ul.primary .megaMenu:after,
ul.primary .megaMenu .contentColumns:after,
ul.primary .megaMenu .contentColumn:after{
    content: "";
    display: table;
    clear: both;
}
ul.primary .megaMenu .contentColumn{
    float: left;
    height: 100%;
    padding: 0 10px 0 0;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.primary .megaMenu .contentColumn:last-child{
    padding: 0;
}
ul.primary .megaMenu .contentColumn > div{
    border: none;
    clear: none;
    padding: 5px;
    margin: 0 0 10px 0;
}
/* Mega Menu - typography */
ul.primary .megaMenu ul{
    margin: 0;
    padding: 0;
}
ul.primary .megaMenu li{
    height: auto;
    float: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0;
    padding: 0 0 6px 13px;
    width: auto;
}
ul.primary .megaMenu a{
    height: auto;
    padding: 0;
    font-weight: normal;
}
ul.primary .megaMenu .contentColumn h2,
ul.primary .megaMenu .contentColumn h3,
ul.primary .megaMenu .contentColumn h2 a,
ul.primary .megaMenu .contentColumn h3 a{
    font-size: 13px;
    font-weight: bold;
    top: auto;
    left: auto;
    margin: 0 0 5px 0;
    padding: 0;
    position: relative;
    height: auto;
    width: auto;
}
/* Mega Menu - Component Adjustment */
ul.primary .megaMenu .Component-Marketing .copy{
    padding: 0 0 10px;
}
ul.primary .megaMenu .Component-Marketing .imageWrapper, 
ul.primary .megaMenu .Component-Marketing .Component-Button{
    margin: 0 -5px;
}
ul.primary .megaMenu .Component-Button a{
    font-weight: bold;
    padding: 8px 9px;
}
ul.primary .megaMenu .Component-Button a:hover{
    text-decoration: none;
}
ul.primary .megaMenu .Component-Shortcuts li{
    background-image: none;
    padding: 0 0 6px 15px;
}

/**/
/*Section Nav*/
div.sectionNav{
    position: absolute;
}
ul.sectionNav{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.sectionNav li{
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
}
ul.sectionNav li a{    
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    display: block;
    font-weight: bold;
    float: left;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    position:relative;
    padding: 0 16px;
}
ul.sectionNav li a:hover{
   text-decoration: underline;
}
ul.sectionNav li.current a,
ul.sectionNav li.current a:hover{
   text-decoration: none;
}
/**/
/*secondary*/
div.secondary{
	position:absolute;
	right:8px;
	top:50px;
}
ul.secondary{
   margin : 0;
 	padding: 0;
}
ul.secondary li{
    display : block;
    float: left;
    list-style : none;
    padding-left : 4px;
}
ul.secondary li a{
    background-position : 0px 0px;
    background-repeat : no-repeat;
    display : block;
    height : 15px;
    padding-bottom : 2px;
    padding-left : 0px;
    padding-top : 2px;
    text-align : center;
    text-decoration : none;
    vertical-align : middle;
    width : 104px;
	font-size: 11px;
}
ul.secondary li a:hover,
ul.secondary li.current a{
    background-position : 0px -19px;
}
ul.secondary li a:hover{
    text-decoration : underline;
}
/**/
/*********************
Online Banking Tabs
**********************/
ul.online{
	background-position : bottom left;
	background-repeat : no-repeat;
	background-color : #fff;
	clear : both;
	height : 21px;
	margin : -4px 0 10px 0;/*-4 because of breadcrumb bottom margin*/
	padding : 8px 0 0 230px;
	z-index : 100;
}
ul.online li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 21px;
	width: 106px;
	overflow: hidden;
}
ul.online a{
	background-image : url(/DynamicContent/Resources/Images/Navigation/online_106.gif);
	background-position: 0 0;
	display : block;
	font-weight : bold;
	padding-bottom : 3px;
	padding-top : 4px;
	text-align : center;
	text-decoration : none;
	width : 100%;
}
ul.online li a:hover{
	background-position: 0 -21px
}
ul.online li.current a, 
ul.online li.current a:hover{
	background-position: 0 -42px
}
/*end online tabs*/
/**/
div.context{
	background: #fff;
	border-top: 8px solid #fccb05;
	margin-bottom: 16px;
	-moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=160, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=160, Color='#000000');
}
div.context h3{
	color: #464646;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 15px 5px 11px 23px;
}
div.context h3 a{
	text-decoration: none;
}
ul.context .depth1{
    border: none;
}
ul.context li,
ul.context li.current,
ul.context .depth1 li.self,
ul.context .depth1 li.current,
ul.context .depth1 li,
ul.context .depthN li.self,
ul.context .depthN{
    background: transparent;
}
div.context ul{
	background: transparent;
	border: none;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 7px 0;
	width: 100%;
}
div.context ul li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
div.context ul li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
div.context ul li a{
	background: transparent url('/DynamicContent/Resources/Images/Navigation/contextArrow.png') no-repeat 8px 13px;
	color: #003366;
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 9px 23px 8px;
	text-decoration: none;
	position: relative;
}
div.context ul li a:hover{
	background-position: 8px -87px;
	color: #003366;
}
div.context ul li.current a,
div.context ul li.self a{
	background: #f4f6f7 url('/DynamicContent/Resources/Images/Navigation/contextArrowL1.png') no-repeat 0 -100px;
	-moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5);
	border: 1px solid #CFD0D0;
	color: #036;
	margin: 0 -5px;
	padding: 8px 23px 7px 27px;
}
div.context ul li.self a,
div.context ul li.current a:hover{
	background-position: 0 0;
}
div.context ul ul{
	padding-bottom: 0;
}
div.context ul.depth1 li a,
div.context ul.depth1 li.current a,
div.context ul.depth1 li.self a{
	background: #fff url('/DynamicContent/Resources/Images/Navigation/contextArrow.png') no-repeat 24px 8px;
	border: none;
	margin: 0;
	padding: 4px 4px 4px 41px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
div.context ul.depth1 li.self a{
	background-color: #f0f3f4 
}
div.context ul.depth1 li.self a,
div.context ul.depth1 li a:hover,
div.context ul.depth1 li.current a:hover{
	background-position: 24px -92px;
}
div.context:after{
	content: '';
	height: 0;
	display: block;
	clear: both;
}
div.context{
	zoom: 1;
}


/**/
/****Customized***/
ul.footer {
	background: transparent url('/DynamicContent/Resources/Images/Navigation/footerLists_bg.png') repeat-x 0 0;
	float: left;
	list-style-type: none;
	margin: 0 16px 16px 0;
	min-height: 85px;
	padding: 8px 0 0;
	width: 175px;
}
ul.footer li{
	float: left;
	margin: 0;
	padding: 0;
	width: 175px;
}
ul.footer li a{
	background: transparent url('/DynamicContent/Resources/Images/Navigation/footerArrow.gif') no-repeat 12px 10px;
	color: #99c6d5;
	display: block;
	font-size: 11px;
	padding: 7px 16px 6px 30px;
	text-decoration: none;
}
div.footer ul.footer li a:hover{
	color: #fff;
}
ul.footer4{/*hardcoded mobile site*/
	float: right;
	margin-right: 0;
}
ul.footer4 li a{
	background: transparent url('/DynamicContent/Resources/Images/Navigation/mobile.png') no-repeat 12px 5px;
}

/**/
/**********************
Viewport Toggle
***********************/
ul.viewportToggle li.viewportToggle-desktop{
	display: none;
}
ul.viewportToggle{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.viewportToggle li{
	border-width: 1px;
	border-style: solid;
	display: inline;
	float: left;
	margin: 2px;
}
ul.viewportToggle li a{
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
}
ul.viewportToggle li a:hover{
	text-decoration:underline;
}

/**/
/*customized. Mostly styled in navGlobal.css*/
ul.lang li.current{
	display: none
}


/**/
/**********************
topic
***********************/
div.topic,
div.utilities{ /*remove ones PFM is in production*/
    clear: both;
    display: block;
}
ul.topic{
    font-size: 12px;
    font-weight: normal;
    list-style-type: none;
    margin: 4px 0 12px 0;
    padding: 0;
    text-align: left;
}
ul.topic li{
    background-repeat: no-repeat;
    background-position: 0% 50%;
    display : inline;
    margin: 0 0 5px;
    padding: 0 4px 0 5px;
}
ul.topic li.link0{
    background-image: none;
    padding-left: 0;    
}
ul.topic li.noSeparator{
    background-image: none
}
ul.topic li a{
    text-decoration : underline;
}
ul.topic li a:hover{
    text-decoration : none;
}
ul.topic ul{
    display: inline;
    margin: 0 0 0 4px;
    padding: 0;
}
ul.topic ul.listBlock li{
	display: inline-block;
}
ul.topic ul li{
    background-image: none;
    padding: 0 2px 0 0;
}
/*vertical*/
ul.topic_vertical li{
    background-image: none;
    display: block;
    margin: 0 0 2px 5px;
    padding: 0;
}
ul.topic_heading{
    float: right;
    margin-bottom: 0;
    margin-top: -26px;
    overflow: hidden;
    width: auto;
}
ul.topic_heading li{
    display: block;
    float: left;
}
/*aligned right*/
ul.topic_mirror{
    text-align: right;
}
/*snug*/
ul.topic_snug{
    margin-bottom: 4px;
}
ul.topic_tight{
    margin: 0;
}
ul.topic_inline{
    display: inline;
}

/*needed to move image to achor*/
ul.topic{
	margin: 0 0 16px;
}
ul.topic ul{
	margin: 0 0 0 10px;
}
.BillSummary ul.topic ul,
.BillCancel ul.topic ul,
.RecurringBill ul.topic ul,
.BillPay ul.topic ul,
.Emt ul.topic ul{
	margin: 0;
}
ul.topic li{
	 margin: 0;
	 padding: 0 16px 0 0;
}
ul.topic li.link0,
ul.topic li.linkN,
ul.topic li{
	background: transparent url('/DynamicContent/Resources/Images/Furniture/arrow_blue.png') no-repeat 0 2px;
	font-size: 12px;
	padding-left: 14px;
}
ul.topic li.link2{
	padding-right: 2px;
}
ul.topic li.link3 ul.depth1{
	margin: 0px;
}
ul.topic li.link3{
	background: transparent url(/DynamicContent/Resources/Images/Navigation/globalmarker.gif) 0 2px no-repeat;
	padding-left: 5px;
}
ul.topic li a{
	text-decoration: none;
	font-weight: normal;
}
ul.topic li.linkN li{
	background: none;
	padding: 0 10px 0 0;
}
ul.topic li.linkN li.linkN{
	background: none;
	padding: 0;
}

.md ul.campaign{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 47px;
    left: 300px;
    border-left-width: 1px;
    border-left-style: solid;
}
.md ul.campaign li{
    margin: 0;
    padding: 0;
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
}
.md ul.campaign li a{
    line-height: 1em;
    padding: 0px 12px;
    margin-top: -1px;
}
/**/

/************
general portlet styles -  customized
*************/
.portlets .portlet{
	background: #fff;
	border-top: 8px solid #fccb05;
	margin-bottom: 16px;
	padding: 16px 8px 16px 23px;
	-moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	position: relative;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=160, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=160, Color='#000000');
	zoom: 1;
	display: block;
	clear: both;
}
.portlets .portlet h3{
	color: #464646;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 10px;
}
.portlets .portlet h4{
	font-size: 13px;
	margin-bottom: 5px;
}
.portlets .portlet h5{
	font-size: 12px;
	margin-bottom: 3px;
}
.portlets .portlet{
	font-size: 12px;
}
.portlets .portlet:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.portlets input[type=text]{
	width: 180px;
}
/*custom lbc portlets*/
.portlets .imageHeader{/*image overlapping*/
	font-size: 11px;
	margin-top: 29px;/*LBC specific*/
}
.portlets .epostAdvice{
	margin-top: 70px;
}
.Login .portlets .imageHeader{/*larger on login*/
	margin-top: 46px;
}
.portlets .imageHeader h3{
		height: 39px;
		position: relative;
		padding: 0;		
}
.Login .portlets .imageHeader h3{
		height: 59px;	
}
.portlets .imageHeader h3 img{
	position: absolute;
	bottom: 0;
}
.portlets .imageHeader ul{
	padding-left: 6px;
}
.portlets .onlyImage{/*no shadow, no bg*/
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-filter: none;
	filter: none;
}
.portlets .marketing h4.follow{
	font-weight: normal;
	font-size: 15px;
	color: #474747;
	margin-left: -8px;
	padding-left: 22px;
	background: transparent url('/DynamicContent/Resources/Images/Icons/success3.png') no-repeat 0 4px;
}
.portlets .marketing h4.dontfollow{
	font-weight: normal;
	font-size: 15px;
	color: #474747;
	margin-left: -8px;
	padding-left: 22px;
	background: transparent url('/DynamicContent/Resources/Images/Icons/stop2.png') no-repeat 0 3px;
}
/* CSTC-70 - Left Sidebar portlet */
img.protectVisaCardBalanceImage,
img.protegezLeCarteVisaImage {
	padding: 8px;
}
/**/
/*****
form portlet
******/
.loginPortlet .portlet{
	border-width: 1px;
	border-style: solid;
	margin-bottom: 8px;
}
.loginPortlet .portlet input,
.loginPortlet .portlet select{
	font-size: 11px;
}
.Home .loginPortlet .authentication{
	height: 200px; width: 200px;
	overflow: hidden; position: absolute;
	right: 8px; top: 8px;
	z-index: 2000; padding-bottom: 24px;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 167px;
}
html>body .Home .loginPortlet .authentication{
   height: 167px;
}
.loginPortlet .authentication form{
	margin: 4px; 
	padding: 0;
}
.loginPortlet label{
	font-size: 10px;
}
.loginPortlet .authentication h3{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: auto; 
	margin: 0;  
	padding: 4px;
	text-transform: uppercase;
	font-size: 12px;
}
.loginPortlet .authentication .loggedInWelcome{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: auto; 
	margin: 0;  
	padding: 4px;
	text-transform: uppercase;
	font-size: 12px;
}
.loginPortlet .authentication .required{
	float: left; 
	position: relative; 
	padding-bottom: 3px; 
	padding-right: 4px
}
.loginPortlet .authentication .memory select, 
.loginPortlet .authentication .branch select{
	width : 180px;
}
.loginPortlet .authentication .sec{
	display: block; 
	clear: both; 
	padding: 0 0 3px 0;
}
.loginPortlet .authentication .sec .checkbox{
	margin: 0 4px 2px 0; 
	padding:0; 
	width: 13px; 
	height: 13px;
}
.loginPortlet .authentication .submit{
	float: left;
	padding-left: 0;
	margin: 3px 5px 3px 0;
}
.loginPortlet .authentication .control{
	float: left;
	position: relative;
	width: 95px;
	font-size: 10px;
}
/************
increased authentication - login portlet reshuffle
************/
.loginPortlet .authentication .submit #Continue{
	font-weight: bold;
	padding: 0 3px;
}
.loginPortlet #loginAuth{
	margin: 0;
	overflow: hidden;
	zoom: 1;
}
.loginPortlet .enhancedSecurity{
	display: block;
	clear: both;
}
.loginPortlet .authentication .enhancedSecurity p{
	font-size: 10px;
	margin: 8px 0 0 0;
	padding: 0;
}
/******
logout link: 
.link = login; 
.in = logout
******/
.loginPortlet .in, 
.loginPortlet .link{
	height: 84px;
}
html>body .loginPortlet .in, 
html>body .loginPortlet .link{
	height: auto; 
	min-height: 84px;
}
.loginPortlet .in h3,
.Home .loginPortlet .in h3{
	margin: 0; 
	padding: 10px 0 0 0; 
	border: none; 
	text-align: center; 
	background-color: transparent; 
	font-weight: normal;
}
.loginPortlet .in .loggedInWelcome,
.Home .loginPortlet .in .loggedInWelcome{
	margin: 0; 
	padding: 10px 0 0 0; 
	border: none; 
	text-align: center; 
	background-color: transparent; 
	font-weight: normal;
}
.loginPortlet .link h3{
	display : none;
}
.loginPortlet .link .submit, 
.loginPortlet .in .submit{
	float: none;
	margin: 14px 0 15px 11px; 
	width: 171px; 
	height: 25px;
	clear: none;
}
.loginPortlet .link .submit{
	margin-top: 30px;
}
/*on 2 col decorator3*/
.colOneTwoThree .loginPortlet .authentication,
.colTwoThree .loginPortlet .authentication{
	height: 25px; 
	margin: 0;
	border: none;
}
.colOneTwoThree .loginPortlet .link .submit, 
.colOneTwoThree .loginPortlet .in .submit,
.colTwoThree .loginPortlet .link .submit, 
.colTwoThree .loginPortlet .in .submit{
	width: 171px; 
	height: 25px;
	float: right;
	margin: 0;
}
.colOneTwoThree .loginPortlet .in h3,
.colTwoThree .loginPortlet .in h3{/*logged in name */
	margin: 0; 
	padding:0; 
	border: none; 
	text-align: left; 
	width: 330px; 
	float: left; 
	background: transparent; 
	font-weight: normal;
}
.colOneTwoThree .loginPortlet .in .loggedInWelcome,
.colTwoThree .loginPortlet .in .loggedInWelcome{/*logged in name */
	margin: 0; 
	padding:0; 
	border: none; 
	text-align: left; 
	width: 330px; 
	float: left; 
	background: transparent; 
	font-weight: normal;
}
.colOneTwoThree .loginPortlet .in h3{
	width: 760px;
}
.colOneTwoThree .loginPortlet .in .loggedInWelcome{
	width: 760px;
}
.colOneTwoThree .loginPortlet .link h3,
.colTwoThree .loginPortlet .link h3{
	display : none;
}
.colOneTwoThree .loginPortlet .in, 
.colOneTwoThree .loginPortlet .link,
.colTwoThree .loginPortlet .in, 
.colTwoThree .loginPortlet .link{
	height: 25px;
}
html>body .colOneTwoThree .loginPortlet .in, 
html>body .colOneTwoThree .loginPortlet .link,
html>body .colTwoThree .loginPortlet .in, 
html>body .colTwoThree .loginPortlet .link{
	height: auto; 
	min-height: 25px;
}

/******
LOGGED out link with message
******/
.loginPortlet .authentication p{
	margin: 10px;
}

/************
2 column decorator Form and Online
*************/
.colOneTwoThree .loginPortlet .authentication,
.colTwoThree .loginPortlet .authentication{
	background: transparent;
}
.colOneTwoThree .loginPortlet h3,
.colTwoThree .loginPortlet h3 {
	background: transparent;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 405px;
}
.colOneTwoThree .loginPortlet .loggedInWelcome,
.colTwoThree .loginPortlet .loggedInWelcome {
	background: transparent;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 405px;
	
}
.outerColContainer .loginPortlet .authentication .loggedInWelcome,
.colThree .loginPortlet .authentication .loggedInWelcome{
	display: block;/* need this to look like h3 in user agent css */
}
.colOneTwoThree .loginPortlet .submit,
.colTwoThree .loginPortlet .submit {
	float:right;
	height:25px;
	width:171px;
}

/************
3 column Form decorator
*************/
.Form .loginPortlet label,
.Form .loginPortlet .required .input,
.Form .loginPortlet .required {
	font-weight: normal;
	width: auto;
}
.Form .loginPortlet .required,
.Form .loginPortlet .authentication .control{
	clear: none;
}
.Form .loginPortlet label,
.Form .loginPortlet .required .input{
	float: none;
}
.Form .loginPortlet .submit{
	clear: none;
	padding: 0;
}

/**********
Hide accounts dropdown by default. enable it by JS if there is more than 1 account
*********/
#loginAuth div.memory{
	display: none;
}

/**********
No JavaScript
*********/
div.jsDisabled{
	display: none;
}
div.jsEnabled{
	display:block;
}

/* IR-103 */
button.member-reward.entrance {
	background-color: #6EBB1F;
	color: #FFFFFF;
	font-size: 14px;
	height: 25px;
	width: 160px;
	margin-bottom:  10px;
	cursor: pointer;
	border: none;
}

/* MRR-20170 login Portlet with google recaptcha customize size */
.loginPortlet #captcha_container {
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	margin-bottom: 10px;
}
/**/
/*marketing offer presentment - customized*/
.portlets .marketing{
	border: none;
	padding: 0;
	float: left;
	width: 100%;
}
.portlets .marketing img{
	display: block;
	margin: 0;
}
.portlets .marketing .portletContent{
	padding: 16px 16px 0;
}
.marketing ul{
	list-style-type: none;
}
.marketing li{
	background: transparent url('/DynamicContent/SharedContent/images/portlets/bullet.png') no-repeat 0 5px;
	margin: 0;
	padding: 0 0 6px 10px;
	font-size: 11px;
}
 

/**/
/*Quicknav specific -customized*/
.portlets .quicknav select{
	width: 177px;
}


/**/
/*rate portlet specific*/
.portlets .rates .calltoaction,
.portlets .markets .calltoaction,
.portlets .stocks .calltoaction{
	margin: 0px;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 3px;
	right: 4px;
	font-size: 11px;
}
.portlets .rates table,
.portlets .markets table,
.portlets .stocks table{
	margin: 0;
	border: none;
}
.portlets .rates tr th,
.portlets .markets tr th,
.portlets .stocks tr th{
	text-align: left;
	padding: 1px 0px;
	border: none;
}
.portlets .rates tr td,
.portlets .markets tr td,
.portlets .stocks tr td{
	text-align: right;
	padding: 1px 0px;
	border: none;
}
.portlets .rates tr th,
.portlets .markets tr th,
.portlets .stocks tr th{
	font-weight: normal;
}
/*this is the header*/
.portlets .rates tr.name th,
.portlets .markets tr.name th,
.portlets .stocks tr.name th{
	font-weight: bold;
	padding: 8px 0px 3px;
}
/*this is p.legal*/
.portlets .rates .legal,
.portlets .markets .legal,
.portlets .stocks .legal{
	font-size: 9px;
	margin: 10px 0 0;
}
.portlets .rates .calltoaction, .portlets .markets .calltoaction, .portlets .stocks .calltoaction{
	top: 17px;
}
.portlets .shortcut ul{
	margin: 8px 0px;
	padding: 0;
}
.portlets .shortcut ul li{
	margin: 0 0 0 18px;
	padding: 0 0 2px 0;
}

/**/
/* This portlet is using the same markup as the shortcuts portlet, only use the rss class for the rss portlet */
.portlets .rss ul{
	margin: 8px 0px;
	padding: 0;
}
.portlets .rss ul li{
	list-style: none;
	margin: 0px;
	padding: 0 0 4px 2px;
}
.portlets .rss ul li a{
	background: transparent url(/DynamicContent/Resources/Images/Furniture/rss.gif) 0px 2px no-repeat;
	padding: 0 0 0 18px;
}
/**/
.portlets .onlineShortcuts{
	margin-bottom: 8px;
	padding: 0;
	border-style: solid;
    border-width: 1px;
}
.portlets .onlineShortcuts h3{
	margin: -1px -1px 0px;
}
.portlets .onlineShortcuts ul{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	margin: 0px;
	padding: 4px 0px 4px 4px;
}
.portlets .onlineShortcuts ul.itemN{
	border-bottom: none;
}
.portlets .onlineShortcuts ul li{
	margin: 0;
	padding: 2px 2px 2px 8px;
	display: block;
	list-style-image: none;
	list-style-type: none;
	background-position: 0em 0.5em;
	background-repeat: no-repeat;
}

/**/
.portlets .marketingImageOverlay{
	overflow:hidden;
	padding:0px;
}
.marketingImageOverlay .marketingImg{
	background-position:top left;
	background-repeat:no-repeat;
}
.marketingImageOverlay .overlayText{
	position:absolute;
	z-index:9998;
}
.marketingImageOverlay .marketingImg .calltoaction{
	display:block;
	height:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	width:100%;
	z-index:9999;
}
.marketingImageOverlay .calltoaction li{
	display:block;
	height:100%;
	margin:0px;
	padding:0px;
}
.marketingImageOverlay .calltoaction a{
	background-image:url(/DynamicContent/Resources/Images/spacer.gif);/*To Fix IE6&7*/
	display:block;
	height:100%;
	text-indent:-9999px;
}
/**/
.portlets .banners{
	border: none;
	padding: 0px;
}
/**/
/*****************************
		FORMLET
*****************************/
div.formlet form,
.md div.infoFormlet{
	padding: 10px 5px 12px 5px;
}
div.formlet .formSection input{
	font-size: 11px;
}
div.formlet .formSection label {
	font-weight: bold;		
}
div.formlet div#WeCallYou{
	padding: 10px 0;
}
div.formlet div.content{
	margin: 5px 0;
}
div.formlet div.infoFormlet ul{
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}
div.formlet div.infoFormlet ul li label{
	display: inline-block;
	font-weight: normal;
	width: 75px; 
}
div.formlet div.infoFormlet div.content h4,
div.formlet div.infoFormlet div.content p,
div.formlet div.infoFormlet div.content ul li{
	margin: 3px 0 0 0;
	padding: 0;
}
div.formlet div.collapsible{
	display: none;
}
div.formlet div.actionFooter{
	margin: 10px 0 0 0;
	padding: 0;
}
div.actionFooter div.input,
div.actionFooter div.formCancel{
	display: inline;
	margin: 0 10px 0 0;
}
div.formlet div.formInstruction{
	margin: 0;
}
div.formlet div.oneColRow {
	margin: 0 0 10px 0;
}
div.formError{
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 12px 0;
	padding: 5px;
}
div.formError p.fieldText{
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	padding: 3px 0 1px 26px;
}
/*****************************
		INFO PORTLET
*****************************/
.portlets div.infoPortlet h3{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0 0 10px 0;
}
div.infoPortlet ul,
.portlets div.securityPortlet ul{
	clear: both;
	border: none;
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}
div.infoPortlet ul li label{
	display: inline-block;
	font-weight: normal;
	width: 75px; 
}
.portlets div.infoPortlet h4,
div.infoPortlet div.content p,
div.infoPortlet div.content ul li{
	background: none;
	margin: 3px 0 0 0;
	padding: 0;
}
.portlets div.securityPortlet img{
	float: left;
	margin: 0 10px 20px 0;
}
.portlets div.securityPortlet p{
	clear: none;
}
/* Custom css for formlets */
/**/
/*SearchBug*/
/*
Search Bug
*/
form.searchbug {
    border-width: 1px;
    border-style: solid;
    padding:8px;
    margin: 8px 0;
}
form.searchbug label {
    display: block;
    padding-bottom: 4px;
    font-weight: bold;
}
form.searchbug .input{
    width:176px;
}
form.searchbug .input input{
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: block;
    padding-left: 15px;
    width: 155px;
}
/*searchbugWSubmit - added for accessibility*/
form.searchbugWSubmit .input{
    float: left;
}
form.searchbugWSubmit .input input{
    padding-top: 2px;
    padding-bottom: 2px;
}
form.searchbugWSubmit .submit{
    float: right;
}
form.searchbugWSubmit:after{
    content: '';
    display: block;
    clear: both;
}
/*Custom Search Bug CSS*/
/*portletAtmBranchLocatorCustom*/
.locatorportlet .entry{
	float: left;
    margin: 4px 0px;
	position: relative;/*IE6*/
	width: 190px;
}
form.locatorportlet .input{
    float: left;
    margin-right: 4px;
	position: relative;/*IE6*/
    width: 128px;
}
.md form.locatorportlet input.blur{
    color: #B3B3B3;
}
form.locatorportlet input.submit {
    padding: 0;
	position: relative;/*IE6*/
    float: left;
}
form.locatorportlet .control{
    display: block;
    margin: 3px 0 4px 0;
    padding-top: 2px;
    clear: both;
}

/*portletAtmBranchLocatorCustom*/



	/*************
General
**************/
/*Form highlight - form with a background color and padding*/
div.transactionSearch{
	clear: both;
	float: left;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    height: 1%;
    position: relative;
}
/*general*/
.sfHead{
	clear: both;
	margin: 0px 0px 7px;
}
.sf a img{/*fix calendar icon alignment*/
	display: inline;
	vertical-align: top;
}
.sf h2{/*conf screen mostly*/
	font-size: 13px;
	display: block;
	margin: 0px;
	padding: 3px 0px;
}
.sf h3{/*section headers*/
	display: block;
	margin: 0px;
	padding: 2px 4px;
}
.sf .sfData{/*section containers*/
	text-align: left;
	margin: 0;
	padding: 5px 0 0;
}
.sf s,
.required label s,
.requirederror label s{/*asterisk*/
	color: #f00;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.javascript .sf .icon{
	padding-left: 0;
}
.in textarea{/*textfield in right column*/
	width: 225px;
	height: 100px;
}
.md .hint,
.md .sfGroupHint{/*hint text*/
	display: block;
	clear: both;
	font-size: 11px;
}
.md .longHint {
	width: 340px;
}
.md .hint p,
.md .sfGroupHint p{
	margin:0 0 4px 0;
}
.md .sfGroupHint{/*group hint text*/
	padding:0 0 0 5px;
	margin:0 0 5px;
}
.sfHead,
.firstSect,
.editSect,
.lastSect,/*form only*/
#sect-button,/*form and confirmation*/
.firstStep,
.dataStep,
.lastStep{/*confirmation only*/
	width: 598px;
}
.confirmStep{/*because of the border*/
	width: 596px;
}
.Forms1024x768 .sfHead,
.Forms1024x768 .firstSect,
.Forms1024x768 .editSect,
.Forms1024x768 .lastSect,
.Forms1024x768 #sect-button,
.Forms1024x768 .firstStep,
.Forms1024x768 .dataStep,
.Forms1024x768 .lastStep{ /*overwrite for 1024 form layout*/
	width: 520px;
}
.Forms1024x768 .confirmStep{
	width: 518px;
}
.Online .sfHead,
.Online .firstSect,
.Online .editSect,
.Online .lastSect,/*form only*/
.Online #sect-button,/*form and confirmation*/
.Online .firstStep,
.Online .dataStep,
.Online .lastStep{/*confirmation*/
	width: 520px;
}
.Online .confirmStep{/*because of the border*/
	width: 518px;
}
input#refresh{
	display: none;
}
.r .repeatBreak hr{
	border: none;
	width: 80%;
	height: 1px;
	text-align: center;
}
.sf table.signature{
	width: 100%;
	padding: 0;
	margin: 50px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 1em;
}
.sf table.signature td{
	background: transparent;
}
.md label, .md .label{
	font-weight: bold;
}
.md fieldset{/*(Transfer Funds)*/
	border: none;
	clear: both;
	padding: 0;
	margin: 0;
}
div.cntxthelp{
	display: block;
	margin-bottom: 4px;
}
div.control{
	display: block;
	margin: 0px 0px 12px 0px;
}
input.checkbox{
	position: relative;
	top: 2px;
	width: 13px;
	height: 13px;
}
/*inside table remove the top*/
.summarydata input.checkbox{
	margin: 2px 0 2px 4px;
	top: 0px;
}
/*************
Required message
*************/
.note{
	padding: 0 0 15px 0;
}
div.reqNote,
p.reqNote{
	padding: 0;
	margin: 5px 0;
	position: relative;
	color: #f00;
}
/******************
Confirmation Screen
******************/
.sf h3 .edit, .sf h2 .edit{
	float: right;
	margin: 0;
	border: 0;
	background: transparent;
	text-decoration: underline;
	padding: 0;
	display: inline;
	font-weight: bold;
	cursor: pointer;
}
form.sf .confirmStep{
	border-style: none solid solid;
	border-width: 0px 1px 1px;
	margin: 0 0 10px;
	display: block;
}
/**********
Buttons
***********/
div.buttons,
div.submit,
div.confButtons{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	clear: both;
	height: 1%;
	margin: 0px;
	overflow: hidden;
	padding: 5px 0px 10px 165px;
	position: relative;
	width: 100%;
}
.javascript .submitAuto{ /*Hide buttons on forms submitted by JS*/
	display: none;
}
/* ATM/Branch Locator portlet submit button */
.locatorportlet .submit{
	padding: 5px 0px 10px 0px;
}
/* MDSB Pending Transactions / Transaction Manager submit button */
.transactionApprovals .submit {
    float: right;
    width: auto;
}

.transactionManager h2 {
	font-weight: bold;
	font-size: 14px;
}

.sf div.buttons,
.sf div.submit,
.sf div.confButtons{
	padding: 5px 0px 10px 170px;
}
/*actions form, primary, secondary*/
div.submit .actionsAligned{/*always used by itself*/
	float: left;
	/*padding-left: 165px; remove comments after we update ALL submit buttons into this paradigm*/
}
div.submit .actionsPrimary{/*used in conjunction with actionScondary*/
	float: right;
}
div.submit .actionsSecondary{/*used in conjunction with actionPrimary*/
	float: left;
}
div.buttons .sfHalo,
div.confButtons .sfHalo{
	padding: 5px 3px;
}
div.control,
div.instructions,
div.conclusion{
	display: block;
	clear: both;
	padding: 0;
}
input#Continue,
input.continue{
	font-weight: bold;
}
/**********
Alerts
***********/
form.sf .r .buttons .alert {
	padding: 3px;
	position: relative;
}
/*****************
Usability buttons
*****************/
.md div.formActions{
	border-style: solid;
	border-width: 1px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	clear: both;
	float: none;
	text-align: left;
	overflow: hidden;
	width: 100%;
}
div.formActions ul{
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
.formActions ul li{
	display: inline;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
}
.formActions ul li input{
	line-height: normal;
    overflow: visible;
    padding: 0 6px;
	vertical-align: middle;
}
.formActions ul li.formCancel,
.formActions ul li.formEdit{
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 0 15px;
}
.formActions ul li.opposed{
	float: right;
	padding-top: 3px;
}
.formActions p{
	padding: 5px 10px 0 10px;
}
/*****
I Agree <label class="acceptanceToggle"><checkbox> text</label>
******/
.md label.acceptanceToggle {
	width: auto;
	font-weight: normal;
}
/**
inlineFilter
div.inlineFilter
	[div.required]?
		[label]
		[div.input]
			[select]
	[div.submit]?
		[input.btn type='submit' || button.btn]
***/
.md .inlineFilter .required,
.md .inlineFilter label,
.md .inlineFilter .input,
.md .inlineFilter select,
.md .inlineFilter .submit,
.md .inlineFilter .btn{
	width: auto;
}
.md .inlineFilter label,
.md .inlineFilter select,
.md .inlineFilter input.btn{
	margin-right: 5px;
}
/* Wicket E-Transfer memo field label */
.md form.certapaySendTransfer div.required div.input span.hint {
  max-width:325px;
}

/* E-Transfer Add/Edit contact Legacy UI */
.md form.certapayAddContact.certapayAddContactStep1 div.required div.input span.hint,
.md form.certapayUpdateContact.certapayUpdateContactStep1 div.required div.input span.hint {
    max-width: 325px;
}

.md .address {
	margin-right: 10px;
}

/* memo input field */
.md textarea.formComment {
	width: 330px;
	resize: vertical;
}
/*Inside Online Baking cores call help nav topic. Since it's so different for LBC I renamed it util*/
ul.util{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: -25px;
}
.Login div.cntxthelp{/*on login this div is not in an li*/
	position: absolute;
	top: -25px;
	right: 0;
}
ul.util li,
div.cntxthelp{
	display: block;
	float: left;
	height: 18px;
	margin: 0;
	padding: 0;
	width: 19px;
}
ul.util li.link0{
	margin-right: 12px;
}
ul.util li a,
div.cntxthelp a,
a#PrintPageLink{
	background: transparent url('/DynamicContent/Resources/Images/Furniture/help_print.png') no-repeat 0 -18px;
	display: block;
	height: 18px;
	outline: none;
	text-indent: -9999px;
	width: 19px;
}
ul.util li.link0 a,
a#PrintPageLink{
	background-position: 0 0;
}
.formRequiredNote a#PrintPageLink{
	float: right;
	line-height: 100px;
	overflow: hidden;
}
/*labels*/
.md label, .md .label{
	font-weight: normal;
	font-size: 14px;
}
/**checkboxes and radios**/
.md .inputOptionGroup .option label,
.formSection div.entry div.inputOption{
	font-size: 12px;
}
/*inputs*/
input.checkbox{
	top: 0;
}
.md input.currency{
	text-align: right;
}
.md input.currency,
.md input.date{
	width: 84px;
}
/*extra padding on some form actions*/
.mdlogon div.formActions{
	padding-left: 182px;
	width: auto;
}
/*buttons*/
.md div.formActions{
	padding: 7px 0 16px 0;
	border: none;
	background-color: transparent;
	width: auto;
}
div.formActions ul{
	padding: 0;/*padding bottom for drop shadow*/
	height: 30px;
}
.md .formActions ul li,
.md .formActions ul li.formCancel,
.md .formActions ul li.formPrevious,
.md .formActions ul li.formSave{
	background: none;
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
}
div.buttons input[type=submit], 
div.submit input[type=submit], 
div.confButtons input[type=submit],
.md .formActions ul li input,
input#Continue,
input.continue,
.md .formActions a.formCancel {
	background: #1e729e url('/DynamicContent/Resources/Images/Furniture/continue_btn.png') no-repeat 0 0;
	border: none;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	line-height: 1em;
	padding: 8px 10px 7px 26px;
	margin: 0;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.6);
	overflow: visible;
}

.md .formActions a.formCancel {
    display: flex;
    text-decoration: none;
    line-height: 15px;
}

input#getAccountActivity{
	background: #1e729e url('/DynamicContent/Resources/Images/Furniture/search_btn.png') no-repeat 0 0;
}
li.formPrevious a,
li.formCancel a,
li.formEdit a,
li.formSave a{
	background: #f7f7f7 url('/DynamicContent/Resources/Images/Furniture/x_btn.png') no-repeat 0 -1px;
	border: 1px solid #e0e0e0;
	display: block;
	float: left;
	color: #424242;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 16px 6px 30px;
	box-shadow: 1px 1px 1px 1px rgba(216, 229, 238, 1);
}
li.formPrevious a,
li.formEdit a,
li.formSave a{
	background-image: url('/DynamicContent/Resources/Images/Furniture/arrow_grey_back_btn.png');	
}
div.buttons,
div.submit,
div.confButtons{
	padding: 5px 0px 10px 182px;
	width: auto;
}
.md .submit .rightAlignButton{
	float: left;
}
/*form action to align on a per form basis*/
.RenameAnAccount div.formActions,
.RecurringBill div.formActions,
.BillPayeeAdd div.formActions,
.TransferAdd div.formActions,
.ProfilePACChange div.formActions,
.logonStep1  div.formActions,
.lBCTransferAdd div.formActions{
	padding-left: 182px;
}
/**/
.md div.formSectionHighlight:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.md div.formSectionHighlight{
	background: #f4f5f7;
	border-top: 1px solid #b4b6b5;
	border-bottom: 1px solid #b4b6b5;
	display: block;
	clear: both;
	padding: 14px 12px 4px;
	margin: 0 -12px 16px;
}
.md .hint,
.md .sfGroupHint{
	padding-top: 4px;
	font-size: 11px;
}
.md table .hint{
	margin-bottom: -5px;
}
/*this is online as well because of the order of things*/
div.instructions{
	font-size: 14px;
}
div.control, 
div.instructions,
div.conclusion{
	padding: 0 0 16px 0;
}

/*Elements Custom to LBC*/
.md .lbcConfirm p{
	background: #e7f2f6;
	color: #003366;
	font-weight: bold;
	margin: -6px -12px 10px;
	padding: 12px;
}
.md p.LBCFormNotes{/*example on transfers*/
	font-size: 12px;
	font-style: italic;
}
.md p.LBCFormNotes .blcText{
	font-style: normal;
}
.md .lBCTransferAdd p.LBCFormNotes{
	padding-left: 182px;
}
.receipt p.LBCFormNotes{
	padding-left: 59px;
}
.md .lBCTransferAdd span.highlight{
	color: #C30801;
}
/*************
row in SF
*************/
/*added relative on these 2 items because of NS7 didn't support it on labels then removed 
it because couldn't find a way to bring the calendar to the front when above fields*/
/*.r, .d{position: relative;}*/
.md .r{/*width: 598px;*/
	padding: 0 5px 8px 5px;
	display: block;
	clear: both;
	width: 588px;
}
.md .r , .md .r{
	\width: 598px;
	w\idth: 588px;
}
.md .confCol .r , .md .confCol .r{/*confirmation 1px border*/
	\width: 596px;
	w\idth: 586px;
}
.Online .md .r , 
.Online .md .r{/*standard form in online banking*/
	\width: 520px;
	w\idth: 510px;
} 
.Online .md .confCol .r , 
.Online .md .confCol .r{/*confirmation 1px border*/
	\width: 518px;
	w\idth: 508px;
}
.r br{
	clear: both;
	font-size:1px;
	line-height: 1px;
	margin-bottom: -1px;
}
/*left column*/
.r label, .r .label{
	width: 160px;
	float: left;
	padding: 1px 5px 0px 0px;
	text-align: right;
	cursor: pointer;
}
.confCol .r label, 
.confCol .r .label{
	padding: 0px 5px 0px 0px;
}
.r label, .r .label{
	\width: 165px;
	w\idth: 160px;
}
.r span.in, 
.r span.conf{/*right column (either inputs of text for confirmation)*/
	display: block;
	float: left;
	width: 423px;
}
.r span.conf{/*right column (either inputs of text for confirmation)*/
	width: 421px;
}
.Online .r span.in, 
.Online .r span.conf{/*standard form in online banking*/
	width: 345px;
}
.Online .r span.conf{
	width: 343px;
}
.r .onlyLbl span.conf,
.r .onlyLbl span.in,
.Online .r .onlyLbl span.in,
.Online .r .onlyLbl span.conf{/*added for consent test on confirmation screen*/
	width: auto;
}
.r .in label{/*when label in right col it needs the full width... -4 pixel because of the error border and padding on .ctr*/
	display: block;
	clear: both;
	width: auto;/*width:auto which is a bug in ie6 so remove float*/
	float: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	position: relative; /*to fix IE repeating character bug in Corporatesponsorship/Apply*/
}

.fullWidthInput input#type_mdi,
.fullWidthInput input#type_mdsb,
.fullWidthInput input#type_next_login,
.fullWidthInput input#type_more_info {
    float: left;
    margin-right: 7px;
    margin-top: 1px;
    margin-bottom: 10px;
}

.r .il label{/*except when we want to display them inline*/
	width: auto;
	float: left;
	display: inline;
	clear: none;
	padding-right: 2px;
	white-space: no-wrap;
}
.r .onlyLbl .noLabel{/*just text*/
	padding: 0;
}
.r .fullWidthInput span.in,
.r .fullWidthInput span.conf {/*switch radio buttons for small bus - not std*/
	width: auto;
    float: none;
}
/*******
Row 2 col
********/
/*2column example loan app step 3*/
.r .d{
	float: left;
	width: 294px;
}
.r .d label, .r .d .label{
	width: 140px;
	float: left;
	text-align: right;
}
.r .d label, .r .d .label{
	\width: 144px;
	w\idth: 140px;
}
.r .d span.in{
	width: 140px;
}
/*******
Row 3 col
********/
.col3 .r .d{
	float: left;
	width: 196px;
}
.col3 .r .d label, .col3 .r .d .label{
	width: 191px;
	float: left;
	text-align: left;
}
.col3 .r .d label, .col3 .r .d .label{
	\width: 196px;
	w\idth: 191px;
}
.col3 .r .d span.in{
	display: block;
	clear: both;
	float: none;
	width: 191px;
}
/*************
error handling in sf rows
*************/
.fielderror i{
	float: left;
	width: 15px;
	margin-top: 2px;
}
.errBorder .ctr{
	display:block;
	float:left;
	border-width: 1px;
	border-style: solid;
	padding:1px;
}
/**/
/***********
Row in MD
************/
/********************
div.details (optional and can contain zero or more ofthe following)
	div[.entry | .entryInline | .required | .error | .requirederror | div.string(*) | optiongroup(added for rtp)]
		label | .label
		div.input
*********************/
div.required,
div.requirederror,
div.string,
div.entry{
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: none;
	display: block;
	clear: both;
	float: left;
	width: 100%;
}
/* MII-67 date field: zero padding-bottom */
div.searchDateField div.entry{
	margin-bottom: 0;
	padding-bottom: 0px; !important;
	border-bottom: none;
	display: block;
	clear: both;
	float: left;
	width: 100%;
}
/* MII-67 date field: underlying hint*/
p.dateFormatHint {
	margin-left: 165px;
}


div.entryInline{
	padding: 5px 0;
}
div.entryInline_snug{
	padding: 0;
}
/*paybills pay from account variation*/
.summarygroup div.required,
.summarygroup div.requirederror{
	padding: 3px 2px;
}
.summarygroup .required .input,
.summarygroup .requirederror .input{
	width: auto;
}
/*end - paybills pay from account variation*/
/*inside tables div don't have width*/
.summarydata div.required, 
.summarydata div.requirederror, 
.summarydata div.string,
.summarydata div.entry{
	padding: 0;
}
/*required is sometimes inside .entry so to avoid the duplicates*/
.entry div.required{
	margin: 0;
	padding: 0;
}
.required label,
.required .label,
.string label,
.string .label, 
.entry label,
.entry .label{
	width: 140px;
	float: left;
	padding: 1px 5px 0px 0px;
}
.searchDateField div.entryError label{
	background-image: url(/DynamicContent/Resources/Images/Furniture/errors.gif);
	background-repeat:no-repeat;
	background-position: right;
}
.searchDateField .md form label,.md form label{
	color:#131111
}
.md .confirmCheckBoxText{
	padding-left: 12px;
	width: 90%;
}
.entryInline label{
	width: auto;
}
label.memoText{
	font-size: 11px;
	margin-left: 8px;
	margin-top: -6px;
}
/*Stacked label ontop of field*/
.fieldsetBlock label{
	display: block;
	float: none;
	padding-bottom: 5px;
	width: auto;
}
.range label{
	display: inline;
	width: auto;
    float: left;
    height: 1%;
	padding: 3px 5px 0 8px;
}
.required .input, 
.requirederror .input, 
div.string .input, 
.entry .input, 
div.string span.value{
	display: block;
	float: left;
	width: auto;
}
.entryInline .input{
	width: auto;
}
/*inputs are not as wide when inside a form group*/
.formGroup .required .input, 
.formGroup .requirederror .input, 
.formGroup .string .input, 
.formGroup .entry .input, 
.formGroup .string span.value{
	width: 345px;
}
.required span.value,
.entry span.value{
	display: block;
    float: left;
    width: 345px;
}
/*remove this once IE6 is not supported*/
*html .formGroup .required .input, 
*html .formGroup .requirederror .input, 
*html .formGroup .string .input, 
*html .formGroup .entry .input, 
*html .formGroup .string span.value{
	display: inline;
	float: none;
}
/*full width inputs are not as wide when inside a form group*/
.formGroup .fieldsetFullWidth .input{
	width: 100%;
}
/*ensuring modals don't have unnecessary bottom margin*/
.modalContent .formGroup:last-child{
	margin-bottom: 0px;
}

/*Stacked label ontop of field*/
.fieldsetBlock .input{
	float: none;
	width: auto;
}
.range .inputRangeStart,
.range .inputRangeEnd{
	float: left;
	padding-right: 20px;
}
.optiongroup .range .inputRangeStart,
.optiongroup .range .inputRangeEnd{
	padding-top: 2px;
	position: relative;
}
.range .inputRangeInput{
	float: left;
}
/*full width inputs*/
.formGroup .fieldsetFullWidth select{
	width: 100%;
}
/*inside tables don't have width*/
.summarydata .required .input, 
.summarydata .requirederror .input, 
.summarydata .string .input, 
.summarydata .entry .input, 
.summarydata .string span.value,
.formData .required .input, 
.formData .requirederror .input, 
.formData .string .input, 
.formData .entry .input, 
.formData .string span.value{
	float: none;
	width: auto;
}
.summarydata th label, 
.summarydata td label{
	float: none;
	width: auto;
	padding: 0
}
div.sec input.checkbox{
	border: none;
	width: 13px;
	height: 13px;
	margin:0;
}
input.monetary{
	width: 70px;
}
input.desc{
	width: 200px;
}
input.descLarge{
	width: 260px;
}
.formHighlight .fieldsetFullWidth input,
.formHighlight .fieldsetFullWidth select{
	width: 100%;
}
.required div.qualify{/*Account Activity request Extra field, qualifier for account activity*/
	padding-left: 165px;
	padding-top: 6px;
	diaply: block;
	clear: both;
}
.required .qualify .input{
	float: none;
}
/*radio buttons*/
div.input .option{
	clear: both;
	position: relative;
	vertical-align: top;
}
div.input .option input[type="radio"],
div.input .option input[type="checkbox"]{
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	width: 13px;
	height: 13px;
}
.input .option .label, 
.input .option label{
	display: inline;
	font-weight: normal;
	text-align: left;
	width: 329px;
	margin-left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.formGroup .input .option .label, 
.formGroup .input .option label{
	width: auto;
	word-wrap: break-word;
}
.formData .input .option .label, 
.formData .input .option label{
	width: auto;
}
/*********
 * Radio button labels - example: MDSB
 * ******/
div.required .fullWidthInput label{
	width: 100%;
	font-weight: normal;
}

/*********
Optiongroups - example: RTP
**********/
.md .optiongroup{
	border-bottom: none;
	clear: both;
	display: block;
	margin-bottom: 0;
	overflow: hidden;
	width: 100%;
}
/*left col*/
.optiongroup .label{
	width: 148px;
	float: left;
	padding: 0px 5px 0px 0px;
}
.optiongroup .label{
	\width: 148px;
	w\idth: 143px;
}
/*right col*/
.optiongroup .options{
	display: block;
	float: left;
	width: 355px;
}
.optiongroup .option{
	display: block;
	clear: both;
	float: left;
	padding-left: 17px;
	margin-bottom: 5px;
	width: 100%;
}
.optiongroup .optionlabel{
	clear: both;
	display: block;
	width: 100%;
}
#EMTReceiveActions .optionlabel{
	padding-bottom: 5px;
}
.optiongroup .optionlabel label{
	display: inline;
	float: left;
	padding: 3px 3px 0 0;
	width: auto;
}
.optiongroup .optionlabel span.input{
	display: block;
	float: left;
}
.optiongroup .optionlabel input.checkbox{
	float: none;
	margin: 0 4px 0 0;
	padding: 0;
	width: 14px;
	height: 14px;
	position:static;
}
.optiongroup .option .control{
	clear: both;
	display: block;
	float: left;
	width: auto;
}
.optiongroup .option .control label{
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
	display: inline;
}
#EMTReceiveActions .option .control label{
	display: block;
}
.optiongroup .hint{
    padding-left: 17px;
}
.optiongroup .range .hint{
    padding-left: 0;
}
.optiongroup .errored {
    background-position: 0 3px;
    background-repeat: no-repeat;
}
.optiongroup .recurring .errored{
	margin: 0 0 0 -9px;
	padding: 0 0 0 17px;
}
html>body .optiongroup .recurring .errored{
	margin: 0 0 0 -17px;
}
#EMTReceiveActions .errored {
    background-position: 0 0;
}
#EMTReceiveActions .option .required,
#EMTReceiveActions .option .requirederror{
	width: 338px;
}
#EMTReceiveActions .errored .requirederror label{
	background-image: none;
}
/*end - Optiongroups
/*checkbox input option eg. VC edit future transfers */
.inputOptionGroup .option label{
	padding-left: 17px;
	position: relative;
}
.inputOptionGroup .option input.checkbox{
	left: 0;
	margin-right: 4px;
	position: absolute;
}
/****************
Inline forms Not inline element
ex. account statement drill down
*****************/
div.il,
div.il label,
div.il .input{
	clear: none;
	display: inline;
	padding: 0px;
    margin: 0px;
	width: auto;
	float:none;
	font-weight:normal;
}
div.il label,
div.il .input{
	margin: 0px 4px 10px 0px;
}
/***********
Error handling for md forms
***********/
.requirederror label, .requirederror .label{
	background-repeat: no-repeat;
	background-position: 4px 0px;
	width: 137px;
	float: left;
	padding: 0px 5px 0px 23px;
}
.requirederror label, .requirederror .label{
	\width: 165px;
	w\idth: 137px;
}
.entryInline label,/*not enough hooks so we have to specify it again*/
.entryInline .label{
	width: auto;
}
.requirederror .input label,
.requirederror .input .label{
	background-image:none !important;
}
.requirederror .input .inputOptionGroup .option label{
	background-image: none;
}


.required label,
.required .label,
.string label,
.string .label, 
.entry label,
.entry .label{
	width: 174px;
	padding: 1px 8px 0 0px;
}
div.required,
div.requirederror,
div.string,
div.entry{
	padding-bottom: 14px;
}
.entryInline label, .entryInline .label {
    width: auto;
}
/*account activity specific*/
.searchActivityForm .entryInline label{
    width: 174px;
}
.range .inputRangeStart, 
.range .inputRangeEnd{
	padding-right: 30px;
}
.searchActivityForm .range label{
	display: inline;
	width: auto;
   float: left;
   height: 1%;
	padding: 1px 8px 0 8px;
}
/*example pay bills*/
.md .inputOptionGroup{
	padding-top: 5px;
	display: block;
	clear: both;
}
/*errors*/
.requirederror .input input[type="text"], 
.requirederror .input input[type="password"], 
.requirederror .input textarea,
.requirederror .input select{
	border: 1px solid #c30801;
}
.requirederror label, .requirederror .label{
	color: #c30801;
	background-position: 0 0;
	width: 149px;
	padding: 0px 8px 3px 25px;
}
.requirederror label, .requirederror .label{
	\width: 179px;
	w\idth: 149px;
}
.requirederror .inputOptionGroup  label{
	color: #474747;
}
.optiongroup .errored{
	background-position: 2px 6px;
}
/*required is sometimes inside .entry so to avoid the duplicates*/
.entry div.required,
.entry div.requirederror{
	margin: 0;
	padding: 0;
}
/*example recurring transfers transfers*/
.md .LBCFormHighlight{
	background-color: #F7F7F7;
   border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	margin: 0 -12px 16px;
	padding: 13px 12px 0;
}
.optiongroup div.label{
	width: 174px;
	border: none;
	float: left;
	margin: 0;
	padding: 2px 8px 0 0;
	line-height: 24px;
	color: #003366;
}
.optiongroup .options{
	width: 538px;
	float: left;
}
.optiongroup .option{
	margin-bottom: 14px;
   padding-left: 0;
	width: auto;
}
.optiongroup .option label{
	float: left;
	font-size: 12px;
	padding: 2px 8px 0 0;
	line-height: 24px;
	width: auto;
	color: #474747
}
.optiongroup .option .datepicker_wrap{
	position: relative;
	float: left;
	padding-right: 30px;
	margin-right: 6px;
}
.optiongroup .option .datepicker_wrap button.datepicker_trigger{
	position: absolute;
	right: 0;
	top: 0;
}
.optiongroup .option .range{
	padding-left: 23px;
	padding-bottom: 0;
	width: 505px;
}
.optiongroup div.requirederror{
	padding-left: 25px;
	width: 149px;
	color: #C30801;
	background: transparent url("/DynamicContent/Resources/Images/Furniture/errors_small.png") no-repeat 0 6px;
}
.optiongroup .errored{
	background: none;
}
.optiongroup .errored label{
	color: #C30801;
}
.optiongroup .errored input[type=text],
.optiongroup .errored select{
	border-color: #C30801;
}
/*frequency items show/hide*/
.optiongroup .option .control{
	padding-top: 14px;
	padding-bottom: 0;
}
.optiongroup .option .control label{
	float: left;
	line-height: 24px;
	margin: 0 8px 0 0;
}
.optiongroup .optionlabel input.checkbox{
	position: relative;
}
/**
custom to LBC example extra charge on transfer from visa
**/
.md .requiredNoLabel{
	padding: 0 0 12px;/*12 instead of 14 to add to px to label below for error icon*/
}
.requiredNoLabel .input{
	margin-left: 182px;
}
.requirederrorNoLabel .input{
	margin-left: 157px;
	padding-left: 25px;
	background: transparent url("/DynamicContent/Resources/Images/Furniture/errors_small.png") no-repeat 0 0;
}
.requirederrorNoLabel .input .option label{
	color: #C30801;
}
.lBCTransferAdd .requiredNoLabel .option label{
	font-style: italic;
	font-size: 12px;
	padding-bottom: 2px;
}
.lBCTransferAdd .requiredNoLabel span{
	color: #C30801;
}
/*for all not just on transfers*/
.input .option .label, 
.input .option label{
	width: 500px;
	padding: 1px 8px 0 23px;
}
/*when outside the label*/
.input .option input.checkbox{
	margin-right: -23px;
}
/*when inside*/
.input .option label input.checkbox,
.input .option label input[type=checkbox]{
	position: absolute;
	left: 0;
	margin: 0;
}
/*********************
Receipt
*********************/
.md .receipts{
	clear: both;
	display: block;
	float: left;
}
/*receipt header*/
.receipts .receiptHeader{
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 506px;
}
.receiptHeader .column{
	margin: 0px;
}
.receiptHeader .twoColRow .column{
	float: left;
	width: 50%;
}
.receiptHeader label{
	float: left;
	padding-right: 10px;
}
.receiptHeader .value{
	padding-right: 10px;
}
/*receipt*/
.receipts .receipt{
	background-position: 20px 10px;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	float: left;
	margin-bottom: 0px;
	padding: 10px 10px 0;
	width: 496px;
}
.receipts .receiptN{
	border-bottom-width: 1px;
	margin-bottom: 12px;
}
.receipt dl{ 
	clear: left;
	float: left; /*floating because the dt is floating*/
	margin: 0;
	padding: 0 0 0 45px;
	padding-bottom: 10px;
	width: 400px;
}
.receipt dt,
.receipt dd{
	margin: 0 0 3px 0;
}
.receipt dt{
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 5px;
	width: 175px;
}
.receipt dd{
	float: left;
	width: 220px;
	word-wrap: break-word;
    overflow-wrap: break-word;
}
.receipt dd.status{
    position: relative; /* needed for MDSB PST calculationHint (see below)*/
}
/* added for MDSB receipt embedded hr */
.md div.receipt div.hr{
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 0 10px 8px 45px;
}
/*MDSB relative positioned hint*/
.receipt dd.status .calculationHint {
    display: block;
    left: 120px;
    top: 0;
    position: absolute;
    width: 100px;
}
.receiptFail dd.status{
	font-weight: bold;
}
.receipt p{
	clear: both;
	padding-left: 45px;
}
.receipt p.note{
	clear: left;
	padding: 10px 5px;
}
.receipt p.noteN{
	margin-bottom: 0px;
}

/*********************
Receipt
*********************/
/*receipt header*/
.receipts .receiptHeader{
	border: none;
	width: 100%;
	padding: 0 0 10px;
}
/*receipt*/
.receipts .receipt,
.receipts .receiptN{
	border: 2px solid #F3D300;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 16px 16px 10px 16px;
	margin-bottom: 16px;
	width: auto;
	display: block;
}
.receipts .receipt dl{
	display: block;
	width: auto;
	padding: 0 0 10px 59px
}
.receipt dt{
	width: 277px;
	font-weight: normal;
	font-size: 12px;
}
.receipt dd{
	width: 337px;
	word-wrap: break-word;
}
.receipt dd.status{
	font-weight: bold;
	color: #507b2b
}
.receiptFail dd.status{
	color: #c50d05
}
.receipt p{
	padding-left: 59px;
}
.receiptFail p{
	color: #c50d05;
	font-size: 12px;
}
.receipt p.note{
	clear: left;
	padding: 0 0 0 59px;
}

/*********************
Confirmations
*********************/
.md .confirmation{
	display: block;
	overflow: hidden;
	width: 100%;
}
.confirmation .confirmationHeader{
	display: block;
	overflow: hidden;
	width: 100%;
}
.confirmation .oneColRow{
	clear: both;
	display: block;
	overflow: hidden;
	padding-bottom: 10px;
	width: 100%;
}
.confirmation .column label {
	float: left;
	padding: 0 10px 0 0;
	width: 155px;
}
.confirmation .column .value {
	display: block;
	float: left;
	width: 350px;
	position: relative; /* needed for MDSB PST calculationHint (see below)*/
	word-wrap: break-word;
    overflow-wrap: break-word;
}
/*MDSB relative positioned hint*/
.confirmation .column .value .calculationHint {
    display: block;
    left: 120px;
    top: 0;
    position: absolute;
    width: 100px;
}
.confirmation .rowN{
    margin-bottom: 14px;
}
.confirmation .termAccountDetails .rowN{
    margin-bottom: 8px;
}
.confirmation .note {
	display: block;
	padding-right: 10px;
	width: 140px;
}
.confirmation p{
	clear: both;
}
/*pay bills confirmation*/
.confirmation tfoot th{
	font-weight: normal;
}
/*********************
Confirmations
*********************/
.md .confirmation{
	display: block;
	overflow: visible;
	width: auto;
	background-color: #F7F7F7;
   border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	margin: 0 -12px 16px;
	padding: 13px 12px 0;
}
.confirmation .oneColRow{
	padding-bottom: 14px;
}
.confirmation .column label{
	padding: 2px 8px 0 0;
	width: 174px;
}
.confirmation .column .value{
	width: 500px;
	word-wrap: break-word;
}
div.formPageConfirmation span{	
	line-height: 18px;
}

/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, #ui-datepicker-div, .datepicker_inline {
    font-size: 12px;
    padding: 0;
    margin: 0;
    width: 185px;
    cursor: default;
}
#datepicker_div,
#ui-datepicker-div {
    display: none;
    border-width: 1px;
    border-style: solid;
    z-index: 9999; /*must have*/
}
.datepicker_inline {
    float: left;
    display: block;
    border: 0;
}
.datepicker_rtl {
    direction: rtl;
}
.datepicker_dialog {
    padding: 5px !important;
    border-width: 4px !important;
    border-style:ridge !important;
}
.ui-datepicker-prev {
    float: left;
}
.ui-datepicker-next {
    float: right;
}
.ui-datepicker-title {
    clear: both;
}
.ui-datepicker-prev span, .ui-datepicker-next span{
    padding: 2px 5px;
}
button.ui-datepicker-close {
    float: right;
    border: none;
}
button.ui-datepicker-current {
    display: none;
}
button.datepicker_trigger,
button.ui-datepicker-trigger{
    background-color: transparent;
    border-style: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: absolute;
}
.md .datepicker_wrap{ 
    display: block; 
    padding-right: 20px;
}
.datepicker_centerButton .datepicker_wrap {
    display: block;
    position: relative;;
}
.datepicker_centerButton button.datepicker_trigger {
    bottom: 4px;
}
.optiongroup button.datepicker_trigger{/*currently rtp specific*/
	position: static;
}
.optiongroup .optionInline .range button.datepicker_trigger{
	position: absolute;
	right: 0;
	top: 2px;
}
img.datepicker_trigger {
    margin: 2px;
    vertical-align: middle;
}
.datepicker_prompt {
    float: left;
    padding: 2px;
}
* html .datepicker_prompt {
    width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker, .ui-datepicker-title, .ui-datepicker-calendar, .ui-datepicker-buttonpane, .ui-datepicker-header {
    clear: both;
    float: left;
    width: 100%;
}
.ui-datepicker-calendar{
    border-spacing: 0;
}
.ui-datepicker-calendar thead th{
    font-weight: normal;
}
.datepicker_control, .ui-datepicker-buttonpane {
    padding: 2px 0px;
}
.datepicker_links {
    padding: 2px 0px;
}
.datepicker_control, .datepicker_links, .ui-datepicker-buttonpane {
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
    padding: 2px 5px;
}
.datepicker_clear{
    display:none;
}
.datepicker_clear, .datepicker_prev {
    float: left;
    width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
    float: right;
    text-align: right;
}
.datepicker_current {
    display:none;
    float: left;
    width: 30%;
    text-align: center;
}
.datepicker_close, .datepicker_next {
    float: right;
    width: 34%;
    text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
    float: left;
    text-align: left;
}
.datepicker_header, .ui-datepicker-title {
    padding: 1px 0 3px;
    text-align: center;
    font-weight: bold;
    height: 1.3em;
}
.datepicker_header select, .ui-datepicker-title select {
    border: 0px;
    font-weight: bold;
    font-size:12px;
}
.datepicker, .ui-datepicker-calendar {
    text-align: center;
    font-size: 100%;
}
.datepicker a, .ui-datepicker-calendar a {
    display: block;
    width: 100%;
}
.datepicker_daysCell, .ui-datepicker-calendar tbody td{
    border-width: 1px;
    border-style: solid;
    padding:0px;
    cursor: pointer;
}
.datepicker_daysCell a, .ui-datepicker-calendar tbody td a{
    display: block;
}
.datepicker_daysCellOver {
    border-width: 1px;
    border-style: solid;
}
.datepicker_status {
    width: 100%;
    font-size: 80%;
    text-align: center;
}
/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a{
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
}
#ui-datepicker-div a {
    cursor: pointer;
    margin: 0;
    padding: 0;
}
#ui-datepicker-div a {
    text-decoration: none;
}
.datepicker_inline .datepicker_links a {
    padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a, .ui-datepicker-buttonpane button {
    padding: 2px 5px !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
    border-width: 1px;
    border-style: solid;
}
.datepicker_oneMonth {
    float: left;
    width: 185px;
}
.datepicker_newRow {
    clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

button.datepicker_trigger {
    width: 27px;
    height: 23px;
    z-index: 1;
    background: transparent url('/DynamicContent/Resources/Images/Forms/DatePicker/button.png') 5px 0 no-repeat;
}
button.datepicker_trigger img{
	display: none !important;
}
#datepicker_div, .datepicker_inline {
    width: 185px;
    padding: 2px;
}
.datepicker_oneMonth{
	width: auto;
}
.datepicker_header select{
	background: #ffffff;
	font-weight: normal;
	border: 1px solid #acadb1;
}
.datepicker_links{
	position: relative;
}
.datepicker_control{
	display: none;
}
table.datepicker{
	border-spacing: 2px;
}
table.datepicker thead td{
	font-weight: bold;
	padding: 4px;
}
.datepicker_daysCell{
	padding: 4px;
}
.datepicker tbody td{
	background-image: url('/DynamicContent/Resources/Images/Forms/calendarCellBg.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}
.datepicker tbody td.datepicker_unselectable,
.datepicker tbody td.datepicker_currentDay,
.datepicker tbody td.datepicker_daysCellOver{
	background-image: none;
}
.datepicker_status{
	display: block;
	clear: both;
}
.datepicker tbody td.datepicker_unselectable{
	cursor: default;
}
#datepicker_div .datepicker_links{
	height: 1px;
	padding: 0;
	position: relative;
}
#datepicker_div .datepicker_header{
	padding: 5px 0px 9px;
	background: #024668 url('/DynamicContent/Resources/Images/Forms/selectBg.gif') repeat-x 0 0;
	border: 1px solid #97c6d8;
	float: none;
	width: auto;
}
#datepicker_div .datepicker_close,
#datepicker_div .datepicker_close a{
	display: block;
	width: 14px;
	height: 13px;
}
#datepicker_div .datepicker_close a{
	background: transparent url('/DynamicContent/Resources/Images/Icons/close.png') no-repeat 0 0;
	overflow: hidden;
	padding: 0 !important;
	line-height: 50px;
}
#datepicker_div .datepicker_prev,
#datepicker_div .datepicker_next{
	position: absolute;
	top: 10px;
	left: 6px;
}
#datepicker_div .datepicker_next{
	left: auto;
	right: 6px;
}
#datepicker_div .datepicker_prev,
#datepicker_div .datepicker_prev a,
#datepicker_div .datepicker_prev label,
#datepicker_div .datepicker_next,
#datepicker_div .datepicker_next a,
#datepicker_div .datepicker_next label{
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}
#datepicker_div .datepicker_prev a,
#datepicker_div .datepicker_prev label,
#datepicker_div .datepicker_next a,
#datepicker_div .datepicker_next label{
	background: transparent url('/DynamicContent/Resources/Images/Forms/calendarcontrol.png') no-repeat 0 0;
	line-height: 100px;
}
#datepicker_div .datepicker_prev a{
	background-position: 0 0;
}
#datepicker_div .datepicker_prev label{
	background-position: 0 -12px;
}
#datepicker_div .datepicker_next a{
	background-position: -12px 0;
}
#datepicker_div .datepicker_next label{
	background-position: -12px -12px;
}

/*added this for YUI Calendar*/
span.yui-skin-sam img{
	vertical-align: middle;
}

.yui-skin-sam .yui-calendar a.calnav {
    color: var(--bs-datepicker-month-year);
}
/*************
progress steps
*************/
.md .formProgress{
	border: none;
	padding: 0;
	width: auto;
}
.md .mainContent .formProgress{
	display: none;
}
.md .colContainer .formProgress{/*moved here using jQuery*/
	margin: -10px 0 10px 223px;
}
.md .colContainer .colTwoThree{
	margin: 0;
}
.md .formProgress ul{
	float: left;
}
.md .formProgress ul li{
	border: none;
	display: block;
	float: left;
	width: 42px;
	height: 26px;
	padding: 0;
	margin: 0 8px 0 0;
}
.md .formProgress ul li span{
	border: none;
	display: block;
	line-height: 26px;
	font-size: 16px;
	padding-left: 12px;
}
.md .formProgress ul li{
	background: transparent url('/DynamicContent/Resources/Images/Forms/steps.png') no-repeat 0 0;
	color: #ffffff;
}
.md .formProgress ul li.current{
	background-position: 0 -26px;
	color: #003366;
}


/**/
/**********
Error Messages in both forms
***********/
.sf .sfErrorBlock,
div.errors{
	border-width: 1px;
	border-style: solid;
	clear: both;
	margin: 7px 0px 15px;
	padding: 6px 6px 0px 6px;
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
.sfErrorBlock i{
	display: none;
}
.sf .sfErrorBlock label,
div.errors label{
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
}
span.sfErrorHeader, 
div.errors p{
	display: block;
	padding-left: 20px;
	margin-bottom: 1em;
	font-weight: bold;
}
.sfErrorBlock ol, 
div.errors ol{
	font-weight: normal;
	list-style-position: outside;/*ie7 needs this*/
	margin: 0;
	padding: 0 0 0 23px;
}
.sfErrorBlock ol li, 
div.errors ol li{
	margin-bottom: 3px;
	padding: 0 0 4px 0px;
}
div.errors ol li p{
	padding: 0;
	margin: 0;
	font-weight: normal;
}
/*errors inline*/
span.error{
	color: red;
	display: none;
}
span.error_stacked{
	clear: both;
	display: none;
}
.entryerror .error,
.requirederror .error{
	display: inline;
}
.entryerror .error_stacked,
.requirederror .error_stacked{
	display: block;
}
/**********
Error Messages in both forms
LBC: also added a success message
Intro text is red. Bullets are grey. !important added due to inconsistencies.
***********/
.sf .sfErrorBlock,
div.errors{
	margin: 0 0 16px;
	padding: 16px 16px 6px 48px;
	background-position: 13px 13px;
	color: #C50B02 !important;
}
span.sfErrorHeader, 
div.errors p{
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0
}
.sfErrorBlock ol, 
div.errors ol,
.md div.formError ol{
	font-size: 12px;
	list-style-type: none;
	margin: 0 0 1px 0;
	padding: 0;
}
.sfErrorBlock ol li, 
div.errors ol li,
div.formError ol li{
	background: transparent url('/DynamicContent/Resources/Images/Furniture/arrow_grey.png') no-repeat 1px 2px;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 9px 16px;
}
.sfErrorBlock ol li, 
div.errors ol li,
div.formError ol li,
.sfErrorBlock ol li p, 
div.errors ol li p,
div.formError ol li p,
.sfErrorBlock ol li label, 
div.errors ol li label,
div.formError ol li label{
	color: #646464 !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.md div.formError p.fieldText{
	font-weight: normal;
	background-image: none;
	padding: 0;
	margin: 0 0 10px;
}
.md div.errors,
.md div.formError{
	margin: 0 0 16px 0;
	padding: 16px 20px 10px 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 15px 15px;
	border: 2px solid #F3D300;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.md div.errors,
.md .formError{
	background-image: url("/DynamicContent/Resources/Images/Furniture/errors.png");
}

/*************
FformGroup used in online banking to group froms into a filter style form
*************/
/********************
div[.formGroup || .formGroup .formGroupHighlight]
	h2
	div[.entry .entryInline .entryNoIndent .required .requirederror]
	div[.submit]
*********************/
.md .formGroup{/*table container*/
	border-width: 1px;
	border-style: solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	float: left;
	margin-bottom: 12px;
	padding: 8px 4px 0;
	width: 100%;
}
.md .formGroup_plain{
	background-color: transparent;
	border-style: none;
	float: none;
}
.formGroup h2,
.formGroup h3{
	clear: left;
	margin-top: 0;
}
html body.Online .md .formGroup table.formData{
	border: none;
	clear: both;
	margin: -10px -4px 0;
	width: 518px; /*width is needed because of the negative margins*/
}
.md .formGroup table.formData,
.md .formData td,
.md .formData th{
	border: none;
}
.formData td,
.formData th{
	padding: 3px 4px;
}
/*remove this once IE6 is not supported*/
*html div.formGroup .entry,
*html div.formGroup .required,
*html div.formGroup .requirederror{
	float: none;
	height: 1%;
}
/*add borders on the bottom of fields in form highlight*/
div.formGroupHighlight .entry,
div.formGroupHighlight .required,
div.formGroupHighlight .requirederror{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 5px 0;
}
/*when javascript is enabled don't display the border on the bottom of this particular form*/
.javascript .mobileAlertsStepAdmin .formGroupHighlight .entry,
.javascript .mobileAlertsStepAdmin .formGroupHighlight .required,
.javascript .mobileAlertsStepAdmin .formGroupHighlight .requirederror{
	border-bottom-width: 0;
}
/*full width labels*/
.formGroup .fieldsetFullWidth label{
	padding-right: 0;
	width: 100%;
}
.formGroup .range{/*aligning the fields with the labels a bit better*/
	padding: 3px 0 0;
}
.formGroup .entryInline .inputRangeStart label,
.formGroup .entryInline .inputRangeEnd label{
	padding: 3px 5px 0 8px;
}
.formGroup .entryInline .input{
	width: auto;
}
.formGroup table.formData .requirederror label{
	width: auto;
}
.formGroup .requirederror label{
    padding-bottom: 5px;
    width: 487px;
}
.md .formGroup div.hr{
	margin-top: 0;
}
div.formGroupHighlight .requirederror label{
	width: 137px;
}
div.formGroupHighlight fieldset .entry,
div.formGroupHighlight fieldset .required,
div.formGroupHighlight fieldset .requirederror{
	border: none;
}
div.formGroupHighlight fieldset{
	padding-top: 10px;
}
*html div.formGroup fieldset .required .input{ /* EDOCS-27: fix for IE6 radio button alignment */
	float: left;
}
fieldset .range .dateRangeStartLabel,
div.formGroupHighlight .requirederror label.dateRangeStartLabel{
	padding: 3px 5px 0 0;
    width: auto;
}
fieldset .range .dateRangeEndLabel,
div.formGroupHighlight .requirederror label.dateRangeEndLabel{
	padding: 3px 5px 0 5px;
    width: auto;
}
.md .formGroup{
	border-right: none;
	border-left: none;
	margin: 0 -12px 16px;
	padding: 4px 12px 5px;
	width: 744px;
}
div.formGroupHighlight .entry,
div.formGroupHighlight .required,
div.formGroupHighlight .requirederror{
    margin: 0 -12px;
    padding: 8px 12px;
    width: 720px;
}
fieldset .range .dateRangeStartLabel,
div.formGroupHighlight .requirederror label.dateRangeStartLabel{
	padding: 1px 5px 0 0;
}
fieldset .range .dateRangeEndLabel,
div.formGroupHighlight .requirederror label.dateRangeEndLabel{
	padding: 1px 5px 0 5px;
}
.formGroup .range{/*aligning the fields with the labels a bit better*/
	padding: 0;
}
div.formGroupHighlight .requirederror label{
	width: 149px;
}
span.helpHintTrigger{
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.helpHint{
	border-style: solid;
	border-width: 1px;
	margin: 0 0 12px 0;
	padding: 5px;
}
div.labelWithInfo{
	margin: 0;
	padding: 0;
}
div.labelWithInfo label{
	display: inline-block;
}
span.helpHintTrigger{
	cursor: pointer;
	display: inline-block;
	height: 18px;
	margin: 0 0 3px 3px;
	text-indent: -9999px;
	vertical-align: 2px;
	width: 18px;
}
div.helpHint{
	display: none;
	margin: 0 0 0 3px;
	position: absolute;	
	width: 300px;
	z-index: 9999;
}
/*hint*/
div.helpHint{
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
	padding: 10px;
	font-size: 11px;
	width: 176px;
}
span.helpHintTrigger{
	vertical-align: 0px;
	position: relative;
	top: -2px;
	margin: 0 0 -2px 0;
}
/************************
  Override wicket modal
************************/
div.wicket-modal div.w_blue .w_topLeft,
div.wicket-modal div.w_blue .w_topRight,
div.wicket-modal div.w_blue .w_top,
div.wicket-modal div.w_blue .w_left,
div.wicket-modal div.w_blue .w_right,
div.wicket-modal div.w_blue .w_bottom,
div.wicket-modal div.w_blue .w_bottomLeft,
div.wicket-modal div.w_blue .w_bottomRight{
	background-image: none !important;
}
div.wicket-modal div.w_bottom,
div.wicket-modal div.w_bottomRight,
div.wicket-modal div.w_bottomLeft,
div.wicket-modal div.w_top,
div.wicket-modal .w_topLeft,
div.wicket-modal div.w_topRight{
	height: 1px !important;
}
div.wicket-modal div.w_content_1,
div.wicket-modal div.w_right_1{
	margin: 0 !important;
}
div.wicket-modal{
	border-width: 1px;
	border-style: solid;
	padding: 3px;
	background:white;
	font-family: inherit;
}
div.wicket-modal div.w_content_3{
	border: none;
}
div.wicket-modal div.w_content_container{
	font-size: 12px;
	padding: 10px;
	text-align: left;
}
div.wicket-modal div.w_blue div.w_caption{
	font-weight: bold;
	font-size: 14px;
	padding: 5px !important;
}
div.wicket-modal div.w_blue span.w_captionText{
	margin-left: 5px !important;
}
div.wicket-modal div.w_blue div.actionButtons{	
	border-top-width: 1px;
	border-top-style: solid;
	bottom: 10px;
	padding: 10px 10px 0 0;
	position: absolute;
	right: 0;
	text-align: right;
	width: 100%;
}
div.wicket-modal div.w_blue div.actionButtons a{
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 5px;
	text-decoration: none;
}
div.wicket-modal div.w_blue a.w_close{
	background-repeat: no-repeat !important;
	background-position: -80px 2px !important;
}
div.wicket-modal div.w_blue a.w_close:hover{
	background-repeat: no-repeat !important;
	background-position: -80px 2px !important;
}
div.wicket-modal div.w_blue div.required, 
div.wicket-modal div.w_blue div.requirederror, 
div.wicket-modal div.w_blue div.string, 
div.wicket-modal div.w_blue div.entry{
	width: 100%;
}
/*Modal Close New Button*/
div.wicket-modal .mdi span.w_captionText{
	height: auto;
	width: 400px;
	position: inherit;
	margin-left: 0;
}
div.wicket-modal .mdi div.w_caption{
	overflow: visible;
	margin-left: 3px;
	width: 480px;
	height: auto;
}
div.wicket-modal .mdi a.w_close:hover {
    background-position: 0 -609px;
    float: none;
    height: 31px;
    overflow: visible;
    width: 31px;
}

div.wicket-modal .mdi a.w_close{
    background-image: url("/DynamicContent/Resources/Images/Icons/icons_matrix.png");
	background-position: 0 -609px;
	background-repeat: no-repeat;
    display: block;
    height: 31px;
    position: absolute;
    right: -36px;
    top: -16px;
    width: 31px;
}

div.wicket-modal a.w_close
/*Modal Close New Button End*/
/*Modal Buttons*/
div.wicket-modal .btn_group{
	position: relative;
}
div.wicket-modal .btn_group_opposed{
	text-align: right;
}






/*******************************************
	GENERAL FORM ITEMS
*******************************************/
div.colTwo{ /* overwrite it to fit helpHints */
	overflow: visible;
}
.hint{
	display: block;
	clear: both;
	font-size: 11px;
}
.hint p{
	margin: 0 0 4px 0;
}
div.formInstruction{
	margin: 5px 0 30px 0;
}
div.formError,
div.formAlert,
div.helpHint{
	margin: 0 0 12px 0;
	padding: 5px;
}
div.formInstruction p,
div.formError p,
div.formAlert p{
	margin: 0;
	padding: 0;
}
div.formInstruction p{
	margin-bottom: 10px;
}
div.twoColRow,
div.oneColRow,
div.oneColMultiRow,
div.formProgress,
.formSection div.entry,
div.readOnly, 
div.formCopy{ /* Clear floats taken from http://www.quirksmode.org/css/clearing.html */
	float: none;
	overflow: hidden;
	width: 100%;
}
div.clearInner{ 
}
div.collapsible,
div.disabled{
	display: none;
}
div.enabled{
	display: block;
}
div.infoNote p{
	font-weight: bold;
	padding: 4px 0 2px 25px;
}
ul.goTo{
	list-style-type: none;
	margin: 30px 0;
	padding: 0;
}
div.additionalOptions{
	list-style-type: square;
	margin: 0;
	padding: 20px 0 0 0;
}
div.infoNote p,
div.additionalOptions,
.formProgressNum li,
.formActions ul li.formCancel,
.formActions ul li.formEdit,
div.formLogin,
div.formError p.fieldText,
span.helpHintTrigger{
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.printOnly{
	display: none;
}
.formSection .formFieldGroup.formFieldGroup_highlight{
	padding: 10px 8px;
	margin-left: -8px;
	margin-right: -8px;
}
.openMembership div.twoColRow div.entry{
    width: auto;
}
/* MRR-15537 */
.openMembership div.twoColRow div.entry.hasInfo{
    width: 50%;
}
.entry.hasInfo+.entry label{
	line-height: 21px; 
}
/****************************
	BORDERED SECTIONS
****************************/
div.formSection,
div.formReceipt,
div.coApplicant,
div.formError,
div.formAlert,
div.formProgress,
div.helpHint,
.formSection div.formFieldGroup,
div.formPageConfirmation,
div.formActions,
div.securitySeal .captionedImage{
	border-style: solid;
	border-width: 1px;
}
.formSection div.formFieldGroup,
div.formActions{
	border-left: none;
	border-right: none;
	border-bottom: none;
}
div.formSection,
div.formReceipt,
div.coApplicant,
div.formPageConfirmation{
	margin: 0 0 24px 0;
	padding: 15px 8px;
}	
.formSection h2,
div.formPageConfirmation h2{
	font-size: 15px;
}
.formSection h3,
.formSection > fieldset > legend{
	font-size: 14px;
	font-weight: bold;
}
.formSection h4{
	font-size: 13px;
}
.formSection h3,
.formSection > fieldset > legend,
div.formPageConfirmation h2,
.formSection div.formFieldGroup h4{
	margin: 0;
}
.formSection h3,
.formSection > fieldset > legend,
div.formPageConfirmation h2{
	margin-top: -1.7em;
	padding: 0 8px;
	position: absolute;
}
.formSection div.formFieldGroup{
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;	
}
.formSection div.formFieldGroup0{
	border: none;
	margin: 0;
	padding: 0;
}
.formSection div.formFieldGroup h4{
	margin: 0 0 8px 0;
}
.formSection ul.requirements{
	margin: 10px 0;
	padding: 0 0 0 30px;
}
.formSection p{
	clear: both;
	font-weight: bold;
}
.formSection label{
	font-weight: bold;
	display: block;
}
.formSection div.entry,
div.formCopy{
	padding: 2px 2px 2px 0;
}
div.formCopy p{
	font-weight: normal;
}
div.oneColRow div.formCopy{
	width: auto;
}
.twoColRow div.entry,
.twoColRow div.readOnly, 
.twoColRow div.formCopy{
	clear: none;
	float: left;
	width: 246px;
}
.twoColRow div.entry input.dateField{	
	width: 50%;
}
.twoColRow div.entry input.hasDatepicker{
	width: 175px;
}
div.formReceipt h4{
	margin: 0 0 10px 0;
	padding: 0;
}
div.formReceipt div.entry{
	float: none;
}
/* CRA Direct Deposit Form */
.craDirectDepositv2 .formProgress li.leftCol {
	width: 66%;
}
.craDirectDepositv2 .formProgress li.rightCol {
	width: 33%;
}
.craDirectDepositv2 .formProgress li.leftCol ul {
	overflow: hidden;
	white-space: nowrap;
}
.craDirectDepositv2 .formProgress li.leftCol ul li {
	display: inline-block;
	width: 50%;
}
.craDirectDepositv2Step2 .formSection label[for$="Account Selection"],
.craDirectDepositv2Step2 .formSection label[for$="de compte"],
.craDirectDepositv2Step2 .formSection label[for="craSIN"],
.craDirectDepositv2Step2 .formSection label[for="craDOB"],
.craDirectDepositv2Step2 .formSection label[for="craFirstName"],
.craDirectDepositv2Step2 .formSection label[for="craLastName"] {
	display: inline-block;
	width: 33%;
}
.craDirectDepositv2Step2 label[for$="Account Selection"] + div.input,
.craDirectDepositv2Step2 .formSection label[for$="de compte"] + div.input,
.craDirectDepositv2Step2 .formSection label[for="craSIN"] + div.input,
.craDirectDepositv2Step2 .formSection label[for="craDOB"] + div.input,
.craDirectDepositv2Step2 .formSection label[for="craFirstName"] + div.input,
.craDirectDepositv2Step2 .formSection label[for="craLastName"] + div.input {
	display: inline-block;
	width: 60%;
}
.craDirectDepositv2Step2 input[id="craSIN"],
.craDirectDepositv2Step2 input[id="craDOB"],
.craDirectDepositv2Step2 input[id="craFirstName"],
.craDirectDepositv2Step2 input[id="craLastName"] {
	width: 58%;
}
.craDirectDepositv2Step2 .formSection div.readOnly label{
 	display: inline-block;
	width: 33%;
}
.craDirectDepositv2Step2 .formSection div.readOnly span {
	font-weight: bold;
}
.craDirectDepositv2Step2 .formSection .oneColMultiRow p {
	font-weight: normal;
}

.craDirectDepositv2Step2 .formSection .entryError label[for="craSIN"],
.craDirectDepositv2Step2 .formSection .entryError label[for="craDOB"],
.craDirectDepositv2Step2 .formSection .entryError label[for="craFirstName"],
.craDirectDepositv2Step2 .formSection .entryError label[for="craLastName"],
.craDirectDepositv2Step2 .formSection .entryError label[for$="Account Selection"],
.craDirectDepositv2Step2 .formSection .entryError label[for$="de compte"] {
	float: left;
}
.craDirectDepositv2Step2 .formSection label[for="craSIN"] ~ span.hint,
.craDirectDepositv2Step2 .formSection label[for="craDOB"] ~ span.hint {
	margin-left: 34%;
}
.Lang-fr .craDirectDepositv2 .formProgress li.leftCol ul li:first-child {
	width: 61%;
}
/****
MRR-24579 - CEWS Form
****/
.cewsDirectDepositv2Step2 .formSection label[for$="Account Selection"] + div.input,
.cewsDirectDepositv2Step2 .formSection label[for$="de compte"] + div.input {
	width: 77%;
}
.cewsDirectDepositv2Step2 .formSection select[id$="Account Selection"],
.cewsDirectDepositv2Step2 .formSection select[id$="de compte"] {
	width: 71%;
}
.cewsDirectDepositv2Step3 .formActions p {
	color: #666666;
}
/*****************************
	CONFIRMATION PAGE
*****************************/
div.formPageConfirmation div.formSection{
	border: none;
	margin: 10px 0 0 0;
	padding: 0;
}
div.formPageConfirmation div.formSection h3,
div.formPageConfirmation div.formSection > fieldset > legend{
	margin: 0 0 10px 0;
	padding: 3px 4px;
	position: static;
}
div.formPageConfirmation div.formSection h4{
	background-color: transparent;
}
div.formPageConfirmation label,
div.formReadOnly label{
	float: left;
	font-weight: normal;	
	text-align: right;
	width: 180px;	
}
div.formPageConfirmation span,
div.formReadOnly span{
	display: block;
	float: left;
	font-weight: bold;
	margin-left: 15px;
	vertical-align: top;
	width: 300px;
}
div.formPageConfirmation div.noLabel span{
	margin-left: 198px;
}
div.formPageConfirmation div.edit{
	margin: 0;
	text-align: right;
}
div.oneColRow,
div.oneColMultiRow{
	clear: both;
	margin: 0 0 10px 0;


}
div.formPageConfirmation div.oneColRow,
div.formReadOnly div.oneColRow{
	margin: 0 0 5px 0;
}
div.formPageConfirmation span.multiEntry{
	display: inline-block;
	vertical-align: top;
}
/*****************************
	PROGRESS INDICATOR
*****************************/
div.formProgress{	
	margin: 15px 0;	
	padding: 0;		
}
.formProgress ul{
	list-style-type: none;	
	margin: 0;
	padding: 0;	
}
.formProgress ul li{	
	margin: 0 0 8px 0;
	padding: 0;	
}
.formProgress ul li.leftCol,
.formProgress ul li.rightCol{
	float: left;
	width: 49%;
}
.formProgress ul li span{	
	display: block;
	float: left;	
	font-weight: bold;	
	margin: 0 8px 0 0;
	padding: 1px 4px;
}
.formProgressNum ol{
	list-style-position: inside;
	padding: 0;
}
.formProgressNum li{
	padding: 1px 0 1px 4px;
}
.formProgressNum li.current{
	background-position: 0 -75px;
}
/*****************************
	SUBMIT BUTTONS
*****************************/
div.formActions ul{
	list-style-type: none;
	margin: 0;	
	padding: 5px;
}
.formActions ul li{
	display: inline;
	margin: 0 8px;
}
.formActions ul li input{
	line-height: normal;
	vertical-align: middle;
}
.formActions ul li.formCancel{
	padding: 0 0 0 15px;
}
p.formRequiredNote{
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: right;
}
div.formSection div.formLogin{	
	border: none;
	margin: 10px 0 0 0;
}
div.contactSection{
	border: none;	
}
div.contactSection h3,
div.contactSection legend{
	margin-left: -8px;
	padding-left: 0;
	padding-right: 0;
	width: 520px;
}
div.formLogin .twoColRow div.entry{
	margin-right: 10px;
	width: 180px;
}
div.formLogin .twoColRow div.entry input{
	width: 170px;
}
/*****************************
	INPUT FIELDS
*****************************/
.formSection div.entry{
	border: none;
}
.formSection div.entry div.inputOption,
.formSection div.input label{
	display: inline;
	float: none;
}
.formSection div.multiRow div.inputOption{ 	 
	display: block; 	 
}
.formSection div.entry div.input,
.formSection div.entry label{
     float: none;
     padding: 0;
     width: auto;
}
.formSection div.entry label{
	padding: 0 2px 0 0;
}
.formSection div.entry div.input input{
	font-size: 11px;
}
.formSection div.entry textarea{
	width: 95%;
}
.formSection div.inputOption label{
	padding-left: 2px;
}
.formSection div.entry div.inputOption input{
	width: auto;
}
.formSection div.multiRow div.inputOption label{ 	 
	font-weight: normal; 	 
}
.formSection  div.entry div.input select{
    max-width: 100%;
}
.formSection.recaptcha{
    border-style: none;
    margin: 0px;
    padding: 0px;
}
label span.optional{
	margin-left: 4px;
}
span.hint{
	clear: both;
	display: block;
	font-size: 11px;
}
/****************************
		ERRORS
****************************/
div.formError,
div.formAlert,
.formSection div.entryError div.input,
.formProgress ul li span{
	border-width: 1px;
	border-style: solid;
}
.formSection div.entryError div.input{	
	float: left; /* To match the width of the element */
}
div.entryError{
	overflow: hidden; /* To clear the float */
}
.formSection div.entryError div.inputOption input{
	border: none;
}
div.formError{
	background-color: transparent;
}
div.formError p.fieldText{
	font-weight: bold;
	padding: 3px 0 1px 26px;
}
div.formError  ol{
	margin: 10px 0 0 0;
	padding: 0 0 0 25px;
}
/*****************************
	HELP TEXT & ICON
*****************************/
div.labelWithInfo{
	margin: 0;
	padding: 0;
}
div.labelWithInfo label{
	display: inline;
}
.openMembership div.labelWithInfo label{
    display: inline; /* OAO-145 */
}
.openMembership div.transitionSpinner {
    height: 200px;
    background-position:center center;
    background-repeat: no-repeat;
    background-image: url('/DynamicContent/Resources/Images/loaders/ajax-loader.gif');
}
span.helpHintTrigger{
	cursor: pointer;
	display: inline-block;
	height: 18px;
	margin: 0 0 3px 3px;
	text-indent: -9999px;
	vertical-align: 2px;
	width: 18px;
}
div.helpHint{
	display: none;
	margin: 0 0 0 3px;
	position: absolute;	
	width: 300px;
	z-index: 9999;
}
.openMembershipLegalConsent div.helpHint {
	width: 400px;
}
/*****************************
		AGREEMENT
*****************************/
div.agreement{
	margin: 0 0 0 26px;
	display: none;	
	padding: 0 8px 0 0;
}
div.agreement p{
	font-weight: normal;
}
div.agreement ol{
	list-style-type: lower-alpha;
	padding: 0 0 0 18px;
}
p.agreementTrigger{
	background-repeat: no-repeat;
	background-position: 0 3px;
	cursor: pointer;
	margin: 5px 0 5px 26px;
	padding: 0 0 0 10px;
}
p.open{
	background-repeat: no-repeat;
	background-position: 0 -33px;
}
div.input label.indented{
	display: inline-block;
	padding-bottom: 2px;
	vertical-align: top;
	width: 90%;
}
/****************
 	 RETRIEVAL
****************/
div.formRetrieve{
	margin: 5px 0;
	padding: 7px;
}
div.formRetrieve p{
	margin: 0;
}
.formRetrieve a.actionLink{
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
}
/****************
 	 LOGIN
****************/	
.formLogin div.formActions{	
	background: none;
	border: none;
}
.formLogin div.formActions ul li{
	margin: 0;
}
.formLogin div.formActions ul{
	padding: 2px;
}
div.securitySeal .captionedImage{
    float: left;
    margin-top: 10px;
    padding: 8px;
    text-align: center;
}
div.securitySeal .captionedImage img{
    margin: 8px 8px 4px;
    width: 100px;
}
div.securitySeal .captionedImage .caption{
    display: block;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    width: 116px;
}
/********
OAO
*********/
.formSection div.formFieldGroup.CanadaPostGroup, 
.formSection div.formFieldGroup.ManualGroup, 
.formSection div.formFieldGroup.MailingCanadaPostGroup, 
.formSection div.formFieldGroup.MailingManualGroup,
.formSection div.formFieldGroup.AddressTextGroup,
.formSection div.formFieldGroup.MailingAddressTextGroup{
    border-width: 0;
    margin-top: 0;
    padding-top: 0;
}
.openMembership .formSection div.entryError div.input{	
	float: none;
	border: none;
}
/* OAO-993 && MRR-12951 */
.openMembershipLegalConsent .formSection div.inputOption label{
	padding-left: 24px;
	display: inline-block;
	margin-top: 2px;
}
.openMembershipLegalConsent .formSection div.entry div.inputOption input{
	position: absolute;
}
/* OAO-1232*/
.openMembershipEsignature .formSection div.inputOption label{
	padding-left: 24px;
	display: inline-block;
	margin-top: 2px;
}
.openMembershipEsignature .formSection div.entry div.inputOption input{
	position: absolute;
}
.openMembershipEsignature .formSection div.openmembershipEsignatureLater label{
	padding-left: 24px;
}
.openMembershipEsignature div.oneColRow, div.oneColMultiRow{
	clear: both;
	margin: 0 0 5px 0;
}
/* OAO-1463 */
.formFieldGroup.CanadaPostGroup .input textarea,
.formFieldGroup.MailingCanadaPostGroup .input textarea{
    background-color: transparent;
    border: none;
    height: 60px;
    resize: none; 
    outline: none;
	overflow: auto;
}
/* OAO-1535 */
.accountSwitch div.warnings{
	border-width: 1px;
	clear: both;
	display: block;
	margin: 0 0 8px 0;
	min-height: 30px;
	padding: 6px 6px 0;
	margin-bottom: 1em;
}
.accountSwitch div.warnings{
	background: url(/DynamicContent/Resources/Images/Icons/warning.png) no-repeat scroll 12px 8px transparent;
	border-color: #F60;
	border-style: solid;
	color: #F60;
	font-weight: bold;
}
.accountSwitch div.warnings p{
	padding: 4px 6px 0 34px;
}
div.infoNote p{
	font-weight: normal;
	padding: 0 0 2px 18px;
}
p.formRequiredNote{
	min-height: 18px; /*added so it doesn't collapse when inside is a print icon floated right. ie contact receipt*/
}
.Online p.formRequiredNote{
	display: none; /*LBC-600 on online banking print is inside decorator*/
}
.formSection p{
	font-weight: normal;
}
.md div.formActions{
	border: none;
}
div.formActions ul{
	padding: 0;
}
.formActions ul li{
	padding: 0;
	margin: 0 8px 0 0;
}
.formActions p.buttonHint{
	padding: 0;
}
div.twoColRow,
div.oneColRow,
div.oneColMultiRow,
div.formProgress,
.formSection div.entry,
div.readOnly, 
div.formCopy{ /* changed visibility cause of styled dropdown */
	overflow: visible;
	zoom: 1 /*clearing for IE*/
}
div.twoColRow:after,
div.oneColRow:after,
div.oneColMultiRow:after,
div.formProgress:after,
.formSection div.entry:after,
div.readOnly:after, 
div.formCopy:after{ /* clearing for the rest */
	content: '';
	display: block;
	clear: both;
}
.formSection div.twoColEntry label{
	float: left;
	width: 177px;
	padding: 1px 5px 0px 0px;
}
.formSection div.twoColEntry .input{
	float: left;
}
/*elements*/
.formSection label{
	font-weight: normal;
	display: block;
}
div.formInstruction{
	margin: 0;
}
div.formInstruction p{
	margin-bottom: 14px;
}
div.formInstruction .formRetrieve p{
	margin-bottom: 0;
}
.formRetrieve a.actionLink{
	background-position: 0 1px;
	padding-left: 16px;
}
/******
bordered section
*******/
div.formSection,
.md div.contactSection,
div.formReceipt, 
div.coApplicant, 
div.formPageConfirmation{
	border: 1px solid #D3D3D3;
	border-right: none;
	border-left: none;
	background-color: #f7f7f7;
}
.formSection div.formFieldGroup,
div.formActions{
	border: none;
}
div.formSection,/* div.formReceipt, div.coApplicant, div.formPageConfirmation*/
.md div.contactSection,
div.formReceipt, 
div.coApplicant, 
div.formPageConfirmation{
    margin: 0 -12px 16px;
    padding: 16px 12px;
}
.formSection div.formFieldGroup {
    margin: 0 -12px 0;
    padding: 0 12px 16px;
}
.formSection div.entry div.input input{
	font-size: 12px;
	outline: none;
}
div.oneColRow, div.oneColMultiRow, div.twoColRow{
	margin: 0 0 14px 0;
}
.formSection h3,
div.formPageConfirmation h2,
.md div.contactSection h3{
	background: transparent;
	border: none;
	margin: 0 0 16px;
	padding: 0;
	position: relative;
	float: none;
}
.formSection div.formFieldGroup h4{
	font-weight: normal;
	margin: 0 -12px 16px;
	padding: 4px 13px 5px;
	background: #003366 url('/DynamicContent/Resources/Images/Furniture/blue_gradrient.gif') repeat-x 0 0;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.5);
}
.formSection div.entry div.inputOption{
	display: block;
	float: left;
}
.formSection div.entry div.inputOption label{
	padding-right: 8px;
	padding-left: 4px;
	font-size: 12px;
}
.formSection div.entry label {
    padding: 0 0 9px;
}
.twoColRow div.entry,
.twoColRow div.readOnly, 
.twoColRow div.formCopy{
	width: 355px;
}
.formSection div.entry,
div.formCopy{
	padding: 0;
}
/*errors*/
div.formError,
div.formAlert,
.formSection div.entryError div.input{
	border: none;
}
.entryError .input input[type="text"], 
.entryError .input input[type="password"], 
.entryError .md textarea,
.md .entryError .dk_toggle{
	border: 1px solid #C50B02;
}
.formSection table div.entry{
	padding: 0;
}
/*hint*/
div.helpHint{
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
	padding: 10px;
	font-size: 11px;
	width: 176px;
}
span.helpHintTrigger{
	vertical-align: 0px;
	position: relative;
	top: -2px;
	margin: 0 0 -2px 0;
}
/*cheque image hint*/
.helpOnly a{
	cursor: pointer;
}
div.helpHintAutoWidth{
	width: auto;
}
/*checkboxes and radio button - may go in core*/
.formSection div.multiRow{
	margin: 0;
}
.formSection div.multiRow div.inputOption{
	padding: 0 0 14px 18px;
	position: relative;
	display: block;
	float: none;
}
.formSection .multiRow div.entry div.inputOption label{
	display: block;
	padding: 1px 8px 0 0;
}
.formSection div.multiRow div.inputOption input{
	margin: -1px 0 0 -18px;
	padding: 0;
	position: relative;
    float: left;
    margin-left: -18px;
}
/*****************************
	form receipts - change to look like ob receipts and successmessage
*****************************/
.md .formReceipt{
	margin: 0 0 16px 0;
	padding: 16px 20px 10px 50px;
	background: #fff url("/DynamicContent/Resources/Images/Icons/success.gif") no-repeat 15px 15px;
	border: 2px solid #F3D300;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.md .formReceiptFail{
	background-image: url("/DynamicContent/Resources/Images/Icons/fail.gif");
}
.md .formReceipt h2,
.md .formReceipt h3{
	padding: 0;
	margin: 0 0 10px 0;
	color: #477b29;
	font-size: 14px;
	font-weight: normal;
}
.md .formReceiptFail h2,
.md .formReceiptFail h3{
	color: #C50D05;
}
.md .formReceipt{
	font-size: 12px;	
}
/*****************************
	PROGRESS INDICATOR - just numbers and 1 row. no columns
*****************************/
.formProgress ul li.leftCol,
.formProgress ul li.rightCol{
	width: auto;
	margin: 0;
}
.formProgress ul li.leftCol li,
.formProgress ul li.rightCol li{
	overflow: hidden
}
/*****************************
		AGREEMENT
*****************************/
p.agreementTrigger{
	margin: 5px 0;
   padding: 0 0 0 20px;
}
p.open{
	background-position: 0 -30px;
}
/*****************************
	CONFIRMATION PAGE
*****************************/
div.formPageConfirmation{
	position: relative; /*aligning edit*/
}
div.formPageConfirmation div.oneColRow, 
div.formReadOnly div.oneColRow{
	margin: 0 0 14px 0
}
div.formPageConfirmation div.formSection h3{
	padding: 0;
	margin: 0 0 16px 0;
}
div.formPageConfirmation label,
div.formReadOnly label{
	color: #474747;
	font-size: 12px;
	padding: 1px 8px 0 0;
	text-align: left;
   width: 174px;
}
div.formPageConfirmation span,
div.formReadOnly span{
	color: #003366;
	font-weight: normal;
	margin: 0;
}
div.formPageConfirmation div.edit{
	position: absolute;
	top: 20px;
	right: 12px;
	font-size: 12px;
}
/*****************************
	Order cheques - may go in core
*****************************/
.input ul.thumbnails{
	float: left;
	margin: 0 0 -3px -3px;
	padding: 0;	
}
.input ul.thumbnails li{
	float: left;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
	width: 126px;
	border: 3px solid #F7F7F7;
}
.input ul.thumbnails li.selected{
	border-color: #01aae1;
}
.input ul.thumbnails li img{
	float: left;
	width: 100%;
}
.formSection .chequeModelDetails:after{
	content: '';
	display: block;
	clear: both;
	height: 1px;
}
.formSection .chequeModelDetails img{
	float: left;
	margin-right: 30px;
}
.formSection .chequeModelDetails h4,
.formSection .chequeModelDetails p{
	margin-left: 290px;
	clear: right;
}
.formSection .chequeModelDetails h4{
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: normal;
}
.formSection .chequeModelDetails p{
	font-size: 12px;
}
.formPageConfirmation .formSection .chequeModelDetails{
	display: block;
	float: left;
   width: 530px;
}
.profileChequeOrder label strong{
	color: #003366;
	font-size: 14px;
	font-weight: normal;
}
.formSection .multiRow .inputOptionGroup{/*page 1 of cheque order*/
	padding: 0 0 12px;
}
.formSection ul.thumbnails label{
	position: relative;
	cursor: pointer;
	display: block;
	float: left;
}
.formSection ul.thumbnails label img{
	pointer-events: none;
}
.formSection  ul.thumbnails li input[type=radio]{
	position: absolute;
	top: 40%;
	left: 40%;
	z-index: -1;
}
/*End Order Cheques*/

/*********************
    ONLINE VOTING
*********************/
.formSection div.entry label.withdrawn{
    display: block;
    padding: 0 0 5px 24px;
}
div.formPageConfirmation ul{
    float: left;
    font-weight: bold;
 	list-style: none;
    margin: 0 0 0 15px;
    padding: 0;
}
/*********************
    BIOGRAPHIES
*********************/
.onlineVotingBio{
    overflow: hidden;
    width: 100%;
}
.onlineVotingBioCol0{
    float: left;
    width: 110px;
}
.onlineVotingBioCol1{
    float: left;
    margin-left: 10px;
    width: 360px;
}
.onlineVotingBio h4{
    margin-top: 0;
    padding-top: 0;
}
.onlineVotingBio .onlineVotingBioCol0 img{
    margin-bottom: 10px;
}
.onlineVotingBio .readMore,
.onlineVotingBio .readMore li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.onlineVotingBio .readMore{
    margin-bottom: 10px;
}
.onlineVotingBio .readMore li a{
    display: block;
    font-weight: bold;
    height: 17px;
    outline: none;
    padding: 3px 0 0 10px;
	text-decoration: none;
    width: 100px;
}
/***/
div.productSelectorStepConfirm{
	overflow: hidden;
	width: 100%;
}
.productSelectorStepConfirm h2{
	margin: 0 0 16px 0;
}
div.productSelectorResult{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 16px;
	overflow: hidden;
	padding-bottom: 16px;
	width: 100%;
}
div.productSelectorResult0{
	border-style: solid;
	border-width: 1px;
	margin-bottom: 24px;
	padding: 8px;
}
div.productSelectorResultN{
	margin-bottom: 24px;
}
.productSelectorResult .resultInfoPrimary{
	float: left;
	margin-right: 12px;
	width: 330px;
}
.productSelectorResult0 .resultInfoPrimary{
	width: 312px;
}
.resultInfoPrimary h3{
	margin-top: 0;
}
ul.resultActions{
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.resultActions li{
	float: left;
	margin: 0;
}
.resultActions a{
	float: left;
	padding: 8px;
}
.resultActions .callOutAction{
	margin: 0 4px 0 0;
}
.productSelectorResult .resultInfoSecondary{
	float: left;
	overflow: hidden;
	width: 178px;
}
.resultInfoSecondary p{
	border-style: solid;
	border-width: 1px;
	padding: 8px;
}
.resultInfoSecondary img{
	margin-bottom: 12px;
}
.productSelector .formPageConfirmation{
	float: left;
	margin-right: 12px;
	width: 312px;
}
.productSelector .formPageConfirmation span{
	width: 100px;
}
.productSelector .productComparison{
	float: left;
	width: 160px;
}
.productComparison .formActions li{
	margin: 0;
	padding: 0;
}
.productComparison .formActions input{
	overflow: visible;
	padding: 0 5px;
	width: auto;
}
.productComparison .optionDetails{
	margin-left: 23px;
}
.productComparison .optionDetails p{
	font-weight: normal;
}
.productComparison thead th,
.productComparison td{
	text-align: center;
	vertical-align: middle;
}
.productComparison th:first-child,
.productComparison th:first-child{
	text-align: left;
}
.productComparison td img{
	margin: 0 auto;
}
.productComparison .callOutAction{
	display: inline-block;
	float: none;
	margin: 0;
	width: auto;
}
/**/








.md .tel{
	white-space: nowrap;
}
.md a.lbcCta{
	background: transparent url('/DynamicContent/Resources/Images/Furniture/arrow_blue.png') no-repeat 0 2px;
	display: block;
	padding: 0 0 0 16px;
}
.md a.lbcButton{
	background: #1e729e url('/DynamicContent/Resources/Images/Furniture/continue_btn.png') no-repeat 0 0;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 7px 16px 7px 30px;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.6);
}
/************** 
Master/Slave credit card accounts
************/
.md .summarygroup .slaveAccount td.accountName{
	padding-left: 38px;
	background-position-x: 20px;
	background-image: url('/DynamicContent/Resources/Images/Furniture/account_slave_icon.png');
}
.md .sumamrygroup .slaveAccount,
.md .summarygroup .slaveAccount a,
.md .summarygroup .slaveAccount .value {
	color: #777;
	font-size: 85%;
}
/******** Bill Payments Table [MRR-4752] ********/
/**.Online.BillPay .mdi #contentTab1 .summarydata {
  table-layout:fixed;
}*/
/*CSTC-1493*/
.md .deposit-protection{
	float: left;
	clear: both;
    padding-left: 34px;
}
.md .deposit-protection a.deposit-text-link {
    margin: 5px 0;
    display: inline-block;
    font-size: 13px;
    color: #FFF;
    text-decoration: underline;
}
.md a#downloadPDF {
	background: transparent url(/host/.laurentianbank_ca.com/lang/en/lang/en/DynamicContent/Resources/Images/Icons/pdf.png) no-repeat scroll left top;
	font-size: 12px;
	position: absolute;
    right: 1em;
    margin-top: -2em;
	line-height: 16px;
    padding-left: 20px;
}

/* LBCAPP-183 */

.LaurentienneBankofCanada .container.mb-4 .md-container.card-deck-wrapper.card-container.mt-2.px-2.py-1,
.BanqueLaurentienneduCanada .container.mb-4 .md-container.card-deck-wrapper.card-container.mt-2.px-2.py-1,
.OnlineBanking .container.mb-4 .md-container.card-deck-wrapper.card-container.mt-2.px-2.py-1,
.Servicesbancaires .container.mb-4 .md-container.card-deck-wrapper.card-container.mt-2.px-2.py-1 {
	padding: 0 !important
}

/* LBCAPP-204 */
.lBCCommunicationPreferencesStep1 div.lbcBankStatementsPreferences {
    display: none;
}

/* LBC 2.0 Forge Implementation */
#sidenav,
.breadcrumb,
.md-page-header,
.card-deck-wrapper
{
    box-shadow: none;
}
/* Change active state to secondary-1 for nav menu text and icons */
.tablinks.active .md-nav-label,
.tablinks.active i.fa {
    color: var(--bs-secondary-1);
}
/* Change left flyout menu items to default primary-1, secondary-1 on hover */
#sidenav a.md-subnav-a {
    color: var(--bs-primary-1);
}
#sidenav a.md-subnav-a:hover {
    color: var(--bs-secondary-1);
}
/* Change current tab indicator to tertiary-3, change text to secondary-1 */
.selected .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 0.313rem solid var(--bs-tertiary-3);
    color: var(--bs-secondary-1);
}
/* Change all icons to primary-1 */
a .fa,
a .fas {
    color: var(--bs-primary-1);
}
/* Collapsible sections are tertiary-9 on hover */
.accordion-button:hover,
.md-collapsable-card-header + .card-header:hover  {
    background-color: var(--bs-tertiary-8);
}

/* Link text, including breadcrumbs, default set to primary-2 */
a,
.breadcrumb a {
    color: var(--bs-primary-2);
}
/* Link text, including breadcrumbs, hover set to primary-1 */
a:hover,
.breadcrumb a:hover {
    color: #0068B8;
}
/* Breadcrumb separator set to primary-1 */
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    border-color: var(--bs-secondary-2);
}
/* Breadcrumb current page is secondary-1 */
.breadcrumb .active a {
    color: var(--bs-secondary-1);
}
/* Primary Button */

.btn-primary:hover {
	background-color: #0068B8;
}
.btn-secondary:hover {
	color: #FFFFFF;
	border-color: #004070;
    background-color: #0068B8;
}
.btn-primary:disabled, .btn-primary.disabled {
    background-color: #E2E2E2;
    color: var(--bs-secondary-2);
}
.btn-primary:active {
    background-color: #D8ECFD;
    color: var(--bs-secondary-1);
    border-color: var(--bs-secondary-1);
}
/* Secondary Button */
.btn-secondary:focus {
    color: #004070;
    border-color: #004070;
}
.btn-secondary:disabled, .btn-secondary.disabled {
    color: var(--bs-secondary-2);
    background-color: var(--bs-secondary-3);
    border-color: #E2E2E2;
}
.btn-secondary:active {
    border-color: var(--bs-secondary-1);
    color: var(--bs-secondary-1);
    background-color: #D8ECFD
}
/* Text Boxes Labels */
.form-label {
    color: var(--bs-secondary-1);
}
/* Form select and form-control (text input) hover */
.form-select:focus,
.form-select:hover,
.form-control:hover {
    background-color: var(--bs-tertiary-9);
}
/* Left Nav Menu - still needs work */

header {
    min-height: 104px;
}

.yui-skin-sam .yui-calendar a.calnav {
	color: var(--bs-datepicker-month-year);
}

.md-subnav-a, .md-nav-dropdown a {
    color: var(--bs-leftnav-link);
}

.btndiv {
    padding: 7px 0 16px 0;
}

input.btn, .btn-primary, .btn-secondary{
	text-transform: capitalize;
}
.tablinks:hover {
  	background-color: var(--bs-tertiary-8); 
}
#sidenav .md-subnav:hover {
    color: var(--bs-secondary-1);
}
.fa-sign-out {
	color: #ffffff !important ;
}

.fa-sign-out:active {
 	color: var(--bs-secondary-1) !important ; 
}
.md-container {
    background-color: transparent;
}

.tablinks {
  border-right: var(--bs-leftnav-background) ;
}
.fa-bell:before {
  content: "\f0f3";
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  }

.table tfoot th {
   color: #222222 !important;
}

.card-title {
  color: #222222 !important;
}

.table thead th{
	color: #222222 !important;
}

a.log-out-link-desktop.btn.btn-primary.d-xs-none.d-sm-none.d-md-none.d-lg-block {
	background-color: #E00D42;
    border-color: #E00D42;
}
@media (max-width: 991px){
.tablinks {
    border-bottom: none !important;
}
.md-subnav-a:hover{
   background-color: #004070 !important;          
}
}
.md-container {
    box-shadow: none;
}

.breadcrumb .active a {
    color: var(--bs-secondary-1) !important;
    pointer-events: none;
}

p a, b a, div.agreement a {
	text-decoration: underline;
}
.selected .nav-title {
	color: var(--bs-secondary-1);
}
.payments-section, .transfers-section {
  background-color: #ffffff !important;
}
.mobileBtn {
	color: #004070 !important;
}
@media (max-width: 991px){
.md-subnav {
    border-bottom: none;
}
}
.breadcrumb-item.active {
    color: #222222;
}

.fas {
	font-weight: 300;
}
i.fas.fa-question-circle.fs-2:hover {
	color: var(--bs-primary-1);
	font-weight: 600;
}

i.fas.fa-bell:hover {
	color:var(--bs-primary-1);
	font-weight: 600;
}
.tablinks i.fa, .tablinks i.fas {
    font-size: 2rem;
    color: var(--bs-tertiary-1);
    line-height: 0.5;
}
.md-rec-card-header-color {
    background-color: #DEF0D8;
}
.md-card-header-receipt {
    font-size: 1rem;
    color: var(--bs-secondary-1);
    font-weight: 500;
}
.fa.md-success, .fas.md-success {
    color: var(--bs-success);
    font-weight: 900;
  	font-size: 24px;
}
.md-confirm-label {
    color: var(--bs-secondary-2);
    font-weight: 500;
    padding-right: 2.857rem;
    font-size: 14px;
}
.md-confirm-value {
    color: var(--bs-secondary-1);
    font-weight: 500;
}
.md-receipt-card {
    background-color: var(--bs-secondary-3);
    border: 1px solid var(--bs-tertiary-5);
    border-radius: 0.219rem;
}
.hint {
    line-height: 14px;
}
.conclusion{
	font-size: 12px;
}
.form-control:focus, .form-select:focus, .form-radio-input:focus, .form-check-input:focus {
    border-color: var(--bs-tertiary-8) !important;
}
.form-check-input:active {
  border: 1px solid #737373 !important;
}

.form-check-input[type=checkbox]:checked {
  background-color: var(--bs-primary-1) !important;
  border-color: 1px solid var(--bs-primary-1) !important;
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    border: 1px solid var(--bs-error) !important;
}
.form-control:active{
	background-color: var(--bs-secondary-3) !important;
	border: 1px solid var(--bs-primary-1) !important;
}

div#errors {
	background-color: #FEECF0;
}
.text-danger{
	color: #AE0A33 !important;
	border-color: #AE0A33;
    background-color:#FEECF0;
}
.fa-times-circle {
	font-weight:600;
}
.ol-error li {
	color: #222222 !important;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
	border-color: #AE0A33;
    background-color: #FEECF0;
}
.form-check-input:checked[type='radio'] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.form-check-input[type=radio]:checked {
    background-color: var(--bs-primary-1);
    border-color: var(--bs-primary-1);
}
.md-sfdl p.agreementTrigger.open { 
	background-color: #E2E2E2 !important;
}
.md-sfdl p.agreementTrigger:hover {
	background-color:#9FD5FC !important;
}
.md-sfdl div.agreement {
    background-color: #FFFFFF !important;
    padding: 1rem;
    border: var(--bs-tertiary-2) solid 1px;
    border-radius: .25rem;
}
/* FIM-4046 */

.content1_23 #nav-wrapper {
	height: auto;
}
.content1_23 body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#footer-copyright {
	border-left: var(--bs-tertiary-1) 1px solid;
	border-right: var(--bs-tertiary-1) 1px solid;
}

.footerCopy .securityGuaranteed {
	background: transparent url('/DynamicContent/Resources/Images/lock.png') no-repeat top left;
}

div.footer .footerCopy p {
	padding-left: 34px;
	line-height: 1.3em;
}
.LegalNotes #sidenav,.Glossaire #sidenav,
.SecurityandPrivacy #sidenav,
.Noteslégales #sidenav,
.Glossary #sidenav,
.Sécuritéetconfidentialité #sidenav,
.FAQ #sidenav {
	display: none;
}

.LegalNotes #nav-wrapper,
.Glossaire #nav-wrapper,
.SecurityandPrivacy #nav-wrapper,
.Noteslégales #nav-wrapper,
.Glossary #nav-wrapper,
.Sécuritéetconfidentialité #nav-wrapper,
.FAQ #nav-wrapper {
	margin-top: -1.502rem;
}
.ContactUs .table th {
	border-bottom: 1px solid var(--bs-tertiary-4, #d4dae5);
	background-color: var(--bs-table-bg);
}
.card-container{
	background-color: #FFFFFF;
}
.dropdown-item:hover {
    background-color: #9FD5FC;
    color: #222222;
    font-size: 1rem;
    background-size: 100% 100%;
}
.card-action-icon:hover {
    color:#222222;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    border-color: #AE0A33;
}

.form-control{
      border: 1px solid #737373;
}
.form-check {
    opacity: 1;
}
.form-check-input[type=checkbox] {
    border-radius: var(--bs-border-radius, 0.25rem);
    border-color: var(--bs-tertiary-2);
}
.tablinks i.fa:hover, .tablinks i.fas:hover {
  font-size: 2.286rem;
  color: #222222;
  line-height: 0.5;
}
.tablinks i.fa, .tablinks i.fas {
  font-size: 2.286rem;
  color:#004070 !important;
}

.md-nav-label:hover {
    color: #222222;
}
.tablinks:hover {
    background-color: var(--bs-tertiary-8);
   color: #222222;
}

#brandLogo {
width: 165px;
}
div#errorMsgId {
	background-color:#FEECF0;
}
.fw-bold {
  font-weight: 500 !important;
}
.tablinks i.fa:hover, .tablinks i.fas:hover {
	color:#222222;
}
.md-subnav.md-current-nav {
  font-weight: 500 !important;
  background-color: var(--bs-tertiary-8);
  color: #222222 !important;
}

.tablinks .md-nav-label {
	font-weight: 500 !important;
}
#sidenav span.md-nav-label{
	font-weight: 500 !important;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-secondary-1, #000000);
    background-color: #E2E2E2;
}
.accordion-body {
    padding: 1rem 1.25rem;
    background-color: #ffffff;
}
.accordion-item:hover {
    border: var(--bs-tertiary-2) 1px solid;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-secondary-1, #000000);
  background-color: var(--bs-tertiary-5, #f4f6f8);
}
.thumbnails{
	list-style:none;
}
.topiclink-padding {
    padding-right:1 rem;
}
.optiongroup .errored input[type=text], .optiongroup .errored select {
	border-color: #AE0A33;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23AE0A33'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23AE0A33' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	background-color: #FEECF0;
}

.tablinks.active .md-nav-label , .tablinks.active i.fas { 
    color: #222222 !important;
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
 background-color: #FEECF0 !important;
}
.formActions.md-sfdl-actions {
	padding-top: 2rem;
}
.selected .nav-link:hover,
.nav-tabs .nav-link.active:hover {
	text-decoration: none;
	border-color: var(--bs-primary-1);
}
.card.md-card, .card {
	border: 1px solid #E2E2E2 !important;
}
.btn-primary:focus, .btn-secondary:focus {
	border-color: var(--bs-tertiary-8) !important;
}
hr:not([size]) {
    height: 2px;
	color: var(--bs-primary-1);
  	opacity: 100%;
}
#mainContent .yui-skin-sam .yui-calendar td.calcell.oom, #ui-datepicker-div td.ui-datepicker-other-month{
    background-color: #e2e2e2;
}
.card-action-icon:hover {
	color: var(--bs-primary-1);
	font-weight: 600;
}
button.dropdownMenuOverflow{
	font-size: 20px;
}
.md-card-menu button:hover, .dropdownMenuOverflow:hover {
    background-color: #9FD5FC;
    color: var(--bs-primary-1);
}
.form-control:hover, .form-select:hover, .form-radio-input:hover, .form-check-input:hover {
    border-color: var(--bs-primary-1, #29487f);
    border: 2px solid var(--bs-primary-1, #29487f);
}
.instructionsXX {
	padding-bottom: 10px;
}
.lBCCommunicationPreferences .readOnly .row .col-md-3 {
	display:none;
}
a.investorAccess {
	text-decoration: underline;
}
.lBCCommunicationPreferencesStep1 .formReceipt{
	padding-bottom: 14px;
}
.inputOption label{
	padding-left: 7px;
    padding-bottom: 10px;
    position: absolute;
}
.fa.md-danger, .fas.md-danger {
    color: var(--bs-danger);
    font-size: 24px;
  	font-weight:900;
}
.lBCCommunicationPreferences .readOnly .row .md-confirm-value {
	font-weight:400;
  	width: 100%
}

.lbcWarningText{
	color: #C30801;
}

span.assurPayment {
	text-decoration: underline;
}
.oneColRow.row, .twoColRow.row {
     padding-top: 0rem !important;
}
a.log-out-link-desktop.btn.btn-primary.d-xs-none.d-sm-none.d-md-none.d-lg-block:hover{
    background-color: #AE0A33;
    border-color: #AE0A33;
}
a.log-out-link-desktop.btn.btn-primary.d-xs-none.d-sm-none.d-md-none.d-lg-block:focus{
    background-color: #E00D42;
    border-color: #9FD5FC !important;
}
a.log-out-link-desktop.btn.btn-primary.d-xs-none.d-sm-none.d-md-none.d-lg-block:active{
    background-color: #E00D42;
    color: #FFFFFF !important;
}
#brandLogo {
	width: 174px;
	height: 56px;
}
.link0{
  padding-right: 100px;
}
.lbcBankStatementsPreferences h2 {
    padding-top: 20px;
}
.md-wkt-form .lBCCommunicationPreferences .form-check label {
	padding-left: 7px;
}
.chequeModelDetails img {
	padding-bottom: 10px;
}
.oneColRow.row, .twoColRow.row {
    padding-top : 0rem !important;
}
.md-wkt-form .lBCCommunicationPreferences .form-check label {
    padding-left: 7px;
    padding-top: 12px;
}
.profileChequeOrder .inputOption label {
    padding-left: 7px;
    padding-bottom: 10px;
  	position: relative !important;
}
.contentTitle {
    text-transform: capitalize;
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: var(--bs-error, #ef4b27) !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #FFFFFF !important;
}
.lbcConfirm {
	font-size: var(--bs-h3-font-size, 1.143rem);
	color: var(--bs-primary-1);
	font-weight: 500;
}

input[type="checkbox" i] {
	accent-color: #004070;
}
input[type="radio" i] {
    accent-color: #004070;
}
.searchActivityForm .searchCreditCardAccountAdvanced{/*hide cc advanced search*/
	display: none;
}
.searchCreditCardAccount .searchCreditCardAccountAdvanced{/*unless in cc*/
	display: block;
}
.javascript .sortable th label {
    text-decoration: underline;
  	cursor: pointer;
}
#PageFooter .bg-primary .container {
    padding: 50px 0;
}
/***
#Account Activity table Changes
***/
form.searchActivityNoOptions h3{/*hide these values from the form*/
	display: none;
}

table.tblAccountActivity tbody td.LBCtableShowHide{
	padding: 11px 4px 11px 11px;
}
table.tblAccountActivity  td.LBCtableShowHide span{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	outline: none;
}
/*sub table*/
table.tblAccountActivity table{
	width: 713px;
	margin: -1px -13px 0 31px;
	border-bottom: none;
}
table.tblAccountActivity tr.LBCExpandableRow td{/*no top padding on the td containing the table*/
	padding: 0;
	font-size: 12px;
	color: #474747;
}
.summarygroup table.tblAccountActivity tbody tr.LBCtableShowHideShowing td{
	border: none;
}
table.tblAccountActivity table thead th{
	padding: 4px 13px 5px;
}
table.tblAccountActivity table tbody td,
table.tblAccountActivity table tfoot td,
table.tblAccountActivity table tfoot th{
	padding: 11px 13px;
}
table.tblAccountActivity table tfoot td,
table.tblAccountActivity table tfoot th{
	border-top: 2px solid #B5B5B5 !important;
	font-size: 14px;
}

col.demandAccountDate{width: 18%;}
col.demandAccountDescription{width: 31%;}
col.demandAccountDebit{width: 17%;}
col.demandAccountCredit{width: 17%;}
col.demandAccountBalance{width: 17%;}

col.gicAccountDescription{width: 20%;}
col.gicAccountSuffix{width: 10%;}
col.gicAccountIssueDate{width: 10%;}
col.gicAccountMaturityDate{width: 10%;}
col.gicAccountInitialValue{width: 10%;}
col.gicAccountInterestRate{width: 10%;}
col.gicAccountInterestPmtFrequency{width: 10%;}
col.gicAccountValue{width: 20%;}

col.fixedRateFundsAccountDescription{width: 29%;}
col.fixedRateFundsAccountFaceValue{width: 14%;}
col.fixedRateFundsAccountBookValue{width: 14%;}
col.fixedRateFundsAccountMaturityDate{width: 13%;}
col.fixedRateFundsAccountInterestRate{width: 15%;}
col.fixedRateFundsAccountValue{width: 15%;}

col.mutualFundsAccountDescription{width: 30%;}
col.mutualFundsAccountAsOf{width: 13%;}
col.mutualFundsAccountFundNumber{width: 13%;}
col.mutualFundsAccountBookValue{width: 12%;}
col.mutualFundsAccountNumberOfUnits{width: 12%;}
col.mutualFundsAccountValue{width: 20%;}

/***
* tactical account and sub table
***/
col.tacticalAccountTableRowToggle{width: 20px;}
col.tacticalAccountDescription{width: auto;}
col.tacticalAccountBalance{width: 120px;}

.collapse:not(.show) {
  display: none; }

.javascript .sortable th label {
    text-decoration: underline;
}


ul.topic {
    padding-top: 10px;
}

.javascript span.expandIcon[aria-expanded="false"]{
    background: transparent url(/host/.laurentianbank_ca.com/lang/en/lang/en/DynamicContent/Resources/Images/Icons/bullet_arrow_right.gif) no-repeat scroll left top;
    padding-left: 15px;
}
.javascript span.expandIcon[aria-expanded="true"]{
        background: transparent url(/host/.laurentianbank_ca.com/lang/en/lang/en/DynamicContent/Resources/Images/Icons/bullet_arrow_down.gif) no-repeat scroll left top;
    padding-left: 15px;
}
@media(max-width: 768px) {
.non-mobile {
    display: none !important;
}
}

.lBCCommunicationPreferences input[type="radio" i] {
    accent-color: #004070;
    float: left;
    margin-left: -1.5em;
    margin-top: 0.3em;
}
.lBCCommunicationPreferences .successMessage {
    padding-bottom: 10px;
}
.lBCCommunicationPreferencesStep1 .form-control, .profileChequeOrderStep2 .input.form-control , .profileChequeOrderStep3 .form-check.form-control, .profileChequeOrderStep2 .form-check.form-control{
	border:none !important;
}

.lBCCommunicationPreferencesStep1 .form-control:hover, .profileChequeOrderStep2 .input.form-control:hover, .profileChequeOrderStep3 .form-check.form-control:hover, .profileChequeOrderStep2 .form-check.form-control:hover, .lBCCommunicationPreferencesStep1 .form-control:active, .profileChequeOrderStep2 .input.form-control:active, .profileChequeOrderStep3 .form-check.form-control:active, .profileChequeOrderStep2 .form-check.form-control:active {
	background-color: #FFFF !important;
	border:none !important;
}
header#PageHeader {
    padding-top: 1rem;
    min-height: 104px !important;
    background-color: var(--bs-header-background);
}
.lBCePostSignUp li .btn-primary{
	 background-color: #E2E2E2;
    color: var(--bs-secondary-2);
	pointer-events:none;
}
.lbcButton{
	color: var(--bs-content-area-background, #ffffff);
	    background-color: var(--bs-primary-2, #2074dd);
		    border-color: var(--bs-primary-2, #2074dd);
		    min-width: 8rem;
		min-height: 2rem;
		    font-weight: bold;
		    font-size: 1.142rem;
		text-decoration: initial;
		    border-radius: var(--bs-border-radius, 0.25rem);
		display: inline-block;
		line-height: 1.5;
		    text-align: center;
		   vertical-align: middle;
		   cursor: pointer;
		    user-select: none;   
		border: 1px solid transparent !important;
		    padding: 0.375rem 0.75rem;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
		text-transform: capitalize;
		
}
.lbcButton:hover {
	background-color: #0068B8;
    color: var(--bs-content-area-background, #ffffff);
    border-color: var(--bs-primary-2, #2074dd);
    text-decoration: none;
}
footer#PageFooter a {
	color: #FFFFFF;
}
.form-control:disabled, .form-control[readonly] {
    border: 1px solid var(--bs-primary-1);
    border-color: #014888;
    background-color: #e9ecef ! important;
}
tr td.text-end{
	white-space:nowrap;
}
.searchCreditCardAccount .searchCreditCardAccountAdvanced{
	display: block;
}
.searchCreditCardAccount .demandAccountAdvanced{
	display: none;
}
.profileChequeOrderStep3 .form-check label{
	margin-bottom:15px;
}
.profileChequeOrderStep3 .form-check input{
	margin-right: 10px;
}

.profileChequeOrderStep2 .form-check label{
	margin-bottom:10px;
}
.profileChequeOrderStep2 .form-check input{
	margin-right: 10px;
}
.profileChequeOrderStep2 .form-check.is-invalid label{
	color: #AE0A33 !important;
}
.lBCCommunicationPreferencesStep1 div.lbcBankStatementsPreferences {
    display: none;
}
.md-rec-card-header-color {
    background-color: #F5F5F5;
    border-color: #E2E2E2;
}
.form-select {
	border: 1px solid #737373;
}
.noVendorFound {
    background-color: #FEECF0;
    border: 1px solid #AE0A33 !important;
    padding: 1.428rem;
}
.noVendorFound p:first-child {
    color: #AE0A33;
}
.btn-secondary {
	appearance: none;
}
.card-text.row.detail a{
	text-decoration:underline;
}
.card-title {
  font-weight: bold;
}
.form-control:hover{
    border-color: var(--bs-primary-1, #29487f);
    border: 1px solid var(--bs-primary-1, #29487f);
}
.form-select:hover{
     border: 1px solid var(--bs-primary-1, #29487f);
}
.datepicker_header, .ui-datepicker-title {
    padding: 1.5px 0 3px;
    padding-bottom: 20px;
}
tr td.currency {
    white-space: nowrap;
}
.md-card-header-receipt {
    position: absolute;
    padding-top:4px;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23014888' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-light .navbar-toggler {
    border-color: var(--bs-primary-1);
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.1rem rgb(0 64 112);
}
table th label{
	color:#004070;
}
.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgb(159, 213, 252);
    color: var(--bs-table-hover-color);
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgb(159 213 252);
}
.lBCLinkExternalAccount .lbcConfirm {
    font-size: var(--bs-h2-font-size, 1.429rem);
}
.lBCLinkExternalAccount.lBCLinkExternalAccountStep3 .entry.form-group.col-md-6{
    width: 100%;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #f5f5f5 ! important;
    color: #222222;
}
.md-wkt-form .form-group, .md-wkt-form .md-sfdl-actions {
    padding-top: 1rem;
}
.profileChequeOrderStep1 .md-wkt-form.form-group{
    padding-top: 0rem !important;
}
.profileChequeOrderStep2 .md-wkt-form.form-group{
    padding-top: 0rem !important;
}
.profileChequeOrderStep3 .md-wkt-form.form-group{
    padding-top: 0rem !important;
}
.javascript span.unselected::before, .javascript h2.unselected::before, .javascript h3.unselected::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f13a';
	font-weight: 300;
	font-size: 1rem;
	color: #004070;
	padding-right:5px;
    background: none !important;
}

.javascript p.selected::before, .javascript span.selected::before, .javascript h2.selected::before, .javascript h3.selected::before{
    font-family: 'Font Awesome 5 Pro';
    content: '\f139';
	font-weight: 300;
	font-size: 1rem;
	color: #004070;
	padding-right:5px;
     background: none !important;
}

a#downloadPDF::before {
       font-family: 'Font Awesome 5 Pro';
    content: '\f1c1';
	font-weight: 300;
	font-size: 1rem;
	color: #004070;
	padding-right:5px;
     background: none !important;
}
a#downloadPDF{
	text-decoration:underline;
}
@media (max-width: 991px){
.tabcontent{
    background-color: #D8ECFD;
}
}
.searchActivityForm .table thead th{
	color: #222222 !important;
	background-color: #f5f5f5;
}
.table thead th{
	color: #222222 !important;
	background-color: #ffffff;
}
thead tr{
	border-bottom:2px solid #004070;
}
tr.header {
    border-top: none;
    border-bottom: 2px solid #004070;
}
.table{
    border-color: #e2e2e2;
}
@media(max-width: 991px) {
.md-subnav:hover {
        background-color: #9FD5FC;
    }
}
.form-control:disabled, .form-select:disabled , .form-control[readonly] {
    border: 1px solid #E2E2E2;
    background-color: #F5F5F5! important;
}
th.currency {
    text-align: right;
}
td.currency {
    text-align: right;
}
.searchActivityForm select#OptionFilterNameValue {
    margin-bottom: 20px;
}

.lbcContactUsv2 span.text-primary-2.col-2.text-end.ms-auto.d-print-none {
    display: none;
}

/*LORF-99 - Ability to have Desktop-only and Mobile-only banner images*/
@media (max-width:991px)  { 
    .desktop-only{display: none;}    
}
@media (min-width:992px)  { 
    .mobile-only{display: none;}    
}
/*LORF-116 */
.profileChequeOrder input.btn, .profileChequeOrder .btn-primary, .btn-secondary{
	text-transform: none;
}
.contentTitle {
    text-transform: none;
}
.fw-bold {
    font-weight: 700 !important;
}
.lBCCommunicationPreferences input.btn, .lBCCommunicationPreferences .btn-primary, .btn-secondary{
	text-transform: none;
}
.receipts.md-receipt-card.mb-2 .mx-2{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.footerLinks {

    padding-bottom: 27px;

}
.footerSocialMedia {
    padding-bottom: 24px;
}

.img-fluid {
    max-width: 180px;
}
@media (min-width: 768px)
{
.cdicLogoText {
 margin-left: 3.755rem !important;
 padding-top: 6px;
 }
}

@media (min-width: 992px)
{
.cdicLogoText {
        margin-left: 2rem !important;
        padding-top: 6px;
    }
}

@media (min-width: 1200px)
{
 .cdicLogoText {
     margin-left: 1.5rem !important;
     padding-top: 6px;       
    }
}
i.fas.fa-sign-out.h2.text-primary-2{
	color: #004070 !important;
}

a.btn.btn-primary.d-xs-none.d-sm-none.d-md-none.d-lg-block {
    background-color: #E00D42;
    border-color: #E00D42;
}
.simple img {
    width: 100%;
}

/* LBCAPP-215 */
.estatements-container ul li.li-no-style {
  border-bottom: 1px solid #E2E2E2;
}

.estatements-container ul li.li-no-style span.md-confirm-label {
  color: #222222;
}

.estatements-container i.fas.fa-download {
    padding-right: 0.5em;
}

.estatements-container #statementText {
	color: #222222;
}

/*Universal Content Standard Content fixes*/
#PagePrimaryContent .md-container.card-deck-wrapper.card-container.mt-2.px-2.py-1 .Component-StandardContent {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

/*CUSSOL-632*/
/*
a.md-subnav-a[title="Autres sites"],
a.md-subnav-a[title="Other Sites"]  {
    display: none;
}
*/
/* CUSSOL-980 */
.intercept-marketing .simple img {
    object-fit: contain;
}

/*CUSSOL-1034*/
.intercept-marketing .formActions input.btn-primary {
  text-transform: none;
}
/*CUSSOL-632*/
#PagePrimaryContent .md-maincontent .Component-HTML {
  box-shadow: none;
}


/*CUSSOL-1127*/
@media (max-width:767px)  { 
.receipts .text-md-end {
	padding-left: 0;
}
}

.requestMoneyForm #errorPanel,
.autodeposit #errorPanel,
.autoDepSettings #errorPanel, 
#ModifyMoneyRequestStep1 #errorPanel,
#CancelMoneyRequestStep1 #errorPanel,
#FulfillMoneyRequestStep1 #errorPanel {
	background-color: #FEECF0;
}

#InitiateMoneyRequestStep1 #receiptContent .col-md-6.fw-bold,
#CancelMoneyRequestStep1 #receiptContent .col-md-6.fw-bold,
#CertapaySendTransferStepReceipt .receipts .col-md-6.fw-bold,
#ModifyMoneyRequestStep1 .receipts .col-md-6.fw-bold,
#SendMoneyRequestNoticeStep1 .receipts .col-md-6.fw-bold {
	padding: 0;
}

#InitiateMoneyRequestStep1 #receiptContent .receipt.receipt0.receiptN,
#CancelMoneyRequestStep1 #receiptContent .receipt.receipt0.receiptN,
#CertapaySendTransferStepReceipt .receipts .receipt.receipt0.receiptN,
#ModifyMoneyRequestStep1 .receipts .receipt.receipt0.receiptN,
#SendMoneyRequestNoticeStep1 .receipts .receipt.receipt0.receiptN {
	margin-right: 0.751rem;
	margin-left: 0.751rem;
}

#InitiateMoneyRequestStep1 .requestMoneyFormStep2 .formActions ul.submit {
	display: flex;
}

#InitiateMoneyRequestStep1 .requestMoneyFormStep2 .formActions ul li.item1 {
	order: 2;
    margin-left: 1.5rem;
}

#InitiateMoneyRequestStep1 .requestMoneyFormStep2 .formActions ul li.item2.itemN.formCancel {
	order: 1;
	margin: 0;
}

#InitiateMoneyRequestStep1 .requestMoneyFormStep2 .formActions ul li.item0 {
	order: 3;
    margin-left: 1.5rem;
}

#CertapayHistoryStep2 p a {
	text-decoration: none;
}

#CertapayHistoryStep2 p a:hover {
	text-decoration: underline;
}

#autodepositApp .autoDepSettings .card.md-card .md-card-title {
	font-weight: bold;
}

#autodepositApp .rfm.modal .modal-header {
	justify-content: space-around;
}

#autodepositApp .rfm.modal .modal-body {
	text-align: center;
}

#autodepositApp .rfm.modal .modal-footer .formActions {
	padding-top: 1rem;
}

.autoDepSettings .heroContent + hr {
  display: none;
}

cancel-request-form .requestMoneyFormStep2 .form-label[for=messageInput] {
	color: #737373;
}

.certapaySendTransferStep1 .instructionsXX + hr {
  display: none;
}

#FulfillMoneyRequestStep1 .receipts i.fa {
 font-weight: 300;
}

#ModifyMoneyRequestStep1 ul.submit #Continue.btn,
#FulfillMoneyRequestStep1 ul.submit #Continue.btn {
	text-transform: none;
}

/*END OF CUSSOL-1127*/

/* MRR-34970 */
.card-container,
.BillPay .table td.acctnum, 
.BillPay .card-container, 
.BillPayeeAdd .card-container, 
.BillPayeeRemove .card-container, 
.RecurringBill .card-container,
.BillSummary .card.md-card, 
.BillCancel .card-container,
.BillPayeeSummary .card.md-card,
.RecurringBill .card-container,
.RecurringBill .card-container .form-select,
.RecurringBill .card-container .form-select option,
.RecurringBill .card-container .form-select option font {
    font-feature-settings: 'liga' off, 'calt' off;
}
.RecurringBill .card-container .form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* CUSSOL-1633 */
.BillPay .pay-bills ul.nav a{
    text-decoration: underline;
}


/* MRR-35678 */
.BillPay .md-confirm-value strong {
	font-weight: 400; 
}

/*CUSSOL-1682*/
button#CertapayReceivedTransfers {
    padding-right: 1.253rem !important;
}

/*CUSSOL-1633*/
#BillPayStep1 .pay-bills .form-group a {
    text-decoration: underline;
}

/* DU-4513 */
.session-timeout-section .fas.fa-clock {
  color: #004070;
}

.session-timeout-section a.btn.btn-primary {
  background-color: #E00D42;
  border-color: #E00D42
}

.session-timeout-section a.btn.btn-primary:hover {
  background-color: #AE0A33;
  border-color: #AE0A33;
}
/* End of DU-4513 */

/* MII-4086 */
.showRemittanceAccordion .accordion-item {
    border-color: #004070;
    background-color: #FFFFFF;
}
.showRemittanceAccordion .accordion-item .remittance-detail hr:not([size]) {
    color: #737373;
}