#eventsCalendar {width:162px; margin:0 auto;}

div.calendar {font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#000;}
div.calendar.popup {margin-left:-40px; margin-top: -100px;} /* used only if calendar is being used as a popup */
div.calendar table {font-size:10px; font-family:Verdana, Geneva, sans-serif; border:none; border-collapse:collapse;}
div.calendar thead {}
div.calendar td, div.calendar th {width:22px; height:22px; padding:0; text-align:center; background-color:#989663;}
div.calendar td.title {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000;}
div.calendar th {height:23px; background:#000; border:1px solid #898663; border-top:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff;}
div.calendar tr.days td {font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#000; text-align:center; cursor:default;}
div.calendar td.button {color:#e5e5e5; background-color:none; cursor:pointer;}
div.calendar td.button:hover {color:#00f; background-color:#e5e5e5; cursor:pointer;}
div.calendar td.button:active {color:#e5e5e5; background-color:none;}
div.calendar tr.days td:hover {background-color:#e5e5e5; cursor:default;}
div.calendar tr.days td:active {background-color:#ccc;}
div.calendar td.selected {font-weight:normal; background-color:#ccc; color:#000;}
div.calendar td.today {font-weight:normal; background:#e5e5e5;}
div.calendar tbody tr td {background:#ccc; border:1px solid #898663;}
div.calendar tbody tr.days td.otherDay {background:#898663; color:#898663;} /* days not in displayed month */
div.calendar table tr td.event {color:#f00; font-weight:normal; text-decoration:underline; cursor:pointer;}
div.calendar table tr td.event:hover {font-weight:bold; color:#f00; cursor:pointer;}
div.calendar tbody tr.days td.otherDay:hover {color:#898663; cursor:default;}
.weekend {background:none;}