@import url('https://fonts.googleapis.com/css?family=Montserrat|Titillium+Web|Source+Sans+3&display=swap');

/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, div
{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}


/* === GENERAL STYLE === */

/* General */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div
{
    display: block;
}

body
{
    line-height: 1;
}

p
{
    line-height: 1.35em;
}

strong
{
    font-weight: 700;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after
    {
        content: '';
        content: none;
    }

table
{
    border-spacing: 0;
    font-weight: 300;
    text-shadow: 0 1px 0 white;
    letter-spacing: 0.5px;
}

.content-boxShadow
{
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.3) !important;
    box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.3) !important;
}

.topRound-borders
{
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.blueflag-container {
    min-height: 564px;
    background: #ffffff ;
    background-size: cover;
}

.mailIcon
{
    background: url("../../NewUI/images/FNB-Nav-Sprite.png") -2px -224px no-repeat;
}


#printContainer
{
    padding: 0 0 10px 0;
    height: 16px;
}

#printContainer span
{
    text-align: right;
    color: #57a0d6;
    cursor: pointer;
    line-height: 18px;
    float: right;
    display: inline-block;
}

/*.printIcon
{
    background: url(../../NewUI/images/FNB-Nav-Sprite.png) left -1006px no-repeat;
    display: inline-block;
    width: 25px;
    height: 16px;
}*/
.printIcon {
    /*background: url(../../NewUI/images/NewPrintIcon.png) left -1006px no-repeat;*/
    display: inline-block;
    width: 40px;
    height: 34px;
    /*background: url('../Images/NewPrintIcon.png') no-repeat;*/
    background: url(../Images/ico-activity-sprite.png) right no-repeat;
}

#DisclosurePanelStandIn
    {
        display: none;
    }

     /*div#simplemodal-container.simplemodal-container {
        min-height: 258px;
     }*/
     .tableContainerStandIn {
        padding-left:10px;
        padding-right:10px;
        background: transparent;
        font-family: Arial, Helvetica, sans-serif;
    }
.position-absolute
{
    position:absolute;
}

.display-block
{
    display: block !important;
}

.display-none
{
    display: none !important;
}

.display-inlineblock
{
    display: inline-block;
}

.float-left
{
    float: left !important;
}

.float-right
{
    float: right !important;
}

.padding0
{
    padding: 0 !important;
}

.marginBottom-20
{
    margin-bottom: 20px;
}

.noShift {
    overflow-y: scroll;
}

.noScroll {
    margin-right: 17px;
    overflow: hidden;
}

/* Text */
html 
{
    min-height: 100%;
    color: #2b2b2b;
    background: #fff;
    font-family: 'Titillium Web';
    font-size: 13px; /* Default for entire site. */
}

#MasterHeaderLoginLinks,
#MasterHeaderRightLinks,
#SiteNavigationContainer,
#SiteFooterContainer,
h1, h2, p, li
{
    font-style: normal;
}

.container-clear
{
    font-size: 13px; /* This should match the value defined for the "html" element's property. */
}

    .container-clear:after
    {
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
        content: ".";
    }

h1
{
    color: #807e82;
    font-size: 35px;
    text-shadow: 0 1px 0 white;
}

h2
{
    color: #7f7e80;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.19px;
}

/* Links */
a
{
    color: inherit;
    font-style: inherit;
    text-decoration: inherit;
}

    a:link
    {
        color: #00387a;
        font-weight: 600;
        text-decoration: none;
    }

    a:visited
    {
        color: #00387a;
        background-color: initial;
    }

    a:hover:enabled
    {
        color: #348cf6;
        cursor: pointer;
    }

    a:active
    {
        color: #00387a;
        text-decoration: none;
    }

.newWindowLink
{
    background: url('../../NewUI/images/sitexit.png') no-repeat;
    background-position: right center;
    padding-right: 12px;
    margin-right: 3px;
}

/* Buttons and Submit Buttons */
button,
.button,
input[type="button"],
input[type="submit"]
{
    min-width: 100px;
    min-height: 40px;
    padding: 0 23px 0 13px;
    
    background: url("../../NewUI/Images/button-sprite.png") no-repeat right -25px top 6px, linear-gradient(to right, #003f74, #00a2cf);
    border: 1px solid #00387a;
    
    text-align: left;
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    text-shadow: none;
    color: #FFFFFF;
    
    cursor: pointer;
}

    button:hover:enabled,
    .button:hover:enabled,
    input[type="button"]:hover:enabled,
    input[type="submit"]:hover:enabled
    {
        background:#00387a url("../../NewUI/Images/button-sprite.png") no-repeat right -25px top 6px;
        color: #ffffff;
    }

    button:active,
    .button:active,
    input[type="button"]:active,
    input[type="submit"]:active
    {
        
    }

    button:disabled,
    .button:disabled,
    input[type="button"]:disabled,
    input[type="submit"]:disabled
    {
        background: #ffffff url("../../NewUI/Images/button-sprite.png") no-repeat right -0px top 6px;
        color: #7f9bbc;
        border-color: #7f9bbc;

        cursor: inherit;
    }

    /* Anchor tag button style */
    a.anchor-style
    {
        display: inline-block;
        
        min-width: 78px;
        height: 26px;
        padding: 12px 23px 0 13px;
    
        background: url("../../NewUI/Images/button-sprite.png") no-repeat right -25px top 6px, linear-gradient(to right, #003f74, #00a2cf);
        border: 1px solid #00387a;
    
        text-align: left;
        font-size: 15px;
        font-weight: normal;
        font-family: 'Titillium Web', sans-serif;
        color: #FFFFFF;
        text-shadow: none;
                
        margin-left: 5px;
        
        cursor: pointer;
    }

    a.anchor-style-lowpadding
    {
        min-height: 34px;
        padding-top: 6px;
    }

    a.anchor-style:hover,
    a.anchor-style:hover:enabled
    {
        background:#00387a url("../../NewUI/Images/button-sprite.png") no-repeat right -25px top 6px;
        color: #ffffff;
    }

    a.anchor-cancel-style 
    {
        display: inline-block;
        margin-left: 5px;
        color: #00387a;
        background: #FFFFFF url("../../NewUI/Images/button-sprite.png") no-repeat right -0px top 6px;
        cursor: pointer;
    }

    a.anchor-cancel-style:disabled
    {
        color: #7f9bbc;
        border-color: #7f9bbc;
        cursor: inherit;

    }

    a.anchor-cancel-style:hover:enabled
    {
        background:#00387a url("../../NewUI/Images/button-sprite.png") no-repeat right -25px top 6px;
        color: #ffffff;
    }


    /* Cancel Buttons */
    input[type="button"].link-style,
    input[type="button"].linkStyle,
    input[type="submit"].link-style,
    input[type="submit"].linkStyle,
    .link-style
    {
        color: #00387a;
        background: #FFFFFF url("../../NewUI/Images/button-sprite.png") no-repeat right -0px top 6px;
    }

        input[type="button"].link-style:hover:enabled,
        input[type="submit"].linkStyle:hover:enabled,
        input[type="submit"].link-style:hover:enabled
        link-style:hover:enabled
        {
            background:#00387a url("../../NewUI/Images/button-sprite.png") no-repeat right -25px top 6px;
            color: #ffffff;
        }

        input[type="button"].link-style:disabled,
        input[type="submit"].linkStyle:disabled,
        input[type="submit"].link-style:disabled,
        .link-style:disabled
        {
            background: #ffffff url("../../NewUI/Images/button-sprite.png") no-repeat right -0px top 6px;
            color: #7f9bbc;
            border-color: #7f9bbc;
            cursor: inherit;
        }

        input[type="button"].link-style.margin-left,
        input[type="button"].linkStyle.margin-left,
        input[type="submit"].link-style.margin-left,
        input[type="submit"].linkStyle.margin-left,
        .link-style.margin-left
        {
            margin-left: 10px;
        }

/* this style does not appear to be used */
.lightBlue-Background
{
    background-color: #98b5c3 !important;
}

/* === LAYOUT === */
#WrapperContainer
{
    margin: 0 auto;
}

#WrapperContainer,
#PageContainer,
#MasterHeaderContainer,
#NavBack 
{
    width: 1200px;
}

#PageContainer 
{
    background-image: url('../Images/background-tile.png');
}

#ContentContainer,
#SiteFooterContainer
{
    border-right: 0px solid #ededed;
    border-left: 0px solid #ededed;
}

#ContentContainer 
{
    min-height: 509px;
}

.content-container-padding
{
    padding: 20px;
}

#LeftRailDiv
{
    position: relative;
    float: left;
    width: 770px;
    padding: 25px 0 0 65px;
}

#RightRailDiv
{
    float: right;
    width: 290px;
    padding-top: 25px;
}

.credit-score-region {
    border: 1px solid #e0e0e0;
    height: 350px;
    width: 250px;
    margin-bottom: 15px;
}

/* === HEADER === */

/* Background */
#MasterHeaderContainer
{
    font-family: 'Titillium Web', sans-serif;
    height: 100.8px;
    background-color: #FFF;
    /*background-image: linear-gradient(#FFF, #e9e9e9 90%);*/
    background-image: linear-gradient(#FFF 50%, #e9e9e9);
}

/* FDIC */
#MasterHeaderFDICContainer {
    text-align: center;
    padding: 8px 20px 16px 20px;
    border-bottom: 1px solid #AFABA0;
    font-size: 0px;
    white-space: nowrap;
}

#MasterHeaderFDICContainer .logo {
    margin: 0 6px 0 0;
    display: inline-block;
}

#MasterHeaderFDICContainer .text {
    display: inline-block;
    line-height: 14px;
    vertical-align: bottom;
    font-family: 'Source Sans 3';
    font-size: 12.8px;
    font-style: italic;
    font-weight: 400;
    color: #000000;
}

/* Logo */
#MasterHeaderLogoContainer
{
    float: left;
}

#MasterHeaderContainer .master-header-logo,
#MasterHeaderContainer .master-header-bizlogo
{
    display: inline-block;
    margin: 0px;
    height: 60px;
}

/* Welcome Message and Links */
#MasterHeaderLoginLinks,
#MasterHeaderRightLinks
{
    float: right;
    height: 35px;
    margin: 14px 20px;
    color: #4a4a4a;
    font-size: 13px;
    text-align: right;
}

#MasterHeaderLoginLinks
{
    margin-top: 10px;
}


    #MasterHeaderRightLinks strong
    {
        font-weight: bold;
    }

    #MasterHeaderRightLinks a:link,
    #MasterHeaderRightLinks a:visited,
    #MasterHeaderRightLinks a:hover:enabled,
    #MasterHeaderRightLinks a:active
    {
        color: #fff;
    }

.master-header-text
{
    display: inline-block;
    height: 24px;
    vertical-align: top;
    padding-top: 11px;
    margin-left: 25px;
}

.master-header-link
{
    position: relative;
    cursor: pointer;
    margin-left: 15px;
}

.master-header-login-link
{
    min-width: 125px;
    margin-left: 15px;
}

.master-header-messages-badge
{
    position: absolute;
    top: -19px;
    left: 24px;
    color: white;
    background-color: #cc1241;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 12px;
    width: 14px;
    height: 14px;
    padding: 1px 1px;
    z-index:1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    .master-header-messages-badge
    {
        top: -10px;
    }
}

a.master-header-logoutlink,
.master-header-logoutlink
{
    display: inline-block;
    height: 26px;
    vertical-align: top;
    padding-top: 9px;
    
    width: 100px;
    text-align: center; 
    cursor: pointer;
    text-shadow: none;
    background-image: linear-gradient(to right, #004c8a, #00a2cf);
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    font-weight: normal;
}

.master-header-logoutlink:hover
{
    background:#00387a;
    color: #ffffff;
}

/* === FOOTER === */

/* Background */
#SiteFooterContainer
{
    position: relative;
    color: #FFF;
    background-color: #6a6a6a;
    min-height: 100px;
    padding-bottom: 20px;
}

    #SiteFooterContainer a,
    #SiteFooterContainer a:visited,
    #SiteFooterContainer a:hover,
    #SiteFooterContainer a:active
    {
        color: white;
    }

    #SiteFooterContainer #footerTopBorder
    {
        height: 8px;
        width: 100%;
        display: block;
        float: none !important;
        background: #a80432;
    }

    #SiteFooterContainer .footer-logos
    {
        position: absolute;
        display: block;
        right: 20px;
        top: 18px;
        background-color: transparent;
    }

    .footer-logos a.footer-logo-icon
    {
       margin-left: 10px;
       vertical-align: middle;
    }

    .footer-content
    {
        width: 100%;
        margin-top: 10px;
        text-align: center;
        line-height: 1.6em;
        display: block;
        float: none !important;
        vertical-align: top;
    }

    .footer-content.footer-content-tall
    {
        margin-top: 20px;
    }

    .footer-content a.footer-content-link
    {
        float: none !important;
        display: inline;
        font-weight: normal;
    }

    .footer-content a.footer-content-location-icon-link,
    .footer-content a.footer-content-contact-icon-link,
    .footer-content a.footer-content-apps-icon-link
    {
        float: none !important;
        display: inline-block;
    
        height: 24px;
        vertical-align: top;
        padding-top: 11px;
        padding-left: 40px;
        margin-left: 25px;

        font-weight: normal;
    }

    .footer-content a.footer-content-location-icon-link
    {
        background: url("../images/ico-foot-locations.png") no-repeat;
    }
    
    .footer-content a.footer-content-contact-icon-link
    {
        background: url("../images/ico-foot-phone.png") no-repeat;
    }

    .footer-content a.footer-content-apps-icon-link
    {
        background: url("../images/ico-foot-apps.png") no-repeat;
    }

/* === NAVIGATION === */

#SiteNavigationContainer
{
    position: relative;
    height: 100px;
    background: url('../../NewUI/images/top-empty-2.png') ;
    background-size:100% 100%;
    /* CrossBrowser box shadow 
    -webkit-box-shadow: 1px 5px 4px #cbcbcb;
    -moz-box-shadow: 1px 5px 4px #cbcbcb;
    box-shadow: 1px 5px 4px #cbcbcb;
    */
    z-index: 2;
}

/* Navigation Tab - Messages/Preferences */
#TopListContainer
{
    display: inline-block;
    width: 150px;
    height: 80px;
    font-size: 15px;
    font-weight: normal;
    border-right: 0px solid white;
    vertical-align: top;
}

.topList
{
    margin: 0;
    padding: 0;
    background-color: #416b9c;
    list-style-type: none;
}

#TopListContainer li
{
    height: 40px;
    border-bottom: 0px solid white;
}

#TopListContainer li:last-child
{
    border-bottom: none;
}

#TopListContainer .topList a
{
    display: block;
    padding: 12px 42px;
    color: white;
    text-docoration: none;
}

#TopListContainer .topList a:hover:enabled
{
    background-color: #1d92fb;
    cursor: pointer;
}

/* Navigation Selected Tab - Messages/Preferences */
#TopListContainer li.active-link-messages,
#TopListContainer li.active-link-settings,
#TopListContainer li.highlight-settings-link,
#MasterHeaderMessagesLink.active-link-messages:hover:enabled,
#MasterHeaderSettingsLink.active-link-settings:hover:enabled,
#MasterHeaderSettingsLink.highlight-settings-link:hover:enabled
{
    position: relative;
    background: white;
    cursor: default;
}

/* Navigation Disabled Tab - Messages/Preferences */
#TopListContainer li.disabled,
#TopListContainer li.disabled:hover
{
    color: #cccccc;
    background: #416b9c;
    cursor: default;
}

/* Messages */
#MasterHeaderMessagesLink
{
    position: relative;
    margin: 0;
    background: url('../../NewUI/images/fnb-nav-sprite.png') 8px -212px no-repeat;
    background-attachment: fixed;
    cursor: pointer;
}

#MasterHeaderMessagesLink:hover:enabled .master-header-messages-badge
{
    background-color: #cc1241;
}

/* Messages Selected */
#TopListContainer li.active-link-messages a,
#MasterHeaderMessagesLink.active-link-messages
{
    color: #00387a !important;
    background: white url('../../NewUI/images/fnb-nav-sprite.png') 8px -261px no-repeat !important;
}

#TopListContainer li.active-link-messages .master-header-messages-badge,
#MasterHeaderMessagesLink.active-link-messages .master-header-messages-badge
{
    background-color: #cc1241 !important;
}

/* Messages Disabled */
#MasterHeaderMessagesLink.disabled
{
    background: url('../../NewUI/images/fnb-nav-sprite.png') 8px -212px no-repeat;
    cursor: inherit;
}

/* Settings */
#MasterHeaderSettingsLink
{
    margin: 0;
    background: url('../../NewUI/images/fnb-nav-sprite.png') 9px -311px no-repeat;
    cursor: pointer;
}

/* Settings Selected */
#TopListContainer li.active-link-settings a,
#MasterHeaderSettingsLink.active-link-settings,
#MasterHeaderSettingsLink.highlight-settings-link
{
    color: #00387a !important;
    background: white url('../../NewUI/images/fnb-nav-sprite.png') 9px -1168px no-repeat !important;
}

/* Settings Disabled */
#MasterHeaderSettingsLink.disabled
{
    background: url('../../NewUI/images/fnb-nav-sprite.png') 9px -311px no-repeat;
    cursor: inherit;
}

/* Navigation Tab */
#NavigationListContainer
{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 80px;
    font-size: 17px;
    font-weight: normal;
    vertical-align: top;
}

.navigationList
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#NavigationListContainer li
{
    display: inline-block;
    border-right: 0px solid white;
    text-align: center;
}

#NavigationListContainer .navigationList a
{
    display: inline-block;
    width: 160px;
    height:38px;
    padding: 56px 0 6px 0;
    color: white;
    text-decoration: none;
}

#NavigationListContainer .navigationList a,
#NavigationListContainer li:hover
{
    color: #00387a;
    background-color: transparent;
    cursor: pointer;
}

#NavigationListContainer li:nth-child(1) a
{
    background: url('../../NewUI/images/top-overview-2.png') no-repeat, url('../../NewUI/images/top-overview-on-2.png') no-repeat;
    background-size:100% 100%;
   
}
#NavigationListContainer li:nth-child(1) a:hover
{
    background: url('../../NewUI/images/top-overview-on-2.png') no-repeat;
    background-size:100% 100%;
   
}

#NavigationListContainer li:nth-child(2) a
{
    background: url('../../NewUI/images/top-accounts-2.png'), url('../../NewUI/images/top-accounts-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(2) a:hover
{
    background: url('../../NewUI/images/top-accounts-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(3) a
{
    background: url('../../NewUI/images/top-transfers-2.png'), url('../../NewUI/images/top-transfers-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(3) a:hover
{
    background: url('../../NewUI/images/top-transfers-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(4) a
{
    background: url('../../NewUI/images/top-bill-pay-2.png'), url('../../NewUI/images/top-bill-pay-on-2.png');
    background-size:100% 100%;
}
#NavigationListContainer li:nth-child(4) a:hover
{
    background: url('../../NewUI/images/top-bill-pay-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(5) a
{
    background: url('../../NewUI/images/top-budgeting-2.png'), url('../../NewUI/images/top-budgeting-on-2.png');
    background-size:100% 100%
}

#NavigationListContainer li:nth-child(5) a:hover
{
    background: url('../../NewUI/images/top-budgeting-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(6) a
{
    background: url('../../NewUI/images/top-alerts-mobile-2.png'), url('../../NewUI/images/top-alerts-mobile-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(6) a:hover
{
    background: url('../../NewUI/images/top-alerts-mobile-on-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li.selfservice_managedebitcards a {
    background: url('../../NewUI/images/top-cardguard-2.png'), url('../../NewUI/images/top-cardguard-on-2.png');
    background-size: 100% 100%;
}

#NavigationListContainer li.selfservice_managedebitcards a:hover {
    background: url('../../NewUI/images/top-cardguard-on-2.png');
    background-size: 100% 100%;
}

/* Navigation Selected Tab */
#NavigationListContainer li.active,
#NavigationListContainer li.active:hover
{
    position: relative;
    background: white;
    cursor: default;
}

#NavigationListContainer li.active a,
#NavigationListContainer li.active a:hover 
{
    color: white !important;
}

#NavigationListContainer li:nth-child(1).active a,
#NavigationListContainer li:nth-child(1).active:hover a
{
    background: url('../../NewUI/images/top-overview-sel-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(2).active a,
#NavigationListContainer li:nth-child(2).active:hover a
{
    background: url('../../NewUI/images/top-accounts-sel-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(3).active a,
#NavigationListContainer li:nth-child(3).active:hover a
{
    background: url('../../NewUI/images/top-transfers-sel-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(4).active a,
#NavigationListContainer li:nth-child(4).active:hover a
{
    background: url('../../NewUI/images/top-bill-pay-sel-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(5).active a,
#NavigationListContainer li:nth-child(5).active:hover a
{
    background: url('../../NewUI/images/top-budgeting-sel-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li:nth-child(6).active a,
#NavigationListContainer li:nth-child(6).active:hover a
{
    background: url('../../NewUI/images/top-alerts-mobile-sel-2.png');
    background-size:100% 100%;
}

#NavigationListContainer li.selfservice_managedebitcards.active a,
#NavigationListContainer li.selfservice_managedebitcards.active:hover a {
    background: url('../../NewUI/images/top-cardguard-sel-2.png');
    background-size: 100% 100%;
}

/* Navigation Disabled Tab */
#NavigationListContainer li.disabled,
#NavigationListContainer li.disabled:hover
{
    color: #cccccc;
    background: #416b9c;
    cursor: default;
}

/* Navigation Trim and Pointer */
#NavBackTop 
{
    position: relative;
    height: 0px;
    
}

#NavBack
{
    position: relative;
    top: -6px;
    left: 0;
    height: 11px;
}

#NavBackLeft
{
    position: relative;
    top: -11px;
    left: 0;
    width: 5px;
    height: 5px;
}

#NavBackRight
{
    position: relative;
    top: -16px;
    left: 1195px;
    width: 5px;
    height: 5px;
}
/*
.active-pointer {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 7px;
    background: url('../../NewUI/images/nav-active-pointer.png') no-repeat bottom center;
    z-index: 5;
}
*/

/* Navigation Sub Tab */
#SubNavigationContainer
{
    position: relative;
    background: #ffffff;
}

    #SubNavigationContainer a
    {
        color: #3b3b3b;
        font-weight:normal;
        text-decoration: none;
    }

    #SubNavigationContainer ul
    {
        padding-left: 17px;
        border-right: 0px solid white;
        border-bottom: 0px solid #e0e0e0;
        border-left: 0px solid white;
    }

    #SubNavigationContainer li
    {
        display: inline-block;
        padding: 14px 28px 14px 13px;
        font-size: 13px;
        font-style: normal;
        font-family:'Titillium Web', sans-serif;
        text-align: center;
        text-shadow: 0 1px 0 white;
        cursor: pointer;
    }

        #SubNavigationContainer li:hover a
        {
            color: #00387a;
        }

        #SubNavigationContainer li.active
        {
            /*background: url('../../NewUI/images/fnb-icon-sprite.png') 3px -2210px no-repeat;*/
        }

            #SubNavigationContainer li.active a
            {
                border-bottom:3px solid #a80532;
                color: #4a4a4a;
                font-weight:normal;
                font-size:13px;
                cursor: inherit;
            }


/* === WORKSPACE === */

/* Page Title */
#LeftRailDiv h1
{
    margin-bottom: 25px;
    color: #00387a;
    font-size: 28px;
    text-shadow: none;
}

#LeftRailDiv sup
{
    font-size: 12px;
    vertical-align: top;
}

/* Window Text */
#LeftRailDiv p
{
    margin-bottom: 20px;
    color: #333333;
    font-size: 13px;
}

/* FNB Headers */
.fnbTableHeader,
tr.fnbTableHeader,
.address-container h2
{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #ffffff;
    background-color: #00387a;
    background-image: linear-gradient(to right,#00387a 10%,#00a2d0 70%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-bottom: 2px solid #ffffff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.25em;
    text-shadow: none;
}
tr.fnbTableHeader td
{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.25em;
    text-shadow: none;
}

tr.fnbTableHeader th
{
    border: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.25em;
    text-shadow: none;
}

/* FNB SubHeaders */
tr.fnbTableSubHeader td
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #000000;
    background-color: #cccccc;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.25em;
    text-align: left;
    text-shadow: none;
    vertical-align: middle;
}

/* FNB Modal Header */
.fnbModalHeader,
.newUserEnrollment-tc h2,
.fields-cell-label-OOBA h2,
#changeQuestionAnswer-content h2,
.oobaSetup-container h2,
.error-container-unmapped h2, .errContainerInfo-unmapped h2,
div.timeoutWarning #TimeoutWarningHeader
{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #ffffff;
    background-color: #00387a;
	background-image: linear-gradient(to right,#00387a 10%,#00a2d0 70%);
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    text-shadow: none;
    margin: 5px 5px 0 5px;
    border-radius: 5px 5px 0 0;
}

.sessionTimeOut-container .form-fields h2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #ffffff;
	background-color: #00387a;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: normal;
	text-shadow: none;
	margin: 5px 5px 0 5px;
	border-radius: 5px 5px 0 0;
}

/* Input Container */
input[type='text'],
input[type='password'],
select,
textarea
{
    padding: 6px;
    width: 180px;
    border: 1px solid #999999;
    font-size: 14px;
}

div.select,
.select-bgcontainer-enrollment,
.select-bgcontainer-transfer
{
    display: inline-block;
    width: 270px;
    padding: 0 6px 0 0;
    background: url("../../NewUI/images/fnb-icon-sprite.png") 260px -2266px white no-repeat;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
div.ddlselect {
    display: inline-block;
    /*width: 161px;*/
    padding: 0 6px 0 0;
    /*background: url("../../NewUI/images/fnb-icon-sprite.png") 155px -2270px transparent no-repeat;*/
    /*border: 1px solid #999999;*/
    background: url("../../NewUI/images/ddlArrow.png") 152px 8px transparent no-repeat;
    background-size: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    float: right;
    position: relative;
    margin-top: -7px;
}
div.ddlselectSN {
    display: inline-block;
    /*width: 161px;*/
    padding: 0 8px 0 0;
    /*background: url("../../NewUI/images/fnb-icon-sprite.png") 155px -2270px transparent no-repeat;*/
    /*border: 1px solid #999999;*/
    background: url("../../NewUI/images/ddlArrow.png") 91px 8px transparent no-repeat;
    background-size: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    float: right;
    position: relative;
    margin-top: -7px;
}
div.ddlFilter {
    display: inline-block;
    width: 68px;
    padding: 0 0 0 0;
    /*background: url("../../NewUI/images/fnb-icon-sprite.png") 155px -2270px transparent no-repeat;*/
    border: 1px solid #999999;
    background: url("../../NewUI/images/fnb-icon-sprite.png") 55px -2266px white no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 7px 0 3px;
}

.messagetextbox
{
    width: 270px !important;
}

/* Input Controls */
::-ms-reveal
{
    display: none !important;
}

select
{
    width: 302px;
    background: transparent;
    border: none;
    font-size: 14px;
    cursor: pointer;
    outline: 0;
}    

.select-bgcontainer-transfer
{
    width: 170px;
    background: url("../../NewUI/images/fnb-icon-sprite.png") 160px -2266px white no-repeat;
}

select.select-transfer
{
    width: 200px !important;
}

#ddlFilterStatus .select-transfer
{
    width: 200px !important;
}

textarea
{
    resize: vertical;
}

.placeholder
{
    color: #757575;
}

/* Background */
#ContentContainer
{
    background-color: transparent;
}

/* General Containers */
div.textRegion
{
    border: 1px solid black;
    overflow: auto;
    height: 550px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.promotionRegion
{
    border: 0px;
    overflow: auto;
    height: 550px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(../../NewUI/images/mobile-promo.jpg);
}

/* Campaign Manager */
/*#RightRailDiv .advertisement
{
    padding: 41px 0 30px 0;
}*/

/* Error Text */
.validation-error-text {
    margin: 0;
    padding-top: 5px;
    color: #a6052e;
    font-size: 13px;
    font-weight: bold;
}

/* Error Summary */
.validation-error-summary
{
    display: block;
    margin-bottom: 20px;
    padding: 5px 5px 5px 20px;
    color: #a6052e;
    background-color: white;
    border: 1px solid #a6052e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: normal;
    visibility: inherit;
}

/* Timeout Warning */
div.timeoutWarning
{
    /* Javascript controls the visibility settings. */
    display: none;
    width: 400px;
    min-height: 228px;
    background-color: white;
    font-weight: bold;
    text-align: center;
    /*background: url(../../NewUI/images/bg-prefoot.png) left bottom repeat;*/
    /* Box Shadow */
    -webkit-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0,0.4);
    -moz-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0,0.4);
    box-shadow: 5px 0px 10px 0px rgba(0, 0, 0,0.4);
}

    div.timeoutWarning #popupWarning
    {
        display: none;
        width: 590px;
    }

    div.timeoutWarning #TimeoutWarningHeader
    {
        display: block;
    }

        div.timeoutWarning #TimeoutWarningHeader #TimeoutWarningCloseButton
        {
            background: url(../../NewUI/images/Overlay-Sprite.png) left -43px no-repeat;
            display: block;
            position: relative;
            width: 20px;
            height: 20px;
            margin-right: -3px;
            float: right;
            top: 0;
            right: 0;
            cursor: pointer;
        }

    div.timeoutWarning #timeoutWarning
    {
        background: #FFF;
        min-height: 155px;
    }

        div.timeoutWarning #timeoutWarning p
        {
            color: #333 !important;
            text-align: left;
            font-weight: normal;
            padding: 20px;
        }

/* === DATA TABLE === */

/* Table */
.sortable
{
    width: 100%;
}

.form-container table.sortable
{
    margin-top: 17px;
    margin-bottom: 17px;
}

/* Table Border */
.sortable
{
    border: 0 solid #c2c2c2;
    /*-webkit-box-shadow: 4px 4px 4px #aba9a9;
    -moz-box-shadow: 4px 4px 4px #aba9a9;
    box-shadow: 4px 4px 4px #aba9a9;*/
}

    .sortable tbody tr:first-child td:first-child a
    {
        margin-left: 5px;
    }

/* Row, Item, Alternating Item */
tr.sortable-row td
{
    margin-right: 5px;
    margin-left: 45px;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 20px;
    color: #2b2b2b;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    line-height: 1.25em;
}

    tr.sortable-row td.recurring-image-center-align
    {
        padding-left: 10px;
    }

table.sortable tr:nth-child(even),
table.subRulesTemplate tr:nth-child(even),
thead tr:nth-child(odd)
{
    background-color: #ffffff;
}

table.sortable tr:nth-child(odd),
table.subRulesTemplate tr:nth-child(odd),
thead tr:nth-child(even)
{
    background-color: #ffffff;
}

table.sortable tr.item td, table.sortable tr.alternatingItem td,
table.subRulesTemplate tr.item td, table.subRulesTemplate tr.alternatingItem td
{
    border: 1px solid #dcdcdc;
}

tr.sortable-row td a:link,
tr.sortable-row td a:visited,
tr.sortable-row td a:hover:enabled,
tr.sortable-row td a:active
{
    color: #00387a;
    font-weight: bold;
}

/* Footer Row */
.footer
{
    height: 35px;
    color: #2b2b2b;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.25em;
}

    .footer td
    {
        background-color: #ffffff;
    }

table.sortable tr.footer
{
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 1px solid #00387a;
    font-size: 14px;
    font-weight: bold;
}


/* === DATA TABLE - ACCOUNT SUMMARY PAGE === */

/* Table */
.BalanceListTableSortable
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Table Border */
.balance-list-header
{
    -webkit-box-shadow: 4px 4px 4px #aba9a9;
    -moz-box-shadow: 4px 4px 4px #aba9a9;
}

.balance-list-sortable 
{
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 4px 4px 4px #aba9a9;
    -moz-box-shadow: 4px 4px 4px #aba9a9;
    box-shadow: 4px 4px 4px #aba9a9;
    border-left: 1px solid #00387a;
    border-right: 1px solid #00387a;
    border-bottom: 1px solid #00387a;
}

.balance-list-sortable-regE
{
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 4px 4px 4px #aba9a9;
    -moz-box-shadow: 4px 4px 4px #aba9a9;
    box-shadow: 4px 4px 4px #aba9a9;
    border-top: 1px solid #81a2b2;
    border-left: 1px solid #81a2b2;
    border-right: 1px solid #81a2b2;
    border-bottom: 1px solid #81a2b2;
}

.header-account
{
    padding-left: 20px;
}

/* Row, Item, Alternating Item */
tr.account-group-item-style
{
    font-size: 12px;
     font-family: Arial, Helvetica, sans-serif !important;
}

    tr.account-group-item-style td 
    {
        padding: 6px 5px 6px 20px;
        color: #2b2b2b;
        text-align: left;
        vertical-align: middle;
        line-height: 1.25em;
        border-bottom: 1pt solid #416b9c;
        border-top: 1pt solid #416b9c;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: Arial, Helvetica, sans-serif !important;
    }

        tr.account-group-item-style td.column-text-styleblack
    {
        padding: 10px 5px 10px 5px;
        color: #2b2b2b;
        text-align: left;
        vertical-align: middle;
        line-height: 1.25em;
        border-bottom: 1pt solid #d9d9d9;
        border-top: 1pt solid #d9d9d9;
        font-size: 14px;
        font-weight: 200;
       font-family: Arial, Helvetica, sans-serif !important;    
    }

        tr.account-group-item-style td.column-text-styleblack a:link,
tr.account-group-item-style td.column-text-styleblack a:visited,
tr.account-group-item-style td.column-text-styleblack a:hover:enabled,
tr.account-group-item-style td.column-text-styleblack a:active,
tr.alternatingItemList td.column-text-styleblack a:link,
tr.alternatingItemList td.column-text-styleblack a:visited,
tr.alternatingItemList td.column-text-styleblack a:hover:enabled,
tr.alternatingItemList td.column-text-styleblack a:active
{
    color: #000;
    font-weight: 200;
     font-family: Arial, Helvetica, sans-serif !important;
}

        tr.account-group-item-style td.column-amount-style
        {
            padding-right: 25px;
            text-align: right;
             font-family: Arial, Helvetica, sans-serif !important;
        }

        tr.account-group-item-style td.column-text-style
        {
            text-align: left;
             font-family: Arial, Helvetica, sans-serif !important;
        }

tr.alternatingItemList
{
    font-size: 12px;
}

    tr.alternatingItemList td 
    {
        padding: 6px 5px 6px 20px;
        color: #2b2b2b;
        text-align: left;
        vertical-align: middle;
        line-height: 1.25em;
        border-bottom: 1pt solid #416b9c;
        border-top: 1pt solid #416b9c;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    tr.alternatingItemList td.column-text-styleblack
    {
        padding: 6px 5px 6px 20px;
        color: #2b2b2b;
        text-align: left;
        vertical-align: middle;
        line-height: 1.25em;
        border-bottom: 1pt solid #416b9c;
        border-top: 1pt solid #416b9c;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        font-weight: 200;
        font-family: Arial, Helvetica, sans-serif;
    }

        tr.alternatingItemList td.column-amount-style
        {
            padding-right: 25px;
            text-align: right;
        }

        tr.alternatingItemList td.column-text-style
        {
            text-align: left;
        }

.balance-list-date
{
    padding-left: 0 !important;
}

tr.account-group-item-style td a:link,
tr.account-group-item-style td a:visited,
tr.account-group-item-style td a:hover:enabled,
tr.account-group-item-style a:active,
tr.alternatingItemList td a:link,
tr.alternatingItemList td a:visited,
tr.alternatingItemList td a:hover:enabled,
tr.alternatingItemList a:active
{
    color: #000;
    font-weight: bold;
}

/* Footer Row */
table.BalanceListTableSortable table.sortable tr.footer td
{
    margin-right: 5px;
    margin-left: 45px;
    padding: 6px 5px 6px 5px;
    text-align: left;
    vertical-align: middle;
}

    table.BalanceListTableSortable table.sortable tr.footer td.column-amount-style
    {
        padding-right: 25px;
        text-align: right;
    }

    table.BalanceListTableSortable table.sortable tr.footer td.column-text-style
    {
        text-align: left;
    }


/* === SERVER MESSAGES === */
.errContainerWarn
{
    margin: 5px;
    padding: 5px;
    font-size: 12px;
    line-height: 1.2;
}

.error-container, .errContainerInfo
{
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px !important;
    border:1px solid rgb(182,46,84);
    color:rgb(182,46,84);
    width:95%;
    padding:10px;
}

    .error-container img
    {
        display:inline-block;
    }

div.Error-Region
{
    display: none;
    padding: 5px;
    color: #a80532;
    background: none repeat scroll 0 0 white;
    border: 1px solid #a80532;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: normal;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: 1px solid rgba(0,0,0,0.3);
}

.errError,
.errInfo,
.errWarn
{
    margin-left: 3px;
    line-height: 1.2;
    display:inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.errContainerInfo
{
    padding: 10px;
    margin-bottom: 50px;
}

    .errContainerInfo img
    {
        display: none;
    }

.error-container-unmapped
{
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: white;
    -webkit-box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.3) !important;
    box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.3) !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    max-width: 600px;
    padding-top: 1px;
}

    .error-container-unmapped h2, .errContainerInfo-unmapped h2
    {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.1) !important;
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.1) !important;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.1) !important;
    }

    .error-container-unmapped div, .errContainerInfo-unmapped div
    {
        padding: 20px 0 30px 25px;
    }


        .error-container-unmapped div h3, .errContainerInfo-unmapped div h3
        {
            color: #555;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .error-container-unmapped div table tr td:nth-child(2n+1)
        {
            padding-right: 20px;
        }



/* === CALENDAR === */

.ui-datepicker-calendar tbody tr td a:hover
{
    color: #fff;
    background: #348cf6;
}

.ui-datepicker-header
{
    border: none !important;
}

.ui-datepicker
{
    border: 1px solid #d2d2d2 !important;
}

.ui-corner-all
{
    border-radius: 0 !important;
}

.ui-datepicker
{
    padding: 0 !important;
}

    .ui-datepicker table
    {
        margin: -5px 0 0 0 !important;
        z-index: 1;
        position: relative;
    }

    .ui-datepicker th
    {
        background-color: #0a3677 !important;
        color: #FFF !important;
        font-weight: normal !important;
        font-size: 8px !important;
        color: #fff !important;
        padding: 5px 0 !important;
        line-height: 18px !important;
    }

    .ui-datepicker td
    {
        padding: 0 !important;
    }

    .ui-datepicker .ui-icon-circle-triangle-w
    {
        background: url('../../NewUI/images/arrow-216-16.png') center center no-repeat !important;
    }

    .ui-datepicker .ui-icon-circle-triangle-e
    {
        background: url('../../NewUI/images/arrowr-216-16.png') center center no-repeat !important;
    }

    .ui-datepicker .ui-datepicker-header
    {
        border-radius: 0 !important;
        background: #0a3677 !important;
    }

    .ui-datepicker .ui-datepicker-title select
    {
        border: none !important;
        padding-top: 0 !important;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    padding: 5px !important;
}

.ui-state-default,
.ui-datepicker .ui-state-default,
ui-datepicker-header .ui-state-default {
    border: none !important;
    border-top: 1px solid #d3d3d3 !important;
    border-left: 1px solid #d3d3d3 !important;
    text-align: center !important;
}

.ui-datepicker .ui-state-active
{
    background: #3c8efa;
}


/* === RELATED LINKS === */

/* Container */
#RightRailDiv .linkcontainer
{
    width: 260px;
    margin-right: 100px;
    margin-bottom: 20px;
    border: 0px solid #898989;
    font-size: 75%;
    font-weight: bold;
    font-family: 'Titillium Web';
}

    /* Title */
    #RightRailDiv .linkcontainer h1
    {
        padding-left: 20px;
        color: #4a4a4a;
        background-color: #FFFFFF;
        border-bottom: 1px solid #b0b0b0;
        font-size: 1.5em;
        font-weight: bold;
        text-align: left;
        line-height: 35px;
        
    }

    /* Links */
    #RightRailDiv .linkcontainer .body
    {
        color: #555555;
        background-color: #ebebeb;
    }

    #RightRailDiv .linkcontainer ul
    {
        list-style-type: none;
    }

    #RightRailDiv .linkcontainer coClear
    {
        margin: 0;
        padding: 0;
    }

    #RightRailDiv .linkcontainer .coRightRailLine1
    {
        background-color: #ffffff;
        border-bottom: 0px solid #898989;
    }

        #RightRailDiv .linkcontainer .coRightRailLine1:last-child
        {
            border-bottom: none;
        }

        #RightRailDiv .linkcontainer .coRightRailLine1 a
        {
            display: block;
            padding: 10px 20px;
            color: #00387a;
            font-size: 14px;
            font-weight: normal;
            font-family: 'Titillium Web';
            text-decoration: none;
            text-shadow: none;
            zoom: 1;
        }

            #RightRailDiv .linkcontainer .coRightRailLine1 a:hover:enabled
            {
                color: #666666;
                background-color: white;
            }


/* === PAGE-SPECIFIC - ENROLLMENT === */
.enrollment-container
{
    width: 755px;
}

.enrollment-form-fields
{
    display: table;
    width: 100%;
}

.enrollment-fields-row
{
    display: table-row;
    width: 100%;
    vertical-align: top;
}

.enrollment-fields-cell
{
    display: table-cell;
}

.enrollment-fields-cell-label
{
    display: table-cell;
    padding-bottom: 10px;
    color: #3f3f40;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.enrollment-fields-cell-control
{
    display: table-cell;
    padding-bottom: 10px;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
}

.fields-cell-control-header,
.fields-cell-control-footer
{
    display: inline;
    padding-right: 20px;
}

.select-bgcontainer-enrollment
{
    width: 106px;
    background: url("../../NewUI/images/icon-sprite.png") 96px -2266px white no-repeat;
}

select.select-enrollment
{
    width: 108px !important;
}

.enrollment-fields-cell-hint
{
    display: table-cell;
    padding-bottom: 10px;
    color: #3f3f40;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}

    .enrollment-fields-cell-hint ul
    {
        display: block;
        margin: 0.5em 0 0.5em 0;
        padding-left: 20px;
        list-style-type: disc;
    }


/* === PAGE-SPECIFIC - ACCOUNT SUMMARY === */

/* Page Layout */
.summary-upper-half
{
    position: relative;
    margin-bottom: 20px;
    mso-element-wrap: auto;
    word-wrap: normal;
}

.section-divider
{
    position: relative;
    top: 3px;
    padding-bottom: 40px;
    background: none repeat scroll 0 0 #ededed;
    z-index: -1;
}

/* Filter */
.summary-header
{
    position: relative;
    float: left;
    display: inline;
    color: #3F3F3F;
    font-size: 12px;
    font-weight: 400;
}

.account-type-filter-radio-list
{
    position: relative;
    left: 10px;
}

#ctlAccountTypeFilter tr
{
    position: relative;
    display: inline;
}

    #ctlAccountTypeFilter tr td
    {
        position: relative;
        display: inline;
    }

#ctlAccountTypeFilter input[type=radio]
{
    position: relative;
    display: none;
    overflow: hidden;
}

    #ctlAccountTypeFilter input[type=radio] + label
    {
        position: relative;
        display: inline;
        padding: 3px 8px;
        color: #000000;
        font-size: 12px;
        font-weight: 400;
        cursor: pointer;
    }

    #ctlAccountTypeFilter input[type=radio]:checked + label
    {
        position: relative;
        display: inline;
        width: auto;
        height: auto;
        background-color: #E4E4E4;
        border-radius: 12% 12% 12% 12%/50% 50% 50% 50%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
        cursor: inherit;
        z-index: 1000;
    }

/* Balance Header */
.balance-section-header
{
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    letter-spacing: 0.2px;
    float: right;
    bottom: 0;
    position: absolute;
    right: 0;
}

/* Available and Current Text */
.balance-section
{
    display: inline;
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
}


    .balance-section .balance-amounts-wrapper
    {
        float: left;
    }

.available-balance-row
{
    margin-bottom: 30px;
    font-size: 100%;
    text-align: right;
}

    .available-balance-row .balance-text, .current-balance-div .balance-text
    {
        float: left !important;
        font-size: 16px;
    }

    .available-balance-row .balance-amount, .current-balance-div .balance-amount
    {
        float: right !important;
        text-align: left;
        margin-left: 45px;
        color: #244c7c;
        font-size: 16px;
    }

.available-balance-label
{
    font-size: 12px;
    font-weight: 400;
}

.current-balance-div
{
    text-align: right;
    font-weight: 600;
}

.current-balance-row
{
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    vertical-align: baseline;
}

.current-balance-value
{
    text-align: left;
    text-autospace: none;
    word-wrap: normal;
}

/* Available Value */
.available-balance-value
{
    color: #244c7c;
    font-size: 14px;
    font-weight: 700;
}

/* ===================================== */




/* ### PMM Account Activity page CSS ### */

.coInquiryBtn
{
    width: 44px;
    height: 32px;
    overflow: hidden;
    text-indent: 40px;
    background: url('../Images/ico-messages.png') 9px 0px no-repeat;
    cursor: pointer;
}

    .coInquiryBtn:hover
    {
        /*background-position: 9px -49px;*/
    }

/* ### End PMM Account Activity page CSS ### */


/* ### Start of  Forgot password  page CSS ### */

.coForgotPasswordWorkflows
{
    padding: 25px 0 17px 0;
    margin-bottom: 0;
    margin-left: 70px;
    margin-top: 50px;
}

.forgot-password-steps
{
    font-weight: 400;
    font-size: 12px;
    color: #3F3F40;
    background-color: rgb(255, 255, 255);
    width: 900px;
    height: 360px;
    padding: 23px;
    -moz-border-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 5px; /* Firefox v3.5+ */
    -moz-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(64, 64, 66, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    border-collapse: separate; /*IE9 Fix - apply shadow for div within table */
}

    .forgot-password-steps p
    {
        margin-bottom: 12px;
        font-weight: normal;
        font-style: normal;
        padding-top: 10px;
        font-size: 12px;
    }

    .forgot-password-steps .coHelpText
    {
        color: #7F7E80;
        display: block;
        margin: 6px 0 6px 154px;
    }

.forgot-password-steps
{
    font-weight: 700;
    display: inline-block;
    width: 946px;
    font-weight: bold;
}

.forgot-password-label
{
    font-size: 12px;
    font-weight: bold;
    width: 20%;
    white-space: nowrap;
    vertical-align: middle;
}

.change-password-info
{
    margin-bottom: 17px;
    padding-bottom: 6px;
}

.forgot-password-steps input[type='Label']
{
    font-weight: bold;
}

.forgotPasswordlinkStyle:hover
{
    color: rgb(243, 142, 1) !important;
}

.forgot-password-cells
{
    padding-bottom: 25px;
    padding-left: 30px;
}

.forgot-password-control
{
    padding-left: 20px;
    padding-bottom: 5px;
    text-wrap: none;
}

.forgot-password-help-text
{
    font-size: 12px;
    padding-left: 23px;
    padding-bottom: 20px;
    color: #7f7e80; /*font-weight: bold;*/
}

.forgot-password-vertical-gap
{
    line-height: 10px;
}

.datepicker
{
    background: url("../../NewUI/Images/fnb-icon-sprite2.png") 170px -647px no-repeat;
    margin-right: 0px;
    cursor: pointer;
    padding-right: 0px;
    height: 18px;
    width: 185px;
}

    .datepicker:hover
    {
        background: url("../../NewUI/Images/fnb-icon-sprite2.png") no-repeat;
        background-position: 170px -765px;
    }

input.coCalendarControl,
.form-container input[type='text'].coCalendarControl
{
    background: url("../../NewUI/Images/fnb-icon-sprite2.png") 135px -648px no-repeat;
    cursor: pointer;
    width: 150px;
    background-color:#fff;
}

    input.coCalendarControl:hover,
    .form-container input[type='text'].coCalendarControl:hover
    {
        background-color: #fff;
        background-position: 135px -709px;
    }

.errContainerError
{
    padding-bottom: 20px;
    padding-top: 10px;
    width: 1000px;
    padding-left: 25px;
    position: absolute;
    font-weight: bold;
    color: #FF0000;
    border-radius: 20px 3px 8px 14px;
    border: 1px solid #FF0000;
    background-color: #FFC3CE;
    text-align: match-parent !important;
    vertical-align: text-top !important;
    vertical-align: top;
    font-size: 12px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.confirmButtonContainer
{
    text-align: left;
    padding-left: 270px;
}

.change-password-space-separator
{
    padding-top: 16px;
}

.forgot-password-error-region
{
    padding-top: 20px;
    text-align: left;
    width: 800px;
    padding-bottom: 20px;
}

.forgot-password-header
{
    padding-top: 10px;
    vertical-align: bottom;
    text-align: left;
    padding-left: 70px;
    padding-bottom: 10px;
}

.forgot-password-error-header
{
    padding-top: 30px;
    vertical-align: bottom;
    text-align: left;
    padding-left: 20px;
}

/* ### end of  Forgot password  page CSS ### */


.BackButton
{
    padding-left: 200px;
    vert-align: top;
}


.hidden
{
    display: none;
}


/*
Client-side Forms
*/

.formPanel
{
    border: solid 1px #c3c3c3;    
    margin: 0px 5px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background-color:#fff;
}

    .formPanel fieldset
    {
        border: none;
        padding: 5px;
    }

        .formPanel fieldset label
        {
            font-weight: bold;
        }

    .formPanel ol.formFields
    {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

        .formPanel ol.formFields > li
        {
            clear: both;
            text-align: left;
            padding: 5px;
            margin-bottom: 20px;
        }

            .formPanel ol.formFields > li > label
            {
                float: left;
                text-align: left;
                width: 35%;
                padding-right: 5px;
                font-weight: bold;
            }

            .formPanel ol.formFields > li > span
            {
                float: left;
                text-align: left;
                padding-right: 5px;
                font-weight: normal;
            }

            .formPanel ol.formFields > li > div
            {
                float: left;
            }

    .formPanel div.formCommands
    {
        margin-left: 65%;
        margin-top: 15px;
        padding: 5px;
        /*text-align: right;*/
        text-align: center;
    }

        .formPanel div.formCommands input
        { /*width: 125px;*/
        }

table.boxy-wrapper
{
    position: absolute;
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

    table.boxy-wrapper tr td
    {
        
    }



/* Modal Dialogs */
#simplemodal-overlay,
.boxy-modal-blackout {
    background-color: black;
    cursor: wait;
    opacity: 0.5;
    position: fixed;
}

.simplemodal-container,
#SafeDepositBox-modal,
#SimpleModalMyUpcomingBills 
{
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.simplemodal-container .fnbModalHeader,
#SafeDepositBox-modal .fnbModalHeader,
#SimpleModalMyUpcomingBills .fnbModalHeader
{
    margin: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.simplemodal-container .simplemodal-wrap,
#SafeDepositBox-modal .SafeDepositBox-wrap,
#SimpleModalMyUpcomingBills .simplemodal-wrap
{
    width: auto !important;
    width: initial !important;
    height: auto !important;
    height: initial !important;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

#simplemodal-container canvas
{
    display: none;
}

#SimpleModalEditScheduledTransferInternalDialog > div.simplemodal-wrap
{
    overflow: visible !important;
}

/**********************************************************
 *                                                        *
 *  Client-side Dialogs                                   *
 *                                                        *
 **********************************************************/

.dialogPanel
{
}

    .dialogPanel form
    {
        margin: 0;
        padding: 0;
    }

.dialogPanel-header
{
}

.dialogPanel-title
{
    float: left;
}

.dialogPanel-close
{
    float: right;
}

.dialogPanel-close a div
{
    float: right;
    width: 20px;
    height: 19px;
    margin: 0 -3px 0 0;
    background: url('../images/Overlay-Sprite.png') 0 -43px no-repeat;
    cursor: pointer;
}
#checkImageDialog
{
    background: url('../images/bg-prefoot.png') center bottom repeat-x;
    height: 440px;
}

.check-image-container
{
    margin: 0 auto;
    text-align: center;
}

.check-image-commands
{
    margin-top: 15px;
    padding: 5px;
    text-align: center;
}

.ui-datepicker-trigger
{
    vertical-align: middle;
}

.dialogPanel-close a div:hover
{
    
}


.IAQuestionsSelect
{
    width: 500px;
    overflow: hidden;
}


.controlReference
{
    font-weight: bold;
}

.fields-cell-button-gap
{
    padding-left: 30px;
}

#ctlPendingTransfersDataGrid tr td.remaining-transfer-column-center-align
{
    text-align: center;
}

.transfer-history-enquiry-center-align
{
    padding-left: 11px;
    vertical-align: middle;
}

.access-content-transfer
{
    width: 730px;
}

.enrollment-p-class
{
    padding-left: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
}

td.enrollment-label-width
{
    width: 60%;
}

.enrollment-sub-header
{
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 20px;
    display: block;
}

.enrollment-button-gap
{
    padding-left: 140px;
}

.enrollment-verification-title
{
    padding-left: 65px;
    padding-top: 20px;
}

.errorinfo-dialog
{
    color: #a80532;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}

.errorpaymentinfo-dialog,
.errortransferinfo-dialog
{
    padding: 5px 5px 5px 20px;
}


div.select.ia-select
{
    width: 500px;
    background-position: 490px -2266px;
}


#RightRailDiv h1.financial-overview-bills-margin
{
    margin-top: 26px;
}

.upcoming-bill-payment-error
{
    background-color: white;
    border-radius: 6px 6px 6px 6px;
    border-style: none;
    cursor: auto;
    height: 130px;
    left: 0;
    margin-left: 25px;
    top: 116px;
    width: 620px;
}

.upcoming-bill-pay-error
{
    position: relative;
    height: 24px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 20px;
}


/*Session Sumamry page*/

.margin-spacing
{
    line-height: 20px;
    padding-left: 10px;
}

/*Session Sumamry page*/

#cemFromDate_Txt
{
    margin-left: 74px;
}

#cemToDate_Txt
{
    margin-left: 74px;
}

/*Spending Page css start*/

.spendingtab-title
{
    padding-top: 10px;
    padding-bottom: 14px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.19px;
    color: #3d6798;
}

.spendingtab-previousbudget-title
{
    padding-bottom: 28px;
}

h3.spending-by-accounts-title-div
{
    width: 100%;
    padding: 10px 0 10px 10px;
    font-weight: 600;
    font-size: 14px;
    color: #343434;
    background: url("../images/fnb-icon-sprite.png") 1px -2165px no-repeat;
    margin-left: 5px;
}

    h3.spending-by-accounts-title-div:hover
    {
        /*background-position: 1px -2213px;*/
        background-position: 1px -2163px;
    }

    h3.spending-by-accounts-title-div.accounts-list-active
    {
        background-position: 1px -2317px;
        margin-left: 5px;
    }

        h3.spending-by-accounts-title-div.accounts-list-active:hover
        {
            background-position: 1px -2317px;
            margin-left: 5px;
        }

#BudgetEnabledAccountsTitleDiv
{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: .5em;
}


.enabledaccounts li
{
    margin-left: 40px;
    margin-bottom: .5em;
    list-style-type: disc;
    font-size: 12px;
}


div.accountsContainer
{
    padding: 15px 5px 15px 0;
    border-bottom: 1px solid #CCCCCC;
}

.parentchartlink-spending
{
    padding: 10px 0 20px 0;
}

.spendingnav-link
{
    font-size: 14px;
}

.categorization-panel
{
    display: inline-block;
    border-radius: 4px;
    width: 275px;
    height: 30px;
    line-height: 30px;
}

div.budgetFilterMain .disabledLink
{
    color: #bbbbbb;
    cursor: default;
    text-decoration: none;
}

table.accountsTable
{
    width: 100%;
    border: 0px;
    padding: 0px 10px 5px 5px;
}

    table.accountsTable td.accountLink
    {
        width: 80%;
        text-align: left;
        padding: 5px 0 5px 20px;
    }

    table.accountsTable td.accountAmount
    {
        width: 20%;
        text-align: right;
        padding: 5px 0 5px 0;
        white-space: nowrap;
    }

    table.accountsTable tr:nth-child(2n)
    {
        background-color: #FFFFFF;
    }

    table.accountsTable tr:nth-child(2n+1)
    {
        background-color: #F4F4F4;
    }

table.legends-table
{
    border: 0px;
    padding: 0 0 0 0;
    font-size: 12px;
}

    table.legends-table thead tr th
    {
        font-weight: 600;
    }

        table.legends-table thead tr th.subcategoryname-legendheader-table
        {
            text-align: left;
            padding: 5px 0 5px 5px;
            width: 100px;
            white-space: normal;
            word-break: normal;
        }

        table.legends-table thead tr th.subcategorytotal-legendheader-table
        {
            text-align: left;
            padding: 5px 0 5px 0;
            width: 80px;
            word-break: break-all;
            vertical-align: top;
        }

            table.legends-table thead tr th.subcategorytotal-legendheader-table div
            {
                width: 80px;
                word-break: break-all;
                white-space: pre-wrap;
            }

            table.legends-table thead tr th.subcategoryname-legendheader-table,
            table.legends-table thead tr th.subcategorytotal-legendheader-table {
                background-color: #ecf2f5;
            }

    table.legends-table td
    {
        vertical-align: top;
    }

#Legends-ColumnChart-Container
{
    padding-top: 10px;
}

table.legends-table td.marker-legend-table
{
    width: 18px;
}

table.legends-table td.name-legend-table
{
    width: 100px;
    word-break: normal;
    white-space: normal;
}

    table.legends-table td.name-legend-table div
    {
        margin: 5px 13px 5px 0px;
        width: 100px;
    }

table.legends-table td.total-legend-table
{
    width: 80px;
    word-break: break-all;
}

    table.legends-table td.total-legend-table div
    {
        margin: 5px 0px 5px 0px;
        width: 80px;
        word-break: break-all;
        white-space: pre-wrap;
    }

/*Budget Layout CSS Start*/
.budget-right-region
{
    float: right;
    position: relative;
    margin-bottom: 40px;
}

.budget-left-region
{
    position: relative;
    margin-bottom: 40px;
    float: left;
}

#CurrentBudgetDiv li.tab-active:first-child
{
    box-shadow: -9px 22px 0 -9px #FFFFFF, 11px 22px 0 -9px #FFFFFF, 0 1px 4px rgba(0, 0, 0, 0.3);
}

#CurrentBudgetDiv li.tab-active
{
    background-color: rgb(255,255,255);
    color: #3F3F41;
    position: relative;
    box-shadow: -11px 22px 0 -9px #fff, 11px 22px 0 -9px #fff, 0 1px 4px rgba(0, 0, 0, 0.3);
    cursor: inherit;
    z-index: 4;
}

#CurrentBudgetDiv li
{
    z-index: 1;
    font-size: 12px;
    font-weight: 600;
    color: #7F7E81;
    letter-spacing: 1px;
    margin-left: -2px;
    padding: 9px 27px 10px;
    cursor: pointer;
    background-color: rgb(248,248,248);
    display: inline-block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /* Firefox v3.5+ */
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.access-content-width
{
    width: 500px !important;
}

.spending-clear
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.wide-left-rail-div
{
    width: 1110px !important;
}

.current-budget-add-category-style
{
    float: right;
    font-size: 15px !important;
}

table.currentBudgetControls
{
    width: 500px;
}

div.noBudgetedCategoriesLabel
{
    margin-bottom: 5px;
}

table.currentBudget
{
    width: 500px;
}

    table.currentBudget th {
        border: 1px #CCC solid;
    }

    table.currentBudget td
    {
        border: 1px #CCC solid;
    }

#CurrentBudgetDisplayArea table.currentBudget tr.dataRow:nth-child(2n),
#CurrentBudgetDisplayArea table.currentBudget thead tr.dataRow:nth-child(2n+1)
{
    background-color: #F4F4F4;
}

#CurrentBudgetDisplayArea table.currentBudget tr.dataRow:nth-child(2n+1)
{
    background-color: #FFFFFF;
}

div.currentBudgetCategoryName
{
    display: inline;
    float: left;
    padding-right: 20px;
    width: 100px;
    white-space: normal;
}

td.actualAmount
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}

td.overspentamount-currentbudget
{
    font-weight: 700;
}

td.targetAmount
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}

th.targetAmount
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    padding-right: 10px;
}

table.currentBudget thead tr th.actualAmount
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
    padding-right: 10px;
}

#CurrentBudgetDisplayArea div.canvas
{
    display: inline;
    width: 200px;
    float: right;
}

#CurrentBudgetDisplayArea div.OverBudget
{
    /*position: absolute;
	z-index:1;*/
}

#previousBudgetDisplayArea div.OverBudget
{
    /*position: absolute;
	z-index:1;*/
}

.overbudget-img
{
    position: absolute;
    z-index: 100;
}


td.deleteCategory
{
    text-align: center;
}

input.targetAmount
{
    width: 70px;
    height: 12px;
    font-size: 10px;
    text-align: right;
}

td.deleteCategory a
{
    background: url("../images/fnb-icon-sprite2.png") no-repeat scroll 8px -55px transparent;
    overflow: hidden;
    text-indent: 40px;
    width: 32px;
    height: 24px;
    display: block;
}

    td.deleteCategory a:hover
    {
        background-position: 8px 5px;
    }

tr.sub-category-row td.budgetBar
{
    padding-left: 30px;
}

table.currentBudget thead tr th.budgetBar
{
    height: 40px;
    text-align: left;
    padding-left: 10px;
}

table.currentBudget thead tr th
{
    vertical-align: middle;
    text-align: right;
}

table.currentBudget thead tr
{
    color: #7F7E81;
    font-size: 12px;
    line-height: 30px;
}

tr.dataRow div.currentBudgetCategoryName
{
    line-height: 1.25em;
    font-size: 13px;
    color: #3F3F41;
    font-weight: 600;
    text-decoration: none;
}

tr.sub-category-row div.currentBudgetCategoryName
{
    font-size: 12px;
    font-weight: 400;
}

td.addcategorieslink-column
{
    padding: 10px 10px 10px 0;
}

#CurrentBudgetDisplayArea table.currentBudget tr.dataRow:hover
{
    background: #eee;
    cursor: pointer;
}

tr.dataRowHover
{
    background: #eee;
    cursor: default;
}

td.budgetBar
{
    vertical-align: middle;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 0;
    word-break: normal;
    padding-left: 10px;
}

.budgetEnabledAccounts-budget
{
    padding: 15px 0 5px 0;
    width: 100%;
}

table.previousBudget thead tr.datarow
{
    background-color: #F4F4F4;
}

    table.previousBudget thead tr.datarow th
    {
        height: 40px;
        vertical-align: middle;
        border: 1px #CCC solid;
    }

    table.previousBudget td {
        border: 1px #CCC solid;
    }

#previousBudgetDisplayArea div.canvas
{
    display: inline;
    float: right;
    width: 200px;
}

div.previousBudgetCategoryName
{
    display: inline;
    float: left;
    white-space: normal;
    width: 100px;
    padding-right: 20px;
}

tr.dataRow div.previousBudgetCategoryName
{
    color: #3F3F41;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25em;
    text-decoration: none;
}

#previousBudgetBody
{
    margin-bottom: 20px;
}

tr.sub-category-row div.previousBudgetCategoryName
{
    font-size: 12px;
    font-weight: 400;
}

#previousBudgetDisplayArea table.previousBudget tr.dataRow:nth-child(2n),
#previousBudgetDisplayArea table.previousBudget thead tr.dataRow:nth-child(2n+1)
{
    background-color: #F4F4F4;
}

#previousBudgetDisplayArea table.previousBudget tr.dataRow:nth-child(2n+1)
{
    background-color: #FFFFFF;
}

td.previousActualAmount
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
    padding-top: 12px;
    padding-right: 10px;
}

td.previousTargetAmount
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
    padding-right: 10px;
}

table.previousBudget thead tr
{
    color: #7F7E81;
    font-size: 12px;
    line-height: 30px;
}

    table.previousBudget thead tr.datarow th.actualAmountPrevious
    {
        padding-right: 10px;
        width: 70px;
        word-break: normal;
        white-space: normal;
    }

    table.previousBudget thead tr.datarow th.budgetBar
    {
        text-align: left;
        padding-left: 10px;
    }

div.hide-right-rail-div
{
    display: none !important;
}


table.previousBudget
{
    position: relative;
    width: 500px;
}

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon
{
    margin-bottom: 10px;
    font-weight: normal;
    margin-top: 20px;
    display: table;
}

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-row
{
    display: table-row;
}

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-img
{
    background: url("../images/fnb-icon-sprite2.png") no-repeat scroll 0 -59px transparent;
    display: table-cell;
    height: 40px;
    width:17px;
}

    #currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-img:hover
    {
        background-position: 0 1px;
        cursor: pointer;
    }

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-link
{
    display: table-cell;
    padding: 2px 0 0 5px;
}

.fields-cell-button
{
    display: inline;
    padding-left: 20px;
    padding-right: 20px;
}

strong
{
    font-weight: 700;
}

a.trash-icon
{
    font-weight: normal;
}

#UpdateBudgetCategoryDialogErrorDiv
{
    background: none repeat scroll 0 0 #F0D3D6;
    border: 1px solid #C65863;
    /* Firefox v1.0+ */
    -moz-border-radius: 5px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 5px;
    color: #C65863;
    display: none;
    font-size: 12px;
    padding: 5px;
}
/*Budget Layout CSS End*/

/* CSS Start for Spending Page - importcategoryDialog */

table.importCategoryActualsDataTable tr td
{
    padding: 3px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #ced7bd;
    vertical-align: middle;
}

table.importCategoryActualsDataTable td.checkAll
{
    width: 20px;
}

table.importCategoryActualsDataTable td.chkCategory
{
    padding-left: 20px;
}

table.importCategoryActualsDataTable tr.subCategoryRow td.chkCategory
{
    word-wrap: break-word;
    word-break: break-word;
    width: 21.6em;
    padding-bottom: 8px; /* firefox fix for table cell height */
    float: left;
}

table.importCategoryActualsDataTable td.errorSpan
{
    width: 20px;
    text-align: left;
}

table.importCategoryActualsDataTable td.categoryName
{
    width: 280px;
    text-align: left;
}

table.importCategoryActualsDataTable td.parentCategoryName
{
    width: 280px;
    text-align: left;
    font-weight: 200;
}

table.importCategoryActualsDataTable td.actualAmount
{
    width: 100px;
    text-align: right;
    word-break: break-all;
    white-space: normal;
    padding-top: 10px;
    padding-right: 10px;
    color: #00387a;
}

table.importCategoryActualsDataTable td.targetAmount
{
    width: 100px;
    text-align: right;
}

table.importCategoryActualsDataTable
{
    border: 1px solid #ced7bd;
}

    table.importCategoryActualsDataTable tr.selectAllRow
    {
        background-color: #e9eef3;
    }

    table.importCategoryActualsDataTable tr.primaryCategoryRow
    {
        background-color: White;
    }

    table.importCategoryActualsDataTable td a
    {
        color: #0066cc;
        font-size: 10px;
    }

    table.importCategoryActualsDataTable td.viewAll
    {
        padding-left: 22px;
    }

    table.importCategoryActualsDataTable tr.alternaterow
    {
        background: #E9EDFE;
    }

    table.importCategoryActualsDataTable tr.row
    {
        background: white;
    }

div.allCategoryActualsDisplayArea
{
    background: white;
    height: 472px;
    width: 517px;
    top: 20px;
    left: 10px;
}

div.CategoryActualsTemplate .body
{
    text-align: center;
    height: 400px;
    overflow: auto;
    font: Arial;
    font-size: 12px;
    overflow-x: hidden;
    background-color: White;
    padding: 15px 1px 2px 15px;
}

div.CategoryActualsTemplate .header
{
    border-bottom: 1px solid #CCC;
    font: Arial;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    background-color: White;
    height: 20px;
    width: 100%;
}

table.importCategoryActualsDataTable tr.viewLinkRow
{
    display: none;
}

div.import-dialog-commands
{
    text-align: right;
    background-color: White;
    padding: 10px 20px 17px 20px;
    height: 20px;
    border-top: 1px solid #CCC;
}

div.errorDivMajor
{
    padding: 5px;
    text-align: left;
    background: white;
    height: auto;
    color: #a80532;
    height: 80px;
    text-align: left;
    position: relative;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 15px;
}

.divCategoryActualsContainer
{
    height: 530px;
    background: white;
}

div.categoryImportValidationError
{
    text-align: left;
    background: white;
    height: auto;
    color: #a80532;
    /*height:20px;*/
    text-align: left;
    position: relative;
    font-size: 12px;
    padding: 5px 0 5px 5px;
}

/* CSS End for Spending Page - importcategoryDialog */


/*Spending Page css end*/

/* pseudo element apply for ie 10 */
::-ms-reveal
{
    width: 0px;
    height: 0px;
}

::-ms-clear
{
    width: 0px;
    height: 0px;
}
/*Start of Partial NEWUI standard*/
/*******************Common Styles for Every Page***************/
.form-container
{
    width: 765px;
    font-weight: 400;
    font-size: 14px;
    color: #3F3F40;
    background-color: transparent !important;
    background-image: linear-gradient(#f8f8f6,#dfdfdd);
    padding-left: 15px;
    padding-top: 23px;
    padding-bottom: 5px;
    margin-bottom: 25px;
    -moz-border-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 5px; /* Firefox v3.5+ */
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*/ /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/
}

    .access-content .form-container
    {
        background-color: transparent !important;
        background-image: none;
    }


    .form-container p
    {
        margin-bottom: 12px;
        font-style: normal;
        letter-spacing: 0.2px;
    }

.left .form-container button
{
    margin: 0 24px 0 147px;
}

.form-container h1
{
    text-align: left;
}

.form-container input[type='text'], input[type='password']
{
    width: 228px;
}

.form-container input.currency-input,
input.currency-input
{
    width: 150px;
}

.transfer-container
{
    width: 700px;
    border-radius: 0px; /* Firefox v3.5+ */
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*/ /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/
    display: table-cell;
    background-color: #ecf2f5;
}

/* For Internal Add Transfer */

#AddTransferWorkflow_cemAddFirstTransferDate_Txt
{
    white-space: nowrap;
}

.fields-frequency-cell-control
{
    display: table-cell;
    text-align: left;	
    padding-bottom: 10px;
	padding-left: 14px;
    width: 350px;
}

.fields-frequency-cell-control span
{
    padding-right: 14px;
}

.fields-frequency-cell-control span span{
    padding: 0px;
    padding-left: 6px;
}

.DESVALLabelToken{
    padding: 0px !important;
}

.transfer-form-container-frequency-text {
    width: 40px !Important;
}

/* For Internal Add Transfer */


.form-space-separator
{
    padding-top: 16px;
}

.form-space-separator-category-height
{
    padding-top: 16px;
    height: 20px;
}

.form-fields
{
    display: table;
    margin-bottom: 0.5em;
    width: 100%;
}

.fields-row
{
    display: table-row;
    width: 100%;
}

    .fields-row div
    {
        vertical-align: middle;
    }

.fields-row-padding
{
    padding-bottom: 20px;
}

.fields-cell-label
{
    display: table-cell;
    color: #3F3F40;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    font-weight: bold;
    width: 25%;
    padding-bottom: 10px;
    white-space: nowrap;
}

/*OOBA Pages CSS*/
.fields-cell-label-OOBA
{
    display: block;
    color: #3F3F40;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    font-weight: bold;
    width: 100%;
    padding-bottom: 10px;
}

    .fields-cell-label-OOBA p
    {
        font-weight: normal;
    }

        .fields-cell-label-OOBA p b
        {
            font-weight: bold;
        }

#tandcdivtext
{
    height: 200px;
    float: left;
    overflow: auto;
    overflow-x: hidden;
    color: #bbb;
}

#DivTermsConditions
{
    width: 725px;
    height: 490px;
    background: #ffffff;
}

    #DivTermsConditions table
    {
        padding: 15px;
    }

        #DivTermsConditions table ol li
        {
            line-height: 1.35em;
            word-spacing: 2.0px;
            margin: 5px 10px 5px 20px;
            list-style: disc;
        }

    #DivTermsConditions canvas
    {
        display: none;
    }

    #DivTermsConditions .tnc-close-button
    {
        text-align: center;
    }

/*OOBA Pages CSS*/

/*BudgetFilter control CSS start*/

.fields-cell-centeralign
{
    text-align: center;
    width: 50%;
}

.fields-cell-rightalign
{
    text-align: right;
}
/*BudgetFilter control CSS end*/

/*Spending Page - Budget Layout CSS Start*/

.fields-cell-label-budget
{
    padding-bottom: 0px;
}

.fields-row-legends div
{
    vertical-align: top;
}

.legendmarker-div
{
    margin: 5px 10px 5px 5px;
    width: 18px;
    height: 18px;
}
/*Spending Page - Budget Layout CSS End*/

.challenge-question-label-div
{
    width: 87.3px;
}

.fields-empty-cell
{
    width: 12%;
}

.fields-cell-control
{
    display: table-cell;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 10px;
    text-wrap: none;
}


.help-text {
    text-align: left !important;
    font-weight: normal !important;
    font-size: 12px !important;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Montserrat;
}

.help-icon
{
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius: 12px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 12px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 12px; /* Firefox v3.5+ */
    background-color: rgb(87, 160, 214);
    background-size: auto;
    background-clip: border-box;
    background-origin: padding-box;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 4px 4px 4px 4px;
}

    .help-icon:hover
    {
        background-color: #3d6798;
    }

.CheckBoxList label
{
    margin-bottom: 7px;
    margin-top: 7px;
}

.CheckBoxList input
{
    margin-bottom: 7px;
    margin-top: 7px;
    margin-right: 10px !important;
}

.check-available
{
    /*color: #32E01B;*/
    color: green;
    font-size: 12px;
    background: none;
    border: none;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    padding-top: 10px;
}

.user-exist-error-summary
{
    float: left;
    padding-top: 0px !important;
    padding-left: 20px;
    text-align: left;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #C65863;
    letter-spacing: 0.1px;
    margin: 0;
}

.check-availability-control
{
    width: 26%;
}

.check-availability-cell
{
    padding-bottom: 0px;
}

/*******************Page specific style ***************/

.view-categories-label
{
    font-size: 16px;
    padding-left: 13px;
    padding-bottom: 10px;
    width: 77%;
}

.content-box-view-categories
{
    background-color: rgb(255, 255, 255);
    padding-top: 15px; /* Firefox v1.0+ */
    -moz-border-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 5px;
    white-space: normal;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*/ /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/
}

td.content-box-view-categories tr:first-child td:first-child
{
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-top-left-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}

td.content-box-view-categories tr:first-child td:last-child
{
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-top-right-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}

td.content-box-view-categories tr:last-child td:first-child
{
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-bottom-left-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}

td.content-box-view-categories tr:last-child td:last-child
{
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-bottom-right-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}

td.content-box-view-categories tr:last-child td:last-child
{
    border-radius: 5px;
    -moz-border-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}

.alternate-item-view-categories
{
    background-color: rgb(237, 237, 237);
    padding-top: 20px; /* Firefox v1.0+ */
}

.tax-image
{
    text-align: center;
}

tr.grid-header td, thead.grid-header td
{
    color: rgb(127, 126, 129);
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    margin-right: 50px;
    margin-left: 50px;
    vertical-align: text-top;
    padding-right: 10px;
    height: 10px;
}

.userActivity-Header
{
    padding-left: 15px;
}

/*******************End of page specific style ***************/


.user-column
{
    word-break: break-all;
    width: 125px;
}




/*Transfer columns*/

.transfer-column
{
    font-size: 12px;
    white-space: nowrap;
    padding-right: 5px;
    padding-left: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
}

.transfer-frequency-column
{
    font-size: 12px;
    white-space: normal;
    padding-right: 5px;
    padding-left: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
}

.transfer-account-column
{
    font-size: 12px;
    width: 120px;
    white-space: normal;
    padding-right: 5px;
    padding-left: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    word-break: normal;
}

.transfer-amount-column
{
    font-size: 12px;
    text-align: right;
    padding-right: 20px;
}

.recurring-edit-transfer
{
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/edit-recur.png") no-repeat;
    background-position: 10px 10px;
}

.recurring-edit-transfer-message
{
    display: inline;
    background: url("../images/edit-recur.png") no-repeat;
    background-position: 0px -1px;
    padding-right: 3px;
}

#LeftRailDiv p.instruction-pending-transfer
{
    display: inline;
}

.single-edit-transfer
{
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/edit.png") no-repeat;
    background-position: 10px 10px;
}

/*Transfer columns*/


.form-container button
{
    margin: 0 0 15px 22px;
}

.delete-user a
{
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/fnb-icon-sprite2.png") 8px -55px no-repeat;
}

    .delete-user a:hover
    {
        background-position: 8px 5px;
    }

/* For Manage Alert Screen */

.edit-alert a
{
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/edit.png") no-repeat;
    background-position: 10px 5px;
}

div .edit-alert
{
    vertical-align: middle;
    padding-right: 0px;
}

.edit-alert a:hover
{
    /*background-position: 8px -537px;*/
    background: url("../images/edit.png") no-repeat;
    background-position: 10px 5px;
}

.delete-alert a
{
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/fnb-icon-sprite2.png") 8px -55px no-repeat;
}

    .delete-alert a:hover
    {
        background-position: 8px 5px;
    }

div .delete-alert
{
    vertical-align: middle;
    padding-left: 0px;
}

.tablesorter-header-inner
{
    text-align: center;
}


.tablesorter thead tr:nth-child(1)
{
    height: 30px;
    white-space: nowrap;
}


.all-alerts-form-container
{
    width: 730px;
}

.manage-alert-error-container
{
    display: block;
    padding-left: 20px;
    padding-top: 20px;
    visibility: inherit;
    width: 720px;
}

/* For Manage Alert Screen */

h1 .arrow
{
    background: url("../images/fnb-icon-sprite2.png") 3px -105px no-repeat;
    padding: 0 9px;
}


/****** Start CSS for Schedule alerts page******/

.sort-schedule-alert-table-header td
{
    color: rgb(127, 126, 129);
    font-size: 12px;
    text-align: left;
    margin-right: 40px;
    margin-left: 45px;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.form-container #ctlAlertTypesDataGrid
{
    background-color: rgb(255, 255, 255);
    width: 760px;
    margin: 2px 2px 2px 2px;
    /* Firefox v1.0+ */
    -moz-border-radius: 5px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 5px;
    /* Firefox v3.5+ */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.sort-schedule-alert-tableRow td
{
    font-size: 13px;
    line-height: 1.25em;
    color: rgb(63, 63, 65);
    text-align: left;
    margin-right: 5px;
    margin-left: 45px;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
/****** End -CSS for Schedule alerts page******/

/****** Start -CSS for message details page******/


.message-details-subject
{
    margin-bottom: 1em;
    width: 650px;
}

.message-return
{
    margin-bottom: 1em;
    width: 650px;
    font-size: 14px;
    font-weight: 200;
}

.message-Details-Instr
{
    margin-bottom: 0.5em;
    width: 740px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 0.5px;
    word-break: break-word;
}

.message-details-reply
{
    float: right;
    padding-right: 10px;
    width: 34%;
    text-align:right;
}

.message-image-cell
{
    width: 20px;
    height: 15px;
}

.messages-unread
{
    font-weight: bold;
    font-size: 15px;
    color: #57a0d6;
}

.messages-read
{
    font-weight: normal;
    font-size: 15px;
    color: #57a0d6;
    text-decoration: none;
}

.message-sender
{
    width: 25%;
    padding-right: 15px;
    word-break: normal;
    white-space: normal;
}

.message-date
{
    width: 20%;
}

.message-subject
{
    width: 55%;
    word-break: normal;
    white-space: normal;
}

tr.sortable-row td.message-subject a
{
    font-weight: normal;
    color: #333
}

tr.sortable-row td.message-subject a:hover
{
    font-weight: normal;
    color: #333;
    text-decoration: underline;
}

/****** End -CSS for message detailspage******/

/****** CSS for Setting page******/

.div-row
{
    width: 830px;
    display: block;
    padding-bottom: 50px;
}

.div-column
{
    width: 45%;
    float: left;
    display: block;
    padding-right: 5%;
    padding-bottom: 25px;
}

.div-hide
{
    display: none;
}

.settings-content-h2
{
    font-size: 16px;
    color: #3d6798;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: -23px;
    margin-left: -17px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: trebuchet ms;
}

.link-box
{
}

.div-setting-block
{
    width: 340px;
    height: 250px;
}

.settings-content-link
{
    margin-bottom: 15px;
    line-height: 17px;
    font-size: 14px;
    letter-spacing: .1px;
}

.uberLink-disabled
{
    color: #A0A0A0;
    pointer-events: none;
    cursor: default;
}
/******End of CSS for Setting page ****/


/** CSS Used for Statement copy page ***/

.add-user-button
{
    padding-left: 20px;
    margin-bottom: 15px;
}

.show-deleted-user-checkbox
{
    padding-left: 20px;
    margin-bottom: 15px;
    margin-top: 12px;
}
/** End of CSS Used for Statement copy page ***/

/*******************User confirmation Styles*****************************/

.form-fields-pad
{
    padding-bottom: 40px;
}

.form-fields-bottom-border
{
    border-bottom: solid #e0e0e0 1px;
}

.shared-access-error-message
{
    color: #C65863;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding-top: 5px;
}

.user-confirmation-table
{
    -moz-border-radius: 5px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 5px; /* Firefox v3.5+ */
    border: rgb(170, 170, 170) 1px solid;
    width: 98%;
}

    .user-confirmation-table .fields-cell-label
    {
        padding-left: 1em;
        padding-top: 1em;
    }

.user-confirmation-header
{
}

    .user-confirmation-header h2
    {
        width: 9.5em;
    }

    .user-confirmation-header h3
    {
        width: 8.5em;
        font-weight: 600;
        font-size: 14px;
        color: #7f7e80;
        letter-spacing: -.10px;
    }

.div-shared-full-access
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 0px;
}

/*******************Styles for Add Sub user steps indicator control***************/

.workflow-steps-highlighter
{
    position: relative;
    margin-bottom: 25px;
    display: none;
}

    .workflow-steps-highlighter li
    {
        color: #7F7E80;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        background-color: rgb(228, 228, 228);
        padding: 6px 25px 6px 33px;
        line-height: 0;
        margin-left: -23px; /* Firefox v1.0+ */
        -moz-border-radius: 12px; /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-border-radius: 12px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
        border-radius: 12px; /* Firefox v3.5+ */
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    }

        .workflow-steps-highlighter li.step-one
        {
            padding: 6px 55px 6px 4px;
            margin-left: 0;
            position: relative;
            z-index: 6;
        }

            .workflow-steps-highlighter li.step-one.step-completed
            {
                padding: 6px 35px 6px 4px;
                text-align: center;
            }

                .workflow-steps-highlighter li.step-one.step-completed span
                {
                    background: url('../Images/fnb-icon-sprite.png') 3px -2535px white no-repeat;
                    padding-left: 7px;
                    padding-right: 10px;
                    text-align: center;
                }

            .workflow-steps-highlighter li.step-one.step-active
            {
                padding: 6px 25px 6px 4px;
                margin-left: 0;
            }

        .workflow-steps-highlighter li.step-two
        {
            z-index: 5;
            position: relative;
        }

            .workflow-steps-highlighter li.step-two.step-completed
            {
                padding: 6px 35px 6px 33px;
            }

                .workflow-steps-highlighter li.step-two.step-completed span
                {
                    background: url('../Images/fnb-icon-sprite.png') 3px -2535px white no-repeat;
                    padding-left: 7px;
                    padding-right: 10px;
                }

            .workflow-steps-highlighter li.step-two.step-active
            {
                padding: 6px 25px 6px 4px;
                margin-left: -24px;
            }

        .workflow-steps-highlighter li.step-three
        {
            z-index: 4;
            position: relative;
        }

            .workflow-steps-highlighter li.step-three.step-completed
            {
                padding: 6px 25px 6px 4px;
            }

            .workflow-steps-highlighter li.step-three.step-active
            {
                padding: 6px 25px 6px 4px;
                margin-left: -19px;
            }

    .workflow-steps-highlighter span
    {
        background-color: #fff;
        color: #7F7E80;
        border-radius: 9px;
        height: 14px;
        min-width: 10px;
        padding: 0 5px;
        text-align: center;
        font-size: 14px;
        line-height: 12px;
        font-weight: bold;
    }

    .workflow-steps-highlighter li.step-active
    {
        color: #fff;
        background-color: rgb(242, 141, 0);
        -moz-box-shadow: 0 1px 0 rgb(255, 255, 255), inset 0 1px 1px rgba(0, 0, 0, 0.2); /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-box-shadow: 0 1px 0 rgb(255, 255, 255), inset 0 1px 1px rgba(0, 0, 0, 0.2); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
        box-shadow: 0 1px 0 rgb(255, 255, 255), inset 0 1px 1px rgba(0, 0, 0, 0.2); /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffffffff,Positive=true)"; 	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffffffff,Positive=true);*/
        z-index: 7;
    }

        .workflow-steps-highlighter li.step-active span
        {
            color: rgb(242, 141, 0);
        }

.iaQuestionPadding
{
    padding-right: 23px;
}

.clearRightPadding
{
    padding-right: 0px;
}

.user-management-form
{
    padding: 2px;
}

.user-management-form-details
{
    padding-bottom: 7px;
}

.account-preference-title
{
    padding-bottom: 5px;
    height: 15px;
    color: #7F7E80;
    font-size: 16px;
}

#rblAccountMasking
{
    padding-top: 10px;
    padding-left: 5px;
    font-size: 13px;
}

.account-preferences-padding-style
{
    padding-left: 20px;
    margin-bottom: 15px;
}

.change-login-security-form
{
    padding-left: 20px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-top: 2px;
}

.clear-bottom-margin
{
    margin-bottom: 0px;
}

.updateAnswer
{
    padding-left: 110px;
    margin-top: 10px;
}

.challengeUser-form
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.challengeUser-button
{
    padding-left: 105px;
    margin-top: 10px;
}

.change-login-security-heading
{
    font-size: 18px !important;
    margin-bottom: 8px !important;
    zoom: 1 !important;
    color: black !important;
}

.stop-payment-left-div
{
    width: 195px;
}

.form-container .emptyGridWidth
{
    width: 750px;
}

.view-category-grid-padding
{
    height: 40px;
    vertical-align: middle;
    padding: 0 0 0 5px;
}

.view-category-grid-content
{
    font-size: 13px;
}

.view-category-grid-row-height
{
    height: 20px;
}

/** Stop payment css **/

.toggle-button-div
{
    font-size: 12px;
    font-weight: 400;
    color: #3F3F3F;
    margin-top: 25px;
}

.toggle-button
{
    font-weight: 600;
    color: #000;
    padding: 3px 8px;
    margin-left: 6px;
    cursor: pointer;
}

.toggle-button-active
{
    background-color: rgb(228, 228, 228);
    width: 96px;
    height: 24px;
    /* Firefox v1.0+ */
    -moz-border-radius: 13%;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 12%/50%;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 12%/50%;
    /* Firefox v3.5+ */
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: inherit;
}
/** End of Stop payment **/


/*******************Styles for Modify Sub user steps indicator control***************/

.modify-steps-container
{
    position: relative;
    margin-bottom: 25px;
}

.modify-steps
{
    text-align: center;
    margin-right: 10px;
    width: 100px;
    font-size: 14px;
    font-weight: 600;
    display: inline-table;
    background-color: rgb(228, 228, 228);
    padding: 6px 25px 6px 25px;
    line-height: 1em;
    -moz-border-radius: 12px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 12px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 12px; /* Firefox v3.5+ */
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

.active-step
{
    color: rgb(255, 255, 255);
    background-color: rgb(242, 141, 0);
    -moz-box-shadow: 0px 1px 1px rgb(255, 255, 255), inset 0px 1px 1px rgba(0, 0, 0, 0.2); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 1px 1px rgb(255, 255, 255), inset 0px 1px 1px rgba(0, 0, 0, 0.2); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 1px rgb(255, 255, 255), inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.inactive-step a
{
    color: rgb(127, 126, 128);
}

    .inactive-step a:hover
    {
        color: rgb(87, 160, 214);
    }

    .inactive-step a:active
    {
        position: relative;
        top: 1px;
    }

.inactive-step:hover
{
    -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 2px rgb(87, 160, 214);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 2px rgb(87, 160, 214);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 2px rgb(87, 160, 214);
}

.management-account-preferences-form
{
    padding: 2px 2px 23px 2px;
}

tr.grid-header-padding-style td
{
    padding-left: 20px;
}

.form-confirmation-data-line-height
{
    line-height: 25px;
}

.statement-month-year-select
{
    width: 129px !important;
    background-position: 119px -2266px !important;
}

.month-year-dropdown-width
{
    width: 162px;
}

.form-container table.account-display-grid-width
{
    width: 100%;
    margin-top: 5px;
}

.clear-bottom-margin
{
    margin-bottom: 0;
}

.category-template-category-width
{
    width: 300px;
}

.category-template-description-width
{
    width: 390px;
}

.category-template-tax-related-width
{
    width: 80px;
}

.messgae-container
{
    width: 700px;
    padding: 20px;
    -webkit-box-shadow: 4px 4px 4px #aba9a9;
    -moz-box-shadow: 4px 4px 4px #aba9a9;
    box-shadow: 4px 4px 4px #aba9a9;
    border: 1px solid #aba9a9;
    background-color: #ecf2f5;
}

    .messgae-container .sortable
    {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #CCCCCC;
    }

    .messgae-container .sortable td
    {
        border: 1px solid #CCCCCC;
    }

.fields-cell-message-label
{
    width: 20px;
    padding-left: 5px;
}

.fields-row-message
{
    width: 10%;
}

.fields-cell-message-label
{
    display: table-cell;
    text-align: left;
    font-weight: normal;
    width: 25%;
    vertical-align: top;
    padding-top: 10px;
}

.fields-cell-message-control
{
    padding-left: 10px;
    padding-bottom: 1px;
}

.message-body-cell-label
{
    vertical-align: top;
}

.message-header-label
{
    font-size: 18px;
}

.subuser-instruction-row-padding
{
    padding-bottom: 0px;
}

/* ### Tool Tip Styles ### */

body .ui-tooltip, .arrow:after
{
    background: white;
    border: 1px solid #dedede;
}

.ui-tooltip
{
    padding-left: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #000;
}

.div-tooltip
{
    width: 10px;
}

.arrow
{
    width: 30px;
    height: 7px;
    overflow: hidden;
    position: absolute;
    left: 0;
    /* margin-left: -35px; */
    bottom: -7px;
}

    .arrow.top
    {
        top: -7px;
        bottom: auto;
    }

    .arrow.left
    {
        left: 6px;
    }

    .arrow.bottom.left
    {
        left: 2px;
    }

    .arrow:after
    {
        content: "";
        position: absolute;
        /* left: 4px; */
        top: -20px;
        width: 25px;
        height: 19px;
        box-shadow: 6px 5px 9px -9px black;
        -moz-box-shadow: 6px 5px 9px -9px black;
        -webkit-box-shadow: 6px 5px 9px -9px black;
        -o-box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }

    .arrow.top:after
    {
        bottom: -20px;
        top: auto;
        /* left: 7px; */
    }

.ui-tooltip p
{
    margin-bottom: 0.5em;
}

.welcome-sub-user-label
{
    color: #807e82;
    font-weight: 700;
}

/* Styles related to Alert -Manage Contacts Page */

.alert-container
{
    width: 370px;
}


#terms-conditions-form-container-wrapper
{
    min-width: 1070px;
}

    #terms-conditions-form-container-wrapper input[type=button]
    {
        float: right;
        margin-bottom: 0.5em;
    }

.terms-conditions-form-container
{
    display: inline-block;
}

#divTermsAndConditions
{
    background: #fff;
}


.alert-fields-cell-label
{
    width: 30%;
}

.form-container input.alert-field-cell-control
{
    width: 180px;
}

.alert-header-row
{
    color: #3F3F41;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
}

.alert-cell-padding
{
    padding-left: 10px !important;
}

.alert-formcontainer-padding
{
    padding-right: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
}
/* Styles related to Alert -Manage Contacts Page */

.ia-div-select
{
    width: 530px;
}

.workflow-steps-highlighter li.step-two-complete
{
    padding: 6px 10px 6px 4px;
    text-align: center;
}

    .workflow-steps-highlighter li.step-two-complete span
    {
        background: url('../Images/fnb-icon-sprite.png') 3px -2535px white no-repeat;
        padding-left: 7px;
        padding-right: 10px;
        text-align: center;
    }

.create-subuser-middle-name-padding-style
{
    padding-top: 0px;
}

.sso-screen
{
    height: 600px;
    /*width: 1200px;*/
    width: 100%;
    background-color: #FFFFFF;
    padding-left: -65px !important;
    left: -65px;
}

.font-weight-bold
{
    font-weight: bold !important;
}

.float-right-clear-both
{
    float: right;
    clear: both;
}

.margin-b1em
{
    margin-bottom: 1em;
}

.upcoming-bill-wrapper
{
    width: 275px;
    height: 135px;
}

/*End of Partial NEWUI Standard*/

.billPayFeeTip
{
    position: absolute;
    font-size: 10px;
    color: #FFF;
    top: 0;
    left: 0;
    background: #00387a;
}

td .ui-state-hover
{
    border-color: #f6a828 !important;
}

.billPayFee
{
    display: none;
}

span.edit-schedule-label
{
    width: 21% !important;
}

/*.tandcdivtext
    {
        height: 200px;
		width: 100%;
        float: left;
        overflow: auto;
        overflow-x: hidden;
        color: #bbb;
    }*/
.underline-message
{
    padding-left: 25px;
    font-size: 9pt;
}

#flyoutContact
{
    width: 350px;
    height: 350px;
    background-color: white;
}

/* === PAGE-SPECIFIC - FLYOUT CONTA === */

#flyoutContactOOS 
{
    width: 350px;
    height: 400px;
    background-color: #fff;
    display: none;
    /*Box Shadow f*/
    -webkit-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0,0.4);
    -moz-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0,0.4);
    box-shadow: 5px 0px 10px 0px rgba(0, 0, 0,0.4);
}

    #flyoutContactOOS #flyoutInfoWrapper
    {
        background: #fff;
        height: 366px;
    }

        #flyoutContactOOS #flyoutInfoWrapper div
        {
            display: inline-block;
        }

        #flyoutContactOOS #flyoutInfoWrapper .blueText
        {
            font-weight: bold;
            color: #00387a;
            font-size: 14px;
        }

        #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent
        {
            width: 280px;
            margin: 0 auto;
            display: block;
        }

        #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .spacing
        {
            margin: 20px 0 0 0;
        }

            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .spacing .spacingCustWidth
            {
                width: 225px;
            }

                #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .spacing .spacingCustWidth .flyoutLinkArrow {
                    display: inline-block;
                    height: 30px;
                    width: 30px;
                    background: url(../../NewUI/images/ico-contact-sprite.png)-5px -151px no-repeat;
                    margin: -5px 0 0 25px;
                    float: right;
                }

            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutPhone,
            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutContact,
            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutMail,
            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutLocation,
            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutChat,
            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutAppointment {
                display: block;
                height: 30px;
                width: 30px;
                background: url(../../NewUI/images/ico-contact-sprite.png) 0 0 no-repeat /*url(../../NewUI/images/Overlay-Sprite.png) 0 0 no-repeat*/;
                margin-right: 10px;
            }

            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutPhone {
                background-position: -3px -0px;
            }

            #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutContact {
                background-position: -5px -30px;
                margin: 0 10px 38px 0;
            }

        #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutMail
        {
            background-position: -4px -88px;
            margin: 0 10px -5px 0;
        }

        #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutChat
        {
            background-position: -94px -56px;
            margin: 0 10px -5px 0;
        }

        #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutLocation 
        {
             background: url(../../NewUI/images/ico-contact-sprite.png) -5px -117px no-repeat;
             margin: 0 10px -5px 0;
        }

        #flyoutContactOOS #flyoutInfoWrapper .flyoutCenterContent .flyoutAppointment {
             background: url(../../NewUI/images/ico-contact-sprite.png) -5px -58px no-repeat;
             margin: 0 10px -5px 0;
        }


/* === PAGE-SPECIFIC - FLYOUT CONTA === */
.paymenttypenotes {
    font-size: 11px;
    color: #a80532;
    margin-top: 10px;
    display: none;
}

.paymenttypeponotes
{
    font-size: 11px;
    color: #a80532;
    margin-top: 10px;
    display: none;
}

.paymenttyperegdnotes {
    font-size: 11px;
    color: #a80532;
    margin-top: 10px;
    display: none;
    line-height: 1;
}



/* === PAGE-SPECIFIC - Enrollment FLOW === */

.IsEnrollmentFlow h1
{
    display: none;
}

.IsEnrollmentFlow
{
    /* background-size: cover;*/
    background-image: url('../../NewUI/images/background-tile.png');
    min-height: 564px;
}

/* === PAGE-SPECIFIC - UPGRADEUSER FLOW === */

.IsUpgradedUserFlow
{
}

    .IsUpgradedUserFlow h1
    {
        display: none;
    }

.IsUpgradedUserFlow
{
    background: url(../../NewUI/images/background-login.png) no-repeat;
    background-size: cover;
    min-height: 564px;
}

    a.credit-card-title:link
    {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

    a.credit-card-title:visited
    {
        color: #000;
        background-color: inherit;
    }

    a.credit-card-title:hover
    {
        cursor: pointer;
    }

    a.credit-card-title:after
    {
        content: "";
        background: url('../../NewUI/images/sitexit-dark.png') no-repeat;
        background-position: right center;
        padding-left: 15px;
    }

#RightRailDiv .linkcontainer .coRightRailLine1 a.enhancedlinkCC
{
    cursor: pointer;
}

    a.enhancedlinkCC:after
    {
        content: "";
        background: url('../../NewUI/images/sitexit-dark.png') no-repeat;
        background-position: right center;
        padding-left: 15px;
    }

    a.enhancedlinkCCRewards:after
    {
        content: "";
        background: url('../../NewUI/images/sitexit-dark.png') no-repeat;
        background-position: right center;
        padding-left: 15px;
    }

/* === PAGE-SPECIFIC - Safe Deposit Box FLOW === */

#modal-map {
    width: 100%;
    height: 150%;
    position: fixed;
    background: black;
    opacity: 0.5;
    display: none;
    top: 0;
    left: 0;
    z-index: 2;
}

#SafeDepositBox-modal
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: none;
    width: 768px;
    margin: 0 auto;
    transform: translate(0,-50%);
    z-index: 10;
}

    #SafeDepositBox-modal .SafeDepositBox-wrap {
        padding-top: 25px;
        background: #ffffff;
    }

    #SafeDepositBox-modal #mapClose
    {
        position: absolute;
        top: 15px;
        right: 12px;
        float: right;
        display: block;
        width: 20px;
        height: 20px;
        background: url(../../NewUI/images/Overlay-Sprite.png) left -43px no-repeat;
        cursor: pointer;
    }

#map
{
    height:100% !important;
}

.safeDeposit
{
    padding: 25px;
    background: #ffffff;
    border-radius: 0 0 5px 5px;
    overflow-y: hidden;
}

#safeDeposit-location
{
    display: inline-block;
    height: 250px;
    width: 59%;
    float: right;
    margin-right: 25px;
    margin-bottom: 25px;
}

#safeDeposit-info
{
    width: 30%;
    float: left;
    margin-left: 25px;
}

    #safeDeposit-info #boxBranchName
    {
        float:none;
        margin-left:0;
        line-height:43px;
    }

    #safeDeposit-info h2
    {
        text-align: center;
        font-size:20px;
    }

    #safeDeposit-info hr
    {
        margin-bottom: 20px;
    }

    #safeDeposit-info div
    {
        margin-bottom: 20px;
    }

        #safeDeposit-info div span.attr
        {
            font-size: 14px;
            font-weight: bold;
        }

        #safeDeposit-info div span.attr-info
        {
            font-size: 14px;
            float:right;
        }


/* === PAGE-SPECIFIC - MOBILE BANKING === */
.features-row
{
    display: table-row;
    width: 100%;
}

.feature-container:after
{
    clear: both;
    display: table;
    content: "";
}

.feature-container div.column
{
    float: left;
}

.feature-container div.cell
{
    width: 370px;
    height: 140px;
    border-left: 1px solid #c2c2c2;
    -webkit-box-shadow: 4px 4px 4px #aba9a9;
    -moz-box-shadow: 4px 4px 4px #aba9a9;
    box-shadow: 4px 4px 4px #aba9a9;
}

.features-row:first-child div.cell 
{
    margin-bottom: 20px;
}

.feature-container div.cell:first-child
{
    margin-right: 20px;
}

.feature-container div.image
{
    width: 78px;
    padding: 10px;
}

.feature-container div.text
{
    width: 262px;
    padding: 10px 10px 10px 0;
}


/* === PAGE-SPECIFIC - SUMMARY SESSION === */

#sessionSummary
    {
        margin: 0 0 30px 0;
        width: 80%;
    }

        #sessionSummary .panel-header
        {
            color: #4f6d8c;
            font-weight: bold;
            font-size: 16px;
            padding: 10px;
            border-top:1px solid rgba(233,233,233,1)
        }

        #sessionSummary div div table
        {
            width: 100%;
        }

            #sessionSummary div div table tbody .fnbTableSubHeader td
            {
                padding: 5px 10px;
            }
        
            #sessionSummary div div table tbody tr td
            {
                padding: 10px;
            }

            #sessionSummary div div table tbody tr:nth-child(even)
            {
                background: #e9eef3;
            }

            #sessionSummary div div table tbody tr:nth-child(odd)
            {
                background: #FFF;
            }

.checkMark {
    background: white url('../../NewUI/images/fnb-icon-sprite.png') 0 -2540px no-repeat;
    width: 16px;
    height: 13px;
    display: inline-block;
    margin-top: 2px;
}

.checkMark2 {
    background: transparent url('../../NewUI/images/fnb-icon-sprite.png') 0 -2540px no-repeat;
    width: 16px;
    height: 13px;
    display: inline-block;
    margin-top: 2px;
}


div.quickTransferContainer img {
    vertical-align: top;
    padding-top: 5px;
}

div.quickTransferContainer span.error{
    color: #a80532;
    font-size: 14px;
}

div.quickTransferContainer {
    width: 325px;
}

#signoutInfo, #ExtendSessionDiv{
    background-color:#FFF;
    height:150px;
}

.number-header {
    text-align:right!important;
    padding-right:25px!important;
}
.create-subuser-main-container
{
    padding-right: 15px;
}

select::-ms-value {
    background: transparent;
    color: black;
}

.confirmText { 
	color: #a6052e!important 
}

.supportDetailAnchor
{
    position: relative;
}

.supportDetailAnchor:hover #SupportDetailInfoDiv {
    display: block;
}

.supportDetailAnchorOOS
{
    display: inline-block;
    width: 200px;
    height: 12px;
}

.supportDetailAnchorOOS:hover #SupportDetailInfoDivOOS {
    display: block;
}

.supportDetailAnchor #SupportDetailInfoDiv {
    display: none;
	
    position: absolute;
    top: 12px;
    right: 12px;
	height: 12px;
    width: 170px;
    text-align: center;
	padding: 2px 6px 3px 6px;
	background: #aabdd1;
	color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.supportDetailAnchorOOS #SupportDetailInfoDivOOS {
    display: none;
	margin-right: 1px;
	position: relative;
	float:right;
	height: 12px;
    text-align: right;
	padding: 2px 6px 3px 6px;
	background: #aabdd1;
	color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#SupportDetailInfoDiv {
    display: none;
}

#SupportDetailInfoDivOOS {
    display: none;
}

.popupInfo .supportDetailAnchor {
    height: 30px;
    width:20px;
	float:right;
}

.popupInfo .supportDetailAnchor:hover #SupportDetailInfoDiv {
    display: block;
}

.popupInfo .supportDetailAnchor #SupportDetailInfoDiv {
    display: none;
	margin-right: 1px;
	position: relative;
    top:  35px;
	float:right;
	height: 12px;
    width:160px;
    text-align: right;
	padding: 2px 6px 3px 6px;
	background: #aabdd1;
	color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.popupInfo #SupportDetailInfoDiv {
    display: none;
	height: 0px;
}
.dialogPanelWhiteBackground-close a div {
    float: right;
    width: 20px;
    height: 20px;
    margin: 0 -3px 0 0;
    background: url('../images/delete.png') 0 0px no-repeat;
    cursor: pointer;
}
.fnbModalHeader_WhiteBackground {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #00387a;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    text-shadow: none;
    margin: 5px 5px 0 5px;
}
.simplemodal-container .fnbModalHeader_WhiteBackground {
    margin: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.unread-chat-messages-count {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 7px;
    position: absolute;
    margin-bottom: 10px;
    margin-top: -13px;
    margin-left: -17px;
    top: 25px;
}
.badge {
    position: absolute;
    color: white;
    background-color: #cc1241;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 12px;
    width: 14px;
    height: 14px;
    padding: 1px 1px;
    z-index:1;
}

#lnkDirectDepositSwitch {
    padding-bottom: 1px !important;
}

#lnkDirectDepositSwitch img {
    vertical-align: middle;
    padding-right: 5px;
}

#lnkDirectDepositSwitch span {
    vertical-align: middle;
}