html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}


/* =============== */
/* GENERAL STYLING */
/* =============== */

.scc-nav-outer {
    margin: 0 auto;
    padding: 0;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    border-bottom: none;
    background-color: #133353;
    /* background-color: #243342; GREY THEME */
    /* background-color: #072146; OG BLUE THEME */
}

.scc-nav-container {
    margin: 0;
    padding: 0;
    max-width: none;
}

.utility-nav-row {
    margin: 0;
    padding: 0 10px 0 0;
    height: 30px;
}
@media (max-width: 767px) {
    .utility-nav-row {
        display: none;
    }
}

.nav-tabs-row {
    margin: 0;
    padding: 0 10px;
    height: 45px;
}

.charting-nav-row {
    margin: 0;
    padding: 5px 10px 0 10px;
    height: 45px;
    text-align: center;
    background-color: #0e263e;
    /* background-color: #1b2631; GREY THEME */
    /* background-color: #092c5d; OG BLUE THEME */
}

/* =============== */
/* UTILITY NAV ROW */
/* =============== */

ul.utility-links-ul {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}
@media (max-width: 767px) {
    ul.utility-links-ul {
        display: none;
    }
}

ul.utility-links-ul li {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 0 14px 0 12px;
    border-right: 1px solid #1c4d7d;
}

ul.utility-links-ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
}
ul.utility-links-ul li a:hover {
    text-decoration: none;
    color: #5999d9;
}

/* ============ */
/* NAV TABS ROW */
/* ============ */

a.primary-nav-brand {
    float: left;	
    margin: 0;
}
@media (max-width: 767px) {
    a.primary-nav-brand {
        margin: 3px 0 0 0;
    }
}

a.primary-nav-brand:hover {
    opacity: 0.8 !important;	
}

.navbar-corner-logo {
    max-width: 200px;
}
@media (max-width: 767px) {
    .navbar-corner-logo {
        max-width: 190px;
    }
}	

ul.primary-nav-ul {
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    height: 45px;
    list-style: none;
}
@media (max-width: 991px) {
    ul.primary-nav-ul {
        display: none;
    }
}

ul.primary-nav-ul li {
    display: inline-block;
    height: 45px;
    margin-left: -4px;
    padding: 8px 0 0 0;
}

ul.primary-nav-ul li a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    padding:0 25px 9px 25px;
}
ul.primary-nav-ul li a:hover {
    color: #D9D9D9;
    text-decoration: none;
    border-bottom: 5px solid #3281D0;
}

li.primary-nav-members-tab {
    font-weight: 400;
    color: #41be75;
}
li.primary-nav-members-tab:hover {
    color: #3bab69;
}

li.active {
    border-bottom: 5px solid #364d63;
}

/* ==================== */
/* EXPANDING SEARCH BOX */
/* ==================== */

.container-for-searchbox {
    margin: 0;
    position: absolute;
    right: 0;
    width: 425px;
}
@media (max-width: 991px) {
    .container-for-searchbox {
        right: 52px;
    }
}
@media (max-width: 767px) {
    .container-for-searchbox {
        width: 100%;
        left: 0;
        right: 0;
        padding-right: 52px;
    }
}

#nav-searchbox {
    position: absolute;
    right: 0;
    height: 45px;
    min-width: 70px;
    width: 0%;
    border-left: 0;
    border-radius:0 !important;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
@media (max-width: 767px) {
    #nav-searchbox {
        position: relative;
        float: right;
        min-width: 60px;
    }
}

#nav-searchbox.nav-searchbox-open{
    width: 100%;
}

#nav-searchbox-input {
    top: 0;
    right: 0;
    height: 45px;
    width: 100%;
    border: 0 !important;
    border-radius:0 !important;
    border: transparent;
    outline: 0;
    background: #FFFFFF;
    margin: 0;
    padding: 0 12px;
    font-size: 18px;
    font-weight: 300;
    color: #333333;
}
#nav-searchbox-input::-webkit-input-placeholder {
    color: #999999;
}
#nav-searchbox-input:-moz-placeholder {
    color: #999999;
}
#nav-searchbox-input::-moz-placeholder {
    color: #999999;
}
#nav-searchbox-input:-ms-input-placeholder {
    color: #999999;
}

#nav-searchbox-icon,
#nav-searchbox-submit {
    position: absolute;
    display: block;
    height: 45px;
    width: 70px;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius:0 !important;
    outline: 0;
    cursor: pointer;
    font-size: 25px;
    line-height: 45px;
    text-align: center;
}
@media (max-width: 767px) {
    #nav-searchbox-icon,
    #nav-searchbox-submit {
        width: 60px;
    }
}

#nav-searchbox-icon {
    color: #FFFFFF;
    background-color: #133353;
}

#nav-searchbox-icon:hover {
    color: #3281D0;
}

#nav-searchbox-submit {
    font-size: 17px;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #1c4d7d;
    /* background-color: #364d63; GREY THEME */
}
@media (max-width: 767px) {
    #nav-searchbox-submit {
        font-size: 14px;
    }
}

#nav-searchbox-submit:hover,
#nav-searchbox-submit:focus {
    color: #FFFFFF;
    background-color: #3281D0; 
}

/* ============== */
/* SIDEBAR TOGGLE */
/* ============== */

a.sidebar-toggle {
    position: absolute;
    right: 15px;
    font-size: 25px;
    line-height: 45px;
    color: #FFFFFF;
}

a.sidebar-toggle:hover,
a.sidebar-toggle:focus {
    outline: none;
    box-shadow: none;
    color: #3281d0;
}
@media (min-width: 992px) {
    a.sidebar-toggle { display:none; }
}
@media print {
    a.sidebar-toggle { display:none; }
}

/* ====================== */
/* CHARTING INPUT STYLING */
/* ====================== */

form#nav-search-symbol {
    max-width: 475px;
    margin: 0 auto;
}
@media (max-width: 991px) {
    form#nav-search-symbol {
        max-width: 450px;
    }
}

#nav-search-symbol-type-btn {
    padding: 0 20px;
    height: 35px;
    border: 0;
    border-radius: 50px;
    background-color: #0F4D8A;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
}
@media (max-width: 991px) {
    #nav-search-symbol-type-btn {
        padding: 0 15px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    #nav-search-symbol-type-btn {
        font-size: 13px;
    }
}

#nav-search-symbol-type-btn:active,
#nav-search-symbol-type-btn:focus,
#nav-search-symbol-type-btn:hover,
.open > #nav-search-symbol-type-btn {
    box-shadow: none !important;
    outline: none !important;
    background-color: #3281D0;
    color: #FFFFFF;
}

ul#nav-search-symbol-type-dropdown {
    border-radius: 5px;
}

ul#nav-search-symbol-type-dropdown li a {
    color: #333333;
    font-size: 14px;
}

ul#nav-search-symbol-type-dropdown li a:hover {
    color: #0D4073;
    background-color: #F1F1F1;
}

#navsearchtext {
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0 5px 0 15px;
    box-shadow: none !important;
    outline: none !important;
    border: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #F5F5F5;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
}

#navsearchtext:focus {
    box-shadow: none;
    outline: none;
}

form#nav-search-symbol  ::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    padding-top:3px;
}
form#nav-search-symbol  :-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    padding-top:3px;
}
form#nav-search-symbol  ::-moz-placeholder {  /* Firefox 19+ */
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    padding-top:3px;
}
form#nav-search-symbol  :-ms-input-placeholder {  
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    padding-top:3px;
}

#nav-search-symbol-go-btn {
    height: 35px;
    padding: 0 10px;
    border: 0;
    border-left: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #F5F5F5;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
}

#nav-search-symbol-go-btn:focus,
#nav-search-symbol-go-btn:hover {
    box-shadow: none !important;
    outline: none !important;
    color: #3281D0;
}



/* ------------ */
/* SIDEBAR MENU */
/* ------------ */
#sidebar-pullright-menu-wrapper {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    width: 275px;
    height: 100%;
    margin-right: -275px;
    overflow-y: auto;
    background: #1b2631;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}

#sidebar-pullright-menu-wrapper.active {
    right: 275px;
    width: 275px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#sidebar-pullright-menu-ul {
    width: 275px;
    margin: 0;
    padding: 5px 0 0 0;
    list-style: none;
}

#sidebar-pullright-menu-close-btn {
    border-radius: 50%;
    padding: 4px 12px;
    margin: 5px 5px 0 0;
    font-size: 25px;
    color: #C9C9C9;
    border: 1px solid #C9C9C9;
    background-color: transparent;
}

#sidebar-pullright-menu-close-btn:hover,
#sidebar-pullright-menu-close-btn:focus,
#sidebar-pullright-menu-close-btn:active {
    color: #2d4052;
    background-color: #C9C9C9;
}

#sidebar-pullright-menu-ul li:first-child() { /* -- */
    margin-top: 5px;
}

#sidebar-pullright-menu-ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 0 10px 20px;
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
}

#sidebar-pullright-menu-ul li a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #2d4052;
}

#sidebar-pullright-menu-ul li a:active,
#sidebar-pullright-menu-ul li a:focus {
    text-decoration: none;
}

#sidebar-pullright-menu-ul li#sidebar-pullright-menu-li-youraccount a, #sidebar-pullright-menu-ul li#sidebar-pullright-menu-li-youraccount a:hover {
    color:#3281D0;
    font-weight:500;
}

#sidebar-pullright-menu-ul li.divider { /* -- */
    background-color: #2d4052;
    margin: 5px 0 !important;
    height: 1px;
}

@media (min-width: 768px) { /* -- */
    .sidebar-pullright-menu-loginsales-links {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidebar-pullright-menu-li-utility, #sidebar-pullright-menu-wrapper .divider { display:none !important; }
}


/* ---------------------- */
/* STANDARD BLUE DROPDOWN */
/* ---------------------- */

.scc-dropdown-btn {
    padding: 10px 20px;
    background-color: #0D4073;
    border: 1px solid #0D4073;
    border-radius: 100px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px !important;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}
@media (max-width: 991px) {
    .scc-dropdown-btn {
        font-size: 14px !important;
    }
}

.scc-dropdown-btn:active,
.scc-dropdown-btn:focus,
.scc-dropdown-btn:hover {
    background-color: #3281D0 !important;
    border: 1px solid #3281D0 !important;
    color: #FFFFFF !important;
}

.scc-dropdown-btn:active:focus, .scc-dropdown-btn:focus {
    outline:none;
}

.open>.dropdown-toggle.scc-dropdown-btn {
    background-color: #3281D0 !important;
    border: 1px solid #3281D0 !important;
    color: #FFFFFF !important;	
}

ul.scc-dropdown-ul {
    border-radius: 5px;
    font-size: 14px;
}
@media (max-width: 767px) {
    ul.scc-dropdown-ul {
        right: 0 !important;
        left: auto !important;
        font-size: 12px;
    }
}

ul.scc-dropdown-ul li a {
    padding: 4px 15px;
    font-weight: 400;
    color: #333333;
}
@media (max-width: 767px) {
    ul.scc-dropdown-ul li a  {
        padding: 3px 15px;
    }
}

ul.scc-dropdown-ul li a:hover {
    color: #0D4073;
    background-color: #F1F1F1;
}

li.scc-dropdown-li-header, .scc-navbar-dropdown-ul li.scc-nav-dropdown-li-section {
    padding: 4px 15px 2px 15px;
    font-size: 17px;
    font-weight: 400;
    color: #A8ACA9;
}
@media (max-width: 767px) {
    li.scc-dropdown-li-header, .scc-navbar-dropdown-ul li.scc-nav-dropdown-li-section {
        font-size: 14px;
    }
}

.dropdown-menu .divider {
    margin:5px 0;
}


.scc-navbar-dropdown-ul li a {
    padding: 4px 15px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    display: block;
    white-space: nowrap;
}
.scc-navbar-dropdown-ul li a:hover {
    color: #0D4073;
    text-decoration: none;
    background-color: #F1F1F1;
}

.dropdown.open .fa-angle-down, .input-group-btn.open button .fa-angle-down { transform: rotate( -180deg ); transition: transform 250ms ease; }
.dropdown:not(.open) .fa-angle-down, .input-group-btn:not(.open) button .fa-angle-down { transform: rotate( -0deg ); transition: transform 250ms ease; }
.dropup:not(.open) .fa-angle-down { transform: rotate( -180deg ); transition: transform 250ms ease; }
.dropup.open .fa-angle-down { transform: rotate( -0deg ); transition: transform 250ms ease; }

.dropdown .dropdown-menu,  .dropup .dropdown-menu {
    -webkit-transition: opacity 0.3s, max-height 0.6s;
    -moz-transition: opacity 0.3s, max-height 0.6s;
    -ms-transition: opacity 0.3s, max-height 0.6s;
    -o-transition: opacity 0.3s, max-height 0.6s;
    transition: opacity 0.3s, max-height 0.6s;

    max-height: 0;
    overflow: hidden;
    opacity: 0;
    /*display:block;*/
}
.dropdown.open .dropdown-menu, .dropup.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
    overflow: scroll;
    overflow-x: hidden; /* Do not display bottom scrollbar (IE, Edge browsers) */
}
@media (max-width: 500px) and (max-height: 500px) {
    .dropdown .dropdown-menu,  .dropup .dropdown-menu { display:none; }
}



/* ------------------------------------- */
/* FREE CHARTS NON-MEMBER HEADER SECTION */
/* ------------------------------------- */

#scc-non-member-header-section {
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    padding:0;
    background-color: #022D46;
    position: relative;
    z-index: 1;
    display:block;
    max-height:0;
    overflow:hidden;
}
@media (max-width: 767px) {
    #scc-non-member-header-section {
        text-align: center;
    }
}

#scc-non-member-header-section.scc-nomem {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    max-height:235px;
    padding: 25px 0;
}
@media (max-width: 767px) {
    #scc-non-member-header-section.scc-nomem {
        max-height:480px;
    }
}

.scc-non-member-header-container {
    max-width: 1200px;
}

#scc-non-member-header-section.scc-nomem .scc-non-member-header-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(//d.stockcharts.com/freecharts/img/bg-free-charts.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity: .15;
}

h1.scc-non-member-header-title {
    margin: 0;
    font-size: 40px;
    font-weight: 300;
    color: #FFFFFF;
}
@media (max-width: 1199px) {
    h1.scc-non-member-header-title {
        font-size: 35px;
    }
}
@media (max-width: 991px) {
    h1.scc-non-member-header-title {
        font-size: 27px;
    }
}

.text-emphasis {
    font-weight: 500;
}

@media (min-width: 768px) {
    .mobile-break {
        display: none;
    }
}

p.scc-non-member-header-text {
    margin: 20px 0 0 0;
    font-size: 18px;
    font-weight: 300;
    color: #F5F5F5;
}
@media (max-width: 991px) {
    p.scc-non-member-header-text {
        font-size: 16px;
    }
}

#scc-non-member-header-right-element {
    padding-top: 15px;
    text-align: center;
}
@media (max-width: 1199px) {
    #scc-non-member-header-right-element {
        padding-top: 25px;
    }
}
@media (max-width: 991px) {
    #scc-non-member-header-right-element {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    #scc-non-member-header-right-element {
        padding-top: 20px;
    }
}

h5.scc-non-member-header-button-label {
    margin: 0 auto 9px auto;
    font-size: 18px;
    font-weight: 300;
    line-height: 125%;
    color: #FFFFFF;
}
@media (max-width: 991px) {
    h5.scc-non-member-header-button-label {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    h5.scc-non-member-header-button-label {
        font-size: 14px;
    }
}

.scc-non-member-header-button {
    margin: 0 auto;
    padding: 10px 35px;
    background-color: #26A65B;
    border: 1px solid #1d7c44;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 300;
    line-height: 125%;
    color: #FFFFFF !important;
}
@media (max-width: 991px) {
    .scc-non-member-header-button {
        padding: 10px 30px;
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .scc-non-member-header-button {
        font-size: 16px;
    }
}

.scc-non-member-header-button:hover,
.scc-non-member-header-button:focus,
.scc-non-member-header-button:active {
    text-decoration: none;
    background-color: #219155;
    border: 1px solid #1d7c49;
}




/* ----------------- */
/* SECTION LINKS ROW */
/* ----------------- */

.section-links-row {
    background-color: #F5F5F5;
    margin:0;
    text-align: center;
}
@media print {
    .section-links-row { display:none; }
}

.section-links-row-bound {
    margin: 0 auto;
    max-width: 950px;
    padding: 0 10px;
}

.section-links-row-bound .dropdown, .section-links-row-bound .dropup {
    float:right;
    margin-top:8px;
}

ul.section-links-row-ul {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    display:inline-block;
    text-align: center;
}

.section-links-row-ul li {
    display: inline-block;
    margin-left: -4px;
    padding: 8px 25px;
    border-right: 1px solid #999999;
    font-size: 18px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .section-links-row-ul li { padding: 8px 15px; font-size: 14px; }
}
@media (max-width: 767px) {
    .section-links-row-ul li { display:block; border-right:0; }
}

.section-links-row-ul li:last-child { border-right: none; }

.section-links-row-ul a {
    color: #0F4D8A;
}

.section-links-row-ul a:hover,
.section-links-row-ul a:focus {
    text-decoration: none;
    color: #3281d0;
}

.section-links-row-ul a i {
    margin-right: 8px;
    color: #444444;
}

.section-link-active {
    color: #219155 !important;
    font-weight: 700;
}

@media (max-width: 767px) {
    .mobile-hide { display:none; }
}



/* ################# */
/* ADDITIONAL STYLES */
/* ################# */
/* Do not display Your Account until login is verified */
#navbar-youraccount { display:none; }
.scc-hidden { display:none; }

/* Market Message has moved to Blogs tooltip */
#bs-example-navbar-collapse-1 .tooltip { width:211px; margin-top:13px; line-height:13px; }
#bs-example-navbar-collapse-1 .tooltip-inner { background-color:#ffff99; color:black; max-width:210px; }
#bs-example-navbar-collapse-1 .tooltip-arrow { border-top-color:#ffff99; }
@media (max-width:768px) {
    #bs-example-navbar-collapse-1 .tooltip { width:300px; margin-top:3px; }
    #bs-example-navbar-collapse-1 .tooltip-inner { max-width:285px; }
    #bs-example-navbar-collapse-1 .middle-nav-ul { overflow-x:hidden; }
    #bs-example-navbar-collapse-1 .tooltip-arrow { border-top-color:inherit; border-right-color:#ffff99; }
    #bs-example-navbar-collapse-1 .tooltip.right { margin-left:20px; }
}
#bs-example-navbar-collapse-1 .tooltip-inner a {
    padding: 0 0 0 5px;
    font-size: 12px;
    letter-spacing: .05em;
    font-weight:500;
    background-color:#ffff99;
    color:blue !important;
    text-decoration:underline;
}
#bs-example-navbar-collapse-1 .tooltip-inner a:hover { background-color:silver !important; }

/* Fix IE display of SVG logo image */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #middle-navbar-outer a.navbar-brand { width:220px; }
    #middle-navbar-outer a.navbar-brand img[src*=".svg"] { width:99%; }
    #middle-navbar-outer .search-and-toggle-menu-ul { float:right; }
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none), (max-width: 768px) {
    #middle-navbar-outer .search-and-toggle-menu-ul { display:-ms-inline-flexbox; }
    #middle-navbar-outer .search-and-toggle-menu-ul .site-search-mobile-li { margin-top:9px; }
}
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) and (max-width: 768px) {
    #middle-navbar-outer .navbar-corner-logo { display:inline; }
    #middle-navbar-outer .search-and-toggle-menu-ul { display:inline; float:right; }
}

.side-banner-ads { margin-bottom:10px; }


#entry-header {
    padding:12px 10px;
    background-color:#F5F5F5;
    margin: 0 auto 5px auto;
    font-family: 'Lato','Helvetica Neue',Arial,sans-serif;
    font-size:27px;
    font-weight: 400;
    color: #666666;
    text-align: center;
    border-bottom:none;
}
#entry-header span {
    color:#333;
}

@media (max-width: 1199px) {
    #entry-header { font-size:25px; }
}
@media (max-width: 991px) {
    #entry-header { font-size:23px; }
}
@media (max-width: 767px) {
    #entry-header { font-size:21px; }
}

.btn-link:hover, .btn-link:active:focus , .btn-link:focus { text-decoration:none; box-shadow:none; outline:none; }
a .icon-square { display:inline; color:#333529; margin-right:3px; vertical-align:middle; }




/* ---------------- */
/* FOOTER STRUCTURE */
/* ---------------- */
#scc-footer-outer {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.scc-footer-top {
    margin: 0;
    padding: 25px 0;
    background-color: #133353;
}
.scc-footer-bottom {
    margin: 0;
    padding: 0;
    background-color: #0E263E;
    box-shadow: #0E263E 0px 452px; /* prevent white space below short pages */
}
.scc-footer-container {
    padding: 0;
}
/* ---------- */
/* FOOTER TOP */
/* ---------- */
h4.scc-footer-cw-text {
    margin: 11px 0 0 0;
    font-size: 21px;
    font-weight: 400;
    line-height: 130%;
    color: #F9F9F9;
    text-align: left;
}
@media (max-width: 1199px) {
    h4.scc-footer-cw-text {
        font-size: 19px;
    }
}
@media (max-width: 991px) {
    h4.scc-footer-cw-text {
        margin: 0;
        text-align: center;
    }
}
h4.scc-footer-cw-text span {
    color: #FA8840;
    font-style: italic;
}
.scc-footer-cw-input {
    height: 45px;
    border: 0 !important;
    font-size: 18px;
    font-weight: 400;
    color: #0E263E;
    outline: none !important;
    box-shadow: none !important;
}
.scc-footer-cw-button {
    height: 45px;
    background-color: #219155;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
}
.scc-footer-cw-button:hover,
.scc-footer-cw-button:focus,
.scc-footer-cw-button:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: #26A65B !important;
    color: #FFFFFF !important;
}
/* ------------- */
/* FOOTER BOTTOM */
/* ------------- */
.scc-footer-links-col {
    padding: 35px 25px 0 25px;
}
h4.footer-column-title {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
    border-bottom: 2px solid #133353;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}
h4.footer-column-title a {
    color: #FFFFFF;
}
h4.footer-column-title a:hover {
    text-decoration: none;
    font-weight: 400;
    color: #3281D0;
}
.scc-footer-links-col li a {
    font-size: 16px;
    font-weight: 300;
    line-height: 185%;
    color: #DDDDDD;
}
.scc-footer-links-col li a:hover {
    text-decoration: none;
    font-weight: 400;
    color: #FFFFFF;
}
.scc-footer-logo-col {
    margin: 20px auto 10px auto;
    padding: 0 10px 5px 10px;
    border-bottom: 2px solid #133353;
    text-align: left;
}
img.scc-footer-logo {
    max-width: 225px;
}
img.scc-footer-logo:hover {
    opacity: 0.8;
}
ul.scc-footer-social-ul {
    float: right;
    margin: 0;
}
ul.scc-footer-social-ul li a {
    padding: 0 10px;
    font-size: 33px;
    color: #7DB9E8;
}
ul.scc-footer-social-ul li:last-child a {
    padding-right: 0;
}
ul.scc-footer-social-ul li a:hover {
    color: #3281D0;
}
.scc-footer-copright-col {
    margin: 0 0 15px 0;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 300;
}
p.scc-footer-copyright-p {
    float: left;
    margin: 0;
    color: #DDDDDD;
}
.copyright-links-outer {
    float: right;
    margin: 0;
}
a.scc-footer-copyright-link {
    display: inline-block;
    padding: 0 10px;
    color: #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
a.scc-footer-copyright-link:hover {
    text-decoration: none;
    color: #FFFFFF;
}
.right-item {
    padding-right: 0 !important;
    border-right: none !important;
}
p.footnote-text {
    max-width: 1020px;
    margin: 0 auto 15px auto;
    font-size: 12px;
    font-weight: 300;
    line-height: 135%;
    color: #AAAAAA;
}
@media (max-width: 1199px) {
    p.footnote-text {
        max-width: 860px;
    }
}
/* -------------- */
/* MOBILE STYLING */
/* -------------- */
@media (max-width: 767px) {
    .scc-footer-cw-input-bound {
        max-width: 350px;
        margin: 15px auto 0 auto;
    }
    .scc-footer-links-col {
        padding: 25px 0 0 0;
    }
    h4.footer-column-title {
        padding: 0 0 7px 35px;
    }
    .scc-footer-links-col li a {
        padding: 0 0 0 35px;
    }
    .scc-footer-logo-col {
        text-align: center;
        margin: 15px auto;
        padding: 10px;
    }
    .scc-footer-logo-col {
        text-align: center;
        margin: 15px auto;
        padding: 10px;
    }
    ul.scc-footer-social-ul {
        float: none;
        margin-top: 10px;
    }
    ul.scc-footer-social-ul li:last-child a {
        padding-right: 10px;
    }
    .scc-footer-copright-col {
        text-align: center;
    }
    p.scc-footer-copyright-p {
        float: none;
    }
    .copyright-links-outer {
        float: none;
        margin: 10px 0 0 0;
    }
    .right-item {
        padding-right: 10px !important;
    }
}




.scc-hidden { display:none; }


/* ############### */
/* AUTOSUGGEST BAR */
/* ############### */
.autosuggest {font-size:12px;}
.autosuggest input[type="text"] {font-size:12px; font-style:italic; color:#aaaaaa;}
.autosuggest .suggestions {cursor:pointer; border:1px solid #888888; background:#FFFFFF; margin:5px 0; text-align:left; color:black;}
.autosuggest table.suggestions {border-spacing:0; border-collapse:collapse;}
.autosuggest table.suggestions td {padding:2px;}
.autosuggest .suggestions .suggestion .exchange {font-size:10px; color:#555555;}
.autosuggest .suggestions .suggestion .more {font-style:italic; color:#555555;}
.autosuggest .suggestions .suggestion.even {background:#EEEEEE;}
.autosuggest .suggestions .suggestion.odd {background:#F9F9F9;}
.autosuggest .suggestions .suggestion.hovered {background:#CEE2E5;}
.autosuggest .suggestions .suggestion.selected {background: #C4E5C8;}





@media print {
    a[href]:after { content:none !important; }
    .navbar { display:block; }
    .navbar-static-top .scc-nav-container, .utility-nav-row, .primary-nav-ul, .container-for-searchbox, .charting-nav-row { display:none; }
    .scc-footer-top, .scc-footer-links-col, .scc-footer-logo-col, .copyright-links-outer { display:none; }
    .navbar-static-top:before { content:url(//d.stockcharts.com/images/sc-blue-simple.png); margin:0 auto; }

    .autosuggest {display:none;}
}