/****************************/
 /* vlaCalendar apple_widget */
/****************************/

/* Picker */

.apple_widget .pickerBackground { background-image: url('../images/apple_widget/calendar_background.png'); }

/* Background for IE6 - code does not validate as it is a hack */
/**html .apple_widget .pickerBackground { background-image: url('../images/apple_widget/calendar_background.gif'); }*/

/* Calender */

.apple_widget, .apple_widget table { font-family: "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, Sans Serif; font-size: 11px; }

.apple_widget table { color: white; background-color: black; }

.apple_widget .arrowLeft { background-image: url('../images/apple_widget/arrowleft.gif'); }

.apple_widget .arrowRight { background-image: url('../images/apple_widget/arrowright.gif'); }

.apple_widget .arrowLeft:hover { background-image: url('../images/apple_widget/arrowleft_hover.gif'); }

.apple_widget .arrowRight:hover { background-image: url('../images/apple_widget/arrowright_hover.gif'); }

.apple_widget .label { color: #ccff00 }

.apple_widget .noHover:hover { color: #ccff00 !important; }

.apple_widget .label:hover { color: white; }

.apple_widget .month th { border-bottom-color: black; color: #999; text-transform: uppercase;background-color:#000000 }

/* Month */

.apple_widget .month td:hover { color: #ccff00; }

.apple_widget .month td.selected { color: #ccff00; }

.apple_widget .month td.outsideDay, .apple_widget .year td.outsideYear { color: #313131; }

.apple_widget .month td.outsideDay:hover, .apple_widget .year td.outsideYear:hover { color: #999; }

/* Year & decade */

.apple_widget .year td:hover { color: #ccff00; }

.apple_widget .year td.current { color: white; }

.apple_widget .year td.current:hover, .apple_widget .year td.selectedcurrent, .apple_widget .year td.selectedcurrent:hover,  .apple_widget .year td.selected:hover, .apple_widget .month td.selected:hover, .apple_widget .year td.current, .apple_widget .year td:hover,  .apple_widget .month td.selected, .apple_widget .month td:hover, .apple_widget .year td.selected { background: none; }