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

input.calendar, select.calendar, div.calendar { width: 100px; }

button.calendar { background: url(../../images/icons/icon_cal_small.gif); border: 0; cursor: pointer; height: 20px; width: 20px; vertical-align: middle; }

button.calendar:hover, button.calendar.active { background-position: 0 20px; }

div.calendar { background:  url(../../images/icons/icon_cal.png); height: 175px; padding: 0 12px; text-align: center; width: 147px; }

div.calendar * { margin: 0; padding: 0; }

div.calendar div { background: none !important; cursor: move; height: 165px; overflow: hidden; padding-top: 10px; position: relative; width: 147px; }

div.calendar caption { background-color:#000000; color: #7B2E00; font: bold 12px/17px Verdana, "Times New Roman", Times, serif; padding-top: 2px; text-align: center; width: 100%; }

div.calendar caption a { cursor: pointer; display: block; height: 11px; overflow: hidden; position: absolute; text-indent: -100px; top: 16px; width: 11px; }

div.calendar caption a.prev { background-image: url(../../images/icons/icon_cal_prev.gif); left: 1px; }

div.calendar caption a.next { background-image: url(../../images/icons/icon_cal_next.gif); right: 1px; }

div.calendar caption a:hover { background-position: 0 11px; }

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 { 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: #999; font: normal 12px Verdana, "Times New Roman", Times, serif; height: 19px; text-align: center; width: 21px; }

div.calendar td { color: #333; font-size: 11px; padding-right: 3px; text-align: right; width: 16px; }

div.calendar td.invalid { color: #666; }

div.calendar td.valid { color: #FFF; cursor: pointer; }

div.calendar td.active,  div.calendar td.hover { color: #7B2E00; cursor: pointer; }

#calendarTable { position: relative; float:left; margin-top: 20px; background: url(../..//images/bgs/bg_calendar_large.png) no-repeat top left; width: 491px; height:491px; padding: 30px 20px; }

table.month { width: 451px; height:431px; padding:0; color: #fff; border: 0; border-collapse: collapse; border-spacing: 0; }

table.month tr.monthheader td { color: #7B2E00; font: bold 18px Verdana, "Times New Roman", Times, serif; text-align: center; height:5px; }

table.month tr.monthheader td a { display: block; cursor: pointer; height: 21px; width: 18px; text-indent: -9999px !important; }

table.month tr.monthheader td a.prev { background: url(../..//images/icons/icon_cal_prev_large.png) no-repeat left top;}

table.month tr.monthheader td a.next { background: url(../..//images/icons/icon_cal_next_large.png) no-repeat right top; }

table.month tr.monthheader td a:hover { background-position: 0 -21px; }

table.month tr.dayheader td { height:5px; width: 64px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; }

table.month tr.day td { font: normal 16px Verdana, "Times New Roman", Times, serif; text-align: center; width: 64px; height: 10px; color: #fff; text-align: center; }

table.month tr.day td.othermonth { color: #666; }

table.month tr.day td.event { color: #7B2E00; font-weight: bold; text-decoration:line-through; }