#calendar table
{
border: solid 1px #000;
cursor: pointer;
}
#calendar thead th
{
border-bottom: solid 1px #000;
padding: 2px;
width: 45px;
height: 20px;
font-size: 150%;
}
#calendar tfoot th
{
padding: 2px;
width: 45px;
height: 20px;
font-size: 150%;
}
#calendar .with_border
{
border-right: solid 1px;
}
#calendar td
{
height: 25px;
border-bottom: solid 1px;
text-align: center;
}
#calendar .before
{
background-color: #afafaf;
}
#calendar .current
{
background-color: #fff;
}
#calendar .match
{
background-color: #003f89;
}
#calendar .event
{
background-color: #ffdd00;
}
#calendar .after
{
background-color: #afafaf;
}
#events
{
text-align: left;
padding-left: 5px;
padding-right: 5px;
border: solid 1px #000;
background-color: #f0f0f0;
position: absolute;
left: 100px;
top: 100px;
z-index: 100;
}
#events p
{
padding: 0px;
margin: 0px; 
}
#one_day
{
padding-top: 30px;
padding-bottom: 30px;
font-size: 600%;
background-color: #fff;
}
#one_day p
{
padding: 0px;
margin: 0px; 
}
#one_day_text
{
background-color: #afafaf;
}