.calendar {
  position: relative;
  display: none;
  background-color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
}
.calendar thead .name { 
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #677A8E;
	font-family: Tahoma, Verdana;
	font-size: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4DFE4;
	background-color: #EFEFF0;	
}
.calendar thead .active { 
  border-width: 1px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.calendar tbody .day { 
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody td.active {
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.calendar tbody td.selected { 
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
}
.calendar tbody td.weekend { 
  color: #f00;
}
.calendar tbody td.today { 
  font-weight: bold;
  color: #00f;
}
.calendar tbody td.disabled { color: GrayText; }
.calendar tbody .emptycell {
  visibility: hidden;
}
.calendar tbody .emptyrow { 
  display: none;
}
.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: smaller;
  padding: 1px;
}
.combo .label {
  text-align: center;
  padding: 1px;
}
.combo .active {
  padding: 0px;
  border: 1px solid #000;
}