.divAir { border:solid 1px #07aaff; margin:0.5em 0; background-color:#fff; font-family:Verdana,Arial,sans-serif; }
	.divAir .divAirHeader { background:url(images/flight/bar.jpg) no-repeat 0 0; height:61px; color:#fff; }
		.divAir .divAirHeader .divAirName { width:38%; padding:10px 0 5px 5px; float:left; }
			.divAir .divAirHeader .divAirName .spanAirName { font-size:15px; font-style:normal; font-weight:bold; }
			.divAir .divAirHeader .divAirName a { text-decoration:underline; color:#fff; display:block; margin:8px 0 0 0; }
			.divAir .divAirHeader .divAirName .fareRules { text-decoration:underline; color:#fff; display:block; margin:8px 0 0 0; cursor:pointer; width:95px; }			
		.divAir .divAirHeader .divRate { width:60%; float:right; }
			.divAir .divAirHeader .divRate .tblRate { width:100%;font-weight:bold;text-align:center;font-size:12px;margin:15px 0 0 0; }
				.divAir .divAirHeader .divRate .tblRate .trRateHeader { }		
				.divAir .divAirHeader .divRate .tblRate .trRateValue { }							
					.divAir .divAirHeader .divRate .tblRate .trRateValue .cssPrice { cursor:pointer;text-decoration:underline; color:#fff; }
					/***** Begin For flight only *****/
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divBookButton { background-image:url(images/action_btn_bg.gif); font-size:9px; font-weight:normal; height:18px; padding:4px 0 0 0; margin:0 10px 0 15px; text-align:center; text-decoration:none; width:84px; float:right; }
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divBookButton a,
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divBookButton a:visited, 
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divBookButton a:hover { text-decoration:none; color:#fff; font: normal 9px Verdana, Arial, sans-serif; }
					
					/***** Begin For flight+hotel *****/
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divSelectButton { background-image:url(images/action_btn_bg.gif); font-size:9px; font-weight:normal; height:18px; padding:4px 0 0 0; margin:0 5px 0 15px; text-align:center; text-decoration:none; width:84px; }					
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divSelectButton a,
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divSelectButton a:visited,
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divSelectButton a:hover { text-decoration:none; color:White; font: normal 9px Verdana, Arial, sans-serif; font-weight:bold;}
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divChangeButton 
					{
						/*background-image:url(images/action_btn_bg.gif); font-size:12px; font-weight:bold; height:18px; padding:4px 0 0 0; margin:0 0 0 15px; text-align:center; text-decoration:none; width:84px;*/
						float: right; /*width: 200px;*/ text-align: right; padding: 2px; font-size: 11px; padding-right: 5px;
					}
					.divAir .divAirHeader .divRate .tblRate .trRateHeader .divChangeButton a { text-decoration:underline; font-weight:normal; color:#fff; }
		.divAir .divBody { padding:0 0 0 0; }
			.divAir .divBody .tblItinery { width:100%; }
				.divAir .divBody .tblItinery .tdLogo { width:18%; padding:0 0 0 8px; }
				.divAir .divBody .tblItinery .tdDetails { width:82%; }
				.divAir .divBody .tblItinery .imgLogo { width:115px; }
					.divAir .divBody .tblItinery .tblDetails { width:100%; }
						.divAir .divBody .tblItinery .tblDetails .divSeparator { border-bottom:dotted 1px #000; margin:5px 3px 0 3px; height:1px; }
						.divAir .divBody .tblItinery .tblDetails .tdDetailsHeader { background-color:#8ed8f8; font-weight:bold; color:#000; height:20px; text-align:center; padding:6px; font-size:13px; border-left:1px solid #07aaff; }
							.divAir .divBody .tblItinery .tblDetails .tdDetailsHeader .fontNormal { font-weight:normal; }
						.divAir .divBody .tblItinery .tblDetails .tdGroup { border-bottom:solid 1px #07aaff; /*border-right:solid 1px #ccc;*/ }
						.divAir .divBody .tblItinery .tblDetails .tdGroupLast { border-bottom:none 0 #07aaff; }
						
						.divAir .divBody .tblItinery .tblDetails .tdFlightAirCodeNum { width:45%; padding:5px 3px 3px 10px; }
						.divAir .divBody .tblItinery .tblDetails .tdCol2 { width:30%; }
						.divAir .divBody .tblItinery .tblDetails .tdCol3 { width:25%; }
						.divAir .divBody .tblItinery .tblDetails .divGroupDetailsCol { float:left; }
						.divAir .divBody .tblItinery .tblDetails .showRadio { width:95%; }
						.divAir .divBody .tblItinery .tblDetails .hideRadio { width:100%; }
							.divAir .divBody .tblItinery .tblDetails .divGroupDetailsCol .tblGroupDetails { width:100%; border-left:1px solid #07aaff; }							
						.divAir .divBody .tblItinery .tblDetails .divSelectCol { float:right; width:5%; text-align:center; padding:52px 0 0 0; }
						.divAir .divBody .tblItinery .tblDetails .tdDepartLine { padding:0 3px 3px 10px; }
						.divAir .divBody .tblItinery .tblDetails .tdArriveLine { padding:0 3px 3px 10px; }
						.divAir .divBody .tblItinery .tblDetails .tdClass { padding:3px 3px 8px 10px; font-style:normal; font-weight:bold; }
						.divAir .divBody .tblItinery .tblDetails .tdTravelTime { padding:3px 3px 8px 83px; text-align:left; }
						/***** For FIT *****/
						.divAir .divBody .tblItinery .tblDetails .tdTravelTime { padding:3px 3px 8px 43px; text-align:left; }
	
.ui-effects-transfer { border:2px solid black; background-color:#ECF5FE; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }

/********** Flight only distinct airline filter **********/
.airFilterSelected { background:#fc0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.airFilter { background-color:#fff; border-color:#999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.airFilter { background:#fff; }

.divPriceMatrixLeft { float:left; width:20%; }
.divPriceMatrixRight { float:right; width:80%; }

table.priceMatrix {
	font-size:1.1em;
	empty-cells:show;
	background:#fff none repeat scroll 0 0;
	margin:0;	/*margin:10px 0 0 0;*/
	border-top:solid 1px #ccc;	
	border-right:solid 1px #ccc;
}
table.normal { border-left:solid 1px #ccc; }

table.priceMatrix tr td {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	color:#3F65B0;
	padding:0.25em 0;
	text-align:center;
}
table.priceMatrix tr th {
	border-bottom:1px solid #ccc;
	/*border-left:1px solid #ccc;*/
	font-weight:normal;
	padding:0.4em 0 0.4em 0;	/*0.25em 0 0.25em 0*/
	width:55px;
}
table.priceMatrix thead tr th, table.priceMatrix thead tr td {
	font-size:100%;
	font-weight:bold;
	height:2.7em;	/*3em*/
	padding:0.25em 0 0.25em 0.5em;
}
table.priceMatrix tr td.selected {
	background:#ffffde !important; border:1px dotted #f70;
}
table.priceMatrix tr td img {
	border:0 none;
	width:80px;
}
table.priceMatrix tr td a.price, table.priceMatrix tr td a.price:hover {
	font-weight:bold; text-decoration:underline; color:#000;
}
table.priceMatrix tr td a.allresults, table.priceMatrix tr td a.allresults:hover {
	font-weight:bold; text-decoration:underline; color:#369;
}
table.priceMatrix tr.highlight th, table.priceMatrix tr.highlight td
{
	background-color:#F1F4FD;
}
table.priceMatrix th, table.priceMatrix td {
	padding:0.25em;
	vertical-align:middle;
}
table.full { width:100%; }

.divNote { font-style:italic; margin:5px 0 10px 0; width:100%; clear:left; }

/***** Flight - Pagination *****/
.divPager { border:1px solid #ccc; background-color:#f0f0f0; clear:left; margin:0 0 20px 0; }
	/*.divPager a, .divPager a:hover, .divPager a:visited  { text-decoration:underline; color:#000; font: bold 12px Arial,Helvetica,sans-serif; }*/
.divPager .pagination
{
	height:20px;
	padding:5px;
	color:#333;
	font:bold 11px Arial, Helvetica, sans-serif;
    margin:0;
}
.divPager .pagination #lblPage { float:left; padding:3px 0 0 0; font-weight:normal; }
	.divPager .pagination #lblPage span { font-weight:bolder; }
.divPager .pagination #lblPage2 { float:left; padding:3px 0 0 0; font-weight:normal; }
	.divPager .pagination #lblPage2 span { font-weight:bolder; }
		
.divPager .pagination .currentpage
{
	font-weight:bold;
	color:#fc0;
	text-decoration:none;
	padding:1px 4px 1px 4px;
	margin:1px 5px 0px 0px;
	background-color:#003366;
	border:solid 1px #003366;
}
.divPager .pagination ul
{
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:20px;
}
.divPager .pagination ul li
{
	float:left;
	height:18px;
	margin:0px;
	padding:0px;
}
.divPager .pagination a
{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-color:#336699;
	padding:1px 4px 1px 4px;
	margin:1px 5px 0px 0px;
	display:block;
	border:solid 1px #336699;	
}
.divPager .pagination a:hover
{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:1px 4px 1px 4px;
	margin:1px 5px 0px 0px;
	display:block;
	border:solid 1px #336699;
}
.divPager .pagination li a.Next
{
	height:16px;
	width:16px;
	display:block;
	padding:0px;
	margin:2px 0px 0px 0px;
	border:0px;
	background:transparent url(images/pager/arrow_next.gif) no-repeat;
}
.divPager .pagination li a.Next:hover
{
	height:16px;
	width:16px;
	display:block;
	padding:0px;
	margin:2px 0px 0px 0px;
	border:0px;
	background:transparent url(images/pager/arrow_next.gif) no-repeat;
}
.divPager .pagination li a.Back
{
	height:16px;
	width:16px;
	margin:2px 5px 0px 0px;
	padding:0px;
	display:block;
	border:0px;
	background-color:Transparent;
	background-image:url(images/pager/arrow_back.gif);
	background-repeat:no-repeat;
}
.divPager .pagination li a.Back:hover
{
	height:16px;
	width:16px;
	margin:2px 5px 0px 0px;
	padding:0px;
	display:block;
	border:0px;
	background-color:Transparent;
	background-image:url(images/pager/arrow_back.gif);
	background-repeat:no-repeat;
}

	

/********** Price breakdown popup **********/
.tip { display:none; padding:3px; background:#6699CC; border:1px solid #6E6145; color:#fff; }
.tipTable { text-align:left; margin:0px; background-color:#fff; white-space:nowrap; }
	.tipTable .tipHeader { background-color:#336699; color:#fff; font-weight:bold; }
	.tipTable .tipPax { color:darkblue; font-weight:bold; text-decoration:underline; }
	.tipTable .tipDetail { font-weight:normal; color:#000; }
		.tipTable .tipDetail .tipAmt { text-align:right; width:10px !important; }
		.tipTable .tipDetail .tipCurr { text-align:right; width:45px !important; }
	.tipTable .tipTotal { color:#000; font-weight:bold; }
		.tipTable .tipTotal .tipAmt { text-align:right; width:10px !important; }
		.tipTable .tipTotal .tipCurr { text-align:right; width:45px !important; }		
		
/********** Fare Rules popup **********/		
.tipTable { text-align:left; margin:0px; background-color:#fff; white-space:nowrap; }
	.tipTable .tipHeader { background-color:#336699; color:#fff; font-weight:bold; }		
    .tipFareRulesTable { width:100%; color:#336699; }
    .tipFareRulesTable .tipFareRulesRow {vertical-align:top;}
    .tipFareRulesTable .tipFareRulesRow .tipFareRulesCol1  {background-color:White;font-weight:bold}
    .tipFareRulesTable .tipFareRulesRow .tipFareRulesCol2  {background-color:White;}

/********** New Price Matrix **********/
.divPriceMatrix { /*border-left:1px solid #ccc;*/ /*margin:7px 0 0 4px;*/ }
    .divPriceMatrix .divContainer { float:left; background-color:#fff; }
    .divPriceMatrix .divHeaderAirline { border-bottom:1px solid #ccc; border-right:1px solid #ccc; /*border-top:1px solid #ccc;*/ width:100px; height:30px; padding:0.2em 0 0 0; }
		.divPriceMatrix .divHeaderAirline a { display:block; margin:0 auto; width:80px; }
		.divPriceMatrix .divHeaderAirline img { border:0 none; width:80px; }
		
		.divPriceMatrix .divPrice { /*border-bottom:1px solid #ccc;*/ border-right:1px solid #ccc; width:100px; height:20px; padding:5px 0 0 0; text-align:center; }
		.divPriceMatrix .divPrice a, .divPriceMatrix .divPrice a:hover { display:block; margin:0 auto; text-decoration:underline; color:#000; font: bold 12px Arial,Helvetica,sans-serif; max-width:90px; }
		
		.divPriceMatrix .highlight { background-color:#F1F4FD; border-bottom:solid 1px #ccc; }
		.divPriceMatrix .selected { background:#fc6 none repeat scroll 0 0 !important; }
		
		.divArrowLeftBar { border-top:solid 1px #ccc; /*border-left:solid 1px #ccc;*/ border-bottom:solid 1px #ccc; float:left; width:20px; height:84px; padding:0 0 0 3px; }
		.divArrowRightBar { border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; float:left; width:23px; height:84px; }
		
	#divPriceMatrixLeft.left { border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; width:165px; font-size:12px; clear:both; }
		.divPriceMatrix .divContainerFirstCol { background-color:#fff; float:left; text-align:center; }
			.divPriceMatrix .divContainerFirstCol .divStops { width:65px; height:22px; padding:10px 0 0 0; font-weight:bold; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
			.divPriceMatrix .divContainerFirstCol .divDirect { width:65px; height:20px; padding:5px 0 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
			.divPriceMatrix .divContainerFirstCol .divOneStop { width:65px; height:20px; padding:5px 0 0; border-right:1px solid #ccc; }

#divFilter { margin:10px 0 0 0; }			


/********** JQuery Tools Plugin **********/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 504px;   /*ori 413px*/
	height:84px;    /*ori 100px*/

	/* custom decorations */
	border:1px solid #ccc;
	/*background:url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	/*float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

/* active item */
.scrollable .active { border:2px solid #000; z-index:9999; position:relative; }



/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(/Javascript/jQuery/css/images/hori_large.png) no-repeat; display:block; width:18px; height:18px; float:left; margin:33px 3px; cursor:pointer; font-size:1px; }

/* right */
a.arrowright { background-position: 0 -18px; clear:right; margin-right: 0px; }
a.arrowright:hover { background-position:-18px -18px; }

/* left */
a.arrowleft { margin-left: 0px; } 
a.arrowleft:hover { background-position:-18px 0; }

/* disabled navigational button */
a.disabled, a.disabled:hover { background-position:-36px -18px; }
a.arrowleft.disabled { background-position:-36px 0; }