/* CSS MooTools calendar  */

input.calendar,
select.calendar { border: 1px solid #ACACAC; float:left; font-size:12px; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin-right:6px; }
button.calendar { display: inline; background: url(/img/calendar/calendar-icon.gif); border: 0; cursor: pointer;  height: 20px; margin-right: 6px; width: 20px; outline: none;}
button.calendar:hover,
button.calendar.active { background-position: 0 20px; outline: none; }
div.calendar { background: url(/img/calendar/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(/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: #0597DB; 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: #0597DB;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; }