/* 
Calendar: a Javascript class for Mootools that adds accessible and unobtrusive 
date pickers to your form elements http://electricprism.com/aeron/calendar
i3ooking calendar CSS
*/
/* calendar */
.hidden { opacity: 0; position: absolute; }
.visible { opacity: 1; }
input.iosavcalendar, select.iosavcalendar { width: 99px; }
button.iosavcalendar { background: url(calendar-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin-right: 6px; width: 20px; }
button.iosavcalendar:hover, button.iosavcalendar.active { background-position: 0 20px; }
div.iosavcalendar { background: url(calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px; }
div.iosavcalendar * { margin: 0; padding: 0; }
div.iosavcalendar div { background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px; }	
div.iosavcalendar caption { color: #333; font: normal 12px/16px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%; }
div.iosavcalendar caption a { cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px; }
div.iosavcalendar caption a.prev { background-image: url(calendar-prev.gif); left: 0; }
div.iosavcalendar caption a.next { background-image: url(calendar-next.gif); right: 0; }
div.iosavcalendar caption a:hover { background-position: 0 12px; }
div.iosavcalendar caption span { height: 25px; position: relative; text-align: center; }
div.iosavcalendar caption span.month { padding-right: 8px; }
div.iosavcalendar caption span.month:after { content: ','; }
div.iosavcalendar table { background: #FFF; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px; }
div.iosavcalendar td, div.iosavcalendar th { border: 0; color: #0597DB; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; }
div.iosavcalendar td { background: url(calendar-td.gif); color: #FFF; font-size: 11px; }
div.iosavcalendar td.invalid { color: #999; }
div.iosavcalendar td.valid { background: url(calendar-valid.gif); color: #0597DB; cursor: pointer; }
div.iosavcalendar td.hilite { background: url(calendar-hilite.gif); }
div.iosavcalendar td.inactive { background: url(calendar-td.gif) 0 100%; color: #FFF; }
div.iosavcalendar td.active, div.iosavcalendar td.hover { background: url(calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer; }

/* dashboard */
input.dashboard, select.dashboard { width: 99px; }
button.dashboard { background: url(dashboard-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin-right: 10px; width: 20px; }
button.dashboard:hover, button.dashboard.active { background-position: 0 20px; }
div.dashboard { background: url(dashboard.png); height: 175px; padding: 0 12px; text-align: center; width: 147px; }
div.dashboard * { margin: 0; padding: 0; }
div.dashboard div { background: none !important; cursor: move; height: 165px; overflow: hidden; padding-top: 10px; position: relative; width: 147px; }
div.dashboard caption { color: #CF0; font: normal 12px/17px Arial, Helvetica, sans-serif; padding-top: 4px; text-align: center; width: 100%; }
div.dashboard caption a { cursor: pointer;display: block; height: 11px; overflow: hidden; position: absolute; text-indent: -100px; top: 16px; width: 11px; }
div.dashboard caption a.prev { background-image: url(dashboard-prev.gif); left: 1px; }
div.dashboard caption a.next { background-image: url(dashboard-next.gif); right: 1px; }
div.dashboard caption a:hover { background-position: 0 11px; }
div.dashboard caption span { height: 25px; position: relative; text-align: center; }
div.dashboard caption span.month { padding-right: 8px; }
div.dashboard caption span.month:after { content: ','; }
div.dashboard table { border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px; }
div.dashboard td, div.dashboard th { border: 0; color: #999; font: normal 12px Arial, Helvetica, sans-serif; height: 19px; text-align: center; width: 21px; }
div.dashboard td { color: #333; font-size: 11px; padding-right: 5px; text-align: right; width: 16px; }
div.dashboard td.invalid { color: #666; }
div.dashboard td.valid { color: #FFF; cursor: pointer; }
div.dashboard td.active, div.dashboard td.hover { color: #CF0; cursor: pointer; }

/* seasons */
input.ios-seasons, select.ios-seasons { width: 99px; }
button.ios-seasons { background: url(ios-seasons-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin-right: 6px; width: 20px; }
button.ios-seasons:hover, button.ios-seasons.active { background-position: 0 20px; }
div.ios-seasons { background: url(ios-seasons.png); height: 278px; padding: 4px; width: 164px; }
div.ios-seasons * { margin: 0; padding: 0; }
div.ios-seasons div { background-repeat: no-repeat; background-position: 8px 8px; cursor: move; height: 278px; overflow: hidden; position: relative; width: 164px; }	
div.ios-seasons.january div { background-image: url(january.jpg); }
div.ios-seasons.february div { background-image: url(february.jpg); }
div.ios-seasons.march div { background-image: url(march.jpg); }
div.ios-seasons.april div { background-image: url(april.jpg); }
div.ios-seasons.may div { background-image: url(may.jpg); }
div.ios-seasons.june div { background-image: url(june.jpg); }
div.ios-seasons.july div { background-image: url(july.jpg); }
div.ios-seasons.august div { background-image: url(august.jpg); }
div.ios-seasons.september div { background-image: url(september.jpg); }
div.ios-seasons.october div { background-image: url(october.jpg); }
div.ios-seasons.november div { background-image: url(november.jpg); }
div.ios-seasons.december div { background-image: url(december.jpg); }
div.ios-seasons caption { color: #808080; height: 0%; line-height: 0; }
div.ios-seasons caption a { cursor: pointer; display: block; height: 25px; overflow: hidden; position: absolute; text-indent: -100px; top: 0; width: 23px; z-index: 200; }
div.ios-seasons caption a.prev { background-image: url(ios-seasons-prev.png); left: 0; }
div.ios-seasons caption a.next { background-image: url(ios-seasons-next.png); right: 0; }
div.ios-seasons caption a:hover { background-position: 0 25px; }
div.ios-seasons caption span.month { bottom: 8px; font: normal 11px Arial, Helvetica, sans-serif; position: absolute; right: 10px; z-index: 100; }
div.ios-seasons caption span.year { display: none; }
div.ios-seasons table { border: 0; border-collapse: collapse; border-spacing: 0; margin: 143px 10px 0 7px; }
div.ios-seasons tbody { cursor: default; }
div.ios-seasons td { border: 0; color: #FFF; font: normal 9px Arial, Helvetica, sans-serif; height: 21px; text-align: right; vertical-align: bottom; width: 21px; }
div.ios-seasons td.active, div.ios-seasons td.hover { background: url(ios-seasons-active.gif); color: #25A8C2; cursor: pointer; }
div.ios-seasons td.invalid { background: url(ios-seasons-invalid.gif); color: #DA2727; }
div.ios-seasons td.valid { color: #808080; cursor: pointer; }
div.ios-seasons td.inactive { background: url(ios-seasons-inactive.gif); color: #808080; }
div.ios-seasons thead { display: none; }