/* 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> */



.hidden {

	opacity: 0;

	position: absolute;

}

.visible {

	opacity: 1;

}





input.calendar,

select.calendar {

	width: 99px;

}



button.calendar {

	background: url(oh_calendar.gif);

	border: 0;

	cursor: pointer;

	float: right;

	height: 0px;

	margin-right: 0px;

	width: 0px;

}



button.calendar:hover,

button.calendar.active {

	background-position: center;

}



div.calendar {

	background: url(calBG.png) no-repeat top center;

	height: 195px;

	padding: 0 3px;

	text-align: center;

	width: 150px;

}	

div.calendar * {

	margin: 0;

	padding: 0;

}	

div.calendar div {

	background: none !important;

	cursor: move;

	height: 165px;

	overflow: hidden;

	padding-top: 10px;

	position: relative;

	width: 149px;

}	



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: url(arrowleft.gif) no-repeat top center;

	left: 0;

	padding-top: 5px;

}

div.calendar caption a.next {

	background: url(arrowright.gif) no-repeat top center;

	right: 0;

	padding-top: 5px;

}



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: #F4F3F3;

	_color: #F4F3F3;

	font-color: #F4F3F3;

	_font-color: #F4F3F3;

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

	height: 21px;

	text-align: center;

	width: 21px;

}

div.calendar td {

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

	border: thin solid #000000;

	font-size: 10px;

}

div.calendar td.invalid {

	color: #F4F3F3;

}

div.calendar td.valid {

	color: #000000;

	cursor: pointer;

}

div.calendar td.hilite {

	background: url(day_selected_hover.gif);

}

div.calendar td.inactive {

	background: url(day_hover.gif) 0 100%;

	color: #D9D6D6;

}

div.calendar td.active,

div.calendar td.hover {

	background: url(day_hover.gif) 0 100%;

	color: #000;

	cursor: pointer;

}