﻿/* Page styles */
#avia-booking-page-header
{
	padding-left: 77px;
	height: 63px;
	background: Transparent url(img/schedule.gif) no-repeat left;
}

.price-panel-container
{
	position: fixed;
	bottom: 400px;
	right: 0px;
	font-size: 18px;
	color: Black;
	z-index: 1000;
}

.price-panel
{
	padding-top: 15px;
	background: url(img/header-line.gif) no-repeat left top;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 400px;
}

.price-panel div
{
	padding-left: 20px;
	padding-right: 20px;
	background-color: White;
}

.price-panel .complete-price
{
	padding-top: 5px;
	padding-left: 100px;
	height: 70px;
	line-height: 70px;
	background: white url(img/money.gif) no-repeat 20px 5px;
	font-size: 24px;
}

.price-panel .price
{
	background: white url(img/header-line.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

.price-panel .price-control-addit-info span
{
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 20px;
	padding-right: 20px;
	display: block;
	background: url(img/header-shadow.gif) repeat-x top;
}

.price-panel .price-control-addit-info
{
	padding: 0;
	color: #505050;
	/*background: #ebebeb url(img/header-shadow.gif) repeat-x top;*/
	background: transparent url(img/price-panel-corner.png) no-repeat left bottom;
}

.price-panel .price-panel-control-button-collapse, .price-panel .price-panel-control-button-expand
{
	position: absolute;
	left: -21px;
	height: 86px;
	width: 21px;
	top: 30px;
	padding: 0px;
	cursor: pointer;
	background-color: Transparent;
}

.price-panel-control-button-collapse
{
	background: url(img/collapse.png);
}

.price-panel-control-button-expand
{
	background: url(img/expand.png);
}

.price-panel-control-button-collapse:hover
{
	background: url(img/collapse-hover.png);
}

.price-panel-control-button-expand:hover
{
	background: url(img/expand-hover.png);
}

.price-panel .label
{
	width: 150px;
	padding-right: 10px;
	text-align: right;
	display: block;
	float: left;
}

.price-panel .complete-price .label
{
	width: auto;
}

.price-panel .value
{
	color: #236cae;
}

/* Avia booking form styles */
#avia-booking-form
{
	clear: both;
	background-color: #424d57;	
	font-family: Verdana;
	font-size: 14px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#avia-booking-form .header
{
	color: #ffffff;
	padding-left: 17px;
	background: Transparent url(img/arrows-mini.gif) no-repeat left center;
	font-size: 21px;
	margin-bottom: 12px;
	display: block;
}

#avia-booking-form .label
{
	color: #10b3d2;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#avia-booking-form #client-info input,
#avia-booking-form #order-note input,
#avia-booking-form #auto-input-protection input
{
	display: block;
	border: solid 1px #22282d;
	padding: 5px;
	color: #959595;
	font-family: Verdana;
	font-size: 18px;
	margin-bottom: 7px;
	width: 400px;
}

#avia-booking-form .tarif-condition
{
	display: inline-block;
	margin-top: 10px;
	height: 39px;
	line-height: 39px;
	margin-left: 10px;
	
	/*color: #29a8eb;*/
	color: #fff;
	font-size: 16px;
	font-family: Verdana;
	font-weight: bold;
	border: none;
	background: none;
	text-decoration: underline;
	cursor: pointer;
}

#avia-booking-form #client-info, #avia-booking-form #auto-input-protection
{
	padding-left: 15px;
}

#avia-booking-form #client-info
{
	float: left;
	padding-right: 80px;
	padding-bottom: 20px;
}

#avia-booking-form .text-area
{
	padding: 5px;
	color: #959595;
	font-family: Verdana;
	font-size: 18px;
	border: solid 1px #22282d;
	display: block;
	width: 425px;
	height: 64px;
}

#avia-booking-form #auto-input-protection
{
	clear: both;
}

#avia-booking-form #auto-input-protection input
{
	display: block;
	float: left;
	margin-right: 90px;
}

#avia-booking-form .captcha-image
{
	padding-top: 1px;
	display: block;
}

#avia-booking-form #buttons
{
	margin-top: 50px;
	clear: both;
	width: 940px;
	text-align: center;
}

#avia-booking-form .return-button, #avia-booking-form .booking-button
{
	width: 142px;
	height: 39px;
	padding: 0;
	border: none;
	color: White;
	background-color: Transparent;
	display: inline;
	font-size: 13px;
	font-weight: normal;
}

#avia-booking-form .return-button
{
	background: url(img/return-button.png);
	padding-left: 30px;
}

#avia-booking-form .return-button:hover
{
	background: url(img/return-button-hover.png);
}

#avia-booking-form .booking-button
{
	padding-left: 38px;
	background: url(img/booking-button.png);
}

#avia-booking-form .booking-button:hover
{
	background: url(img/booking-button-hover.png);
}

/* Booking avia offer styles */
.avia-offer-booking
{
	margin-top: 10px;
}

.avia-offer-footer-right-icon
{
	position: absolute;
	right: 0px;
	bottom: -16px;
	background: Transparent url(img/plane-land.png) no-repeat;
	width: 214px;
	height: 76px;
}

/* Passenger info form styles */
.passenger-info-form
{
	margin-top: 30px;
	font-family: Verdana;
	font-size: 14px;
	color: #00cfed;
	background: url(img/light-bg.gif) repeat;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.passenger-info-form input, .passenger-info-form select
{
	background-color: #ffffff;
	color: #959595;
	font-family: Verdana;
	font-size: 18px;
}

.passenger-info-form input
{
	border: solid 1px #003659;
	padding: 5px;
}

.passenger-name
{
	float: left;
	margin-bottom: 10px;
}

.passenger-name input
{
	display: block;
	margin-bottom: 7px;
	width: 400px;
}

.passenger-doc span, .passenger-birth-date span
{
	font-weight: bold;
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	padding: 3px 20px 0 0;
}

.passenger-label
{
	color: #ffffff;
	font-size: 21px;
	display: block;
	padding-left: 17px;
	background: Transparent url(img/arrows-mini.gif) no-repeat left center;
	margin-bottom: 10px;
}

.doc-label
{
	height: 50px;
}

.passenger-doc input
{
	display: block;
	margin-bottom: 12px;
}

.passenger-birth-date
{
	padding-top: 5px;
}

.passenger-birth-date select
{
	width: 100px;
	text-align: center;
	margin-bottom: 11px;
}

.passenger-doc select
{
	width: 310px;
	margin-bottom: 12px;
}

.passenger-doc input
{
	width: 300px;
}

.passenger-sex
{
	clear: both;
}

.passenger-sex span
{
	float: left;
	font-weight: bold;
}

.passenger-sex label
{
	display: block;
	font-weight: bold;
	color: #ffffff;
	margin-right: 20px;
}

.passenger-sex input, .passenger-sex label
{
	background-color: Transparent;
	border: none;
	float: left;
}

.passenger-sex span.radio
{
    width: 20px;
    height: 20px;
    background: url(img/radio-button.png) no-repeat;
    display: block;
    float: left;
    margin-right: 5px;
}

.passenger-sex .label
{
	width: 200px;
	text-align: right;
	margin-right: 110px;
	margin-left: 410px;
}

.passenger-info-footer
{
	padding-top: 30px;
	clear: both;
	width: 940px;
}

.passenger-info-footer a
{
	color: #ffffff;
}

.passenger-info-footer a
{
	text-decoration: underline;
	cursor: pointer;
	display: block;
	text-align: right;
}

/* Select delivery and payment methods form */
.select-method-form
{
	clear: both;
	margin-top: 20px;
	padding-left: 15px;
	font-family: Verdana;
	position: relative;
}

.select-method-form .header
{
	color: #223e45;
	font-size: 21px;
	display: block;
	padding-left: 17px;
	background: Transparent url(img/arrows-gray-mini.gif) no-repeat left center;
	margin-bottom: 10px;
}

.select-method-form .method-list
{
	width: 230px;
	float: left;
}

.select-method-form-footer
{
	clear: both;
}

.select-method-form a
{
	color: #838383;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px;
	border-bottom-style: dashed;
	cursor: pointer;
}

.select-method-form li.selected a
{
	color: #4574a4;
}

.select-method-form ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.select-method-form li
{
	padding: 10px 0 15px 20px;
	display: block;
	background-color: #ffffff;
}

.select-method-form li.selected
{
	background-color: #e0e0e0;
}

.select-method-form .method-info
{
	background-color: #e0e0e0;
	width: 695px;
	height: 120px;
	float: left;
	margin-bottom: 20px;
	padding: 15px;
}

.select-method-form #encash-info.method-info
{
	height: 180px;
}

.select-method-form .label
{
	color: Black;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

.select-method-form .text-area, .select-method-form select
{
	font-size: 18px;
	font-family: Verdana;
	color: #959595;
	display: block;
}

.select-method-form select
{
	text-align: right;
	float: right;
	margin-bottom: 10px;
}

.select-method-form .method-info .text-area
{
	clear: both;
	display: block;
	border: solid 1px Black;
	background-color: White;
	padding: 5px;
	text-align: left;
}

.select-method-form #oneself-info .text-area
{
	height: 70px;
	width: 682px;
}

.select-method-form #oneself-info .label
{
	float: right;
	margin-top: 4px;
	margin-right: 20px;
}

.select-method-form #oneself-info select
{
	width: 300px;
	float: right;
}

.select-method-form #courier-info .text-area
{
	clear: both;
	width: 682px;
	height: 70px;
}

.select-method-form #eticket-info .text-area
{
	clear: both;
	width: 682px;
	height: 107px;
}

.select-method-form #courier-info .label
{
	float: right;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 4px;
}

.select-method-form #courier-info select
{
	width: 300px;
	float: right;
}

.select-method-form #encash-info .text-area
{
	width: 682px;
	height: 167px;
}

/* Order styles */
.order
{
	font-family: Verdana;
	font-size: 14px;
	margin-top: 70px;
}

.order-item-header
{
	clear: both;
	background: #34cce6;
	padding: 8px 0 8px 60px;
	color: #3f4a54;
	font-size: 18px;
	text-transform: uppercase;
}

.order-item-header span
{
	padding-left: 25px;
	background: url(img/arrows-mini.gif) no-repeat left center;
}

.order-item-content
{
	margin-left: 87px;
}

.order-item-param-value, .order-item-param-header
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.order-item-param-header
{
	font-weight: bold;
	padding-right: 5px;
	float: left;
}

.order-flight-item
{
	margin-bottom: 20px;
	clear: both;
}

.order-flight-item .order-item-param
{
	clear: both;
}

.order-flight-item-header
{
	font-weight: bold;
	padding-right: 5px;
	float: left;
}

.order-flight-item-content
{
	padding-left: 40px;
}

.order-dep-arr-separator
{
	width: 5px;
	height: 40px;
	background-color: #71dbed;
}

.order-departure-item, .order-dep-arr-separator, .order-arrival-item
{
	float: left;
}

.order-arrival-item
{
	padding-left: 5px;
}

.order-departure-item, .order-arrival-item
{
	width: 400px;
}

.order-dep-arr-date
{
	color: #ff7e00;
	font-weight: bold;
}

.order-passenger-item
{
	clear: both;
}

.order-passenger-item-header
{
	font-weight: bold;
}

.order-passenger-item-content
{
	margin-left: 40px;
}

.order-passenger-doc-item .order-item-param
{
	float: left;
	width: 230px;
	margin-bottom: 20px;
}

#success-payment, #failure-payment
{
	padding:100px;
	float:left;
}

/* ********************************************************************** */
/* Оформление информационного сообщения об успешно сформированном заказе. */
/* ********************************************************************** */

.success-order-information-message
{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	color:#0066FF;
}

.success-order-common-section
{
	padding-top:5px;
	padding-bottom:5px;
}

.success-order-remark-section
{
	font-size:14px;
	padding:10px;
}

.success-order-amount-section
{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

.success-order-amount-item-section, .success-order-total-amount-item-section
{
	height:20px;
	padding:5px;
}

.success-order-total-amount-item-section
{
	border-top:1px solid #0066FF;
	font-weight:bold;
}

.success-order-amount-item-name
{
	width:160px; 
	float:left;
}