html, body {  }
.chartContainer, #chartContainer { display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; position: relative; }
.stx-btn { display: inline-block; cursor: pointer; padding: 0px 8px; border: 1px solid rgb(221, 221, 221); font-weight: bold; line-height: 27px; color: rgb(126, 126, 126); text-align: center; overflow: visible; background-repeat: no-repeat; border-radius: 3px; transition: color 0.25s ease 0s, border 0.25s ease 0s, box-shadow 0.25s ease 0s; -moz-user-select: none; }
.stx-btn:hover { color: rgb(68, 68, 68); border: 1px solid rgb(197, 197, 197); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -8px 6px rgba(100, 100, 100, 0.03) inset; }
.stx-btn:active { color: rgb(51, 51, 51); box-shadow: 0px 8px 6px rgba(100, 100, 100, 0.03) inset; }
.stx-btn-panel, .stx-btn-panel span { display: inline-block; width: 25px; height: 25px; cursor: pointer; transition: transform 0.2s ease 0s; }
.stx-btn-panel { margin: 3px 2px; }
.stx-btn-panel:hover span, .stx-btn-panel:active span { opacity: 1; }
.stx-btn-panel:active { transform: scale(1.2, 1.2); }
.stx-btn-panel span { background-image: url(8324ccbd32f4e6bc7724ec16643e3935ded24759.svg) ; opacity: 0.6; transition: opacity 0.2s ease 0s; }
.no-svg .stx-btn-panel span { background-image: url(9964d1ff9db95498fa73fed3c5045950dfe8a310.png) ; }
.stx-btn-panel > span.stx-ico-up { background-position: -150px -25px; }
.stx-btn-panel > span.stx-ico-down { background-position: -200px -25px; }
.stx-btn-panel > span.stx-ico-close { background-position: -250px -25px; }
.stx-btn-panel > span.stx-ico-edit { background-position: -300px -25px; }
.stx-btn-panel > span.stx-ico-focus { background-position: -350px -25px; }
.stx_chart_controls { position: absolute; display: block; bottom: 60px; left: 50%; margin-left: -55px; height: 27px; margin-bottom: 15px; width: auto; text-align: center; z-index: 30; }
#chartSize, #chartSize span { height: 25px; display: inline-block; -moz-user-select: none; }
#chartSize { margin: 0px auto; position: relative; border-radius: 3px; background: rgb(250, 250, 250) none repeat scroll 0% 0%; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
#chartSize::after { position: absolute; top: 4px; bottom: 4px; width: 1px; left: 36px; content: ""; display: block; background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%; }
#chartSize span { background-image: url(8324ccbd32f4e6bc7724ec16643e3935ded24759.svg) ; width: 35px; cursor: pointer; transition: opacity 0.25s ease 0s, transform 0.2s ease 0s; opacity: 0.6; }
.no-svg #chartSize span { background-image: url(9964d1ff9db95498fa73fed3c5045950dfe8a310.png) ; }
#chartSize .stx-zoom-out { background-position: -45px -25px; border-radius: 3px 0px 0px 3px; }
#chartSize .stx-zoom-in { background-position: -95px -25px; border-radius: 0px 3px 3px 0px; }
#chartSize span:hover, #chartSize span:active { opacity: 1; }
#chartSize span:active { transform: scale(1.2, 1.2); }
.stx_jump_today { color: rgb(255, 255, 255); overflow: hidden; position: absolute; bottom: 12px; right: 10px; line-height: 0px; height: 25px; width: 30px; padding: 0px; margin-bottom: 17px; border-radius: 3px; background: rgb(250, 250, 250) none repeat scroll 0% 0%; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); transition: background 0.25s ease 0s; cursor: pointer; z-index: 30; }
.stx_jump_today span { background-image: url(8324ccbd32f4e6bc7724ec16643e3935ded24759.svg) ; background-repeat: no-repeat; display: inline-block; line-height: 25px; height: 25px; width: 30px; padding-top: 25px; background-position: -448px -25px; transition: opacity 0.25s ease 0s, transform 0.2s ease 0s; opacity: 0.6; }
.no-svg .stx_jump_today span { background-image: url(9964d1ff9db95498fa73fed3c5045950dfe8a310.png) ; }
.stx_jump_today:hover span { opacity: 1; }
.stx-baseline-handle { color: rgba(96, 128, 192, 0.5); cursor: ns-resize; display: none; font-size: 20px; height: 20px; position: absolute; text-align: center; width: 20px; z-index: 30; }
.stx-baseline-handle::before { content: ""; }
.stx-drag-chart { cursor: url(69b69e17416c9ff10bd5c1b358497a5af797960f.cur) , default ! important; }
.stx-ico-handle { position: absolute; left: 0%; height: 6px; width: 100%; overflow: hidden; cursor: ns-resize; z-index: 30; }
.stx-ico-handle:active { cursor: ns-resize; }
.stx-panel-control { position: absolute; top: 10px; left: 0px; overflow: hidden; z-index: 30; display: none; }
.stx-panel-control * { -moz-user-select: none; }
.stx-panel-control.stx-show { display: inline-block; }
.stx-panel-title { margin: 5px 10px; float: left; display: inline-block; color: rgb(51, 51, 51); padding: 0px 10px; line-height: 22px; font-size: 12px; text-align: left; text-transform: uppercase; }
.stx-panel-control .stx-btn { float: left; }
#mSticky, #showMeasure { display: none; background: rgb(239, 239, 239) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); border-radius: 3px; color: rgb(102, 102, 102); font-size: 11px; white-space: nowrap; z-index: 40; }
#mSticky, #vectorTrashCan, #overlayTrashCan, #showMeasure { position: absolute; z-index: 40; }
#mStickyInterior, #sMeasure { margin: 0px; padding: 5px 10px; display: inline-block; float: left; }
#overlayTrashCan.stx-btn, #vectorTrashCan.stx-btn { background: transparent none repeat scroll 0% 0%; cursor: pointer; display: inline-block; text-align: center; width: 30px; height: 27px; padding: 0px; border: medium none; }
#overlayTrashCan.stx-btn span, #vectorTrashCan.stx-btn span { display: block; margin: 0px 0px 0px 5px; width: 23px; height: 23px; border-radius: 3px; overflow: hidden; text-indent: 100px; background: rgb(239, 239, 239) url(8324ccbd32f4e6bc7724ec16643e3935ded24759.svg)  repeat scroll -401px -26px; border: 1px solid rgb(221, 221, 221); }
.no-svg #overlayTrashCan.stx-btn span, .no-svg #vectorTrashCan.stx-btn span { background-image: url(9964d1ff9db95498fa73fed3c5045950dfe8a310.png) ; }
#mouseDeleteInstructions { margin: 0px; padding: 5px 10px; display: block; clear: both; font-size: xx-small; }
#mouseDeleteText, #mouseManageText { display: none; }
.rightclick_drawing #mouseDeleteText { display: inline; }
.rightclick_series #mouseDeleteText { display: inline; }
.rightclick_study #mouseDeleteText { display: inline; }
.stx-loader { position: absolute; top: 280px; left: 50%; margin-left: -20px; width: 40px; height: 40px; z-index: 50; }
.stx-float-price, .stx-float-date { position: absolute; font-size: 10px; font-family: Helvetica; z-index: 30; padding: 1px 0px; border-radius: 3px; color: rgb(255, 255, 255); }
.stx-float-date { padding: 1px 6px; text-align: center; width: 70px; background-color: rgb(51, 51, 51); }
.stx-float-price { margin-left: -10px; background-color: rgb(51, 51, 51); }
#currentHR { width: 33px; z-index: 1; }
.stx_current_hr_up { background-color: rgb(140, 193, 118); color: rgb(255, 255, 255); }
.stx_current_hr_down { background-color: rgb(184, 44, 12); color: rgb(255, 255, 255); }
.stx_xaxis { font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); }
.stx_xaxis_dark { color: rgb(68, 68, 68); }
.stx_yaxis { font-size: 10px; font-family: Helvetica; color: rgb(51, 51, 51); }
.stx_crosshair { position: absolute; z-index: 10; background-color: rgb(153, 153, 153); }
.stx_crosshair_drawing { position: absolute; z-index: 10; background-color: rgb(51, 51, 51); }
#crossY, .stx_crosshair_y { left: 0px; height: 1px; width: 98%; margin-top: -1px; }
#crossX, .stx_crosshair_x { top: 0px; width: 1px; height: 100%; }
.stx_panels { font-family: Helvetica; font-size: 10px; color: white; }
.stx_panel_background { color: rgb(124, 135, 139); }
.stx_panel_border { width: 1px; color: rgb(204, 204, 204); }
.stx_panel_drag { width: 2px; color: rgb(102, 102, 102); }
.stx_solo_lit span { background-color: rgb(177, 183, 184); color: rgb(255, 255, 255); opacity: 1; }
.stx_grid { color: rgb(239, 239, 239); opacity: 1; }
.stx_grid_dark { color: rgb(204, 204, 204); opacity: 0.9; }
.stx_grid_border { color: rgb(153, 153, 153); }
.stx_line_chart { width: 1px; }
.stx_bar_chart, .stx_bar_up, .stx_bar_down, .stx_bar_even { width: 1px; }
.stx_line_chart, .stx_bar_chart { color: rgb(0, 0, 0); }
.stx_bar_down { color: rgb(184, 44, 12); }
.stx_bar_up { color: rgb(140, 193, 118); }
.stx_mountain_chart { background-color: rgba(102, 202, 196, 0.5); color: rgba(102, 202, 196, 0.01); border: medium none rgb(102, 202, 196); width: 1px; }
.stx_highlight_vector { color: red; width: 3px; }
.stx_candle_shadow, .stx_bar_even { color: rgb(46, 56, 59); }
.stx_candle_down, .stx_line_down { color: rgb(184, 44, 12); border-left-color: rgb(0, 0, 0); }
.stx_candle_up, .stx_line_up { color: rgb(140, 193, 118); border-left-color: rgb(0, 0, 0); }
.stx_hollow_candle_down { color: rgb(184, 44, 12); }
.stx_hollow_candle_up { color: rgb(140, 193, 118); }
.stx_hollow_candle_even { color: rgb(136, 136, 136); }
.stx_baseline { color: rgb(46, 56, 59); }
.stx_baseline_down { color: rgb(235, 36, 43); width: 2px; }
.stx_baseline_up { color: rgb(73, 186, 89); width: 2px; }
.stx_kagi_down { color: rgb(255, 0, 0); width: 1px; }
.stx_kagi_up { color: rgb(0, 255, 0); width: 3px; }
.stx_pandf_down { color: rgb(255, 0, 0); padding: 2px 0px; width: 2px; }
.stx_pandf_up { color: rgb(0, 255, 0); padding: 2px 0px; width: 2px; }
.stx_volume_up { color: rgb(140, 193, 118); }
.stx_volume_down { color: rgb(184, 44, 12); }
.stx_volume_underlay_up { color: rgb(140, 193, 118); opacity: 0.3; border-left-color: rgb(0, 0, 0); }
.stx_volume_underlay_down { color: rgb(184, 45, 12); opacity: 0.3; border-left-color: rgb(0, 0, 0); }
.stx_volume_profile { opacity: 0.3; border-color: rgb(0, 0, 0); }
.stx_projection_new { color: blue; }
.stx_gaps { color: rgb(177, 183, 184); opacity: 0.3; }
.stx_histogram { color: rgb(0, 0, 0); opacity: 0.2; }
.stx_annotation { font-size: 13px; font-family: Helvetica; background: transparent none repeat scroll 0% 0%; border: medium none; box-shadow: none; padding: 0px 6px; outline: medium none; color: rgb(51, 51, 51); resize: none; z-index: 1000; }
.stx_annotation_bg { color: rgb(245, 245, 245); }
.stx_annotation_highlight { color: white; }
.stx_annotation_highlight_bg { color: rgb(61, 68, 71); }
#annotationSave, #annotationCancel, .stx-btn.stx_annotation_save, .stx-btn.stx_annotation_cancel { position: absolute; display: none; font-size: 11px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); z-index: 50; background-color: rgb(255, 255, 255); }
#annotationCancel, .stx_annotation_cancel { margin-left: 10px; }
.stx_watermark { font-size: 16px; font-family: Helvetica; color: rgba(0, 0, 0, 0.5); }
.stx_fib_levels { font-size: 12px; font-family: Helvetica; color: transparent; }
.stx_share { font-size: 14px; font-family: georgia; color: rgb(0, 0, 0); width: 1px; }
.stx_share_symbol { font-size: 14px; font-family: Arial; font-weight: bold; }
.stx-holder { display: block; position: absolute; overflow: hidden; z-index: 20; }
.stx-subholder { position: absolute; overflow: hidden; }