[datepicker] Change color of date cell ?

[datepicker] Change color of date cell ?

Hi,

I try to change the color of some date cells. I have set the class "blocked" for some dates with the help of beforeShowDay callback function, the classes are added correctly.

The problem is that when I add some CSS to the class "blocked", the jquery ui css override my class, here some code :
  1. $('#datepicker').datepicker({
       beforeShowDay: formatBlockedDates,
       [...]

    function formatBlockedDates(date) {
       [...]
       return [false,"blocked"];

    .blocked, .blocked span { background-color:#F30; }

    Firebug :

    .ui-state-default, .ui-widget-content .ui-state-default {
    background : url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC ;
    border : 1px solid #C5DBEC ;
    color : #2E6E9E ;
    font-weight : bold ;
    }

    .blocked span {
    background-color : #FF3300 ;   /* not shown because of the Jquery UI CSS above */
    }