#chart-full-page-div-modal {
  width: 5000px;
  height: 5000px;
  z-index: 6;
  position: fixed;
  top: 0px;
  left: 0px;
  #background-color: #ffffff; }
  #chart-full-page-div-modal prochart .prof_chart {
    margin: 0px 0px; }

#chart-full-page-div-modal.nofixed {
  position: absolute;
  height: auto;
  width: auto; }

#chart-full-page-div-modal-bg {
  width: 5000px;
  height: 5000px;
  z-index: 5;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #000000;
  opacity: 0.5; }

prochart .prof_chart {
  margin: 20px auto;
  overflow: hidden; }
prochart .layout6 * {
  margin: 0;
  padding: 0; }
prochart .layout6 * {
  padding: 0; }
prochart .layout6.htmlchart {
  background-color: #ffffff; }
prochart .layout6 .adv-svgchart-inner {
  border: 0px solid #1E1E1E;
  background-color: #1E1E1E; }
  prochart .layout6 .adv-svgchart-inner .adv-svgchart-zone {
    position: relative; }
    prochart .layout6 .adv-svgchart-inner .adv-svgchart-zone .adv-svgchart-zone-left {
      float: left;
      margin-right: 0px;
      min-height: 510px;
      width: 64px; }
    prochart .layout6 .adv-svgchart-inner .adv-svgchart-zone .adv-svgchart-zone-right {
      float: left;
      margin-top: 1px; }
prochart .layout6 button {
  background-color: #F7F7F7;
  background-image: url("templates/default/img-sprite.png");
  background-repeat: no-repeat;
  border: medium none;
  cursor: pointer;
  display: block;
  float: left;
  height: 28px;
  margin: 1px;
  padding: 0;
  width: 30px; }
  prochart .layout6 button:hover {
    background-color: #FFFFFF; }
  prochart .layout6 button.button-selected {
    background-color: #DDDDDD; }
prochart .layout6 .chart-header {
  margin: 0px;
  padding: 0px;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  height: 60px; }
  prochart .layout6 .chart-header #symbol {
    color: #333333;
    display: block;
    position: relative;
    left: inherit;
    top: 3px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 2px 2px #FFFFFF;
    margin-left: 25px;
    float: left;
    pointer-events: none; }
  prochart .layout6 .chart-header #timeframe {
    top: inherit;
    left: inherit;
    position: absolute;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    white-space: nowrap;
    float: left;
    margin-left: 15px;
    margin-top: 3px;
    position: relative;
    white-space: nowrap; }
  prochart .layout6 .chart-header #spanLastUpdate {
    position: absolute;
    color: #2D2D2D;
    display: block;
    width: 100px;
    left: 5px;
    text-align: left;
    top: 26px;
    font-size: 10px;
    line-height: 12px; }
  prochart .layout6 .chart-header #communic {
    display: block;
    left: 5px;
    position: absolute;
    top: 4px;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("templates/default/img-sprite.png") !important; }
    prochart .layout6 .chart-header #communic .ComOff {
      background-position: -10px -3272px;
      height: 18px;
      width: 18px; }
    prochart .layout6 .chart-header #communic .ComOn {
      background-position: -10px -3300px;
      height: 18px;
      width: 18px; }
prochart .layout6 .chart-menu {
  background-color: #FFCD3B;
  height: 30px;
  margin: 0px;
  padding: 0px; }
  prochart .layout6 .chart-menu > ul > li {
    color: #333333;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 5px;
    padding: 0 10px;
    position: relative;
    white-space: nowrap; }
    prochart .layout6 .chart-menu > ul > li:hover {
      background-color: #333333;
      border-bottom: medium none;
      color: #FFFFFF; }
      prochart .layout6 .chart-menu > ul > li:hover > ul {
        background-color: #F0F0F0;
        display: block;
        z-index: 99; }
        prochart .layout6 .chart-menu > ul > li:hover > ul > li {
          line-height: 20px;
          margin: 2px;
          padding: 2px 15px;
          white-space: nowrap;
          font-size: 11px;
          color: #333333;
          float: none; }
          prochart .layout6 .chart-menu > ul > li:hover > ul > li:hover {
            background-color: #FFFFFF; }
          prochart .layout6 .chart-menu > ul > li:hover > ul > li.favorites-style {
            min-width: 120px;
            overflow: hidden;
            padding: 0px 0px;
            line-height: 30px; }
            prochart .layout6 .chart-menu > ul > li:hover > ul > li.favorites-style div {
              float: left;
              height: 30px; }
              prochart .layout6 .chart-menu > ul > li:hover > ul > li.favorites-style div.kII1 {
                background-color: #EEEEEE;
                border-right: 1px dotted #FFFFFF;
                width: 30px; }
                prochart .layout6 .chart-menu > ul > li:hover > ul > li.favorites-style div.kII1 button {
                  margin-top: 8px;
                  margin-left: 4px;
                  height: 18px;
                  width: 18px;
                  background-color: rgba(0, 0, 0, 0); }
              prochart .layout6 .chart-menu > ul > li:hover > ul > li.favorites-style div.KII2 {
                padding: 0 5px;
                overflow: hidden; }
                prochart .layout6 .chart-menu > ul > li:hover > ul > li.favorites-style div.KII2 button {
                  background-color: rgba(0, 0, 0, 0);
                  float: left; }
                prochart .layout6 .chart-menu > ul > li:hover > ul > li.favorites-style div.KII2 span {
                  float: left;
                  line-height: 30px; }
    prochart .layout6 .chart-menu > ul > li > ul {
      border: 1px solid #333333;
      box-shadow: 5px 5px 5px #888888;
      display: none;
      left: 0;
      min-width: 100px;
      padding: 10px 0;
      position: absolute;
      top: 29px; }
    prochart .layout6 .chart-menu > ul > li.localization-items {
      float: right;
      margin-right: 0px; }
      prochart .layout6 .chart-menu > ul > li.localization-items > ul {
        width: 300px;
        overflow: hidden;
        right: 0px;
        left: inherit; }
        prochart .layout6 .chart-menu > ul > li.localization-items > ul > li {
          float: left; }
    prochart .layout6 .chart-menu > ul > li.templates-items > ul {
      width: 390px;
      padding: 3px; }
      prochart .layout6 .chart-menu > ul > li.templates-items > ul > li {
        float: left;
        margin: 3px;
        padding: 3px;
        line-height: 0px; }
  prochart .layout6 .chart-menu > ul #chart-type .favorites-style {
    min-width: 190px; }
  prochart .layout6 .chart-menu .chart-menu-icons button {
    padding-left: 30px;
    background-color: rgba(0, 0, 0, 0);
    float: left; }
prochart .layout6 ul.toolbar {
  background-color: #EEEEEE;
  overflow: hidden;
  padding: 2px; }
  prochart .layout6 ul.toolbar li {
    float: left; }
    prochart .layout6 ul.toolbar li span.label {
      color: #AAAAAA;
      display: block;
      float: left;
      font-size: 10px;
      font-weight: bold;
      line-height: 30px;
      margin: 0 3px 0 10px; }
    prochart .layout6 ul.toolbar li div.tooolbar_inner {
      float: left;
      height: 30px;
      overflow: hidden; }
prochart .layout6 ul.toolbox li {
  float: left; }
  prochart .layout6 ul.toolbox li span.label {
    color: #AAAAAA;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 3px 0 10px; }
  prochart .layout6 ul.toolbox li.sub {
    position: relative; }
    prochart .layout6 ul.toolbox li.sub .sub-right-range {
      border-bottom: 7px solid rgba(0, 0, 0, 0);
      border-right: 7px solid #DDDDDD;
      border-top: 7px solid rgba(0, 0, 0, 0);
      display: none;
      margin-right: 1px;
      margin-top: 7px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 99; }
    prochart .layout6 ul.toolbox li.sub .sub-point {
      border-right: 4px solid #000000;
      border-top: 4px solid rgba(0, 0, 0, 0);
      bottom: 2px;
      display: block;
      margin-left: 0;
      position: absolute;
      right: 2px;
      z-index: 20; }
    prochart .layout6 ul.toolbox li.sub:hover > ul {
      background-color: #F0F0F0;
      border: 1px solid #DDDDDD;
      border-radius: 2px 2px 2px 2px;
      padding: 2px;
      z-index: 99; }
    prochart .layout6 ul.toolbox li.sub > ul {
      min-width: 264px;
      display: none;
      left: 29px;
      position: absolute;
      top: -45px; }
      prochart .layout6 ul.toolbox li.sub > ul > li {
        display: inline-block;
        float: left;
        overflow: hidden; }
        prochart .layout6 ul.toolbox li.sub > ul > li:hover > button {
          background-color: #FFFFFF; }
        prochart .layout6 ul.toolbox li.sub > ul > li > button {
          background-color: rgba(0, 0, 0, 0);
          font-size: 12px;
          padding-left: 30px;
          text-align: left;
          white-space: nowrap;
          width: 130px; }
prochart .layout6 .adv-svgchart-zoom {
  height: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0px;
  padding: 10px 0px;
  position: relative; }
  prochart .layout6 .adv-svgchart-zoom #svgZoomChart {
    background-color: #F0F0F0;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 0 px; }
    prochart .layout6 .adv-svgchart-zoom #svgZoomChart .AdvStudy .AdvBarGroup line.ADVZoomLine {
      stroke: #6F5300;
      fill: none;
      stroke-width: 2; }
    prochart .layout6 .adv-svgchart-zoom #svgZoomChart .AdvStudy .AdvBarGroup polygon.ADVZoomAreaStroke {
      fill: #FFECB0;
      stroke: #FFECB0;
      stroke-width: 1px; }
    prochart .layout6 .adv-svgchart-zoom #svgZoomChart rect.ADVZoomOutOfRange {
      fill: #FFFFFF;
      fill-opacity: 0.6;
      stroke: #FFFFFF;
      stroke-opacity: 0.6;
      stroke-width: 2px; }
  prochart .layout6 .adv-svgchart-zoom .zoom-chart-container {
    position: relative;
    width: 820px;
    margin-left: 10px; }
    prochart .layout6 .adv-svgchart-zoom .zoom-chart-container .zoom-rect-left, prochart .layout6 .adv-svgchart-zoom .zoom-chart-container .zoom-rect-right {
      position: absolute;
      height: 30px;
      top: 0px;
      border: 0px solid #000000;
      width: 100px;
      opacity: 0.7;
      background-color: #ffffff; }
    prochart .layout6 .adv-svgchart-zoom .zoom-chart-container .zoom-rect-left {
      left: 0px; }
    prochart .layout6 .adv-svgchart-zoom .zoom-chart-container .zoom-rect-right {
      right: 0px; }
  prochart .layout6 .adv-svgchart-zoom .slider-zoom {
    bottom: -2px;
    height: 40px;
    position: absolute;
    width: 820px; }
    prochart .layout6 .adv-svgchart-zoom .slider-zoom .ui-rangeSlider {
      height: 10px;
      padding-top: 20px; }
      prochart .layout6 .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-arrow {
        background: none repeat scroll 0 0 #6F5300;
        border-bottom: 1px solid #666666;
        border-top: 1px solid #333333;
        cursor: pointer;
        height: 10px;
        width: 10px; }
      prochart .layout6 .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-leftArrow {
        border-left: 1px solid #6F5300;
        border-radius: 3px 0 0 3px; }
      prochart .layout6 .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-rightArrow {
        border-radius: 0 3px 3px 0;
        border-right: 1px solid #6F5300; }
      prochart .layout6 .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-label {
        padding: 2px 6px; }
      prochart .layout6 .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-label {
        background: none repeat scroll 0 0 #6F5300;
        border-radius: 2px 2px 2px 2px;
        bottom: 14px;
        box-shadow: 0 1px 0 #C2C5D6;
        color: #FFFFFF;
        cursor: col-resize;
        font-size: 11px; }
  prochart .layout6 .adv-svgchart-zoom .zoom-date-range {
    position: absolute;
    right: 60px;
    top: -10px; }
    prochart .layout6 .adv-svgchart-zoom .zoom-date-range #date-end,
    prochart .layout6 .adv-svgchart-zoom .zoom-date-range #date-start {
      color: #6F5300;
      font-size: 9px;
      font-weight: bold;
      padding: 2px; }
prochart .layout6 #zoom-buttons {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  bottom: 35px;
  left: 280px;
  opacity: 0.1;
  position: absolute; }
  prochart .layout6 #zoom-buttons:hover {
    background-color: rgba(238, 238, 238, 0.1);
    opacity: 0.6;
    filter: alpha(opacity=60);
    border: 1px solid #f0f0f0; }
prochart .layout6 .chart-pane-price {
  position: relative;
  overflow: hidden; }
prochart .layout6 .chart-pane-signal {
  background-color: Aqua; }
prochart .layout6 .chart-controlpanel {
  position: absolute;
  z-index: 30;
  pointer-events: none; }
  prochart .layout6 .chart-controlpanel .controlpanel-buttons {
    vertical-align: middle;
    font-zize: 0px;
    text-align: right; }
    prochart .layout6 .chart-controlpanel .controlpanel-buttons a {
      display: inline-block;
      cursor: pointer;
      pointer-events: auto; }
      prochart .layout6 .chart-controlpanel .controlpanel-buttons a.controlpanel-button-selected span {
        opacity: 1; }
      prochart .layout6 .chart-controlpanel .controlpanel-buttons a.controlpanel-up {
        width: 11px;
        height: 8px; }
      prochart .layout6 .chart-controlpanel .controlpanel-buttons a.controlpanel-down {
        width: 11px;
        height: 8px; }
      prochart .layout6 .chart-controlpanel .controlpanel-buttons a.controlpanel-window {
        width: 10px;
        height: 10px; }
      prochart .layout6 .chart-controlpanel .controlpanel-buttons a span {
        display: block;
        background-image: url("templates/default/img-sprite.png");
        opacity: 0.1; }
        prochart .layout6 .chart-controlpanel .controlpanel-buttons a span.controlpanel-up-icon {
          margin-top: 0px;
          margin-left: 1px; }
        prochart .layout6 .chart-controlpanel .controlpanel-buttons a span.controlpanel-down-icon {
          margin-top: 0px;
          margin-left: 1px; }
        prochart .layout6 .chart-controlpanel .controlpanel-buttons a span.controlpanel-window-icon {
          margin-top: 0px;
          margin-left: 1px; }
      prochart .layout6 .chart-controlpanel .controlpanel-buttons a:hover {
        background-color: rgba(240, 240, 240, 0.9); }
        prochart .layout6 .chart-controlpanel .controlpanel-buttons a:hover span {
          opacity: 1; }
    prochart .layout6 .chart-controlpanel .controlpanel-buttons:after {
      clear: both; }
prochart .layout6 .chart-pane-legend-signal,
prochart .layout6 .chart-pane-legend-study,
prochart .layout6 .chart-pane-legend-price {
  font-size: 12px;
  line-height: 20px;
  z-index: 70; }
  prochart .layout6 .chart-pane-legend-signal .legend-title,
  prochart .layout6 .chart-pane-legend-study .legend-title,
  prochart .layout6 .chart-pane-legend-price .legend-title {
    color: #333333; }
  prochart .layout6 .chart-pane-legend-signal .legend-description,
  prochart .layout6 .chart-pane-legend-study .legend-description,
  prochart .layout6 .chart-pane-legend-price .legend-description {
    font-weight: bold;
    font-size: 16px; }
    prochart .layout6 .chart-pane-legend-signal .legend-description.legend-compare-description,
    prochart .layout6 .chart-pane-legend-study .legend-description.legend-compare-description,
    prochart .layout6 .chart-pane-legend-price .legend-description.legend-compare-description {
      color: #333333;
      font-size: 12px;
      font-weight: bold; }
  prochart .layout6 .chart-pane-legend-signal .legend-study-params,
  prochart .layout6 .chart-pane-legend-study .legend-study-params,
  prochart .layout6 .chart-pane-legend-price .legend-study-params {
    font-style: italic; }
  prochart .layout6 .chart-pane-legend-signal .legend-study-values,
  prochart .layout6 .chart-pane-legend-study .legend-study-values,
  prochart .layout6 .chart-pane-legend-price .legend-study-values {
    display: inline-block;
    vertical-align: middle; }
  prochart .layout6 .chart-pane-legend-signal .legend-value,
  prochart .layout6 .chart-pane-legend-study .legend-value,
  prochart .layout6 .chart-pane-legend-price .legend-value {
    min-width: 42px;
    display: inline-block; }
  prochart .layout6 .chart-pane-legend-signal .legend-buttons,
  prochart .layout6 .chart-pane-legend-study .legend-buttons,
  prochart .layout6 .chart-pane-legend-price .legend-buttons {
    vertical-align: middle;
    display: inline-block; }
    prochart .layout6 .chart-pane-legend-signal .legend-buttons a,
    prochart .layout6 .chart-pane-legend-study .legend-buttons a,
    prochart .layout6 .chart-pane-legend-price .legend-buttons a {
      display: inline-block;
      cursor: pointer;
      pointer-events: auto; }
      prochart .layout6 .chart-pane-legend-signal .legend-buttons a.legend-button-visible,
      prochart .layout6 .chart-pane-legend-study .legend-buttons a.legend-button-visible,
      prochart .layout6 .chart-pane-legend-price .legend-buttons a.legend-button-visible {
        width: 20px;
        height: 10px; }
        prochart .layout6 .chart-pane-legend-signal .legend-buttons a.legend-button-visible.legend-visible-off .legend-visible-icon,
        prochart .layout6 .chart-pane-legend-study .legend-buttons a.legend-button-visible.legend-visible-off .legend-visible-icon,
        prochart .layout6 .chart-pane-legend-price .legend-buttons a.legend-button-visible.legend-visible-off .legend-visible-icon {
          opacity: 1; }
      prochart .layout6 .chart-pane-legend-signal .legend-buttons a.legend-button-properties,
      prochart .layout6 .chart-pane-legend-study .legend-buttons a.legend-button-properties,
      prochart .layout6 .chart-pane-legend-price .legend-buttons a.legend-button-properties {
        width: 13px;
        height: 10px; }
      prochart .layout6 .chart-pane-legend-signal .legend-buttons a.legend-button-close,
      prochart .layout6 .chart-pane-legend-study .legend-buttons a.legend-button-close,
      prochart .layout6 .chart-pane-legend-price .legend-buttons a.legend-button-close {
        width: 12px;
        height: 10px; }
      prochart .layout6 .chart-pane-legend-signal .legend-buttons a span,
      prochart .layout6 .chart-pane-legend-study .legend-buttons a span,
      prochart .layout6 .chart-pane-legend-price .legend-buttons a span {
        display: block;
        background-image: url("templates/default/img-sprite.png");
        opacity: 0.1; }
      prochart .layout6 .chart-pane-legend-signal .legend-buttons a:hover,
      prochart .layout6 .chart-pane-legend-study .legend-buttons a:hover,
      prochart .layout6 .chart-pane-legend-price .legend-buttons a:hover {
        background-color: rgba(240, 240, 240, 0.9); }
        prochart .layout6 .chart-pane-legend-signal .legend-buttons a:hover span,
        prochart .layout6 .chart-pane-legend-study .legend-buttons a:hover span,
        prochart .layout6 .chart-pane-legend-price .legend-buttons a:hover span {
          opacity: 1; }
    prochart .layout6 .chart-pane-legend-signal .legend-buttons:after,
    prochart .layout6 .chart-pane-legend-study .legend-buttons:after,
    prochart .layout6 .chart-pane-legend-price .legend-buttons:after {
      clear: both; }
prochart .layout6 .chart-pane-legend-study .legend-study {
  display: inline-table; }
prochart .layout6 .chart-pane-study {
  position: relative;
  overflow: hidden; }
prochart .layout6 .chart-pane-main {
  position: absolute;
  overflow: hidden; }
prochart .layout6 .chart-pane-legend {
  position: absolute;
  pointer-events: none; }
prochart .layout6 .chart-pane-splitter {
  position: relative; }
  prochart .layout6 .chart-pane-splitter .chart-pane-splitter-inner {
    position: absolute;
    height: 6px;
    top: -3px;
    z-index: 30;
    transition: all ease-in 0.1s; }
  prochart .layout6 .chart-pane-splitter.draggable-split-h .chart-pane-splitter-inner {
    background: rgba(255, 153, 255, 0.3); }
prochart .layout6 .chartpane {
  border-bottom: 2px solid #000000;
  position: relative; }
prochart .layout6 .chart-date-axis {
  position: absolute;
  border-top: 0px solid #000000;
  background-color: transparent;
  overflow: hidden; }
prochart .layout6 .chart-price-zoom {
  position: absolute;
  pointer-events: none;
  z-index: 40; }
  prochart .layout6 .chart-price-zoom button {
    pointer-events: all; }
prochart .layout6 .chart-price-axis {
  position: absolute;
  overflow: hidden; }

/*.chart-ui-dialog{
	.adv-dialog-content{
	   button.favorite 
	   {
	    	background-color:#FFFFFF;
			background-image: url("templates/default/img-sprite.png");
			background-repeat: no-repeat;
			border: medium none;
			cursor: pointer;
			display: block;
			float: left;
			height: 18px;
			margin: 1px;
			padding: 0;
			width: 18px;
		    &:hover
			{ 
			   background-color: #FFFFFF;
			}
			&.button-selected
			{
			  background-color: #DDDDDD;
			}
		
		 
	   }
	}

 }*/

