/**************************************************************************************
	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 */
	top:100%;
	right:4%;
	background-color:#fcfaf2;
	max-width: 217px;
	z-index: 1002;
    -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.35);-moz-box-shadow:2px 2px 6px rgba(0,0,0,0.35);box-shadow:2px 2px 6px rgba(0,0,0,0.35);
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
/* The table of the Calendar */
#dpCalendar table {
	background-color:#fcfaf2;
	color:#b5c327;
	width: 100%;
	border-spacing:0;
	border-collapse:separate;
}

/* The Next/Previous buttons */
#dpCalendar .cellButton {
	background-color: #b5c327;
    color:#4c4c4c;
}
#dpCalendar .cellButton span:hover{color:#ae3919;}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
	background-color:#b5c327;
	color:#4c4c4c;
	text-align: center;
	text-transform:uppercase;
}
#dpCalendar #days td{text-align:center;}
#dpCalendar td.cellDay, td.cellOld{min-width:31px;}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
	color: #4c4c4c;
	text-align: center;
	border:solid 1px transparent;
}
#dpCalendar .cellOld {
	text-align: center;
    color: #E3E1D9;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
	border: 1px solid #ae3919;
	text-align: center;
	color:#ae3919;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
	background-color: #E3E1D9;
    color:#4c4c4c;
    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 button */
#dpCalendar .cellCancel {
	  color: #4c4c4c;
      text-align: right;
	  padding:0 .5em .25em 0;
}
/* The clickable text inside the calendar */
#dpCalendar a {
	text-decoration: none;
	background-color: transparent;
}