/* Picker */
html,
body{
	margin: 0px 0px 0px 0px;
}

.vlaCalendarPicker {
	display: none;
}
#agenda{
	color: #669933;
	margin: 0px auto 0px 35px;
	position: absolute;
	text-align: center;
	text-shadow: 0px 0px 2px #ffffff;
	width: 150px;
}
#exampleV{
	background-image: url(../files/images/layout/calendar/agendabg.gif);
	border-top: 2px solid #ffffff;
	display: block;
	height: 189px;
	margin: 0px 2px 5px 2px;
	* margin: 0px 2px 5px 6px;
	width: 216px;
	
}

/* Main calendar */

.vlaCalendar, .vlaCalendar table {
	font-family: Arial, Verdana;
	color: #ffffff; /* Maand kleuren */
	font-size: 13px !important;
	margin: 0px auto 0px auto;
	height: 189px;
}

.vlaCalendar {
	display: block;
	width: 210px;
}
.vlaCalendar .container, .vlaCalendar .container div {
	width: 210px;
	height: 189px;
	text-align: left;
	position: absolute;
	overflow: hidden;
}

.vlaCalendar span.indication {
	display: block;
	text-align: center;
}

.vlaCalendar table {
	margin: 0px 0px 0px 0px;
	text-align: right;
	width: 210px;
}
.vlaCalendar td{
	font-size: 13px;
	text-align: center;
	* text-indent: 7px;
}
.vlaCalendar .picker td {
	cursor: pointer;
}

/* Label & arrows */

.vlaCalendar .label{
	color: #676767;
	display: block;
	padding: 18px 0px 4px 0px;
}
.vlaCalendar .label:hover {
	color: #676767;
	cursor: pointer;
}

.vlaCalendar .noHover:hover {
	color: #fff000;
	cursor: pointer;
	height: 19px;
}
.vlaCalendar .arrowLeft,
.vlaCalendar .arrowRight{
	height: 19px;
	width: 10px;
	cursor: pointer;
}
.vlaCalendar .arrowLeft{
	background-image: url(../files/images/layout/calendar/calendararrowleft.gif);
	background-position: 10px 13px;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	padding: 10px 20px 10px 10px;
	width: 20px;
}
.vlaCalendar .arrowLeft:hover {
	background-image: url(../files/images/layout/calendar/calendararrowleft.gif);
	float: left;
	height: 20px;
	padding: 10px 20px 10px 10px;
	width: 20px;
}
.vlaCalendar .arrowRight {
	background-image: url(../files/images/layout/calendar/calendararrowright.gif);
	background-position: 30px 13px;
	* background-position: center;
	background-repeat: no-repeat;
	float: right;
	height: 20px;
	padding: 10px 10px 10px 20px;
	width: 20px;
}
.vlaCalendar .arrowRight:hover {
	background-image: url(../files/images/layout/calendar/calendararrowright.gif);
	float: right;
	height: 20px;
	padding: 10px 10px 10px 20px;
	width: 20px;
}

/* Month */

.vlaCalendar .month th {
	font-weight: normal;
	height: 19px;
	margin: 4px 0px 4px 0px;
	text-align: center;
	* text-indent: 7px;
}

.vlaCalendar .month td{
	height: 19px;
	width: 30px;
}

.vlaCalendar .month tr.firstRow td {
}
.month td:hover,
.vlaCalendar .month td:hover,
td.newsitem{
	background-image: url(../files/images/layout/calendar/selectedday.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #676767;
}
td.newsitem{
	color: #ffffff;
}
.vlaCalendar .month td.selected {
	/*background: url(../files/images/layout/calendar/day_selected.gif) bottom no-repeat;*/
	color: #85a544;
}
.month td:hover,
.vlaCalendar .month td.selected:hover{
	background-image: url(../files/images/layout/calendar/selectedday.gif);
	background-repeat: no-repeat;
	color: #ffffff;
}
.vlaCalendar .month td.outsideDay {
	color: #676767; /* niet geselecteerde dagen */
}
.vlaCalendar .month td.outsideDay:hover {
	color: #676767;
}
#daysofweek{
	color: #5a5a5a;
}

/* Year & decade */

.vlaCalendar .year {
	margin-left: 2px;
}

.vlaCalendar .year td {
	width: 40px;
	height: 35px;
	text-align: center;
	cursor: pointer;
}
.vlaCalendar .year td:hover {
	background: url(../files/images/layout/calendar/month_hover.gif) center no-repeat;
	color: #ffffff;
}

.vlaCalendar .year td.selected {
	background: url(../files/images/layout/calendar/month_selected.gif) center no-repeat;
}
.vlaCalendar .year td.selected:hover {
	background-image: url(../files/images/layout/calendar/month_selected_hover.gif);
}

.vlaCalendar .year td.current {
	background: url(../files/images/layout/calendar/month_current.gif) center no-repeat;
	color: #ffffff;
}
.vlaCalendar .year td.current:hover {
	color: #ffffff;
	background-image: url(../files/images/layout/calendar/month_current_hover.gif);
}

.vlaCalendar .year td.selectedcurrent {
	background: url(../files/images/layout/calendar/month_selectedcurrent.gif) center no-repeat;
}
.vlaCalendar .year td.selectedcurrent:hover {
	background-image: url(../files/images/layout/calendar/month_selectedcurrent_hover.gif);
}

.vlaCalendar .year td.outsideYear {
	color: #a8a8a8;
}
.vlaCalendar .year td.outsideYear:hover {
	color: #b1c5fc;
}