/* --------------------- */
/* FREE CHARTS STRUCTURE */
/* --------------------- */
#free-charts-section {
    padding: 0;
    background-color: #F5F5F5;
}
@media (max-width: 767px) {
    #free-charts-section {padding:5px 0;}
}

.free-charts-container {
    max-width: 1600px;
    padding: 0;
}

.free-charts-row-outer {
    margin: 0;
    padding: 15px 0;
}

/* ----------------------------- */
/* FREE CHARTS TOOLS BACKGROUNDS */
/* ----------------------------- */
.sharpchart-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-sharpchart.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.point-and-figure-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-pnf.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.perfchart-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-perfchart.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.candleglance-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-candleglance.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.seasonality-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-seasonality.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.gallery-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-gallery.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.marketcarpet-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-marketcarpet.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.rrg-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-rrg.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}
.yield-curve-bg {background: url(//d.stockcharts.com/freecharts/img/free-charts-bgs/free-charts-yield-curve.png); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%;}

/* ------------------------ */
/* FREE CHARTS TOOLS COLUMN */
/* ------------------------ */

.free-charts-tools-col-outer {
    padding: 0;
}

.free-charts-tools-row {
    margin: 0;
    padding: 15px;
}
@media (max-width: 991px) {
    .free-charts-tools-row {padding:10px;}
}
@media (max-width: 767px) {
    .free-charts-tools-row {padding:0px;}
}

.free-charts-tool-card-bound {
    padding: 0 15px;
}
@media (max-width: 767px) {
    .free-charts-tool-card-bound {padding:0 10px 20px 10px;}
}

.free-charts-tool-card {
    padding: 0 0 25px 0;
    background-color: #FFFFFF;
    border: none;
    border-bottom: 3px solid #CCCCCC;
    text-align: center;
}

.free-charts-tool-bg {
    height: 125px;
    border-bottom: 1px solid #CCCCCC;
    opacity: 0.9;
}
@media (max-width: 1199px) {
    .free-charts-tool-bg {height:115px;}
}
@media (max-width: 767px) {
    .free-charts-tool-bg {height:100px;}
}

.free-charts-tool-contents {
    padding: 0px 15px;
}

.free-charts-tool-contents h1 {
    margin: 20px 0 0 0;
    font-size: 35px;
    font-weight: 300;
    color: #000000;
}
@media (max-width: 991px) {
    .free-charts-tool-contents h1 {font-size:30px;}
}

.free-charts-tool-contents h3 {
    margin: 15px 0 25px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    color: #333333;
}
@media (max-width: 991px) {
    .free-charts-tool-contents h3 {margin: 15px 0; font-size: 14px;}
}

h2.free-charts-tool-button {
    margin: 0;
}

h2.free-charts-tool-button a {
    margin: 0;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400;
    color: #0F4D8A;
    border: 1px solid #0F4D8A;
    border-radius: 50px;
}
@media (max-width: 991px) {
    h2.free-charts-tool-button a {
        font-size: 16px;
    }
}

h2.free-charts-tool-button a:hover, h2.free-charts-tool-button a:focus {
    color: #fff;
    background-color: #3281D0;
    border: 1px solid #3281D0;
    text-decoration: none;
}

label.free-charts-create-label {
    margin: 0 auto 5px auto;
    font-size: 16px;
    font-weight: 400;
    color: #555;
}
@media (max-width: 991px) {
    label.free-charts-create-label {font-size:14px;}
}

#chart-body label.free-charts-create-label {
    margin-top: 0;
}

.free-charts-input-group-outer {
    max-width: 300px;
    margin: 0 auto;
}

.free-charts-charting-input-area {
    height: 42px;
    padding-left: 15px;
    background-color: #F9F9F9 !important;
    border: 1px solid #555555 !important;
    border-right: none !important;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    color: #333333 !important;
}

.free-charts-charting-input-area:focus {
    box-shadow: none !important;
    outline: none !important;
}

.free-charts-input-group-outer ::-webkit-input-placeholder {padding-top: 2px; font-size: 12px; color: #333333; font-weight: 300;}
.free-charts-input-group-outer :-moz-placeholder {padding-top: 2px; font-size: 12px; color: #333333; font-weight: 300;}  /* Firefox 18- */
.free-charts-input-group-outer ::-moz-placeholder {padding-top: 2px; font-size: 12px; color: #333333; font-weight: 300;}  /* Firefox 19+ */
.free-charts-input-group-outer :-ms-input-placeholder {padding-top: 2px; font-size: 12px; color: #333333; font-weight: 300;}

.free-charts-input-go-button {
    height: 42px;
    padding: 0 12px 0 10px;
    border: 1px solid #555555 !important;
    border-left: none !important;
    border-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #F9F9F9;
    font-size: 17px;
    font-weight: 400;
    color: #777777;
}
@media (max-width: 991px) {
    .free-charts-input-go-button {padding: 6px 12px 5px 10px; font-size: 15px;}
}

.free-charts-input-go-button:active, .free-charts-input-go-button:focus, .free-charts-input-go-button:hover {
    box-shadow: none !important;
    outline: none !important;
    border: none;
    background-color: #F9F9F9;
    color: #3281D0;
}

h4.free-charts-predefined-title {
    margin: 25px auto 0 auto;
    font-size: 16px;
    font-weight: 400;
    color: #555;
}
@media (max-width: 991px) {
    h4.free-charts-predefined-title {font-size: 14px;}
}

h4.free-charts-or-label {
    margin: -10px auto;
    padding: 0;
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    color: #3281D0;
}
@media (max-width: 991px) {
    h4.free-charts-or-label {font-size: 12px;}
}

.free-charts-dropdown-outer {
    margin: 10px auto 0 auto;
    max-width: 300px;
    text-align: center;
}

#chart-body .free-charts-dropdown-outer {
    margin-bottom: 0;
}

button.free-charts-dropdown-button, button.free-charts-dropdown-button:focus {
    height: 42px;
    padding: 0 20px;
    background-color: #0F4D8A;
    border: 1px solid #0F4D8A;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

button.free-charts-dropdown-button:hover, button.free-charts-dropdown-button:active, .open>button.free-charts-dropdown-button, .open>button.free-charts-dropdown-button:focus {
    background-color: #3281D0 !important;
    border: 1px solid #3281D0 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    outline: none !important;
}

ul.free-charts-predefined-ul {
    list-style: none;
    padding: 5px 0;
}

li.free-charts-predefined-li {
    padding: 0;
}

li.free-charts-predefined-li a { /* replaced by .scc-navbar-dropdown-ul li a */
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #0D4073;
}

li.free-charts-predefined-li a:hover {
    color: #3281D0;
}


/* -------------------------- */
/* FREE CHARTS SIDEBAR COLUMN */
/* -------------------------- */
.free-charts-sidebar-col-outer {
    background-color: #F5F5F5;
    padding: 0;
}

.free-charts-sidebar-links-block-outer {
    padding: 0px 15px;
}

h1.free-charts-sidebar-links-block-title {
    margin-top: 30px;
    margin-bottom: 2px;
    padding-bottom: 5px;
    border-bottom: 3px solid #CCCCCC;
    font-size: 25px;
    font-weight: 400;
    color: #555;
}

@media (max-width: 991px) {
    h1.free-charts-sidebar-links-block-title {
        margin-top: 20px;
        font-size: 20px;
    }
}

.free-charts-sidebar-list-ul {
    list-style: none;
    padding: 0px;
}

.free-charts-sidebar-list-ul li {
    padding: 0px;
}

.free-charts-sidebar-list-ul h3 {
    margin: 0px;
    padding: 9px 0px 9px 15px;
    font-weight: 300;
    font-size: 16px;
    border-bottom: 1px dotted #D2D7D3;
}

@media (max-width: 1199px) {
    .free-charts-sidebar-list-ul h3 {
        padding: 8px 0px 8px 15px;
        font-size: 15px;
    }
}
@media (max-width: 991px) {
    .free-charts-sidebar-list-ul h3 {
        padding: 7px 0px 7px 0px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .free-charts-sidebar-list-ul h3 {
        font-size: 13px;
    }
}

.free-charts-sidebar-list-ul a {
    color: #444;
}

.free-charts-sidebar-list-ul a:hover {
    color: #3281D0;
    text-decoration:none;
}

i.free-charts-link-angle {
    color: #6C7A89;
    margin-right: 10px;
}
@media (max-width: 991px) {
    i.free-charts-link-angle {
        margin-right: 5px;
    }
}


.more-link-low-right-outer {
    text-align: right;
}

h3.more-link-low-right-text {
    margin: 10px auto 20px auto;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}
@media (max-width: 1199px) {
    h3.more-link-low-right-text {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    h3.more-link-low-right-text {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    h3.more-link-low-right-text {
        font-size: 16px;
    }
}

a.more-link-low-right-a {
    color: #aaaaaa;
}

a.more-link-low-right-a:hover {
    color: #3281D0 !important;
    text-decoration:none;
}


/* ----------- */
/* CHART PAGES */
/* ----------- */

#pagebody { max-width:none; width:auto; }
#chart-body { font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:400; }
#chart-body .free-charts-input-group-outer { margin-bottom:10px; }

#charting-nav-menu-menu { border-right:1px solid #0C325B; }
.scc-freecharts-applet { margin:0 auto; display:table; text-align:center; padding:3px; border-radius:0; border:none; box-shadow:none; }
.wide-well { max-width:none; margin:0; padding:15px 0; }
.wide-well p { max-width:730px; margin:0 auto; }
.non-applet-well { max-width:820px; margin:0 auto 10px auto; padding: 15px 0; }
@media (max-width:1169px) {
    .non-applet-well { max-width:600px; }
}

#chart-body .free-charts-input-group-outer { max-width:500px; }
#chart-body .free-charts-input-group-outer .form-control { font-size:18px; }
#chart-body .free-charts-charting-input-area { margin-left:0; padding:20px 0 20px 15px; background-color:#ffffff !important; border-top-left-radius:33px !important; border-bottom-left-radius:33px !important; }
#chart-body .free-charts-input-go-button { padding:8px 12px 8px 10px; border-top-right-radius:33px; border-bottom-right-radius:33px; background-color:#ffffff; }
#chart-body .free-charts-input-go-button:hover { background-color:#ffffff; }

#chart-body .free-charts-charting-input-area::-webkit-input-placeholder { font-size:15px; padding-top:1px; }
#chart-body .free-charts-charting-input-area::-moz-placeholder { font-size:15px; padding-top:1px; } /* Firefox 18- */
#chart-body .free-charts-charting-input-area:-moz-placeholder { font-size:15px; padding-top:1px; } /* Firefox 19+ */
#chart-body .free-charts-charting-input-area:-ms-input-placeholder { font-size:15px; padding-top:1px; }

@-moz-document url-prefix() { /* fix for firefox padding in text input */
    #chart-body .free-charts-input-group-outer input { padding:5px 0px 4px 15px; height:42px; }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* fix for IE 10,11 padding in text input */
    #chart-body .free-charts-input-group-outer input { padding:4px 0 1px 15px; height:42px; }
}
#navsearchtext, #chart-body .free-charts-input-group-outer input[type=text] { /* fix for iOS to remove outline */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (max-width: 992px) {
    #chart-body .free-charts-input-go-button { font-size: 17px; }
}

#chart-body .googleAd { background-color:white; }
#boxad { width:700px; margin:0 auto 10px auto; }
#boxad .googleAd { display:inline-block; margin:0 20px; }
@media (max-width: 767px) {
    #boxad { width:auto; text-align:center; }
    #boxad .googleAd { margin:10px 20px; }
}
@media print {
    #boxad, #chart-body .googleAd { display:none; }
}

.saveBoxPullout, .popup-form { border:1px solid #999; background:#eee; padding: 8px 11px 5px 5px; z-index:100; border-radius:5px; position:absolute; }
.saveBoxPullout .formButton { background-color:#e9e9e9; border: 1px solid #000; color:#000; padding:0px 3px;}
.saveBoxPullout .containerClose, .popup-form .popup-form-close { float:right; cursor:pointer; margin:-5px -8px -15px 0; }
.popup-form { border-radius:5px; position:absolute; }
.popup-form-open { display:block !important; left:-160px; }
.popup-form-close { padding:0px 3px 0 2px; }

.scc-freecharts-linksrow-outer {
    margin: 15px auto;
    text-align: center;
}
@media print {
    .scc-freecharts-linksrow-outer { display:none; }
}

h4.associated-charts-title {
    margin: 5px auto 10px auto;
    padding-bottom: 5px;
    max-width: 300px;
    font-family: 'Lato','Helvetica Neue',Arial,sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #666666;
    text-align: center;
    border-bottom: 1px solid #c8d0d0;
}






.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

#pagebody.container-fluid {padding-left:0; padding-right:0;}

.charting-tool-row-outer {margin:0;}

@media (max-width: 991px) {
    #pagebody { width:auto; }
}
@media (min-width: 992px) {
    #freecharts-adarea.footerad-rectangle, #freecharts-adarea.footerad-square { display:none; }
}

#freecharts-adarea { margin-top:56px; }

@media (min-width: 992px) and (max-width: 1030px) {
    #adarea-right-slim #googleAd {text-align:right;}
}
@media (max-width: 991px) {
    #adarea-right-slim {float:none; width:55%; text-align:right; margin-top:0; margin-bottom:15px;}
}

.bannerad {
    text-align: center;
    margin: 15px auto;
}