
a.previous-month, a.next-month {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	text-decoration: none;
	background: url(../images/generic/calendar_sprite.png);
	}
	
.previous-month{
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	text-decoration: none;
	background: url(../images/generic/calendar_sprite.png);
	background-position: -60px 0px;	
	}
	
/* Make the 'previous month' icon greyed out when showing the current month, as we won't be going back in time:
*/
.previous-month-unclickable {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	background: url(../images/generic/calendar_sprite.png);
	background-position: -60px 0px;	
}

.next-month-unclickable {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	background: url(../images/generic/calendar_sprite.png);
	background-position: -60px -20px;	
}

.past-date {
	background: #f3f3f3;
	color: #969696;
	background-image: url(../images/generic/calendar_sprite.png);
	background-repeat: no-repeat;
}

.past-date a{
	color: #969696;
	}

.current-date {
	background: #ff5900;
	color: #fff;
	background-image: url(../images/generic/calendar_sprite.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.current-date a {
	color: #fff;
}

.future-date {
	background: #e3e6e7;
	background-image: url(../images/generic/calendar_sprite.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.future-date a {
	color: #5a5a5a;	
}

.current-date:hover, .future-date:hover {
	background: #5a5a5a;
	cursor: pointer;
	background-image: url(../images/generic/calendar_sprite.png);
	background-repeat: no-repeat;
}
