/* The containing DIV element for the Calendar */
#dpCalendar {
  display: none;          /* Important, do not change */
  position: absolute;        /* Important, do not change */
  background-color: #EFEFEF;
  color: #333333;
  font-size: xx-small;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  width: 100px;
}
/* The table of the Calendar */
#dpCalendar table {
  border: 1px solid #3F82D3;
  background-color: #eeeeee;
  color: #333333;
  font-size: x-small;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  width: 100%;
}
#dpCalendar td {
	text-align:center;
	vertical-align:middle;
	padding: 2px;
}

/* The Next/Previous buttons */
#dpCalendar .cellButton {
  background-color: #3F82D3;
  color: black;
}
#dpCalendar .cellButton a {
  color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  background-color: #3F82D3;
  color: #FFFFFF;
  text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  background-color: #3F82D3;
  color: #cccccc;
  text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
  border: 1px solid red;
  background-color: #3F82D3;
  color: #000000;
  text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
  background-color: red;
   border: 1px solid red;
  color: #333;
  text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
  background-color: #cccccc;
  color: green;
}
/* The cancel button */
#dpCalendar .cellCancel {
  background-color: #3F82D3;
  color: black;
  border: 1px solid #3F82D3;
  text-align: center;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: underline;
  /*background-color: black;*/
  color: #ffffff;
}