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

Highcharts.theme = {
	colors: ['#4273A5'],
	chart: {
		backgroundColor: {
			linearGradient: [0, 0, 500, 500],
			stops: [
				[0, 'rgb(255, 255, 255)'],
				[1, 'rgb(240, 240, 255)']
			]
		},
		borderWidth: 1,
		plotBackgroundColor: 'rgba(255, 255, 255, .9)',		
		plotBorderWidth: 0,
		marginRight: 24,
		marginBottom: 40
	},	
	subtitle: {
		style: { 
			color: '#666666',
			font: 'bold 8px "Trebuchet MS", Verdana, sans-serif'
		}
	},
	xAxis: {
		gridLineWidth: 1,
		lineColor: '#000',
		tickColor: '#000',		
		title: {
			style: {
				color: '#333',				
				fontSize: '12px',
				fontFamily: 'Verdana'
			}				
		}
	},
	yAxis: {
		minorTickInterval: 'auto',
		lineColor: 'black',
		lineWidth: 1,
		tickWidth: 1,
		tickColor: '#000',
		labels: {
			style: {
				color: '#000',
				fontWeight: 'normal',
				font: '10px Verdana'
			}
		}		
	},
	legend: {
		enabled: false,
		itemStyle: {			
			font: '9pt Verdana',
			color: 'black'			

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

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