Highcharts.theme = {
    colors: [
        '#b4b4b4',
        '#68a3a4',
        '#515151',
        '#6873a4',
        '#a4a368',
        '#9e68a4',
        '#73a468',
        '#a46868'
    ],
    
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        style: {
            fontFamily: '"Helvetica Neue", Arial, Helvetica, sans-serif',
            fontSize: '10px',
            fontWeight: '300',
            color: '#333'
        },
        spacing: 0,
        margin: 0,
        animation: false,
        backgroundColor: ''
    },
    
    title: {
        style: {
            fontFamily: '"Helvetica Neue", Arial, Helvetica, sans-serif',
            fontSize: '16px',
            fontWeight: '300',
            color: '#333'
        }
    },
    
    tooltip: {
        style: {
            fontFamily: '"Helvetica Neue", Arial, Helvetica, sans-serif',
            fontSize: '10px',
            fontWeight: '300',
            color: '#333'
        },
        snap: 50
    },
    
    plotOptions: {
        bar: {
            stacking: 'percent',
            lineWidth: 0,
            borderWidth: 1,
            pointWidth: 80,
            shadow: false
        }
    },
    
    credits: {
        enabled: false
    },
    
    xAxis: {
        lineWidth: 0,
        lineColor: '#f1f1f1',
        tickmarkPlacement: 'on',
        tickLength: 0,
        startOnTick: false,
        endOnTick: false,
        labels: { enabled: false }
    },
    
    yAxis: {
        gridLineColor: 'rgba(0,0,0,.1)',
        lineWidth: 0,
        showFirstLabel: false,
        labels: { enabled: false }
    },
    
    legend: {
        enabled: false
    }
};

var highchartsOptions = Highcharts.setOptions(Highcharts.theme);