.datePicker {
  font-family: Arial,Verdana,Helvetica,Sans-Serif monospace;
  background-color:#FFFFFF;
  border: 1px outset #333;
  padding: 0;
  margin: 0;
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
  background-image: url(normal-bg.gif);
}


.datePicker_icon {
  /*background-color: #FFF;*/
  width: 17px;
  height: 17px;
  /*padding: 0;
  margin: 0;*/
  position: absolute;
  background-image: url(icon.gif);
  
  background-position: center;
  background-repeat: no-repeat;
  text-decoration: none;
  background-color: transparent;
}

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

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

/* -------- Days ---------- */
.dpCalendar { /* table */
  border: 1px solid #CCC;
  border-width: 1px  0px 0px 0px;
  width: 100%
}

.dpCalendar td {
  font-size: small;
  text-align: center;
  padding: 2px;
}

td.dpDayHover {
  
  cursor: pointer;
  background-image: url(hover-bg.gif);
}
.dpDay td{
}
.dpDayWeekend a{
  color: #F33;
}
td.dpDaySelected {
  background-image: url(hover-bg.gif);
}
td.dpDayToday {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(today.gif);
}
    
td.dpDayName {
  background-image: url(rowhover-bg.gif);
  border-bottom: 1px solid #CCC;
}


/* --------- Months ------------ */
.dpMonths { /* table */
  font-family: Terminal, "Courier New" , monospace;
  border: 0px solid #CCC;
  width: 100%;
}

.dpMonths td {
  text-align: center;
  font-size: xx-small; padding: 2px
}

.dpMonthHover {
  background-image: url(hover-bg.gif);
  cursor: pointer;
 
}
.dpMonth {
  background-image: url(rowhover-bg.gif);
}



/* --------- Nav ----------- */
.dpNav { /* table */
  font-family: Arial,Verdana,Helvetica,Sans-Serif monospace;
  margin: 2px;
}
.dpNav td {
  font-size: 11pt;
  border: 1px solid #CCC;
  border-width: 0px 0px 1px 0px;
}

.dpNavCell td {
  margin: 0px;
  width: 100%;
  white-space: nowrap;
  padding: 1px 2px;
}

.dpNavHover  {
  cursor: pointer;

  border: 1px outset #CCC;
  background-image: url(rowhover-bg.gif);
}

.dpNavBtnUp {
  border: 1px outset #CCC;
  background-image: url(rowhover-bg.gif);
}

.dpNavBtnDown {
  border: 1px inset #CCC;
  background-image: url(rowhover-bg.gif);
}