Text Justification on Row Header

I have set up a row header using setSelectorText, (ie the left-most column with the header details in it).

The column is centre justified but I want it to be left justified and cant figure out which function to call or style to change.

Any ideas?

PS
Sorry if this already exists in a topic. I looked around but couldnt find it.

PPS
Id also like to change the colour of the header column, so any hints on that would be welcome as well.

In case 'header column' or 'row header' dont make any sense. Im talking about what I call a pivoted grid. Where the columns are running across and the headers are in the left most column running down.

text-align="justify" in the css will do the trick

also:
http://www.activewidgets.com/javascript.forum.19997.3/how-to-please-help-me.html

A quick google search for css should teach all you need to know.

Yep, but on what?

Ive tried doing the following:

#" + gridID + " aw-row-selector','{text-align:left;}'

and various others but to no effect.

Im currently trawling through aw.css, putting text-align:left in different places to see if it has any effect.

OK, Ive gotten the change using the above in aw.css. Rather the code looks as follows:

.aw-grid-control {border-color:#7f9db9} .aw-row-selector {border:1px solid;border-color:#f2f1e2 #e2decd #e2decd #ebeadb;background:#eee;text-align:left}

Is there any way of applying this on the fly rather than in my aw.css. As mentioned in my previous post I tried setting a style but it seems to get overidden by the aw.css?

Mark,

#myGrid .aw-row-selector {text-align: left;}

should work. Check that you don't have extra quotes or commas as in your example.

If you want to apply color you should make the inner box transparent -

#myGrid .aw-row-selector {text-align: left; background: red;}
#myGrid .aw-row-selector .aw-item-box {background: none; border: none}