div.day {
  display: block;
  float: left;
  height: 100px;
  width: 101px;
  border: 1px solid gray;
  margin: 1px;
}
span.heading{
  display: block;
  float: left;
  width: 100px;
  background-color: #7A8AA3;
  text-align: right;
  color: #CCCCCC;
  padding-right: 2px;
}
span.active{
  color: #FFFFFF;
  font-weight      : bold;
}
span.event{
  display: block;
  float: left;
  width: 101px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
}
html>body span.event{
  display: block;
  float: left;
  width: 100px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
}
div.heading {
  display: block;
  float: left;
  width: 101px;
  border: 1px solid black;
  text-align: center;
  margin: 1px;
  background-color: #FF6666;   
}
div.heading1 {
  display: block;
  float: left;
  width: 101px;
  border: 1px solid black;
  text-align: center;
  margin: 1px;
  background-color: #FFCC66;   
}
div.heading2 {
  display: block;
  float: left;
  width: 101px;
  border: 1px solid black;
  text-align: center;
  margin: 1px;
  background-color: #FFFF66;   
}
div.heading3 {
  display: block;
  float: left;
  width: 101px;
  border: 1px solid black;
  text-align: center;
  margin: 1px;
  background-color: #99FF66;   
}
div.heading4 {
  display: block;
  float: left;
  width: 101px;
  border: 1px solid black;
  text-align: center;
  margin: 1px;
  background-color: #6699FF; 
}
div.heading5 {
  display: block;
  float: left;
  width: 101px;
  border: 1px solid black;
  text-align: center;
  margin: 1px;
  background-color: #CCCCCC;   
}
div.heading6 {
  display: block;
  float: left;
  width: 101px;
  border: 1px solid black;
  text-align: center;
  margin: 1px;
  background-color: #CCCCCC;  
}
span.heading_multi {
  display: block;
  width: 740px;
  border: 1px solid black;
  text-align: left;
  font-size: 11px;  
  margin: 2px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #BFD5F7;  
}

.allday {
  background-color: #BFD5F7;
  font-weight      : bold;  
  
}