@charset "utf-8";
/* CSS Document */


.hidden {
	opacity: 0;
	position: absolute;
	border:1px solid red;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../img/calendar.gif);
	border: 0;
	cursor: pointer;
/*	float: left; */
	vertical-align:middle;
	height: 23px;
	margin-left:5px;
	width: 24px;
	-moz-opacity:.70;
	filter:alpha(opacity=70);
	opacity:.70;
}
button.calendar:hover,
button.calendar.active {
	-moz-opacity:100;
	filter:alpha(opacity=100);
	opacity:100;
}

div.calendar {
	padding: 0;
	font-size:14px;
	text-align: center;
	/*width: 147px;*/
}	
div.calendar * {
	margin: 0;
	padding: 0;
}	
	div.calendar div {
		background: none !important;
		cursor: move;
		/*height: 185px;
		padding-top: 10px;*/
		overflow: hidden;
		position: relative;
		/*width: 147px;*/
	border:1px solid #dadee3;
	}	
	
div.calendar caption {
	color: #333;
	font: normal 13px/16px Arial, Helvetica, sans-serif;
	padding:6px;
	text-align: center;
	width: 100%;
	font-weight:bold;
	background:#f6faf8;
	}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 9px;
	width:7px;
	background-position:center;
}
div.calendar caption a.prev {
	background-image: url(../img/calendar-prev.gif);
	left: 10px;
}
div.calendar caption a.next {
	background-image: url(../img/calendar-next.gif);
	right: 10px;
}
	/*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 {
	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: #444444;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding:8px ;
	text-align: center;
	width: 21px;
	font-weight:bold;
	background:#f6faf8;
}
div.calendar tr{ border-top:1px solid #dadee3; }
div.calendar td {
	background:#f6faf8;
	font-size: 11px;
	color:#d0bfbf;
	border-left:1px solid #dadee3;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6faf8', endColorstr='#edf0ef'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f6faf8), to(#edf0ef)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f6faf8,  #edf0ef); /* for firefox 3.6+ */
	cursor: pointer;
	color:#5c5c5c;
}
div.calendar td.hilite {
	background: url(../images/calendar-hilite.gif);
}
div.calendar td.inactive {
	background: url(../images/calendar-td.gif) 0 100%;
}
div.calendar td.active{
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#34815b', endColorstr='#216944'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#34815b), to(#216944)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #34815b,  #216944); /* for firefox 3.6+ */
	cursor: pointer;
	color:#FFF;
}
div.calendar td.active:hover{
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#34815b', endColorstr='#216944'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#34815b), to(#216944)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #34815b,  #216944); /* for firefox 3.6+ */
	color:#FFF;
}
div.calendar td.hover {
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ba515', endColorstr='#228b0a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba515), to(#228b0a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3ba515,  #228b0a); /* for firefox 3.6+ */
	color:#FFF;
}