/**************************************************************************************
	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: 8px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 150px;
	z-index:100;
}
/* The table of the Calendar */
#dpCalendar table {
	border: 2px solid #3399ff;
	background-color: #eeeeee;
	color: black;
	font-size: 8px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
}
#dpCalendar table td {
	font-size: 8px;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
	background-color: #dddddd;
	color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  font-size : 11px;
	background-color: #dddddd;
	color: black;
	text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  font-size : 11px;
	background-color: #ffffff;
	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;
}
/* 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 {
  text-align: center;
  font-size : 11px;
  font-family : Arial, sans-serif;
  font-weight : bold;
  color : #555555;
  height : 22px;
  background-color : #eeeeee;
  background-image : url(/images/btn.png);
  border-top-style : solid;
  border-top-color : #dddddd;
  border-top-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #000000;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-left-color : #3399ff;
  border-left-width : 7px;
  border-right-style : solid;
  border-right-color : #000000;
  border-right-width : 1px;
}
#dpCalendar .cellCancel a {
  color : #555555;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: none;
  background-color: transparent;
  color : #3399ff;
  font-size : 11px;
}