/* Page Styles */
a.dp-choose-date {float:left;width:16px;height:16px;padding:0;margin:5px 3px 0;display:block;text-indent:-2000px;overflow:hidden;}
a.dp-choose-date.dp-disabled {background-position:0 -20px;cursor:default;}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {width:140px;float:left;}

/* Plugin Styles */

table.jCalendar {border:0px solid #000;.border-right:1px solid #aaa;background:#aaa;border-collapse:separate;border-spacing:1px;}
table.jCalendar th {background:#333;color:#fff;font-weight:bold;padding:3px 5px;.border:1px solid #aaa;.border-right:0;.border-bottom:0;}

table.jCalendar td {background:#ccc;color:#000;padding:3px 5px;text-align:center;.border:1px solid #aaa;.border-right:0;.border-top:0;}
table.jCalendar td.other-month {background:#ddd;color:#aaa;}
table.jCalendar td.today {background:#666;color:#fff;}
table.jCalendar td.selected {background-color:#263f6a;color:#fff;}
table.jCalendar td.selected.dp-hover {background: #000;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:#fff;font-size:10px;font-family:arial, sans-serif;padding:0;width:162px;line-height:1.2em;margin-top:21px;}
div#dp-popup {position:absolute;z-index:199;}
div.dp-popup h2 {background-color:#263F6A;border: 0 none;color: #FFFFFF;font-size: 12px;height: 18px;margin: 0;padding: 6px 0 0;text-align: center;}
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:#282828;text-decoration:none;padding:3px 2px 0;}
div.dp-popup div.dp-nav-prev {position:absolute;top:4px;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:4px;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;}