/* 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 { float : left; }
button.calendar { background : url(../images/calendar/default/calendar-icon.gif); border : 0; cursor : pointer; float : left; height : 20px; margin : 0 6px 0 0; padding : 0; width : 20px; }
button.calendar:hover,
button.calendar.active { background-position : 0 20px; }
div.calendar { background : url(../images/calendar/default/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(../images/calendar/default/calendar-prev.gif); left : 0; }
div.calendar caption a.next { background-image : url(../images/calendar/default/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(../images/calendar/default/calendar-td.gif); color : #FFF; font-size : 11px; }
div.calendar td.invalid { color : #999; }
div.calendar td.valid { background : url(../images/calendar/default/calendar-valid.gif); color : #0597DB; cursor : pointer; }
div.calendar td.hilite { background : url(../images/calendar/default/calendar-hilite.gif); color : #263C8D; }
div.calendar td.inactive { background : url(../images/calendar/default/calendar-td.gif) 0 100%; color : #FFF; }
div.calendar td.active,
div.calendar td.hover { background : url(../images/calendar/default/calendar-valid.gif) 0 100%; color : #FFF; cursor : pointer; }
input.dashboard,
select.dashboard { width : 149px; }
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; }
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */
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; }
/* Experimental CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */
input.i-heart-ny,
select.i-heart-ny { width : 149px; }
button.i-heart-ny { background : url(i-heart-ny-icon.gif); border : 0; cursor : pointer; float : left; height : 20px; margin-right : 6px; width : 20px; }
button.i-heart-ny:hover,
button.i-heart-ny.active { background-position : 0 20px; }
div.i-heart-ny { background : url(i-heart-ny.png); height : 278px; padding : 4px; width : 164px; }
div.i-heart-ny * { margin : 0; padding : 0; }
div.i-heart-ny div { background-position : 8px 8px; background-repeat : no-repeat; cursor : move; height : 278px; overflow : hidden; position : relative; width : 164px; }
div.i-heart-ny.january div { background-image : url(i-heart-ny-jan.jpg); }
div.i-heart-ny.february div { background-image : url(i-heart-ny-feb.jpg); }
div.i-heart-ny.march div { background-image : url(i-heart-ny-mar.jpg); }
div.i-heart-ny.april div { background-image : url(i-heart-ny-apr.jpg); }
div.i-heart-ny.may div { background-image : url(i-heart-ny-may.jpg); }
div.i-heart-ny.june div { background-image : url(i-heart-ny-jun.jpg); }
div.i-heart-ny.july div { background-image : url(i-heart-ny-jul.jpg); }
div.i-heart-ny.august div { background-image : url(i-heart-ny-aug.jpg); }
div.i-heart-ny.september div { background-image : url(i-heart-ny-sep.jpg); }
div.i-heart-ny.october div { background-image : url(i-heart-ny-oct.jpg); }
div.i-heart-ny.november div { background-image : url(i-heart-ny-nov.jpg); }
div.i-heart-ny.december div { background-image : url(i-heart-ny-dec.jpg); }
div.i-heart-ny caption { color : #808080; height : 0%; line-height : 0; }
div.i-heart-ny caption a { cursor : pointer; display : block; height : 25px; overflow : hidden; position : absolute; text-indent : -100px; top : 0; width : 23px; z-index : 200; }
div.i-heart-ny caption a.prev { background-image : url(i-heart-ny-prev.png); left : 0; }
div.i-heart-ny caption a.next { background-image : url(i-heart-ny-next.png); right : 0; }
div.i-heart-ny caption a:hover { background-position : 0 25px; }
div.i-heart-ny caption span.month { bottom : 8px; font : normal 11px Arial, Helvetica, sans-serif; position : absolute; right : 10px; z-index : 100; }
div.i-heart-ny caption span.year { display : none; }
div.i-heart-ny table { border : 0; border-collapse : collapse; border-spacing : 0; margin : 143px 10px 0 7px; }
div.i-heart-ny tbody { cursor : default; }
div.i-heart-ny td { border : 0; color : #FFF; font : normal 9px Arial, Helvetica, sans-serif; height : 21px; text-align : right; vertical-align : bottom; width : 21px; }
div.i-heart-ny td.active,
	div.i-heart-ny td.hover { background : url(i-heart-ny-active.gif); color : #25A8C2; cursor : pointer; }
div.i-heart-ny td.invalid { background : url(i-heart-ny-invalid.gif); color : #DA2727; }
div.i-heart-ny td.valid { color : #808080; cursor : pointer; }
div.i-heart-ny td.inactive { background : url(i-heart-ny-inactive.gif); color : #808080; }
div.i-heart-ny thead { display : none; }