table.jCalendar { background: #EDEAC7; border-collapse:separate; border-spacing:2px; width: 100%; }
table.jCalendar th {	color:#FFFFFF; background-color:#C1A64F; font-weight:bold; padding:3px 5px; }
table.jCalendar td { background:#F9F7E4; color:#000; padding:3px 5px; text-align:center; }
table.jCalendar td.other-month { background: #EDEAC7; color: #aaa; }
table.jCalendar td.today { background:#D38A4E; color:#FFFFFF; }
table.jCalendar td.selected { background:#791818; color:#FFFFFF; }
table.jCalendar td.selected:hover { background:#791818; color:#FFFFFF; }
table.jCalendar td:hover, table.jCalendar td.dp-hover { background:#FFFFFF; color:#000000; }
table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background:#EDEAC7; color:#888888; }

/* 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 {
	color: #FFFFFF;
	position:relative;
	background:#959466;
	font-size:10px;
	font-family:arial, sans-serif;
	padding:1px;
	width:171px;
	line-height: 1.2em;
}
div#dp-popup {	position: absolute; z-index: 199; }
div.dp-popup h2 {
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	margin:2px 0;
	padding:0;
}
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: #FFF; 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: #ccc; }
div.dp-popup td {	cursor: pointer; }
div.dp-popup td.disabled {	cursor: default; }