div#agenda { position:relative; float:left; width:588px; margin-bottom:15px; }
div#agenda a { color:#14b9ed; text-decoration:none; cursor:pointer; }
div#agenda a:hover { color:#14b9ed; text-decoration:underline; cursor:pointer; }

div#agenda .header { position:relative; width:588px; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; }
div#agenda .header table { width:100%; }
div#agenda .header table tr td { height:30px; width:32%; padding:5px; }

div#agenda #prevMonth { text-align:left; }
div#agenda #month { text-align:center; font-weight:bold; }
div#agenda #nextMonth { text-align:right; }

div#agenda .container { position:relative; width:588px; }
div#agenda .container table { width:100%; }
div#agenda .container table tr td { padding:3px; height:50px; }

div#agenda .container table .dayBlock { border:1px solid #d0d0d0; vertical-align:top; text-align:center; }
div#agenda .container table .dayBlock:hover { background-color:#EFEFEF; }
div#agenda .container table .dayBlock a:hover { text-decoration:none; }
div#agenda .container table .blockContainer { width:100%; height:100%; }

div#agenda .container table .dayBlock .dayOfTheWeek { float:right; font-weight:bold; font-size:11px; }
div#agenda .container table .dayBlock .event { clear:both; padding-top:12px; font-weight:bold; font-size:11px; }
div#agenda .container table .dayBlock .eventNumber { font-size:14px; }

div#agenda .container table .currentDay { background-color:#EFEFEF; }
div#agenda .container table .otherDay { color:#888; }
div#agenda .container table .monthDay { color:#000; }