/* ---- calendar ----*/

#calendar-wrap, .calendar-wrap {	position: absolute; width: 330px; height: 100%; top: 0; right: 12px; clear: both; }
#calendar-wrap p { clear: both; color: #fff; }

.calendar {	position: relative; float: left; display: inline; width: 100%; margin: 18px 0;
			background: #fff;
}

.calendar #head {	position: relative; overflow: hidden; width: 252px; height: 25px;
					margin: 0 0 0 12px /*12px*/;
}

.calendar #head div { color: #84a2af; }

.calendar #head div,
.calendar #days div {	position: relative; float: left; display: inline; width: 30px; height: 24px; overflow: hidden;
						padding-left: 6px; line-height: 24px; text-align: left;
}

.calendar #days .underlined {	/*height: 23px;
								line-height: 24px; border-bottom: 1px solid #82a2b0;*/
	background: transparent url(/images/cal_back_underlined.gif) repeat-x scroll left bottom;
}

.calendar #head .red { color: #ff3559; }
.calendar .color { color: #000; }
.calendar #days .period { background: #185885;/*#15465a*/  color: #fff; }

.calendar #days-wrap {	position: relative; overflow-y: hidden; width: 252px; _width: 290px; height: 192px;
						margin: 0 0 12px 12px; padding-right: 38px;
}

.calendar #days { position: absolute; top: 0; left: 0; width: 252px; }
.calendar #days div { color: #0f4659; cursor: pointer; }

.calendar #days .empty {	cursor: default; }
.calendar #days .month {	display: block; position: absolute; top: 0; /*left: 100%;*/ right: -36px; width: 36px; float: none;
							padding: 0; cursor: default; text-align: right; overflow: visible;
}
.calendar .year { position: absolute; width: 100%; top: 100%; left: 0; height: 100%; font-size: 10px; }

.calendar #days .dayframe { position: absolute; top: 0; left: 0; float: none; }

.calendar #days .t0,
.calendar #days .t1,
.calendar #days .t2 { color: #fff; font-size: 18px; cursor: move; }
.calendar #days .t0 { background: #0dd9ff; }
.calendar #days .t1 { background: #f47521; /*#ff5a00*/ }
.calendar #days .t2 { background: #ec187d; }

.calendar #days .t0-hover,
.calendar #days .t1-hover,
.calendar #days .t2-hover { /*	width: 29px; height: 22px;
							line-height: 22px; padding-left: 5px;*/
							background-attachment: scroll;
							background-color: transparent;
							background-position: left top;
							background-repeat: no-repeat;
}

.calendar #days .t0-hover { /*border: 1px solid #0dd9ff;*/ background-image: url(/images/cal_back_t0.gif); }
.calendar #days .t1-hover { /*border: 1px solid #f47521;*/ /*#ff5a00*/ background-image: url(/images/cal_back_t1.gif); }
.calendar #days .t2-hover { border: 1px solid #ec187d; }

.calendar #days .hidden { display: none; }

.scroll span, .scroll span i { position: absolute; left: 0; width: 100%; font-size: 0; line-height: 0; }
.scroll span { height: 3px; overflow: hidden; }
.scroll span i { background: url('/images/index/scroll.png') 0 0 no-repeat; height: 12px; }
.scroll .t { top: -3px; }
.scroll .b { top: 100%; margin: 0; bottom: auto; }
.scroll .t i { top: -6px; }
.scroll .b i { top: -9px; }
.scroll #thumbler .t i { top: 0px; }
.scroll #thumbler .b i { top: -3px; }

.calendar .scroll {	position: absolute; top: 24px; right: 12px; width: 6px; height: 186px;
					background: #82a2b0;
}

.calendar #thumbler {	position: absolute; top: 0; left: 0; width: 6px;
						cursor: pointer; background: #15465a;
}