/* calendar:a javascript class for mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* default css for calendar (navigation:1), copyright (c) 2007 aeron glemann <http://electricprism.com/aeron>, mit style license. */

input.calendar, select.calendar { width:99px; }
button.calendar { background:url(/admin/graphics/calendar-icon.gif); border:0; cursor:pointer; float:left; height:20px; width:20px; margin:2px 6px 0 0; }
button.calendar:hover, button.calendar.active { background-position:0 20px; }
div.calendar {
	background:url(/admin/graphics/calendar.png);
	height:195px;
	padding:0 6px;
	text-align:center;
	width:147px;
}	
	div.calendar div {
		background:none !important;
		cursor:move;
		height:185px;
		overflow:hidden;
		padding-top:10px;
		position:relative;
		width:147px;
	}	
	
	div.calendar caption {
		color:#333;
		font:normal 12px/16px arial, helvetica, sans-serif;
		padding-top:6px;
		text-align:center;
		width:100%;
	}
	div.calendar caption a {
		cursor:pointer;
		display:block;
		height:12px;
		overflow:hidden;
		position:absolute;
		text-indent:-100px;
		top:17px;
		width:11px;
	}
	div.calendar caption a.prev {
		background-image:url(/admin/graphics/calendar-prev.gif);
		left:0;
	}
	div.calendar caption a.next {
		background-image:url(/admin/graphics/calendar-next.gif);
		right:0;
	}
	div.calendar caption a:hover {
		background-position:0 12px;
	}
	div.calendar caption span {
		height:25px;
		position:relative;
		text-align:center;
	}
	div.calendar caption span.month {
		padding-right:8px;
	}
	div.calendar caption span.month:after {
		content:',';
	}

	div.calendar table {
		background:#fff;
		border:0;
		border-collapse:collapse;
		border-spacing:0;
		cursor:default;
		margin:0 auto;
		overflow:hidden;
		width:147px;
	}
	div.calendar td,
	div.calendar th {
		border:0;
		color:#0597db;
		font:normal 12px arial, helvetica, sans-serif;
		height:21px;
		text-align:center;
		width:21px;
	}
	div.calendar td {
		background:url(/admin/graphics/calendar-td.gif);
		color:#fff;
		font-size:11px;
	}
	div.calendar td.invalid {
		color:#999;
	}
	div.calendar td.valid {
		background:url(/admin/graphics/calendar-valid.gif);
		color:#0597db;
		cursor:pointer;
	}
	div.calendar td.inactive {
		background:url(/admin/graphics/calendar-td.gif) 0 100%;
		color:#fff;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background:url(/admin/graphics/calendar-valid.gif) 0 100%;
		color:#fff;
		cursor:pointer;
	}