/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */

/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */



input.dashboard,

select.dashboard {

	width: 149px;

}



button.dashboard {

	/*background: url(dashboard-icon.gif);

	background: url(calendar-icon.gif);*/

	background: url(cal-yo3.gif);

	border: 0;

	cursor: pointer;

	/*float: left;*/

	height: 20px;

	/*margin-right: 10px;*/

	margin-left: 0px;

	/*width: 20px;*/

	width: 21px;

}

button.dashboard:hover,

button.dashboard.active {

	background-position: 0 20px;

}



div.dashboard {

	background: url(dashboard-blanc.png);

	height: 175px;

	padding: 0 12px;

	text-align: center;

	width: 147px;

	color:#FFFFFF;

}	

	div.dashboard * {

		margin: 0;

		padding: 0;

	}	

	div.dashboard div {

		background: none !important;

		cursor: move;

		height: 165px;

		overflow: hidden;

		padding-top: 10px;

		position: relative;

		width: 147px;

	}	

	

	div.dashboard caption {

		color: #540000;

		font: normal 12px/17px Arial, Helvetica, sans-serif;

		padding-top: 4px;

		text-align: center;

		width: 100%;

	}

	div.dashboard caption a {

		cursor: pointer;

		display: block;

		height: 11px;

		overflow: hidden;

		position: absolute;

		text-indent: -100px;

		top: 16px;

		width: 11px;

	}

	div.dashboard caption a.prev {

		background-image: url(dashboard-prev.gif);

		left: 1px;

	}

	div.dashboard caption a.next {

		background-image: url(dashboard-next.gif);

		right: 1px;

	}

	div.dashboard caption a:hover {

		background-position: 0 11px;

	}

	div.dashboard caption span {

		height: 25px;

		position: relative;

		text-align: center;

	}

	div.dashboard caption span.month {

		padding-right: 8px;

	}

	div.dashboard caption span.month:after {

		content: ',';

	}



	div.dashboard table {

		border: 0;

		border-collapse: collapse;

		border-spacing: 0;

		cursor: default;

		margin: 0 auto;

		overflow: hidden;

		width: 147px;

	}

	div.dashboard td,

	div.dashboard th {

		border: 0;

		color:#FFFFFF;

		font: normal 12px Arial, Helvetica, sans-serif;

		height: 19px;

		text-align: center;

		width: 21px;

	}

	div.dashboard td {

		color: #FFFFFF;

		font-size: 11px;

		padding-right: 5px;

		text-align: right;

		width: 16px;

	}

	div.dashboard td.invalid {

		color: #CCC;

	}

	div.dashboard td.valid {

		color: #000;

		cursor: pointer;

	}

	div.dashboard td.active,

	div.dashboard td.hover {

		color: #000;

		cursor: pointer;

		font-weight:bold;

		background-color:#D5D5D5;

	}

	

	.month, .year {

		color:#6183A3;

		font-weight:bold;

	}	

	div.dashboard th {

	background-color:#ABBED0;

	}