/*
 * Author: Conchango
 * Project: Aer Lingus
 * Comment: Booking Engine Stylesheet

----------------------
Contents: 1. Booking engine
2. Booking engine form

*/

/****************************************************************************
	=booking-engine
*****************************************************************************/

#booking-engine {
	float: left;
	width: 375px;
}

#booking-engine.booking-flow {
	float: right;
	width: 285px;
}

#booking-engine.help {
	float: right;
	width: 220px;
}

#booking-engine h3.active a {
	background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-b-active.jpg);
	margin-bottom: 0 ;
}

#booking-engine.booking-flow h3.active a {
	background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-b-active-booking-flow.jpg);
}

#booking-engine h3 a {
	background: #00907E url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-b.jpg) no-repeat scroll left bottom;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
	text-decoration: none;
	width: 375px;
}

#booking-engine.booking-flow h3 a {
	background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-b-booking-flow.jpg);
	width: 285px;
}

#booking-engine.help h3 {
	background: #00907E url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-help.jpg) no-repeat scroll left bottom;
	color: #FFF;
	display: block;
	font-weight: bold;
	width: 163px;
	height: 18px;
	padding: 6px 45px 6px 12px;
}

#booking-engine h3.active a span {
	background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-t-active.jpg);
}

#booking-engine.booking-flow h3.active a span {
	background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-t-active-booking-flow.jpg);
}

#booking-engine h3 a span {
	background: url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-t.jpg) no-repeat scroll left top;
	display: block;
	min-height: 16px;
	padding: 8px 45px 6px 10px;
}

#booking-engine.booking-flow h3 a span {
	background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/h3-bg-t-booking-flow.jpg);
}

/****************************************************************************
	=booking-engine form
*****************************************************************************/

#booking-engine form {
	background: #6BBB21 url(/media/aerlinguscom/styleassets/images/booking-engine/form-bg.jpg) repeat-x scroll left;
	border-color: #64A428;
	border-style: solid;
	border-width: 0 1px 1px;
	display: none;
	line-height: 1.2em;
	margin-bottom: 1px;
	min-height: 221px;
	padding: 0 10px;
	z-index: 1;
}

#booking-engine form#frm-book-flight {
	display: block;
}

#booking-engine.booking-flow form#frm-book-flight {
	display: none;
	padding-bottom: 5px;
}

.promo-row-icons:after,.promo-row:after,.promo-main-content:after,#booking-engine form:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

#booking-engine form .airport a {
	font-size: 95%;
}

#booking-engine form .airport a img {
	display: none;
}

#booking-engine form .airport img {
	vertical-align: bottom;
}

#booking-engine form .airport input {
	padding: 2px 0 0 2px;
	width: 11.5em;
}

#booking-engine form input, #booking-engine form select {
	border: 1px solid #999;
	font-size: 95%;
}

#booking-engine form .input label, #booking-engine form .option label {
	display: block;
	padding-bottom: 0.4em;
}

#booking-engine form legend, #booking-engine form label, #booking-engine form span, #booking-engine form a {
	color: #FFF;
	font-weight: bold;
	position: relative;
}

#booking-engine form .date legend {
	padding-bottom: 0.3em;
}

#booking-engine form div.col-1, #booking-engine form div.col-2 {
	float: left;
	margin: 5px 0;
	min-width: 165px;
	padding: 0.25em 0;
	position: relative;
}

#booking-engine.help form div.col-1.type {
	min-width: 95px;
	width: 95px;
}

#booking-engine.booking-flow form div.col-1.option, #booking-engine.booking-flow form div.col-2.option {
	min-width: 115px;
	width: 115px;
}

#booking-engine form div.submit {
	background: url(/media/aerlinguscom/styleassets/images/booking-engine/icon-plane.gif) no-repeat -170px 0.2em;
	margin-top: 14px;
	width: 355px;
	text-align: right;
}

#booking-engine #frm-book-flight div.submit {
	background-position: -330px 0.2em;
	margin-top: 14px;
	padding-top: 0.8em;
	width: 171px;
}

#booking-engine #frm-wherefly div.submit {
	margin-top: 2px;
}

#booking-engine.booking-flow #frm-book-flight div.submit {
	background-position: -235px 0.2em;
	margin-top: 5px;
	width: 265px;
}

#booking-engine.booking-flow form div.submit input {
	margin-top: 0;
}

#booking-engine.help #frm-book-flight  div.submit {
	background-position: -300px 0.2em;
	margin-top: 5px;
	width: 200px;
}


#booking-engine form .multi, #booking-engine form .airport span, #booking-engine form span.day, #booking-engine form .passengers span.note {
	font-weight: normal;
}

#booking-engine form .submit input,#btn-login {
	border: none;
	height: auto;
}

#booking-engine form div.col-1 {
	clear: left;
	margin-right: 23px;
}

#booking-engine form .airport span {
	font-weight: bold;
	right: -1.3em;
	top: 0;
	margin-top: 0.25em;
	position: absolute;
}

#booking-engine.booking-flow form .airport span {
	top: 1.3em;
}

#booking-engine.help form .airport span {
	right: -1.5em;
	top: 1.3em;
}

#booking-engine form div.hr {
	line-height: 0;
	font-size: 0;
	border: 0;
	height: 2px;
	background: url(/media/aerlinguscom/styleassets/images/booking-engine/hr-bg-divider.gif) repeat-x scroll left;
}

#booking-engine form div.passengers {
	margin: 3px 8px 2px 0;
}

#booking-engine.booking-flow form div.passengers {
}

#booking-engine form .passengers span {
	float: left;
	margin-right: 0.5em;
	width: 4.2em;
}

#booking-engine form .passengers label {
	display: block;
	margin-bottom: 0.4em;
}

#booking-engine form .type label {
	float: left;
	margin-right: 1.4em;
	margin-top: 3px;
}

#booking-engine.booking-flow form .type {
	min-width: 155px;
	width: 155px;
	margin-right: 0;
}

#booking-engine.booking-flow form .multi {
	min-width: 100px;
	width: 100px;
	margin-right: 0;
}

#booking-engine.help form .multi {
	min-width: 75px;
	width: 75px;
}

#booking-engine.booking-flow form .type label {
	width: auto;
	white-space: nowrap;
	margin-right: 10px;
}

#booking-engine.help form .type label {
	width: auto;
	white-space: nowrap;
}

#booking-engine.booking-flow form .type input {
	margin-right: 4px;
}

#booking-engine form .type input {
	border: 0;
	float: left;
	margin-left: 0;
	margin-right: 0.4em;
	display: inline;
}

#booking-engine.help form .type input {
	clear: left; /* see styles-ie7.css */
}

#booking-engine form .type label,#booking-engine form .multi li {
	font-weight: normal;
	font-size: 90%;
}

#booking-engine form .multi ul li a {
	background-position: left 0.5em;
	font-weight: normal;
	padding: 0.4em 0 0 10px;
}

#booking-engine form ul.links li a {
	background: url(/media/aerlinguscom/styleassets/images/booking-engine/link-bullet.gif) no-repeat scroll left;
	padding-left: 9px;
	text-decoration: none;
}

#booking-engine form .multi ul li a {
	background-position: left 0.5em;
	padding: 3px 0 0 10px;
}

#booking-engine form .multi ul.links li {
	clear: none;
	margin-right: 2em;
	padding-bottom: 0;
	margin-top: 3px;
}

#booking-engine.help form .multi ul.links {
	margin-left: 3px;
}

#booking-engine.help form .multi ul.links li {
	clear: left;
}

#booking-engine.booking-flow form .multi ul.links li {
	margin-right: 0;
	float: right;
}

#booking-engine.booking-flow form .multi ul.links li.groups {
	display: none;
}

#booking-engine form ul.links li {
	clear: left;
	float: left;
	padding-bottom: 5px;
}

#booking-engine form .airport label, #booking-engine form .date label, #booking-engine form .passengers fieldset legend {
	left: -10000px !important;
	position: absolute !important;
}

#booking-engine #frm-book-flight div.col-1, #booking-engine #frm-book-flight div.col-2 {
	padding: 0;
}

#booking-engine #frm-wherefly div.airport {
	margin-top: 0;
}

#booking-engine #frm-wherefly p {
	margin-bottom: 0;
}

#booking-engine form .date img {
	vertical-align: bottom;
	margin-top: -1px;
}

#booking-engine form .date select.day {
	float: left;
	margin-right: 0.2em;
	width: 4em;
}

#booking-engine form .date select.month {
	float: left;
	margin-right: 0.3em;
	width: 6em;
}

#booking-engine form .option select {
	width: 14.2em;
}

#booking-engine.booking-flow form .option select {
	width: 11em;
}

#booking-engine form .passengers select {
	width: 4.4em;
}

#booking-engine form .passengers span span {
	font-size: 85%;
	font-weight: normal;
	margin: 0.1em 0 0 0.2em;
}

#btnOriginDrop, #btnDestinationDrop{background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/rollover-solid.gif); background-repeat: no-repeat; width: 18px; height: 15px; position: absolute; top: 2px; right: 3px; z-index: 2; cursor: pointer;}

#booking-engine form #pnlSearchTypeButtons input{float:left; margin:0 40px 0 3px;border:0;}

#pnlSearchTypeButtons label{float: left;}

#dates label{display:block;}

#dates select{ margin: 0 0 5px 0;}

#dates select#selectedMonth_1,#dates select#selectedMonth_2{width: 130px;}

#dates select.numeric,#dates select.numeric{width: 40px;}

#dates button
{
	background-image:url(/media/aerlinguscom/styleassets/images/booking-engine/btn-calendar.gif);
	border-width:0;
	cursor:pointer;
	height:20px;
	margin:0;
	padding:0;
	position:absolute;
	right:20px;
	/* changed 02 Aug with page centering: right:10px; */
	width:25px;
}

/* START: New Drop Down Options */
#txtOriginSearch, #txtDestinationSearch{width: 195px;}

#pnlOriginResults, #pnlDestinationResults{width: 195px; border: solid 1px #cdcdcd; padding: 3px; background: #fff; visibility: hidden; z-index: 5001; }

#pnlOriginResults.pos{position: absolute; left: 0; top: 35px; z-index: 10000;}

#pnlDestinationResults.pos{position: absolute; left: 0; top: 86px; z-index: 10000;}

#pnlOriginAutoComplete.pos{position: absolute; left: 0; top: 35px; z-index: 10000;}

#pnlDestinationAutoComplete.pos{position: absolute; left: 0; top: 86px; z-index: 10000;}

#pnlOriginResults select, #pnlDestinationResults select{width: 100%;}

#pnlOriginAirports ul, #pnlDestinationAirports ul {list-style: none; padding: 0px; margin: 0px;}

#pnlOriginAirports ul li, #pnlDestinationAirports ul li{ margin: 2px; clear: both; padding: 1px 2px 1px 2px; color: #000; font-size: 95%;font-weight: normal;}

#pnlOriginAirports ul li span, #pnlDestinationAirports ul li span{float: right; background-color: inherit;color:#000;position:static;font-weight: normal;}

#pnlOriginAirports ul li.selected, #pnlDestinationAirports ul li.selected,#pnlOriginAutoComplete ul li.yui-ac-highlight, #pnlDestinationAutoComplete ul li.yui-ac-highlight{background-color: #007e64; color: #fff; cursor: pointer;}

#pnlOriginAutoComplete div div ul, #pnlDestinationAutoComplete div div ul{margin: 0; padding: 0;}

#pnlOriginAirports, #pnlDestinationAirports{ border: solid 1px #cdcdcd; padding: 3px; margin: 5px 0 0 0; height: 100px; overflow-y: scroll;}

#closeOriginResults, #closeDestinationResults{background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/close.gif); width: 20px; height: 20px; float: right; padding: 2px; background-repeat: no-repeat; cursor: pointer;}

#pnlControlsWrapper{position: relative; z-index: 10000;width: 195px;}

#pnlOrigin, #pnlDestination{position: relative; height: 22px; width: 200px; z-index: 5000; }

#pnlOrigin input, #pnlDestination input{ top: 0em; left: 0em;font-size: 95%;}

#pnlLoadingOrigin, #pnlLoadingDestination{background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/loading.gif); width: 141px; height: 15px; position: absolute; top: 2px; left: 3px; z-index: 2; display: none;}

/*YUI Update after 10-8-1 - now defined in eiGlobal.cs to stop caching*/
/*#btnOriginDrop, #btnDestinationDrop{background-image: url(/media/aerlinguscom/styleassets/images/booking-engine/rollover.gif); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 5px; right: 2px; z-index: 2; cursor: pointer;}*/

#pnlInvalidOriginSearch, #pnlInvalidDestinationSearch{width: 195px; min-height: 15px; height: auto !important; height: 15px;  border: solid 1px #cdcdcd; padding: 5px; background: #fff; visibility: hidden;}

#pnlInvalidOriginSearch ul, #pnlInvalidDestinationSearch ul{list-style: disc; margin: 5px 0 5px 15px;}

#pnlInvalidOriginSearch.pos{position: absolute; left: 0; top: 35px; z-index: 5001;}

#pnlInvalidDestinationSearch.pos{position: absolute; left: 0; top: 86px; z-index: 5001;}

#pnlControlsWrapper #resetOriginAirports, #pnlControlsWrapper #resetDestinationAirports {float: left; color:#006600;text-decoration:underline; cursor: pointer;}

#pnlControlsWrapper #resetOriginAirports:hover, #pnlControlsWrapper #resetDestinationAirports:hover {color:#f00;}

input.bookNow{top:auto;bottom: 0px;position:absolute;right:10px;left: auto;}
input.default{padding: 3px; color: #fff;  font-weight: bold; width:auto; background: url("/images/buttons/bg-button.gif"); border: solid 1px; border-color: #fff; cursor: pointer;}
input.hover{padding: 3px; color: #fff; font-weight: bold; width:auto; background: url("/images/buttons/bg-button-hover.gif"); border: solid 1px; border-color: #fff; cursor: pointer;}
input.default-grey{padding: 3px; color: #fff;  font-weight: bold; width:auto; background: url("/images/buttons/bg-button-grey.gif"); border: solid 1px; border-color: #fff; cursor: pointer;}
input.hover-grey{padding: 3px; color: #fff; font-weight: bold; width:auto; background: url("/images/buttons/bg-button-grey-hover.gif"); border: solid 1px; border-color: #fff; cursor: pointer;}


/* END: New Drop Down Options */