/**************************************************************************************
	htmlDatePicker CSS file
	
	Feel Free to change the fonts, sizes, borders, and colours of any of these elements
***************************************************************************************/
/* The containing DIV element for the Calendar */
#dpCalendar {
	display: none;					/* Important, do not change */
	position: absolute;				/* Important, do not change */
/*	background-color: #eeeeee; */
	color: black;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 150px;

	z-index:999;
}
/* The table of the Calendar */
#dpCalendar table {

/*	color: black;  */
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
		border: none;
	outline:none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #3d3d3d;
	display: block;
	cursor:pointer;
	margin: 0px auto;
	clear:both;
	padding: 4px 5px 5px;
	text-shadow: 0 1px 1px #fcfcfc;

	-moz-box-shadow:0px 2px 3px #aaa;
	-webkit-box-shadow:2px 0px 3px #aaa;
	box-shadow:2px 2px 3px #aaa;
	background-color: rgba(54, 75, 145, .4);
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 2px;
	transition: background-color .9s ease;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
	background-color: #ddddff;
	color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
	background-color: #ddddff;
	color: black;
	text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
	background-color: #ddddff;
	color: black;
	text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
	border: 1px solid red;
	background-color: #ffdddd;
	color: black;
	text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
	background-color: #ddffdd;
	color: black;
	text-align: center;
}
/* The day of the month cell that is inside a valid Range */
#dpCalendar .cellRange {
	background-color: #ddddff;
	color: black;
	text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
	background-color: transparent;
	color: black;
}
/* The Cancel/No Date button */
#dpCalendar .cellCancel {
	background-color: #cccccc;
	color: black;
	border: 1px solid black;
	text-align: center;
}
/* The text inside the Cancel/No Date button */
#dpCalendar .cellCancel a {
	display: block;
}
/* The clickable text inside the calendar */
#dpCalendar a {
	text-decoration: none;
	background-color: transparent;
	color: blue;
	display: block;

}