/* calendar-popup.css */

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

.upcomingEvents table#calendar_monthBlock{margin: 0 auto; width: 280px; font-size: 85%;}
.upcomingEvents table#calendar_monthBlock td{text-align: center; color:inherit !important;}
.upcomingEvents table#calendar_monthBlock a{color: inherit !important;}
.upcomingEvents .calendar_highlight a{font-weight: bold !important; color:inherit !important;}

#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;}
#eventDetails #eventBottom li     {margin:0 0 5px; padding:0; list-style:none;}
#eventDetails #eventBottom li .eventTime{font-weight:bold;}
.calendar_highlight a             {position: relative;}