table.jCalendar { 	border: 1px solid #000; background: #aaa;    border-collapse: separate;    border-spacing: 2px; }
table.jCalendar th {	background: #333; 	color: #fff;	font-weight: bold;	padding: 3px 5px;}
table.jCalendar td {	background: #ccc;	color: #000;	padding: 3px 8px;	text-align: center;}
table.jCalendar td.other-month {background: #ddd;	color: #aaa;}
table.jCalendar td.today {background: #666;	color: #fff;}
table.jCalendar td.selected {	background: #f66;	color: #fff;line-height:inherit;}
table.jCalendar td.selected.dp-hover {	background: #f33;	color: #fff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td {	background: #fff;	color: #000;}
table.jCalendar tr.selectedWeek td {	background: #f66;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {	background: #bbb;	color: #888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {	background: #bbb;	color: #888;}
/* 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: #ccc;	font-size: 10px;	font-family: arial, sans-serif;	padding: 2px;	width: 214px;	line-height: 1.2em;}
div#dp-popup {	position: absolute;	z-index: 99999;}
div.dp-popup h2 {	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: #000;    text-decoration: none;    padding: 3px 5px 0;}
div.dp-popup a:hover { background: #EFEFEF; color:#444; }
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 disabledand 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{ height: 16px; width: 16px;  display: none;}