table.jCalendar {border-collapse:separate;border-spacing: 2px;}
table.jCalendar th {color:#333;padding: 5px 5px;text-align:center; font-size:12px}
table.jCalendar td {color:#333;height:24px;width:24px;text-align:center;border:1px solid #999}
table.jCalendar td.other-month {background:#ddd;color:#aaa;}
table.jCalendar td.today,table.jCalendar td.today:hover {background-image:url('cssimg/dpcurrentday.png');background-repeat:no-repeat;background-position:center;font-weight:bold; border:none}
table.jCalendar td.selected {background:#0463C1;color:#fff;border:1px solid #046AD0;border-bottom-color:#2F95FB;border-right-color:#2F95FB}
table.jCalendar td.selected:hover {background:#f33;color:#fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background:#6FB0F2;color:#000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {color:#888; background:#eee}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {position:relative;background:#fff /*url('cssimg/dpbg.png') no-repeat center*/;font-size:10px;font-family:arial,sans-serif;padding:2px;width:185px;line-height:1.2em; border:2px solid #005AA6}
div#dp-popup {position:absolute;z-index:199;}
div.dp-popup h2 {font-size:12px;text-align:center;margin:2px 0;padding:0; color:#333}
a#dp-close {font-size:11px;padding:4px 0;text-align:center;display:block;}
a#dp-close:hover {text-decoration:underline;}
div.dp-popup a {color:#000;text-decoration:none;padding:3px 2px 0;}
div.dp-popup div.dp-nav-prev {position:absolute;top:2px;left:4px;width:100px;}
div.dp-popup div.dp-nav-prev a {float:left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor:pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default;}
div.dp-popup div.dp-nav-next {position:absolute;top:2px;right:4px;width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default;color:#aaa;}
div.dp-popup td {cursor:pointer;}
div.dp-popup td.disabled {cursor:default;}
a.dp-choose-date {float:left;width:16px;height:16px;padding:0;display:block;text-indent:-2000px;overflow:hidden;background: url(cssimg/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position:0 -20px;cursor: default;}