/* $Id: ejp_calendar.css,v 91.0 2019/09/25 02:39:10 plotkin Exp $ */

/******************************************************************************************/
/** Styles for calendar/date pick popup **/
/******************************************************************************************/

/* class for calendar popup/layer */
.calendarPopup {
  border: 1px solid #000000;
  background-color: #FFFFFF;
  vertical-align: top;
  padding: 0px;
  z-Index: 1002;
  overflow: visible;
  max-height: 100%;
}

.cal_head_tbl{
  border-collapse: collapse;
}
.cal_head_tbl td{
  padding: 1px;
  border: 0px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  height: 22px;
}
.cal_head_tbl td.link{
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}
.cal_head_tbl td.display{
  width: 100%;
  font-weight: bold;
}

.cal_tbl{
  border-collapse: separate;
}
.cal_tbl tr.head{
  background-color: #b1babb;
}
.cal_tbl td{
  padding: 1px;
  border: 0px solid #000000;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 26px;
  height: 22px;
}
.cal_tbl td.head{
  color: #FFFFFF;
  font-weight: bold;
}
.cal_tbl td.day{
  cursor: pointer;
}
.cal_tbl td.day:hover{
  background-color: #FFFF00;
}
.cal_tbl td.not_curr{
  color: #B8B8B8;
}
.cal_tbl td.today{
  border: 2px solid #FF0000;
}
.cal_tbl td.selected{
  background-color: #FF66CC;
  font-weight: bold;
}