#calendar 
{
    position: relative;
    text-align:center;
    font:normal 08pt Verdana, Arial, Helvetica, sans-serif;
/*	width:180px; */
}
#calendar .calendarDetail 
{
    border:1px solid #aaa;
    margin:0 0 1em 0;
    padding:0 0 5px 0;
    width:100%;
    color:#000;
    background-color:#fff;
    font-size: 10pt;
}
#calendar .calendarDetail .title td, #calendar .calendarDetail .title a 
{
    text-align: center;
    font-size:1.2em;
    font-size: 12pt;
    font-size: 10pt;
    color:#fff;
    background-color:#aaa;
    padding:0;
    text-decoration:none;
}
#calendar .calendarDetail .title1 td 
{
    border-bottom:1px dashed #ddd;
    padding:0.2em;
}
#calendar .calendarDetail .week td, #calendar .calendarDetail .week a 
{
    padding:0.2em;
    text-decoration:none;
    color:#000;
    background-color:inherit;
}
#calendar .calendarDetail .week a:hover 
{
    color:#000;
    background-color:#eee;
}
#calendar .calendarDetail .lastMonth a, #calendar .calendarDetail .nextMonth a 
{
    color:#aaa;
    background-color:#eee;
}
#calendar .calendarDetail .weekend a 
{
    color:#f00;
    background-color:inherit;
}
#calendar .calendarDetail .event a 
{
    font-weight:bold;
    font-size: 10pt;
    color:#87CEEB;
    background-color:inherit;
    text-decoration:underline;
}
#calendar .calendarDetail .today a 
{
    color:#fff;
    background-color:#808080;
    font-weight:bold;
    font-size: 10pt;
}
#calendar .calendarDetail .calendarEvent 
{
    left: 1px;
    display:none;
    margin:0;
    padding:0.3em;
    position:absolute;
    width:180px;
    color:#000;
    background-color:#fff;
    text-align:left;
    border:1px solid #aaa;
    font-weight:normal;
    font-size: 10pt;
}
#calendar .calendarDetail .calendarEvent .date 
{
    font-style:italic;
    font-size: 10pt;
}
#calendar .calendarDetail .calendarEvent .edit 
{
    float:right;
}
#calendar .calendarDetail .calendarEvent a 
{
    font-weight:normal;
    font-size: 10pt;
    color:#000;
    background-color:#fff;
}
#calendar .calendarDetail .calendarEvent li 
{
    margin:0 0 1em 0;
    list-style:disc inside none;
}
#calendar .calendarDetail td:hover > .calendarEvent 
{
    display:block;
}

#calendarForm 
{
    font:normal 08pt Verdana, Arial, Helvetica, sans-serif;
    background-color:#494949;
    color:#fff;
}
#calendarForm .title 
{
    text-align:center;
    color:#eee;
    background-color:#808080;
    padding:0.3em;
    margin:0 0 1em 0;
    font-weight:bold;
}
#calendarForm .credit 
{
    text-align:right;
    margin:0;
    padding:0 1em 0.5em 0;
    color:#C0C0C0;
    background-color:inherit;
}
#calendarForm .credit a 
{
    color:#C0C0C0;
    background-color:inherit;
    text-decoration:underline;
}
#calendarForm .credit a:hover 
{
    text-decoration:none;
}
#calendarForm form 
{
    margin:0;
    padding:0 0.5em;
    color:#eee;
    background-color:inherit;
}
#calendarForm form br 
{
    clear:both;
}
#calendarForm input, #calendarForm select, #calendarForm textarea 
{
    font:normal 08pt Verdana, Arial, Helvetica, sans-serif;
    margin:0 0 0.5em 0;
}