.cal_navigator_bar {
  background-color: #EFEFEF;
  border: 1px solid #DEDEDE;
  padding: 3px;
  text-align: center;
  margin: 10px 0 10px 0;
}

.big-cal_month {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  height: 30px;
}

.big-cal {
  background-color: #CCCCCC;
}

.big-cal .weekday {
  background-color: #DDEAFB;
  text-align: center;
  font-weight: bold;
}

.big-cal .inactive {
  height: 70px;
  color: #CCCCCC;
  text-align: right;
  vertical-align: top;
  background-color: #FFFFFF;
}

.big-cal .active {
  height: 70px;
  color: #000000;
  text-align: right;
  vertical-align: top;
  background-color: #FFFFFF;
}

.big-cal .hover {
  height: 70px;
  color: #000000;
  text-align: right;
  vertical-align: top;
  background-color: #CCCCFF;
	cursor: pointer;
	cursor: hand;
}

.big-cal .reserved {
  height: 70px;
  color: #000000;
  text-align: right;
  vertical-align: top;
  background-color: #F98D1E;
}

.big-cal .not_available {
  height: 70px;
  color: #000000;
  text-align: right;
  vertical-align: top;
  background-color: #A5A7A2;
}

.big-cal .tentative {
  height: 70px;
  color: #000000;
  text-align: right;
  vertical-align: top;
  background-color: #017CC2;
}

.big-cal .current_day {
  height: 70px;
  color: #000000;
  text-align: right;
  vertical-align: top;
  background-color: #C1E5F3;
}

.small-cal {
  background-color: #CCCCCC;
}

.small-cal .month {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  background-color: #FF9900;
  color: #FFFFFF;
}

.small-cal .weekday {
  background-color: #FFFFFF;
  text-align: center;
  font-size: 9px;
  font-weight: bold;
  height: 16px;
}

.small-cal .inactive {
  color: #E6E6E6;
  text-align: center;
  font-size: 9px;
  background-color: #E6E6E6;
  height: 16px;
}

.small-cal .active {
  color: #000000;
  text-align: center;
  font-size: 9px;
  background-color: #FFFFFF;
  height: 16px;
}

.small-cal .hover {
  color: #000000;
  text-align: center;
  background-color: #CCCCFF;
  font-size: 9px;
	cursor: pointer;
	cursor: hand;
  height: 16px;
}

.small-cal .reserved {
  color: #000000;
  text-align: center;
  background-color: #F98D1E;
  font-size: 9px;
  height: 16px;
}

.small-cal .not_available {
  color: #000000;
  text-align: center;
  background-color: #A5A7A2;
  font-size: 9px;
  height: 16px;
}

.small-cal .tentative {
  color: #000000;
  text-align: center;
  background-color: #017CC2;
  font-size: 9px;
  height: 16px;
}

.small-cal  .current_day {
  color: #000000;
  text-align: center;
  background-color: #C1E5F3;
  font-size: 9px;
  height: 16px;
}


.small-cal .month-editable {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  background-color: #DDEAFB;
}

.small-cal .weekday-editable {
  background-color: #FFFFFF;
  text-align: center;
  font-size: 9px;
}

.small-cal .inactive-editable {
  color: #E6E6E6;
  text-align: center;
  font-size: 9px;
  background-color: #E6E6E6;
}

.small-cal .active-editable {
  color: #000000;
  text-align: center;
  font-size: 9px;
  background-color: #FFFFFF;
}

.small-cal .hover-editable {
  color: #000000;
  text-align: center;
  background-color: #CCCCFF;
  font-size: 9px;
	cursor: pointer;
	cursor: hand;
}

.small-cal .reserved-editable {
  color: #000000;
  text-align: center;
  background-color: #F98D1E;
  font-size: 9px;
}

.small-cal .not_available-editable {
  color: #000000;
  text-align: center;
  background-color: #A5A7A2;
  font-size: 9px;
}

.small-cal .tentative-editable {
  color: #000000;
  text-align: center;
  background-color: #017CC2;
  font-size: 9px;
}

.small-cal  .current_day-editable {
  color: #000000;
  text-align: center;
  background-color: #C1E5F3;
  font-size: 9px;
}


.cal-legend {
  background-color: #F3F3F3;
  padding: 1px;
}

.cal-legend .title{
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 5px;
}