.calendar_date_select {
  font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color:white;
  border:#777 1px solid;
  display:block;
  width:196px;
  z-index: 1000;
}

.calendar_date_select .weekdays td {
  font-weight:bold;
  background-color: #E7E8E8;
  border-bottom:2px solid black;
  color: black !important;
}

.calendar_date_select .cds_time, .calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #7a9ead;

}

.calendar_date_select .cds_buttons {
  background-color:#E7E8E8;
  border-top: 2px solid black;
  border-bottom: 1px solid black;
}

.calendar_date_select .cds_footer {
  background-color: #464f53;
  padding:3px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select input, .calendar_date_select select { height:21px; font-size:13px;}
.calendar_date_select .cds_header input.prev {
  width:22px;
  float:left;
}
.calendar_date_select .cds_header input.next {
  width:22px;
  float:right;
}

.calendar_date_select .cds_header select.month {
  width:95px;
}

.calendar_date_select .cds_header select.year {
  width:56px;
}

.calendar_date_select td {
  background-color: #d0dfed;
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
}
.calendar_date_select td.weekend {
  background-color: #b2cce3;
}

.calendar_date_select td div {
  color:#343e42;
}
.calendar_date_select td div.other {
  color: #7e8e95;
}
.calendar_date_select td.selected div {
  color:black;
}
.calendar_date_select td div.disabled {
  color: #7e8e95;
  cursor: default;
}

.calendar_date_select .days td {
  border-bottom: 1px solid #31505c;
}
.calendar_date_select .days td.selected {
  background-color:white;
  color:black;
}

.calendar_date_select .days td.hover {
  background-color:#ccc;
}

.calendar_date_select .days td.today {
  border: 1px dashed #29ade3;
}

/* adjust bordered cells to have slightly smaller inner areas so they look the same as the rest of the elements */