/* Aanpassingen */

.dp-applied {
	display: block;
	float: left;
	margin-right: 5px !important;
}

.dp-choose-date {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	background: url('../../../image/icons/calendar.gif') no-repeat 0px 0px;
	text-indent: -1234em;
}

table.jCalendar {
	border-collapse: separate;
    width: 100%;
}
table.jCalendar th {
	text-align: center;
	font-weight: bold;
	background-color: #EDEDED;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
table.jCalendar td {
	text-align: center;
	border: 1px solid transparent;
	border-bottom: 1px solid #ddd;
	padding: 2px;
}
table.jCalendar td.other-month {
	color: #ddd;
}
table.jCalendar td.today {
}
table.jCalendar td.selected {
	background-color:#97CE39;
	border-color:#666;
	color:#FFF;
	font-weight:bold;
}
table.jCalendar td.selected:hover {
	border-color:#DDD;
	font-weight: bold;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	border-color:#DDD;
	font-weight: bold;
}
/* 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;
	font-family: arial, sans-serif;
	background-color: #FFF;
	width: 200px;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	background: #97CE39 url(../../../image/box_flex_top_bg.png) repeat-x scroll left top;
	color: #FFF;
	padding: 0 37px;
	font-size: 1.4em;
	line-height: 2em;
	height: 30px;
	margin-bottom: 0px;
}
a#dp-close {
	display: block;
}
a#dp-close:hover {
}
div.dp-popup a {
	display: block;
	text-decoration: none;
}

div.dp-popup div.dp-nav-prev {
	position: absolute;
	width: 100px;
	height: 22px;
	top: 0;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}

div.dp-popup .dp-nav-prev-year { background: transparent url(../../../image/box_flex_top_left.gif) no-repeat scroll 0 0; height: 30px; padding-left: 9px; }
div.dp-popup .dp-nav-next-year { background: transparent url(../../../image/box_flex_top_right.gif) no-repeat scroll 100% 0; height: 30px; padding-right: 9px; }
div.dp-popup .dp-nav-prev-year,
div.dp-popup .dp-nav-next-year { font-size: 0.8em; }
div.dp-popup .dp-nav-prev-month,
div.dp-popup .dp-nav-next-month { font-size: 1.2em; font-weight: bold; width: 14px; text-align: center; } 
/* 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;
	line-height:30px;
}
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: 0;
	right: 0;
	width: 100px;
	height: 22px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
div.dp-popup div.dp-calendar {
	background: #FFFFFF url(../../../image/bg_gradient.gif) repeat-x scroll left bottom;
	padding: 5px;
}

div.dp-popup div.dp-leftrow { background:transparent url(../../../image/box_flex_content_border.gif) repeat-y scroll 0 50%;
padding:0 0 0 3px; }
div.dp-popup div.dp-rightrow { background:transparent url(../../../image/box_flex_content_border.gif) repeat-y scroll 100% 0;
padding:0 3px 0 0; }

div.dp-popup div.dp-bottom {
	background: transparent url(../../../image/box_flex_bottom_bg.gif) repeat scroll 0 0;
	height: 10px;
	overflow: hidden;
}

div.dp-popup div.dp-bottom-left {
	background: transparent url(../../../image/box_flex_bottom_left.gif) repeat scroll 0 0;
	height: 10px;
	width: 10px;
}
div.dp-popup div.dp-bottom-right {
	background: transparent url(../../../image/box_flex_bottom_right.gif) repeat scroll 0 0;
	height: 10px;
	width: 10px;
}