/* the main header table */
.ng-cal-header-table{
	text-align: center;
	border-collapse:collapse;
	background:#ffffff;
	border:solid #cccccc 0px;
}
	
/* the previous and next table cells */
.ng-cal-previous-td{
	width:30px;
	height:20px;
	color:#0057de;
	text-align:center;
	background-image: url(images/btn_kalender_vorige.png);
	background-repeat: no-repeat;
	background-position: center;
}

.ng-cal-previous-td:hover{
	width:30px;
	height:20px;
	color:#0057de;
	text-align:center;
	background-image: url(images/btn_kalender_vorige-active.png);
	background-repeat: no-repeat;
	background-position: center;
}

.ng-cal-next-td{
	width:30px;
	height:20px;
	color:#0057de;
	text-align:center;
	background-image: url(images/btn_kalender_volgende.png);
	background-repeat: no-repeat;
	background-position: center;
}

.ng-cal-next-td:hover{
	width:30px;
	height:20px;
	color:#0057de;
	text-align:center;
	background-image: url(images/btn_kalender_volgende-active.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* the calendar header table cell (the area where the month and year is displayed) */
.ng-cal-header-td{
	width: 160px;
	text-align:center;
	font-weight:bold;
	font-size: 14px;
	padding:3px;
}
	
/* the main month table */
.ng-cal{
	border:solid #5fd7d6 0px;
	border-collapse:collapse;
	margin:5px;
	margin-top:0px;
	background-color:#FFFFFF;
}
	
.ng-cal *{
	font-size:8pt;
}

.ng-cal td {
	padding: 3px 0px;
	width: 30px;
	border:solid #9eefee 0px;
	text-align: center;
}

/* the days name table cells */
.ng-cal .ng-days-name-td{
	background:#ffffff;   
	border:solid #5fd7d6 0px;
	font-weight: bold;
}
	
/* the month name table cell */
.ng-month-name-th{
	background:#2f99b4;
	font-weight:bold;
	padding:3px;
	color:#ffffff;
	text-align:center;
	display: none;
}
	
/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff, .ng-dateOff{
	color:#999999;
}

/* out of range days (previous or next month) */
.ng-outOfRange{
	color:#8e8e8e;
	background:#ebebeb;
}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over{
	font-weight:bold;
	background:#4b4b4b;
	color: #ffffff;
}
	
/* selected day */
.ng-selected-day{
	background:#0057de;
	font-weight:bold;
	color: #ffffff;
}
		
/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link{
	padding:3px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	background:#efefef;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;
}