table.jCalendar{table-layout:fixed;/* border:1px solid #7d7167;*/
background:#aaa;border-collapse:separate;border-spacing:0px;}
table.jCalendar th{background:#ffffff;color:#51463d;font-weight:bold;font-size:12px;text-align:center;padding:3px 5px;/*
border-bottom:1px solid #7d7167;border-top:none;border-right:none;*/}

table.jCalendar td{background:#dadae0;color:#000;padding:3px 5px;text-align:center;}
table.jCalendar td.other-month{background:#ddd;color:#aaa;}
table.jCalendar td.today{background:#b88b00;color:#fff;}
table.jCalendar td.selected{background:#b88b00;color:#fff;}
table.jCalendar td.selected:hover{background:#e4ac00;color:#fff;}
table.jCalendar td:hover,table.jCalendar td.dp-hover{background:#fff;color:#000;}
table.jCalendar td.disabled,table.jCalendar td.disabled: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, "Lucida Sans", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color: #51463d;
	padding: 5px;
	width: 150px;
	line-height: 1.2em;
}

div#dp-popup{ position:absolute; z-index:199 }

div.dp-popup h2{display:block;font-size:12px;font-weight:bold;margin:0;padding:5px;text-align:center;}
a#dp-close{border:none;font-size:12px;padding:4px 0 4px 0;text-align:center;display:inline;}
a#dp-close:hover{color:#5fa000;text-decoration:none;}

div.dp-popup a{color:#000;text-decoration:none;padding:3px 2px 0;}
div.dp-popup div.dp-nav-prev{position:absolute;top:4px;left:0px;width:auto;}
div.dp-popup div.dp-nav-prev a{border:none;font-size:10px;float:left;padding:5px;/*
padding-left:15px;background:url(../images/arrow_left.gif) no-repeat;background-position:left top;*/}


/* 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:0px;width:40px;}
div.dp-popup div.dp-nav-next a{border:none;font-size:10px;text-decoration:none;padding:5px;float:right;/*
padding-left:15px;background:url(../images/arrow_right.gif) no-repeat;background-position:right top;*/}


div.dp-popup div.dp-nav-prev a:hover, div.dp-popup div.dp-nav-next a:hover{color:#be9301;text-decoration:none;}


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 {
	border: none;
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/ikon_calendar.gif) no-repeat; 
}
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{float:left;}