I create a repeat control for a view and it is working ok.  I want to have a style for a column that contains currency.
So i create a class for it with some CSS.

  

.colGrandTot {
   text-align:right;
   color:green;
   font-weight:bold;
}

.colPosted {
   text-align:right; 
}

  

In my computed field for the amount, I am calling my CSS like this:
var form = rowData.getColumnValue('Form');

if(form == 'Expense')
 return 'colGrandTot'
else
 return 'colPosted';

  

I have no problem with the color and the bold but the alignment is always left align.  In my original view it is right align.

  
I am sure that there is something so obvious that I don't see it.  But what?