/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled, .ui-state-disabled span, .ui-state-disabled span span { cursor:text !important; }
.hiddenParam { display:none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.ui-state-error, .ui-state-highlight, .ui-state-Emphasis, .ui-state-importantNote{
		padding-bottom:0;
		padding-left:0.7em;
		padding-right:0.7em;
		padding-top:0;
		display:inline-block;
	}
	
	*+html .ui-state-error, *+html .ui-state-highlight, *+html ui-state-Emphasis, *+html .ui-state-importantNote{display:inline;}
	
	.ui-icon{float:left; margin-right:0.3em;}



/***********************************************************************************/
/*********************[ TTI SECTION BOOKING PROCESS ELEMENTS ]*********************/
/***********************************************************************************/

/* separator management */
.ui-separatorBefore { font-size:11px; }
.ui-separator {}
.ui-separatorAfter { font-size:11px; }
.width100 { width:100%; float:left;}


/* reservation steps classes */
.ui-Step_SearchFlight {}
.ui-Step_FlightSelection {}
.ui-Step_Identification {}
.ui-Step_Confirmation {}
.ui-Step_PNRResume {}
/* end */

/* trip description */
.flexibleAvailabilities .ui-lblReturn { float:left; padding-left:0px;}
.flexibleAvailabilities .ui-lblOutbound { float:left; padding-left:0px;}
.flexibleAvailabilities .ui-lblConnectionFlight {}
.flexibleAvailabilities .ui-lblDirectFlight {}
.tripDescription { font-size:12px; font-weight:bold; margin-bottom:10px; float:left; width:100%; }
.tripDescription ul { padding:0px; margin:0px; }
.tripDescription ul li { float:left; padding-left:10px; list-style:none; }


/* end */

/* flexible availabilities */
.flexibleAvailabilities { clear:both; display:block; }
.flexibleAvailabilities .changeWeek { border-bottom:0px; border-top:0px; height:20px; }
.flexibleAvailabilities .changeWeek .previousWeek { float:left; font-variant:small-caps; }
.flexibleAvailabilities .changeWeek .nextWeek { float:right; font-variant:small-caps; }
.tplDayBestFareList { width:100%; }
.tplDayBestFareList ul { clear:both; font-size:9px; margin:0; padding:0; width:100%; }
.tplDayBestFareList ul li { background:#ffffff; border:1px solid #416BBF; float:left; line-height:15px; margin-left:3px; width:13.6%; list-style:none; }
.tplDayBestFareList ul .first { margin-left:1px !important; }
.tplDayBestFareList .selected { border-bottom:0 none; font-weight:bold; margin-bottom:-1px; padding-bottom:5px; position:relative; z-index:20; }
.tplDayBestFareList .daySelection { text-align:center; }
.tplDayBestFareList .selected .daySelection { position:relative; z-index:20; margin-bottom:-1px; padding-bottom:10px; background:#FFFFFF; }
.tplDayBestFareList .selected .daySelection { padding-bottom:5px;}
.tplDayBestFareList li a { text-decoration:none; color:#416BBF !important; display:block; }
.tplDayBestFareList li a:hover{ background:#BA522A; color:#FFFFFF !important;}
.tplDayBestFareList .subInfo { z-index:0; position:relative; clear:both; text-align:right; background-color:#ffffff; border:solid 1px #416BBF; border-bottom:0px; padding-right:10px; padding-top:2px; padding-bottom:2px; color:#416BBF; font-size:9px; font-weight:bold; }
.tplDayBestFareList .subInfo .dayLowestFareOutbound { display:none; }
.tplDayBestFareList .subInfo .dayLowestFareReturn { display:none; }
/* end */

/* -- table section -- */
.datatable { margin-bottom:10px;}
.departure .IATAcode, .arrivals .IATAcode { font-size:11px;}
.lbldeparture, .datedeparture, .timedeparture, .flight_nbr, .flight_route { width:100%; font-size:11px; float:left;}
	*html .lbldeparture { float:none;}
	*html .datedeparture { float:none;}
	*html .timedeparture { float:none;}
	*html .flight_nbr { float:none;}
	*html .flight_route { float:none;}

.route_date { margin:0px; padding:0px;}
.route_date li { list-style:none !important; list-style-image:none !important;}


/* table title */
.ui-titleTable{
	padding:0.2em;
	background:#416BBF /*url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x*/ scroll 50% 50%;
	border:1px solid #416BBF;
	color:#FFFFFF;
	text-align:center;
	display:block;
	font-weight:normal;
}
/* table colums titles */
.ui-titleTable_th {
	font-size:12px;
	font-weight:bold;
	background-color:#5080BF;
	color:#FFFFFF;
}


/* table items */
.ui-table_item {
	color:#222222;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	height:25px;
	margin-bottom:2px;
	margin-top:2px;
	padding:0;
	text-align:left;
}

.ui-table_item_end {
	color:#222222;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	height:25px;
	margin-bottom:2px;
	margin-top:2px;
	padding:0;
	text-align:left;
}

/* fielset title : legend */
.ui-fieldSetTitle {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4B4B4B;
}
fieldset {
	border:1px solid #416BBF ;
	margin-bottom:11px;
	padding:5px;
}


/* -- navigation bar -- */
.navigation {
	border-width:0px 0px 1px 0px !important;
	border-style: dashed !important;
	border-color:#416BBF !important;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #416BBF;
	margin: 2px 0 2px 0;
	padding-bottom: 11px;
	text-align:center;
	width:690px;
	background:none !important;
}

.navigation a {	color: #416BBF; text-decoration:none; font-size: 11px;}
.navigation a:hover,active {color: #60aef0; text-decoration: underline; font-size: 11px;}



/* general td border (for pnr modification, for example) */
.border {
	border:1px solid #416BBF !important;
	margin:3px !important;
	padding:7px !important;
}
.borderNone{border:none;}
.borderRightSide { border-right:1px solid #aaaaaa; border-bottom:1px dashed #aaaaaa; padding:4px; }
.borderLeftSide { padding-right:4px; border-bottom:1px dashed #aaaaaa; }

/* ------------ only for flight display : temporary, because flight display is already developed */
	.ui-border-table{border-color:#AAAAAA !important;}
/* --------------------------------------------------------------------------------------------- */


/* style table (with plugin zebra) */
.even { background:#FAFAFA;}
.odd { background:#EDEDED ;}
/* odd/even inside other odd/even tagged elements  */
.odd .even { background:#EDEDED ;}
.odd .odd { background:#EDEDED;} 
.even .odd { background:#FAFAFA ;}
.even .even { background:#FAFAFA;}

		
/* .ui-state class corresponds to differents state messages (warning, error, emphasis, important Note...) */

.ui-state-warning, .ui-state-emphasis, .ui-state-importantNote { padding:6px;}
.ui-state-error { padding:6px;}
.ui-state-warning { padding:2px; background:#D1ECF7; color:#11689E;}



.ui-state-error, .ui-state-highlight, .ui-state-Emphasis, .ui-state-importantNote, .ui-state-success {
	padding-bottom:0;
	padding-left:0.7em;
	padding-right:0.7em;
	padding-top:0;
	display:inline-block;
}

.ui-state-error ul, .ui-state-error li, .ui-state-highlight ul, .ui-state-highlight li, .ui-state-warning ul, .ui-state-warning li, 
.ui-state-Emphasis ul, .ui-state-Emphasis li, .ui-state-importantNote ul, .ui-state-importantNote li,  .ui-state-success ul,  .ui-state-success li { margin:0px; padding:0px; }

*+html .ui-state-error, *+html .ui-state-highlight, *+html ui-state-Emphasis, *+html .ui-state-importantNote{display:inline;}

.ui-state-success { background:#E5F8CE; color:#62B548;}
.ui-state-importantNote { font-family:arial; font-size:12px; color:#957210; background:#FFF6BF;}
.ui-state-importantTitle { color:#416BBF; font-family:arial; font-size:15px; }
/* Important Title */
.ui-primaryTitle {font-size:13px; font-weight:bold; padding-left:5px;}

/* first table block (select flight tab )*/
.first{margin-left:0 !important;}

/* -- prices class -- */
.ui-price {color: #416BBF; font-size:13px; text-align:right; font-weight:bold;}
.totalPrice {color: #416BBF; font-size:15px; text-align:right; font-weight:bold;}
.priceNumber{text-align:center;}

/* -- .ui-icon class corresponds to pictograms contained in state messages -- */

.ui-icon {float:left; margin-right:0.3em;}
.ui-state-Emphasis {color:#2e83ff;}
.ui-state-Emphasis .ui-icon-Emphasis {background:transparent url(images/ui-icons_2e83ff_256x240.png) no-repeat scroll -32px -145px; display:inline; padding-left:18px; width:18px;}




.ui-icon-top {background: url(images/ui-icons_2e83ff_256x240.png) no-repeat scroll 0 -47px; display:inline;	padding:2px 0 0 14px; width:10px;}
.ui-icon-back {
	background:transparent url(images/ui-icons_2e83ff_256x240.png) no-repeat scroll -100px -49px !important;
	display:inline;
	padding:0 3px 0 10px !important;
	width:10px;
}
.ui-icon-list {background:transparent url(images/ui-icons_2e83ff_256x240.png) no-repeat scroll -32px -15px;display:inline;padding:2px 0 0 14px;width:10px;}

.ui-rounded .ui-icon { background-image:url(http://jqueryui.com/themerollerimages/?new=888888&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); background-position:-95px -48px; padding-left:10px;}


/* ----------- ( fieldset style ) ------------ */

fieldset { font-size:11px; font-family:Arial, Helvetica, Geneva, sans-serif; text-align:left;}
.ModifyProfileFieldset{padding:15px;}
#accordion fieldset {width:635px;}
	fieldset ul { padding:0; margin:0px; list-style:none; }
	fieldset li { padding-bottom:5px; width:47%; list-style:none;}
	.twoColumnFieldSet li{width:47% !important;}
	.alignRight{ float:right; margin-top:-22px; }
	.full_line{width:100%}
	.full_line label{width:20%;}
	.outline{padding-left:19%;}
	.SubFieldset { padding-top:11px;}
	.FieldsetLabel { width:40%; float:left;}
	.FieldsetSelect { float:left;}
	.legendOfSectionFieldSet {display:none;;}
	.js_tBlock p { padding-left:31%; padding-top:5px;}
		#AddressInformation .addAddress, #SubscribeInformation .addSuscriber { margin-top:0px; float:left;}
	.removeField a{background-image:url(/mockup/customer/images/delete.png);display:block;float:right;height:16px;margin-top:-15px;margin-top:-17px;width:16px;}
		#AddressInformation .deleteAddress, #SubscribeInformation .deleteSuscriber{ margin-top:0px; display:block; background-image:url(/mockup/customer/images/delete.png); height:16px; width:16px; float:left;}
		#AddressInformation legend span, #SubscribeInformation legend span{ padding-left:4px;}
		
	#submitFormFinalCustomer { float:right;}
		
	.js_hoverData { background-color:#EEEEEE; border:1px solid grey; color:#555555; margin-top:-40px; padding:5px 11px; display:none; z-index:100 }
	.js_hoverDataError { background-color:white; color:red; display:none; float:left; }

/* ----------------( BUTTONS )---------------- */

/* .ui-rounded is parent element for buttons style  */
.ui-rounded {
	color:#d2d2d2; margin-bottom:3Px;
	background:url(/satena/images_site/design/bg_bouton.gif) repeat-x; border:0px; font-size:12px;
	-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;
	padding-bottom:2px; padding-top:2px;
}

.ui-rounded:hover {
	color:#ffffff; cursor:pointer; border:none; margin-bottom:3Px;
	background:url(/satena/images_site/design/bg_bouton.gif) repeat-x; border:0px; font-size:12px;
	-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;
	padding-bottom:2px; padding-top:2px;
}

/* the double span into .ui-rounded class corresponds to buttons round effect */ 
.ui-rounded span {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background: #BA522A /*url(/library/include/images/ui/bg-button.gif) repeat-x scroll 0 0*/;
	border-left: none /*1px solid #BBBBBB*/;
	border-right: none /*1px solid #AAAAAA*/;
	margin:0;
	padding:3px 0;
}

.ui-rounded span:hover {
	background: #BA522A /*url(/library/include/images/ui/bg-button.gif) repeat-x scroll 0 0*/;
	border-left: none /*1px solid #416BBF*/;
	border-right: none /*1px solid #416BBF*/;
	margin:0;
	padding:3px 0;
	font-size:12px;
	text-decoration:none !important;
	cursor:pointer;
	color:#F2F2F2 !important;
}

.ui-rounded span span {
	font-size:12px;
	border-width:1px 0;
	padding:3px 7px 3px 8px;
	position:relative;
	font-size:12px;
}

.ui-rounded span span:hover {
	border-width:1px 0;
	font-size:12px;
	padding:3px 7px 3px 8px;
	position:relative;
	text-decoration:none !important;
	cursor:pointer;
	color:#F2F2F2 !important;
}

/* .ui-buttonNormal is default button */
.ui-buttonNormal{padding:0 5px !important;}


/* buttons container */ 
.ui-buttons {list-style-type:none; padding:0; text-align:center; }

/* various buttons are classified by order in the page according to their role */
.ui-buttons li {display:inline; padding:0px; margin:0px; float:left;}
.ui-buttons li .left{text-align:left;}
.ui-buttons li .center{text-align:center;}
.ui-buttons li .right{text-align:right;}

/* style for manage the grouped button */
.ui-bouton_sideLeft span { border-right-width:0px !important; }
.ui-bouton_sideLeft span span { border-right:1px solid #bbbbbb !important; }
.ui-bouton_sideRight span { border-left-color:#ffffff !important; }
.ui-bouton_sideCenter span { border-left-color:#ffffff !important; border-right-style:none !important; }
.ui-bouton_sideCenter span span { border-right:1px solid #bbbbbb !important; }

/* severals buttons are classified by place in the page according to their importance */
.ui-reward{float:left !important;margin-right:4px !important; margin-left:0;}
.ui-forward{float:right !important;margin-left:4px !important;}

/* .ui-primary class corresponds to important buttons (bold style) */
.ui-primary, .ui-primary:hover { font-weight:bold;}

/* -- generic class : apply general styles to differents elements -- */
.ui-top {padding-top:17px!important;}
.ui-left{float:left; text-align:left !important;}
.ui-right {float:right; text-align:right !important;}
.ui-bottom {padding-bottom:17px !important;}
.ui-center {text-align:center !important;}
.ui-bold {font-weight:bold !important;}
.ui-nowrap { white-space:nowrap;}

.ui-floatnone { float:none !important;}
.ui-paddingLeft { padding-left:5px;}
.ui-paddingLeft:hover { padding-left:5px;}
.ui-classRadio{border:none !important;}

/* -- loading bar -- */
.ui-waiting { background: url(/library/include/css/themes/base/images/loader_big.gif) no-repeat; height:32px; padding-top:5px; padding-left:32px;}
.ui-waiting-small { background:url(/library/include/css/themes/base/images/loader_little.gif) no-repeat; height:16px; padding-top:5px; padding-left:15px; margin:0px; width:16}