STYLE = {
    // general styles
    backgroundColor:light,
    rollBackgroundColor:blue,
    foregroundColor:white,
    selectedBackgroundColor:pink,
    corner:0,
    shadowColor:-1,
    size:30,
    padding:3,

    // across Slider and Dial
    step:1,
    useTicks:true,
    tickColor:dark,
    indicatorColor:dark,

    // type specific styles
    type:{
        Label:{
            add:true,
            x:54, y:270,
            color:pink,
            backgroundColor:"ignore",
            backing:"ignore"
        },
        Keyboard:{
            color:white,
            placeColor:white,
            placeBackgroundColor:purple,
            shadowColor:"ignore",
            cursorColor:purple,
        },
        ColorPicker:{backgroundColor:"ignore"},
        CheckBox:{
            add:true,
            corner:0,
            x:770, y:210,
            label:"Keyboard",
            color:pink,
            backgroundColor:"ignore"
        },
        RadioButtons:{
            add:true,
            x:770, y:280,
            buttons:{noZik:["Waiter", "Pane", "ColorPicker"]}, // cannot pass an array that is a ZIM VEE value for random pick
            color:pink,
            backgroundColor:"ignore"
        },
        Button:{
            center:true,
            move:{y:150},
            color:white,
            width:300,
            height:100
        },
        Tabs:{
            add:true,
            x:50, y:500,
            color:white,
            backgroundColor:silver
        },
        Pad:{
            add:true,
            x:80, y:600,
            color:white,
            width:180,
            cols:3, rows:2,
            backgroundColor:silver,
            outline:true
        },
        Slider:{
            center:true,
            move:{y:series([-100, -170])},
            corner:20,
            width:40,
            height:40
        },
        Stepper:{add:true, x:760, y:60, scale:.6, color:white, width:100},
        Pane:{color:white, label:"DRAG", height:150, draggable:true},
        Dial:{add:true, x:850, y:530, indicatorColor:white},
        Loader:{add:true, x:720, y:650, color:"ignore"},
        Window:{add:true, x:20, y:20, height:180, padding:14, height:180},
        TextArea:{
            add:true,
            x:385, y:650,
            padding:14,
            backgroundColor:white,
            color:"ignore"
        },
        Indicator:{
            add:true,
            x:350, y:60,
            fill:true,
            press:true,
            foregroundColor:white,
            backgroundColor:silver,
            backdropColor:pink
        },
        ProgressBar:{barType:"rectangle"}
    },
    // group specific styles
    group:{
        sliderButton:{shadowColor:"rgba(0,0,0,.3)"}
    }
};