.calendar-button-container {
	float: left;
	margin-top: 6px;
	padding-left: 10px;
	position: relative;
	z-index: 201;
}


.calendar table { border-collapse: separate; margin: 0; }


#calendarLayer {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 200;
	line-height: 1;
}


.calendar {
	position: relative;
	z-index: 1;
	padding: 37px 18px 10px 16px;
}

.calendar td { text-align: center; }

.year-month,
.day-names,
.month-calendar { width: 100%; }


.calendar .year-month { margin-bottom: 10px; }

.year-month .arrow { width: 10px; }
.year-month .arrow .d-cn {
	position: static;
	display: block;
	width: 10px;
	height: 13px;
	cursor: pointer;
}
.year-month .arrow.next .d-cn { margin-left: 2px; }

.year-month .caption { padding: 0 0 1px 1px; }
.year-month .year .caption { padding-bottom: 2px; }
.year-month .month td { padding-top: 1px; }




.day-names {
	font-size: 70%;
	margin-top: 7px;
}
.day-names .day-name { padding-bottom: 4px; }




.calendar .b { height: 1px; margin: 0 -10px 0 -8px; }


.month-calendar { font-size: 85%; }

.month-calendar .day { padding: 4px 3px 5px; }
.month-calendar .day.empty { color: #636260; }


.month-calendar .day a,
.month-calendar .day span { position: relative; text-decoration: none; }
.month-calendar .day a:hover,
.month-calendar .day span:hover { color: #fff !important; }

.month-calendar .day span { cursor: pointer; }

.month-calendar .day span:hover .d-cn,
.month-calendar .day a:hover .d-cn {
	background-position: 0 -66px;
	width: 21px;
	height: 21px;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
}


#calendarLayer .d-sh {
	background: url(../i/calendar-bg-shadow.png) no-repeat;
	position: absolute;
}
#calendarLayer .d-sh.d-tl,
#calendarLayer .d-sh.d-tr { top: -5px; bottom: 5px; }
#calendarLayer .d-sh.d-tl,
#calendarLayer .d-sh.d-bl { left: -6px; right: 5px; }
#calendarLayer .d-sh.d-bl,
#calendarLayer .d-sh.d-br { bottom: -13px; height: 18px; }
#calendarLayer .d-sh.d-tr,
#calendarLayer .d-sh.d-br { width: 18px; right: -13px; }
#calendarLayer .d-sh.d-tr { background-position: 100% 0; }
#calendarLayer .d-sh.d-bl { background-position: 0 100%; }
#calendarLayer .d-sh.d-br { background-position: 100% 100%; }



.light-page .bg-not-loaded .calendar { background-color: #cedce2; }
.light-page .calendar { background-image: url(../i/calendar-light-bg.png); background-repeat: repeat-x; }

.light-page .year-month .prev .d-cn { background-position: -20px -10px; }
.light-page .year-month .next .d-cn { background-position: -30px -10px; }
.light-page .year-month .prev .d-cn:hover { background-position: -40px -10px; }
.light-page .year-month .next .d-cn:hover { background-position: -50px -10px; }

.light-page .calendar .b { background: #bbc7cd; background: rgba(0, 0, 0, 0.1); }

.light-page .month-calendar .day a { color: #000; }
.light-page .month-calendar .empty-weekend { color: #964b6b; }
.light-page .month-calendar .weekend a { color: #e2005e; }


.dark-page .bg-not-loaded .calendar { background-color: #29333d; }
.dark-page .calendar { color: #fff; background: url(../i/calendar-dark-bg.png) repeat-x; }

.dark-page .year-month .prev .d-cn { background-position: -20px -23px; }
.dark-page .year-month .next .d-cn { background-position: -30px -23px; }
.dark-page .year-month .prev .d-cn:hover { background-position: -40px -23px; }
.dark-page .year-month .next .d-cn:hover { background-position: -50px -23px; }

.dark-page .calendar .b { background: #3e4650; background: rgba(255, 255, 255, 0.1); }

.dark-page .month-calendar .day a { color: #fff; }
.dark-page .month-calendar .empty-weekend { color: #80405a; }
.dark-page .month-calendar .weekend a { color: #990040; }