/* 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: 50px}
#bbox form p {position:relative; padding-right:24px}
button.calendar {background:url(/img/calendar/calendar-icon.gif); border:0; cursor:pointer; height:20px; width:20px; position:absolute; right:0; top:2px}
button.calendar:hover,
button.calendar.active {background-position: 0 20px}
div.calendar {background: url(/img/calendar/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; 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(/img/calendar/calendar-prev.gif); left: 0}
div.calendar caption a.next {background-image: url(/img/calendar/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: #666666; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px}
div.calendar td {background: url(/img/calendar/calendar-td.gif); color: #FFF; font-size: 11px}
div.calendar td.invalid {color: #999}
div.calendar td.valid {background: url(/img/calendar/calendar-valid.gif); color: #666666; cursor: pointer}
div.calendar td.hilite {background: url(/img/calendar/calendar-hilite.gif)}
div.calendar td.inactive {background: url(/img/calendar/calendar-td.gif) 0 100%; color: #FFF}
div.calendar td.active,
div.calendar td.hover {background: url(/img/calendar/calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer}