/* calendar-popup.css */

.calendarPopout table { margin-right: 0 !important; width: 288px; }
.calendarPopout table thead tr th, .calendarPopout tbody tr td { padding: 0 !important; border: none !important;  border-collapse: collapse !important; text-align: center !important; }
.calendarPopout table a { text-decoration: none !important; }
.calendarPopout table tr, #calendarPopout table td {  }
.calendarPopout table thead tr { font-size: 80%; }
.calendarPopout table tbody td.calendar_inactive {  }
.calendarPopout table tbody tr { margin: 0; padding: 0; }
.calendarPopout table tbody td.calendar_highlight a { font-weight: bold; }

#eventDetails a { text-decoration: none !important; }
#eventDetails { display: none; bottom: 1.3em; left: -96px; z-index: 100; width: 200px; position: absolute; color: #000;}
#eventDetails.singleCharacter { left:-99px !important;}
#eventDetails #eventTop { background: url(../images/calendar/popup/preview-bg-top.png); height: 15px; width: 200px; }
#eventDetails #eventBottom { background: url(../images/calendar/popup/preview-bg-bottom.png) bottom center; text-align: left; padding: 0 20px 30px; }
#eventDetails #eventBottom ul { margin: 0; padding: 0; display:block;}
#eventDetails #eventBottom li { margin: 0 0 5px; padding: 0; list-style: none;  display:block;}
#eventDetails #eventBottom li .eventTime { font-weight: bold;  display:block;}
.calendar_highlight a { position: relative; }