﻿body
{
}

a
{
    font-size:              11px;
}

.MonthlyCalendar .MonthNavigation
{
    border-bottom:          1px solid #ddd;
    clear:                  both;
    height:                 24px;
    padding:                5px 10px 0 10px;
}

.MonthlyCalendar .MonthNavNext
{
    width:                  10%;
    float:                  right;
    text-align:             right;
}

.MonthlyCalendar .MonthNavNext a
{
    font-size:              12px;
}

.MonthlyCalendar .MonthNavPrev
{
    width:                  10%;
    float:                  left;
}

.MonthlyCalendar .MonthNavPrev a
{
    font-size:              12px;    
}

.MonthlyCalendar .MonthName
{
    width:                  80%;
    text-align:             center;
    font-size:              14px;
    font-weight:            bold;
    float:                  left;
}

.MonthlyCalendar
{
    width:                  808px;
    border:                 1px solid #ddd;
    border-collapse:        collapse;
}

.MonthlyCalendar #CalendarHead
{
    width:                  100%;
    background:             #f7f7f7 none repeat scroll 0 0;
}

.MonthlyCalendar #CalendarHead .DateHeader
{
    width:                  14%;
    text-align:             center;
}

.MonthlyCalendar #CalendarBody
{
}

.DateBox
{
    height:                 100px;
    vertical-align:         top;
    border:                 1px solid #ddd;
}

.DateLabel
{
    height:                 16px;
    width:                  100%;
    background:             #f7f7f7 none repeat scroll 0 0;
    text-align:             right;
}

.DateLabel a
{
    cursor:                 pointer;
    padding:                0 5px 2px;
    text-decoration:        none;
    line-height:            16px;
}

#CalendarBody .Inactive, #CalendarBody .Weekend
{
    background:             #fafafa none repeat scroll 0 0;
}

.Today
{
    background:             #a9dfff none repeat scroll 0 0;
}

#jMonthCalendar .Event
{
    font-size:              12px;
    padding:                2px;
    background-color:       #c0d0ff;
    margin-bottom:          1px;
    -moz-border-radius:     0 4px 4px 4px;
    border:                 1px solid #000;
    cursor:                 pointer;
}

.Event a
{
    text-decoration:        none;
    color:                  #000;
}

.Event a:hover
{
    text-decoration:        underline;
}