/****** The calendar itself ******/
.DateTimeCalendar {
  display:none;
  position:absolute;
  z-index:9999;
  background-color: White;
  text-align: left;
  border: 1px solid #ccc;
}

/****** Default styles within the calendar ******/
.DateTimeCalendar * {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
.DateTimeCalendar a {
  text-decoration: none;
  cursor: pointer;
  color: Black;
}
.DateTimeCalendar table {
  border: none;
}
.DateTimeCalendar td {
  text-align: center;
  border: none;
}

.DateTimeCalendar table table tr td {
  border: none;
}

.DateTimeCalendar > table {
  width: 165px;
}

/****** The month/year selection ******/
.DateTimeCalendar table.tblMonthYear {
  width: 165px;
}
.DateTimeCalendar table.tblMonthYear td {
  padding: 2px 0px;
}
.DateTimeCalendar table.tblMonthYear input.dt {
  text-align:center;
  width:80px;
}

/****** The days of week: Monday to Friday ******/
.DateTimeCalendar .trDayOfWeek td {
  padding: 3px; 
  color: #999;
  font: 13px arial;
  font-weight: bold;
}
.DateTimeCalendar .trDayOfWeek td.weekend {
  //background-color: #c67979;
  //color: #8e2020;
}

/****** The dates: 1st to 31st ******/
.DateTimeCalendar .trDate td {
  padding: 3px;
  background-color: White;
  border: none;
}
.DateTimeCalendar .trDate td.weekend {
  background-color: #F0EFEA;
  //color: #8e2020;
}
.DateTimeCalendar .trDate td.today {
  background-color: #f8ff9d;
}
.DateTimeCalendar .trDate td.today a {
  font-weight: bold;
}
.DateTimeCalendar .trDate td.selected {
  background-color: #F99D1B;
}
.DateTimeCalendar .trDate td.selected a {
  color: White;
}
.DateTimeCalendar .trDate td.today.selected {
  background-color: #958f24;
}

/****** The time: Hour and Minute ******/
.DateTimeCalendar .trTime td {
  padding: 2px;
}

.DateTimeCalendar input.dthr {
  width:20px;
  text-align:right;
}
.DateTimeCalendar .colon {
}
.DateTimeCalendar input.dtmi {
  width:20px;
  text-align:right;
}
.DateTimeCalendar .dtampm {
  padding-left:3px;
  display:inline;
}

/****** Others ******/
.DateTimeCalendar .dtclose {
  font-size: 9px;
  float: right;
}

#dterror {
  display:none;
  position:absolute;
  z-index:50;
  font-family: Arial, sans-serif;
  font-size: 13px;
  background-color: White;
  border:solid 1px Red;
  color: Red;
  padding:3px 5px;
}
.yb
{
  background: transparent url(../img/timecalendar/yearbefore.gif) no-repeat center left;
  width: 17px;
  height: 7px;
}
.ya
{
  background: transparent url(../img/timecalendar/yearafter.gif) no-repeat center left;
  width: 17px;
  height: 7px;
}
.mb
{
  background: transparent url(../img/timecalendar/monthbefore.gif) no-repeat center left;
  width: 8px;
  height: 7px;
}
.ma
{
  background: transparent url(../img/timecalendar/monthafter.gif) no-repeat center left;
  width: 8px;
  height: 7px;
}