/**
 * Theme for Highcharts JS
 */

Highcharts.theme = {
	colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
	chart: {
		//animation: true,
		shadow: false,	
		borderColor: "#FFFFFF",
		backgroundColor: "#FFFFFF",
		borderWidth: 0,
		plotBackgroundColor: "#FFFFFF",
		plotShadow: true,
		plotBorderWidth: 0,
		reflow: true,
		style: {
			fontFamily: "Verdana, Arial, Helvetica, sans-serif",
			fontSize: "8pt"
		}
	},
	credits: {
		enabled: false
	},
	tooltip: {
		enabled: false
	},
	plotOptions: {
		area: {
			enableMouseTracking: false, 
			shadow: false
		},
		areaspline: {
			enableMouseTracking: false, 
			shadow: false
		},
		bar: {
			enableMouseTracking: false, 
			shadow: false
		},
		column: {
			enableMouseTracking: false, 
			shadow: false
		},
		line: {
			enableMouseTracking: false, 
			shadow: true
		},
		pie: {
			size: "60%",
			dataLabels: {
				enabled: true,
				color: "#000",
				style: {
					fontFamily: "Verdana, Arial, Helvetica, sans-serif",
					fontSize: "7pt"
				},
				distance: 12
			},
			enableMouseTracking: false, 
			shadow: false
		},
		series: {
			enableMouseTracking: false, 
			shadow: false
		},
		scatter: {
			enableMouseTracking: false, 
			shadow: false
		},
		spline: {
			enableMouseTracking: false, 
			shadow: true
		}
	},
	exporting: {
		enabled: false
	},
	title: {
		style: { 
			color: '#000',
			font: 'bold 9pt Verdana, Arial, Helvetica, sans-serif'
		}
	},
	subtitle: {
		style: { 
			color: '#666666',
			font: 'bold 7pt Verdana, Arial, Helvetica, sans-serif'
		}
	},
	legend: {
		itemStyle: {         
			font: '8pt Verdana, Arial, Helvetica, sans-serif',
			color: 'black'

		},
		itemHoverStyle: {
			color: '#039'
		},
		itemHiddenStyle: {
			color: 'gray'
		}
	},
	labels: {
		style: {
			color: '#99b',
			fontFamily: "Verdana, Arial, Helvetica, sans-serif",
			fontSize: "6pt"
		}
	}
};

// Apply the theme
var highchartsOptions = Highcharts.setOptions(Highcharts.theme);