/*****************************************************************************
 * calendar
 *****************************************************************************/

.calendar {
  background: #e0e0ef;
  border: 1px solid #002984;
  font-size: 11px;
  text-align: center;
}

.calendar .title TD.left {
  font-size: 13px;
  background: #667bc1;
  color: #ffffff;
  padding: 2px 3px 2px 3px;
  border-bottom: 1px solid #002984;
  font-weight: bold;
  border-right: 1px solid #002984;
}

.calendar .title TD.right {
  font-size: 13px;
  background: #667bc1;
  color: #ffffff;
  padding: 2px 3px 2px 3px;
  border-bottom: 1px solid #002984;
  font-weight: bold;
  border-left: 1px solid #002984;
}

.calendar .title {
  font-size: 13px;
  background: #667bc1;
  color: #ffffff;
  padding: 2px 3px 2px 3px;
  border-bottom: 1px solid #002984;
  font-weight: bold;
}

.calendar .title .border-l {
  border-left: 1px solid #002984;
}

.calendar .title .border-r {
  border-right: 1px solid #002984;
}

.calendar .header TD {
  padding: 2px 3px 2px 3px;
  background: #869be1;
  color: #ffffff;
  border: 1px solid #002984;
  font-size: 11px;
  font-weight: normal;
}

.radio {
  text-align: left;
  font-size: 12px;
  margin: 5px 0px 5px 0px;
  color: #ffffff;
  border: 1px solid #002984;
  background: #667bc1;
}

.radio .title {
  text-align: left;
  font-size: 13px;
  margin: 10px 0px 0px 0px;
  color: #ffffff;
  background: #667bc1;
}

TABLE.radio {
  width: 100%;
  border-spacing: 0px 0px;
  margin: 10px 0px 0px 0px;
}

TABLE.calendar {
  margin: 0px auto 0px auto;
  border-collapse: collapse;
  border-spacing: 0px 0px;
}

.calendar .cell TD {
  width: 40px;
  height: 40px;
  margin: auto auto auto auto;
  border: 1px solid #002984;
}

.calendar .cell #prev {
  background: #a0a0af;
}

.calendar .cell #current {
}

.calendar .cell #next {
  background: #c0c0cf;
}

.calendar .cell #today {
  background: #abcdef;
}

.calendar .cell #event {
  background: #f0f0ff;
}