/* CALENDAR RULES */
button.calendar { }

.hidden 	{ opacity: 0; position: absolute}
.visible 	{ opacity: 1; }

div.calendar 		{ padding: 5px; width: 147px; background: #c41230; text-align: center; -moz-box-shadow: 0 3px 5px rgba(0,0,0,.35); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.35); }
div.calendar *		{ margin: 0; padding: 0}
div.calendar div	{ width: 147px; position: relative; background: none !important; overflow: hidden; cursor: move; }

div.calendar caption				{ margin-bottom: 5px; width: 100%; position: relative; color: #fff; font: normal 12px/16px Arial,Helvetica,sans-serif; text-align: center; }
div.calendar caption a				{ width: 6px; height: 11px; display: block; position: absolute; top: 3px; background: url(../images/sprite_icons.gif) no-repeat 0 0; text-indent: -9999px; cursor: pointer; }
div.calendar caption a.prev			{ background-position: 0 -242px; left: 5px; }
div.calendar caption a.next			{ background-position: 0 -211px; right: 5px; }
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		{ margin: 0 auto; width: 147px; background: #fff; overflow: hidden; cursor: default; }
div.calendar td, 
div.calendar th		{ width: 21px; height: 21px; color: #333; font-size: 12px; text-align: center; }
div.calendar td		{ color: #fff; font-size: 11px; }
div.calendar td.invalid	{ color: #999; }
div.calendar td.valid	{ color: #c41230; cursor: pointer; }
div.calendar td.hover	{ color: #fff; background: #c41230; cursor: pointer; }
div.calendar td.active	{ color: #fff; background: #c41230; cursor: pointer; }