/* DIV element for calendar control */
div.calCtrl {
  display: none;
  position: absolute;
}

/* Default style for table cell elements in the calendar
   control */
div.calCtrl td {
  border-color: #fc3;
   border-width: 1px;
}

img.calButton {
  cursor: hand;
}

/* Outer table style of calendar control */
table.calCtrl {
  background-color: #ffc;
  border-style: solid;
  border-color: #fc3;
  border-width: 1px;
}
td.calCtrlDayname {
  background-color: #fc3;
  height: 21px;
  width: 20px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  text-align: center;
}
td.calCtrlTargetDay {
  border-style: solid;
  border-width: 1px;
  height: 21px;
  width: 20px;
  background-color: #ffc;
  cursor: pointer;
  cursor: hand;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  text-align: right;
  color: #900;
  text-decoration: underline;
}
td.calCtrlNonTargetDay {
  border-style: solid;
  border-width: 1px;
  height: 21px;
  width: 20px;
  background-color: #eee;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  text-align: right;
}
td.calCtrlOutOfRangeDay {
  border-style: solid;
  border-width: 1px;
  height: 21px;
  width: 20px;
  background-color: #ffc;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  text-align: right;
  color: #666;
}
td.calCtrlHeader {
  background-color: #ffc;
  border-style: solid;
  border-width: 2px;
  border-color: #f90;
  width: 100%;
}

/* Style for inner table used to format the header cell
   for the outer table */
   
table.calCtrlHeader {
  width: 100%;
  height: 10px;
}
td.calCtrlArrow {
  width: 25%;
  cursor: hand;
  border-style: none;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  text-align: center;
}
td.calCtrlTitle {
  width: 50%;
  border-style: none;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-small;
  text-align: center;
}