no me detecta el código css de datepicker

[tonieet]

Hola a todos, os comento mi problema, tengo una web con un calendario datepicker y le estoy cambiando los estilos css para ponerlo acorde con los colores de mi web, el problema es que quiero poner esos códigos css en una hoja de estilos aparte, y cuando los pongo en un archivo .css no me los detecta.... solo me detecta uno, el cambio de color del titulo de los meses,


la unica manera en la que funcionan todos los codigos correctamente es si los pongo en la misma pagina del calendario con la etiqueta <style></style>, pero si copio esos mismos códigos y los paso a una hoja de estilos a parte, dejan de funcionar.

alguien sabe por que?

gracias!

dejo los codigos que utilizo, por si sirve de algo:


.ui-datepicker
{
width: auto;
background: #666;
}

.ui-datepicker table
{
font-size: 15px;
}


{
font-size: 15px;
background: #F0024D;
color: #FFF;
}

.ui-datepicker th
{
color: #FFF;
}

.ui-datepicker .ui-state-default
{
background: #FFFFFF;
}

.ui-datepicker .ui-state-hover
{
background: #C36;
color: #FFF;
}

.ui-datepicker .ui-state-active
{
background: #CCC;
color: #F00;
}