table.SimpleCalendar {
  font-family: Arial;
  border-collapse: collapse; }
  table.SimpleCalendar th {
    background: #C9E9F0;
    color: #0092B4;
    font-size: 14px;
    padding: 3px;
    border: 1px solid #bbb;
    border-top: none; }
  table.SimpleCalendar tbody td {
    vertical-align: top;
    width: 180px;
    height: 180px;
    border: 1px solid #bbb;
    background: #e6e6e6; }
    table.SimpleCalendar tbody td time {
      color: black;
      font-size: 14px;
      display: block;
      background: white;
      padding: 2px;
      text-align: right;
      font-weight: bold; }
    table.SimpleCalendar tbody td.SCsuffix, table.SimpleCalendar tbody td.SCprefix {
      background: white; 
	 }
    table.SimpleCalendar tbody td div.event {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #858585;
      color: white; }
    table.SimpleCalendar tbody td div.eventend {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #00c1c1;
      color: white; }
	  
    table.SimpleCalendar tbody td div.eventdel {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #c18400;
      color: white; }
    table.SimpleCalendar tbody td div.eventcus {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: white;
      color: black; }
    table.SimpleCalendar tbody td div.eventres {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #33cc33;
      color: black; }
    table.SimpleCalendar tbody td div.eventrem {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #4499FF;
      color: black; }
    table.SimpleCalendar tbody td div.eventreq {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #ffe6e6;
      color: black; }
    table.SimpleCalendar tbody td div.eventboo {
      color: #355;
      font-size: .80em;
      padding: 5px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #e6ffe6;
      color: black; }
  table.SimpleCalendar tbody td.today {
    background: #d2d2d2; }

	/* Tooltip container */
	.tooltip {
	  position: relative;
	  display: inline-block;
	  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
	}

	/* Tooltip text */
	.tooltip .tooltiptext {
	  visibility: hidden;
	  width: 120px;
	  background-color: black;
	  color: #fff;
	  text-align: center;
	  padding: 5px 0;
	  border-radius: 6px;
	 
	  /* Position the tooltip text - see examples below! */
	  position: absolute;
	  z-index: 1;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}