.CalendarHolder {
	display:none;
	width: 287px;
	background: transparent url('/images/calBg2.png') no-repeat scroll left top;
	margin: 0 auto;
}

.calendar {
	overflow: hidden;
	display: block;
	position: relative;
}

.calPrev, .calNext {
	display: block;
	width: 30px;
	height: 35px;
	position: absolute;
	top: 0;
	cursor: pointer;
}

.calPrev {
	left: 0;
	background: transparent url('/images/cal_arrow_left.png') no-repeat scroll center center;
}

.calNext {
	right: 0;
	background: transparent url('/images/cal_arrow_right.png') no-repeat scroll center center;
}

.calPrev.hover {
	background: transparent url('/images/cal_arrow_left_hover.png') no-repeat scroll center center;
}

.calNext.hover {
	background: transparent url('/images/cal_arrow_right_hover.png') no-repeat scroll center center;
}

.calendar ul {
	height: 30px;
	float: left;
}

.calendar li {
	height: 30px;
	width: 30px;
	overflow: hidden;
	float: left;
}

.calendar a {
	text-align: center;
	vertical-align: middle;
	width: 40px;
	display: block;
	float: left;
	height: 29px;
	font-family: Arial;
	font-size: 12px;
	color: #d9d9d9 !important;
	text-decoration: none;
	padding: 0;
	margin: 0 1px 1px 0;
	line-height: 29px;
	cursor: default;
}

.calendar a.hasEvents:hover {
}

.calendar .daynames {
	overflow: hidden;
}

.calendar .daynames p {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 40px;
	display: block;
	float: left;
	height: 19px;
	font-family: Arial;
	font-size: 8px;
	color: #666;
	margin: 0 1px 0 0;
	line-height: 19px;
	cursor: default;
}

.calendar a.today, .calendar a.today.hasEvents {
	background: transparent url('/images/calDayBg_02.png') no-repeat scroll left top !important;
	color: #fff !important;
}

.calendar a.hasEvents:hover, .calendar a.hasEvents.selected {
	background: transparent url('/images/calDayBg_02.png') no-repeat scroll left bottom;
	color: #fff !important;
}

.calendar a.hasEvents {
	background: transparent url('/images/calDayBg_02.png') no-repeat scroll left -30px;
	color: #666 !important;
	cursor: pointer !important;
}

.monthsholder {
	overflow: hidden;
	width: 5500px;
	height: 185px;
	margin-top: 1px;
}

.month {
	overflow: hidden;
	width: 287px;
	float: left;
}

.calendar a.prevMonth {
	background: transparent none;
}

.CalendarHeader {
	position: relative;
	height: 35px;
}

.CalendarHeader p {
	line-height: 35px;
	color: #2b3748;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0 35px;
	font-size: 18px;
	text-align: center;
}

.selector {
	background: transparent url('/images/calendarsnippetbg2.png') no-repeat scroll center top;
	max-width: 288px;
	height: 61px;
	padding: 0 10px;
	margin-bottom: 9px;
}

.selector.sel2 {
	background-position: center top;
}

.selector div {
	font-size: 22px;
	color: #acacac;
	cursor: pointer;
	float: left;
	line-height: 61px;
	font-family: "Du Nord Bold";
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

.selector div.hover {
	color: #0028e1;
}

.selector div.sel {
	color: #2b3748;
}

.selector div.first {
	width: 140px;
}

.selector div.last {
	width: 140px;
	float: right;
}

.calendarSnippet {
	max-width: 308px;
	height: 541px;
	position: relative;
	margin: 0 auto;
	border: 1px solid white;
}

.CalendarEventsHolder {
	max-width: 298px;
	height: 206px;
	position: absolute;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	overflow-x: hidden;
}

.CalendarEventsHolder.high {
	height: 460px;
}

@media only screen and (max-width : 360px) {
	.selector > div {
		width: 48% !important;
		font-size: 17px;
	}

	.selector a {
		width: 14.2%;
	}
}