Z-vents cal widget

cal_style.html

<style type="text/css">
div.DemoWrapper { background: #fff; border: #ccc 1px solid; width: 280px; min-height: 130px; display: block; padding: 10px; }
div#FresnobeeCalendarPicker {  }
ul.ZventsQuickDayList { margin: 0; padding: 0; }
ul.ZventsQuickDayList li { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
.ZventsDayButton { float: left; 
  margin: 0 2px 0 0; 
  background: #eee; 
  text-align: center;  
  font-size: 10px; 
  text-decoration: none; 
  border-top: 1px solid #ccc; 
  border-right: 1px solid #999; 
  border-bottom: 1px solid #999; 
  border-left: 1px solid #ccc;
  color: #333; 
  }
.ZventsDayButton:hover { border: 1px solid #333; }
.ZventsDayButtonToday { background: #ddd; }
a.ZventsDayButton.ZventsDayButtonToday {  }
span.ZventsDayButtonDate { color:#fefefe; background-color:#2f4765; width: 42px; display: block; height: 18px; line-height: 18px; }
span.ZventsDayButtonDay { color:#333; background-color:#fff; width: 42px; display: block; height: 22px; line-height: 22px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #ddd; }
a.ZventsDayButton {  }
.ZventsAllButton {  }
a.ZventsDayButton.ZventsAllButton {  }
div#FresnobeeCalendarList {  }
ul.ZventsEventList { margin: 0; padding: 0; list-style: disc inside; list-style-position: inside;  }
ul.ZventsEventList li { margin: 10px 0 5px 0; font-size: 12px;}
li.ZventsEvent {  }
span.ZventsEventTime { font-weight: bold; }
span.ZventsEventDate { font-weight: bold; }
a#z_link_FresnobeeCalendarList_1 {  }
a.ZventsEventName { color: #2f4765; }
a.ZventsEventName:hover { text-decoration: none;}
a#z_link_FresnobeeCalendarList_2 {  }
</style>