/*Design Scheme=null */


/***********
Import/common/reset.css
************/
html{
    background-color: #f0eeee;
}
body .md,
.md input,
.md select,
.md textarea,
.md button{
    font-family: Arial, sans-serif;
    color: #5f5553;
}
.md a{
    color: #4878B4;
}
.md table,
.md td, 
.md th{
    border-color: #244183;
    background-color: #FFFFFF;
    color: #5f5553;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #B3B3B3;
    opacity: 1;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #B3B3B3;
    opacity: 1;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #B3B3B3;
    opacity: 1;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #B3B3B3;
    opacity: 1;
}
input::placeholder {
    color: #B3B3B3;
    opacity: 1;
}
/***********
following rules are not associated to any file, just branding.
************/
.md tr.header,
.md tr.header td, 
.md tr.header th, 
.md thead tr, 
.md thead td, 
.md thead th,
.md tfoot th,
.md tfoot td,
.md div.remittanceHeader {
    background-color: #4878B4;
    color: #FFFFFF;
}
.md tr.header td a, 
.md tr.header th a, 
.md thead td a, 
.md thead th a,
.md tfoot th a,
.md tfoot td a{
    color: #FFFFFF;
}
/*no need for odd. odd is the default*/
.md tr.even,
.md tr.even td, 
.md tr.even th{
    background-color: #efeded;
    color: #5f5553;
}
.md tr.evenSelected,
.md tr.evenSelected td,
.md tr.evenSelected th,
.md table.noStripeUnselected tr.evenSelected,
.md table.noStripeUnselected tr.evenSelected td,
.md table.noStripeUnselected tr.evenSelected th{
    background-color: #244183;
    color: #5f5553;
}
.md tr.oddSelected,
.md tr.oddSelected td,
.md tr.oddSelected th{
    background-color: #244183;
    color: #5f5553;
}
.md table tr.newRow {
    background-color: #efeded;
}
/***********
Import/common/layout.css
************/
.md div.outerWarning{
    border-color: #E8E8E8;
    background-color: #F4F4F4;
    color: #000000;
}
div.outerHeader{
    background-color: transparent;
}
div.outerColContainer{
    background-color: transparent;
}
div.outerFooter{
    background-color: transparent;
}
div.outerPromoArea{
    background-color: transparent;
}
div.header, 
div.colContainer, 
div.footer{
    background-color: #ffffff;
}
div.header{
    background-image: url(/DynamicContent/Resources/Images/Furniture/header_bg$v@202409200100.gif);
}
div.promoArea{
    width: 960px;
    min-height: 200px;
}
div.footer{
    background-color: #4878B4;
}
div.extendedContentContainer{
    background-color: #ccc;
    padding: 20px 0;
}
/***********
Import/common/grid.css
************/
.md .row-container{
  padding-right: 15px; 
  padding-left: 15px;
}
.row-container .row{
  overflow: hidden;
  margin-right: -15px;
  margin-left: -15px;
}
.md .row-show-grid > div { 
    background-color: #E6E2EB;
    border-color:#C9C0D5;
}
.row-container .row-filled-content {
  
  margin-right: -25px;
  margin-left: -25px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.row-filled-content > div > div{
  background-color: #CCC;;
  padding: 10px;
  margin-bottom: 0;
}
.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;
  padding-right: 15px;
  padding-left: 15px;
}
/***********
Import/common/containerTreatment.css
************/
.md .block_highlight_light{
	 background-color: #ffffff;
}
.md .block_highlight_dark{
	 background-color: #244183;
}
.md .block_border{
    border-color: #CCCCCC;
}
.md .block_marker:before{
	border-top: 8px solid #244183;
}
/***********
Import/common/contentTreatment.css
************/
.md h2 .loading{
	color: #ffffff;
}
.md h3 .loading{ 
	color: #4878B4;
}
.md .modal .loading{
	color: #4878B4;
}
.md .portlets .loading{
	color: #4878B4;
}
.javascript p.selected,
.javascript span.selected,   
.javascript h2.selected,     
.javascript h3.selected{
    background: transparent url(/DynamicContent/Resources/Images/Icons/bullet_arrow_down.gif) no-repeat scroll left top;
}
.javascript p.unselected,
.javascript span.unselected,     
.javascript h2.unselected,   
.javascript h3.unselected{
    background: transparent url(/DynamicContent/Resources/Images/Icons/bullet_arrow_right.gif) no-repeat scroll left top;
}
.md div.hr{
    background-color: #4878B4;
}
.header h2{
    color: #5f5553;
    width: 300px;
}
.header h2 a{
    color: #5f5553;
}
.contentTitle h1,
h1#PageTitle,
.content h1,
h2.dynamicPageTitle,
.Online .sfHead h2/*md sf forms*/,
.Online .end h2/*md sf forms receipt*/{
    border-bottom-color: #ffffff;
    color: #244183;
}
.mainContent h2{
    color: #4878B4;
}
.footer .copy a{
    color: #244183;
}
/*document list*/
.documentlist li{
    background-color: #FFFFFF;
    border-color: #244183;
}
.documentlist h5{
    background-color: #244183;
    border-color: #244183;
    color: #ffffff;
}
.documentlist h5 a{
    color: #ffffff
}
.pdf h5{
    background-image: url(/DynamicContent/Resources/Images/Furniture/pdf$v@202409200100.gif);
}
.txt h5{
    background-image: url(/DynamicContent/Resources/Images/Furniture/txt$v@202409200100.gif);
}
.doc h5{
    background-image: url(/DynamicContent/Resources/Images/Furniture/doc$v@202409200100.gif);
}
/*content promo*/
.md .promo{
    background-color: #ffffff;
}
.promo h3{
    color: #4878B4;
}
.errorText{
	color: #EF3024;
}
.secondaryInfo{
    color: #555555;
}
.alert{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #5f5553;
}
.contentCalltoaction{
    background-color: #FFFFFF;
    background-image: url(/DynamicContent/Resources/Images/Navigation/context1$v@202409200100.gif);
    border-color: #F0EEEE;
}
.contentCalltoaction a{
    color: #4878B4;
}

div a.callOutAction{
	background: #4878B4;
	border-top-color: #4878B4;
	border-right-color: #4878B4;
	border-bottom-color: #4878B4;
	border-left-color: #4878B4;	
	color: #244183 !important;
	float: left;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
div a.callOutAction:hover{
	background: #244183;
	border-top-color: #4878B4;
	border-right-color: #4878B4;
	border-bottom-color: #4878B4;
	border-left-color: #4878B4;	
	color: #244183;
	text-decoration: none;	
}
a.urgentMessage{
    color: #4878B4;
}
a.reminderMessage{
    color: #4878B4;
}
a.personalMessage{
    color: #4878B4;
}
a.mailMessage{
    color: #4878B4;
}
a.ebillMessage{
    color: #4878B4;
}
a.mdsbMessage{
    color: #4878B4;
}
.disclaimer{                         
    color: #5f5553;
}
/*charts*/
.chart_legend_scheme0:before{
    background-color: #3366CC;
}
.chart_legend_scheme1:before{
    background-color: #DC3912;
}
.chart_legend_scheme2:before{
    background-color: #FF9900;
}
.chart_legend_scheme3:before{
    background-color: #109618;
}
.chart_legend_scheme4:before{
    background-color: #990099;
}
.chart_legend_scheme5:before{
    background-color: #0099C6;
}
.md .asOfDate{
    color: #999;
}
.md p.footerCopyright{
    clear: left;
    color: #5F5553;
    float: none;
    margin: 8px;
}
/***********
Import/nav/navGlobal.css and 
Import/nav/navLang.css
************/
ul.global,
ul.global li,
ul.lang{
   background-image: url(/DynamicContent/Resources/Images/Navigation/globalmarker$v@202409200100.gif);
}
ul.lang li a,
ul.global li a{
    color: #5F5553;
}
/************
Import/nav/navTopic.css
************/
ul.topic li{
    background-image: url(/DynamicContent/Resources/Images/Navigation/globalmarker$v@202409200100.gif);
}
ul.topic li a{
    color: #4878B4;
}
/***********
Import/nav/navPrimary.css
************/
div.primary{
    background-color: #4878B4;
}
ul.primary li{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
    color: #ffffff;
    width: auto;
}
ul.primary li a,
ul.primary li a:hover{
    color: #ffffff;
}
ul.primary .current a,
ul.primary .current a:hover{
    color: #244183;
}

/***********
Import/nav/navPrimaryMegaMenu.css
************/
ul.primary .megaMenu{
    background-color: #ffffff;
    border-color: #f0eeee;
}

ul.primary > li.activeMegaMenu > a:after{
    border-color: transparent transparent #ffffff; 
}
ul.primary .megaMenu .contentColumn > div{
    background-color: transparent;
}
ul.primary .megaMenu li{
    background-image: /Images/spacer.gif;
}
ul.primary .megaMenu a{
    color: #5F5553;
}
ul.primary .megaMenu a.current{
    color: #244183;
}
ul.primary .megaMenu a.self{
    color: #244183;
}
ul.primary .megaMenu .contentColumn h2,
ul.primary .megaMenu .contentColumn h3,
ul.primary .megaMenu .contentColumn h2 a,
ul.primary .megaMenu .contentColumn h3 a{
    color: #BA3E3E;
}

ul.primary .megaMenu .Component-Marketing .Component-Button a{
    color: #ffffff;
    background-color: #244183;
}
ul.primary .megaMenu .Component-Marketing .Component-Button a:hover{
    color: #ffffff;
    background-color: #4878B4;
}
/***********
Import/nav/navSection.css
************/
div.sectionNav{
    top: auto;
    right: 210px;
    bottom: 40px;
    left: auto;
}
ul.sectionNav li a{
    color: #4878B4;
    background-color: #FFFFFF;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}
ul.sectionNav li a:hover{
    color: #4878B4;
    background-color: #ffffff;
}
ul.sectionNav li.current a,
ul.sectionNav li.current a:hover{
    color: #4878B4;
    background-color: #ffffff;
}
/***********
Import/nav/navBreadcrumb.css
************/
div.breadcrumb{
    background-color: #BA3E3E;
    color: #ffffff;
}
ul.breadcrumb li{
    background-image: url(/DynamicContent/Resources/Images/Navigation/crumbmarker$v@202409200100.gif);
}
ul.breadcrumb li a{
    color: #ffffff;
}
/***********
Import/nav/navSecondary.css
************/
ul.secondary a{
    background-image: url(/DynamicContent/Resources/Images/Navigation/secondaryitem$v@202409200100.gif);
    color: #4878B4;
}

ul.secondary li.id-AboutUs a{
    width: 60px;
    background-image: url(/DynamicContent/Resources/Images/Navigation/secondaryitem60.gif);
}

ul.secondary li.id-BecomingaMember a{
    width: 112px;
    background-image: url(/DynamicContent/Resources/Images/Navigation/secondaryitem112.gif);
}

/***********
Import/nav/navContext.css
************/
ul.context{
    background-color: transparent;
    border-color: #ffffff;
}
ul.context li{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
    border-color: #ffffff;
}
ul.context li.current{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
}
ul.context li.self{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
}
ul.context .depthN li.self{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
}
ul.context li a,
ul.context li.current li a, 
ul.context li.self li a{
    color: #5f5553;
}
ul.context li.current a,
ul.context li li.current a{
    color: #244183;
}
ul.context li.self a{
    color: #244183;
}
ul.context .depth1{
    border-top-color: #ffffff;
}
ul.context .depth1 li{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
}
ul.context .depth1 li.current{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
}
ul.context .depth1 li.self{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
}
ul.context .depthN li.self{
    background-image: url(/DynamicContent/Resources/Images/spacer$v@202409200100.gif);
}
ul.context .depthN{
    background-color: /Images/spacer.gif;
}
/***********
Import/nav/navOnline.css
************/
/*this is here for the caching issues going for multilingual*/
ul.online{
   background-image: url(/DynamicContent/Resources/Images/Navigation/onlinebackground.gif);
}

/**********
Import/nav/navFooter.css
***********/
div.footer ul.footer li{
    border-color: #F0EEEE;
}
div.footer ul.footer li a{
    color: #5F5553;
}
/**********
Import/nav/navViewportToggle.css
***********/
div.footer ul.viewportToggle li{
    border-color: #F0EEEE;
}
div.footer ul.viewportToggle li a{
    color: #5F5553;
}
/**********
Import/nav/navAdjacent.css
***********/
.header h2.adjacent{
    width: 300px;
}
.header h2.adjacent a{
    background-image: url(/DynamicContent/Resources/Images/Furniture/sectionlinkmarker$v@202409200100.gif);
}
/************
Import/nav/navCampaign.css
************/
ul.campaign,
ul.campaign li{
    border-color: #4878B4
}
/**************
Import/portlet/portletGeneral.css
**************/
.portlets .portlet{
    border-color: #ffffff;
}
.Online .portlets .portlet{
    background-color: #FFFFFF;
    color: #4878B4;
    border-color: #4878B4;
}
.portlets .portlet h3, 
.portlets .portlet h4{
    color: #5f5553;
}
.Online .portlets .portlet h3{
    background-image: url(/DynamicContent/Resources/Images/Furniture/onlineportletheadbg$v@202409200100.gif);
    border-bottom: 1px solid #4878B4;
    color: #244183;
    background-color: #ffffff;
}
.portlets .portlet ul{
    border-color: #4878B4;
}
.portlets .portlet ul a{
    color: #4878B4;
}
.Online .portlets .portlet ul a{
    color: #4878B4;
}
.portlets .portlet table tr,
.portlets .portlet table th,
.portlets .portlet table td,
.portlets .portlet table tr.even,
.portlets .portlet table tr.even th,
.portlets .portlet table tr.even td{
    background-color: #FFFFFF;
    color: #5f5553;
}
/**********
Import/portlet/portletLogin.css
***********/
.loginPortlet .authentication{
    background-color: #244183;
    border-color: #244183;
    color: #ffffff;
}
.Home .loginPortlet .authentication{
    background-color: #244183;
    border-color: #244183;
    color: #ffffff;
}
/*header*/
.loginPortlet .authentication h3{
    background-color: transparent;
    border-bottom-color: #244183;
    color: #ffffff;
}
.loginPortlet .authentication .loggedInWelcome{
    background-color: transparent;
    border-bottom-color: #244183;
    color: #ffffff;
}
.Home .loginPortlet .authentication h3{
    background-color: transparent;
    border-bottom-color: #244183;
    color: #ffffff;
}
.Home .loginPortlet .authentication .loggedInWelcome{
    background-color: transparent;
    border-bottom-color: #244183;
    color: #ffffff;
}
.colOneTwoThree .loginPortlet .authentication h3,
.colTwoThree .loginPortlet .authentication h3{
    color: #5f5553;
}
.colOneTwoThree .loginPortlet .authentication .loggedInWelcome,
.colTwoThree .loginPortlet .authentication .loggedInWelcome{
    color: #5f5553;
}
/*link color*/
.loginPortlet .authentication a, 
.loginPortlet .authentication a:hover{
    color: #ffffff;
}
.Home .loginPortlet .authentication a, 
.Home .loginPortlet .authentication a:hover{
    color: #ffffff;
}
/*button colors*/
.loginPortlet .submit input{ /*global unauthenticated login with form fields*/
    background-color: none;
    color: #5f5553;
}
.Home .loginPortlet .submit input{ /*home unauthenticated login with form fields*/
    background-color: none;
    color: #5f5553;
}
.loginPortlet .link input.submit,
.loginPortlet .in input.submit{ /*Unauthenticated/Authenticated log in/out button no form fields*/
    background-color: none;
    color: #5f5553;
}
.Online .loginPortlet .authentication li{
    background-image: url(/DynamicContent/Resources/Images/Navigation/onlinebullet$v@202409200100.gif);
}
.Home .loginPortlet .authentication .Component-Button a,
.Home .loginPortlet .authentication .Component-Button a:hover{
    color: #ffffff;
}
/*end Login portlet colouring*/
/**************
Import/portlet/portletImageOverlay.css
**************/
/*CO28176*/
.portlets .marketing .schemeA,
.portlets .marketing .schemeA p,
.portlets .marketing .schemeA a,
.portlets .marketing .schemeA h1,
.portlets .marketing .schemeA h2,
.portlets .marketing .schemeA h3,
.portlets .marketing .schemeA h4,
.portlets .marketing .schemeA h5,
.portlets .marketing .schemeA h6,
.portlets .marketing .schemeA ul,
.portlets .marketing .schemeA li,
.portlets .marketing .schemeA li a{
    color: #4878B4;
}
.portlets .marketing .schemeB,
.portlets .marketing .schemeB p,
.portlets .marketing .schemeB a,
.portlets .marketing .schemeB h1,
.portlets .marketing .schemeB h2,
.portlets .marketing .schemeB h3,
.portlets .marketing .schemeB h4,
.portlets .marketing .schemeB h5,
.portlets .marketing .schemeB h6,
.portlets .marketing .schemeB ul,
.portlets .marketing .schemeB li,
.portlets .marketing .schemeB li a{
    color: #244183;
}
/**************
Import/portlet/portletShortcuts.css
**************/
.portlets .shortcut li{
    color: #4878B4;
}
/**************
Import/portlet/portletRatesMarketsStocks.css
**************/
.portlets .stocks table tr.name th,
.portlets .markets table tr.name th{
    color: #4878B4;
}
.portlets .stocks td i,
.portlets .markets td i{
    color: #00FF00;
    font-style: normal;
}
.portlets .stocks td.neg i,
.portlets .markets td.neg i{
    color: #FF0000;
}
/**************
Import/portlet/portletSearchBug.css
**************/
form.searchbug{
    border-color: #ffffff;
    color: #5f5553;
    background-color: transparent;
}
form.searchbug .input input{
    background-color: #FFFFFF;
    background-image:url(/DynamicContent/Resources/Images/Furniture/magnifier$v@202409200100.gif);
}
form.searchbugWSubmit.searchbug .input{
    width: 119px;
}
form.searchbugWSubmit.searchbug .input input{
    width: 100px;
    border: 1px solid #ccc;
}
/********
Import/portlet/portletOnlineShortcut.css
*********/
.Online .portlets .onlineShortcuts{
    background-color: #ffffff;
    color: #4878B4;
    border-color: #F0EEEE;
}
.Online .portlets .onlineShortcuts h3{
    background-image: url(/DynamicContent/Resources/Images/Navigation/onlineshortcutnavbackground$v@202409200100.gif);
    border-bottom-color: #F0EEEE;
    color: #244183;
    background-color: #ffffff;
}
.Online .portlets .onlineShortcuts ul{
    border-color: #F0EEEE;
}
.Online .portlets .onlineShortcuts li{
    background-image: url(/DynamicContent/Resources/Images/Navigation/onlinebullet$v@202409200100.gif);
}
/**********
Import/portlet/portletFormletContact.css
***********/
.md form.contactFormlet,
.md div.infoFormlet{
	background-color: #F1F1F1;
}
.md form.contactFormlet div.formActions{
	border-color: #C0C0C1;
}
.md div.formError{
	border-color: #EF3024;
	color: #EF3024;
}
.md div.formError p.fieldText{
	background-image: url(/DynamicContent/Resources/Images/Forms/exclamation$v@202409200100.gif);
}
.portlets div.infoPortlet h3{
	border-color: #ffffff;
}
/******
Import/brand/formMD.jsp
*******/

	

/****** 
Import/form/formGeneral.css
*******/
p.reqNote{/*required message*/
    color: #f00;
}
form.sf h3 a,
form.sf h3 a:hover{/*section headers*/
    color: #FFFFFF;
}
form.sf h3{/*section headers*/
    color: #FFFFFF;
    background-color: #4878B4;
}
.sf .sfData{/*section containers*/
    background-color: #FFFFFF;
    color: #5f5553;
}
form.sf s,
.required label s{/*asterisk*/
    color: #FF0000;
}
.md .hint,
.md .hint a, /*added for mobile hint link*/
.md .sfGroupHint{/*hint*/
    color: #5f5553;
}
.md .formData .hint,
.md .formData .hint a{
    color: #5f5553;
}
.locatorportlet .hint{ /* added for ATM/Branch Locator login portlet hint */
    color: #5f5553;
}
.formGroup .hint{ /* added for Account Activity date range hints */
    color: #5f5553;
}
.md .learn a,
.md .learn{/*learn more hint*/
    color: #5f5553;
}
.r .repeatBreak hr{
    color: #4878B4;
    background-color: #4878B4;
}
form.sf table.signature{/* Form Signature */
    border-color: #4878B4;
}
.sf .sfHalo{/*Buttons*/
    background-color: #4878B4;
}
/*Confirmation Edit Button*/
form.sf h3 input.edit, form.sf h2 input.edit{
    font-family: Arial, sans-serif;
    color: #5f5553;
}
form.sf .confirmStep{
    border-color: #4878B4;
}
/*Alerts inside standard forms*/
form.sf .r .buttons .alert{
    color: #5f5553;
    border: 1px solid #FF0000;
}
.md div.formActions{
	border-color: #ffffff;
}
.md .formActions ul li.formCancel,
.md .formActions ul li.formEdit{
	background-image: url(/DynamicContent/Resources/Images/Forms/pipe.gif);
}
/*************
Import/form/formProgessSteps.css
*************/
.md .sfProg{
    background-color: #FFFFFF;
    color: #4878B4;
    border-color: #4878B4;
}
.sfProg .num{
    border-color: #4878B4;
    color: #4878B4;
}
.sfProg .cur .num{
    background-color: #4878B4;
    color: #FFFFFF;
}
/**********
Import/form/formsErrorMessage.css
***********/
.sf .sfErrorBlock,
div.errors{
    background-color: #ffffff;
    background-image: url(/DynamicContent/Resources/Images/Furniture/errors.gif);
    border-color: #FF0000;
    color: #FF0000;
    background-repeat: no-repeat;
}
.modal .sf .sfErrorBlock,
.modal div.errors{
    background-color: #FFFFFF;
}
.sf .sfErrorBlock a,
div.errors a{
    color: #4878B4;
}

/**********
Import/form/formFieldsets.css
***********/
form.outline_errors .requirederror input{
    border-color: #FF0000;
}
/**********
Import/form/formFieldsetsStd.css
***********/
form.sf .r .errBorder .ctr{
    border-color: #FF0000;
}
/**********
Import/form/formFieldsetsMd.css
***********/
/*MD Form Error*/
div.requirederror label,
div.requirederror .label{
    background-image: url(/DynamicContent/Resources/Images/Furniture/errors.gif);
}

/* MRR-27537 */
.checkboxgroup div.requirederror .input::before {
    content: url(/DynamicContent/Resources/Images/Furniture/errors.gif);
}

.summarydata .requirederror input{/*added for mobile, highlights errors in tables*/
    border-color: #FF0000;
}
.optiongroup .errored{/*.optiongroup - ex. real time payments*/
    background-image: url(/DynamicContent/Resources/Images/Furniture/errors.gif);
}
/**********
Import/form/formFormGroupMd.css
***********/
div.formGroup{
    border-color: #244183;
    background-color: #ffffff;
}
div.formGroupHighlight{
    border-color: #F1F1F1;
    background-color: #F1F1F1;
}
div.formGroupHighlight .entry,
div.formGroupHighlight .required,
div.formGroupHighlight .requirederror{
    border-bottom-color: #D8D8D8;
}
.formGroupHighlight .entrySelected{
    background-color: #ffffff;
}
.md .formGroup .hr{
    background-color: #A0C6EC;
}
.md div.entryError {
    color: #FF0000;
}
.disabled{
	color: #999999;
}


/**********
Import/brand/formsSF.jsp
***********/

.helpHintTrigger{
	background-image: url(/DynamicContent/Resources/Images/Forms/help$v@202409200100.gif);
}
div.helpHint{
	background-color: #F1F1F1;
	border-color: #797A7A;
	color: #333333;
}
span.hint{
	color:  #5f5553;
}
/***********
Import/onlineGeneral.css
************/
.Online .colContainer{/*Online banking Content Background-color*/
    background-color: #ffffff;
}
.Online .summarygroup{/*added .Online because memorized outside md doesn't use it*/
    background-color: #244183;
    border-color: #244183;
}
.summarygroup h1,
.summarygroup h1 a,
.multimembersummarygroup h1,
.multimembersummarygroup h1 a{
    background-image: url(/DynamicContent/Resources/Images/Furniture/onlineheadbg$v@202409200100.gif);
    color: #ffffff;
}
.summarygroup p.summarygroupHeaderLink,
.summarygroup p.summarygroupHeaderLink a{
    color: #244183; 
}
/* MDSB selected checkbox in header*/
div.multimembersummarygroup h1.selected,
div.summarygroup h1.selected,
div.summarygroup h1.selected label{
    background-image: none;
}
.multimembersummarygroup h2,
.multimembersummarygroup h2 a{
    background-color: #244183;
    color: #ffffff;
}
.summarygroup label,
.summarygroup .control a{
    color: #ffffff
}
.summarydata thead label,
.summarydata tr.header label{
    color: #ffffff;
}
.summarydata label,
.summarydata .control a{
    color: #5f5553
}
/* MDSB */
.summarydata tbody.stat-locked th, 
.summarydata tbody.stat-locked td{/* tbody bgcolor for Locked Delegates*/
    background-color: #EFD1D1;
}
.summarydata .stat-locked td.stat,
.summarydata .stat-disabled td.stat{/* font color for Locked and Disabled Delegates*/
    color: #FF0000;
} 
/* odd is not needed - defaults to the table bgcolour */
tbody.odd th, 
tbody.odd td{/* multiple rows in same bg colour / grouped together by tbody tags*/
   /* background-color: transparent;*/
}
.summarydata tbody.even th, 
.summarydata tbody.even td{/* multiple rows in same bg colour / grouped together by tbody tags*/
    background-color: #efeded;
    color: #5f5553;
}
.summarydata tbody.evenSelected,
.summarydata tbody.evenSelected td,
.summarydata tbody.evenSelected th{
    background-color: #244183;
    color: #5f5553;
}
.summarydata tbody.oddSelected,
.summarydata tbody.oddSelected td,
.summarydata tbody.oddSelected th{
    background-color: #244183;
    color: #5f5553;
}
.statusmessage .warning,
.instructions .warning,
.error .warning{
    color: #FF0000;
}
/*Multiple member list*/
#MultiMember ul#Members li{
    background-image: url(/DynamicContent/Resources/Images/Navigation/globalmarker$v@202409200100.gif); 
}
ul.utilities li.item0{
   background-image: url(/DynamicContent/Resources/Images/Navigation/globalmarker$v@202409200100.gif);
}
/* MDSB */
.accountSummary li.transactions{
    background: url(/DynamicContent/Resources/Images/Icons/bullet_yellow.gif) center left no-repeat;
}
.accountSummary li.messages{
    background: url(/DynamicContent/Resources/Images/Icons/bullet_blue.gif) center left no-repeat;
}
/* checkmark icon in sortable column (introduced by E-Documents) */
span.iconCheck{ 
    background: url(/DynamicContent/Resources/Images/Icons/success.gif) top left no-repeat;
}
/* eye icon in sortable column (introduced by E-Documents) */
span.iconViewable{ 
    background: url(/DynamicContent/Resources/Images/Icons/eye.gif) top left no-repeat;
}
/***********
Import/onlineTransactionApproval.css
************/
/* MDSB pending transactions styles */
.transactionManager .collapsable .controlIcon{
    background: transparent url(/DynamicContent/Resources/Images/Icons/bullet_arrow_down$v@202409200100.gif) left top no-repeat;
}
.transactionManager .collapsed .controlIcon{
    background: transparent url(/DynamicContent/Resources/Images/Icons/bullet_arrow_right$v@202409200100.gif) left top no-repeat;  
}
/* mdsb transaction search*/
div.transactionSearch{
    background-color: #ffffff;
}
div.transactionSearch .entry{
    border-bottom-color: #4878B4;
}
.collapsableContent .transactionApprovals{
    border-color: #4878B4;
}
/***********
Import/onlineEnhancedPersonalMessages.css
************/
#Messages .epmExpiryWarning{
    color: #FF0000;
}
.enhancedPersonalMessage .messageExpiryNotice{
    color: #FF0000;
}
/***********
Import/online/onlineReceipt.css
************/
.receipts .receiptHeader{
    background-color: #4878B4;
    border-color: #4878B4;
    color: #244183;
}
.receipts .receipt{
    background-color: #ffffff;
    background-Image: url(/DynamicContent/Resources/Images/Icons/success.gif);
    border-color: #4878B4;
}
/* MRR-28181 stop cheque image overlap */
.receipts .receipt.stopchq {
    padding-left: 45px;
}
.receipts .receiptFail, 
.receipts .receiptHeader + .receipt.receiptFail, 
.businessTaxes .receipts .receiptHeader + .receipt.receiptFail {
    background-color: #f9e6e6;
    background-Image: url(/DynamicContent/Resources/Images/Icons/fail.gif);
}
.receipts .receiptRecurring{
    background-color: transparent;
    background-Image: url(/DynamicContent/Resources/Images/Icons/recurring.gif);
}
.receipts .receiptStop{
    background-color: transparent;
    background-image:url(/DynamicContent/Resources/Images/Icons/stop.gif);
}
.receipt p.note{
    background-color: #ffffff;
}
/******
Import/login/loginIncreasedAuth.css
*******/
div.agreement{
    border-color: #F0EEEE;
}
.securitySeal .captionedImage{
    background-color: #FFFFFF;
    border-color: #F0EEEE;  
}
/******
Import/online/onlineIncreasedAuth.css
*******/
.imageselector label.currentImage{
   background-color: #FFFFFF;
   border-color: #F0EEEE;
}
.imageselector .options{
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}
.imageselector .input label{
   border-color: #F0EEEE;
}
.imageselector .input label.checked{
    background-color: #FFFFFF;
    border-color: #4878B4;
}
/*select 3 questions*/
.multicategoryselect .input dd li.checked{
    background-color: #F0EEEE;
}
/*confirmation*/
.confirm .imageSelect .captionedImage{
    background-color: #FFFFFF;
    border-color: #4878B4;
}
.confirm .challengeQuestions{
    border-bottom-color: #F0EEEE;
    border-top-color: #F0EEEE;
}
.confirm .challengeQuestions ul li{
    border-bottom-color: #F0EEEE;
}
.confirm .challengeQuestions ul dd{
    background-color: #F0EEEE;
}
.confirm .warning{ 
    background-color: #F0EEEE;
    border-color: #4878B4;
}
.confirm .imageandcaption{
    border-bottom-color: #F0EEEE;
}
.confirm .imageandcaption .important{
    border-bottom-color: #4878B4;
}
.confirm .permRegister{
    border-bottom-color: #F0EEEE;
}
/*****************************************
/Import/form/formCalendar.css (jQuery Calendar)
*****************************************/
#datepicker_div, #ui-datepicker-div{
    font-family: Arial, sans-serif;
    background: #ffffff;
    border-color: #A5ACB2;
}
.datepicker_control,
.ui-datepicker-buttonpane{
    background-color: #244183; 
    color: #ffffff; 
}
.datepicker_control a,
.datepicker_control a:hover,
button.ui-datepicker-close {
    color: #FFFFFF; 
}
button.ui-datepicker-close {
    background: none;
}
.datepicker_links,
.ui-datepicker-header{
    background-color: #EDEDED; 
    color: #222222; 
}
.ui-corner-all span,
.datepicker_links a{
    color: #222222;
}
.datepicker_links label,
.ui-state-disabled span{
    color: #A8A8A8; 
}
.datepicker_links a:hover{
    color: #222222; 
}
.datepicker_links .datepicker_current a{
    background-color: #EDEDED; 
    color: #222222; 
}
.datepicker_links .datepicker_current a:hover{
    color: #222222; 
}
.datepicker_header,
.datepicker_header select,
.ui-datepicker-title,
.ui-datepicker-title select{
    background-color: #EDEEED; 
    color: #222222; 
}
.datepicker .datepicker_titleRow td,
.ui-datepicker-calendar thead th{
    background-color: #EDEEED;
    color: #222222;
}
.datepicker .datepicker_titleRow td.datepicker_weekEndCell,
.ui-datepicker-calendar thead th.ui-datepicker-week-end{
    background-color: #EDEEED; 
    color: #222222;
}
.datepicker tbody td, .ui-datepicker-calendar tbody td{
    background-color: #EDEEED; 
    border-color: #F1F1F1;
    color: #222222;
}
.ui-datepicker-calendar tbody td a{
    color: #222222;
}
.datepicker tbody td.datepicker_weekEndCell, .ui-datepicker-calendar tbody td.ui-datepicker-week-end {
    background-color: #EDEEED; 
    border-color: #F1F1F1; 
    color: #222222;
}
.datepicker tbody td.datepicker_currentDay, .ui-datepicker-calendar tbody td.ui-datepicker-current-day{
    background-color: #BFBFBC; 
    border-color: #F1F1F1; 
    color: #222222;
}
.datepicker tbody td.datepicker_daysCellOver, .ui-datepicker-calendar tbody td a.ui-state-hover{
    background-color: #BFBFBC; 
    border-color: #A5ACB2; 
    color: #222222;
}
.datepicker tbody td.datepicker_unselectable, .ui-datepicker-calendar tbody td.ui-datepicker-unselectable, 
.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span{
    background-color: #EDEDED; 
    border-color: #F1F1F1; 
    color: #A8A8A8;
}
.datepicker tbody td.datepicker_today, .ui-datepicker-calendar tbody td.ui-datepicker-today{
    background-color: #FFFFFF; 
    border-color: #A5ACB2; 
    color: #222222;
}
.datepicker_status{
    background-color: #EDEEED;
    color: #222222;
}
/*********
Import/home/Home.css
*********/

.Home .promo{
    background-color: #FFFFFF;
}
.Home .promo h3{
    color: #4878B4;
}
.Home .promo p{
    color: #5f5553;
}
.Home .promo a{
    color: #5f5553;
}
.phc .portlet h2, 
.shc .portlet h2{
    color: #4878B4;
}

.Home ul.context{
    border-bottom-color: #4878B4;
    border-top-color: #4878B4;
}
/*Home context nav*/
.Home ul.context li a{
    color: #4878B4;
}
.Home ul.context .depth1 li{
    background-image: url(/DynamicContent/Resources/Images/Navigation/homemarker$v@202409200100.gif);
}
/*last boxed link*/
.Home ul.context .depth1 .adjacent{
    background-color: efeded;
    border-color: #efeded;
    color: #244183;
}
.Home ul.context .depth1 .adjacent a{
    background-color: efeded;
    color: #244183;
}
/*********
Import/home/homePromo.css
*********/


.promoShowSlides .promoActions,
.promoShowUtilities ul li{
    background-image: url(/DynamicContent/Resources/Images/promoShow/promoShowControls$v@202409200100.png);
}
.promoShowUtilities ul li{
    border-left-color: #1C1C1C;
    color: #FFFFFF;
}
/*utility pages*/
ul.promoShowPages li.current{
    background-color: #FFF;
	color: #000;
}
/*show slides*/
.promoActions h2{/*heading*/
    color: #ffffff;
}
.promoActions a{
	color: #ffffff;
}
.promoActions .actionPrimary a{/*faux button*/
    background-color: #86AA6F;
    border-color: #86AA6F;
    color: #ffffff;
}

/*********
Import/common/Component-Carousel
*********/
.slick-loading .slick-list{
    background-color: #ffffff;
    background-image: //url('/DynamicContent/Resources/Images/loaders/ajax-loader.gif');
}
/* Icons/fontface */
@font-face{font-family: 'slick';font-weight: normal;font-style: normal;src: url('/DynamicContent/Resources/fonts/slick.eot');src: url('/DynamicContent/Resources/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/DynamicContent/Resources/fonts/slick.woff') format('woff'), url('/DynamicContent/Resources/fonts/slick.ttf') format('truetype'), url('/DynamicContent/Resources/fonts/slick.svg#slick') format('svg');}

/* Arrows */
.slick-slider .slick-prev,
.slick-slider .slick-next{
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before{
    font-family: 'slick', Arial, sans-serif;
    font-size: 40px;
    color: #244183;
}
.slick-slider .slick-prev:before{
    content: '\2190';
}
.slick-slider .slick-next:before{
    content: '\2192';
}
.slick-slider .slick-dots li button:before{
    content: '\2022';
}
.slick-slider .slick-prev{
    left: 25px;
}
.slick-slider .slick-next{
    right: 25px;
}
.md .Component-Carousel{
    margin-bottom: 8px;
}
.slick-slider .slick-dots{
    bottom: 0px;
}
.slick-slider .slick-dots li{
    width: 20px;
    height: 20px;
}
.slick-slider .slick-dots li button{
    width: 20px;
    height: 20px;
}
.slick-slider .slick-dots li button:before{
    font-family: 'slick', Arial, sans-serif;
    font-size: 10px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    color: #244183;
}
.slick-slider .slick-dots li.slick-active button:before{
    color: #244183;
}
/*********
Import/common/Component-RandomImages
*********/
.md .Component-RandomImages{
    margin-bottom: 8px;
}
/*********
Import/common/imageCopy.css
use by the carousel slick as well
*********/
.imageCopy h2{
    color: #5f5553;
}
.imageCopy .copy{
     color: #5f5553;
}
.imageCopy .actions a{
    color: #4878B4;
}
.imageCopy .actions a:hover{
    color: #4878B4;
}
.imageCopy .actionPrimary a{
    background-color: #4878B4;
    border-color: #4878B4;
    color: #244183;
}
.imageCopy .actionPrimary a:hover{
     background-color: #244183;
    border-color: #244183;
    color: #5f5553;
}
/*****************
Import/home/homeContentTreatments.css
*****************/
div.quickNavs{
    background: #BA3E3E;
    border-color: #BA3E3E;
}
div.quickNav h3{
    color: #ffffff;
    font-size: 13px;
}
.quickNavButtonsBackground .submit{
    background-image: url(/DynamicContent/Resources/Images/quickNav/button$v@202409200100.gif);
}
/***********
Import/other/search.css
***********/

/***********
Old
***********/
.search tr.header td, 
.search tr.header th,
.search thead td, 
.search thead th{
    background-color: #244183;
    color: #ffffff;
}
.search tr.even td,
.search tr.even th{
    background-color: #efeded;
    color: #5f5553;
}
.search ul.breadcrumb li a{
    color: #4878B4;
}

/***********
New
***********/
.searchResults ul.pagination li a{
    color: #4878B4;
}
.searchResults ul.pagination li a:hover{
    color: #4878B4;
}
.searchResults ul.pagination li.disabled a{
    color: #CCCCCC;
    visibility: visible;
} 
.searchResults ul.pagination,
.searchResults form.search,
.searchResults ul.results,
.searchResults ul.results li.row0{
    border-color: #244183;
}
.searchResults ul.results li{
    border-color: #efeded;
}
.searchResults ul.results li .result strong{
    background-color: transparent;
    color: #244183;
}
.searchResults form.new_search .container{
    background-color: #ffffff;
    border-color: #244183;
    color: #5f5553;    
}
.searchResults form.new_search h3{
    background-color: #ffffff;
    color: #5f5553;    
}
.searchResults form.new_search .note{
    background-color: #ffffff;
    color: #5f5553;    
}

.searchResults form.refine_search .container{
    background-color: #ffffff;
    border-color: #244183;
    color: #5f5553;    
}
.searchResults form.refine_search h3{
    background-color: #ffffff;
    color: #5f5553;    
}
.searchResults form.refine_search .note{
    background-color: #ffffff;
    color: #5f5553;    
}


/**************
Import/other/findBranchATM.css
**************/
div.atm{
    border-color: #244183;
}
.atm .head,
.atm .head a,  
.atm .head h2{
    background-color: #244183;
    color: #ffffff;
}
.atm .foot ul.calltoaction li{
    background-color: #efeded;
    color: #5f5553;
}
/*results*/
.atm ul li.even, .atm .other ul ul li.even{
    background-color: #efeded;
    color: #5f5553;
}
.atm .other ul li.even{
    background-color: transparent;
}
.results ol li.location .marker span{
    color: #000;
}
.geoBranchAtm .results .adp-placemark,
.geoBranchAtm .results .adp-summary,
.geoBranchAtm .results .adp-step, 
.geoBranchAtm .results .adp-substep{
	border-color: #C9C9C9;
}
.geoBranchAtm table.adp-placemark,
.geoBranchAtm table.adp-placemark th,
.geoBranchAtm table.adp-placemark td{
	background: transparent;
}
/***********
Import/other/siteMap.css
*************/
.sitemap li{
    color: #244183;
}
/*************
Import/calc/calc.css
************/
#report table td td{
    border-bottom-color: #244183 !important;
}
#report tr td{
    background-color: #ffffff; 
}
#report .repeat tr td,
#report .repeat tr.even td{
    background-color: #efeded; 
}
#report .repeat tr.odd td{
    background-color: #FFFFFF; 
}
#report .stylesectiontitle, #report .styleheader{
    color: #4878B4;
}
/******
/Import/emt/noNavigation.css
*******/
.NoNavigation .alert{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #5f5553;
}

#helpText div.cntxthelp {
    float: right;
}
#logout div a, #logout a {
    float: left;
}
#emtHelpText div.cntxthelp {
    display: block !important;
    float: right;
}
.control#logoutControl  {
    padding-bottom: 12px;
}

/******
/Import/locator/findBranchATM.css
*******/
.geoBranchAtm .columns .interface{
    background-color: #e6e6e6;
}
.geoBranchAtm .columns .branchmap{
    background-color: #e6e6e6;
}
.geoBranchAtm .columns .branchmap .details{
    background-color: #ffffff;
}
.geoBranchAtm .searchTypes{
    border-bottom-color: #ffffff;
}
.geoBranchAtm .searchTypes .type{
    border-color: #ffffff;
}
.geoBranchAtm .group .groupFields,
.geoBranchAtm ul.group{
    background-color: #F3F3F3;
    border-color: #C9C9C9;
}
.geoBranchAtm .results .pagination{
    background-color: #e6e6e6;
}
.geoBranchAtm .details .detail{
    border-color: #C9C9C9; 
}
.geoBranchAtm ul.transitMode li span{
	background-image: url(/DynamicContent/Resources/Images/Icons/Locator/directions/car.gif);
}
.geoBranchAtm ul.transitMode li span.walk{
	background-image: url(/DynamicContent/Resources/Images/Icons/Locator/directions/walk.gif);
}
.geoBranchAtm ul.transitMode li span.bicycle{
	background-image: url(/DynamicContent/Resources/Images/Icons/Locator/directions/bicycle.gif);
}
.tabTitle{
	background-color: #F3F3F3;
	border-color:  #C9C9C9;
}
.tabTitle span.currentTab{
	background:  #FFFFFF;
	border-color:  #C9C9C9;
	border-bottom-color: #FFFFFF;
}
/******
/Import/calcJS/calcJS.css
*******/
.calcJS{
	color: #FFFFFF;
}
.calcJS h2{
	color: #FFFFFF;
}
.calcJS .form-section{
	background-color: #4878B4;
}
.calcJS .tab-box ul li.tabLink,
.calcJS .tab-box a,
.calcJS .inline-wrapper,
.calcJS .amortization-table-view,
.calcJS .graph-view,
.calcJS .reportSection,
.calcJS .calcActionsRow{
    background-color: #A3A3A3;
}
.calcJS .tab-box ul li.activeLink{
        color: #FFFFFF;
        background-color: #4878B4;
}
.calcJS .tab-box ul li a{
    color: #FFFFFF;
}
.calcJS .calcActionsRow a{
    color: #FFFFFF;
}
.calcJS .calc-result{
	color: #A3A3A3;
}
.calcJS .amortization-table-panel{
	color:  #4878B4; 
}
.calcJS .popup-header{
	background-color: #4878B4;
}
.calcJS .calc-entry label{
	color: #FFFFFF;
}
.calcJS .preapprove-button a,
.calcJS .prepayment-toggle a,
.calcJS .compare-button a{
    color: #FFFFFF;
}

.calcJS tr:nth-child(odd).amortization-table-row td{
    background-color: #FFFFFF;
}
.calcJS tr:nth-child(even).amortization-table-row td{
    background-color: #EEEEEE;
}
.calcJS .amortization-table-panel{
    background-color: #FFFFFF;
}
.calcJS .calc-result{
    background-color: #FFFFFF;
}
.calcJS .SaveDialogBg{
    background-color: #FFFFFF;
}
.calcJS .calcTopError,
.calcJS .error-highlight{
    color: #FF0000;
    border-color: #FF0000;
}
.calcJS .calcTopWarning,
.calcJS .warning-highlight{
    color: #D79105;
    border-color: #D79105;
}
.calcJS .warning-highlightForIE{
    border-color: #D79105;
}

.uxp .calcJS .comparison-scenario-tab {
	background-color: #FFFFFF;
}

.uxp .calcJS .comparison-scenario-tab a {
    color: #4878B4;
}

.uxp .calcJS .show-comparison-scenario-1 .comparison-scenario-tab-1,
.uxp .calcJS .show-comparison-scenario-2 .comparison-scenario-tab-2,
.uxp .calcJS .show-comparison-scenario-3 .comparison-scenario-tab-3 {
	background-color: #4878B4;
	border-bottom-color: #4878B4;
}

.uxp .calcJS .show-comparison-scenario-1 .comparison-scenario-tab-1 a,
.uxp .calcJS .show-comparison-scenario-2 .comparison-scenario-tab-2 a,
.uxp .calcJS .show-comparison-scenario-3 .comparison-scenario-tab-3 a {
	color: #FFFFFF;
}

/******
/Import/online/onlineChequeImageDisplay.css
*******/
.md .chequeImagesGroup tr td.chequeImage{
	border-bottom-color: #efeded;
}
/***********
Accessibility
************/

.md ul.skip,
.md ul.skip li {
    background-image: none;
}
.md ul.skip a {
    background-color: #ffffff;
    color: #4878B4;
}

/***********
IOP - Interac Online Payments
************/
.iop div.controls {
    border-color: #ffffff;
}
/***********
Content Treatment - EventGroup
************/
.md .Component-EventGroup h2 {
    background-color: #4878B4;
    color: #244183;
}
.md .Component-EventGroup .event-item {
    border-top: 1px solid #e5e5e5;
}
.md .Component-EventGroup .date{
    background-color: #244183;
    color: #244183;
    display: block;
}
.md .Component-EventGroup .month{
    float: right;
    display: block;
}
/***********
Content Treatment - Expandable Content
************/
.md div.Component-ExpandableContent {
    border:  1px solid;
    border-color: #e5e5e5;
    padding: 4px 10px;
}
.md div.Component-ExpandableContent .expandableToggle {
    border-left:  1px dotted;
    border-color: #e5e5e5;
}
.md div.Component-ExpandableContent .content .actions li {
    background: url(/DynamicContent/Resources/Images/Icons/bullet_arrow_right.gif) no-repeat -6px;
}
.md div.Component-ExpandableContent.collapsed .expandableToggle {
    background: url(/DynamicContent/Resources/Images/Icons/bullet_arrow_right.gif) no-repeat 3px;
}
.md div.Component-ExpandableContent .expandableToggle {
    background: url(/DynamicContent/Resources/Images/Icons/bullet_arrow_down.gif) no-repeat 3px;
}
/***********
Content Treatment - DocumentList
************/
.md ul.Component-DocumentList li:before{
    background-image: url(/DynamicContent/Resources/Images/Icons/documentList_matrix$v@202409200100.png);    
}
.md ul.Component-DocumentList .odd {
    background-color: #efeded;
    color: #5f5553;
}
/***********
Content Treatment - Disclaimer
************/
.md .Component-Disclaimer {
    background-color: #ffffff;
    color: #5f5553;
}
/***********
Content Treatment - JobPosting
************/
.md .Component-JobPosting .section {
    border-bottom: 1px dotted #4878B4;
}
/*****
Content Treatment - Blockquotes - class to avoid regression
******/
.md blockquote.Component-Blockquote{
    border-color: #e5e5e5;
    border-style: dashed;
    background-color: #ffffff;
}
.md blockquote.Component-Blockquote h3{
    color: #333333;
}
.md blockquote.Component-Blockquote p{
    color: #5f5553;
}
/****
Component-LongCallToAction
****/
.Component-LongCallToAction .simple h2{
    color: #5f5553;
}
.Component-LongCallToAction .simple h3{
    color: #5f5553;
}
.Component-LongCallToAction .callout h3{
    color: #5f5553;
}
.Component-LongCallToAction .callout{
    border: 1px solid;
    border-color: #e5e5e5;
}
.Component-LongCallToAction .callout .Component-Button{
    border-top:  1px solid;
    border-top-color: #e5e5e5;
}
/****
Component-Marketing
****/
.md .Component-Marketing{
    border: none;
    border-color: transparent;
    padding: 0px;  
}
.Component-Marketing .copy h3{
    color:  #244183
}
.md .Component-Marketing .Component-Button a{
    color: #ffffff;
    background-color: #244183;
}
.md .Component-Marketing .Component-Button a:hover{
    color: #ffffff;
    background-color: #4878B4;
}
.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{
    background-image: url(/DynamicContent/Resources/Images/Icons/marketing_matrix$v@202409200100.png); 
}
/****
Component-Quicknav
****/
.md .Component-Quicknav{
    background-color: #86AA6F;
    border: #86AA6F;
    border-color: #86AA6F;
    padding: 4px; 
}
.md .Component-Quicknav h3{
    color: #ffffff;
}
/****
Component-Shortcuts
****/
.md .Component-Shortcuts{
    background-color: #ffffff;
    border: 1px solid;
    border-color: #e5e5e5;
    padding: 4px; 
}
.md .Component-Shortcuts h3{
    color: #244183;
}
.md .Component-Shortcuts span.heading{
    color: #244183;
}
.md .Component-Shortcuts li:before{
    background-image: url(/DynamicContent/Resources/Images/Icons/bullet_arrow_right$v@202409200100.gif);
}

/****
Component-Button
****/

.md .UXM-Component-Button {
    color: #ffffff;
    background-color: #244183;
    border-color: #244183;
}

.md .UXM-Component-Button:hover {
    color: #ffffff;
    background-color: #4878B4;
    border-color: #4878B4;
}

.md .UXM-Component-Button svg {
    fill: #ffffff;
}

.md .UXM-Component-Button:hover svg {
    fill: #ffffff;
}

/****
OIR Specific
****/
.md .oir > .LogosWUInterac {
    background-image: url('/DynamicContent/Resources/Images/Oir/LogosWUInterac.png');
    background-position: right 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    height: 40px;
}

.md .Oir .arrowOpen::after {
    content: "";
    background: transparent url(/DynamicContent/Resources/Images/Icons/arrow_down.png) no-repeat scroll left top;
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
}

.md .Oir .arrowClose::after {
    content: "";
    background: transparent url(/DynamicContent/Resources/Images/Icons/arrow_up.png) no-repeat scroll left top;
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
}

.md .Oir .toggleOpen::before {
    content: "";
    background: transparent url(/DynamicContent/Resources/Images/Icons/toggle_down.png) no-repeat scroll left top;
    width: 9px;
    height: 9px;
    display: inline-block;
    cursor: pointer;
    padding-right: 4px;
}

.md .Oir .toggleClose::before {
    content: "";
    background: transparent url(/DynamicContent/Resources/Images/Icons/toggle_up.png) no-repeat scroll left top;
    width: 9px;
    height: 9px;
    display: inline-block;
    cursor: pointer;
    padding-right: 4px;
}

/****
EUF Specific
****/
.requirederror .input .image.acknowledgeErrorIcon {
    content:url(/DynamicContent/Resources/Images/Furniture/errors.gif);
    float: left;
    padding-left: 4px;
    padding-top: 2px;
}

.acknowledgeCheckbox {
    float: left;
}

.acknowledge.acknowledgeText {
    position: relative;
    top: -13px;
    display: block;
    padding-left: 23px;
    font-weight: normal;
}

.requirederror .input span.acknowledge.acknowledgeText {
    padding-left: 43px;
}

.requirederror .input input.acknowledgeCheckbox {
    margin-left: 5px;
}

.interacLogoHolder {
    position: relative;
}

.interacLogoEMT {
    background-image: url('/DynamicContent/Resources/Images/EMT/interacLogo.svg');
    background-repeat: no-repeat;
    height: 32px;
    width: 128px;
    position: absolute;
    top: -8px;
    right: -46px;
}

/****
AB Tax
 ****/
.horizontal-textblock-align > div.oneColRow:not(.multiRow) > div.readOnly > label {
    float: left;
    width: 200px;
}

.horizontal-textblock-align > div.oneColRow:not(.multiRow) > div.readOnly > span {
    margin-left: 70px;
}

/*****************
BOC GROW CORE CSS
*****************/


.BocGrow .bocGrowButton {
    cursor: pointer;
}

.BocGrow .errorMessage {
    box-sizing: border-box;
    padding: 20px; 
    border: 2px solid red;
    color: red;
    background: #fff;
    display: none;
    margin: 20px 0px;
}


/*************
MRR-21707 Safari 12
***********/
form.removeEmptyCheckedSets .summarygroup th.date,
form.removeEmptyCheckedSets .summarygroup td.date {
    width: 24%;
}
form.removeEmptyCheckedSets .summarygroup input.date {
    width: 72%;
}

/***************
MRR-24361 
***************/




/***********
Import/common/actions.css
************/
.md .actions_dropdown{
    background-color: #EAEAEA;
    border-color: #CCC;
}
.actions_dropdown a:hover{
    background-color: #FFF;
}
/***********
Import/common/bars.css
************/
.md .bar_background{
    background-color: #244183;
    color: #ffffff;
}
/***********
Import/common/progressBar.css
************/
.progressBarContainer{
    color: #333333;
    border-color: transparent;
    background-color: transparent;
}
.progressBarContainer_over .progressBar{
    border-color: #EF8885;
    background-color: #EF8885;
}
.progressBarContainer_under .progressBar{
    border-color: #A9D283;
    background-color: #A9D283;
}
.progressBarContainer_near .progressBar{
    border-color: #F0E38B;
    background-color: #F0E38B;
}
.progressBarContainer_negative .progressBar{
	background-color: transparent
}
/***********
Import/common/buttons.css
************/
.md .btn{
    background-color: #EAEAEA;
    border-color: #CCCCCC;
    color: #333333;
}
.md .btn_gradient{
    background-image: -moz-linear-gradient(top, rgb(#ba3e3e) 25%, rgb(#ba3e3e) 100%);
    background-image: -ms-linear-gradient(top, rgb(#ba3e3e) 25%, rgb(#ba3e3e) 100%);
    background-image: -o-linear-gradient(top, rgb(#ba3e3e) 25%, rgb(#ba3e3e) 100%);
    background-image: -webkit-linear-gradient(top, rgb(#ba3e3e) 25%, rgb(#ba3e3e) 100%);
    background-image: linear-gradient(top, rgb(#ba3e3e) 25%, rgb(#ba3e3e) 100%);
}
.md .btn_icon{
    background-image: url(/DynamicContent/Resources/Images/Icons/icons_matrix$v@202409200100.png);
}
.md .btn_cta{
    background-color: #EAEAEA;
    border-color: #EAEAEA;
    color: #333333;
}
.md .btn_cta:hover{
    background-color: #EAEAEA;
    border-color: #EAEAEA;
}
.md .btn_cta_primary{
    background-color: #4878B4;
    border-color: #4878B4;
    color: #FFFFFF;
}
.md .btn_cta_primary:hover{
    background-color: #4878B4;
    border-color: #4878B4;
}
/***********
Import/common/headings.css
************/
.md .heading_split{
    border-bottom-color: #244183;
}
/***********
Import/common/modal.css
************/
.md .modal{
    background-color: #FFFFFF;
    border-color: #BABABA;
}
.md .modal_noChrome{
    border-color: #444444;
}
.md .overlay_decorator{
    background-color: #FFFFFF;
}
.md .dialog{
    border-color: #BABABA;
}
.md .modal_close{
    background-image: url(/DynamicContent/Resources/Images/Icons/icons_matrix$v@202409200100.png);
}
.md div .selectedBox {
	border: 2px solid #244183;
}
.md .modal .modal_heading{
	border-bottom: 1px solid #CCCCCC;
}
/***********
Import/common/tips.css
************/
.md .tip{
    background-color: #ffffdd;
    -webkit-box-shadow: #000000;
    box-shadow: #000000;
}
.md .tip:before{
    background-image: url(/DynamicContent/Resources/Images/Furniture/widgetTipArrow$v@202409200100.png);
}
div.contentCallout {
    background-color: #EBEBEB;
    background-image: -moz-linear-gradient(top, #EBEBEB, #EBEBEB);
    color: #696969;
}
div.contentCallout.bottom::before {
    border-top: 10px solid #EBEBEB;
}
div.contentCallout.top::before {
    border-bottom: 10px solid #EBEBEB;
}
div.contentCallout.right::before {
    border-left: 10px solid #EBEBEB;
}
div.contentCallout.left::before {
    border-right: 10px solid #EBEBEB;
}
div.contentCallout.bottom-left::before {
    border-top: 10px solid #EBEBEB;
}
div.contentCallout.bottom-right::before {
    border-top: 10px solid #EBEBEB;
}
div.contentCallout.top-left::before {
    border-bottom: 10px solid #EBEBEB;
}
div.contentCallout.top-right::before {
    border-bottom: 10px solid #EBEBEB;
}
div.contentCallout.right-bottom::before {
    border-left: 10px solid #EBEBEB;
}
div.contentCallout.right-top::before {
    border-left: 10px solid #EBEBEB;
}
div.contentCallout.left-bottom::before {
    border-right: 10px solid #EBEBEB;
}
div.contentCallout.left-top::before {
    border-right: 10px solid #EBEBEB;
}
/***********
Import/common/containerTreatments.css
************/
div.contentColumns{
    color: #5f5553;
}
div.contentColumnsBackground{
    background-color: #EAEAEA;
    color: #5f5553;
}
div.contentColumnsBorder{
    border-color: #E0E0E0;
}
div.contentColumnsBackgroundImage{
    background-image: url(/DynamicContent/Resources/Images/Furniture/contentColumn_bg$v@202409200100.gif);
}
div.contentColumnsBackgroundImage_rightTop{
    background-position: 100% 0;
}
div.contentColumnsBackgroundImage_leftTop{
    background-position: 0 0;
}
div.contentColumnsBackgroundImage_verticalRepeat{
    background-repeat: repeat-y;
}
div.contentColumnsBackgroundImage_horizontalRepeat{
    background-repeat: repeat-x;
}
div.contentColumnsBackgroundImage_noRepeat{
    background-repeat: no-repeat;
}
/***********
Import/common/contentTreatment.css
************/
.md .positive .value{
    color: #027C02;
}
.md .negative .value{
    color: #D50000;
}
.md .subduedText_color{
    color: #777777;
}
.md a.noLinkAnchor {
	color: inherit;
	cursor: default;
}
/***********
Import/common/contentTabs.css
************/
.md .contentTabsContainer,
.md .contentTabsContainerFaked,
.contentTabsContainer .contentTabs,
.contentTabsContainerFaked .contentTabs{
    border-bottom-color: #b4b0af;
}
.tabify_decor_image .tabify_menu_container,
.tabify_decor_image.tabify_vertical .tabify_content_frame{
    border-color: #b4b0af;
}
.tabify_decor_border .tabify_tab_content{
    background-color: #EEEEEE;
}
.tabify_decor_border .tabify_tab_active .tabify_tab_content,
.tabify_decor_border .tabify_content_frame{
    background-color: #FFFFFF;   
}
.tabify_decor_border .tabify_tab_content,
.tabify_decor_border .tabify_menu_container,
.tabify_decor_border .tabify_content_frame{
    border-color: #CCCCCC;
}
.contentTabs a,
.contentTabs span,
.tabify .tabify_tab_label,
.tabify .tabify_tab_label_text{
    color: #5F5553;
}
.contentTabs a,
.contentTabs span,
.tabify_decor_image .tabify_tab_label,
.tabify_decor_image .tabify_tab_label_text{
    background-image: url(/DynamicContent/Resources/Images/Furniture/contentTabs$v@202409200100.gif);
}
.contentTabs .current a,
.tabify_tab_active .tabify_tab_label,
.tabify_tab_active .tabify_tab_label_text{
    color: #4878B4;
}
.Form .contentTabs a,
.Form .contentTabs span,
.Form .tabify_tab_label,
.Form .tabify_tab_label_text{
    color: #4878B4;
}
.Form .contentTabs a,
.Form .contentTabs span,
.Form .tabify_decor_image .tabify_tab_label,
.Form .tabify_decor_image .tabify_tab_label_text{
    background-image: url(/DynamicContent/Resources/Images/Furniture/contentTabs$v@202409200100.gif);
}
.Form .contentTabs .current a,
.Form .tabify_tab_active .tabify_tab_label,
.Form .tabify_tab_active .tabify_tab_label_text{
    color: #4878B4;
}
.Online .contentTabs a,
.Online .contentTabs span,
.Online .tabify_menu .tabify_tab_label,
.Online .tabify_menu .tabify_tab_label_text{
    color: #4878B4;
}
.Online .contentTabs a,
.Online .contentTabs span,
.Online .tabify_decor_image .tabify_tab_label,
.Online .tabify_decor_image .tabify_tab_label_text{
    background-image: url(/DynamicContent/Resources/Images/Furniture/contentTabs$v@202409200100.gif);
}
.Online .contentTabs .current a,
.Online .tabify_tab_active .tabify_tab_label,
.Online .tabify_tab_active .tabify_tab_label_text{
    color: #4878B4;
}
.tabify_decor_image.tabify_vertical .tabify_tab_label,
.tabify_decor_image.tabify_vertical .tabify_tab_label_text{
    background-image: url(/DynamicContent/Resources/Images/Furniture/contentTabsVertical$v@202409200100.gif);
}
.tabify_decor_image.tabify_vertical.tabify_opposed .tabify_tab_label,
.tabify_decor_image.tabify_vertical.tabify_opposed .tabify_tab_label_text{
    background-image: url(/DynamicContent/Resources/Images/Furniture/contentTabsVertical$v@202409200100.gif);
}

/***********
Import/common/icons.css
************/
/*Icons - When used as Image Replacement*/
.md .icon_withLabel_lower,
.md .icon_none,
.md .icon_success,
.md .icon_alert,
.md .icon_lock,
.md .icon_news,
.md .icon_plus:before,
.md .icon_plus:after,
.md .icon_repeat:before,
.md .icon_repeat:after,
.md .icon_complete:before,
.md .icon_info:before,
.md .icon_warning:before,
.md .icon_error:before,
.md .icon_close,
.md .icon_repeat,
.md .icon_payment,
.md .icon_transfer,
.md .icon_config{
    background-image: url(/DynamicContent/Resources/Images/Icons/icons_matrix$v@202409200100.png);
}
/***********
Import/common/lists.css
************/
ul.iconChecklist {
    list-style-image: url(/DynamicContent/Resources/Images/Icons/success$v@202409200100.gif);
}
ul.iconChecklist_tick{
    list-style-image: url(/DynamicContent/Resources/Images/Icons/success.gif);
}
/***********
Import/common/toggles.css
************/
.md .toggle_tip,
.md .toggle_errortip,
.md .toggle_visibility a,
.md .toggle_chart a{
    background-image: url(/DynamicContent/Resources/Images/Icons/icons_matrix$v@202409200100.png);
}
.md .toggle_errortip{
    color: #990000;
}
/******
Import/portlet/portletOnlineDetails.jsp
*******/
.Online .portlets .online_details{
	background-color: transparent;
	border-color: #244183;
	color: #5f5553;
}
.Online .portlets .online_details a{
	color: #4878B4;
}
.Online .portlets .online_details a:hover{
	color: #4878B4;
}
.Online .portlets .online_details h2{
	color: #5f5553;
}
.Online .portlets .online_details .label_color{
	color: #5f5553;
}
/*****
Short Call to action
******/
.md .Component-ShortCallToAction a {
    background-color: #86aa6f;
    background-image: url(/DynamicContent/Resources/Images/Icons/bullet_arrow_right.gif);
    background-position: 2px 7px;
}
/*****
Button Button - Note other components use this component with variations
******/
.md .Component-Button a {
    color: #ffffff;
    background-color: #244183;
}
.md .Component-Button a:hover {
    color: #ffffff;
    background-color: #4878B4;
}
/*****
New Rate as Component-RatesTable
.Component-RatesTable large and compact
.Component-RatesTableCompact only compact
******/
.md .Component-RatesTable tr.even td,
.md .Component-RatesTable tr.odd td,
.md .Component-RatesTable tr.even th,
.md .Component-RatesTable tr.odd th{
    color: #5f5553;
    background-color: #efeded;
}
.md .Component-RatesTable table.rates,
.md .Component-RatesTable table.rates td,
.md .Component-RatesTable table.rates th{
    border-color: #ffffff;
}
.md .Component-RatesTableCompact table.rates th{
    background-color: #ffffff;
    color: #5f5553;
}
.md .Component-RatesTableCompact tr.even td,
.md .Component-RatesTableCompact tr.odd td,
.md .Component-RatesTableCompact tr.even th,
.md .Component-RatesTableCompact tr.odd th{
    background-color: #ffffff;
}
/*****
Global Warning style
******/
.md div.globalWarning{
    border-color: #D79105;
}
/*****
Core Branding Styles 
******/
.brand-canvas-background { background-color: transparent; }
.brand-canvas-background-override { background-color: transparent !important; }
.brand-page-background { background-color:  #ffffff; }
.brand-page-background-override { background-color:  #ffffff !important; }
.brand-text { color: #5f5553; }
.brand-text-override { color: #5f5553 !important; }

.brand-primary-color1-text { color: #4878B4; }
.brand-primary-color1-text-override { color: #4878B4 !important; }
.brand-primary-color1-background {  background-color: #4878B4; }
.brand-primary-color1-background-override {  background-color: #4878B4 !important; }
.brand-primary-color1-border { border-color: #4878B4; }
.brand-primary-color1-border-override { border-color: #4878B4 !important; }

.brand-primary-color2-text { color: #ffffff; }
.brand-primary-color2-text-override { color: #ffffff !important; }
.brand-primary-color2-background {  background-color: #ffffff; }
.brand-primary-color2-background-override {  background-color: #ffffff !important; }
.brand-primary-color2-border { border-color: #ffffff; }
.brand-primary-color2-border-override { border-color: #ffffff !important; }

.brand-primary-color3-text { color: #FFFFFF; }
.brand-primary-color3-text-override { color: #FFFFFF !important; }
.brand-primary-color3-background {  background-color: #FFFFFF; }
.brand-primary-color3-background-override {  background-color: #FFFFFF !important; }
.brand-primary-color3-border { border-color: #FFFFFF; }
.brand-primary-color3-border-override { border-color: #FFFFFF !important; }

.brand-primary-color4-text { color: #F0EEEE; }
.brand-primary-color4-text-override { color: #F0EEEE !important; }
.brand-primary-color4-background {  background-color: #F0EEEE; }
.brand-primary-color4-background-override {  background-color: #F0EEEE !important; }
.brand-primary-color4-border { border-color: #F0EEEE; }
.brand-primary-color4-border-override { border-color: #F0EEEE !important; }

.brand-primary-color5-text { color: #FFFFFF; }
.brand-primary-color5-text-override { color: #FFFFFF !important; }
.brand-primary-color5-background {  background-color: #FFFFFF; }
.brand-primary-color5-background-override {  background-color: #FFFFFF !important; }
.brand-primary-color5-border { border-color: #FFFFFF; }
.brand-primary-color5-border-override { border-color: #FFFFFF !important; }

.brand-primary-color6-text { color: #EAEAEA; }
.brand-primary-color6-text-override { color: #EAEAEA !important; }
.brand-primary-color6-background {  background-color: #EAEAEA; }
.brand-primary-color6-background-override {  background-color: #EAEAEA !important; }
.brand-primary-color6-border { border-color: #EAEAEA; }
.brand-primary-color6-border-override { border-color: #EAEAEA !important; }

.brand-primary-color7-text { color: #244183; }
.brand-primary-color7-text-override { color: #244183 !important; }
.brand-primary-color7-background {  background-color: #244183; }
.brand-primary-color7-background-override {  background-color: #244183 !important; }
.brand-primary-color7-border { border-color: #244183; }
.brand-primary-color7-border-override { border-color: #244183 !important; }

.brand-secondary-color1-text { color: #244183; }
.brand-secondary-color1-text-override { color: #244183 !important; }
.brand-secondary-color1-background {  background-color: #244183; }
.brand-secondary-color1-background-override {  background-color: #244183 !important; }
.brand-secondary-color1-border { border-color: #244183; }
.brand-secondary-color1-border-override { border-color: #244183 !important;}

.brand-secondary-color2-text { color: #244183; }
.brand-secondary-color2-text-override { color: #244183 !important; }
.brand-secondary-color2-background {  background-color: #244183; }
.brand-secondary-color2-background-override {  background-color: #244183 !important; }
.brand-secondary-color2-border { border-color: #244183; }
.brand-secondary-color2-border-override { border-color: #244183 !important; }

.brand-secondary-color3-text { color: #efeded; }
.brand-secondary-color3-text-override { color: #efeded !important; }
.brand-secondary-color3-background {  background-color: #efeded; }
.brand-secondary-color3-background-override {  background-color: #efeded !important; }
.brand-secondary-color3-border { border-color: #efeded; }
.brand-secondary-color3-border-override { border-color: #efeded !important; }

.brand-secondary-color4-text { color: efeded; }
.brand-secondary-color4-text-override { color: efeded !important; }
.brand-secondary-color4-background {  background-color: efeded; }
.brand-secondary-color4-background-override {  background-color: efeded !important; }
.brand-secondary-color4-border { border-color: efeded; }
.brand-secondary-color4-border-override { border-color: efeded !important; }

.brand-secondary-color5-text { color: #ffffff; }
.brand-secondary-color5-text-override { color: #ffffff !important; }
.brand-secondary-color5-background {  background-color: #ffffff; }
.brand-secondary-color5-background-override {  background-color: #ffffff !important; }
.brand-secondary-color5-border { border-color: #ffffff; }
.brand-secondary-color5-border-override { border-color: #ffffff !important; }

.brand-secondary-color6-text { color: transparent; }
.brand-secondary-color6-text-override { color: transparent !important; }
.brand-secondary-color6-background {  background-color: transparent; }
.brand-secondary-color6-background-override {  background-color: transparent !important; }
.brand-secondary-color6-border { border-color: transparent; }
.brand-secondary-color6-border-override { border-color: transparent !important; }

.brand-table-border { border-color: #FFFFFF; }
.brand-table-border-override { border-color: #FFFFFF !important; }
.brand-table-row-background { background-color: #FFFFFF; }
.brand-table-row-background-override { background-color: #FFFFFF !important; }
.brand-table-row-alt-background { background-color: #efeded; }
.brand-table-row-alt-background-override { background-color: #efeded !important; }
.brand-table-row-selected-background { background-color: #4878b4; }
.brand-table-row-selected-background-override { background-color: #4878b4 !important; }
.brand-table-header-text { color: #ffffff; }
.brand-table-header-text-override { color: #ffffff !important; }
.brand-table-header-background { background-color: #244183;}
.brand-table-header-background-override { background-color: #244183 !important; }

/*----------------------------------- Wicket AutoComplete Styles -----------------------------*/
div.wicket-aa-container {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    z-index: 3000 !important;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.wicket-aa {
    background-color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 2px 0 2px 0;
    text-align: left;
}

div.wicket-aa ul {
    list-style: none outside none;
    margin: 0;
    padding: 2px 0;
}

div.wicket-aa ul li {
    padding: 2px;
}

div.wicket-aa ul li.selected {
    background-color: #F1F1F1;
    /*margin: 0 0 5px;*/
}

/* end wicket autocomplete styles */