/**
 * Quint Result theme for Highcharts JS
 * @author uselab
 */

Highcharts.theme = {
	colors: ['#feb416', '#fe6521', '#d31820', '#1f2a86', '#1897d4', '#94b52a', '#ffbe84', '#ca22b7', '#791883', '#1d6054', '#188339', '#753527'],
	chart: {
		
		borderWidth: 0,
		plotShadow: false,
		plotBorderWidth: 0
	},
	title: {
		style: { 
			color: '#666666',
			fontWeight: 'bold',
			fontSize: '12px',
			fontFamily: 'Arial, Verdana, sans-serif'
		}
	},
	subtitle: {
		style: { 
			color: '#666666',
			font: 'bold 12px Arial, Verdana, sans-serif'
		}
	},

	xAxis: {
		gridLineWidth: 1,
		lineColor: '#000',
		tickColor: '#000',
		labels: {
			style: {
				color: '#666666',
				font: '11px Arial, Verdana, sans-serif'
			}
		},
		title: {
			style: {
				color: '#666666',
				fontWeight: 'bold',
				fontSize: '12px',
				fontFamily: 'Arial, Verdana, sans-serif'
			}				
		}
	},
	yAxis: {
		minorTickInterval: 'auto',
		lineColor: '#000',
		lineWidth: 1,
		tickWidth: 1,
		tickColor: '#000',
		labels: {
			style: {
				color: '#666666',
				font: '11px Arial, Verdana, sans-serif'
			}
		},
		title: {
			style: {
				color: '#666666',
				fontWeight: 'bold',
				fontSize: '12px',
				fontFamily: 'Arial, Verdana, sans-serif'
			}				
		}
	},
	legend: {
		itemStyle: {			
			font: '9pt Arial, Verdana, sans-serif',
			color: '#666666'

		},
		itemHoverStyle: {
			color: '#666666'
		},
		itemHiddenStyle: {
			color: '666666'
		}
	},
	labels: {
		style: {
			color: '#666666'
		}
	},
	navigation: {
		buttonOptions: {
			enabled: true,
			backgroundColor:'#F5F5F5',
			borderColor:'#666666',
			hoverBorderColor:'#666666',
			symbolFill:'#F5F5F5',
			hoverSymbolFill:'#666666',
			symbolStroke:'#666666',
			borderRadius:1
		}
	}
};

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