#pageCalendarContainer {
  border: 1px solid #A5AAB5;
  font: normal 14px Helvetica, Arial,Verdana,sans-serif;
  color: #000;
  background-color: #CED3D6;
}

#pageCalendarTitle {
  text-align: center;
  border-bottom: 1px solid #ADAEAD;
  height: 20px;
  padding-top: 3px;
}

#pageCalendarTitleFooter {
  text-align: right;
}

#pageCalendarTitleFooter a {
  color: #0000FF;
  font-size: 8pt;
  text-decoration: none;
}

.dpCalendar {
  text-align: center;
}

.dpCalendarTitle {
  height: 23px;
}

.dpMonth {
  width: 180px;
  height: 192px;
  text-align: center;
  font-weight: normal;
  background: url(cal_background.gif) no-repeat left top;
}

.dpMonth table {
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
}

.dpDayName {
  height: 23px;
}

.dpDayDisable {
  color: #BDBABD;
  width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 2px;
}

.dpDay {
  width: 16px;
  color: #0B333C;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dpDay a {
  color: #000;
  text-decoration: none;
  display: block;
}

.dpDay a:hover, #dpDaySelected a:hover {
  background-color: #B5E3FF;
  display: block;
}

#dpDaySelected a {
  background-color: #7BCFFF;
}

.calInput {
  width: 125px;
  background-color: #FFF;
  font-family: arial;
  font-size: 8pt; 
 padding: 0px;
 line-height:19px;
  height:19px;
  border:1px solid #ededed;
  color:#000099;
}

.calFld {
  visibility: hidden;
  width: 160px;
  
}

.calFld img {
  border-style: none;
  vertical-align: top;
  margin-left:3px
}

#pageCalendarContainer img {
  border-style: none;
  vertical-align: middle;
}

#pageCalendarContainer a.close {
  display: block;
  font-size: 10px;
  text-decoration: none;
  float: right;
}