.calendar { 
  border          : 1px solid #000;
  border-top      : 2px solid #000;
  border-bottom   : 3px solid #000;
  border-spacing  : 0;
  *border-collapse : collapse;
  margin-left     : auto;
  margin-right    : auto;
  margin-top      : 0.2em;
  empty-cells     : show;
  width           : 70%;
}

.monthName th { 
  font-size  : 13px;
  color      : #333;
  text-align : center;
  border-bottom : 2px solid #000;
}

.dayName th { 
  color       : #fff;
  background  : #cf3333;
  font-size   : 12px;
  font-weight : bold;
  border      : 0.0313em solid #000;
  padding     : 0.3em;
  text-align  : center;
}

.otherMonth { 
  border : 0.0313em solid #000;
  background-color : #ddd;
  height : 60px;
  width  : 60px;
}

.day { 
  border : 0.0313em solid #000;
  height : 60px;
  width  : 60px;
  vertical-align  : top;
  font-size: 8pt;
  padding  : 0.3em;
}

.specialDay { 
  border : 0.0313em solid #000;
  height : 60px;
  width  : 60px;
  vertical-align  : top;
  font-size: 8pt;
}


.title { 
  font-size : 9px;
  color: blue;
}

.title-bold { 
  font-size : 13px;
  background-color : orange;
}

#event-info{ 
  position: absolute;
  min-height  : 1.25em;
  width   : 25em;
  z-index : 1;
  font-size : 7pt;
  font-family : arial;
  float : right;
  margin-right : 1em;
  margin-left  : 48%;
  background-color:#F2F3F7;/*#E8ECF5*//*#E7E9F1;*/ 
  border: 2px solid #000;
  overflow: auto;
}

#event-info span { 
  font-size : 7pt;
  margin-left: 80%;
  margin-right : 2px;
  margin-top   : 2px;
}

#info { 
  font-family: Arial;
  font-size: 10pt;
  margin: 1em;
}

#info td { 
  font-size : 10px;
  font-family: verdana;
}

#events{ 
  min-height : 100px;
  margin-top : 2em;
}

#links{ 
  text-align: center;
  font-size : x-small;
}