/* 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:70px; }*/

button.dashboard {
	background:url(images/calendar/dashboard-icon.gif);
	border:0;
	cursor:pointer;
	/*float:left;*/
	height:20px;
	margin-left:5px;
	width:20px;
	vertical-align:3px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position:0 20px;
}

div.dashboard {
	background-color:#FFF;
	padding:0;
	text-align:center;
	width:170px;
	border:2px solid #BBB;
	border-bottom-width:1px;
}	
	div.dashboard * {
		margin:0;
		padding:0;
	}	
	div.dashboard div {
		background:none !important;
		overflow:hidden;
		padding-top:10px;
		position:relative;
		width:170px;
	}	
	
	div.dashboard caption {
		color:#000;
		background-color:#FFF;
		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(images/calendar/dashboard-prev.gif);
		left:10px;
	}
	div.dashboard caption a.next {
		background-image:url(images/calendar/dashboard-next.gif);
		right:10px;
	}
	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:170px;
	}
	div.dashboard table tr { border-bottom:1px solid #BBB; }
	div.dashboard th { font-weight:normal; }
	div.dashboard td,
	div.dashboard th {
		border:0;
		color:#000;
		background-color:#FFF;
		font:bold 12px Arial, Helvetica, sans-serif;
		height:19px;
		text-align:center;
		width:21px;
	}
	div.dashboard td {
		color:#BBB;
		font-size:11px;
		padding-right:6px;
		text-align:right;
		width:16px;
	}
	div.dashboard td.invalid {
		color:#BBB;
	}
	div.dashboard td.valid {
		color:#000;
		cursor:pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color:#E0235D;
		background-color:#BBB;
		cursor:pointer;
	}
	div.dashboard td.today {
		color:#E0235D;
	}