#calendar {
  position: relative;
}

#calendar * {
  font-size:100%;
}
 
#calendar table {
  display: inline; /* fixes ie double-margin bug */
  float: right;
  margin-top: 5px;
  margin-right: 40px;
  border-spacing: 2px;
  border-collapse: separate;
  font-family: Verdana, Tahoma, Sans-serif;
  font-size: 70%;
  background-color: #999;
  cursor: default;
}

#calendar td {
  color: #000;
}
 
#calendar tr.month td {
  text-align:center;
  background-color:#0c1e63;
  font-size:100%;
  color:#fff;
}
 
#calendar tr.month td a:link, #calendar tr.month td a:visited {
  color:#fff;
}
 
#calendar th.day {
  width:20px;
  text-align:center;
  background-color:#0c1e63;
  color:#fff;
  font-size:90%;
}
 
#calendar td.event, #calendar td.cal_non-mo, #calendar td.no_event {
  text-align:center;
  height:20px;
  color: #666;
  background-color:#fff;
}

#calendar td.event {
  background-color: #bcddef;
  cursor: pointer;
}

#calendar td.cal_non-mo {
  color: #aaa;
  background-color:#d7d7d7;
}
 
/*#calendar td.event a {
  text-decoration:none;
  color:#fff;
}*/

#event_details {
  display: inline; /* fixes ie double-margin bug */
  float: left;
  height: 160px;
  width: 325px;
  margin-top: 5px;
  margin-left: 40px;
  overflow: auto;
}

#event_details p, #event_details ul {
  font-size: 80%;
}

#event_details h4 {
  padding-bottom: 1em;
  font-size: 90%;
  font-family: Georgia, "Times New Roman", Serif;
  font-variant: small-caps;
  color: #f8f783;
}

#event_details ul li {
  cursor: pointer;
}

#event_details ul li p {
  display: inline;
  padding-bottom: 0.2em;
  font-size: 85%;
  color: #f8f783;
  text-decoration: underline;
}

#event_details strong {
  font-weight: bold;
}

#event_info {
  display: none;
  position: absolute;
  z-index: 10;
  width: 300px;
  border: 1px solid #000;
}

#event_info_body {
  padding: 0.2em 0.5em;
  background-color: #666;
}

#event_info_body * {
  color: #fff;
}

#event_info_tbar {
  width: 100%;
  border-bottom: solid 2px #498cb3;
  background-color: #e1ac1c;
}

#event_info_tbar a {
  display: block;
  padding: 0.2em 0.5em;
  font-family: Verdana, Tahoma, Sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #0c1e63;
  text-align: right;
  text-decoration: none;
  cursor: pointer;
}