/* -----------> стили для основной формы поиска <--------------- */

/*div-обертка над всей формой*/
.ags512_form_wrap{

margin:auto;
}

/* стили для основной таблицы "скелета" формы поиска */
.ags512_main_form{
/*background:#CEEBF7;
font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size:11px;
/*border:#08248C solid 1px;
padding:5px; */

margin:auto;
}

/* стили для верхней подтаблицы в которой расположены поля выбора страны, города вылета и дат */
.ags512_ccfd_table{
color:#000;
font-size:11px;
}

/* стили для всех элементов форм в таблице формы поиска */
.ags512_input_field{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:#fff;
}

.ags512_input_field td label{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}

.ags512_input_field td {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

/* стили для input'ов с календарем (дата от и до) */
.ags512_date_pick{
background:#fff;
}

/* стили для псевдо input'ов "Город", "Питание", "Категория" */
.ags512_inputcsm_div{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:140px;
height:120px;
background:#fff;
    overflow: -moz-scrollbars-vertical;
    overflow: auto;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 4px;
    height: 11em;
margin:4px;
    overflow-y: scroll;
    overflow-x: hidden;    
    text-align: left;  
}

/* стили для псевдо input'ов под списки отелей */
.ags512_hotel_indiv{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
overflow: -moz-scrollbars-vertical;
overflow: auto;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
background:#fff;
padding: 4px;
margin:4px;
height: 11em;
overflow-y: scroll;
overflow-x: hidden;    
text-align: left;  
}

/* стили для средней подтблицы формы с полями "Цена" "Длительность" "количество туристов" и флажками активности туров */
.ags512_pnp_table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

/* стили для нашего копирайта внизу формы поиска */
.ags512_copyright{}

.agl512_name{
color:#00e01a;
}



/* -----------> стили для таблицы результатов поиска поиска <--------------- */

/* стили для основной таблицы с результатами поиска */
.ags512_results_table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border:#08248C solid 1px;
width:500px;
margin:auto;
}
.ags512_results_table td{
font-size:10px;
}
/* стили для шапки с результатами поиска */
.ags512_result_theader{
background:#08248C; text-align:center; font-weight:bold; color:#FFFFFF;
}

/* стили для строки, если отель в стопе */
tr .ags512_stop_row{
background:#ff6a6a;
font-size:10px;
}

/* стили для четного ряда результатов поиска, если отель не в стопе */
.ags512_even_row{
font-size:10px;
}

/* стили для НЕчетного ряда результатов поиска, если отель не в стопе */
.ags512_odd_row{
background:#e3ffff;
font-size:10px;
}

/* стили для ячеек с перелетами */
/* если перелет есть */
.ags512_av_fly{ 
background:#a0e4c3;
}
/* если перелета нет */
.ags512_un_fly{ 
background:#ebc1c8;}
/* если данные о местах по запросу */
.ags512_some_fly{ 
 background:#dbfce8;}

/* стили для кнопки с ценой, для заказа тура */
.ags512_order_button{
font-weight:bold; width:55px;}

/* блок с отображением навигации (списка страниц) */
.ags512_navigation_div{
width:280px;
margin:auto;
margin-top:20px;
float:none;
height:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
/* ссылки служат для переходов между страниц */
.ags512_navigation_div a{
text-align:center;
padding-top:2px;
color:#000000;
display:block;
border:#999999 solid 1px;
width:20px;
height:20px;
background:#08248C;
color:#FFFFFF;
text-decoration:none;
float:left;
margin:2px;
}
/* так отображается текущая страница в блоке навигации */
.ags512_navigation_div span{
display:block;
text-align:center;
padding-top:2px;
border:#999999 solid 1px;
width:20px;
height:20px;
background:#08248C;
float:left;
color:#FFFFFF;
margin:2px;
}



/* стили для блока с иехнической информацией (время запроса к БД и тд) */
.ags512_query_info{
width:250px;
font-size:9px;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
float:left;}

/*  */
.ags512_noth_found{
width:450px;
font-size:11px;
text-align:center;
height:50px;
padding-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:#999999 solid 1px;
margin:auto;

}

/* стили для абзацев с текстом об ошибках ввода данных при заказе тура */
.ags512_ord_err_input{
color:#ff0000;
margin:1px;
}


.a_lot_warn{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
border:#000 solid 1px;
}





#step1{
font-family:Verdana, Arial, Helvetica, sans-serif;
width:70%;
margin:auto;
}

.ags512_order_table{
font-size:11px;
}

.ags512_order_table td{
font-size:11px;
}

.ags512_ordt_head{
background:#08248C;
font-size:11px;
height:25px;
color:#FFFFFF;
vertical-align:middle;}

.ags512_tvf_div{
width:400px;
margin:auto;
}



.order_right{
text-align:right; 
padding-right:25px;
font-size:11px;}

.order_left{
font-size:11px;
font-weight:bold;}


.table_head_2{
font-size:11px;
height:20px;}
.fly_info{
font-size:11px;
text-align:center;}

.ags512_user_text{
font-size:11px;
margin-top:30px;}

.button_order a{
color:#0066FF;
text-decoration:none;}
.button_order a:hover{
color:#abc49e;
text-decoration:none;}
#step2{
width:70%;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


#final_div{
width:400px;
padding:4px;
margin:auto;
border:#009933 solid 1px;
background:#FFFFCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}





/* <---------------- стили для календаря -------------> */
table.jCalendar {
    font-size: 11px;
    border: 1px solid #ddd;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0px;
}
table.jCalendar th {
    color: black;
    background-color: ButtonFace;
    font-weight: bold;
    padding: 3px 5px;
    border: none;
}
table.jCalendar thead th {
    border: none;
}
table.jCalendar thead {
    border-bottom: solid 1px #eee;
}
table.jCalendar td {
    background: white;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.notactive.today {
    background: #fee;
    color: #a55;
    font-weight: bold;
}
table.jCalendar td.notactive.selected {
    background: #f66;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.active.selected {
    background: #66a;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.active.selected:hover {
    background: #66f;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.active:hover {
    background: #9Db6e5;
    color: white;
    font-weight: bold;
}
table.jCalendar td.selected:hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
div.dp-popup {
    position: absolute;
    font-size: 10px;
    font-family: arial, sans-serif;
    background-color: #F8FAFF;
    padding: 2px;
    border: solid 1px #444;
}

div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
    font-size: 180%;
    line-height: 8px;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}

table.jCalendar td {
    color: white;
    font-weight: bold;
}
table.jCalendar td.other-month {
    font-weight: normal;
    color: #AAAAAA !important;
}
table.jCalendar td.notactive {
    background-color: white;
    color: #666666;
    cursor: default !important;
}

table.jCalendar td.active {
    background-color: #ADC6F5;
    color: #222222;
    cursor: pointer;
}

html>body table.jCalendar td.other-month.active {
    background-color: #eeeeee !important;
    color: #c0c0c0;
    cursor: pointer;
}

/*
* html table.jCalendar td.active {
    ruby-align: expression( runtimeStyle.rubyAlign = 'auto',is_other = (className.indexOf('other-month') >= 0), style.backgroundColor = (is_other) ? '#EEEEEE' : '#ADC6F5',style.color = (is_other) ? '#c0c0c0' : '#222222');
}
*/


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://search-simple.aglar.com.ua/img/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/* <-------------- конец стилей для календаря --------------> */



/***************************dialog*******************/
div#agl62_preload {
	display: none;
	overflow: hidden;
	position: fixed; 
	_position: absolute; /* ie6 */
	z-index: 4;
	background: #fff;
	border: 1px groove #08248C;
	font-size: 12px;
	padding: 2px;
	paddig-top:50px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
div#popupoverlay {
	background: #000; 
	height: 100%; 
	width: 100%; 
	left: 0px; 
	top: 0px; 
	z-index: 3; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
	opacity: 0.3; 		
	position: fixed; 
	_position: absolute; /* ie6 */	
}
div#agl62_preload .closeline {
	width: 100%;
	height: 20px;
	background: #fff; 
}
div#agl62_preload a#popupclose {
	width: 16px;
	height: 15px;
	text-decoration: none;
	float: right;
	background: #fff url(http://search-exp.aglar.com.ua/img/close_button.gif) no-repeat;
	margin: 2px 2px 0px 0px;
}
div#agl62_preload .title {
	padding: 3px 3px 3px 10px;
	float: left;

}
div#agl62_preload iframe {
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;/*must have*/
  top:0px;/*must have*/
  left:0px;/*must have*/
  z-index:-1;/*must have*/
  filter:mask();/*must have*/
  width:3000px;/*must have for any big value*/
  height:3000px/*must have for any big value*/;
  border:0;
}



/***************** стили для малой формы поиска  ******************/
/* блок с упрощенной формой поиска */
.ags512_simple_fmdiv{
width:250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border: solid 1px #b8b8b8;
padding:1px;
background: #e8e8e5;
}


.ags512_simple_fmdiv td{
font-size:11px;
}
/* стили для таблицы упрощенной формы  */
.ags512_simple_tform{}

.ags512_simple_thead{
font-weight:bold;
background: #d7de78;
}
.ags512_simple_input{
width:140px;
}
.ags512_simple_copy{
font-size:10px;
}