Alternate row colors in selector

I've got alternate row colors like this:

.aw-row-selector{background:#B2C48C; text-align: left;}
    .aw-alternate-even {background: #B2C48C;}  But the row selectors remain the same color. (even when I took out the selector background color part...it just set it to the default color).

Any suggestions?

Should be something like this -

<style>

.aw-alternate-even {
    background: #def;
}

.aw-alternate-even .aw-row-selector .aw-item-box {
    background: #def;
}

</style>
<script>

    var obj = new AW.UI.Grid;
    obj.setCellData("cell");
    obj.setHeaderText("header");

    obj.setSelectorText("selector");
    obj.setSelectorVisible(true);
    obj.setSelectorWidth(50);

    obj.setColumnCount(10);
    obj.setRowCount(10);

    document.write(obj);

</script>

 

worked great thanks.