/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("roboto/roboto-v20-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("roboto/roboto-v20-latin-300.woff2") format("woff2"), url("roboto/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("roboto/roboto-v20-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("roboto/roboto-v20-latin-300italic.woff2") format("woff2"), url("roboto/roboto-v20-latin-300italic.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("roboto/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("roboto/roboto-v20-latin-regular.woff2") format("woff2"), url("roboto/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("roboto/roboto-v20-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("roboto/roboto-v20-latin-italic.woff2") format("woff2"), url("roboto/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("roboto/roboto-v20-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("roboto/roboto-v20-latin-500.woff2") format("woff2"), url("roboto/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("roboto/roboto-v20-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("roboto/roboto-v20-latin-500italic.woff2") format("woff2"), url("roboto/roboto-v20-latin-500italic.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("roboto/roboto-v20-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("roboto/roboto-v20-latin-700.woff2") format("woff2"), url("roboto/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("roboto/roboto-v20-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("roboto/roboto-v20-latin-700italic.woff2") format("woff2"), url("roboto/roboto-v20-latin-700italic.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("roboto/roboto-v20-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("roboto/roboto-v20-latin-900.woff2") format("woff2"), url("roboto/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("roboto/roboto-v20-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("roboto/roboto-v20-latin-900italic.woff2") format("woff2"), url("roboto/roboto-v20-latin-900italic.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */ }
.fdsg-marketindices {
  font-family: roboto;
  font-size: 14px; }

.fdsg-markethead {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 24px;
  padding: 7px 12px 0;
  font-weight: 900;
  clear: both;
}
.fdsg-markethead .fdsg-ticker {
    float: right;
    color: #666;
}

.fdsg-markethead .fdsg-headtext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  float: left;
  width: 75%;
}

.fdsg-marketquotechart {
  padding: 12px; }

.fdsg-marketquote {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 5px; }

.fdsg-change {
  font-size: 12px;
  font-weight: normal; }

.fdsg-up {
  background-image: linear-gradient(#0A2924, #156B2B);}
  .fdsg-up .fdsg-percentchg {
    color: #72FF00; }

.fdsg-up-ichart {
  background-image: linear-gradient(#051c0f, #058f3d); }

.fdsg-down {
  background-image: linear-gradient(#5C0B0B, #990202); }
  .fdsg-down .fdsg-percentchg {
    color: #FF9255; }

.fdsg-down-ichart {
  background-image: linear-gradient(#170202, #990202); }

.fdsg-nochange {
  background-image: linear-gradient(#0F1421, #242E64, #294FA0); }
  .fdsg-nochange .fdsg-percentchg {
    color: #00D0FF; }

.fdsg-nochange-ichart {
  background-image: linear-gradient(#0F1421, #242E64, #294FA0); }

.fdsg-market-chart {
  width: 100%;
  height: 96px; }

.fdsg-middle {
  margin: 0 8px; }

#middle1 {
  margin:0 8px;
}
.fdsg-clear {
  clear: both; }

@media screen and (min-width: 768px) {
  .fdsg-marketindices {
    width: 32%;
    float: left; }

  .fdsg-middle {
    margin: 0 8px;
  }

  #middle1 {
    margin:0 8px;
  }

  .fdsg-change {
    float: right;
    margin: 3px 0 0; } }
@media screen and (min-width: 1020px) {
  .fdsg-marketindices {
    width: 319px;
    float: left; }

  .fdsg-change {
    float: right;
    margin: 3px 0 0; } }
@media screen and (max-width: 767px) {
  .fdsg-marketindices {
    width: 100%; }

  .fdsg-middle {
    margin: 8px 0;
  }
  #middle1 {
    margin:8px 0;
  }

  .fdsg-value {
    display: block;
    clear: both;
    float: left;
    width: 130px;
    margin: 4px 0 4px; }

  .fdsg-change {
    display: block;
    clear: both;
    float: left;
    width: 130px;
    font-size: 14px; }

  .fdsg-market-chart {
    width: 45%;
    height: 53px;
    float: right; }

  .fdsg-marketquote {
    float: left;
    font-size: 24px; } }
.highcharts-tooltip-box {
  fill: white;
  fill-opacity: 1;
  stroke-width: 0;
  font-family: 'Roboto'; }

.highcharts-tooltip {
  font-family: 'Roboto'; }

.fdsg-interactivechart {
  padding: 0 15px 15px 0; }

.fdsg-ichart-timelabel {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 900;
  float: left;
  margin: 0 16px 16px 0; }

.fdsg-ichart-timeframe {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left; }
  .fdsg-ichart-timeframe li {
    float: left;
    margin: 0 3px 16px 0; }
  .fdsg-ichart-timeframe a {
    display: block;
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: 900;
    color: #666;
    text-decoration: none;
    padding: 6px; }
  .fdsg-ichart-timeframe abbr {
    text-decoration: none; }
  .fdsg-ichart-timeframe .fdsg-selected {
    color: #fff;
    background: #1B4E81;
    border-radius: 3px;
    -moz-box-shadow: inset 0 -3px 0 #003366;
    -webkit-box-shadow: inset 0 -3px 0 #003366;
    box-shadow: inset 0 -3px 0 #003366; }

.fdsg-interactivechart {
  clear: both;
}
.errormessage {
  padding: 10px;
}

/*# sourceMappingURL=fdsg-fox-styles.css.map */