/******************
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;
}

/**/
/*********************
Site Layout
***********************/
body > .mdi{
	position: relative;
	overflow: hidden;/*due to having divs extend via extendedContentContainer*/
	min-width: 960px;/*site width*/
}
.Popup .mdi,
.ModalWindow .mdi{
	overflow: visible;
	min-width: auto;/*decorators that are less than the site width*/
}
.Online .mdi{
	overflow: visible;
}
div.outerWarning,
div.outerHeader,
div.outerColContainer,
div.outerFooter,
div.outerPromoArea{
	text-align: center;
}
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: 960px;
}
div.promoArea{ /*width is property*/
	margin: 0 auto;
	text-align: left;
}
div.outerWarning div.warning{ /*.warning is used elsewhere*/
    padding: 12px;
	text-align: center;
	width: 936px;
}
div.colContainer,
div.header{
	position: relative;/*not on footer cause of ie7 and show hides in online banking*/
}
div.colContainer{
	clear: both;
	display: block;
}
div.colOne{
	float: left;
	display: inline;
	margin-left: 8px;
	min-height: 1em;
	overflow: hidden;
	padding-bottom: 15px;
	width: 200px;
}
div.colTwo{
	float: left;
	display: inline;
	margin: 0 12px 50px 12px;
	min-height: 1em;
	overflow: visible;
	padding-bottom: 15px;
	width: 520px;
}
div.colThree{
	float: left;
	display: inline;
	margin-right: 8px;
	min-height: 1em;
	overflow: hidden;
	padding-bottom: 15px;
	width: 200px;
}
div.colOneTwo{
	float: left;
	display: inline;
	margin: 0 12px 0 8px;
	min-height: 1em;
	overflow: hidden;
	padding-bottom: 15px;
	width: 732px;
}
div.colTwoThree{
	float: left;
	display: inline;
	margin: 0 8px 0 12px;
	min-height: 1em;
	overflow: hidden;
	padding-bottom: 15px;
	width: 732px;
}
div.colOneTwoThree{
	display: block;
	margin: 0 8px;
	padding-bottom: 15px;
}
div.footer{
	clear: both;
	display: block;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0;
}
/**********
Site Layout variations
***********/
.Popup div.colContainer{
	padding: 20px;
	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;
}
.Campaign div.colOneTwoThree{
	padding-top: 15px;
}
/*****
Added to create extended content beyond the 960px
******/
div.extendedContentContainer{
    width: 500%;
    margin-left: -200%;
}
.extendedContentContainer > div{
	width: 960px;
	margin: 0  auto;
}

.unclickable {
	pointer-events: none;
}

input[type="text"].unclickable,
div.unclickable input[type="checkbox"],
select.unclickable,
div.unclickable select {
	opacity: 0.5;
}

div.payrollBox {
	width: 640px; 
	height: 180px; 
	border: 1px solid gray; 
	box-sizing: border-box;
	z-index: 1;
	padding-left: 2em;
}

div.payrollDelegateBox {
	border: 1px solid gray; 
 	box-sizing: border-box;
	z-index: 1;	
   	width: 640px; 
  	min-height: 1vh;
	flex:1;
	align-self: flex-start;
  	padding-left: 2em;
}

div.payrollBlurb  {
	width: 180px;
	margin-top: 2.5em; 
}

div.contentLeft {
  float: left ;
  width: 35% ;	
}

div.contentRight {
  float: right;
  width: 65%;
}

div.openProfileHolder {
	padding-top: 7px;
	font-size: 9pt;
}

div.viewPayrollHolder {
	padding-top: 7px;
	font-size: 9pt;
}

button.viewPayroll {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;	
}

hr.payrollLine {
	width: 570px;
	align: center;
}

div.payrollDelegatesList {
	padding-top: 0.9em;
}

div.payrollModifyDelegate {
	padding-top: 0.8em;
	padding-bottom: 1.0em;
}

div.payrollEditDelete {
	padding-top:0.3em; 
	padding-bottom:0.8em;
}

span.payrollEdDel {	 
	color: #71a4c9;
}

div.lateWarning {
	border-color: #D70505;
	border: solid 1px;
	color: #D70505;
	margin-bottom: 10px;
	padding: 12px 10px 2px 10px;
	background-repeat: no-repeat!important;
	background-image: url('/DynamicContent/Resources/Images/Icons/warning.png')!important;
	padding-left: 28px;
	height: auto;
	min-height:92px;
	height:auto !important;
	height:92px;
	padding-top: 3px;
	padding-bottom: 10px;
}

div.rejectLateInfo {
	border-color: #D70505;
	border: solid 1px;
	color: #D70505;
	margin-bottom: 10px;
	padding: 12px 10px 2px 10px;
	background-repeat: no-repeat!important;
	background-image: url('/DynamicContent/Resources/Images/Icons/warning.png')!important;
	padding-left: 28px;
	height: auto;
	min-height:192px;
	height:auto !important;
	height:192px;
	padding-top: 3px;
	padding-bottom: 10px;
}

a#downloadPDF{
	display: inline-block;
	margin-bottom: 15px;
}

/**/
/*
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: 13.4px;
}
/*****
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;
}
.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;
}
.md .Component-LongCallToAction li{
    list-style: none;
    color: #4c4d4f;
    background: url(/DynamicContent/Resources/Images/Navigation/crumbmarker.png) 0 3px no-repeat;
    padding-left: 12px;
}
.md .Component-LongCallToAction .simple h2,
.md .Component-LongCallToAction .simple h3{
    font-size: 16px;
    font-weight: normal;
}
.md .Component-LongCallToAction ul,
.md .Component-LongCallToAction .calltoaction ul{
    margin-left: 0;
    padding-left: 0;
}
.md .Component-LongCallToAction .calltoaction li{
	list-style: none;
    background-image: none;
    padding-left: 0;
    float: left;
    margin-right: 12px;
}
.md .Component-LongCallToAction .calltoaction li:last-child{
    margin-right: 0;    
}
.md .Component-LongCallToAction .calltoaction a{
    border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #d86018;
    color: #ffffff;
    text-transform: uppercase;
}
.md .Component-LongCallToAction .copy{
    margin-bottom: 16px;
}
.md .Component-LongCallToAction .calltoaction a{
    border: 1px solid #ffffff;
}
.md .Component-LongCallToAction .calltoaction a:hover{
    background-color: #ffffff;
    border: 1px solid #d86018;
    color: #d86018;
}

/****
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;
}

.Home .md .Component-EventGroup h2,
.Home .md .Component-EventGroup .title{
    display: none;
}
.Home .md .Component-EventGroup .date{
	padding: 0;
	background-color: #ffffff;
	width: 60px;
	margin-right: 0;
}
.Home .md .Component-EventGroup .event-item{
	padding-bottom: 4px;
    padding-top: 4px;
    border-top: 0;
}
.md .Component-EventGroup .month{
    line-height: 10px;
}
.md .description a {
    color: #4c4d4f;
    text-decoration: none;
}
.md .description a:hover{
	text-decoration: underline;
}
/*****
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;
}
.md .Component-RatesTable .Component-ShortCallToAction a{
    background-position: 8px 13px;
    text-decoration: none;
}
.md .Component-RatesTable .Component-ShortCallToAction a:hover{
   text-decoration: underline;
}
.md .Component-ShortCallToAction a{
	background-position: 8px 13px;
}
/*****
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;
}
.md .Component-Marketing.buttonOverlay .Component-Button{
    position: absolute;
    bottom: 16px;
}
.md .Component-Marketing.buttonOverlay .Component-Button a{
    text-align: left;
    padding-left: 22px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.md .Component-Button a{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.md .Component-Button a:after{
	content: '';
	display: none;
}
.Landing .md .Component-Marketing .Component-Button a{
	text-align: left;
	font-size: 12px;
    padding-left: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
/*****
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;}
.md .Component-Marketing .copy h3{
	color: #4c4d4f;
	font-size: 24px;
    font-weight: normal;
}
.md .Component-Marketing .copy h4{
	color: #4c4d4f;
	font-size: 17px;
    font-weight: normal;
    margin: 4px 0 8px;
}
.Landing .contentColumn .Component-Marketing{
    border: 1px solid #d86018;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.Landing .md .Component-Marketing .copy{
    height: 140px;
    padding: 12px 8px 12px 16px;
}
.Landing .md .Component-Marketing .imageWrapper{
    margin: 0 auto;
    width: 103px;
    padding-top: 16px;
}
.Landing .md .Component-Marketing h3{
	font-size: 18px;
	color: #d86018;
}
.Landing .md .Component-Marketing ul{
	padding-left: 0;
	margin-left: 0;
}
.Landing .md .Component-Marketing li{
    list-style: none;
    font-size: 14px;
    background: url('/DynamicContent/Resources/Images/Icons/bullet_arrow_right_greyonwhite.png') no-repeat 0 1px;
    padding-left: 14px;
}
.Landing .md .Component-Marketing li a{
    font-size: 14px;
	text-decoration: none;
	color: #4c4d4f;
}
.Landing .md .Component-Marketing li a:hover{
	text-decoration: underline;
}
.Landing .md h1.overlayText{
	position: absolute;
    top: 44px;
    left: 10px;
    font-size: 66px;
    font-weight: normal;
    width: 280px;
    border-bottom: 0;
    color: #ffffff;
}
.Landing .md h1{
    font-size: 22px;
    color: #003a70;
    font-weight: normal;
    border-bottom: 0;
}

/*Right Column*/
.md .colThree .Component-Marketing{
    border: 1px solid #e1e1e1;
    padding: 0 8px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-top-left-radius: 5px;
    -moz-bottom-right-radius: 5px;
    -webkit-top-left-radius: 5px;
    -webkit-bottom-right-radius: 5px;
}
.md .colThree .Component-Marketing .Component-Button a{
    text-align: left;
    padding-left: 0;
}
.md .colThree .Component-Marketing .copy h3{
    font-size: 18px;
}


/****
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;
}

.md .colThree .Component-Shortcuts{
	border: 1px solid #dbf6f7;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-top-left-radius: 10px;
    -moz-bottom-right-radius: 10px;
    -webkit-top-left-radius: 10px;
    -webkit-bottom-right-radius: 10px;
    padding: 12px 8px;
}
.md .colThree .Component-Shortcuts.calculatorIconBg{
	background: url('/SharedContent/images/Component-MarketingImages/calculator-icon.gif') no-repeat 85px 10px #ffffff;
	min-height: 160px;
}
.md .colThree .Component-Shortcuts h3{
	color: #003a70;
	font-size: 18px;
	font-weight: normal;
}
.md .colThree .Component-Shortcuts a{
	text-decoration: none;
}
.md .Component-Shortcuts li::before{
	background-position: 1px 5px !important;
}

/*****
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;
}
div.formlet form, 
.md div.infoFormlet{
    top: 24px;
    padding-left: 12px;
    position: absolute;
    width: 280px;
    z-index: 2000;
}
.md div.contactFormletv2 a{
    color: #d86018;
    text-decoration: none;
}
.md div.contactFormletv2 div.toggleForm a {
	 padding: 0 65px;
}
.md div.contactFormletv2 a:hover{
    text-decoration: none;
}
.contactFormletv2 .toggleForm a,
.actionFooter .input input{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.contactFormletv2 .toggleForm,
.md .Component-ContactFormlet h3,
.md .Component-ContactFormlet h4,
.md .Component-ContactFormlet .formReceipt p{
    padding-left: 22px;
}
div.contentColumn .contactFormletv2 .toggleForm{
    margin-top: 135px;
}
.contactFormletv2 .collapsible.content,
.contactFormletv2.contactFormletv2Step1.step1 .content{
    padding-left: 6px;
    width: 284px;
    top: 0;
    padding-top: 18px;
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    position: absolute;
    background-color: #d3f0f8;
    border: 2px #d3f0f8 solid;
}
.contactFormletv2.contactFormletv2Step1 .formletHeader{
    height: 0;
}
.md .Component-ContactFormlet h3,
.md .Component-ContactFormlet p{
    color: #4c4d4f;
}
.md .Component-ContactFormlet h3{
    font-size: 24px;
    font-weight: normal;
    padding-top: 10px;
}
.md .Component-ContactFormlet h4{
    font-size: 15px;
    font-weight: normal;
}
div.formlet .contactFormlet div.content{
    margin: 0;
}
.actionFooter .input input{
    background-color: transparent;
    border-color: transparent;
    color: #d86018;
    cursor: pointer;
    padding: 0 0 2px 0;
}
.actionFooter .formCancel{
    position: absolute;
    top: 3px;
    right: 0px;
    background-color: #d86018;
    border-radius: 40px;
    padding: 2px 6px;
}
.md .contactFormletv2 div.formError{
    border: 0;
    margin-top:  -16px;
    margin-bottom: 0;
    padding: 0 0px 4px;
}
div.formlet div.actionFooter{
    margin-top: 0;
}
.md div.formError p.fieldText{
    margin-bottom: 0;
}
.md .contactFormletv2 #errorMsgId ol{
    display: none;
}
.md .contactFormletv2 ol{
    margin-bottom: 0;
}
.md .actionFooter .formCancel a{
    color: #ffffff;
}
.contactFormletv2 .twoColRow .entry {
    float: left;
    width: 130px;
    margin-bottom: 4px;
}
.contactFormletv2 .actionFooter .input {
    float: right;
}
.contactFormletv2 #errorMsgId .formSection{
    margin-top: -10px;
}
.md .contactFormletv2 .formReceipt p{
    font-size: 14px;
    margin-bottom: 0;
}
.contactFormletv2 .formSection input {
    height: 16px;
    border: 1px solid #a3a4a5;
    background-color: #ececec;
}
.contactFormletv2 .formSection textarea {
    border: 1px solid #a3a4a5;
    background-color: #ececec;
}
.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;
}

.Home div.promoArea {
    width: 1200px;
    margin-left: -120px;
}
div.outerPromoArea{
    width: 960px;
    margin: 0 auto;
}
.slick-slider .slick-dots{
    background-color: #eef4ee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    margin-left: 120px;
    width: auto;
    padding: 10px 8px 6px 8px;
}
.slick-slider .slick-dots li{
    margin: 0 8px;
}
.slick-slider .slick-dots li button{
    border-radius: 10px;
}
.slick-slider .slick-dots li button:before {
    border-radius: 10px;
}
.slick-slider .slick-slide img{
    border-top-left-radius: 20px;
    -moz-border-top-left: 20px;
    -webkit-border-top-left: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-bottom-right: 20px;
    -webkit-border-bottom-right: 20px;
}

/*****
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;
}

/**/

.header h1{
	height: 157px;
}
.md p.footerCopyright{
	float: left;
}
.contentTitle h1, 
h1#PageTitle, 
.mainContent h1{
	font-weight: normal;
	border-bottom: 0;
	font-size: 26px;
}
.outerWarning {
	border: none;
	background: #00b3e6;
	font-family: Arial, Helvetica, sans-serif;
}
.md div.outerWarning,
div.outerWarning {
	border: none;
	background: #00b3e6;
}
.gandfAlert.outerWarning{
	display: none;
	overflow: hidden;
	text-align: center;
}
.warning .closeAlert{
	background: transparent url('/DynamicContent/Resources/Images/web_alert_x.png') no-repeat scroll 0 0;
	cursor: pointer;
	height: 31px;
	width: 31px;
	position: absolute;
	right: 5px;
	top: 5px;
}
.warning div.contentColumns {
	color: #fff;
}
.Home .gandfAlert {
	height: 106px;
}
/*************
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: -150px;
}

.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;
}

.growl_panel{
	z-index:2001;
}
.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;
}
.contentTabs .selected span,
.Online .contentTabs .selected span{
	color: #d86018;
}
.contentTabs span{
	font-size: 13px;
	font-weight: normal;
	padding: 8px 17px;
}
.Home .contentTabs span{
	font-size: 18px;
}
.contentTabs li.selected{
	background: #ffffff none repeat scroll 0 0;
	border-left: 1px solid #d86018;
	border-right: 1px solid #d86018;
	border-top: 1px solid #d86018;
	padding-top: 1px;
	top: -1px;
}
.contentTabs li{
	background: none repeat scroll 0 0 #fae8da;
	border-left: 1px solid #fae8da;
	border-right: 1px solid #fae8da;
	border-top: 1px solid #fae8da;
	height: 34px;
	margin: 0 5px 0 0 ;
	min-width: 111px;
	text-align: center;
	top: -1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.contentTabs li span,
.Online .contentTabs li span{
	color: #d86018;
}
.contentTabsContainer .Component-StandardContent h2{
	color: #1b3176;
	font-size: 19px;
	margin-top: 0;
}
.contentTabsContainer .Component-HTML li{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}
.Home .contentTabsContainer .Component-StandardContent{
    margin-left: 20px;
}

.contentTabs a{
	padding-right: 0;
}
.contentTabs a:hover span{
	color: #000000;
	text-decoration: underline;
}
.contentTabs li.selected a:hover{
	background: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.contentTabs li.selected a:hover span{
	color: #000000;
	text-decoration: none;
}
.Home .md .mainContent .contentTabsContainer .contentTabs{
	border-bottom: 1px solid #d86018;
	margin: 0;
	padding: 0;
	width: 449px;
}
.Home .md .mainContent .contentTabsContainer .contentTabs,
.md .mainContent .contentTabsContainer .contentTabs,
.contentTabsContainer .contentTabs, 
.contentTabsContainerFaked .contentTabs{
	height: 34px;
}
.md .contentTabsContainer, 
.md .contentTabsContainerFaked{
	border-bottom: 0;
	padding: 24px 15px 0 0;
}
.Home .md .mainContent .contentTabsContainer #contentTab,
.Home .md .mainContent .contentTabsContainer #contentTab1,
.Home .md .mainContent .contentTabsContainer #contentTab2,
.Home .md .mainContent .contentTabsContainer #contentTab3,
.Home .md .mainContent .contentTabsContainer #contentTab4,
.Home .md .mainContent .contentTabsContainer #contentTab5{
    padding: 24px 15px 0 15px;
	border-left: 1px solid #d86018;
	border-right: 1px solid #d86018;
    min-height: 136px;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom: 1px solid #d86018;
	margin-right: 6px;
}
.md .mainContent .contentTabsContainer #contentTab,
.md .mainContent .contentTabsContainer #contentTab1,
.md .mainContent .contentTabsContainer #contentTab2,
.md .mainContent .contentTabsContainer #contentTab3,
.md .mainContent .contentTabsContainer #contentTab4,
.md .mainContent .contentTabsContainer #contentTab5,
.md .contentTabsContainer{
	padding: 12px 12px 12px 0;
}
.Home-New .contentTabsContainer .section{
	margin-bottom: 0;
}
.md .contentTabsContainer p,
.md .contentTabsContainer ul,
.md .contentTabsContainer li{
	margin-bottom: 0;
}
.md .gf-quicklinkBg ul{
	margin-left: 0;
	padding-left: 0;
}
.md .gf-quicklinkBg #contentTab li,
.md .contentTabsContainer .classTBD li{
	list-style: none;
	background: url('/DynamicContent/Resources/Images/Navigation/crumbmarker.png') no-repeat 0 4px;
}
.md .gf-quicklinkBg #contentTab li a,
.md .contentTabsContainer .classTBD li a{
	padding-left: 12px;
	text-decoration: none;
	font-size: 14px;
	color: #4c4d4f;
}
.md .gf-quicklinkBg #contentTab li a:hover,
.md .contentTabsContainer .classTBD li a{
	text-decoration: underline;
}
.Online .contentTabs a,
.Online .contentTabs span{
	background: none;
}
.contentTabs a,
.contentTabs span,
.tabify_decor_image
.tabify_tab_label,
.tabify_decor_image .tabify_tab_label_text{
	background-image: none;
}
.md .Component-TabsHorizontal.gf-quicklinkBg #contentTab{	
	background: url('/DynamicContent/Resources/Images/Furniture/quicklinksbg.png') no-repeat #ffffff;
}
.md .memberNews li{
	display: flex;	
}
.md .memberNews li a{
	text-decoration: none;
}
.md .dateWrap{
	float: left;
    width: 30px;
}
.md .memberNews li a,
.md span.newsMonth,
.md span.newsDay{
    color: #003a70;
}
.md .newsDay{
    display: block;
    font-size: 22px;
    font-weight: normal;
    width: 30px;
}
/*************
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;
}
/* epost icon on bill payee list */
.md .icon_epost{
	display: inline;
	vertical-align: top;
}
.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;
}

	div.searchGlobal{
	top: 80px;
}
div.searchGlobal .input{
    position: absolute;
    right: 0;
    top: 10px;
}
div.searchGlobal .submit{
    left: -214px;
    position: absolute;
    top: 10px;
    width: 30px;
    height: 26px;
}
.md div.searchGlobal .submit input{
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-right: 0;
    background: url('/DynamicContent/Resources/Images/Furniture/search-icon.png') no-repeat 2px 2px;
    text-indent: -9909px;
    width: 30px;
    height: 26px;
}
div.searchGlobal .input input{
	width: 176px !important;
	border: 1px solid #e5e5e5;
	border-left: 0;
	padding: 2px 0 3px 0;
	height: 19px;
}

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); /* internet explorer */
    -khtml-opacity: 0;      /* khtml, old safari */
    -moz-opacity: 0;       /* mozilla, netscape */
    opacity: 0;           /* fx, safari, opera */
}


/* 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: #FFFFFF;
}

/**********
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;
}
/**/
/**********************
global
***********************/
div.global{
	position: absolute;
	right: 5px;
	top: 0px;
}
ul.global{
    margin: 2px 0px 0px 0px;
    padding: 0 4px 0 0;
    text-align: left;
    background-position: 100% 50%;
    background-repeat: no-repeat;
	float: left;
}
ul.global li{
    background-repeat: no-repeat;
	background-position: 0 50%;
    display : inline;
    padding-left : 8px;
    padding-right : 4px;
}
.Home ul.global li.name-home{
	display: none;
}
ul.global li a{
    text-decoration : none;
}
ul.global li a:hover{
    text-decoration : underline;
}

div.global{
	z-index: 2000;
	top: 0;
	right: 0;
	width: 960px;
}
ul.global {
    text-transform: uppercase;
	float: right;
	background-image: none;
}
ul.global li{
    background-image: none;
}

.header h1.logo{
 	height: auto; 
}

div.header {
  	padding-bottom: 40px;
	border-bottom: 1px solid #aeaeae;
}

.md div.header .btn_cta_primary {
	background-color: #dc6027;
    border-color: #dc6027;
}

.md div.header .btn_cta_primary:hover {
	background-color: #A92D00;
    border-color: #A92D00;
}

div.nav__secondary {
	text-align: right;
  	padding-top: 10px;
}

div.nav__secondary ul {
	list-style: none;
  	padding: 0;
  	margin: 0;
}

div.nav__secondary ul li {
	display: inline-block;
}

div.nav__secondary ul li:not(:last-of-type) {
	margin-right: 20px;
}

div.nav__secondary ul li a {
 	text-decoration: none;
  	color: #696969;
}

div.nav__secondary ul li a:hover {
 	text-decoration: underline; 
}
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;
}
/**/
div.primary{
    width: 100%;
    clear: both;
    display: block;
    position: relative;
    height: 40px;
}
ul.primary{
    height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
}
ul.primary li{
	background-position: top left;
	background-repeat: no-repeat;
    display: block;
    float: left;
    font-weight: bold;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: left;
}
ul.primary li.current{
	background-position: bottom left;
}
ul.primary li a{
    display: block;
    height: 35px;
    padding: 5px 3px 0px 10px;
    text-decoration: none;
}
ul.primary li a:hover{
    text-decoration: underline;
}
div.primary{
	height: 22px;
	position: absolute;
	bottom: 16px;
	background: transparent;  	
}
ul.primary{
    height: 22px;
    left: 0px;
    bottom: 0px;
}
ul.primary li{
	height: auto;
    background: none;
	text-align: right;
	width: auto;
	margin-left: 4px;
    padding: 0;
  	padding-right: 24px;
}
ul.primary li.current{
	background-color: #ffffff;
	color: #d86018;
	background-image: none;
}
ul.primary li a{
	height: 33px;
	padding: 4px 10px 0px;
	font-size: 14px;
	height: 16px;
	font-weight: normal;
}
.header h1.logo{
	width: auto;
	display: inline-block;
} 
.header h1.logo img{
	width: 500px;
	margin: 25px 0;
}
ul.nav__buttons{
  	position: absolute;
  	right: 0;
	padding: 0;
    list-style: none;
  	margin: 0;
  	bottom: 10px;
}
ul.nav__buttons button{
	cusor: pointer;
}
ul.nav__buttons .btn_cta{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
ul.nav__buttons li{
    height: auto;
  	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
ul.nav__buttons li:last-of-type{
	margin-left: 20px; 
}
.btn--svg svg g path{
	fill: #dc6027;
}
.btn--svg {
	display: inline-block;
}
.btn--svg:hover svg g path{
	fill: #003a70;
}
/*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;
}

ul.primaryWMegaMenu > li > a{
	padding: 3px 10px;
  	line-height: 16px;
}
ul.primary > li.activeMegaMenu > a:after{
	display: none;
}
ul.primary .megaMenu .contentColumn > div{
	padding: 5px 12px;
}
ul.primary .megaMenu{
	width: 960px;
	top: 26px;
	right: -5px;
}
.md .Component-Shortcuts li:before{
    background-position: 1px 3px;
}
ul.primary .megaMenu .Component-Shortcuts li,
ul.primary .megaMenu .contentColumn h2, 
ul.primary .megaMenu .contentColumn h3{
	text-align: left;
}
ul.primary .megaMenu .contentColumn h2,
ul.primary .megaMenu .contentColumn h2 a, 
ul.primary .megaMenu .contentColumn h3,
ul.primary .megaMenu .contentColumn h3 a{
	font-size: 14px;
	font-weight: normal;
}
ul.primary .megaMenu a{
    font-size: 13px;
}
ul.primary .megaMenu a:hover{
    color: #4c4d4f;
}
ul.primary .megaMenu .contentColumn{
    border-left: 1px dotted #c5c5c5;
    min-height: 120px;
}
ul.primary .megaMenu .contentColumn0{
	border-left: 0;
}
/*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;
}
div.sectionNav{
    right: 0;
    bottom: 30px;
}
ul.sectionNav li{
	height: 36px;
	font-size: 14px;
	background-image: none;
	text-align: right;
	width: auto;
	margin: 0 0 0 8px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul.sectionNav li a{
	font-weight: normal;    
	padding: 3px 22px;
}
/*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;
}
div.secondary{
	top: 39px;
}
/*********************
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{
	margin-bottom: 8px;
}
ul.context{
    border-width: 1px;
	border-style: solid;
    margin: 0;
    padding: 0; 
	overflow: hidden;
    width: 196px;
}
ul.context li{
    background-position: 2px 6px;
    background-repeat: no-repeat;
    border-bottom-width: 1px;
	border-bottom-style: solid;
    display: block;
	clear: both;
    font-weight: bold;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 4px 4px 4px 20px;
    position: relative;
    text-align: left;
    width: 174px;
	list-style-position: outside;
	font-size: 14px;
}
ul.context li.linkN{
	border-bottom: none;
}
ul.context li a{
    height: auto;
    text-align: left;
}
ul.context li.self a{
    font-weight: bold;
}
ul.context li.self li a{
    font-weight: normal;
}
ul.context .depth1{
    border-top-width: 1px;
	border-top-style: solid;
    margin: 4px -4px -4px -20px;
    padding: 0;
}
ul.context .depth1 li{
    background-position: 10px 6px;
    background-repeat: no-repeat;
    border: none;
    font-weight: normal;
    margin: 0;
    padding: 2px 2px 2px 20px;
    width: auto;
	font-size: 12px;
}
ul.context .depth2{
    margin: 4px -4px -2px -20px;
    padding: 0;
}
ul.context .depth2 li{
    background-position: 15px 6px;
    background-repeat: no-repeat;
    border: none;
    font-weight: normal;
    margin: 0;
    padding: 2px 2px 2px 25px;
	width: auto;
}
ul.context .depth3{
    margin: 4px 0px 0px -25px;
    padding: 0;
}
ul.context .depth3 li{
    background-position: 20px 4px;
    background-repeat: no-repeat;
    border: none;
    font-weight: normal;
    margin: 0;
    padding: 2px 0 2px 30px;
	width: auto;
}
ul.context .depth4{
    margin: 4px 0px 0px -30px;
    padding: 0;
}
ul.context .depth4 li{
    background-position: 27px 4px;
    background-repeat: no-repeat;
    border: none;
    font-weight: normal;
    margin: 0 12px 0 0;
    padding: 2px 0px 2px 36px;
	width: auto;
}
ul.context li sup{
	font-size: 70%;
}
ul.context li,
ul.context .depth1 li,
ul.context li.current,
ul.context .depth1 li.self{
	background-image: none;
}
ul.context li.self,
ul.context .depthN li.self,
 ul.context .depth1 li.current{
	background-image: url('/DynamicContent/Resources/Images/Navigation/crumbmarker.gif');
}
ul.context li.self .depth2 li a,
ul.context li li.notcurrent a {
    color: #333333;
}
ul.context li{
    background-position: 4px 7px;
    font-weight: normal;
}
ul.context li a{
    text-decoration: none;
}
ul.context .depth1 li{
	padding-left: 30px;
	background-position: 20px 4px;
}
ul.context li{
    padding: 4px 4px 4px 14px;
}
ul.context li.self a{
	font-weight: normal;
}
/**********************
global
***********************/
div.footer br{
	display: block;
	clear: both;
}
ul.footer{
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;

}
ul.footer li{
	border-width: 1px;
	border-style: solid;
	display: inline;
	float: left;
	margin: 2px;
}
ul.footer li a{
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
}
ul.footer li a:hover{
	text-decoration:underline;
}
.md .footer .Component-Shortcuts a{
	font-size: 13px;
	text-decoration: none;
	color: #333333;
}
.md .footer .Component-Shortcuts a:hover{
	text-decoration: underline;
}
.md .footer .Component-Shortcuts h3{
	color: #ffffff;
    font-weight: normal;
}
.md .footer .Component-Shortcuts li{
	padding: 9px 0;
}
.md .footer .Component-Shortcuts li:before{
	background-image: none;
}
.md .footer .Component-Shortcuts li{
	color: #525252;
}
.md .footer .Component-Shortcuts{
	border: 0;
	padding: 0 18px;
}
.md .footer h3 {
	font-size: 15px;
}
.md .footer li {
	list-style: none;
}
.md ul.connect {
    margin: 0;
    padding: 0;
    width: 175px;
}
.md ul.connect li {
    padding-bottom: 8px;
    padding-top: 4px;
    border-bottom: 1px dotted #333333;
}
.md ul.connect li a {
	padding-left: 32px;
	text-decoration: none;
	color: #333333;
}
.md ul.connect li.memberhub {
    padding-bottom: 6px;
    padding-top: 0px;
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px 0px no-repeat;
}
.md ul.connect li.livechat {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -170px -47px no-repeat;
}
.md ul.connect li.book {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -103px no-repeat;
}
.md ul.connect li.openaccount {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -136px no-repeat;
}
.md ul.connect li.careers {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -167px no-repeat;
}
.md ul.socialIcons,
.md ul.storeIcons{
	height: 30px;
}
.md ul.socialIcons{
	margin-bottom: 20px;
	padding-top: 8px;
}
.md .socialIcons li{
    float: left;
    text-indent: -9999px;
    padding-right: 17px;
}
.md .storeIcons li{
	text-indent: -9999px;
}
.md .socialIcons li a,
.md .storeIcons li a{
    display: block;
}
.md .storeIcons li a{
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') no-repeat;
	float: left;
}
.md .socialIcons li a{
	width: 30px;
    height: 30px;
}
.md .socialIcons li.twitter a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Twitter.svg') no-repeat;
}
.md .socialIcons li.facebook a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Facebook.svg') no-repeat;
}
.md .socialIcons li.instagram a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Instagram.svg') no-repeat;
}
.md .socialIcons li.linkedin a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Linkedin.svg') no-repeat;
}
.md .socialIcons li.youtube a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Youtube.svg') no-repeat;
}
.md .socialIcons li.podcasts a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Facebook.svg') no-repeat;
}
.md .apple-playStore{
	clear: both;
}
.md .storeIcons li a{
    height: 30px;
    width: 100px;
    display: block;
    background-position: 0px -93px;
}
.md .storeIcons li.android a{
	background-position: 0px -129px;
}
/* CSTC-464 */
div.footer ul.viewportToggle li a {
	font-size: 13px;
}
.md .footer-logo img{
	max-width: 100%;
	position: relative;
	height: auto;
  	margin-bottom: 20px;
	margin-left: 4rem;
}
.md div.contentColumns.icon-row{
  	border-bottom: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
}
@media only screen and (min-width: 960px) {
	.md div.contentColumns.icon-row{
		width: 100vw;
		margin-left: calc(-50vw + 50%);
    }
}
.md .footer div.contentColumns.icon-row .Component-HTML{
	display: contents;
}
.md div.contentColumns.icon-row div.columnGroup{
	width: 960px;
	margin: 0 auto;
  	position: relative;
  	padding-bottom: 20px;
}

.md div.contentColumns.icon-row div.columnGroup:after {
 	content: "";
  	position: absolute;
  	width: calc(100% - 44px);
    height: 1px;
  	background-color: #999999;
    bottom: 0;
  	left: 22px; 
}

.md .footer div.contentColumns.icon-row a {
	display: block;
}

.md .footer div.contentColumns.icon-row .imageWrapper{
	float: left;
	width: 30px;
  	padding-top: 10px;
  	padding-right: 10px;
}
.md .footer div.contentColumns.icon-row .copy{
	float: left;
	width: 110px;
  	padding-left: 10px;
}
.md .footer div.contentColumns.icon-row .copy a{
	color: #003a70;
    text-decoration: none;
}
.md .footer div.contentColumns.icon-row .copy a:hover{
 	text-decoration: underline; 
}
.md div.contentColumns.icon-row .Component-Marketing .copy h3{
	font-size: 20px;
	color: #003a70;
}

.columnGroup4Col .contentColumn.gf-hide-col{
  display: none;
}
.columnGroup4Col .contentColumn.gf-footer__social{
	width: 50%; 
}

.columnGroup4Col .contentColumn.gf-footer__social > .section{
	text-align: right; 
}

.gf-footer__social .socialIcons{
	text-align: left;
  	display: inline-block;
}

.md .footer div.contentColumns.icon-row .Component-Marketing .copy h3{
 	text-transform: uppercase; 
	font-size: 16px;
}

.md .footer div.contentColumns.icon-row .Component-Marketing .copy h3 a{
	color: #003a70;
}

.md div.footer div.contentColumns.icon-row .Component-Marketing a {
	color: #333333;
}

div.footer__header {
	text-align: center;
  	margin-bottom: 40px;
}

div.footer__header h2 {
 	font-weight: 600; 
}
/**********************
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;
}

/**/
.md ul.lang{
    margin : 2px 0px 0px 0px;
   	padding: 0 4px 0 0;
    text-align : left;
    background-position: 100% 50%;
    background-repeat: no-repeat;
	float: left;
}
ul.lang li{
    background-repeat: no-repeat;
	background-position: 0 50%;
    display : inline;
    padding-left : 8px;
    padding-right : 4px;
}
ul.lang li.current{
	display: none
}
ul.lang li a{
    text-decoration : none;
}
ul.lang li a:hover{
    text-decoration : underline;
}


/**/
/**********************
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;
}

/* CSS Document */


.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
*************/
.portlets .portlet{
	clear: both;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 8px;
	position: relative;
}
.portlets .portlet h3{
	margin: 0 0 3px;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
.Online .portlets h3{
 	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: -5px -5px 0px;
	padding: 1px 4px;
	font-size: 12px;
}
/**/
/*****
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;
}
.loginPortlet{
    right: 0;
    position: absolute;
    width: 200px;
}
.md .loginPortlet .control h3{
    font-size: 14px;
    margin: 0;
    padding: 12px 32px;
    text-transform: uppercase;
    height: 15px;
    font-weight: normal;
    text-transform: uppercase;
   	background: url(/DynamicContent/Resources/Images/Furniture/loginlock.png) 14px center no-repeat transparent;
    color: #ffffff;
}
.loginPortlet .collapsable.collapsed{
    background: url(/DynamicContent/Resources/Images/Furniture/login_btn_arrow_down.png) 165px 6px no-repeat #d86018;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.loginPortlet .collapsable{
    background: url(/DynamicContent/Resources/Images/Furniture/login_btn_arrow_up.png) 165px 6px no-repeat #d86018;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;    
}
.Home .loginPortlet .collapsable{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/*removing dropdown icon on login page as you need to login through the form in the content*/
.Login .loginPortlet .collapsable.collapsed,
.Login .loginPortlet .collapsable{
    background-image: none;
}
.Login .loginPortlet .portlet{
    border: 0;
}
.Login .collapsable .control, 
.Login .collapsableLevel2 .controlLevel2{
    cursor: default;
}
/*when logged out, login message is redundant due to expand collapse*/
.md #PortletAuthentication h3{
	display: none;
}
.md #PortletAuthentication h3.otherAccounts{
	display: inline-block;
	background-color: #ffffff;
}
.loginPortlet h3.otherAccounts{
	text-transform: none;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 1px 2px 0px;
	color: #003a70;
	width: 120px;
}
.md .loginPortlet h3 a{
	text-decoration: none;
}
.loginPortlet .collapsable .control, 
.loginPortlet .collapsableLevel2 .controlLevel2{
	text-decoration: none;
}
.Home .loginPortlet .authentication,
.loginPortlet .authentication{
	width: 198px;
	top: 39px;
	right: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    height:auto;
    padding-bottom:0;
}
.Home .loginPortlet .authentication.logoutMessage{
    height: 56px;
}
.Home .loginPortlet .authentication.logoutMessage .submit {
    margin-top: 0px;
    left: 10px;
}
.Home .loginPortlet .authentication.logoutMessage p{
    font-size: 11px;
    margin-top: 14px;
}
.loginPortlet .authentication .required.pac{
    float: none;
    clear: both;
}
.loginPortlet .authentication .control{
	width: 120px;
	margin-top: 20px;  
}
.loginPortlet .authentication .control a,
.loginPortletAppendText li a{
    background-image: url('/DynamicContent/Resources/Images/Icons/bullet_arrow_right_greyonwhite.gif');
    background-repeat: no-repeat;
    padding-left: 12px;
}
.loginPortlet .authentication .control, 
.loginPortlet label {
    font-size: 11px;
}
.md .loginPortletAppendText{
    margin-left: 8px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 1px 1px 2px 0;
}
.md .loginPortlet label{
    font-weight: normal;
}
.md .in .loginPortletAppendText{
	padding-left: 4px;
	width: 86px;
    margin-top: -30px;
}
.md .loginPortletAppendText a{
	text-decoration: none;
	font-size: 11px;
}
.loginPortletAppendText ul{
	list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.loginPortletAppendText li{
	margin: 0;
    font-size: 11px;
}
.required.account input{
	width: 170px;
}
.required.pac,
.required.pac .input,
.Form .loginPortlet .required{
	width: 104px;
}
.required.pac .input input{
 	width: 90px;
}
.loginPortlet #loginAuth{
	padding: 0 4px 0 8px;
}
.loginPortlet .authentication .submit{
    margin: -72px 0 0 116px;
    height: 27px;
    width: 60px;
}
.Login .loginPortlet .authentication .submit{
    margin: -72px 0 0 116px;
}
.loginPortlet .authentication.in .submit{
    margin-top: 1px;
    margin-left: 110px;
    cursor: pointer;
}
.loginPortlet .authentication .entry.sec a.notcurrent{
	padding-bottom: 15px;
	display: block;
}
html>body .loginPortlet .in, 
html>body .loginPortlet .link,
.Home .loginPortlet .authentication.in{
    min-height: 74px;
	height: 74px;
    padding-bottom: 0;
}
.loginPortlet .authentication a{
	text-decoration: none;
}
.loginPortlet div.control{
	margin: 0;
}
.loginPortlet .authentication .submit #Continue,
.loginPortlet .link input.submit, 
.loginPortlet .in input.submit,
.Home .loginPortlet.submit.input,
a.gf-logbackin{
    font-weight: normal;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px 8px;
    text-transform: uppercase;
    cursor: pointer;
}
.loginPortlet .authentication a.gf-logbackin{
    background-color: #003a70;
    color: #ffffff;
    margin-left: 10px;
}
.loginPortlet .authentication.in{
	background-color: #d86018;
    border-color: #d86018;
    color: #ffffff;
}
.Home .loginPortlet.submit.input,
.Home .loginPortlet.submit.input:hover{
    background-color: #003a70;
    color: #ffffff;
    height: 22px;
    text-align: center;
    padding: 5px 1px 0 1px;
}
.loginPortlet .in .submit{
	width: 80px;
	height: 30px;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.loginPortlet .authentication.in a, 
.loginPortlet .authentication.in a:hover{
	color: #ffffff;
}
.loginPortlet .in input.submit{
	background-color: #ffffff;
	color: #d86018;
	text-transform: uppercase;
}
/*marketing offer presentment*/
.portlets .marketing img{
	display: block;
	margin: 4px auto;
}
.portlets .marketing p{
	margin-bottom: 4px;
}
/*calltoaction is ul. leaving ul out for specificity*/
.portlets .marketing .calltoaction{
	margin: 8px 0px;
	padding: 0;
	list-style-type: none;
}
.portlets .marketing .calltoaction li{
	margin: 0;
	padding: 0;
}
/**/
/*Quicknav specific*/
.portlets .quicknav select{
	width: 188px;
}
.Home .portlets .quicknav select{
	width: 184px;
}


/**/
/*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 .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;
}
div.formlet form, .md div.infoFormlet{
	padding-left: 1px;
}
div.formlet div.oneColRow{
    margin-bottom: 6px;
}
div.formlet div.oneColRow .input input{
	width: 260px;
}
div.formlet div.oneColRow .input textarea {
    width: 260px;
}
div.actionFooter div.formCancel{
	margin-right: -12px;
}
/**/
	/* .online_details styles no longer used */
.Online .portlets .online_details {
	border-style: solid;
	border-width: 1px 0;
	margin-bottom: 15px;
	padding: 0 0 8px 0;
}
.online_details h2 {
	font-size: 13px;
	margin: 7px 0 10px;
}
.online_details div.item {
	clear: both;
    line-height: 18px;
	padding-bottom: 12px;
}
.online_details div.date {
	float: left;
}
.online_details div.date .day {
	font-weight: bold;
}
.online_details div.date .month {
	font-weight: normal;
}
.online_details div.amount {
	float: right;
}
.online_details div.secondParty {
	margin-bottom: 10px;
}
.online_details ul.icons {
	float: right;
	margin: 0;
	padding: 0;
}
.online_details p.listIntro {
	margin: 0;
	padding: 0;
}
.online_details ul.topic_separators li.linkN {
	background-image: none;
	border-left: 1px solid #333;
}
.online_details ul.topic_separators li.link0 {
	border-left: 0 none;
}
.online_details ul.topic_vertical {
	margin-bottom: 0;
}
.online_details ul.topic_vertical li {
	margin-left: 0;
}
div.Widget .WidgetBody hr {
	border-color: #ccc;
	border-style: solid;
	border-top: 0 none;
}
	/**/

/**/
/*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*/

/********
Search Forms
note: not using .locator because it also affects the search
*********/
div.atm{
	border-width: 1px;
	border-style: solid;
	margin: 16px 0px 4px;
	padding: 0px;
	display: block;
	float: left;
}
/********
Search Forms Header
*********/
.atm .head{
	display: block;
	float: left;
	padding: 4px 4px 0px 4px;
	margin: 0px 0px 8px 0px;
	position: relative;
	width: 384px;
}
.atm .head h2{
	float: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	width: 250px;
}
.atm .head ul.calltoaction{
	clear: none;
	float: right;
	text-align: right;
	width: 130px;
	display: block;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
.atm .head ul.calltoaction li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	background-color: transparent;
	font-size: 10px;
}
/********
Search Forms Form
*********/
.atm form{
	margin: 0px 4px 4px;
	padding: 0px;
	clear: both;
	display: block;
}
.atm form div{
	clear: both;
	display: block;
	margin: 0px 4px 8px 0px;
}
.atm form label {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0pt;
	padding: 0px;
	width: 120px;
}
.atm div.submit{
	clear: both;
	display: block;
	float: none;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 4px;
	width: auto;
}
/*********
Results div.foot cta
**********/
.atm .foot ul.calltoaction {
	margin: 0pt;
	padding: 0pt;
	clear: both;
	display: block;
}
.atm .foot ul.calltoaction li{
	margin: 0px;
	padding: 2px;
	list-style-type: none;
}
.atm .foot{
	font-size: 10px;
}
/**********
Results
.group is the result containing div
.group.self and .group.other are also available
***********/
.atm .group{
	display: block;
	clear: both;
	margin-bottom: 16px;
}
.atm h2{/*main header. 1 in each .group*/
	padding: 0px 4px;
}
.atm ul{/*the results are in a list*/
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
.atm ul li{
	margin: 0;
	padding: 1px 0px;
	list-style: none;
}
.atm .address{
	padding: 5px; 
}
.atm h5 {/*cu name in individual results*/
	margin: 0px;
	padding: 4px 0px 8px;
	font-size: 12px;
}
/*.other is found in find atms of others*/
.atm .other h5{
	padding: 4px;
}
.atm .other ul ul{/*the results of branch other are in a list*/
	margin-bottom: 15px;
}
/******************
NOTE: All searches and results use .atm as a class except the Branch details it uses .branch
******************/
.branch .head{
	float: left;
}
.branch .head h2{
	float: left;
	display: block;
	width: 285px;
}
.branch .head a{
	float: right;
	font-size: 11px;
}
.branch .details{
	display: block;
	clear: both;
}
.details .section{
	margin-bottom: 20px;
}
.branch h5{
	font-size: 12px;
}
.branch .address{
	display: block;
	margin-bottom: 12px;
}

/**/
ul.sitemap{
	margin: 0px;
	padding: 0px;
	width: 173px;
	float: left;
}
ul.smleft{
	clear: none;
}
ul.sitemap li{
	display: block;
	margin: 6px 2px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.sitemap li a{
	font-weight: bold;
}
ul.sitemap ul{
	margin: 6px 0 12px 0;
	padding: 0;
}
ul.sitemap ul li{
	list-style-position: outside;
	list-style-type:disc;
	display: list-item;
	margin: 0px 0px 0px 20px;
	padding: 1px 0px;
	width: auto;
}
ul.sitemap ul li a{
	font-weight: normal;
}
/**/
/******************
Old Search
******************/

/*********
Search Form
**********/
div.search{
    margin: 16px 0pt 4px;
    padding: 0pt;
}
.search form{
    margin: 8px 0px 4px;
    padding: 0pt;
    clear: both;
    display: block;
}
.search label{
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}
.search .submit{
    margin-bottom: 18px;
    padding-top: 4px;
    width: auto;
}
/*********
Search Results
**********/
.search thead th{
    text-align: left;
}
.md .search table, 
.md .search th,
.md .search td{
    border: none;
}
.search td,
.search th{
    padding: 4px;
}
.search h5{/*tile of the result*/
    font-size: 12px;
    margin: 0px 0px 4px 0px;
    padding: 0;
}
.search div.des{/*container of h6 and breadcrumb*/
    padding-bottom: 4px;
}
.search h6{/*breadcrumb header: Category*/
    display: inline;
    font-weight: bold;
    height: auto;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}
/*********
Search Results Breadcrumb
**********/
.search ul.breadcrumb{
    background-color: transparent;
    background-image: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}
.search td.description ul.breadcrumb li{
    background-color: transparent;
    background-image: none;
    display: inline;
    float: none;
    margin: 0px;
    padding: 0px 0px 0px 4px;
}
/************
Pagination
************/
.search ul.pager{
    display: block; 
    clear: both; 
    margin: 0 0 4px 0; 
    padding: 0
}
.search ul.pager li{
    background-image: none; 
    list-style: none; 
    display: inline; 
    margin: 0; 
    padding: 0 2px
}
.search ul.pager li.currentPage a{
    text-decoration: none
}
/******************
New Search
******************/
.searchResults ul.pagination{
    position: relative;
    display: block;
    width: 100%;
    margin: 12px 0 4px;
    padding: 8px 0 0 0;
    clear: both;
}
.searchResults .pagination: after{
    clear : both;
    display : block;
    content : ".";
    height : 0;
    visibility : hidden;
}
* html .searchResults .pagination{
    height: 1%;
}
.searchResults ul.initial{
    border-top-width: 1px;
    border-top-style: solid;
}
.searchResults ul.pagination li{
    display: inline;
}
.searchResults ul.pagination li a{
    padding: 4px;
}
.searchResults ul.pagination li.disabled a{
    text-decoration: none;
} 
.searchResults ul.simple li{
    display: block;
    float: left;
}
.searchResults ul.simple li.next{
    float: right;
}
.searchResults ul.standard{
    text-align: right;
}

.searchResults ul.full{
    text-align: center;
}
.searchResults .summary .spellCorrected,
.searchResults .summary .rawQuery{
    font-weight: bold;
}
.searchResults .summary .spellCorrected a{
    font-weight: normal;
}
.searchResults ul.results{
    float: left;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 100%;
}
.searchResults ul.results li{
    display: block;
    margin: 0;
    padding: 10px 0;
    border-top-width: 1px;
    border-top-style: solid;
    clear: both;
    list-style-image: none;
    list-style: none;
    float: left;
    background-image: none;
    width: 100%;
}
.searchResults ul.results li .num{
    width: 25px;
    float: left;
    padding: 0 5px;
}
.searchResults ul.results li .result{
    width: 485px;
    float: left;
}
.searchResults ul.results li .result h2{
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.searchResults ul.results li .result p{
    margin: 9px 0 0 0 ;
}
.searchResults ul.results li .result strong{
    font-weight: normal;
}
.searchResults ul.results li .result p.link{
    margin: 0;
}
.searchResults ul.results li .result ul.passages{
    margin: 9px 0;
    padding: 0;
    color: #666;
}
.searchResults ul.results li .result ul.passages li{
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    width: auto;
    border-style: none;
    font-size: inherit;
}
.searchResults form.search{
    margin: 8px 0px;
    padding: 8px 0px;
    position: relative;
    border-style: none;
}
.searchResults form.search h2{
    margin: 0 0 8px 0;
    display: none;
}
.searchResults form.search .note{
    padding: 8px 0;
}
.searchResults form.search .field{ 
    float: left;
    padding-bottom: 4px;
}
.searchResults form.search .field label{
    padding: 0 8px 0 0;
    display: none;
}
.searchResults form.search .field .input{
    display: inline;
}
.searchResults form.search .field .input input{
	width: 426px;
}
.searchResults form.search .submit{
	float: left;
	padding: 0 0 0 6px;
}
.noQuery form.search,
.searchResults form.collapsable{
    border-style: none;
}
.searchResults form.collapsable h3{
    text-decoration: underline;
    cursor: pointer;
}
.searchResults form.search .fields: after,
.searchResults ul.results: after,
.searchResults ul.results li: after{
    clear : both;
    display : block;
    content : ".";
    height : 0;
    visibility : hidden;
}
* html  form.search .fields,
* html div ul.results,
* html div ul.results li{
    height: 1%;
}
/**/
.md ul.inlineUL {
	list-style: none;
	margin: 0;
	padding: 0;
}
.md ul.inlineUL li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
div.footer{
	position: relative;
}
.md div.outerFooter {
	background: #f5f4f5; 
}
ul.socialIconsGlobal{
	position: absolute;
	top: 7px;
	right: 50px;
}
ul.memberHubGlobal{
	position: absolute;
	top: 10px;
	left: 400px;
	color: #fff;
}
.md ul.memberHubGlobal li{
	padding-top: 3px;
}
.md ul.memberHubGlobal li.icon{
	padding-top: 0px;
}
.md .google-translate{
	width: 135px;
    border: 1px solid #e5e5e5;
    margin: 5px 10px;
    right: 198px;
    position: absolute;
}
.md #google_translate_element img{
	clear: none;
    display: inherit;
}
.iw-formspub-menu-option{
	padding: 10px;
}

/* CSTC-789 - Custom PFM Modal Branding */
.OnboardingContainer h2{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	color: #d86018;
}
.Online .tabify_menu .tabify_tab_label {
	color: #d86018;
}
.Online .tabify_tab_active .tabify_tab_label {
	color: #fff;
}
.tabify_decor_border .tabify_tab_active .tabify_tab_content {
	background-color: #d86018;
}
.tabify_decor_border .tabify_tab_content {
	background-color: #fff;
}
.tabify_tab_active .tabify_tab_content {
	border-color: #d86018;
}
.tabify_page h3 {
	color: #d86018;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.tabify_decor_border .tabify_content_frame {
	border-width: 0px;
	border-left: 1px solid #ccc;
}
.tabify_vertical .tabify_tab {
	left: 0px;
}
.tabify_vertical.tabify_decor_border .tabify_tab {
	padding-left: 0px;
}
.tabify_tab_content.tabify_tab_cushion {
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}
.tabify_page img {
	width: 150px;
}
div.tabify {
	border: 1px solid #ccc;
	background: url('/DynamicContent/Resources/Images/Logo.gif') no-repeat bottom left;
	background-size: 170px;
}
.md .modal div.formActions {
	border: none;
}
.SPP{
  background: url('/DynamicContent/Resources/Images/Icons/PadLock.jpg') no-repeat top left;
  padding: 0 0 0 20px !important;
  position: absolute;
  bottom: 104px;
  left: 13px;
}
.Home .SPP{
  background: url('/DynamicContent/Resources/Images/Icons/PadLock.jpg') no-repeat top left;
  padding: 0 0 0 20px !important;
  position: absolute;
  bottom: 96px;
  left: 12px;
}
.md div.formActions{
	border: none;
}
div.formActions ul{
	padding-left: 0;
}
body.Login .mainContent {
	padding-right: 30px;
}

#loginAuth input#Continue,
#loginAuth input.continue{
	background: #003a70;
	color: #FFF;
	border: none;
	padding: 11px 40px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
}
#loginAuth .required.pac .notcurrent{
	position: relative;
	left: 0;
	font-size: 14px;
	margin-top: 10px;
}

#loginAuth .required.pac a.notcurrent {
	text-transform: capitalize;
	font-size: 12px;
	display: block;
	margin-top: 3px;
}

#loginAuth div.control a {
	position: relative;
	left: 0px;
	top: 0px;
}
body.Login .required.account input,
body.Login .required.pac .input input{
	width: 170px;
	border-top: none;
	border-left: none;
	border-right: none;
	font-size: 14px;
	border-bottom: 1px solid #aeaeae;
}
body.Login .required label{
	color: #525252;
    font-size: 14px;
}

body.Login div.required {
	margin: 5px 0;
}

body.Login div.required.account {
	margin-top: 10px;
}

body.Login div.required input {
	background: #f2f2f8;
}

body.Login div.required.pac {
	margin-bottom: 10px;
} 

button.button--unstyled{
	border: none;
  	background: none;
}
div.header, div.footer{
	font-family: Nunito;
}

div.footer {
	padding: 22px 0;
  	background-color: #f5f4f5;
}

.footer div.footer__block {
	padding: 0 22px;
  	box-sizing: border-box;
}


.div.footer__stores ul.storeIcons {
	padding-left: 0;
}

div.footer .Component-Marketing {
    margin: 0;
}

div.footer .Component-Shortcuts {
	background: transparent;
  	background-color: none;
}

div.footer .Component-Marketing:after {
	content: "";
  	display: table;
  	clear: both;
}

div.footer .footer__stores ul.storeIcons {
	padding-left: 0;
}

/* cuCustom.css */
body.Login .portlet.marketing {
 	display: none;	 
}

.breadcrumb a {
  color: #003a70;
}

.breadcrumb .active a {
  color: #333333;
}

.tablinks {
  color: #003a70;
}

.btn-secondary {
  color: #003a70;
  border-color: #003a70;
}

.btn-primary {
  background-color: #003a70;
}

.fa-angle-right {
  color: #003a70;
}

a {
  color: #003a70;
}

.card-action-icon {
  color: #003a70;
}

footer#PageFooter a {
	color: #333333;
    white-space: nowrap;
	padding-top: 0.751rem;
}

button.ui-datepicker-trigger::before, button.mat-icon-button:not([class^="mat-calendar-"])::before {
  color: #003a70;
}

.form-select {
  color: #333333;
  border-color: #00b3e6;
}

.form-control {
  color: #333333;
  border-color: #00b3e6;
}

.form-label {
  color: #333333;
}

.tablinks:hover {
  border-left: 0.357rem solid #D86018;
}

.tablinks i.fa {
  color: #003a70;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  color: #D86018;
}

/**Footer CSS started **/
div.footer{
	position: relative;
}
.md div.outerFooter {
	background: #f5f4f5; 
}
ul.socialIconsGlobal{
	position: absolute;
	top: 7px;
	right: 50px;
}

.footer div.footer__block {
  	box-sizing: border-box;
}


.div.footer__stores ul.storeIcons {
	padding-left: 0;
}

div.footer .Component-Marketing {
    margin: 0;
}

div.footer .Component-Shortcuts {
	background: transparent;
  	background-color: none;
  	padding-left: 0;
  	padding-bottom: 1.502rem;
}

div.footer .Component-Marketing:after {
	content: "";
  	display: table;
  	clear: both;
}

div.footer .footer__stores ul.storeIcons {
	padding-left: 0;
}

/* Copied for Nav Footer Custom before Refresh */

.footer .Component-Shortcuts a{
	font-size: 15px;
	text-decoration: none;
	color: #333333;
}
.footer .Component-Shortcuts a:hover{
	text-decoration: underline;
}
.footer .Component-Shortcuts h3{
	color: #333333;
    font-weight: normal;
}
.footer .Component-Shortcuts li{
	padding: 9px 0;
}
.footer .Component-Shortcuts li:before{
	background-image: none;
}
.footer .Component-Shortcuts li{
	color: #525252;
}
.footer .Component-Shortcuts{
	border: 0;
	padding: 0 18px;
}
.footer h3 {
	font-size: 16px;
}
.footer li {
	list-style: none;
}

ul.connect li.livechat {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -170px -47px no-repeat;
}
ul.connect li.book {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -103px no-repeat;
}
ul.connect li.openaccount {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -136px no-repeat;
}
ul.connect li.careers {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -167px no-repeat;
}
ul.socialIcons,
ul.storeIcons{
	padding-top: 8px;
	height: 30px;
	box-sizing: content-box;
}
ul.socialIcons{
	margin-bottom: 20px;
}
.socialIcons li{
    float: left;
    text-indent: -9999px;
    padding-right: 17px;
}
.storeIcons li{
	text-indent: -9999px;
}
.socialIcons li a,
.storeIcons li a{
    display: block;
}
.storeIcons li a{
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') no-repeat;
	float: left;
}
.socialIcons li a{
	width: 30px;
    height: 30px;
}
.socialIcons li.twitter a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Twitter.svg') no-repeat;
}
.socialIcons li.facebook a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Facebook.svg') no-repeat;
}
.socialIcons li.instagram a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Instagram.svg') no-repeat;
}
.socialIcons li.linkedin a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Linkedin.svg') no-repeat;
}
.socialIcons li.youtube a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Youtube.svg') no-repeat;
}
.socialIcons li.podcasts a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Facebook.svg') no-repeat;
}
.apple-playStore{
	clear: both;
}
.storeIcons li a{
    height: 30px;
    width: 100px;
    display: block;
    background-position: 0px -93px;
}
.storeIcons li.android a{
	background-position: 0px -129px;
}
/* CSTC-464 */
div.footer ul.viewportToggle li a {
	font-size: 13px;
}
.footer-logo img{
	max-width: 100%;
	position: relative;
	height: auto;
  	margin-bottom: 20px;
}
/********* see if we can add footer ***/

.footer div.contentColumns.icon-row{
  	border-bottom: none;
  	margin: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.footer div.contentColumns.icon-row .Component-HTML{
	display: contents;
}
.footer div.contentColumns.icon-row div.columnGroup{
	margin: 0 auto;
  	position: relative;
}

.footer div.contentColumns.icon-row div.columnGroup:after {
 	content: "";
  	position: absolute;
  	width: 100%;
    height: 1px;
  	background-color: #999999;
    bottom: 0;
  	left: 0; 
}

.footer div.contentColumns.icon-row div.contentColumn {
	padding-bottom: 1.502rem;
}

.footer div.contentColumns.icon-row a {
	display: block;
}

.footer div.contentColumns.icon-row .imageWrapper{
	float: left;
	width: 40px;
  	padding-right: 10px;
}
.footer div.contentColumns.icon-row .copy{
	float: left;
	width: 100%;
	max-width: 120px;
  	padding-left: 10px;
}
.footer div.contentColumns.icon-row .copy a{
	color: #003a70;
    text-decoration: none;
}
.footer div.contentColumns.icon-row .copy a:hover{
 	text-decoration: underline; 
}
.footer div.contentColumns.icon-row .Component-Marketing .copy h3{
	font-size: 20px;
	color: #003a70;
}

.footer .columnGroup4Col .contentColumn.gf-hide-col{
  display: none;
}
.footer .columnGroup4Col .contentColumn.gf-footer__social{
	width: 50%; 
}

.footer .columnGroup4Col .contentColumn.gf-footer__social > .section{
	text-align: center; 
}

.gf-footer__social .socialIcons{
	text-align: left;
  	display: inline-block;
}

.footer div.contentColumns.icon-row .Component-Marketing .copy h3{
 	text-transform: uppercase; 
	font-size: 16px;
}

.footer div.contentColumns.icon-row .Component-Marketing .copy h3 a{
	color: #003a70;
}

div.footer div.contentColumns.icon-row .Component-Marketing a {
	color: #333333;
}

.footer__header {
	text-align: center;
  	margin-bottom: 40px;
}

.footer .container {
	max-width: 100%;
	padding: 0 1.502rem;
}

/*PHANI*/
div.footer__header h2 {
 	font-weight: 400; 
    font-size: 19px;
    color: #151D27;
}

/* Post Refresh customization */

#PageFooter div.footer {
  	background-color: #f5f4f5; !important;
  	color: inherit !important;
  	padding: 1.502rem 0;
}

div.footer div.columnGroup {
	display: flex;
	flex-wrap: wrap;

}

.footer .columnGroup4Col .contentColumn {
	width: 50%;
}

.footer .columnGroup3Col .contentColumn {
	width: 100%;
}

@media (min-width: 992px) {
	.footer .columnGroup3Col .contentColumn {
		width: 33.33333%;
	}

	.footer .columnGroup4Col .contentColumn {
		width: 25%;
	}
}

.footer .Component-Shortcuts ul {
	padding: 0;
}

/** Footer CSS Ended **/


.selected .nav-link, .nav-tabs .nav-link.active {
  border-bottom: 0.313rem solid #003a70;
}

.nav-tabs .nav-link {
  color: #333333;
}

i.fas {
  color: #003a70;
}

i.far {
  color: #003a70;
}

div.errors + div.conclusion, form.certapaySendTransfer + div.conclusion {
  margin-top: 0.751rem;
}

form.row + div.conclusion {
  margin-top: 0.751rem;
}

.breadcrumb-item.active {
  color: #333333;
}

.md-page-header.md-container {
  background-color: #ffffff;
}
  
.hint {
  color: #333333;
}

.conclusion {
  color: #333333;
}

.table th {
  color: #003a70;
}

.table {
  --bs-table-striped-color: #333333;
  --bs-table-active-color: #333333;
  --bs-table-hover-color: #333333;
  color: #333333;
  background-color: #F3FAFB;
}

.table td {
  color: #333333;
}

.introduction {
  color: #333333;
}

.card.md-card {
  color: #333333;
  background-color: #F3FAFB;
}

.md-card-deck-header {
  color: #333333;
}

.card-title {
  color: #003a70;
}

.selected .nav-title {
  color: #003a70;
}

.footer .icon-row div.contentColumn, .footer .icon-row + .contentColumns .contentColumn {
  justify-content: center !important;
  display: flex !important;
}

.footer .icon-row + .contentColumns + .contentColumns .contentColumn {
  justify-content: center !important;
}

div.footer .Component-Marketing {
  display: flex;
}

.text-primary-1 {
  color: #D86018 !important;
}

.md-card-header-color {
  color: #003a70;
}

.md-collapsable-card-header {
  color: #D86018;
}

.oneColRow.row {
  padding-top: 0rem;
}

.md-confirm-value {
  color: #333333;
  word-wrap: break-word;
}

.md-confirm-label {
  color: #333333;
}

@media (min-width: 992px) {
  .d-lg-inline {
    color: #333333;
  }
}

.form-check-label {
  color: #333333;
}

.md-form-label-info {
  color: #333333;
}

.md-form-label-wo-top {
  color: #333333;
}

.instructions {
  color: #333333;
}

.card-text .md-label, .card .md-label {
  color: #333333;
}

.card .md-value {
  color: #333333;
}

span.value {
  color: #333333;
}

strong {
  color: #333333;
}

body {
  color: #333333;
  background-color: #ffffff;
}

.form-check-input:checked {
  background-color: #003a70;
  border-color: #003a70;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #003a70;
}

.accordion-button {
  color: #333333;
}

button.accordion-button.collapsed {
  color: #333333;
}

.form-control:disabled, .form-control[readonly] {
  color: #333333;
}

.form-check {
  color: #333333;
  border-color: #333333;
  opacity: 1;
}

caption {
  color: #606060;
}

.dropdown-item {
  color: #003a70;
}

h1.d-inline.col-10 strong {
  color: #D86018;
}

.md-subnav-btn {
  color: #333333;
}

.md-subnav {
  color: #333333;
}

/*PHANI*/
a.footer-anchor {
  color: #003a70 !important;
  text-decoration: none;
}

/*PHANI*/
a.footer-anchor:hover{
	text-decoration: underline;
	color: #003A70;
}

button.tablinks.align-self-start.current {
  background-color: #F3FAFB;
}

div.errors p {
  color: #dd4f4c !important;
}

.card-text .md-value, .card .md-value {
  color: #333333;
}

.md-card-inner-header {
  padding-right: 0.714rem;
}

.error-text-padding .ol-error li {
    color: #dd4f4c;
}

li {
  color: #333333;
}

p.px-2 {
  padding-left: 0rem !important;
}

section.rfmInfo {
  color: #333333;
}

.text-break {
	text-transform: capitalize;
}

select#periodunit {
	text-transform: capitalize;
}


button.ui-datepicker-trigger::before, span.yui-skin-sam img::after, button.mat-icon-button:not([class^="mat-calendar-"])::before {
  color: #003a70;
}

.tabcontent {
  background-color: #F3FAFB !important;
}

.tablinks.active, .tablinks.current:not(.flyout-open) {
  background-color: #F3FAFB;
  border-right-color: #F3FAFB;
}

.lastlogged {
  background-color: #F3FAFB;
}

.bg-tertiary-6 {
  background-color: #F3FAFB !important;
}

.md-subnav.dropdown:hover {
  background-color: #F3FAFB;
}

.md-sfdl p.agreementTrigger {
  background-color: #F3FAFB;
}

.md-sfdl div.agreement {
  background-color: #F3FAFB;
}

.card-header {
  background-color: #F3FAFB;
}

.accordion-button {
  background-color: #F3FAFB;
}

.accordion-button:hover {
  background-color: #F3FAFB;
}

.accordion-button:not(.collapsed) {
  background-color: #F3FAFB;
}


/*PHANI*/

@media (min-width: 768px) {
  .footer .img-logo-new-style {
    width: 200px;
    max-width: unset;
    object-fit: fill;
    font-family: 'object-fit: fill;';
  }
}


span.gffooterh3linSmall {
	color: #003A70;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}

@media (min-width: 768px) {
	span.gffooterh3lin {
	  font-size: 21px;
	}
}

@media (min-width: 768px) {
	div.footer__header h2 {
	font-size: 28px;
	}
}

span.gffooterh3lin:hover {
    text-decoration: underline;
    text-decoration-color: #003A70;
}

span.gffooterh3linSmall:hover {
    text-decoration: underline;
    text-decoration-color: #003A70;
}



/*CUCUSTOM CSS */

.md ul.inlineUL {
	list-style: none;
	margin: 0;
	padding: 0;
}
.md ul.inlineUL li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
div.footer{
	position: relative;
}
.md div.outerFooter {
	background: #f5f4f5; 
}
ul.socialIconsGlobal{
	position: absolute;
	top: 7px;
	right: 50px;
}
ul.memberHubGlobal{
	position: absolute;
	top: 10px;
	left: 400px;
	color: #fff;
}
.md ul.memberHubGlobal li{
	padding-top: 3px;
}
.md ul.memberHubGlobal li.icon{
	padding-top: 0px;
}
.md .google-translate{
	width: 135px;
    border: 1px solid #e5e5e5;
    margin: 5px 10px;
    right: 198px;
    position: absolute;
}
.md #google_translate_element img{
	clear: none;
    display: inherit;
}
.iw-formspub-menu-option{
	padding: 10px;
}

.footer__header p, .md .footer h3 {
	font-size: 16px;
}

.footer div.contentColumns.icon-row .Component-Marketing .copy {
	font-size: 16px;
}

.md .footer .Component-Shortcuts a {
	font-size: 15px !important;
}

.footer div.contentColumns .storeIcons .apple {
	margin-bottom: 0 !important;
}

.footer div.contentColumns.icon-row div.contentColumn.contentColumn1 .copy a.spgfanchor {
  white-space: nowrap;
}


/* CSTC-789 - Custom PFM Modal Branding */
.OnboardingContainer h2{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	color: #d86018;
}
.Online .tabify_menu .tabify_tab_label {
	color: #d86018;
}
.Online .tabify_tab_active .tabify_tab_label {
	color: #fff;
}
.tabify_decor_border .tabify_tab_active .tabify_tab_content {
	background-color: #d86018;
}
.tabify_decor_border .tabify_tab_content {
	background-color: #fff;
}
.tabify_tab_active .tabify_tab_content {
	border-color: #d86018;
}
.tabify_page h3 {
	color: #d86018;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.tabify_decor_border .tabify_content_frame {
	border-width: 0px;
	border-left: 1px solid #ccc;
}
.tabify_vertical .tabify_tab {
	left: 0px;
}
.tabify_vertical.tabify_decor_border .tabify_tab {
	padding-left: 0px;
}
.tabify_tab_content.tabify_tab_cushion {
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}
.tabify_page img {
	width: 150px;
}
div.tabify {
	border: 1px solid #ccc;
	background: url('/DynamicContent/Resources/Images/Logo.gif') no-repeat bottom left;
	background-size: 170px;
}
.md .modal div.formActions {
	border: none;
}
.SPP{
  background: url('/DynamicContent/Resources/Images/Icons/PadLock.jpg') no-repeat top left;
  padding: 0 0 0 20px !important;
  position: absolute;
  bottom: 104px;
  left: 13px;
}
.Home .SPP{
  background: url('/DynamicContent/Resources/Images/Icons/PadLock.jpg') no-repeat top left;
  padding: 0 0 0 20px !important;
  position: absolute;
  bottom: 96px;
  left: 12px;
}
.md div.formActions{
	border: none;
}
div.formActions ul{
	padding-left: 0;
}
body.Login .mainContent {
	padding-right: 30px;
}

#loginAuth input#Continue,
#loginAuth input.continue{
	background: #003a70;
	color: #FFF;
	border: none;
	padding: 11px 40px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
}
#loginAuth .required.pac .notcurrent{
	position: relative;
	left: 0;
	font-size: 14px;
	margin-top: 10px;
}

#loginAuth .required.pac a.notcurrent {
	text-transform: capitalize;
	font-size: 12px;
	display: block;
	margin-top: 3px;
}

#loginAuth div.control a {
	position: relative;
	left: 0px;
	top: 0px;
}
body.Login .required.account input,
body.Login .required.pac .input input{
	width: 170px;
	border-top: none;
	border-left: none;
	border-right: none;
	font-size: 14px;
	border-bottom: 1px solid #aeaeae;
}
body.Login .required label{
	color: #525252;
    font-size: 14px;
}

body.Login div.required {
	margin: 5px 0;
}

body.Login div.required.account {
	margin-top: 10px;
}

body.Login div.required input {
	background: #f2f2f8;
}

body.Login div.required.pac {
	margin-bottom: 10px;
} 

button.button--unstyled{
	border: none;
  	background: none;
}
div.header, div.footer{
	font-family: Nunito;
}

div.footer {
	padding: 22px 0;
  	background-color: #f5f4f5;
}

.footer div.footer__block {
	padding: 0 22px;
  	box-sizing: border-box;
}


.div.footer__stores ul.storeIcons {
	padding-left: 0;
}

div.footer .Component-Marketing {
    margin: 0;
}

div.footer .Component-Shortcuts {
	background: transparent;
  	background-color: none;
}

div.footer .Component-Marketing:after {
	content: "";
  	display: table;
  	clear: both;
}

div.footer .footer__stores ul.storeIcons {
	padding-left: 0;
}

/* cuCustom.css */
body.Login .portlet.marketing {
 	display: none;	 
}

.breadcrumb a {
  color: #003a70;
}

.breadcrumb .active a {
  color: #333333;
}

.tablinks {
  color: #003a70;
}

.btn-secondary {
  color: #003a70;
  border-color: #003a70;
}

.btn-primary {
  background-color: #003a70;
}

.fa-angle-right {
  color: #003a70;
}

a {
  color: #003a70;
}

.card-action-icon {
  color: #003a70;
}

footer#PageFooter a {
	color: #333333;
    white-space: nowrap;
	padding-top: 0.751rem;
}

button.ui-datepicker-trigger::before, button.mat-icon-button:not([class^="mat-calendar-"])::before {
  color: #003a70;
}

.form-select {
  color: #333333;
  border-color: #00b3e6;
}

.form-control {
  color: #333333;
  border-color: #00b3e6;
}

.form-label {
  color: #333333;
}

.tablinks:hover {
  border-left: 0.357rem solid #D86018;
}

.tablinks i.fa {
  color: #003a70;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  color: #D86018;
}

/**Footer CSS started **/
div.footer{
	position: relative;
}
.md div.outerFooter {
	background: #f5f4f5; 
}
ul.socialIconsGlobal{
	position: absolute;
	top: 7px;
	right: 50px;
}

.footer div.footer__block {
  	box-sizing: border-box;
}


.div.footer__stores ul.storeIcons {
	padding-left: 0;
}

div.footer .Component-Marketing {
    margin: 0;
}

div.footer .Component-Shortcuts {
	background: transparent;
  	background-color: none;
  	padding-left: 0;
  	padding-bottom: 1.502rem;
}

div.footer .Component-Marketing:after {
	content: "";
  	display: table;
  	clear: both;
}

div.footer .footer__stores ul.storeIcons {
	padding-left: 0;
}

.md p.footerCopyright {
 	margin-left: 30px; 
}

/* Copied for Nav Footer Custom before Refresh */

.footer .Component-Shortcuts a{
	font-size: 15px;
	text-decoration: none;
	color: #333333;
}
.footer .Component-Shortcuts a:hover{
	text-decoration: underline;
}
.footer .Component-Shortcuts h3{
	color: #333333;
    font-weight: normal;
}
.footer .Component-Shortcuts li{
	padding: 9px 0;
}
.footer .Component-Shortcuts li:before{
	background-image: none;
}
.footer .Component-Shortcuts li{
	color: #525252;
}
.footer .Component-Shortcuts{
	border: 0;
	padding: 0 18px;
}
.footer h3 {
	font-size: 16px;
}
.footer li {
	list-style: none;
}

ul.connect li.livechat {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -170px -47px no-repeat;
}
ul.connect li.book {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -103px no-repeat;
}
ul.connect li.openaccount {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -136px no-repeat;
}
ul.connect li.careers {
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') -172px -167px no-repeat;
}
ul.socialIcons,
ul.storeIcons{
	padding-top: 8px;
	height: 30px;
	box-sizing: content-box;
}
ul.socialIcons{
	margin-bottom: 20px;
}
.socialIcons li{
    float: left;
    text-indent: -9999px;
    padding-right: 17px;
}
.storeIcons li{
	text-indent: -9999px;
}
.socialIcons li a,
.storeIcons li a{
    display: block;
}
.storeIcons li a{
	background: url('/DynamicContent/Resources/Images/Furniture/social-sprite.png') no-repeat;
	float: left;
}
.socialIcons li a{
	width: 30px;
    height: 30px;
}
.socialIcons li.twitter a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Twitter.svg') no-repeat;
}
.socialIcons li.facebook a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Facebook.svg') no-repeat;
}
.socialIcons li.instagram a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Instagram.svg') no-repeat;
}
.socialIcons li.linkedin a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Linkedin.svg') no-repeat;
}
.socialIcons li.youtube a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Youtube.svg') no-repeat;
}
.socialIcons li.podcasts a{
	background: url('/DynamicContent/SharedContent/images/svg/social-media/Facebook.svg') no-repeat;
}
.apple-playStore{
	clear: both;
}
.storeIcons li a{
    height: 30px;
    width: 100px;
    display: block;
    background-position: 0px -93px;
}
.storeIcons li.android a{
	background-position: 0px -129px;
}
/* CSTC-464 */
div.footer ul.viewportToggle li a {
	font-size: 13px;
}
.footer-logo img{
	max-width: 100%;
	position: relative;
	height: auto;
  	margin-bottom: 20px;
}
/********* see if we can add footer ***/

.footer div.contentColumns.icon-row{
  	border-bottom: none;
  	margin: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.footer div.contentColumns.icon-row .Component-HTML{
	display: contents;
}
.footer div.contentColumns.icon-row div.columnGroup{
	margin: 0 auto;
  	position: relative;
}

.footer div.contentColumns.icon-row div.columnGroup:after {
 	content: "";
  	position: absolute;
  	width: 100%;
    height: 1px;
  	background-color: #999999;
    bottom: 0;
  	left: 0; 
}

.footer div.contentColumns.icon-row div.contentColumn {
	padding-bottom: 1.502rem;
}

.footer div.contentColumns.icon-row a {
	display: block;
}

.footer div.contentColumns.icon-row .imageWrapper{
	float: left;
	width: 40px;
  	padding-right: 10px;
}
.footer div.contentColumns.icon-row .copy{
	float: left;
	width: 100%;
	max-width: 120px;
  	padding-left: 10px;
}
.footer div.contentColumns.icon-row .copy a{
	color: #003a70;
    text-decoration: none;
}
.footer div.contentColumns.icon-row .copy a:hover{
 	text-decoration: underline; 
}
.footer div.contentColumns.icon-row .Component-Marketing .copy h3{
	font-size: 20px;
	color: #003a70;
}

.footer .columnGroup4Col .contentColumn.gf-hide-col{
  display: none;
}
.footer .columnGroup4Col .contentColumn.gf-footer__social{
	width: 50%; 
}

.footer .columnGroup4Col .contentColumn.gf-footer__social > .section{
	text-align: center; 
}

.gf-footer__social .socialIcons{
	text-align: left;
  	display: inline-block;
}

.footer div.contentColumns.icon-row .Component-Marketing .copy h3{
 	text-transform: uppercase; 
	font-size: 16px;
}

.footer div.contentColumns.icon-row .Component-Marketing .copy h3 a{
	color: #003a70;
}

div.footer div.contentColumns.icon-row .Component-Marketing a {
	color: #333333;
}

.footer__header {
	text-align: center;
  	margin-bottom: 40px;
}

.footer .container {
	max-width: 100%;
	padding: 0 1.502rem;
}

/*PHANI*/
div.footer__header h2 {
 	font-weight: 400; 
    font-size: 19px;
    color: #151D27;
}

/* Post Refresh customization */

#PageFooter div.footer {
  	background-color: #f5f4f5; !important;
  	color: inherit !important;
  	padding: 1.502rem 0;
}

div.footer div.columnGroup {
	display: flex;
	flex-wrap: wrap;

}

.footer .columnGroup4Col .contentColumn {
	width: 50%;
}

.footer .columnGroup3Col .contentColumn {
	width: 100%;
}

@media (min-width: 992px) {
	.footer .columnGroup3Col .contentColumn {
		width: 33.33333%;
	}

	.footer .columnGroup4Col .contentColumn {
		width: 25%;
	}
}

.footer .Component-Shortcuts ul {
	padding: 0;
}

/** Footer CSS Ended **/


.selected .nav-link, .nav-tabs .nav-link.active {
  border-bottom: 0.313rem solid #003a70;
}

.nav-tabs .nav-link {
  color: #333333;
}

i.fas {
  color: #003a70;
}

i.far {
  color: #003a70;
}

div.errors + div.conclusion, form.certapaySendTransfer + div.conclusion {
  margin-top: 0.751rem;
}

form.row + div.conclusion {
  margin-top: 0.751rem;
}

.breadcrumb-item.active {
  color: #333333;
}

.md-page-header.md-container {
  background-color: #ffffff;
}
  
.hint {
  color: #333333;
}

.conclusion {
  color: #333333;
}

.table th {
  color: #003a70;
}

.table {
  --bs-table-striped-color: #333333;
  --bs-table-active-color: #333333;
  --bs-table-hover-color: #333333;
  color: #333333;
  background-color: #F3FAFB;
}

.table td {
  color: #333333;
}

.introduction {
  color: #333333;
}

.card.md-card {
  color: #333333;
  background-color: #F3FAFB;
}

.md-card-deck-header {
  color: #333333;
}

.card-title {
  color: #003a70;
}

.selected .nav-title {
  color: #003a70;
}

.footer .icon-row div.contentColumn, .footer .icon-row + .contentColumns .contentColumn {
  justify-content: center !important;
  display: flex !important;
}

.footer .icon-row + .contentColumns + .contentColumns .contentColumn {
  justify-content: center !important;
}

div.footer .Component-Marketing {
  display: flex;
}

.text-primary-1 {
  color: #D86018 !important;
}

.md-card-header-color {
  color: #003a70;
}

.md-collapsable-card-header {
  color: #D86018;
}

.oneColRow.row {
  padding-top: 0rem;
}

.md-confirm-value {
  color: #333333;
  word-wrap: break-word;
}

.md-confirm-label {
  color: #333333;
}

@media (min-width: 992px) {
  .d-lg-inline {
    color: #333333;
  }
}

.form-check-label {
  color: #333333;
}

.md-form-label-info {
  color: #333333;
}

.md-form-label-wo-top {
  color: #333333;
}

.instructions {
  color: #333333;
}

.card-text .md-label, .card .md-label {
  color: #333333;
}

.card .md-value {
  color: #333333;
}

span.value {
  color: #333333;
}

strong {
  color: #333333;
}

body {
  color: #333333;
  background-color: #ffffff;
}

.form-check-input:checked {
  background-color: #003a70;
  border-color: #003a70;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #003a70;
}

.accordion-button {
  color: #333333;
}

button.accordion-button.collapsed {
  color: #333333;
}

.form-control:disabled, .form-control[readonly] {
  color: #333333;
}

.form-check {
  color: #333333;
  border-color: #333333;
  opacity: 1;
}

caption {
  color: #606060;
}

.dropdown-item {
  color: #003a70;
}

h1.d-inline.col-10 strong {
  color: #D86018;
}

.md-subnav-btn {
  color: #333333;
}

.md-subnav {
  color: #333333;
}

/*PHANI*/
a.footer-anchor {
  color: #003a70 !important;
  text-decoration: none;
}

/*PHANI*/
a.footer-anchor:hover{
	text-decoration: underline;
	color: #003A70;
}

button.tablinks.align-self-start.current {
  background-color: #F3FAFB;
}

div.errors p {
  color: #dd4f4c !important;
}

.card-text .md-value, .card .md-value {
  color: #333333;
}

.md-card-inner-header {
  padding-right: 0.714rem;
}

.error-text-padding .ol-error li {
    color: #dd4f4c;
}

li {
  color: #333333;
}

p.px-2 {
  padding-left: 0rem !important;
}

section.rfmInfo {
  color: #333333;
}

.text-break {
	text-transform: capitalize;
}

select#periodunit {
	text-transform: capitalize;
}


button.ui-datepicker-trigger::before, span.yui-skin-sam img::after, button.mat-icon-button:not([class^="mat-calendar-"])::before {
  color: #003a70;
}

.tabcontent {
  background-color: #F3FAFB !important;
}

.tablinks.active, .tablinks.current:not(.flyout-open) {
  background-color: #F3FAFB;
  border-right-color: #F3FAFB;
}

.lastlogged {
  background-color: #F3FAFB;
}

.bg-tertiary-6 {
  background-color: #F3FAFB !important;
}

.md-subnav.dropdown:hover {
  background-color: #F3FAFB;
}

.md-sfdl p.agreementTrigger {
  background-color: #F3FAFB;
}

.md-sfdl div.agreement {
  background-color: #F3FAFB;
}

.card-header {
  background-color: #F3FAFB;
}

.accordion-button {
  background-color: #F3FAFB;
}

.accordion-button:hover {
  background-color: #F3FAFB;
}

.accordion-button:not(.collapsed) {
  background-color: #F3FAFB;
}


/*PHANI*/

@media (min-width: 768px) {
  .footer .img-logo-new-style {
    width: 200px;
    max-width: unset;
    object-fit: fill;
    font-family: 'object-fit: fill;';
  }
}


span.gffooterh3linSmall {
	color: #003A70;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}

@media (min-width: 768px) {
	span.gffooterh3lin {
	  font-size: 21px;
	}
}

@media (min-width: 768px) {
	div.footer__header h2 {
	font-size: 28px;
	}
}

span.gffooterh3lin:hover {
    text-decoration: underline;
    text-decoration-color: #003A70;
}

span.gffooterh3linSmall:hover {
    text-decoration: underline;
    text-decoration-color: #003A70;
}

/*CUSSOL-583*/
.Content .outerHeader {
	background-color:#55394d;
}

.Content div.header {
	border-bottom:0;
  	background-color:#55394d;
}

.Content div.nav__secondary ul li a {
	color:#fff;
	font-size:18px;
}

.Content ul.primaryWMegaMenu > li > a {
	color:#fff;
	font-size:18px;
}

.Content ul.primaryWMegaMenu > li > a:hover {
	color:#D86018;
}

.Content .nav__buttons svg g path {
	fill: #fff;
}

.md div.outerFooter {
	background-color:#55394d;
}

div.footer .footer__stores ul.storeIcons {
	margin:0;
  	padding:0;
}

div.footer .footer__stores ul.storeIcons li.apple a{
    height: 27px;
    width: 94px;
    display: block;
    background-position: -3px -95px;
	margin-right:20px;
}

.md .storeIcons li.android a{
	height: 27px;
    width: 94px;
	background-position: -3px -130px;
}

#PageFooter div.footer {
    background-color: #55394D !important;
    color: inherit !important;
    padding: 1.502rem 0;
}

.footer__header {
    text-align: center;
    margin-bottom: 40px;
}

.footer__header h1 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 500;
}

.footer__header p {
    font-size: 18px;
  	color:#ffffff;
}

.footer div.contentColumns {
    max-width: 1281px;
}

.footer div.contentColumns.icon-row {
    border-bottom: none;
    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 70px;
    width: 100%;
}

.footer div.contentColumns.icon-row .imageWrapper {
    float: left;
    padding-right: 10px;
}

.footer div.contentColumns.icon-row .copy {
    float: left;
    width: 100%;
    margin-top: 1rem;
}

.footer div.contentColumns.icon-row div.contentColumn {
    padding-bottom: 5rem;
    font-size: 17px;
}

div.footer .Component-Marketing {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.footer div.contentColumns.icon-row .Component-Marketing .copy {
	color:#ffffff;
}

.footer div.contentColumns {
    max-width: 1281px;
    margin: 0 auto;
}

.md .footer .Component-Shortcuts h3{
    color: #FFFFFF;
    font-weight: bold;
}

#PageFooter a {
	color:#ffffff;
}

.md p.footerCopyright {
    font-size: 10px;
    margin-top: 1.5em;
    width: 70%;
    color:#ffffff;
}

div.footer {
	max-width:1281px;
}

.md div.contentColumns.icon-row div.columnGroup {
	padding:0;
}

.footer .icon-row div.contentColumn {
	justify-content: flex-start !important;
}

.md .footer div.contentColumns.icon-row .Component-Marketing .copy h3 a {
	font-weight:bold;
}