/* 

COLORS:
DRK - #9B9B9B
MED - #C4C4C4 
LGT - #F6F6F6
ODD - #0086AA

BDR - #7F9DB9


*/

/* Layout structure
-----------------------------------------------------
*/

html,
body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background-color:#eee;
}

#wrap 
{
	width:1000px;
	margin:0px auto;
	text-align:left;
	border-top:1px solid #9B9B9B;
	border-left:1px solid #9B9B9B;
	border-right:1px solid #9B9B9B;
	border-bottom:1px solid #9B9B9B;
	background-color: #9B9B9B;
}


#header {
	width:100%;
	height:75px;
	z-index:5000; /* Prevent certain problems with form controls */
	border-bottom:1px solid #9B9B9B;
}

#content-wrap 
{
	background-image:url(../../Images/sidebar.gif);
	background-repeat:repeat-y;
	background-position:left;		
    background-color: #0086AA;
}

#content 
{
	float: left;
	background-color: #FFFFFF;
	width: 819px;
	height: 100%;
	/*overflow: hidden;*/
}
#sidebar 
{
	float: left;
	position: relative;
	left: 0px; 
	width: 180px; 
	height: 515px;
}


#footer 
{
	width:100%;
	height:21px;
}

.content-band 
{
	width: 100%; 
	
}

.fl
{
	float: left;
}

.fr
{
	float: right;	
}

img.applogo 
{
	margin-left: 3px;
	margin-top: 3px;
}

img.footer_logo 
{
}

div.banner 
{
	display: none;
	background-color: Blue;
}

img.wholesalelogo 
{
	width: 100%;
	height: 100%;
}

div.shade 
{
    background-color: Black; position: fixed; left: 0; width: 100%; top: 0; height: 1500px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
}

input, textarea { color: #000; }
.placeholder { color: #aaa; }


/* Clear fix - use to clear floated elements
-----------------------------------------------------
*/

/* clear fix cbx */
.clearafter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clear fix cbx */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* General Styles
-----------------------------------------------------
*/
html,
body {

	color: black;
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size: 8pt;	
}

input, textarea, .combo
{
	font-family: Arial;
	font-size: 8pt;	
}

ol.sal-hlist, ul.sal-hlist {
    list-style: none;
    margin: 0;
    
}

.sal-hlist LI 
{
    float: left;
}

input.btn{
   color:#9B9B9B;
   font-weight:bold;
   background-color:#F6F6F6;
   border:1px solid;
   border-top-color:#7F9DB9;
   border-left-color:#7F9DB9;
   border-right-color:#9B9B9B;
   border-bottom-color:#9B9B9B;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffebf0f0');
}

input.btnhov {
   border-top-color:#0086AA;
   border-left-color:#0086AA;
   border-right-color:#0086AA;
   border-bottom-color:#0086AA;}

td 
{
	font-family: "trebuchet MS", Verdana, helvetica, sans-serif; 
}

tr 
{
	vertical-align: top;
}

body.dialog 
{
	background-color: #F6F6F6;
}

input.dialog 
{
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	bottom: 10px;
}


.std_lbl /* Standard Label */
{
	width: 200px;
}



div.clearer 
{
	clear: both; 
	visibility: hidden;
}
div.cg
{
	xborder: 1px solid magenta;
}


div.cb  /* control block */
{
    float: left; 
    width: 250px; 
    height: 26px;
}

.bkg2 div.cb_gap 
{
    float: left; 
    width: 15px; 
    height: 26px;
    text-align: center;    
}

.bkg2 div.cb_or 
{
    float: left; 
    width: 75px; 
    height: 26px;
    text-align: center;    
}

.bkg2 div.cb_or div
{
	padding-top: 3px;
	font-weight: bold;
}

div.searchtype
{
	margin-bottom: 5px;
}

#divDetails div.cb  /* control block */
{
    float: left; 
    width: 300px; 
    height: 26px;
    margin-right: 20px;
}

div.cb_bookingsearch /* control block - booking search page */
{
	height: 180px;
}

div.cbx /* control box */
{
	margin-bottom: 5px;
	height: 24px;
}

div.cb_productsearch /* control block - product search pages */
{
	height: 110px;
}

.ltb_cap 
{
	width: 70px; height: 16px; padding-top: 4px;
	float: left;
}


.bkg2 .ltb_cap
{
	width: 75px; height: 16px; padding-top: 4px;
	float: left;
}

.bkg2 .ltb_cap_ver
{
	width: 73px; 
	height: 16px; 
	padding-top: 4px;
	text-align: center;
	float: left;
}


.bkg2 .tb
{
	width: 75px;
	float: left;	
}

.bkg2 .tb_ref
{
	width: 55px;
	float: left;	
}

.bkg2 .tb_ver
{
	width: 25px;
	float: left;	
}


#divDetails .ltb_cap 
{
	width: 120px; height: 16px; padding-top: 4px;
	float: left;
}


.ltb_tb 
{
	width: 140px;
	float: right;
	margin-right: 29px;
}

label.cc /* control caption */
{
	float: left; width: 75px; height: 16px; padding-top: 4px;
}

.combo 
{
	float: left; width: 144px;
}


td.highlight
{
	background-color: #F6F6F6;	
}

td.currency
{
	text-align: right;
}
td.currency_hdr 
{
	text-align: center;
}

td.percent
{
	text-align: right;	
}

td.percent_hdr
{
	text-align: center;	
}

/* clear fix cbx */
div.cbx:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.cbx {display: inline-block;}

/* Hides from IE-mac \*/
* html div.cbx {height: 1%;}
div.cbx {display: block;}
/* End hide from IE-mac */

td.actions
{
	cursor: pointer;
}

td.actions:hover
{
	background-color: #F6F6F6;
}

.action
{
	display: inline;
	cursor: pointer;
	text-decoration: underline; 
	color: #9B9B9B;
}

.action:hover
{
	background-color: #F6F6F6;
}

.clickable, .clickable_menu
{
	display: inline;
	cursor: pointer;
	text-decoration: underline; 
	color: blue;
}

.clickable:hover
{
	background-color: #F6F6F6;
}

.clickable_menu:hover
{
	background-color: #C4C4C4;
}

.compulsory
{
	padding-left: 3px;
	padding-right: 3px;
}

div.ContextMenu {
		position: relative;
		height: 1px;
		width: 1px;
		left: -40px;
		top: -40px;
		text-align: left;
		float: right;
		background-color: white;
		color: menutext;
		border: 2 outset buttonhighlight;
		visibility: hidden;
		overflow: visible;
		cursor: default;
		z-index : 200;
}


/* Product Brochure Table */
div.broch_section 
{
	margin-bottom: 10px;
}

table.broch
{
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
	border: 1px solid #C7C7C7;
	margin-top: 5px;
}

table.broch tr.hr, table.broch tr.hr1, table.broch tr.hr2 
{
	background-color: #C4C4C4;
}

table.broch tr.spacer td 
{
	border-top: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
	border-left: none;
	border-right: none;
}


table.broch tr.hr td
{
	border-bottom: 1px solid #C7C7C7;
}


table.broch tr.hr2 td
{
	border-bottom: 1px solid #C7C7C7;
}

table.broch tr.hr td.first, table.broch tr.hr1 td.first, table.broch tr.hr2 td.first
{
	border-left:  1px solid #C7C7C7;
}

table.broch tr.hr td.last, table.broch tr.hr1 td.last, table.broch tr.hr2 td.last
{
	border-right:  1px solid #C7C7C7;
}

table.broch td.first 
{
	border-left:  1px solid #C7C7C7;
}

table.broch td.last 
{
	border-right:  1px solid #C7C7C7;
}

table.broch td.left 
{
	text-align: left;
}

table.broch td.leftbordered
{
	border-left:  1px solid #C7C7C7;
}

table.broch td.rightbordered
{
	border-right:  1px solid #C7C7C7;
}


/* More transfer search results Table */


table.tsr 
{

    border-spacing: 0;
    border-collapse: collapse;
    width: 98%;
	margin-left: 5px;
	margin-top: 10px;
	border: 1px solid #809BA4;
}

table.tsr td 
{
	margin: 0;
    padding: 4px;
}

tr.tsrtr:hover
{
    background-color: #EBF0F0;
}

tr.tsrhdr 
{
    background-color: #809BA4;
	height: 15px;
	font-weight: bold;
}


/* Search Results Table */
table.sr 
{

    border-spacing: 0;
    border-collapse: collapse;
    width: 98%;
	border: 1px solid black;
	margin-left: 5px;
}

table.sr td 
{
	margin: 0;
    padding: 4px;
}

tr.srtr:hover
{
    background-color: #F6F6F6;
}

tr.srhdr 
{
    background-color: #0086AA;
	background-image:url(../../Images/titlearea.png);
	background-repeat:repeat-x;
	background-position:bottom;	
	border-bottom: 1px solid black;
}

tr.srhdr td.highlight
{
		background-color: Red;
		background-image:none;
		
}


div.center_outer 
{
	display: block; 
	text-align: center; 
	padding-top: 100px;
}

div.center_inner
{
	width: 300px; 
	text-align: left; 
	margin: 0 auto;
}


div.bkgsearch_criteriaset
{
	margin: 5px; 
	border: 1px solid #9B9B9B;
	background-color: #F6F6F6;
	padding: 5px;
}



input.invalid 
{
	background-color: #FFAAAA;	
}


.preset_search_combo
{
	width: 500px;
	font-size: 8pt;
}

div.errors 
{
	height: 16px;
	width: 16px;
	background-image: url(../../images/errors.png);	
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	float: left;
}

/* Master page
-----------------------------------------------------
*/

#header 
{
	background-color: #0086AA;
	background-image:url(../../Images/titlearea.png);
	background-position: top;
	background-repeat:repeat-x;
}

#footer {
	background-color: #9B9B9B;
	background-image:url(../../Images/footerarea.png);
	background-position:bottom;
	border-top: none;
	border-bottom: 1px solid #9B9B9B;
	
}

#content-wrap 
{
	background-color: white;
}

#sidebar 
{
    background-color: #F6F6F6; /*#C4C4C4;*/
    border-top: 1px solid #9B9B9B;	
	border-right: 1px solid #9B9B9B;	
}



div.wholesalelogo 
{
	width: 180px;
	height: 75px;
	left: 0px; 
	top: 0px; 
	float: left;
	xbackground-color: #F6F6F6;
	text-align: center;
	cursor: pointer;
}

div.header_wrapper 
{
	height: 70px;
	float: left;
	width: 300px;
}


div.header_apptitle 
{
	margin-top: 5px;
	margin-left: 5px;
	font-size: 32px;	
	color: Black;
	font-style: italic;
}

div.breadcrumbpanel 
{
	margin-top: 10px;
	margin-left: 5px;
	width: 400px;
}

div.header_username
{
	float: right;
	clear: right;
	margin-top: 20px;
	margin-right: 5px;	
}

div.header_teamname
{
	float: right;
	clear: right;	
	margin-right: 5px;	
}

div.header_logout
{
	float: right;
	clear: right;
	margin-right: 5px;	
}






.tabStrip
{
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-collapse: collapse;
}
.tabHeader
{
	table-layout: fixed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 30px;
	border-collapse: collapse;
}
.tab
{
	width: 90px;
	border-top: solid 1px #00175a;
	border-left: solid 1px #00175a;
	border-right: solid 1px #00175a;
	border-bottom: solid 1px #00175a;
	border-collapse: collapse;
	cursor: pointer;	
	background-color: #f1f1f1;
}
.tabCaption
{
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

/* ------------------------------  TABS -------------------------------*/
#tabs {
	font-size: 8pt; 
	background: #ffffff;
	width: 100%; 
	line-height: normal;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
	float:  left;
}
#tabs UL {	
	padding: 0px 10px 8px 0px;
	margin: 0px;	
	list-style-type: none; 	
}
#tabs LI {	
	display: inline; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 	
}



#tabs A {	
	padding: 0px 0px 0px 4px;
	background: url(../../Images/tabOffLeft.gif) no-repeat left top;
	float: left; 	
	margin: 0px; 	
	text-decoration: none;	
	white-space: nowrap;
	
}

#tabs A span {
	padding: 5px 15px 4px 5px;	
	display: block; 	
	background: url(../../Images/tabOffRight.gif) no-repeat right top;
	float: left;
	color: #666;
}

#tabs A:hover 
{		
	background-position: 0% -42px;
	background: url(../../Images/tabOnLeft.gif) no-repeat left top;
	cursor:pointer;	
}
#tabs A:hover span 
{
	background-position: 100% -42px; 
	background: url(../../Images/tabOnRight.gif) no-repeat right top; 	
	cursor:pointer;
}

#tabs A.selected
{		
	background-position: 0% -42px;
	background: url(../../Images/tabOnLeft.gif) no-repeat left top;
	cursor:pointer;	
}
#tabs A.selected span 
{
	background-position: 100% -42px; 
	background: url(../../Images/tabOnRight.gif) no-repeat right top; 	
	cursor:pointer;
}

#tabs LI.tab_button
{
	float: right;
}

#tabs LI.tab_button A:hover span 
{
	font-weight: bold;
}

#tabs  LI.tab_button A{	
	background: url(../../Images/tabBtnOffLeft.gif) no-repeat left top;
	margin-left: 2px;
}

#tabs  LI.tab_button A  span{	
	background: url(../../Images/tabBtnOffRight.gif) no-repeat right top;
	color: green;	
}

.tabPage
{		
	float:left;	
	border-left: 1px solid #94A6B5;
	border-right: 1px solid #94A6B5;
	border-bottom: 1px solid #94A6B5; 
	/*border-top: 3px solid #94A6B5;*/
	width: 100%;		
	margin: 0px 0px 10px 0px;
	padding: 10px 5px 0px 5px;	
	height:65%;
}



/* -------------------------------------------------------------*/

div.bkg_details#divLeft 
{
	float: left;	
}

div.bkg_details#divMiddle 
{
	float: left;	
	margin-left: 70px;
	width: 250px; 
}

div.bkg_details#divRight 
{
	float: right;
	margin-right: 5px;	
	width: 200px; 	
}

div.bkg_details 
{
}

div.bkg_details div 
{
	xborder: 1px solid green;	
}

div.bkg_details div div
{
	border: none;	
}

div.bkg_details div.d_label 
{
	float: left; 
	width: 120px;
}


div.bkg_details div.d_text
{
	float: left; 
	width: 120px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;	
}

div.bkg_details#divRight div.d_label 
{
	float: left; 
	width: 80px;
}


div.bkg_details#divRight div.d_text
{
	text-align: right;
}


/* -------------------------------------------------------------*/
/*	Loading Message (used with asynchronously refreshed user	*/
/*	controls)       											*/
/* -------------------------------------------------------------*/

 /* styles for IE 5 Mac */
div.uc_ldg_msg_outer
{
	width: 100%; 
	background-color: transparent;
} 

 /* following rules are invisible to IE 5 \*/
div.uc_ldg_msg_outer {
   text-align: center;
 }
 /* end IE 5 hack */ 

div.uc_ldg_msg_wrapper
{
	position: relative;
	text-align: left;
	width: 300px;
	height: 80px;
	margin: 100px auto;
	z-index: 3000;
	border: 1px #9B9B9B solid; 
	background-color: #F6F6F6;
}

div.uc_ldg_msg_text
{
	display: block; 
	height: 32px; 
	margin-left: 90px;
	vertical-align: middle; 
	padding-left: 5px; 
	font-size: 18px; 
	color: #1E1776;
	position: relative;	
	margin-top: 28px;
}

div.uc_ldg_msg_animation
{
	height: 32px;
	width: 32px;
	background-image: url(../../Images/ajax-loader.gif); 
	/*
		Image generated at http://ajaxload.info/
		Settings:
			Indicator Type: Indicator Big
			BG Color:		F6F6F6
			Color:			0086AA
	*/
	float:left;
	display: block;
	margin-left: 20px;
	margin-top: 25px;
}

div.ServiceDetailCaptionSystem
{
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;	
}


div.ServiceDetailCaptionImportant
{
	background-color: #F54549;
	color: #FFFFFF;
	font-weight: bold;	
}


div.ServiceDetailCaption
{
	background-color: #0086AA;
	color: #FFFFFF;
	font-weight: bold;
}
div.ServiceDetailField
{
	text-align: left;
	margin: 5px 0px 5px 5px;
}

 /* styles for IE 5 Mac */
div.popupdiv_outer
{
	background-color: transparent;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3000; 
	visibility: hidden;
} 

 /* following rules are invisible to IE 5 \*/
div.popupdiv_outer {
   top: 40%;
   left: 0px;
   width: 100%;
   margin-top: -200px;
   text-align: center;
   min-width: 300px; 
 }
 /* end IE 5 hack */ 

div.popupdiv_wrapper
{
	position: relative;
	text-align: left;
	width: 500px;
	height: 250px;
	margin: 100px auto;
	border: 4px #9B9B9B solid; 
	background-color: #F6F6F6;
}

div.popupdiv_title
{
	background-color: #9B9B9B; 
	color: #F6F6F6;
	font-weight: bold;
	height: 17px;
}

div.popupdiv_wrapper_transfer
{
	position: relative;
	text-align: left;
	width: 780px;
	margin: 100px auto;
	border: 4px #809BA4 solid; 
	background-color: #EBF0F0;
}

div.popupdiv_wrapper_copy_component
{
	position: relative;
	text-align: left;
	width: 680px;
	border: 4px #809BA4 solid; 
	background-color: #EBF0F0;
	margin: 100px auto;
}

/* -------------------------------------------------------------*/
/*	Hotel Search Result                                     	*/
/* -------------------------------------------------------------*/

.hsr_service
{
	padding-top: 4px;	
	padding-bottom: 4px;	
	padding-left: 1px;
	padding-right: 1px;
	border-top: 1px #EEEEEE solid; 
	border-bottom: 0px;
}

.hsr_service .click_for_more
{
	color: #9B9B9B;
}

/* -------------------------------------------------------------*/
/*	Service Details                                         	*/
/* -------------------------------------------------------------*/

.s_det {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	padding-bottom: 3px;
}


.s_det .s_name
{
	color: #0086AA;
	font-size: 10pt;
	font-weight: bold;
}

.s_det .s_loc
{
	font-style: italic;
	
}

.s_det .s_feat
{
	color: #0086AA;
	float: left;
	margin-left: 15px;
	margin-top: 1px;
}

.s_det .s_prodinfo 
{
	float: right;	
	margin-top: 1px;
}

.s_det .s_preview
{
	float: right;	
	margin-top: 1px;
	margin-right: 10px;
	color: Red;
}

div.grading 
{
	float: left;
	margin-left: 15px;
}

div.star 
{
	height: 16px;
	width: 16px;
	background-image: url(../../images/full_star.gif);
	display: block;
	float: left;
}

div.halfStar {
	height: 16px;
	width: 16px;
	background-image: url(../../images/half_star.gif);
	display: block;
	float: left;
}


/* -------------------------------------------------------------*/
/*	Price Search Results                                    	*/
/* -------------------------------------------------------------*/

#divHotelSearchResults,#divTransferSearchResults,#divSightseeingSearchResults,#divRentalCarSearchResults,#divPackageSearchResults,#divAirfareSearchResults,#divFeeSearchResults {
    min-height: 200px;
}


.psr 
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.psr div 
{
	float: right;
}

.psr div.psr_hrhead
{
	float: none;
	font-weight: bold;	
}

.psr .psr_sum 
{
    width: 817px;
}

.psr .psr_sum div
{
}

.psr .psr_sum .psr_name 
{
	width: 210px;
	float: left;
	margin-top: 3px;
	margin-left: 15px;
}

.psr .psr_sum .psr_ssdesc 
{
	width: 310px;
	float: left;
	margin-top: 3px;
	margin-left: 15px;
}

.psr .psr_sum .psr_select 
{
	width: 58px;
	margin-right: 2px;
	height: 20px;
	background-image: url(../../Images/select.gif);
    background-repeat: no-repeat;
    background-position: right 0;	
    cursor: pointer;
}

.psr .psr_sum .psr_select:hover
{
    background-position: right -100px;	
}

.psr .psr_sum .psr_select input
{
	float: right;
	margin-right: 3px;
}

.psr .psr_sum  .psr_sell
{
	font-weight: bold;
	width: 70px;
	text-align: right;
	margin-top: 3px;
	
}

.psr .psr_sum .psr_manual
{
	font-weight: bold;
	width: 70px;
	text-align: right;
	margin-top: 3px;
}
.psr .psr_sum  .psr_expnd
{
	width: 100px;
	margin-top: 3px;
	text-align: center;
}

.psr .psr_sum .psr_bookby
{
	margin-top: 3px;	
	width: 125px;
}

.psr .psr_sum .psr_bkrefs 
{
	margin-top: 3px;	
	width: 85px;
}

.psr_fare
{
	float: left;
    width: 580px;
}

.psr_fare_name
{
	float:left;
	width:815px;
}

.psr .psr_sum .psr_fare_name #divNameText
{
	float:left;
	width: 450px;
	color: #0086AA;
	font-size: 10pt;
	font-weight: bold;
}

.psr_fare .psr_fare_route
{
	float:left;
	width:190px;
	margin-top: 3px;
}

.psr_fare .psr_fare_journeytype
{
	float:left;
	width:70px;
	margin-top: 3px;
}

.psr .psr_sum .psr_package_name
{
	float:left;
	width:750px;
	color: #0086AA;
	font-size: 10pt;
	font-weight: bold;
}

.psr_fare .psr_fare_avail
{
	float:left;
	width:130px;
	margin-top: 3px;
}

.psr .psr_sum .psr_sum_descr
{
	float:left;
	width:815px;
}

.psr .psr_det 
{
	float: left;
}


.psr .psr_det div 
{
	float: left;
}


.psr .psr_det .psr_det_price 
{
	border: 1px solid black;
	width: 370px;
}

.psr .psr_det .psr_det_price div
{
	float: none;
	padding-top: 2px;
	padding-bottom: 2px;	
}



.psr .psr_det .psr_det_price .psr_det_price_hdr
{
	background-color: #9B9B9B;
	background-image:url(../../Images/footerarea.png);
	background-position:bottom;	
}

.psr .psr_det .psr_det_price .bbd 
{
	font-weight: bold;
}

.psr_det_price_load
{
	width: 100%;
	text-align: center;
	background-color: Black;
	color: White;
}


.psr .psr_det .psr_det_rates
{
	border: 1px solid black;
	width: 370px;
	margin-left: 15px;
}

.psr .psr_det .psr_det_rates .psr_det_rate
{
	clear: both;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;	
}

.psr .psr_det .psr_det_rates .psr_det_rate div
{
	width: 70px;
	float: right;
}

.psr .psr_det .psr_det_rates .psr_det_rate div#divNight 
{
	/*float: left;*/
}

.psr .psr_det .psr_det_rates .psr_det_rate_hdr
{
	clear: both;
	width: 100%;
	
	background-color: #9B9B9B;
	background-image:url(../../Images/footerarea.png);
	background-position:bottom;	
	
	padding-top: 2px;
	padding-bottom: 2px;
}


.psr .psr_det .psr_det_rates .psr_det_rate_hdr div
{
	width: 70px;
	/*float: right;*/
}

.psr .psr_det .psr_det_rates .psr_det_rate_hdr .night_hdr
{
	float: left;
}

.psr .psr_det .psr_det_rates .psr_det_rate_hdr .paxtype_hdr
{
	float:left;
	width:110px;
}

.psr .psr_det .psr_det_rates .psr_det_rate_hdr .qty_hdr
{
	float:left;
	width:60px;
}

.psr .psr_det .psr_det_rates .psr_det_rate .det_paxtype
{
	float:left;
	width:110px;
}

.psr .psr_det .psr_det_rates .psr_det_rate .det_qty
{
	float:left;
	width:60px;
}

.psr .psr_det .psr_det_rates .psr_det_rate_load
{
	width: 100%;
	text-align: center;
	background-color: Black;
	color: White;
}

.psr .psr_messages
{
	float:left;
}

.psr .psr_messages .psr_sellmsg
{
	float:left;
	color:#FF0000;
	width:815px;
}

.psr div.exp
{
	margin-top: 3px; 
	color: #0000FF; 
	text-decoration: underline; 
	cursor: pointer;
}

/* -------------------------------------------------------------*/
/*	Hotel Search                                     	        */
/* -------------------------------------------------------------*/

div.roompax 
{
	margin-bottom: 5px;
}

.numads_lbl, .numchd_lbl 
{
	float: left;
	padding-top: 3px;
}

.numads_lbl 
{
	width: 75px;
}

.numchd_lbl 
{
	width: 75px;
}

.numads, .numchd 
{
	float: left;
	width: 50px;	
	padding-top: 3px;
}

.numchd
{
	margin-left: 10px;
	margin-right: 10px;
}

INPUT.childage 
{
	width:20px;
	float: left;
	margin-right: 5px;	
	padding-top: 3px;
}

/* -------------------------------------------------------------*/
/*	Quote Control Panel                             	        */
/* -------------------------------------------------------------*/

.qcp_lbl
{
	float: left;
	padding-top: 3px;
	width: 115px;
}

.qcp_combo
{
	width: 160px;
	font-size: 8pt;
}

.qcp_controlbox 
{
	width: 280px; 
	padding-top: 1px; 
	padding-bottom: 1px;
}

DIV.non_editable 
{
	float: left; padding-top: 3px;
}


.option_combo_destination
{
	width: 120px;
	font-size: 8pt;
}

.extref 
{
	font-style: italic;
	color: Blue;	
}

/* -------------------------------------------------------------*/
/*	Component Control											*/
/* -------------------------------------------------------------*/

.general_label_schedule 
{
	float: left;
	padding-top: 3px;
	width: 75px;
}

div.general_ctrl_row
{
	margin-bottom: 3px;
}

div.general_details
{
	float: left; 
}

.general_combo_schedule
{
	width: 180px;
	font-size: 8pt;
	float: left;
	margin-right: 5px;
}

.general_combo_paxtype
{
	width: 70px;
	font-size: 8pt;
}

.general_combo_other
{
	width: 280px;
	font-size: 8pt;
}

.general_combo_time
{
	width: 50px;
	font-size: 8pt;
}

.general_textbox
{
	width: 74px;
	font-size: 8pt;
}

.time_textbox
{
	width: 40px;
	font-size: 8pt;
}


.datetime_textbox
{
	width: 125px;
	font-size: 8pt;
}


div.HeadingDetail {
    float: right; 
    width: 62px;        
    text-align: right;
    padding-right: 1px;
}

div.ComponentItem 
{
	margin-bottom: 10px;
}

div.ComponentItemDetail {
    float: right; 
    width: 63px;   
    text-align: right;
}

div.ComponentItemDetail div {
    text-align: right;
    float: right;
}

div.ComponentItemFooter {
    float: right; 
    height: 22px;
    width: 63px; 
    font-weight: bold;
    text-align: right;
}


div.ComponentItemDetail p {
    vertical-align: top;
}

div.ComponentItemDetail input {
    width: 50px;
    text-align: right;
}    

div.cid_override input {
    color: red;
}

div.cid_override {
    color: red;
}


/* -------------------------------------------------------------*/
/*	Component List                                 	        */
/* -------------------------------------------------------------*/
div.component_list div 
{
}

div.cl_type {
    width: 75px;   
}

div.cl_type_bk {
    width: 105px;   
}

div.cl_date {
    width: 90px;   
}

div.cl_xfrd {
    width: 20px;   
    text-align:center;
}


div.cl_docs {
    width: 20px;   
    text-align:center;
}

div.cl_status {
    width: 20px;   
    text-align:center;
}

div.amending 
{
	background-color: blue;
	color: White;		
}

div.cl_item {
    width: 230px;   
}

div.cl_item_bk_w {
    width: 240px;   
}

div.cl_avail {
    width: 120px;   
}

div.cl_amount {
    width: 70px;   
    text-align: right;
}

div.cl_amount div {
    width: 70px;   
    text-align: right;
}

div.cl_action {
    width: 70px;   
    text-align: right;
}

div.cl_progress {
    width: 250px;   
    text-align: right;    
    padding-right: 3px;
}

div.cl_package, div.cl_package_quote, div.cl_needs_reprice {
    width: 250px;   
    text-align: right;
    text-align: center;
    background-color: Silver;
    color: White;
}

div.cl_package_quote 
{
	width: 140px;
}

div.cl_needs_reprice
{
	width: 270px;
}


div.price_detail_needs_reprice {
    width: 378px;  
    float: right; 
    text-align: right;
    text-align: center;
    background-color: Silver;
    color: White;
}

div.included_pax
{
	position: absolute; 
	z-index: 10; 
	border: 2px solid #88A4AD;
	margin: 3px;
	background-color: #F6F6F6;
	width: 220px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}


/*************************************
	Per Pax Breakdown
*************************************/

div.paxbreakdown_hdr {
    background-color: #0086AA;
	background-repeat:repeat-x;
	background-position:bottom;	 
	margin-top: 10px;  
	width: 812px; 
	margin-left: 3px;
}

div.paxbreakdown {
	width: 812px; 
	margin-left: 3px;
}

div.paxbreakdown_ftr {
	width: 812px; 
	margin-left: 3px;
	margin-bottom: 10px;
}

div.paxbreakdown_hdr	div,
div.paxbreakdown		div,
div.paxbreakdown_ftr	div
{
	float: left;
}

div.paxbreakdown_hdr div {
    float: left; 
    padding-top: 2px;
    padding-bottom: 2px;     
    color: white;
    font-weight: bold;
}

div.paxbreakdown_ftr div {
    font-weight: bold;
}

div.paxbreakdown_hdr	div.pax,
div.paxbreakdown		div.pax,
div.paxbreakdown_ftr	div.pax
{
	width: 220px;	
}

div.paxbreakdown_hdr	div.age,
div.paxbreakdown		div.age,
div.paxbreakdown_ftr	div.age
{
	width: 80px;	
}

div.paxbreakdown_hdr	div.remarks,
div.paxbreakdown		div.remarks,
div.paxbreakdown_ftr	div.remarks
{
	width: 190px;	
}

div.paxbreakdown_hdr	div.land,
div.paxbreakdown		div.land,
div.paxbreakdown_ftr	div.land
{
	width: 80px;	
	text-align: right;
}

div.paxbreakdown_hdr	div.air,
div.paxbreakdown		div.air,
div.paxbreakdown_ftr	div.air
{
	width: 80px;	
	text-align: right;
}

div.paxbreakdown_hdr	div.taxes,
div.paxbreakdown		div.taxes,
div.paxbreakdown_ftr	div.taxes
{
	width: 80px;	
	text-align: right;
}

div.paxbreakdown_hdr	div.total,
div.paxbreakdown		div.total,
div.paxbreakdown_ftr	div.total
{
	width: 80px;	
	text-align: right;	
}

div.paxbreakdown		div.total
{
	font-weight: bold;
}




/*************************************
*************************************/

div.component_list_hdr {
    background-color: #0086AA;
	background-repeat:repeat-x;
	background-position:bottom;	 
	margin-top: 5px;  
	width: 812px; 
	margin-left: 3px;
}

div.component_list_hdr div {
    float: left; 
    padding-top: 2px;
    padding-bottom: 2px;     
    color: white;
    font-weight: bold;
}

div.component_list_hdr div.right {
    float: right; 
}


div.cl_action {
    color: #9B9B9B;
}

div.component_list {
	width: 812px; 
	margin-left: 3px;
}

div.component_list div {
    float: left; 
    padding-top: 2px;
    padding-bottom: 2px;     
}

div.component_list div div {
    padding-top: 0px;   
}

div.component_list div.right {
    float: right; 
}

div.component_list div.keyinfo {
    font-weight: bold;  
}

div.template_lst_ftr 
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;	
}

div.component_list_ftr {
	width: 812px; 
	margin-left: 3px;    
}

div.component_list_ftr_top {
    border-top: 1px solid black;
}

div.component_list_ftr_bottom {
    border-top: 1px solid black;
    height: 1px;
}



div.component_list_ftr div {
    float: left; 
    padding-top: 2px;
    padding-bottom: 2px;     
    font-weight: bold;
}

div.component_list_ftr div.right {
    float: right; 
}

div.component_list_ftr div.keyinfo {
    font-weight: bold;  
}

div.on_request 
{
	margin-top: 3px; 
    width: 130px;
}

div.available_now {
    color: green;
    margin-top: 3px; 
    width: 130px;
}

div.check 
{
	margin-top: 3px; 
    width: 130px;
}

/* -------------------------------------------------------------*/
/*	Component													*/
/* -------------------------------------------------------------*/

.tb_name
{
	width: 273px;
	font-size: 8pt;
}



/* -------------------------------------------------------------*/
/*	Flight Segment                                    	        */
/* -------------------------------------------------------------*/

div.segment, 
div.segment_in_use, 
div.segment_no, 
div.segment_carrier, 
div.segment_flight, 
div.segment_class, 
div.segment_origin, 
div.segment_dest, 
div.segment_depart,
div.segment_arrive,
div.segment_status,
div.segment_day
{
    float: left; 
    width: 50px;        
    padding-right: 1px;
	margin-right: 5px;
}

div.segment, 
div.segment_in_use
{
	float: right;
}

div.segment input, 
div.segment_no input, 
div.segment_carrier input, 
div.segment_flight input, 
div.segment_class input, 
div.segment_origin input, 
div.segment_dest input, 
div.segment_depart input,
div.segment_arrive input,
div.segment_status input,
div.segment_day input
{
    float: left; 
    width: 47px;        
    padding-right: 1px;
	margin-right: 5px;
}


div.segment_depart,
div.segment_arrive
{
    width: 100px;        
}


div.segment_depart input,
div.segment_arrive input
{
    width: 97px;        
}

/* -------------------------------------------------------------*/
/*	Booking Pax                                       	        */
/* -------------------------------------------------------------*/

div.booking_pax_header_row 
{
	background-color: #0086AA;
	color: #FFFFFF;
	font-weight: bold;	
}

div.booking_pax, 
div.booking_pax_in_use, 
div.booking_pax_requests, 
div.booking_pax_remarks, 
div.booking_pax_first, 
div.booking_pax_last, 
div.booking_pax_age, 
div.booking_pax_title 
{
    float: left; 
    width: 60px;        
    padding-right: 1px;
	margin-right: 5px;
}

div.booking_pax input 
{
	width: 75px;
}

div.booking_pax_in_use 
{
	color: Green;
	width: 60px;
	margin-right: 0;
	text-align: right;
}

div.booking_pax_title 
{
	width: 40px;	
}

div.booking_pax_title input 
{
	width: 35px;
}

div.booking_pax_age 
{
	width: 40px;	
}

div.booking_pax_age input 
{
	width: 35px;
}

div.booking_pax_first, div.booking_pax_last
{
	width: 100px;	
}

div.booking_pax_first input, div.booking_pax_last input
{
	width: 95px;
}


div.booking_pax_remarks, div.booking_pax_requests
{
	width: 160px;	
}

div.booking_pax_remarks input, div.booking_pax_requests input
{
	width: 155px;
}

/* -------------------------------------------------------------*/
/*	Booking Pax                                       	        */
/* -------------------------------------------------------------*/

.qd_address, .qd_email
{
	width: 200px;
	font-size: 8pt;
}

.qd_phone, .qd_phone2, .qd_mobile
{
	width: 100px;
	font-size: 8pt;
}

/* -------------------------------------------------------------*/
/*	Booking Details                                       	        */
/* -------------------------------------------------------------*/


.bk_notes_textarea 
{
	width: 806px;
	height: 320px;
}

.bk_PNR_textarea 
{
	width: 406px;
	height: 320px;
	font-family: "courier new", sans-serif;
}


/* -------------------------------------------------------------*/
/*	Booking Component Specific Details                          */
/* -------------------------------------------------------------*/

.bk_com_spec_textarea 
{
	width: 806px;
	height: 50px;
}

.bk_com_spec_textbox
{
	width: 600px;
	font-size: 8pt;
}

/* -------------------------------------------------------------*/
/*	Rental Car                                                  */
/* -------------------------------------------------------------*/

INPUT.rate_value
{
	width: 40px;
}

/* -------------------------------------------------------------*/
/*	Template Details											*/
/* -------------------------------------------------------------*/

.tmplt_descr
{
	width: 400px;
	height: 50px;
}



/* -------------------------------------------------------------*/
/*	Common                                            	        */
/* -------------------------------------------------------------*/
div.section_header {
	background-color: #F6F6F6; 
	border-bottom: 1px solid #909BA4; 
	height: 22px;
	padding-top: 3px;
	padding-bottom: 1px;
}



/* -------------------------------------------------------------*/
/*	COMPONENT ICONS                                   	        */
/* -------------------------------------------------------------*/

div.icon_button 
{
	margin-right: 10px; 
	float: left;
	cursor: hand;
	padding: 1px;
}

div.icon_button:hover
{
	border: 1px solid black;
	padding: 0;
	cursor: hand;
}

#divIcon_Fare {
	height: 16px;
	width: 16px;
	background-image: url(../../Images/fare.gif); 
}

#divIcon_Hotel {
	height: 16px;
	width: 16px;
	background-image: url(../../Images/accomodation.gif); 
}

#divIcon_Transfer {
	height: 16px;
	width: 16px;
	background-image: url(../../Images/transfer.gif); 
}

#divIcon_Sightseeing {
	height: 16px;
	width: 16px;
	background-image: url(../../Images/sightseeing.gif); 
}

#divIcon_RentalCar {
	height: 16px;
	width: 16px;
	background-image: url(../../Images/rental_car.gif); 
}

.edititinerary_toolbar_button 
{
	height: 21px;
	width: 21px;
	cursor: hand;	
	position: absolute;
	top: 0;
}

.edititinerary_toolbar_button:hover {
	border: 1px solid black;
	margin: -1px;
}

.edititinerary_toolbar_button.break 
{
	width: 5px;
	cursor: default;	
}


.edititinerary_toolbar_button.break:hover
{
    border: none;   
	margin: 0;
}

.edititinerary_toolbar_button#move_up {
	background-image: url(../../Images/button-arrow-up.png); 
}

.edititinerary_toolbar_button#move_down {
	background-image: url(../../Images/button-arrow-down.png); 
}

.edititinerary_toolbar_button#open {
	background-image: url(../../Images/button-open.png); 
}

.edititinerary_toolbar_button#edit {
	background-image: url(../../Images/button-edit.png); 
}
.edititinerary_toolbar_button#remove {
	background-image: url(../../Images/button-remove.png); 
}

/* Availability Calendar
-----------------------------------------------------
*/

div.ac_outer
{
	border-left: 1px solid #7F9DB9;
	text-align: center;
	width: 450px;
}

div.ac_outer div
{
}

div.ac_outer div div
{
	border-right: 1px solid #7F9DB9;
	border-bottom: 1px solid #7F9DB9;
	float: left;
	width: 60px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 1px;
}

div.ac_outer div div div
{
	border: none;
	padding-right: 0px;
}

div.ac_header div
{
	background-color: #7F9DB9;
	color: white;
}

div.ac_body div 
{
	height: 50px;
}

div.ac_body div div
{
	height: auto;
	color: Black;
}

div.ac_body div div.ac_text 
{
	font-size: 8pt;
	color: #7F9DB9;
	font-weight: bold;
}

div.ac_body div.requested
{
	background-color: #F6F6F6;
}


/* Rate Set
-----------------------------------------------------
*/

div.rateset 
{
	margin-bottom: 10px;	
	text-align: left;
}

div.rateset div div
{
	float: left;
}

div.rateset div.caption 
{
	width: 100px;
}

div.rates_area
{
	float: none;
}

div.rates_area div
{
	float: none;
}

div.rates_area div div
{
	float: none;
}


div.rateset .emphasize 
{
	font-weight: bold;
}

div.rateset .indent
{
	margin-left: 250px;
}

div.rateset .expand
{
	margin-top: 3px;
}

div.rates_area div.inclusions div
{
	float: left;
}

/* Service Brochure
-----------------------------------------------------
*/

div.gen_details
{
	float:left; 
	text-align: left; 
	margin-top: 5px;	
}

div.gen_details .caption
{
	font-weight: bold;
}

div.gen_details .section
{
	margin-bottom: 5px;
}



/* Supplier Advice Queue
-----------------------------------------------------
*/


table.resqueue {
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: 5px;
	margin-top: 10px;
	width: 810px;
}


table.resqueue th, table.resqueue td {
    padding: 0;    
    height: 18px;
}

table.resqueue table.components
{
	margin-left: 15px;
	font-style: italic;
	margin-bottom: 10px;
}

table.resqueue DIV.highlight
{
	color: Red;
	cursor: pointer;
}

table.resqueue DIV.popup DIV.data, 
table.resqueue DIV.popup DIV.actionid, 
table.resqueue DIV.popup DIV.servicetype,
table.resqueue DIV.popup DIV.bookingid
{
	display: none;
}


/*****************************************************************************/
/****************************** LEFT NAV *************************************/
/*****************************************************************************/



/****************************** Left col *************************************/
div#left{
width:180px; /* ie 184+2 = 186 */
padding:0px 0px;
}
div#pageTitle{
height:27px;
background-color: black;
background-repeat:repeat-x;
padding:6px 0 0 6px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:-6px; /* FF only > ie = 0 */
}
/****************************** Left Nav *************************************/
div#pageNav ul{
margin:0;
padding:0;
}
div#pageNav ul li{
list-style:none;
}
div#pageNav ul a{	/* TOP LEVEL COLLAPSED */
display:block;
background-image:url(../../Images/leftnavunselected.png);
background-repeat:repeat-x;
background-position:top;
background-color: #C4C4C4;  
width:165px;
height:21px;
color:black;
font-weight: bold;
text-decoration:none;
padding:5px 0 0 15px;
}

div#pageNav ul a.warning{	/* TOP LEVEL COLLAPSED */
display:block;
background-image:url(../../Images/leftnavwarning.png);
background-repeat:repeat-x;
background-position:top;
background-color: red;  
width:165px;
height:21px;
color:black;
font-weight: bold;
text-decoration:none;
padding:5px 0 0 15px;
}

div#pageNav ul li.active a{
background-image:none;
background-color:#00FFFF; /* <<-- */
font-weight:bold;
}
div#pageNav ul li.active ul a{
background-image:none;
width:155px;
height:16px;
padding:2px 0 0 25px;
font-weight:normal;
background-color:#00FFFF; /* <<-- */
}
div#pageNav ul ul li.active a{
background-color:#0000FF; /* <<-- */
height:20px;
font-weight:bold;
padding-top:6px;
}
div#pageNav ul ul li.active ul a{
background-image:none;
width:139px;
height:14px;
padding:1px 0 0 45px;
font-size:10px;
font-weight:normal;
background-color:#0000FF; /* <<-- */
color:#DDE7D5; /* <<-- */
}
div#pageNav ul li.active ul li.first a{
padding-top:6px;
}
div#pageNav ul li.active ul li.last a{
padding-bottom:6px;
}
div#pageNav ul li.active ul li.end a
{
background-image:url(../../Images/dottedLine.gif);
background-repeat:repeat-x;
background-position:bottom;
}
/*** Current page ***/
div#pageNav ul li.current a{
background-color:#FF0000;
font-weight:bold;
}
div#pageNav ul ul li.current a{
background-color:#FF0000;
font-weight:bold;
}
div#pageNav ul ul ul li.current a{
background-color:#FF0000;
font-weight:bold;
color:#FFFFFF;
}
/*** roll overs ***/
div#pageNav li a:hover{
background-color:#00FF00
}
div#pageNav li.active a:hover{
background-color:#00FF00
}

/*****************************************************************************/


div#pageNav ul li.active a{ /* dark tint */
background-color:#F6F6F6;
}
div#pageNav ul li.active ul a{
background-color: #F6F6F6; /* dark tint */
}
div#pageNav ul ul li.active a{
background-color:#C8B6D2; /* light tint */
}
div#pageNav ul ul li.active ul a{
background-color:#C8B6D2;  /* light tint */
color:#E5DFEB; 			 /* light text colour */
}
/*** Current page ***/
div#pageNav ul li.current a{
background-image:url(../../Images/leftnavselectedlev1.png);
background-color: #9E9069; /* FIRST LEVEL */
color: Black;
}

div#pageNav ul ul{
border-top: 1px solid black;
}

div#pageNav ul ul li.current a{
background-color: #a8c4c9; /* SECOND LEVEL */
}
div#pageNav ul ul ul li.current a{
background-color:#4594A8; /* THIRD LEVEL */
}
/*** roll overs ***/
div#pageNav li a:hover{
background-color:#0086AA;
}

div#pageNav li.active a:hover{
background-color: #C4C4C4; /*#0086AA;*/
}

div.CityName
{
	font-size: 12px;
	font-family: Arial;
}

select.Service
{
	font-size: 11px;
	font-family: Arial;
	width: 200px;
}
.UnmappedService
{
	font-size: 11px;
	font-family: Arial;
	padding-right: 25px;
	vertical-align: top;
}
.CountryName
{
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}

.actmnu
{
	cursor: pointer;	
	color: #00A54D;
	font-weight: bold;
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
}

.actmnu div
{
	cursor: pointer;	
	color: #00A54D;
	font-weight: bold;
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
}



/*****************************************************************************/
/*****************************************************************************/
.sal-templates { display: none; }

.oh-splitmerge { list-style: none;   margin: 0; margin-left: 5px; }
.oh-splitmerge LI { margin-bottom: 4px; }
.oh-splitmerge LI DIV { float: left; }
.oh-splitmerge LI DIV.content { float: left; }
.oh-splitmerge LI DIV.top-row { float: none; }
.oh-splitmerge LI DIV.child-rows { float: none; }

.oh-splitmerge DIV.details { width: 552px; }
.oh-splitmerge DIV.details LI { width: 100px; overflow: hidden; white-space: nowrap; }
.oh-splitmerge DIV.details LI.dt-CityCode { width: 110px; }
.oh-splitmerge DIV.details LI.dt-CityName { width: 180px; }
.oh-splitmerge DIV.details LI.servicecount { width: 40px; }
.oh-splitmerge DIV.details LI.dt-ServiceCount { width: 40px; }

.oh-splitmerge LI DIV.child-rows UL { list-style: none;   margin: 0;  float: none; }
.oh-splitmerge LI DIV.child-rows  DIV.details LI.dt-ServiceID { width: 100px; }
.oh-splitmerge LI DIV.child-rows  DIV.details LI.dt-Name { width: auto; font-weight: bold; cursor: pointer;  }
.oh-splitmerge LI DIV.child-rows  DIV.details LI.dt-Name:hover { text-decoration: underline;  }
.oh-splitmerge LI DIV.child-rows  DIV.details LI.dt-Address { width: auto;  }

.oh-splitmerge .oh-splitmerge-city .child-rows { border: 1px solid black;  background-color: #DDD; margin-top: 5px; margin-left: -5px; padding: 3px; padding-left: 4px; }


.oh-splitmerge .oh-splitmerge-city .oh-splitmerge-cityservice .child-rows { border: none; border-left: 1px solid black; font-style: italic; }
.oh-splitmerge .oh-splitmerge-city .oh-splitmerge-servicemapping .child-rows { border: none; }


.oh-splitmerge DIV.details LI.dt-ExtResSystemServiceMappingID { display: none; }
.oh-splitmerge DIV.details LI.dt-ExtCityCode { width: 110px; }
.oh-splitmerge DIV.details LI.dt-SupplierCode { width: 80px; }
.oh-splitmerge DIV.details LI.dt-ExtResSystemService { width: 235px; }
.oh-splitmerge DIV.details LI.dt-ExtResSystem { width: 100px; }

.oh-splitmerge .oh-splitmerge-servicemapping .child-rows {  margin-top: 2px; margin-left: 5px; padding: 3px; padding-left: 4px; font-style: italic; }

.oh-splitmerge LI.collapsed DIV.child-rows{ display: none; }

.collapsed .ui-icon-circlesmall-plus-or-minus { background-position: 0 -208px; }
.ui-icon-circlesmall-plus-or-minus { background-position: -16px -208px; }


.oh-splitmerge .sal-hlist LI { margin-right: 5px; }

.oh-splitmerge DIV.icons { width: 56px; }
.oh-splitmerge DIV.icons LI { cursor: pointer; }
.oh-splitmerge DIV.icons .expand-state { margin-left: 5px; }






.oh-splitmerge DIV.actions { color: Green; font-weight: bold; width: 198px; overflow: hidden; white-space: nowrap; cursor: pointer; }
.oh-splitmerge DIV.actions:hover { text-decoration: underline; }


.oh-copycomponentlist UL { list-style: none;   margin: 0; }
.oh-copycomponentlist UL.header { margin-left: 5px; }
.oh-copycomponentlist UL.componentlist { margin-left: 5px; }
.oh-copycomponentlist UL LI {margin: 0px; padding:0px;}
.oh-copycomponentlist UL.header LI { margin-bottom: 4px; float: left; }
.oh-copycomponentlist DIV.oh-copycomponentitem LI { margin-bottom: 4px; float: left; }

.oh-copycomponentlist LI.copy  { width: 60px; text-align: center; }
.oh-copycomponentlist LI.servicetype  { width: 80px; }
.oh-copycomponentlist LI.date  { width: 100px; }
.oh-copycomponentlist LI.itemdetail  { width: 450px; }
.oh-copycomponentlist LI.autobook  { width: 160px; text-align: center; }





.oh-prodinfocontact UL  { list-style: none;   margin: 0; margin-left: 0px; padding: 0 }
.oh-prodinfocontact UL LI DIV { float: left; }
.oh-prodinfocontact UL LI DIV.heading { width: 130px; color: RGB(112,146,190); font-weight: bold; }

.oh-prodinfo { margin-top: 5px; }
.oh-prodinfo  { list-style: none;   margin: 0; margin-left: 0px; padding: 0 }
.oh-prodinfo LI DIV.heading { color: RGB(112,146,190); font-weight: bold; margin-top: 5px;}



.oh-resultheaderbar { background-color:  #0086AA; font-size: 10pt; color: White; font-weight: bold; margin-right: 1px; margin-left: 1px; }
.oh-resultheaderbar .sortlabel { float: left; margin-left: 5px;}
.oh-resultheaderbar UL { list-style: none;  margin: 0; margin-left: 5px; float: left; }
.oh-resultheaderbar UL LI { float: left; margin-left: 10px; text-decoration: underline; cursor: pointer; padding-right: 5px; padding-left: 5px; height: 18px;}
.oh-resultheaderbar UL LI:hover { background-color: RGB(112,146,190);}
.oh-resultheaderbar UL LI.selected { background-color: RGB(112,146,190);}

.oh-resultheaderbar .resultcount { float: right; text-align: right; vertical-align: middle; };    

.sal_report 
{
    width: 790px;
    background-color: white;
    text-align: left;
    float: left;
}
        
.sal_report.preview 
{
    background-image: url(../../Images/watermark-draft.png);
    background-position: left top;
    background-repeat: repeat;            
}
        
.dateline 
{
	font-weight: bold;	
	font-family: Verdana;
	font-size: 9pt;
}

.itemdetails 
{
    width: 666px;           
}

.itemdetails, .itemdetails TD
{
	margin-left: 120px;
	font-family: Verdana;
	font-size: 9pt;
	margin-bottom: 10px;
	cursor: pointer;
}    

.itemdetails P {
    margin: 0px;
    padding: 0px;
}

.spanPerRadios
{
    float:left;
    clear:both;
    vertical-align: top;
    width: 100%;
}
.textareaShort
{
 width: 95%;
 height: 50px;
 margin-top: 5px;
}
.textareaLong
{
  width: 95%;
  height: 70px;
  margin-top: 5px;
    
}

#contact, .contactlookup { width: 22em }

.contactsdialog {z-index: 10000}

.contactsdialog .ui-dialog-content{ text-align: left; font-family: verdana, "trebuchet MS", helvetica, sans-serif; 	font-size: 8pt;	z-index: 100; }
.contactsdialog .ui-dialog-content INPUT, .contactsdialog .ui-dialog-content textarea { font-family: Arial;	}

.contactsdialog H1{font-size:12pt;font-family:Arial;}
.contactsdialog .select{float:left;}
.contactsdialog .details{float:left;width:555px;margin-left:5px;}
.contactsdialog .action{float:left;margin-left:5px;}

DIV.primary UL { list-style: none; margin: 0; padding: 0; }

.existingrelatedcontact { margin-left: 5em; }

.primarycontact .email,.newcontact .remarks,.newcontact .requests,.primarycontact .addressline,.relatedcontact .email,.relatedcontact .addressline, .primarycontact .notesline, .relatedcontact .notesline{width:550px;}
.primarycontact .addressline.place, .relatedcontact .addressline.place{width:350px;}
.primarycontact .addressline.postcode, .relatedcontact .addressline.postcode{width:192px;}
.newcontact .surname,.newcontact .dob,.newcontact .passport,.newcontact .passportsurname{width:121px;}
.newcontact .firstnames,.newcontact .passportfirstnames,.newcontact .nationality{width:220px;}
.primarycontact .phone, .relatedcontact .phone{ width: 178px; }
.newcontact .title,.newcontact .age{width:35px;}
.newcontact .knownas{width:150px;}
.newcontact .membership,.newcontact .frequentflyer,.newcontact .expiry,.newcontact .authority{width:193px;}
DIV.primarycontact{margin-top:2em;}
DIV.primarycontact.error{margin-top:1em;}
DIV.contactsdialog .validationmessage{display:none;}
DIV.contactsdialog .error.validationmessage{display:block;color:Red;height:1.2em;}
DIV.primarycontact .address{margin-top:.5em;}
.newcontact DIV.paxage{width:125px;float:left;}
.newcontact DIV.gender,.newcontact DIV.paxtype{width:110px;float:left;margin-left:4px;}
.newcontact DIV.loyalty{margin-left:4px;float:left;width:197px;}
.related > DIV 
{
    margin-top: 15px;
    margin-bottom: 15px;
}

/*<ul>
    <li class="pax">
        <div class="room"></div>
        <div class="name"></div>
        <div class="lead">LEAD</div>
        <div class="makelead">Make Lead</div>
        <div class="remove">Remove</div>
        <div class="up">up</div>
        <div class="down">down</div>
    </li>
</ul>*/

#paxSelectionArea UL { list-style: none; margin: 0; padding: 0; width: 74em; }
#paxSelectionArea LI:hover { background-color: #eee }
#paxSelectionArea LI.bulk { cursor: pointer; text-decoration: underline; color: blue; }
#paxSelectionArea LI DIV { float: left; }
#paxSelectionArea LI DIV.room { width: 2em; }
#paxSelectionArea LI DIV.age { width: 3em; }
#paxSelectionArea LI DIV.age.canchangeage { width: 3em; cursor: pointer; text-decoration: underline; color: blue; }
#paxSelectionArea LI DIV.remarks,#paxSelectionArea LI DIV.requests { float: none; margin-left: 5em; clear: both; }
#paxSelectionArea LI DIV.name { width: 20em; }
#paxSelectionArea LI DIV.leadrelated { width: 32em;  }
#paxSelectionArea LI DIV.lead { width: 5em; color: #809BA4; }
#paxSelectionArea LI DIV.inuse { width: 5em; }
#paxSelectionArea LI DIV.link { width: 8em;  display: none; text-decoration: underline; cursor: pointer; color: Blue }
#paxSelectionArea LI DIV.createcontact  { width: 9em; display: none;  }
#paxSelectionArea LI DIV.remove  { width: 6em; display: none;  }
#paxSelectionArea LI DIV.move  { width: 16em; display: none;  }
#paxSelectionArea LI DIV.move SPAN { text-decoration: underline; cursor: pointer; color: Blue; margin-right: 1em;  }
#paxSelectionArea LI:hover DIV.link { display: block; }
#paxSelectionArea LI DIV.move { display: block; }
#paxSelectionArea LI.paxrequired { color: Red; }

.ui-autocomplete 
{
    z-index: 11000;
}