question about tweaking CSS for p:schedule

[rhume]

I'm using a p:schedule in my primefaces app (with the "overcast" theme).

I want the schedule cells in the p:schedule to have white background. (I also want to change the appearance of an event in the schedule cell.)

I noticed that if I add this to my css ...

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #FFF;
}

... then the backgound of the schedule cells goes white. Nice! Except lots of other things in my app also go white, probably because they're all using the same "ui-widget-header" property.

Is there a way to have the "background: #FFF" only affect the p:schedule cell and not impact anything else in the app?

Thanks!
Rob