/**
 *  lobby pages specific styles
 *  $Id: lobby.css 6488 2007-03-08 22:09:15Z mtakag $
 *
 */

/* traveller lobby: interactive map */
.hidemap, .hidemap *, .hidemap li {
  display: none !important;
}

#worldMap li, #locMap li, #EUMap li {
  list-style-type: none;
}

.spotAdj img {
  display: block;
  margin: 47px 0 0 48px;
}

.spotHide img {
  display: none;
}

/*
  worldmap styles / clickable continents
*/
#worldMap.showmap {
  display:block; 
  width:516px; 
  height:169px; 
  background: url(ifsmap/flightsearchmap_default_en.gif); 
}
.de #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_de.gif); }
.es #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_es.gif); }
.fr #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_fr.gif); }
.pt #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_pt.gif); }
.ja #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_ja.gif); }
.ko #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_ko.gif); }
.hk #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_hk.gif); }
.cn #worldMap.showmap { background: url(ifsmap/flightsearchmap_default_cn.gif); }


#worldMap li a {
  display:block; 
  height: 0; 
  overflow:hidden; 
  position:absolute; 
  font-size: 0;
  line-height: 0;
  z-index: 999;
}
#worldMap a#eu {
  width: 100px;
  padding-top: 48px; 
  left: 233px; 
  top: 1px; 
  background: transparent url(ifsmap/mouseover_eu.gif) no-repeat -200px 0;
}
* html #worldMap a#eu { height: 48px; he\ight:0; }
#worldMap a#eu:hover { background-position: 0 0; overflow: visible; z-index: 999; }

#worldMap a#na1{
  width: 77px;
  padding-top: 77px; 
  left: 34px; 
  top: 7px; 
  background:transparent url(ifsmap/mouseover_na1.gif) no-repeat -200px 0;
}
* html #worldMap a#na1 { height:77px; he\ight:0; }
#worldMap a#na1:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#worldMap a#na2{
  width: 56px;
  padding-top: 77px; 
  left: 111px; 
  top: 7px; 
  background:transparent url(ifsmap/mouseover_na2.gif) no-repeat -200px 0;
}
* html #worldMap a#na2 { height:77px; he\ight:0; }
#worldMap a#na2:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#worldMap a#sa{
  width: 74px;
  padding-top: 82px; 
  left: 133px; 
  top: 85px; 
  background:transparent url(ifsmap/mouseover_sa.gif) no-repeat 400px 400px;
}
* html #worldMap a#sa { height: 82px; he\ight:0; }
#worldMap a#sa:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#worldMap a#af1{
  width: 100px;
  padding-top: 51px; 
  left: 233px; 
  top: 50px; 
  background:transparent url(ifsmap/mouseover_af1.gif) no-repeat -200px 0;
}
* html #worldMap a#af1 { height: 51px; he\ight:0; }
#worldMap a#af1:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#worldMap a#af2{
  width: 100px;
  padding-top: 51px; 
  left: 233px; 
  top: 101px; 
  background:transparent url(ifsmap/mouseover_af2.gif) no-repeat -200px 0;
}
* html #worldMap a#af2 { height: 51px; he\ight:0; }
#worldMap a#af2:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#worldMap a#as1 {
  width: 132px;
  padding-top: 38px; 
  left: 334px; 
  top: 35px; 
  background:transparent url(ifsmap/mouseover_as1.gif) no-repeat -200px 0;
}
* html #worldMap a#as1 { height: 38px; he\ight:0; }
#worldMap a#as1:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#worldMap a#as2 {
  width: 132px;
  padding-top: 40px; 
  left: 334px; 
  top: 73px; 
  background:transparent url(ifsmap/mouseover_as2.gif) no-repeat -200px 0;
}
* html #worldMap a#as2 { height: 40px; he\ight:0; }
#worldMap a#as2:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#worldMap a#oc{
  width: 98px;
  padding-top: 54px; 
  left: 417px; 
  top: 114px; 
  background:transparent url(ifsmap/mouseover_oc.gif) no-repeat -200px 0;
}
* html #worldMap a#oc { height: 54px; he\ight:0; }
#worldMap a#oc:hover { background-position: 0 0; overflow:visible; z-index: 999; }

#wmCont {
  width: 516px;
  min-height: 169px;
  height: 169px;
  position: absolute;
  overflow: hidden;
}   
#locMap {
  display: block;
  width: 516px;
  height: 169px;
}
#locMap li {
  position: absolute;
  display: inline;
  line-height: 0;
}
#locMap li {
  margin-top: -2px;
}
#locMap li.airports {
  top: 10px;
}
#locMap li.airports li {
  position: absolute; 
  line-height: 0;
}
#locMap a#mcZoomout,
#locMap a#mcLeft, #locMap a#mcRight,
#locMap a#mcUp, #locMap a#mcDown {
  display:block; 
  overflow:hidden; 
  position:absolute; 
  font-size: 0;
  line-height: 0;
}
#locMap a#mcLeft, #locMap a#mcRight,
#locMap a#mcUp, #locMap a#mcDown {
  opacity: 0.6;
  filter:alpha(opacity=60); 
}
#locMap a#mcZoomout {
  width: 71px;
  height: 29px; 
  left:435px; 
  top: 6px; 
/*
  width: 80px;
  height: 18px; 
  left:426px; 
  top: 10px; 
  background:#fff url(ifsmap/zoom-out_button.gif) no-repeat 4px 4px;
*/
}
#locMap.showEU a#mcZoomout { background: url(ifsmap/world_europe.gif) no-repeat; }
#locMap.showNA a#mcZoomout { background: url(ifsmap/world_northamerica.gif) no-repeat; }
#locMap.showSA a#mcZoomout { background: url(ifsmap/world_southamerica.gif) no-repeat; }
#locMap.showAF a#mcZoomout { background: url(ifsmap/world_africa.gif) no-repeat; }
#locMap.showAS a#mcZoomout { background: url(ifsmap/world_asia.gif) no-repeat; }
#locMap.showOC a#mcZoomout { background: url(ifsmap/world_oceania.gif) no-repeat; }

#locMap a#mcLeft {
  width: 18px;
  height: 80px; 
  left: 0px; 
  top: 46px; 
  background:#fff url(ifsmap/scroll-arrow_left.gif) no-repeat 4px 35px;
}
#locMap a#mcRight {
  width: 18px;
  height: 80px; 
  left: 498px; 
  top: 46px; 
  background:#fff url(ifsmap/scroll-arrow_right.gif) no-repeat 4px 35px;
}
#locMap a#mcUp {
  width: 80px;
  height: 18px; 
  left: 218px; 
  top: 2px; 
  background:#fff url(ifsmap/scroll-arrow_top.gif) no-repeat 35px 4px;
}
#locMap a#mcDown {
  width: 80px;
  height: 18px; 
  left: 220px; 
  top: 153px; 
  background:#fff url(ifsmap/scroll-arrow_down.gif) no-repeat 35px 4px;
}
/* end: interactive map */

/* traveller lobby: date picker  */
.dpDiv {}

.dpTable  {
	width:166px;
	border:1px solid #333399;
	font-size:11px;
	background-color: #FFFFFF;
	text-align:center;
}

.dpTR  td {
  width: 21px;
  height:18px;
}

.dpTitleTR  {
  background-color:#e7e7e7;
  color:#8b8b8b;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}

.dpDayTR  {}

.dpTodayButtonTR  {}

.dpTD {
	cursor:pointer;
  border: 1px solid #fff;
}

.dpTD_notavail {
	color:#c0c0c0;
  border: 1px solid #fff;
}

.dpHoliday {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e7e7e7;
	border:1px solid #e7e7e7;
  color: #8b8b8b;
}

.dpDayHighlightTD  {
  border: 1px solid #aaa;
  background-color: #ccc
}

.dpTitleTD  {}

.dpButtonTD  {}

.dpDayTD {
	color: white;
  font-weight: bold;
	background-color:#8b8b8b;
	border:1px solid #8b8b8b;
	/* font-family: Arial, Helvetica, sans-serif; */
}


.dpTitleText {
	font-weight:bold;
	font-size:11px;
	color: #333333;
	/* font-family:Arial, Helvetica, sans-serif; */
}
/*
.dpTitleText {
	font-weight: bold; 
  font-size: 12px; 
  color: grey;
}
*/
.dpDayHighlight {
	font-weight: bold; color: #4060ff
}
.dpButton {
}
.dpTodayButton {
	font-weight: bold; 
	font-size: 11px;
	background: #d8e8ff;
	color: grey;
	font-family:Arial, Helvetica, sans-serif;
}

.dpTD_today {
	border:1px solid #333399;
  width: 21px;
	font-size:11px;
	background-color: #FFFFFF;
  cursor: pointer;
	font-weight:bold;
}

.dpTD_EnHoliday {
  cursor: pointer;
  font-size:11px;
	/* font-family:Arial, Helvetica, sans-serif; */
	background-color: #e7e7e7;
	border:1px solid #e7e7e7;
}

.dpTD_EnHoliday_today {
	border:1px solid #333399;
  width: 21px;
  cursor: pointer;
  font-size:11px;
	/* font-family:Arial, Helvetica, sans-serif; */
	background-color: #e7e7e7;
}


.dpTD_disToday {
  color :#c0c0c0;
  border: 1px solid #aaa;
  background-color: #f5f5f5
}
/* Date Picker Styles End */


 
.searchFieldContainer{
	background:#dadada;
	height:63px;
	width:506px;
	position:absolute;
	left:0px;
	top:169px;
	padding-left:10px;
	_padding-top:1px;/* This will only apply to IE browsers 6.0 and older*/
	_padding-bottom:1px;/* This will only apply to IE browsers 6.0 and older*/
	padding-top:2px;/* This will only apply to all browsers */
	padding-bottom:0px;/* This will only apply to all browsers */
	#padding-top:1px;/* This will only apply to IE browsers */
	#padding-bottom:1px;/* This will only apply to IE browsers */
}
/*html>body .searchFieldContainer{
padding-top:2px;
padding-bottom:0px;
}*/
.inputField{
	padding-left:3px;
	margin:0px;
	width:231px;
	height:15px;
	padding:2px 1px 1px 4px;
}
:root .inputField{
	padding:0 0 0 3px;
} 
.monthSelector{
	padding:0px;
	margin:0 0px 0 0;
	width:91px;
}
.calSelector{
  margin-left:3px;
}
.yearSelector{
	padding:0px;
	margin:0 6px 0 0;
	width:59px;
	text-align:left;
}
.dateSelector{
	padding:0px;
	margin:0 0px 0 0;
	width:44px;
}
.dateSelector,.inputField,.monthSelector,.yearSelector{
	font-size: 11px; 
	border-top-color:#a6a6a6;
	border-left-color:#a6a6a6;
	border-bottom-color:#ccd0d2;
	border-right-color:#ccd0d2;
	border-width:1px;
	border-style:solid;

}
html>body .dateSelector,.inputField,.monthSelector,.yearSelector{
	_height:15px;
	_margin-bottom:2px;
}
.checkbox{
	width:12px;
	margin:0 4px 0 0;
	padding:0px;
	height:12px;
	font-size:10px;
	vertical-align:0px;
}
html>body .checkbox{
	margin:0 4px -2px 0;
}
.sevenDayLookup{
	font-size:10px;	
	text-align:right;
	padding:0 0 1px 0;
	vertical-align:0;
	margin:0px;
}
.oneWay{
	font-size:10px;
	padding:0px 0 1px 0;
	margin:0px;
	vertical-align:0;
	text-align:left;
}
.formTitle{
	font-size: 11px; 
	font-weight: bold;
	color: #000000;
	padding:2px 0 2px 0;
	#padding:2px 0 0px 0;
	vertical-align:0px;
}
/*html>body .formTitle{
	padding:2px 0 3px 0;
}*/
.gap18{
	width:18px;
	font-size: 5px; 
}
.goButton{
	padding-left:1px;
	margin-top:-1px;
	vertical-align:middle;
}
/*html>body .goButton{
	vertical-align:top;
}*/

#spotContainer1 {
	position:absolute;
	width:1px;
	height:1px;
	z-index:3;
	line-height:11px;
}
#spotContainer2 {
	position:absolute;
	width:1px;
	height:1px;
	z-index:4;
}
#worldMap{
	position:absolute;
	z-index:2;
	left: 0px;
	top: 0px;
}
#errorFrom,#errorTo{
	position:absolute;
	width:auto;
	z-index:4;
	left:100px;
	top:163px;
	font-size:12px;
	color:#c00;
	background:#eee;
	text-align:left;
	padding:4px 6px 4px 7px;
	border: 1px #999 solid;
}
.dateError{
	position:absolute;
	width:auto;
	left:293px;
	z-index:4;
	top:166px;
	font-size:12px;
	display:none;
  color:#cc0000;
  background-image: url(icon_exclamationmark.gif);
	padding:0px 6px 4px 12px;
  background-repeat:no-repeat;
	background:#eee;	
	border: 1px #999 solid;
  background-position: 3px 3px;
}
.hand{
	cursor:pointer;
}

#search .input2, #search .inputDate2 {
  width: 190px;
  padding: 2px;
  margin: 5px 0 0 0;
  border: 1px solid #666;
  font-size:11px;
}

#search .inputDate2 {
  width: 70px;
}

.error {
  color: #ff0000;
  text-align: right;
  padding-top:1px;
}

#errorFrom, #errorTo, #errorDate{
  visibility: hidden;
  obacity: 50;
  display: block;
}


/* AJAX AutoComplete classes below*/
input.error{
	border-color:red;
}
div.suggest{
	text-align:left;
	background-color: #fff;
	color: #000;
	border:1px solid #716F64;
	position:absolute;
	display:none;
	font-size:11px;
}
div.suggest div{
	padding:2px 6px;
	cursor:default;
	/* IE fix */
	height:1%;
}

div.suggest div.highlight{
	background:#dadada;
	color: #000;
}