/* ---------- corners ---------- */
.cn, .cn i { position: absolute; font-size: 0; line-height: 0; overflow: hidden; top: 0; left: 0; }
.cn { width: 5px; height: 5px; z-index: 1; }
.cn i { background: url('/images/corners.png') 0 0 no-repeat; width: 30px; height: 10px; }
.b { top: 100%; margin-top: -5px; }
.r { left: 100%; margin-left: -5px; }
.t i { top: -5px }
.l i { left: -5px }

/* белые уголки */
.cn i { left: -10px; }
.l i { left: -15px; }



.w660 { width: 660px; height: 300px; }
.w660white { width: 660px; height: 300px; }
.w330 { width: 330px; height: 400px; }
.w330white { width: 330px; height: 400px; }

.menu { position: relative; overflow: hidden; color: #194869; width: 100%; }
.menu h1 { float: left; margin-right: 0.5em; }
.menu ul li { float: left; padding: 0.5em; cursor: pointer; padding-bottom: 1em;
	font-size: 1.166em; line-height: 1; font-weight: bold; text-decoration: underline; }
.menu li.active { background-color: #194869; position: relative; padding: 0.5em 1em 1em; cursor: default; 
	text-decoration: none; color: #FFF; border: 1px solid #194869;
	-moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px; border-top-left-radius: 5px;
 }

.form { position: relative; background-color: #194869; /*height: 168px;*/ padding: 0.75em; top: -0.5em;
	border: 1px solid #194869;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; }
.inner { width: 100%; height: 145px; }

* html .form { zoom: 1; }
* html form { zoom: 1; }


input.predict { width: 180px; font-size: 1.166em; margin-right: 0.5em; }
input.date { width: 90px; margin-left: 0.5em; }


.inner table { width: 100%; border-collapse: collapse; }


/* люди */
.persons { overflow: visible; }
.person { padding: 0 7em 0 4em; float: left; position: relative; height: 50px; }
.person .img { width: 30px; height: 50px; overflow: hidden; position: absolute; bottom: 0; left: 0; }
.person .img i { position: absolute; width: 90px; height: 200px; top: 0;
	background: transparent url(/images/index/persons.png) no-repeat scroll 0 0; }
.person select { position: absolute; bottom: 0; left: 3em; font-size: 1.166em; }
#adults .img i { left: -63px; }
#children .img i { left: -33px; }
#infants .img i { left: -3px; }
.person .title { position: absolute; bottom: -3em; left: 0px; 
	color: #FFBE0D; font-size: 0.833em; height: 2.5em; white-space: normal; }

#class { padding-left: 0; }
#class select { font-size: 100%; left: 0; margin-left: 0; }
#hotelRating { width: 100px; margin-left: 2em; }

/* выдача ошибок */
.hint { color: #ff5c5d; font-size: 1.166em; font-weight: bold; position: absolute; left: 12px; letter-spacing: -1px; }
#avia_top, #railway_top, #hotel_top { top: 0.5em; }
#avia_bottom, #railway_bottom, #hotel_bottom { bottom: 1em; }


/* кнопка */
.submit { position: absolute; width: 120px; bottom: 1em; right: 1em; }



/* по размерам форма */
.w330 .menu h1 { display: block; float: none; }
.w330 .inner { height: 290px; }
.w330 input.predict { width: 275px !important; }
.w330 input.date { margin-left: 0; margin-right: 1em; }
.w330 .persons { padding-bottom: 2em; }
.w330 .person { padding-right: 3.8em; }
.w330 #class { margin: 1.5em 0 0em;  }
* html .w330 #class { margin-top: 0;  }
/*.w330 #submit {margin-top: 1em; }*/
.w330 #bottom { bottom: 3em; }
.w330 #avia_bottom, 
.w330 #railway_bottom, 
.w330 #hotel_bottom { bottom: 2.35em; padding-right: 1em; }

.railway input.predict { width: 220px; }
.railway input.date { width: 115px; }

.hotel input.predict { width: 255px; }

.white .form { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.white form { background-color: #FFF; border: 1px solid #FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.white form .r i { left: -20px; }
.white form .l i { left: -5px; }
.white .person .img i { top: -151px; }
.white .person .title { color: #000; }


/* показываем только одну форму */
form { display: none; padding: 1px; position: relative; padding: 1.5em 1em 0.5em; }
.avia-form form.avia { display: block; }
.railway-form form.railway { display: block; }
.hotel-form form.hotel { display: block; }

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

.ui-widget-content {	background: none; background-color: #dfe8ee; }
.ui-widget-header { background: none; background-color: #194869; color: #FFBE0D !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
	{ background: none; border-color: #dfe8ee; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{ background: none; /*background-color: #194869;*/ border-color: #194869; color: #194869; }
	
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{ border-color: #ffbe0d; }

.ui-datepicker { width: 15em; }
.ui-datepicker table { font-size: 0.85em; }
.ui-datepicker th { padding: 0.3em 0.1em; }

.ui-datepicker-header .ui-icon { width: 12px; height: 18px;
	background-image: url(/f/jquery/jquery-ui/images/ui_icons_datepicker.png); background-position: 0 0; }
	
/*.ui-datepicker .ui-datepicker-prev span*/
.ui-datepicker .ui-datepicker-next span {
	background-position: -12px 0;
}

.ui-datepicker-today a, .ui-datepicker-today span { background-color: #194869 !important; color: #dfe8ee !important; }