/*Design Scheme=OnlineBanking */



/***********
Import/common/actions.css
************/
.md .actions_dropdown{
    background-color: ContentActionsDropdownBackgroundColor;
    border-color: ContentActionsDropdownBorderColor;
}
.actions_dropdown a:hover{
    background-color: ContentActionsDropdownHoverColor;
}
/***********
Import/common/bars.css
************/
.md .bar_background{
    background-color: ContentBarBackgroundColor;
    color: ContentBarFontColor;
}
/***********
Import/common/progressBar.css
************/
.progressBarContainer{
    color: ProgressBarsFontColor;
    border-color: ProgressBarsContainerBorderColor;
    background-color: ProgressBarsContainerBackgroundColor;
}
.progressBarContainer_over .progressBar{
    border-color: ProgressBarsOverBorderColor;
    background-color: ProgressBarsOverBarColor;
}
.progressBarContainer_under .progressBar{
    border-color: ProgressBarsUnderBorderColor;
    background-color: ProgressBarsUnderBarColor;
}
.progressBarContainer_near .progressBar{
    border-color: ProgressBarsNearBorderColor;
    background-color: ProgressBarsNearBarColor;
}
.progressBarContainer_negative .progressBar{
	background-color: ProgressBarsCreditBarColor
}
/***********
Import/common/buttons.css
************/
.md .btn{
    background-color: ContentButtonsBackgroundColor;
    border-color: ContentButtonsBorderColor;
    color: ContentButtonsFontColor;
}
.md .btn_gradient{
    background-image: -moz-linear-gradient(top, rgb(ContentButtonsGradientColor1) 25%, rgb(ContentButtonsGradientColor2) 100%);
    background-image: -ms-linear-gradient(top, rgb(ContentButtonsGradientColor1) 25%, rgb(ContentButtonsGradientColor2) 100%);
    background-image: -o-linear-gradient(top, rgb(ContentButtonsGradientColor1) 25%, rgb(ContentButtonsGradientColor2) 100%);
    background-image: -webkit-linear-gradient(top, rgb(ContentButtonsGradientColor1) 25%, rgb(ContentButtonsGradientColor2) 100%);
    background-image: linear-gradient(top, rgb(ContentButtonsGradientColor1) 25%, rgb(ContentButtonsGradientColor2) 100%);
}
.md .btn_icon{
    background-image: url(/Business//BrandedResourceRootContentIconsMatrix);
}
.md .btn_cta{
    background-color: CallToActionButtonBackgroundColor;
    border-color: CallToActionButtonBorderColor;
    color: CallToActionButtonFontColor;
}
.md .btn_cta:hover{
    background-color: CallToActionButtonHoverBackgroundColor;
    border-color: CallToActionButtonHoverBorderColor;
}
.md .btn_cta_primary{
    background-color: CallToActionButtonPrimaryBackgroundColor;
    border-color: CallToActionButtonPrimaryBorderColor;
    color: CallToActionButtonPrimaryFontColor;
}
.md .btn_cta_primary:hover{
    background-color: CallToActionButtonPrimaryHoverBackgroundColor;
    border-color: CallToActionButtonPrimaryHoverBorderColor;
}
/***********
Import/common/headings.css
************/
.md .heading_split{
    border-bottom-color: ContentHeaderSplitBorderColor;
}
/***********
Import/common/modal.css
************/
.md .modal{
    background-color: ModalDialogBackgroundColor;
    border-color: ModalDialogBorderColor;
}
.md .modal_noChrome{
    border-color: ModalDialogNoChromeBorderColor;
}
.md .overlay_decorator{
    background-color: ModalOverlayBackgroundColor;
}
.md .dialog{
    border-color: ModalDialogBorderColor;
}
.md .modal_close{
    background-image: url(/Business//BrandedResourceRootContentIconsMatrix);
}
.md div .selectedBox {
	border: 2px solid ContentSummaryDataTableOddSelectedBackgroundColor;
}
.md .modal .modal_heading{
	border-bottom: 1px solid ModalHeaderBorderColor;
}
/***********
Import/common/tips.css
************/
.md .tip{
    background-color: ContentTipBackgroundColor;
    -webkit-box-shadow: ContentTipBoxShadowColor;
    box-shadow: ContentTipBoxShadowColor;
}
.md .tip:before{
    background-image: url(/Business//BrandedResourceRootContentTipPointerBackgroundImage);
}
div.contentCallout {
    background-color: SimpleContentCalloutBackgroundColor;
    background-image: -moz-linear-gradient(top, SimpleContentCalloutBackgroundColor, SimpleContentCalloutBackgroundColor);
    color: SimpleContentCalloutFontColor;
}
div.contentCallout.bottom::before {
    border-top: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.top::before {
    border-bottom: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.right::before {
    border-left: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.left::before {
    border-right: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.bottom-left::before {
    border-top: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.bottom-right::before {
    border-top: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.top-left::before {
    border-bottom: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.top-right::before {
    border-bottom: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.right-bottom::before {
    border-left: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.right-top::before {
    border-left: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.left-bottom::before {
    border-right: 10px solid SimpleContentCalloutBackgroundColor;
}
div.contentCallout.left-top::before {
    border-right: 10px solid SimpleContentCalloutBackgroundColor;
}
/***********
Import/common/containerTreatments.css
************/
div.contentColumns{
    color: ContentColumnsFontColor;
}
div.contentColumnsBackground{
    background-color: ContentColumnsBackgroundColor;
    color: ContentColumnsBackgroundFontColor;
}
div.contentColumnsBorder{
    border-color: ContentColumnsBorderColor;
}
div.contentColumnsBackgroundImage{
    background-image: url(/Business//BrandedResourceRootContentColumnsBackgroundImage);
}
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: PositiveValueFontColor;
}
.md .negative .value{
    color: NegativeValueFontColor;
}
.md .subduedText_color{
    color: SubduedFontColor;
}
.md a.noLinkAnchor {
	color: inherit;
	cursor: default;
}
/***********
Import/common/contentTabs.css
************/
.md .contentTabsContainer,
.md .contentTabsContainerFaked,
.contentTabsContainer .contentTabs,
.contentTabsContainerFaked .contentTabs{
    border-bottom-color: ContentTabsBorderBottomColor;
}
.tabify_decor_image .tabify_menu_container,
.tabify_decor_image.tabify_vertical .tabify_content_frame{
    border-color: ContentTabsBorderBottomColor;
}
.tabify_decor_border .tabify_tab_content{
    background-color: ContentTabsInactiveBackgroundColor;
}
.tabify_decor_border .tabify_tab_active .tabify_tab_content,
.tabify_decor_border .tabify_content_frame{
    background-color: ContentTabsBackgroundColor;   
}
.tabify_decor_border .tabify_tab_content,
.tabify_decor_border .tabify_menu_container,
.tabify_decor_border .tabify_content_frame{
    border-color: ContentTabsSimpleBorderColor;
}
.contentTabs a,
.contentTabs span,
.tabify .tabify_tab_label,
.tabify .tabify_tab_label_text{
    color: ContentTabsLinkColor;
}
.contentTabs a,
.contentTabs span,
.tabify_decor_image .tabify_tab_label,
.tabify_decor_image .tabify_tab_label_text{
    background-image: url(/Business//BrandedResourceRootContentTabsBackgroundImage);
}
.contentTabs .current a,
.tabify_tab_active .tabify_tab_label,
.tabify_tab_active .tabify_tab_label_text{
    color: ContentTabsLinkCurrentColor;
}
.Form .contentTabs a,
.Form .contentTabs span,
.Form .tabify_tab_label,
.Form .tabify_tab_label_text{
    color: ContentTabsFormLinkColor;
}
.Form .contentTabs a,
.Form .contentTabs span,
.Form .tabify_decor_image .tabify_tab_label,
.Form .tabify_decor_image .tabify_tab_label_text{
    background-image: url(/Business//BrandedResourceRootContentTabsFormBackgroundImage);
}
.Form .contentTabs .current a,
.Form .tabify_tab_active .tabify_tab_label,
.Form .tabify_tab_active .tabify_tab_label_text{
    color: ContentTabsFormLinkCurrentColor;
}
.Online .contentTabs a,
.Online .contentTabs span,
.Online .tabify_menu .tabify_tab_label,
.Online .tabify_menu .tabify_tab_label_text{
    color: ContentTabsOnlineLinkColor;
}
.Online .contentTabs a,
.Online .contentTabs span,
.Online .tabify_decor_image .tabify_tab_label,
.Online .tabify_decor_image .tabify_tab_label_text{
    background-image: url(/Business//BrandedResourceRootContentTabsOnlineBackgroundImage);
}
.Online .contentTabs .current a,
.Online .tabify_tab_active .tabify_tab_label,
.Online .tabify_tab_active .tabify_tab_label_text{
    color: ContentTabsOnlineLinkCurrentColor;
}
.tabify_decor_image.tabify_vertical .tabify_tab_label,
.tabify_decor_image.tabify_vertical .tabify_tab_label_text{
    background-image: url(/Business//BrandedResourceRootContentTabsVerticalTabBackgroundImage);
}
.tabify_decor_image.tabify_vertical.tabify_opposed .tabify_tab_label,
.tabify_decor_image.tabify_vertical.tabify_opposed .tabify_tab_label_text{
    background-image: url(/Business//BrandedResourceRootContentTabsVerticalOpposedTabBackgroundImage);
}

/***********
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(/Business//BrandedResourceRootContentIconsMatrix);
}
/***********
Import/common/lists.css
************/
ul.iconChecklist {
    list-style-image: url(/Business//BrandedResourceRootContentIconChecklistImage);
}
ul.iconChecklist_tick{
    list-style-image: url(/Business//BrandedResourceRoot/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(/Business//BrandedResourceRootContentIconsMatrix);
}
.md .toggle_errortip{
    color: ContentTogglesErrorFontColor;
}
/******
Import/portlet/portletOnlineDetails.jsp
*******/
.Online .portlets .online_details{
	background-color: PortletDetailsOnlineBackgroundColor;
	border-color: PortletDetailsOnlineBorderColor;
	color: PortletDetailsOnlineTextColor;
}
.Online .portlets .online_details a{
	color: PrimaryLinkColor;
}
.Online .portlets .online_details a:hover{
	color: PrimaryLinkColor;
}
.Online .portlets .online_details h2{
	color: PortletDetailsOnlineHeaderColor;
}
.Online .portlets .online_details .label_color{
	color: PortletDetailsOnlineLabelColor;
}
/*****
Short Call to action
******/
.md .Component-ShortCallToAction a {
    background-color: ShortCallToActionBackgroundColor;
    background-image: url(/Business//BrandedResourceRoot/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: Component-ButtonColor;
    background-color: Component-ButtonBackgroundColor;
}
.md .Component-Button a:hover {
    color: Component-ButtonHoverColor;
    background-color: Component-ButtonHoverBackgroundColor;
}
/*****
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: Component-RatesTableFontColour;
    background-color: Component-RatesTableBackgroundColour;
}
.md .Component-RatesTable table.rates,
.md .Component-RatesTable table.rates td,
.md .Component-RatesTable table.rates th{
    border-color: Component-RatesTableBorderColor;
}
.md .Component-RatesTableCompact table.rates th{
    background-color: Component-RatesTableCompactThBackgroundColour;
    color: Component-RatesTableCompactThFontColour;
}
.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: Component-RatesTableCompactTrBackgroundColour;
}
/*****
Global Warning style
******/
.md div.globalWarning{
    border-color: StandardFormsWarningBlockBorderColor;
}
/*****
Core Branding Styles 
******/
.brand-canvas-background { background-color: #ffffff; }
.brand-canvas-background-override { background-color: #ffffff !important; }
.brand-page-background { background-color:  #ffffff; }
.brand-page-background-override { background-color:  #ffffff !important; }
.brand-text { color: #333333; }
.brand-text-override { color: #333333 !important; }

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

.brand-primary-color2-text { color: #e6e6e6; }
.brand-primary-color2-text-override { color: #e6e6e6 !important; }
.brand-primary-color2-background {  background-color: #e6e6e6; }
.brand-primary-color2-background-override {  background-color: #e6e6e6 !important; }
.brand-primary-color2-border { border-color: #e6e6e6; }
.brand-primary-color2-border-override { border-color: #e6e6e6 !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: #cfcfcf; }
.brand-primary-color4-text-override { color: #cfcfcf !important; }
.brand-primary-color4-background {  background-color: #cfcfcf; }
.brand-primary-color4-background-override {  background-color: #cfcfcf !important; }
.brand-primary-color4-border { border-color: #cfcfcf; }
.brand-primary-color4-border-override { border-color: #cfcfcf !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: #b8babc; }
.brand-primary-color6-text-override { color: #b8babc !important; }
.brand-primary-color6-background {  background-color: #b8babc; }
.brand-primary-color6-background-override {  background-color: #b8babc !important; }
.brand-primary-color6-border { border-color: #b8babc; }
.brand-primary-color6-border-override { border-color: #b8babc !important; }

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

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

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

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

.brand-secondary-color4-text { color: #4b721d; }
.brand-secondary-color4-text-override { color: #4b721d !important; }
.brand-secondary-color4-background {  background-color: #4b721d; }
.brand-secondary-color4-background-override {  background-color: #4b721d !important; }
.brand-secondary-color4-border { border-color: #4b721d; }
.brand-secondary-color4-border-override { border-color: #4b721d !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: #98002e; }
.brand-secondary-color6-text-override { color: #98002e !important; }
.brand-secondary-color6-background {  background-color: #98002e; }
.brand-secondary-color6-background-override {  background-color: #98002e !important; }
.brand-secondary-color6-border { border-color: #98002e; }
.brand-secondary-color6-border-override { border-color: #98002e !important; }

.brand-table-border { border-color: #cfcfcf; }
.brand-table-border-override { border-color: #cfcfcf !important; }
.brand-table-row-background { background-color: #ffffff; }
.brand-table-row-background-override { background-color: #ffffff !important; }
.brand-table-row-alt-background { background-color: #e6e6e6; }
.brand-table-row-alt-background-override { background-color: #e6e6e6 !important; }
.brand-table-row-selected-background { background-color: #f1f9e0; }
.brand-table-row-selected-background-override { background-color: #f1f9e0 !important; }
.brand-table-header-text { color: #ffffff; }
.brand-table-header-text-override { color: #ffffff !important; }
.brand-table-header-background { background-color: #4b721d;}
.brand-table-header-background-override { background-color: #4b721d !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 */


/*Design Scheme=OnlineBanking */


ul.breadcrumb li a{
	text-decoration: none;
}
.Content div.loginPortlet .authentication,
.Form div.loginPortlet .authentication,
.Online div.loginPortlet .authentication{
	background-image: url("/DynamicContent/Resources/Images/Custom/insideLoginBg.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}
.locatorportlet{
	background-color: #b8babc;
}
.locatorportlet .control a{
	color: #181818;
}
ul.context li{
	border-top-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
}
ul.context li a{
	text-decoration: none;
}
ul.context .depth1{
	border-top-color: #e6e6e6;
}
.context ul.context li.self a{
	color: #3b6e8f;
}
ul.context li.self li.notcurrent a{
	color: #080c0f;
}
.header ul.section li{
	background-image: url(/DynamicContent/Resources/Images/Custom/sectionNavBg.png);
	background-repeat: no-repeat;
}
.header ul.section li.self{
	background-position: 0 0;
}
.header ul.section li.notcurrent{
	background-position: 0 -31px;
}
.header ul.section li a{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.header h2.sectionTitle{
	display: none;
}
div.primary{
	background-image: url(/DynamicContent/Resources/Images/Navigation/primarybuttonV2.gif);
}
.primary ul.primary li{
	font-weight: normal;
	font-size: 14px;
}
div.quickNav h3{
	font-weight: normal;
}
.columnGroup .ndcuNews h2{
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 14px;
}
.columnGroup .ndcuNews h3{
	color: #080c0f;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 2px;
}
.columnGroup .ndcuNews h3 a{
	color: #44687d;
}
div.footer{
	background-image: url(/DynamicContent/Resources/Images/Custom/footerBg.png);
	background-repeat: no-repeat;
}
.ndcuSocial li a{
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	height: 24px;
	display: block;
	padding-top: 4px;
	padding-bottom: 6px;
}
.ndcuSocial li.ndcuTwitter{
	background: url(/DynamicContent/Resources/Images/Custom/twitter.png) 0 0 no-repeat;
}
.ndcuSocial li.ndcuRss{
	background: url(/DynamicContent/Resources/Images/Custom/rss.png) 0 0 no-repeat;
}