Highcharts.theme = {
 colors: ["#ffdd00", "#0099ff", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
 chart: {
  backgroundColor: {
   linearGradient: [0, 0, 0, 200],
   stops: [
    [0, 'rgb(46, 46, 46)'],
    [1, 'rgb(1, 1, 0)']
   ]
  },
  borderWidth: 0,
  borderRadius: 15,
  plotBackgroundColor: null,
  plotShadow: false,
  plotBorderWidth: 0
 },
 title: {
  style: { 
   color: '#FFF',
   font: '16px Arial, Helvetica, sans-serif'
  }
 },
 subtitle: {
  style: { 
   color: '#DDD',
   font: '12px Arial, Helvetica, sans-serif'
  }
 },
 xAxis: {
  gridLineWidth: 0,
  lineColor: '#999',
  tickColor: '#999',
  labels: {
   style: {
    color: '#999',
    fontWeight: 'bold'
   }
  },
  title: {
   style: {
    color: '#AAA',
    font: '12px Arial, Helvetica, sans-serif'
   }
  }
 },
 yAxis: {
  alternateGridColor: null,
  minorTickInterval: null,
  gridLineColor: 'rgba(255, 255, 255, .1)',
  lineWidth: 0,
  tickWidth: 0,
  labels: {
   style: {
    color: '#999',
    fontWeight: 'bold'
   }
  },
  title: {
   style: {
    color: '#AAA',
    font: '16px Arial, Helvetica, sans-serif'
   }    
  }
 },
 legend: {
  itemStyle: {
   color: '#000000'
  },
  itemHoverStyle: {
   color: '#333333'
  },
  itemHiddenStyle: {
   color: '#cccccc'
  }
 },
 labels: {
  style: {
   color: '#CCC'
  }
 },
 tooltip: {
  backgroundColor: {
   linearGradient: [0, 0, 0, 50],
   stops: [
    [0, 'rgba(96, 96, 96, .8)'],
    [1, 'rgba(16, 16, 16, .8)']
   ]
  },
  borderWidth: 0,
  style: {
   color: '#FFF'
  }
 },
 plotOptions: {
  line: {
   dataLabels: {
    color: '#CCC'
   },
   marker: {
    lineColor: '#333'
   }
  },
  spline: {
   marker: {
    lineColor: '#333'
   }
  },
  scatter: {
   marker: {
    lineColor: '#333'
   }
  }
 },
 toolbar: {
  itemStyle: {
   color: '#CCC'
  }
 },
 navigation: {
  buttonOptions: {
   backgroundColor: {
    linearGradient: [0, 0, 0, 20],
    stops: [
     [0.4, '#606060'],
     [0.6, '#333333']
    ]
   },
   borderColor: '#000000',
   symbolStroke: '#C0C0C0',
   hoverSymbolStroke: '#FFFFFF'
  }
 }, 
 exporting: {
  buttons: {
   exportButton: {
    symbolFill: '#55BE3B'
   },
   printButton: {
    symbolFill: '#7797BE'
   }
  }
 }, 
 legendBackgroundColor: 'rgba(48, 48, 48, 0.8)',
 legendBackgroundColorSolid: 'rgb(70, 70, 70)',
 dataLabelsColor: '#444',
 textColor: '#E0E0E0',
 maskColor: 'rgba(255,255,255,0.3)'
};
var highchartsOptions = Highcharts.setOptions(Highcharts.theme);

