css classes of the widgets

Guys,

I'm new to aw and would like to change the look of header of the grid. I have used this style

.aw-header-0 .aw-item-box {background:url(../images/bg_header_up.jpg);text-align:center;}

it will put an image as a header. I would like to know what are the css classes that I will need to override in order to toggle the column header on a sort.


Is there there a list of these classes some where with the definitions. I see they are in the aw.js but I need the definition and what it will effect.

grid header classes -

.aw-sort-ascending
.aw-sort-descending
.aw-sort-none

sort indicator class -

.aw-grid-sort

Use both if you want to change sort indicator appearance -

.aw-sort-ascending .aw-grid-sort {
background: url(grid.png) -25px -5px;
}

.aw-sort-descending .aw-grid-sort {
background: url(grid.png) -45px -5px;
}

I would also recommend to install Firebug extension (for Firefox) and inspect the grid html structure and the css classes.