/**
 * Grid theme for Highcharts JS
 * @author Torstein Hønsi
 */

Highcharts.theme = {
	colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
	chart: {
		backgroundColor: {
			linearGradient: [0, 0, 500, 500],
			stops: [
				[0, 'rgb(252, 252, 252)'],
				[1, 'rgb(252, 252, 252)']
			]
		},
		
//		borderWidth: 2,
		plotBackgroundColor: 'rgba(252, 252, 252, .9)',
		plotShadow: false,
		plotBorderWidth: 1,
		plotBorderColor: '#CDCB9B'
	},
	title: {
		style: {
			color: '#000',
			font: 'bold 16px "Trebuchet MS", Verdana, sans-serif',
			backgroundColor:''
		}
	},
	subtitle: {
		style: {
			color: '#666666',
			font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
		}
	},
	xAxis: {
	    showLastLabel: true,
	    showFirstLabel: true,
		lineColor: '#CDCB9B',
		lineWidth: 1,
		tickWidth: 0,
		tickAlign:"left",
		tickPosition: "outside",
		tickColor: '#000',
		labels: {
			style: {
				color: '#000000',
				font: '12px Ariel,sans-serif, Verdana,Trebuchet MS '
			},
			enabled: true
		},
		title: {
			style: {
				color: '#333',
				fontWeight: 'bold',
				fontSize: '12px',
				fontFamily: 'Trebuchet MS, Verdana, sans-serif'

			}
		}
	},
	yAxis: {
		lineColor: '#000',
		lineWidth: 0,
		tickWidth: 0,
		tickColor: '#000',
		labels: {
			style: {
				color: '#000',
				font: '11px Trebuchet MS, Verdana, sans-serif'
			}
		},
		title: {
			style: {
				color: '#333',
				fontWeight: 'bold',
				fontSize: '12px',
				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
			}
		}
	},
	legend: {
		itemStyle: {
			font: '7pt Trebuchet MS, Verdana, sans-serif',
			color: 'black'

		},
		itemHoverStyle: {
			color: '#039'
		},
		itemHiddenStyle: {
			color: 'gray'
		}
	},
	labels: {
		style: {
			color: '#99b'
		}
	}
};

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