/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <https://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <https://electricprism.com/aeron> */

.hidden{
	opacity:0;
	position:absolute}
.visible{
	opacity:1}
input.calendar, select.calendar{
	background-color:#fef2f2;
	border:1px solid #e96161;
	width:125px; 
	height:14px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0e0e0e; 
	margin:0 2px 5px 0;
	float:left}
button.calendar{
	background: url(../images/calendar-icon.gif);
	border:0;
	cursor:pointer;
	float:left;
	height:20px;
	margin:-3px 6px 0 0;
	width:20px}
button.calendar:hover, button.calendar.active{
	background-position:0 20px}
div.calendar{
	background:url(../images/calendar.png);
	height:195px;
	padding:0 6px;
	text-align:center;
	width: 147px}	
div.calendar *{
	margin: 0;
	padding: 0}	
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;
	margin:10px 0 0 0;
	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(../images/calendar-prev.gif);
	left:0}
div.calendar caption a.next{
	background-image: url(../images/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:#B20000;
	font:normal 12px Arial, Helvetica, sans-serif;
	height:21px;
	text-align:center;
	width:21px}
div.calendar td{
	background:url(../images/calendar-td.gif);
	color:#FFF;
	font-size:11px}
div.calendar td.invalid{
	color:#999}
div.calendar td.valid{
	background:url(../images/calendar-valid.gif);
	color:#B20000;
	cursor:pointer}
div.calendar td.hilite{
	background:url(../images/calendar-hilite.gif)}
div.calendar td.inactive{
	background:url(../images/calendar-td.gif) 0 100%;
	color:#FFF}
div.calendar td.active, div.calendar td.hover{
	background:url(../images/calendar-valid.gif) 0 100%;
	color:#FFF;
	cursor:pointer}