.datePicker {
  font-family: Terminal "Courier New" monospace;
  background-color:#FFFFFF;
  border: 1px outset #CCC;
  
  padding: 0;
  margin: 0;
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
  
  background-image: url("normal-bg.gif");
}

.datePicker td {
  padding: 0 1px;
}

.datePicker_icon {
  width: 17px;
  height: 17px;
  padding: 1px;
  background-image: url("icon.gif");
  background-repeat: no-repeat;
  background-position: center;
  text-decoration: none
}

.datePicker a {
  text-decoration: none;
  color: #000;
}
.datePicker a.disable {
  color: #999;
}

/* -------------------------- */
.dpDatePicker {  /* table */
  padding: 0;
  margin: 0;
}

/* -------- Days ---------- */
.dpCalendar { /* table */
  margin: 4px auto;
  border: 1px solid #CCC;
  font-family: Terminal "Courier New" monospace;
}
.dpCalendar td a {
  font-size: 10px;
  text-align: center;
  padding: 1px;
  width: 10px;
  text-decoration: none;
  font-weight: normal;
  color: #000;
}
td.dpDayName{
  font-size: 10px;
  color: #000;
}


td.dpDayHover a {
  font-family: Terminal "Courier New" monospace;
  cursor: pointer;
  cursor: hand;
  background-image: url("hover-bg.gif");
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
}
td.dpDay a {
  font-family: Terminal "Courier New" monospace;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
}
td.dpDayWeekend a {
  font-family: Terminal "Courier New" monospace;
  text-decoration: none;
  font-weight: normal;
  color: #F33;
  font-size: 10px;
}
td.dpDaySelected a {
  background-image: url("hover-bg.gif");
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
}
td.dpDayToday a {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("today.gif");
  font-size: 10px;
}
    
.datePicker .dpCalendar td.dpDayName {
  background-image: url("normaltint-bg.gif"); !important
  font-size: 10px;
  border-bottom: 1px solid #CCC;
  text-decoration: none;
  font-weight: normal;
}


/* --------- Months ------------ */

.dpMonth a {
  background-image: url("normaltint-bg.gif");
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;

}

.dpMonthHover a {
  background-image: url("hover-bg.gif");
  cursor: pointer;
  cursor: hand;
  font-size: 10px;
  color: #000;
}
.dpMonthHover a:hover {
  color: #000;
}
.dpMonth {
}



/* --------- Nav ----------- */
.dpNav { /* table */
  font-family: Terminal "Courier New" monospace;
  margin: 2px;
}
.dpNav td {
  font-size: 10px;
  border: 1px outset #CCC;
  text-decoration: none;
  font-weight: normal;
}

.dpNavCell td {
  margin: 0px;
  width: 100%;
  white-space: nowrap;
  text-decoration: none;
  font-weight: normal;
}

.dpNavHover  {
  cursor: pointer;
  cursor: hand;
  border: 1px outset #CCC;
  background-image: url("normaltint-bg.gif");
  text-decoration: none;
  font-weight: normal;
}

.dpNavBtnUp {
  border: 1px outset #CCC;
  background-image: url("normaltint-bg.gif");
  text-decoration: none;
  font-weight: normal;
}

.dpNavBtnDown {
  border: 1px inset #CCC;
  background-image: url("normaltint-bg.gif");
  text-decoration: none;
  font-weight: normal;
}