span.calendar-container input {
  width: 135px;
  margin-right: 41px;
}
.calendar {
  width: 140px;
  position: absolute;
  z-index: 1;
  border: 2px outset gray;
  background-color: rgb(0, 0, 0);
}
.calendar .previous-year, .calendar .previous-month, .calendar .month, .calendar .next-month, .calendar .next-year {
  
  color: rgb(210, 210, 210);
}
.calendar .month {
  width: 80px;
  float: left;
  text-align: center;
}
.calendar .previous-year, .calendar .previous-month, .calendar .next-month, .calendar .next-year { 
  height: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 80%;
  vertical-align: middle;
  float: left;
  cursor: pointer;
}
.calendar .previous-year, .calendar .next-year {width: 20px;}
.calendar .previous-month, .calendar .next-month {width: 10px;}

.calendar .next-month, .calendar .next-year {text-align: left;}
.calendar .previous-year, .calendar .previous-month {text-align: right;}
.calendar .day, .calendar .blank-day, .calendar .header {
  height: 18px;
  width: 18px;
  padding: 1px;
  float: left;
  text-align: center;
}
.calendar .day {
  background-color: rgb(180, 180, 240);
  cursor: pointer;
}
.calendar .weekend {background-color: rgb(160, 160, 220);}
.calendar .today { font-weight: bold; }
.calendar .current { 
  background-color: rgb(180, 180, 180);
  padding: 0px;
  border: 1px solid black;
}
.calendar .blank-day {background-color: rgb(210, 210, 210);}
.calendar .unselectable {
  background-color: rgb(190, 190, 190);
  color: rgb(100, 100, 100);
  cursor: inherit;
}
.calendar .header {
  background-color: rgb(180, 180, 180);
  font-weight: bold;
}