/* @override http://www.bangkokair.dev/css/booking_form.css */
@charset "UTF-8";
.buggybox.my_booking {
	margin-top: -30px;
}
.buggybox.flight_info {
	margin-top: -10px;
}
.buggybox.booking {
	margin-top: -20px;
}

/* SprySlidingPanels */
.SlidingPanels_booking_form {
	position: relative;
	width: 230px;
	height: auto;
	padding: 0px;
	border: none;
}
.SlidingPanels_booking_form .SlidingPanelsContentGroup {
	position: relative;
	width: 690px;
	margin: 0px;
	padding: 0px;
	border: none;
}
.SlidingPanels_booking_form .SlidingPanelsContent {
	width: 230px;
	height: auto;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
}
.SlidingPanels_booking_form .SlidingPanelsAnimating * {
	overflow: hidden !important;
}
.SlidingPanels_booking_form .SlidingPanelsCurrentPanel {
}
.SlidingPanels_booking_form .SlidingPanelsFocused {
}
/* Spry Validation Radio */
#spryradio_direction .radioRequiredMsg, 
#spryradio_direction .radioInvalidMsg {
	display: none;
}
#spryradio_direction.radioRequiredState .radioRequiredMsg,
#spryradio_direction.radioInvalidState .radioInvalidMsg {
	display: inline;
	color: #900;
	float: left;
	width: 100%;
	height: 15px;
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
}
/* Spry Validation Select */
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.form_to_dropdown .selectValidState select, select.selectValidState {
	background-color: #FFF;
}
select.selectRequiredState, 
.selectRequiredState select, 
select.selectInvalidState, 
.selectInvalidState select {
	background-color: #ffd4d4;
	font-size: 11px;
}
.form_to_dropdown .selectFocusState select, select.selectFocusState {
	background-color: #FFF;
}
/* Spry Validation Text Field */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: inline;
	color: #900;
}
#sprytextfield_pnr.textfieldRequiredState .textfieldRequiredMsg, 
#sprytextfield_pnr.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
#sprytextfield_pnr.textfieldMinValueState .textfieldMinValueMsg,
#sprytextfield_pnr.textfieldMaxValueState .textfieldMaxValueMsg,
#sprytextfield_pnr.textfieldMinCharsState .textfieldMinCharsMsg,
#sprytextfield_pnr.textfieldMaxCharsState .textfieldMaxCharsMsg, 

#sprytextfield_firstname.textfieldRequiredState .textfieldRequiredMsg, 
#sprytextfield_firstname.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
#sprytextfield_firstname.textfieldMinValueState .textfieldMinValueMsg,
#sprytextfield_firstname.textfieldMaxValueState .textfieldMaxValueMsg,
#sprytextfield_firstname.textfieldMinCharsState .textfieldMinCharsMsg,
#sprytextfield_firstname.textfieldMaxCharsState .textfieldMaxCharsMsg, 

#sprytextfield_lastname.textfieldRequiredState .textfieldRequiredMsg, 
#sprytextfield_lastname.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
#sprytextfield_lastname.textfieldMinValueState .textfieldMinValueMsg,
#sprytextfield_lastname.textfieldMaxValueState .textfieldMaxValueMsg,
#sprytextfield_lastname.textfieldMinCharsState .textfieldMinCharsMsg,
#sprytextfield_lastname.textfieldMaxCharsState .textfieldMaxCharsMsg, 

#sprytextfield_email.textfieldRequiredState .textfieldRequiredMsg, 
#sprytextfield_email.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
#sprytextfield_email.textfieldMinValueState .textfieldMinValueMsg,
#sprytextfield_email.textfieldMaxValueState .textfieldMaxValueMsg,
#sprytextfield_email.textfieldMinCharsState .textfieldMinCharsMsg,
#sprytextfield_email.textfieldMaxCharsState .textfieldMaxCharsMsg, 

#sprytextfield_username.textfieldRequiredState .textfieldRequiredMsg, 
#sprytextfield_username.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
#sprytextfield_username.textfieldMinValueState .textfieldMinValueMsg,
#sprytextfield_username.textfieldMaxValueState .textfieldMaxValueMsg,
#sprytextfield_username.textfieldMinCharsState .textfieldMinCharsMsg,
#sprytextfield_username.textfieldMaxCharsState .textfieldMaxCharsMsg, 

#sprytextfield_flight_number.textfieldRequiredState .textfieldRequiredMsg, 
#sprytextfield_flight_number.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
#sprytextfield_flight_number.textfieldMinValueState .textfieldMinValueMsg,
#sprytextfield_flight_number.textfieldMaxValueState .textfieldMaxValueMsg,
#sprytextfield_flight_number.textfieldMinCharsState .textfieldMinCharsMsg,
#sprytextfield_flight_number.textfieldMaxCharsState .textfieldMaxCharsMsg 

{
	padding: 5px 15px 0 5px;
	float: right;
}
.txtFieldDate .textfieldValidState input, 
.txtFieldDate input.textfieldValidState {
	background-color: #FFF;
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #ffd4d4;
}
.txtFieldDate .textfieldFocusState input, 
.txtFieldDate input.textfieldFocusState {
	background-color: #FFF;
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
.textfieldHintState input, input.textfieldHintState {
	color: #7f7f7f;
}

/* Spry Validation Password Field */ 
.passwordRequiredMsg, 
.passwordInvalidStrengthMsg, 
.passwordMinCharsMsg,
.passwordMaxCharsMsg,
.passwordCustomMsg,
.passwordValidMsg {
	display: none;
}
.passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg {
	display: inline;
	color: #900;
}
#sprypassword_password.passwordRequiredState .passwordRequiredMsg,
#sprypassword_password.passwordMinCharsState .passwordMinCharsMsg,
#sprypassword_password.passwordMaxCharsState .passwordMaxCharsMsg,
#sprypassword_password.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
#sprypassword_password.passwordCustomState .passwordCustomMsg {
	padding: 5px 15px 0 5px;
	float: right;
}
.passwordValidState input, input.passwordValidState {
	background-color: #B8F5B1;
}
input.passwordRequiredState, .passwordRequiredState input, 
input.passwordInvalidStrengthState, .passwordInvalidStrengthState input, 
input.passwordMinCharsState, .passwordMinCharsState input, 
input.passwordCustomState, .passwordCustomState input, 
input.passwordMaxCharsState, .passwordMaxCharsState input {
	background-color: #ffd4d4;
}
.passwordFocusState input, input.passwordFocusState {
	background-color: #FFF;
}

/* Booking Form */
.booking_form_section {
	margin: 0;
	padding: 0;
	position: relative;
}
.booking_form_container {
	width: 270px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	font: 11px/100% "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}
.booking_form_container .header {
	background: url(../images/booking-forms/ssw_bf_header_btn.png) no-repeat;
	z-index: 2;
	float: left;
	width: 230px;
	padding-top: 20px;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
}
.booking_form_container .body {
	background: url(../images/booking-forms/ssw_bf_body.png) repeat-y;
	z-index: 1;
	padding: 0 20px;
	float: left;
	width: 230px;
}
.booking_form_container .body h4 {
	text-transform: uppercase;
	font-style: italic;
	color: #034EA2;
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px;
}
.booking_form_container .footer {
	height: 73px;
	background: url(../images/booking-forms/ssw_bf_footer.png) no-repeat;
	z-index: 2;
	width: 100%;
	float: left;
}
#ssw_navigation {
	width: 100%;
}
/* IE #ssw_navigation ul */
#ssw_navigation ul {
	list-style-type: none;
	height: 15px;
	margin: 0;
	padding: 0;
	padding-top: 7px; /* IE padding-top: 4px; */
}
#ssw_navigation ul li {
	float: left;
	display: inline;
	margin-left: 10px;
}
#ssw_navigation ul li a, #ssw_navigation ul li a:visited {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
#ssw_navigation ul li a:hover {
	color: #ff9900;
}
#ssw_navigation ul li a:active {
	
}
.btn_selected {
	color: #ff9900;
}
/* Booking Common Element */
.button_section {
	text-align: center;
	padding-top: 10px;
	width: 100%;
	float: left;
	height: 30px;
}
.booking_form_submit_btn, .booking_form_submit_btn:visited {
	background-color: #3E73C0;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	padding: 2px 2px;
	border-bottom: solid 2px #4C4C4E; /*for IE only*/
	border-left: solid 2px #4C4C4E; /*for IE only*/
	border-right: solid 2px #CACBCC8; /*for IE only*/
	border-top: solid 2px #CACBC C; /*for IE only*/
}
.button_section > .booking_form_submit_btn {
	background: #3E73C0 url(../images/booking-forms/alert-overlay.png) repeat-x;
	padding: 5px 10px 6px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border: 0px;	
}
.booking_form_submit_btn:hover {
	color: #ff9900;
	text-decoration: none;
}
.booking_form_submit_btn:active {
	top: 1px;
}
.txtFieldDate {
	width: 140px;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	font-weight: bold;
	float: left;
}
.txtField_color {
	color: #2a547e;
}
/* Booking Form */
#pg_booking_form {
	color: #333;
}
#pg_booking_form select, 
#pg_booking_form select option {
	font-size: 12px;
}
.direction_section {
	width: 100%;
	height: 20px;
	text-align: center;
	padding-top: 3px;
}
.direction {
	margin-right: 2px;
}
.origin_section {
	width: 100%;
	height: 25px;
	padding-top: 5px;
	float: left;
}
.from_label {
	float: left;
	width: 45px;
	padding-top: 2px;
}
.destination_section {
	height: 25px;
	float: left;
	width: 100%;
}
.to_label {
	width: 45px;
	float: left;
	padding-top: 2px;
}
.form_to_dropdown {
	width: 180px;
	float: left;
	padding-left: 5px;
}
.depart_date_section {
	width: 100%;
	height: 25px;
	margin-top: 10px;
	float: left;
	display: relative;
}
.depDate_label {
	float: left;
	width: 45px;
	padding-top: 2px;
}
.depDay {
	margin-right: 5px;
}
.depMonth {
}
.return_date_section {
	width: 100%;
	height: 25px;
	float: left;
}
.retDate_label {
	width: 45px;
	float: left;
	padding-top: 2px;
}
.popup_calendar_window {
	background-color: #fff;
	margin: 0;
	padding: 0;
	border-width: 0;
	width: 180px;
	float: left;
}
.calendar_img {
	float: left;
	padding-left: 5px;
	padding-top: 2px;
}
.retDay {
	margin-right: 5px;
}
.retMonth {
}
.number_of_pax_section {
	width: 100%;
	height: 53px;
	float: left;
}
.number_of_pax_label {
	width: 110px;
	float: left;
	padding-top: 17px;
}
.adult_label {
	float: left;
	text-align: center;
	margin-left: 3px;
	width: 55px;
	padding-top: 5px;
}
.child_label {
	float: left;
	text-align: center;
	height: 50px;
	width: 55px;
	padding-top: 5px;
}
.infant_wo_seat_label {
	width: 65px;
	float: left;
	text-align: center;
}
.infant_w_seat_label {
	width: 60px;
	float: left;
	text-align: center;
}
.adt {
	width: 40px;
	margin: 3px 0 3px 0;
}
.chd {
	width: 40px;
	margin: 3px 0 3px 0;
}
.inf {
	width: 40px;
	margin: 3px 0 3px 0;
}
.ifs {
	width: 40px;
	margin: 3px 0 3px 0;
}
.class_section {
	width: 100%;
	text-align: center;
	float: left;
	padding-top: 3px;
}
.class_label {
	margin-right: 10px;
}
.CoachClass_label {
	margin-right: 10px;
}
.BusinessClass_label {
	
}
.search_by_section {
	width: 100%;
	height: 60px;
	padding-top: 10px;
	float: left;
}
.search_by_label {
	float: left;
	height: 100%;
	width: 55px;
	padding-top: 0px;
}
.non_flex_label {
	float: left;
	width: 160px;
}
.semi_flex_label {
	float: left;
	margin-top: 8px;
	*margin-top: 0px;
	width: 160px;
}
.flexible_label {
	float: left;
	margin-top: 8px;
	*margin-top: 0px;
	width: 160px;
}
#actionType_0 {
}
#actionType_1 {
}
#actionType_2 {
}
/* Coupon Section */
.coupon_section {
	float: left;
	width: 100%;
	padding-top: 15px;
}
.coupon_num {
	width: 80px;
	float: left;
	margin: 0 10px 8px 18px;
	text-align: center;
}
/* My Booking */
#guest_retrive {
	width: 100%;
	float: left;
}
.firstname,
.lastname,
.emailaddress,
.username,
.password {
	color: #034EA2;
}
.pnr_section {
	padding-top: 5px;
	float: left;
	width: 100%;
}
.pnr_label {
	float: left;
	padding-top: 5px;
	width: 100px;
}
.recordlocator {
	
}
.firstname_section {
	padding-top: 8px;
	width: 100%;
	float: left;
}
.firstname_label {
	float: left;
	width: 60px;
	padding-top: 4px;
}
.firstname {
	float: left;
	width: 150px;
}
.lastname_section {
	float: left;
	width: 100%;
	padding-top: 5px;
}
.lastname {
	width: 150px;
	float: left;
}
.lastname_label {
	float: left;
	padding-top: 4px;
	width: 60px;
}
.email_section {
	width: 100%;
	float: left;
	padding-top: 5px;
	position: relative;
}
.email_label {
	padding-top: 4px;
	width: 60px;
	float: left;
}
.emailaddress {
	width: 150px;
}
#login_form {
	float: left;
	width: 100%;
	padding-top: 20px;
}
.username_section {
	width: 100%;
	float: left;
	padding-top: 5px;
}
.username_label {
	width: 60px;
	float: left;
	padding-top: 4px;
}
.accountID {
	width: 150px;
	float: left;
}
.password_section {
	float: left;
	width: 100%;
	padding-top: 5px;
}
.password_label {
	width: 60px;
	padding-top: 4px;
	float: left;
}
.password {
	width: 150px;
	float: left;
}
.password_reminder_section {
	float: right;
	padding-right: 15px;
	padding-top: 5px;
}

/* Flight Info */
#flight_schedule_form {
	width: 100%;
	float: left;
}
#flight_info_form {
	padding-top: 30px;
	float: left;
	width: 100%;
}
.flight_type_section {
	padding-top: 8px;
	float: left;
	width: 100%;
	position: relative;
}
.flight_type_label {
	float: left;
	width: 60px;
	padding-top: 3px;
}
.flightType {
	width: 160px;
	float: left;
	margin-right: -3px;
}
.flight_number_section {
	
}
.prefix_flight_num {
	font-size: 13px;
	color: #2a547e;
}
.txtField_flight_number {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	padding: 0;
}
/* YUI Calendar */
/* Clear calendar's float, using dialog inbuilt form element */
#calendar_dep_container .bd form,
#calendar_ret_container .bd form {
	clear:left;
}

/* Have calendar squeeze upto bd bounding box */

/* Center buttons in the footer */
#calendar_dep_container .ft .button-group,
#calendar_ret_container .ft .button-group {
	text-align:center;
}

/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
#container_c.yui-overlay-hidden table {
	*display:none;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {
	border:none;
	padding:1em;
}