.dateSelectionField {
  display:  block;
  position: relative;
  z-index:  5;  
}

.dateSelector {
  position:         absolute;
  top:              100%;
  left:             0;
  width:            auto;
  height:           auto;
  border:           1px solid #999999;
  background-color: #FFFFFF;
  z-index:          5;
  font-family:      "Arial";
  font-size:        10px;
}

.dateSelectorHeader {
  top:              0px;
  left:             0px;
  right:            0px;
  height:           14px;
  width:            auto;
  font-weight:      bold;
  text-align:       center;
  color:            #FFFFFF;
  background-color: #999999;
}

.dateSelectorHeader a {
  position: absolute;
}

.dateSelectorHeader a:link,
.dateSelectorHeader a:hover,
.dateSelectorHeader a:visited,
.dateSelectorHeader a:active {
  color: #FFFFFF;
}

.dateSelectorHeader .backward {
  left:  0px;
  width: 22px;
}

.dateSelectorHeader .caption {
  left:   20px;
  width:  106px;
  cursor: default;
}

.dateSelectorHeader .forward {
  right: 0px;
  width: 22px;
}

.dateSelectorTable {
  position: relative;
  display:  block;
  left:     0px;
}

.dateSelector > div > table {
  border-collapse: collapse;
}

.dateSelector > div > table > thead > tr > th {
  border: 1px solid #CCCCCC;
  text-align: center;
  font-size: 10px;
}

.dateSelector > div > table > tbody > tr > td {
  padding-left: 4px;
  border: 1px solid #CCCCCC;
  text-align: right;
  cursor: pointer;
}

.dateSelector > div > table > tbody > tr > td.otherMonth {
  background-color: #F8F8F8;
}

.dateSelector > div > table > tbody > tr > td:hover {
  background-color: #B6CAEA;
}

/* Date/time pop up */
.dateTime {
  position: relative;
  display: inline-block;
}

.dateTime > span {
  cursor: pointer;
}

.dateTime > div {
  position: absolute;
  top: 100%;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  z-index: 1;
  padding: 4px;
}

.dateTime > div > table > tbody > tr > td {
  white-space: nowrap;
}

.dateTime.collapsed > div {
  display: none;
}

.today {
  background-color: #F2AB82;
}
