/* Calendar:a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Sunny CSS for Calendar by Les Arbres */

input.sunny {width:8em;}

button.sunny {
	background:url(sunny-icon.png) no-repeat right top;
	border:none;
	cursor:pointer;
	height:20px;
	width:22px;
	min-width:0;
	min-height:0;
	margin:2px 2px 2px 5px;
	vertical-align:top;
}

div.sunny {
	background-color:#FFE78F;
	 background:linear-gradient(#FFE78F,#FFE99C);-webkit-linear-gradient(#FFE78F,#FFE99C);-moz-linear-gradient(#FFE78F,#FFE99C);
         border:1px solid #F4C628; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; 
         box-shadow:4px 4px 4px #888888; -webkit-box-shadow:4px 4px 4px #888888; -moz-box-shadow:4px 4px 4px #888888;
	height:170px;
	width:195px;
	padding:0 6px 0 6px;
	text-align:center;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
}	
div.sunny * {
	margin:0;
	padding:0;
}	
div.sunny div {
	background:none !important;
	cursor:move;
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%;
}	

div.sunny caption {
	color:black;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	font-weight:bold;
	width:100%;
}
div.sunny caption a {
	cursor:pointer;
	display:block;
	height:11px;
	overflow:hidden;
	position:absolute;
	text-indent:-100px;
	top:8px;
	width:11px;
}
div.sunny caption a.prev {
	background-image:url(sunny-prev.gif);
	left:1px;
}
div.sunny caption a.next {
	background-image:url(sunny-next.gif);
	right:1px;
}
div.sunny caption a:hover {
	background-position:0 11px;
}
div.sunny caption span {
	position:relative;
	text-align:center;
}
div.sunny caption span.month {
	padding-right:8px;
}
div.sunny caption span.month:after {
	content:',';
}

div.sunny table {
	border:none !important;
	border-collapse:collapse;
	border-spacing:0;
	cursor:default;
	margin:0 auto;
	width:98%;
}

div.sunny tr {
	border:none;
}

div.sunny th {
	border:none;
	color:black;
	font:normal 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:19px;
	text-align:center;
}

div.sunny td {
	border:none;
	height:19px;
	color:#666565;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
}

div.sunny td.invalid {
	color:#020202;
}

div.sunny td.valid, div.sunny td.inactive, div.sunny td.active {
        border:1px solid white;
	color:black;
	cursor:pointer;
}

div.sunny td.today {
	font-weight:bold;
	border:2px inset red;
}

div.sunny td.active {
	color:black;
	font-weight:bold;
}

div.sunny td.hover {
	background-color:#FEFBF1;
	color:black;
	cursor:pointer;
}

@media screen and (max-width: 500px) 
{
	div.sunny {width:95%;height:250px;left:0 !important;margin-left:3px;margin-right:3px;}
	div.sunny th {height:30px; font-size:13px;}
	div.sunny td {height:30px; font-size:13px;}
	div.sunny caption a {height:15px;width:15px;}
	div.sunny caption a.prev {background-image:url(sunny-prev-l.gif);}
	div.sunny caption a.next {background-image:url(sunny-next-l.gif);}
	div.sunny caption a:hover {background-position:0 15px;}
}