JSGUI Button Styling so far - Looking pretty nice and customizable.

jsgui.js

    var settings = {
        padding: '5px',
        backgroundBrush: {
            type: 'gradient',
            stops: [
                { color: "#EEEEEE", percent: "0" },
                { color: "#CCCCCC", percent: "100" }
            ]
        },
        borderBrush: {
            type: 'solid',
            color: '#999999'
        },
        foregroundBrush: {
            type: 'solid',
            color: '#000000'
        },
        borderThickness: '1px',
        fontSize: "15px",
        cursor: "pointer",
        hoverStyle: {
            backgroundBrush: {
                type: 'gradient',
                stops: [
                    { color: "#EEEEEE", percent: '100' },
                    { color: "#CCCCCC", percent: '0' }
                ]
            },
            borderBrush: {
                type: 'solid',
                color: "#666666"
            }
        },
        activeStyle: {
            backgroundBrush: {
                type: 'gradient',
                stops: [
                    { color: "#DDDDDD", percent: '100' },
                    { color: "#BBBBBB", percent: '0' }
                ]
            },
            borderBrush: {
                type: 'solid',
                color: '#333333'
            }
        }
    };