Highlight using Alternate Row Colors on MouseOver?

I would like to highlight the mouseover row using different colors for odd and even.

For example,
if odd rows are red then a highlighted odd row should be dark red
if even rows are yellow then a highlighted even row should be dark yellow

From the grid sample I can
1) set colors for alternate rows and
2) set a single color for the highlighted row

/*    Alternate row colors */
    #myGrid .aw-alternate-even {background: #fff;}
    #myGrid .aw-alternate-odd {background: #eee;}

    /*    Highlight on mouseover, mousedown */
    #myGrid .aw-mouseover-row {background: #ccc;} */
    #myGrid .aw-mousedown-row {background: #999;} */
  Anyway to set alternating colors for the highlighted row?

Just throwing this out... have you tried:

#myGrid .aw-alternate-even .aw-mouseover-row {background: #ccc;} 
#myGrid .aw-alternate-odd .aw-mouseover-row {background: #999;}   and remove the other mouseover class so you don't get overwritten mouseover classes. I have not tried this, it was something I just thought up.

Hi Jim... That was a promising guess but I just tried it and it doesn't work.

Yes, I tried it also and could not get it to work. Alex might know the correct format of this because I really think that it's possible.