/*Start of ctaButton*/

/* Default Open New Account Button */
.cta-dom a {
    background: #ffd457;
    border-bottom:2px solid #fa9a2a;
    color: #323a46;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;   
    margin: 0 5px 10px 0; 
    font-size: 13px;
    font-weight: bold;
    padding: 8px 22px;
    text-decoration: none;
}

.cta-dom a:hover{
    background:#f5bc17;
}

.cta-int a{
    background: #ddd6e2;
    border-bottom:2px solid #8c5fa8;
    color: #323a46;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;   
    margin: 0 5px 10px 0; 
    font-size: 13px;
    font-weight: bold;
    padding: 8px 22px;
    text-decoration: none;
}

.cta-int a:hover {
    background: #cec7d4;
}

.cta-int.inline {
    float: left;
}

.st-cta-button.inline {
    float: left;
}

#right-rail .st-cta-button, 
#right-rail .interior-link-button, 
#right-rail .exterior-link-button {
    float: none;
    display: inline-block;
    margin: 10px 0 -10px;
}

.st-cta-button a {
    background: #ffd457;
    border-bottom:2px solid #fa9a2a;
    color: #323a46;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;   
    margin: 0 5px 10px 0; 
    font-size: 13px;
    font-weight: bold;
    padding: 8px 22px;
    text-decoration: none;
}

.st-cta-button a .fa,
.interior-link-button a .fa,
.exterior-link-button a .fa{
    padding:0 0 0 8px;
    font-weight:800;
}

.st-cta-button a:hover{
    background:#f5bc17;
}

.interior-link-button a{
    background: #5e2d91;
    border-bottom:2px solid #8c5fa8; 
    color: #fff;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;    
    font-size: 13px;
    font-weight: bold;
    padding: 8px 22px;
    text-decoration: none;
}

.interior-link-button a:hover {
    background: #0098aa;
    border-bottom:2px solid #02707d;
}

.interior-link-button a {
    color: #fff;
    float: left;
    font-size:13px;
    font-weight:700;
    margin-bottom:10px;
    padding: 8px 22px;
    text-decoration: none;
}

.interior-link-button a:hover {
    color: #fff !important;
}

#st_careers-new_all .interior-link-button a{
    background: #fff;
    border:2px solid #616265; 
    color: #323a46;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;    
    font-size: 13px;
    font-weight: 400;
    padding: 20px 22px;
    text-decoration: none;
}

#st_careers-new_all .interior-link-button a:hover {
    background: #3a7dda;
    border:2px solid #eaedf2;
    color:#eaedf2;
        transition:         all 0.4s;
        -moz-transition:    0.4s;
        -ms-transition:     0.4s;
        -o-transition:      0.4s;
        -webkit-transition: 0.4s;
}

.exterior-link-button a{
    background: #eaedf2;
    border-bottom: 2px solid #3a7dda!important;
    color: #323a46;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;   
    margin: 0 5px 10px 0; 
    font-size: 14px;
    font-weight: bold;
    padding: 8px 22px;
    text-decoration: none;
}

.exterior-link-button a:hover {
    background: #dee1e6;
}



/* Chinese Open New Account Button */

#st_cn_all .cta-int a, 
#st_tw_all .cta-int a,
#st_cn_about_all .cta-int a,
#st_tw_about_all .cta-int a {
    background: #ffd457;
    border-bottom:2px solid #fa9a2a;
    color: #323a46;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;   
    margin: 0 5px 10px 0; 
    font-size: 12px;
    font-weight: bold;
    padding: 8px 22px;
    text-decoration: none;
}

#st_cn_all #top-links-container .cta-int a, 
#st_tw_all #top-links-container .cta-int a,
#st_cn_about_all #top-links-container .cta-int a,
#st_tw_about_all #top-links-container .cta-int a {
    position: absolute;
    right: 0;
}


#st_cn_all .cta-int a:hover,
#st_tw_all .cta-int a:hover,
#st_cn_about_all .cta-int a:hover,
#st_tw_about_all .cta-int a:hover {
    background: #f5bc17;
}

#st_cn_all .cta-dom a, 
#st_tw_all .cta-dom a,
#st_cn_about_all .cta-dom a,
#st_tw_about_all .cta-dom a {
    background: #ddd6e2;
    border-bottom:2px solid #8c5fa8;
    color: #323a46;
    cursor: pointer;  
    float: left;    
    font-family:'Open Sans', arial, sans-serif; 
    clear: left;   
    margin: 0 5px 10px 0; 
    font-size: 12px;
    font-weight: bold;
    padding: 8px 22px;
    text-decoration: none;
}

#st_cn_all .cta-dom a:hover,
#st_tw_all .cta-dom a:hover,
#st_cn_about_all .cta-dom a:hover,
#st_tw_about_all .cta-dom a:hover {
    background: #cec7d4;
}


/** CTA BAR **/

.cta-bar{
    background: #754099;
    border-bottom:3px solid #452870;
    bottom: 0;
    display: block !important;
    height: 50px;
    left: 0;
    margin-top:5px;
    position: fixed;
    width: 100% !important;
    z-index:4;
}

.cta-bar span{
    margin-left:148px;
    margin-top:7px;
    position: absolute;
}

#st_cn_all .cta-bar span.cta-dom, 
#st_tw_all .cta-bar span.cta-dom {
    margin-left:0;
}

.backgroundCtabar{
    position: relative;
    z-index: 0; 
    visibility:hidden; 
}

.cta-bar-position {
    width: 980px;
    margin: auto;
}

.cta-bar-position .cta-int {
    margin-left: 122px;
    width:140px;
}

/** CTA BAR **/


/* BUTTON SIZING */

a.cta-button.small, a.cta-text-dom.small, a.cta-text-int.small {
font-size: 11px;
}
a.cta-button.large, a.cta-text-dom.large, a.cta-text-int.large {
font-size: 15px;
}
#st_cn_all .cta-dom.small a, #st_tw_all .cta-dom.small a, #st_cn_about_all .cta-dom.small a, #st_tw_about_all .cta-dom.small a,
#st_cn_all .cta-int.small a, #st_tw_all .cta-int.small a, #st_cn_about_all .cta-int.small a, #st_tw_about_all .cta-int.small a {
font-size: 11px;
}
#st_cn_all .cta-dom.large a, #st_tw_all .cta-dom.large a, #st_cn_about_all .cta-dom.large a, #st_tw_about_all .cta-dom.large a,
#st_cn_all .cta-int.large a, #st_tw_all .cta-int.large a, #st_cn_about_all .cta-int.large a, #st_tw_about_all .cta-int.large a {
font-size: 15px;
}

/* FONT AWESOME */
.st-cta-button a .fa, .interior-link-button a .fa, .exterior-link-button a .fa {
padding: 0 8px 0 8px;
font-weight: 800;
}

/* CTA TW TOP LINK FIX */
#st_tw_all .top-links-button-cta .st-cta-button.inline {
    position: absolute;
    right: 0;
}

#st_tw_all #top-links-container .topLinksButton a {
    color: #323a46;
    font-size: 12px;
    padding: 7px 22px;
}

#st_cn_all #top-links-container .topLinksButton a {
    padding: 7px 22px;
}

/*End of ctaButton*/