﻿#jMonthCalendar 
{
        position:relative;
}

.MonthlyCalendar .MonthNavigation
{
        border-bottom:solid 1px #ddd;
        clear:both;
        height:20px;
        padding:5px 10px 0 10px;
}

.MonthlyCalendar .MonthNavPrev,
.MonthlyCalendar .MonthNavNext,
.MonthlyCalendar .TodayLink
{
        width:7%;
        float:left;
}

.MonthlyCalendar .YearNavNext,
.MonthlyCalendar .YearNavPrev
{
        width:10%;
        float:left;
}

.MonthlyCalendar .MonthName
 {
        width:59%;
        text-align:center;
        font-weight:bold;
        float:left;
}

.MonthlyCalendar
{
        height:100%;
        width:100%;
        border:solid 1px #ddd;
        border-collapse:collapse;
}

.MonthlyCalendar #CalendarHead 
{
        width:100%;
        background:#F7F7F7 none repeat scroll 0 0;
}

.MonthlyCalendar #CalendarHead .DateHeader
{
        width:14.285%;
        text-align:center;
}

.MonthlyCalendar #CalendarBody
{
}

.DateBox
{
        vertical-align:top;
        border:solid 1px #ddd;
        width:135px;
		background: #FFF;
		height: 90px;
}

.DateLabel
 {
        height:16px;
        width:100%;
        background:#F7F7F7 none repeat scroll 0 0;
        text-align:right;
}

#jMonthCalendar .DateLabel a
{
        cursor:pointer;
        padding:0 5px 2px;
        text-decoration:none;
        line-height:16px;
font-weight: bold;
}

#CalendarBody .Inactive,
#CalendarBody .Weekend
{
        background:#EFF9FE none repeat scroll 0 0;
}
.Today
{
        background:#A9DFFF none repeat scroll 0 0;
}

#jMonthCalendar .Event
{
        font-size: .95em;
        padding:1px 1px 1px 4px;
        margin-bottom:1px;
        cursor:pointer;
        display:block;        
        text-align:left;
		border-bottom: 1px dashed #F7F7F7;
}

#jMonthCalendar .Event:last-child {
	border-bottom: none;
}

#jMonthCalendar .Event a
{
        text-decoration:none;
        color:#000;
}

#jMonthCalendar .Event a:hover
{
        text-decoration:underline;
}

/******************************************************************************
** Full Width Calendar
*******************************************************************************/
	
.calendar #content,
.calendar #limelight,
.calendar #news-ticker {
	width: 940px;
}

.calendar #news-ticker .content {
	width: 936px;
}

.calendar #limelight .content {
	width: 906px;
	
}