a { text-decoration: underline;}
a:link { text-decoration: underline;}
a:visted { text-decoration: underline;}
a:hover { text-decoration: underline;}


.CalendarEvents
{
    color: #000000;
}
a.CalendarEvents { color: #000000;}
a:visited.CalendarEvents { color: #000000;}
a:active.CalendarEvents { color: #696969;}
a:hover.CalendarEvents { color: #696969;}

.EventTitle { font-weight: bold;}

.CalendarStyle 
{
     width: 700px;
     font-family: Arial, Sans-Serif;
     font-size: 12px;
     border: solid 2px #8FBC8F;
     color: #696969;
     background-color: #FFFAF0;
}

.SmallCalendarStyle 
{
     width: 400px;
     font-family: Arial, Sans-Serif;
     font-size: 8px;
     border: solid 2px #8FBC8F;
     color: #696969;
     background-color: #FFFAF0;
}

.DayHeaderStyle 
{
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-color: #F5F5F5;
    height: 20px;
    text-align: center;
    vertical-align: middle;  
}
.DayStyle 
{
    font-size: 12px;
    height: 80px;
    text-align: left;
    vertical-align: top;
}
.SmallDayStyle 
{
    font-size: 10px;
    height: 80px;
    text-align: left;
    vertical-align: top;
}

.NextPrevStyle 
{
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    vertical-align: middle;  
}

.OtherMonthDayStyle 
{
    font-size: 12px;
    color: #CCCCCC;
    background-color: #FFFFFF;
    height: 80px;
    text-align: left;
    vertical-align: top;
}
.SmallOtherMonthDayStyle 
{
    font-size: 10px;
    color: #CCCCCC;
    background-color: #FFFFFF;
    height: 80px;
    text-align: left;
    vertical-align: top;
}
.SelectedDayStyle { }
.SelectorStyle { }
.TitleStyle 
{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background-color: #8FBC8F;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
.TodayDayStyle 
{
    font-size: 12px;
    background-color: #FFEFD5;
    color: #696969;
    height: 80px;
    text-align: left;
    vertical-align: top;
}
.SmallTodayDayStyle 
{
    font-size: 10px;
    background-color: #FFEFD5;
    color: #696969;
    height: 80px;
    text-align: left;
    vertical-align: top;
}
.WeekendDayStyle 
{
    font-size: 12px;
    height: 80px;
    text-align: left;
    vertical-align: top;
}
.CalendarDetailPanel 
{
    padding: 10px;
    width: 300px;
    border: solid 2px #8FBC8F;
    background-color: #C8F0C8;
    text-align: left;
}
.CalendarDetailPanel hr 
{
    color: #8FBC8F;
    background-color: #8FBC8F;
}

.RegForm input { margin: 2px; }
.DatePicker { margin-top: 2px;}
.DatePickerIcon { padding-top: 0;}

.CalendarEditPanel 
{
    padding: 10px;
    width: 600px;
    border: solid 2px #8FBC8F;
    background-color: #C8F0C8;    
}

.EventDayStyle
{
    font-size: 12px;
    background-color: #8FBC8F;
}
.SmallEventDayStyle
{
    font-size: 10px;
    background-color: #8FBC8F;
}
.OtherMonthEventDayStyle
{
    font-size: 12px;
    background-color: #E2F8E2;
}
.SmallOtherMonthEventDayStyle
{
    font-size: 10px;
    background-color: #E2F8E2;
}

.DetailPH { text-align: left;}