/* DatePicker Styles */ 
input.DatePicker{
  /*display: block;*/
  width: 80px;
  padding: 3px 3px 3px 27px;
  border: 1px solid #AAAAAA;
  font-size: 13px;
  background: #FFFFFF url(../images/date.gif) no-repeat top left;
  cursor: pointer;
}
.dp_container{
  position: relative;
  padding: 0;
  z-index: 500;
}
.dp_cal{
  position: absolute;
  width: 175px;
  margin: 0px 0px 3px 0px;
  border: 1px solid #AAAAAA;
  background-color: #FFFFFF;
  top: 24px;
  left: 1px;
}
.dp_cal table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.dp_cal select{
  margin: 2px 3px;
  font-size: 11px;
}
.dp_cal select option{
  padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
  width: 14.2857%;
  text-align: center;
  font-size: 11px;
  padding: 2px 0;
}
.dp_cal th{
  color: #6A6A62;
  border: solid #AAAAAA;
  border-width: 1px 0;
  background: #E6E6DD;
  font-weight: bold;
}
.dp_cal td{
  cursor: pointer;
}
.dp_cal thead th{
  background: #F0F0E5;
}
.dp_cal td.dp_roll{
  color: #000000;
  background: #FFF6BF;
}
/* Must have this for the IE6 select box hiding. */
.dp_hide{
  visibility: hidden;
}
.dp_empty{
  background: #F0F0E5;
}
.dp_today{
  color: #FFFFFF; 
  background: #A2A29B	;
}
.dp_selected{
  color: #FFFFFF; 
  background: #800000;
}