﻿#jMonthCalendar {
	height: 540px;
	margin:10px 1px  1px 1px;
}

.MonthlyCalendar .MonthNavigation {
	clear:both;
	height:20px;
	padding:5px 10px 0 10px;
	vertical-align: middle;
}

	.MonthlyCalendar .MonthNavigation a {
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		line-height: 1.5em;
		padding: 1px 2px;
		text-align: center;
	}

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

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

.MonthlyCalendar .MonthName {
	width:59%;
	text-align:center;
	font-weight:bold;
	float:left;
	font-size: 1.3em;
	margin-top: -3px;
}

.MonthlyCalendar {
	height:100%;
	width:100%;
	border-collapse:collapse;
}

.MonthlyCalendar #CalendarHead {
	width:100%;
	font-size: 1.15em;
}

.MonthlyCalendar #CalendarHead .DateHeader {
	width:14.285%;
	text-align:center;
	padding: 1em 0 0.5em;
	margin: 1em 0;
}

.MonthlyCalendar #CalendarBody {}

.DateBox {
	vertical-align:top;
	border:solid 1px #E2E2E2;
	width:135px;
}

.DateLabel {
	height:16px;
	width:100%;
	text-align:right;
	font-size:1.2em;
	text-transform:uppercase;
}

.DateLabel a {
	cursor:pointer;
	padding:0 5px 2px;
	text-decoration:none;
	line-height:16px;
}
#CalendarBody .DateBox {background:#ccc}
#CalendarBody .Today {background: #999}
#CalendarBody .Today a {color:#fff}

#CalendarBody .Today .DateLabel:before {
	content: "today";
	float: left;
	margin: 1px 5px;
	color: #fff;
}

#CalendarBody .Inactive,
#CalendarBody .Weekend {background: #F5F5F5}

.Today, #CalendarBody .DateBoxOver {}

#jMonthCalendar .MoreEvents {
	padding:1px 1px 1px 4px;
	cursor:pointer;
	display:block;
	position:absolute;
	text-align:center;
	height:14px;
}

#jMonthCalendar .Event {
	padding:0.25em 0.5em;
	cursor:pointer;
	display:block;
	position:absolute;
	text-align:left;
	overflow:hidden;
	font-size:1.2em;
	margin:2px;
}

#jMonthCalendar .Event a {color:#fff}

.Event {
	text-decoration:none;
	float:left;
	white-space:nowrap;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 2px #323232;
	-moz-box-shadow: 0 1px 2px #323232;
	background:#636466;
	color:#FFFFFF;
	line-height:1;
	padding:0.25em 0.5em;
}

#jMonthCalendar .Event:hover, #jMonthCalendar .hover {z-index:99999}
#jMonthCalendar .one-day:hover, #jMonthCalendar .one-day.hover {width: auto !important}
#jMonthCalendar .Event:hover a,#jMonthCalendar .hover a, .Event a:hover {color: #fff}

.Event span.ui-icon-triangle-1-w {float:left}
.Event span.ui-icon-triangle-1-e {float:right}

/* Override normal default */
.gutter {position: static}
#content-wrap div.internal-footer {border: none}