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

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

.calendar {	
	position: relative; 
	width: 100%; 
	margin: 6px 0; 
	background-color: #194869;
	/*float: left; display: inline; */ 
}

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

.calendar #days-wrap {
	height: 242px;
	/*margin:0 0 0 12px;*/
	overflow: hidden;
	position: relative;
	width: 100%; /* 312px;*/
}

.calendar #days .month-block {
	padding-right: 2.5em;	
}
.calendar #days .month-days {
	width: 100%;
	overflow: hidden;
}

.calendar #head div,
.calendar #days .month-days div {
	width: 1.5em; 
	height: 22px;
	overflow: hidden;
	padding: 0 0.333em 0 0.166em;
	text-align: right;
	line-height: 22px;						
	color: #a3b6c3;
	float: left;	
	border: 1px solid #194869;
	border-collapse: collapse;
	/*position: relative;  display: inline; text-align: left; */
}

.calendar #head div {
	width: 2.25em;
	padding: 0 0.25em 0 0.5em;
}
.calendar #days td.na div { color: #a3b6c3 !important; }

* html .calendar #head div,
* html .calendar #days .month-days div { height: 24px; width: 38px; }


.calendar #days { border-collapse: collapse; }
.calendar #days td { padding: 0; width: 1.5em; }
.calendar td div {
	height: 22px;
	padding: 0 0.333em 0 0.166em;
	text-align: right;
	line-height: 22px;						
	color: #a3b6c3;
	border: 1px solid #194869;
	font-size: 1.5em;
	cursor: pointer; cursor: hand;
}
.calendar td div { *width: 1.5em; }

.calendar td.empty { cursor: default; }

.calendar  td.month {
	color: #a3b6c3 !important;
	cursor: default;
	text-align: right;
	line-height: 24px;
	padding: 0;
	font-size: 1.5em;
	width: 44px;
}

.calendar #days tr.newMonth td { border-top: 1px solid #215E8A; }

.calendar #days.day0 td div { color: #0dd9ff; }
.calendar #days.day0 td.hover div { border-color: #0dd9ff; }
.calendar #days.day1 td div { color: #ff8433; }
.calendar #days.day1 td.hover div { border-color: #ff8433; }
.calendar #days.day2 td div { color: #77E60B; }
.calendar #days.day2 td.hover div { border-color: #77E60B; }
.calendar #days.day3 td div { color: #C79EFF; }
.calendar #days.day3 td.hover div { border-color: #C79EFF; }

.calendar #days td.day0 div { background-color: #0DD9FF; border: 1px solid #0DD9FF; color: #000; }
.calendar #days td.day1 div { background-color: #ff8433; border: 1px solid #ff8433; color: #000; }
.calendar #days td.day2 div { background-color: #77E60B; border: 1px solid #77E60B; color: #000; }
.calendar #days td.day3 div { background-color: #C79EFF; border: 1px solid #C79EFF; color: #000; }

.calendar #days td.period { background-color:	#143A54; }
.calendar #days td.period div { background-color: #143A54; border: 1px solid #143A54; color: #fff; }






















div.month-block {
	border-bottom: 1px solid #215E8A;
	border-top: medium none;
	clear: both;
	position: relative;
	/*padding-right: 4em;
	width: 22em;*/
}
div#lastMonth.month-block {border-bottom:none;}
	.calendar #days div.month-block {
		font-size:1.5em;
		cursor: pointer;
	}
.calendar #days.day0  div.month-block div {color:#0dd9ff;}
	.calendar #days.day0  div.month-block div.hover {border-color:#0dd9ff;}
.calendar #days.day1  div.month-block div {color:#ff8433;}
	.calendar #days.day1  div.month-block div.hover {border-color:#ff8433;}
.calendar #days.day2  div.month-block div {color:#77E60B;}
	.calendar #days.day2  div.month-block div.hover {border-color:#77E60B;}
.calendar #days.day3  div.month-block div {color:#C79EFF;}
	.calendar #days.day3  div.month-block div.hover {border-color: #C79EFF;}
	
#calendar-wrap .calendar #days div.month-block div.day0 {background-color:#0DD9FF; border: 1px solid #0DD9FF; color:#000; }
#calendar-wrap .calendar #days div.month-block div.day1 {background-color:#ff8433; border: 1px solid #ff8433; color:#000; }
#calendar-wrap .calendar #days div.month-block div.day2 {background-color:#77E60B; border: 1px solid #77E60B; color:#000; }
#calendar-wrap .calendar #days div.month-block div.day3 {background-color:#C79EFF; border: 1px solid #C79EFF; color:#000; }
	
div.calendar #days div.month-block div.month-days div.period { background-color: #143A54; border: 1px solid #143A54; color: #fff; }

.calendar #head .red { color: #ff3559; }
.calendar .color { color: #000; }

.calendar #days { position: absolute; top: 0; left: 0; width: 100%; }
.calendar #days .empty {	cursor: default; }
div.calendar div#days-wrap #days div.month-block div.month {
	color: #A3B6C3;
	cursor: default;
	display: block;
	float: none;
	line-height: 24px;
	overflow: visible;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 44px;
}
.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 .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; visibility:hidden;
}

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

* html div#trip-control-wrap {height:370px;}

div.cSlider {
	width: 324px;
	height:24px;
	cursor: pointer;
	background: transparent url(/images/index/calendar-butn.png) no-repeat center top;
}
div#cDown {background-position: center -24px;}
div#cDown.hover {background-position: center -72px;}
div#cUp.hover {background-position: center -48px;}

div.railway-form div.cSlider {background-image:none;visibility:hidden;}