/* Month View Styles */
.pageCenterContent {
	margin-bottom: 30px;
}

.mcms_Calendar {
	border: medium none;
	height: 100%;
	width: 100%;
}

.mcms_Calendar_Day
{
    border: #c6c1ac 1px solid;
    font-size: 90%;
    vertical-align: top;
    color: black;
    height: 70px;
    width: 14%;
    background-color: #ffffff;
    text-align: left;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_Day div {
        white-space: nowrap;
        width: 39px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%;  
    }
}

.mcms_Calendar_Day_Item
{
    font-size: 100%;
    margin-bottom: 10px !important;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_Day_Item div {
        white-space: nowrap;
        width: 39px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%;  
    }
}

.mcms_Calendar_Day_Number
{
    font-size: 100%;
    font-weight: normal;
    text-decoration: underline;
    cursor: hand;
}

.mcms_Calendar_Day_MoreItemsContainer
{
    text-align: right;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.mcms_Calendar_Day_MoreItems
{
    border: 1px black solid;
    background-color: #F6F5EF;
    font-size: 100%;
    font-weight: bold;
    padding: 0 1 0 1;
    cursor: hand;
    height: 3px;
}

.mcms_Calendar_DayHover {
	border: #c6c1ac 1px solid;
	font-size: 90%;
	vertical-align: top;
	color: black;
	height: 70px;
	width: 14%;
	background-color: #f1f1f1; 
	text-align: left;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_DayHover div {
        white-space: nowrap;
        width: 55px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%; 
    }
}

.mcms_Calendar_WeekendDay
{
    border: #c6c1ac 1px solid;
    font-size: 90%;
    vertical-align: top;
    color: black;
    height: 70px;
    width: 14%;
    background-color: #ffffff;
    text-align: left;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_WeekendDay {
	max-width: 25px;
        min-width: 25px;
    }
    .mcms_Calendar_WeekendDay div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%; 
    }
}

.mcms_Calendar_WeekendDayHover
{
    border: #c6c1ac 1px solid;
    font-size: 90%;
    vertical-align: top;
    color: black;
    height: 70px;
    width: 14%;
    background-color: #ffffff;
    text-align: left;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_WeekendDayHover div {
        white-space: nowrap;
        width: 55px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%; 
    }
}

.mcms_Calendar_SelectedDay
{
    border: #c6c1ac 1px solid;
    font-size: 90%;
    vertical-align: top;
    color: black;
    height: 70px;
    width: 14%;
    background-color: #ffffff;
    text-align: left;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_SelectedDay div {
        white-space: nowrap;
        width: 55px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%; 
    }
}

.mcms_Calendar_Today {
	border: #5a1c40 2px solid;
	font-size: 90%;
	vertical-align: top;
	color: black;
	height: 70px;
	width: 14%;
	background-color: #ffffff;
	text-align: left;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_Today div {
        white-space: nowrap;
        width: 55px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%; 
    }
}

.mcms_Calendar_TodayHover
{
    border: #34572d 2px solid;
    font-size: 90%;
    vertical-align: top;
    color: black;
    height: 70px;
    background-color: rgba(227, 227, 227, 0.8);
    text-align: left;
    width: 14%;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_TodayHover div {
        white-space: nowrap;
        width: 55px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%; 
    }
}

.mcms_Calendar_OtherMonthDay {
	background-color: #f4f4f4;
	width: 14%;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_OtherMonthDay div {
        white-space: nowrap;
        width: 55px;
        overflow: hidden;
        text-overflow: ellipsis; 
        font-size: 85%; 
    }
}

.mcms_Calendar_Month
{
    border: black 1px solid;
    border-collapse: collapse;
}

.mcms_Calendar_DayHeader {
	border-top: #ffffff 1px solid;
	border-right: #c6c1ac 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #aca899 1px solid;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	font-size: 85%;
	color: #504c39;
	background-color: #e1e1e1;
	text-align: center;
}

@media (max-width: 640px) 
{
    .mcms_Calendar_DayHeader {
        white-space: nowrap;
        /*width: 30px;*/
        overflow: hidden;
        text-overflow: ellipsis; 
        max-width: 15px;
        min-width: 15px;
        font-size: 80%; 
        padding-right: 2px;
        padding-left: 2px;
    }
}

.mcms_RendererCalendarEventExportLinkContainer
{
    margin-top: 15px;
}

.mcms_Calendar_Title {
	border: #7c2128 1px solid;
	background-color: #7c2128;
}

.mcms_Calendar_Title TD A
{
    font-weight: normal;
    font-size: 1em;
    padding-bottom: 1px;
    color: #fff;
    text-decoration: underline;
    padding-top: 1px;
    padding-left: 0.5em;
    padding-right: 0.5em;

}

@media (max-width: 640px) {

   .mcms_Calendar_Title TD A
   {
	font-size: 80%;
   }

}

.mcms_Calendar_Title TD A:hover
{
    font-weight: normal;
    font-size: 1em;
    padding-bottom: 1px;
    color: #fff;
    text-decoration: none;
    padding-top: 1px;
}

@media (max-width: 640px) {

   .mcms_Calendar_Title TD A:hover
   {
	font-size: 80%;
   }

}

.mcms_Calendar_Title_Current
{
    font-weight: bold;
    font-size: 110%;
    padding-bottom: 1px;
    color: #fff;
    padding-top: 1px;
}

@media (max-width: 640px) {

   .mcms_Calendar_Title_Current
   {
	font-size: 90%;
   }

}

.mcms_Calendar_Select_Week {
	border: #c6c1ac 1px solid;
	width: 1%;
	cursor: pointer;
	background-color: #e1e1e1;
	text-align: center;
}

.mcms_Calendar_Select_Week_Hover
{
    border: #c6c1ac 1px solid;
    width: 17px;
    cursor: pointer;
    background-color: #ccffff;
    text-align: center;
}

.mcms_Calendar_Select_Month {
	border: #c6c1ac 1px solid;
	width: 17px;
	background-color: #e1e1e1;
}

/* Range View Styles */
.mcms_Calendar_Range_View
{
    border: #c6c1ac 1px solid;
    width: 487px;
    height: 100%;
    font-size: 9.5pt;
    line-height: 130%;
}

.mcms_Calendar_Range_View_Header
{
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    font-size: .9em;
    color: #504c39;
    background-color: #e3e0cd;
    text-align: center;
}

.mcms_Calendar_Range_Time
{
    background-color: #e3e0cd;
    text-align: right;
    white-space: nowrap;
}

.mcms_Calendar_Range_Row
{
    background-color: #FFFFFF;
    font-size: .9em;
}

.mcms_Calendar_Range_Alternating_Row
{
    background-color: #F6F5EF;
    font-size: .9em;
}

.mcms_Calendar_Range_Row_Item
{
    font-size: .9em;
    margin-bottom: 8px;
}

#_ctl0_uxViewArea_ucCalendarContentEngine_uxCalendar_CalendarTable
{
    width: 100%;
}

@media (max-width: 640px) 
{
    .#_ctl0_uxViewArea_ucCalendarContentEngine_uxCalendar_CalendarTable {
        width: 100%;
    }
}