/* Login Area
--------------------------------------*/

.Login {margin-top: -10px; padding: 0px 10px 20px;}
.Login label.titleLabel {font-size: 1.5em; color: #333333; }
/*.loginform {width: 200px; float: left; margin: 8px 0 5px 20px; display: inline;}*/
.loginform input[type="text"], .loginform input[type="password"] {width: 150px; border: 1px solid #8E9292; margin-left: 10px; padding: 1px; }
.loginform input[type="text"] {width: 200px;}
.loginform input[type="radio"] {margin: 0 15px 25px 0;}

.Login .OrangeButton {margin-top: -30px;}

.Login .LoginQuestion {color: #333333; font-size: 1.5em; margin-bottom: 20px;}

.loginform {margin-left: 20px;}
.Login .emailPanel {margin-bottom: 30px;}

h2.errorTitle {color: #FF7B00;}

.important { background: #FFEDDB; border: 2px solid #F7C08D; margin-bottom: 17px; padding: 11px 7px 5px 10px; }

#forgottenPassword{ /*margin-left: 10px;*/ }
#errorIcon {float: left; margin: 0 10px 0 0;}
#ErrorMessageContainer {margin: 10px 0 0 45px; width: 490px;}
#LoginErrorPanel, #GeneralAuthenticationError, #AccountExistsError {display:none;}
#LoginPanel {margin: 20px 0 30px 0;}

.UserOptions { padding-top: 6px; }
.UserOptions input[type="radio"] { width: 20px; float: left; margin-top: 4px; }
.PasswordGroup { margin-left: 0px; }
.PasswordGroup .ForgotPwd { display: block; padding-left: 0px; }
#unknownMember #forgottenPassword { padding: 2px; }
#unknownMember span { display: block; margin-bottom: 0px; }
#unknownMember h5 { margin-top: 10px; }
#unknownMember .LeftColumn { padding-bottom: 0px; }
#unknownMember .EmailAddress { padding-bottom: 10px; }
#unknownMember .Password { }
#unknownMember .padTop { padding-top: 6px; }
#unknownMember .errorField
{
	border: 1px solid #8E9292;
	background: none repeat scroll 0 0 #FFEDDB !important;
	color: #666666 !important;
}

/* Booking Info
--------------------------------------*/
.BookingInfo {border: 1px solid #eaeaea;  border-top: none; padding: 8px; }
.BookingInfo h2 {display: block; width: 612px; font-weight: normal; background: url(../images/easyJetImages/booking_h2_bg.gif) no-repeat; margin: -30px 0px 15px -9px; padding: 8px 0 4px 8px;}

.BookingInfo .LeftColumn {padding-bottom: 30px; margin-right: 25px; float: left; width: 280px;}
.BookingInfo .RightColumn {width: 280px;  padding-bottom: 30px; float: left;}

.BookingInfo .LeftColumn p {}
.BookingInfo .LeftColumn h5 {color: #333333; margin: 2px 0px; padding: 0px;}
.BookingInfo .LeftColumn ul {font-size: 0.92em; margin: 5px 15px; color:#333333}
.BookingInfo .LeftColumn label {display: block; margin: 5px 0px;  color:#333333}
.BookingInfo .LeftColumn label span {color: #ff7b00;}

.BookingInfo hr {display: block; background: #f2efeb; height: 0px; font-size: 0px; clear: both;position: relative; top: -25px; border: 1px solid #f2efeb;}

.BookingInfo .BookingInfoBox {background: url(../images/easyJetImages/information_Icon.gif) no-repeat; padding: 0 0px 0 26px; margin-bottom: 10px;}
.BookingInfo .BookingInfoBox  h3 {margin: 0px 0 2px 0; padding: 0px;}
.BookingInfo .BookingInfoBox p {margin:4px 0px;}

.BookingInfo .BookingInfoBox li {margin:2px 0; padding: 2px 0}
.BookingInfo .BookingInfoBox ul {margin:0 6px; padding: 0 8px}


.LeftColumn .BookingInfoBox {width: 160px; float: left; margin-right: 35px;}

/* Form fields
--------------------------------------*/
.BookingInfo .LeftColumn .TitleSelect, .BookingInfo .LeftColumn .FirstInput, .BookingInfo .LeftColumn .LastInput 
{float: left; margin: 5px 10px 10px 0px;}

.BookingInfo .LeftColumn h5.passTwo {padding-top: 1px; clear: both}

.BookingInfo .LeftColumn .StandardInput {margin: 5px 0; display: block; clear: both; position: relative;}
.BookingInfo .LeftColumn .StandardInput input {width: 165px;  border: 1px solid #8E9292; font-size: 1em; padding: 1px 0px; }
.BookingInfo .LeftColumn .StandardInput p {font-size: 0.92em; width: 190px; display: block; position: absolute; right: 0px; top: 15px;}
.BookingInfo .LeftColumn .StandardInput select {width: 165px;  border: 1px solid #8E9292; font-size: 1em; margin-right:5px;}


.BookingInfo .LeftColumn .MobileInput {margin: 5px 0; display: block; clear: both; position: relative;width: 330px;}
.BookingInfo .LeftColumn .MobileInput input {width: 135px;  border: 1px solid #8E9292; font-size: 1em; padding: 1px 0px; }
.BookingInfo .LeftColumn .MobileInput p {font-size: 0.92em; width: 190px; display: block; position: absolute; right: 0px; top: 15px;}
.BookingInfo .LeftColumn .MobileInput select {width: 165px;  border: 1px solid #8E9292; font-size: 1em; margin-right:5px;}





.BookingInfo .LeftColumn .StandardSelect {margin: 5px 0; display: block; clear: both; position: relative;}
.BookingInfo .LeftColumn .StandardSelect select {width: 165px;  border: 1px solid #8E9292; font-size: 1em;}
.BookingInfo .LeftColumn .StandardSelect input {width: 165px;  border: 1px solid #8E9292; font-size: 1em; padding: 2px 0px; }

.BookingInfo .LeftColumn .TitleSelect select {width: 60px;  border: 1px solid #8E9292;}
.BookingInfo .LeftColumn .FirstInput label, .LastInput label {cursor:text;}
.BookingInfo .LeftColumn .FirstInput input { width: 135px;  border: 1px solid #8E9292; font-size: 1em; padding: 2px 0px;}
.BookingInfo .LeftColumn .LastInput input {  width: 135px;  border: 1px solid #8E9292; font-size: 1em; padding: 2px 0px}
.BookingInfo .LeftColumn .additionComments input  {width: 270px;  height: 50px;  border: 1px solid #8E9292; font-size: 1em; padding: 2px 0px}
.BookingInfo .LeftColumn .ReasonSelect select {width: 280px;  border: 1px solid #8E9292;}
.BookingInfo .LeftColumn .CardSelect select {width: 225px;  border: 1px solid #8E9292;}
.BookingInfo .LeftColumn .TitleSelect2 select {width: 60px;  border: 1px solid #8E9292;}

.BookingInfo .LeftColumn .checkBox {float: left; margin-right: 5px; display: inline;}

/* Card Box
--------------------------------------*/
.CardDetails {background: #f9f7f5; padding: 4px 10px 4px 10px;}
.CardDetails label { display: inline-block; margin-top: 10px;}

.BookingInfo .LeftColumn .CardDetails .FirstInput {float: none;}
.CardDetails .CardInput {margin: 3px 0px}

.CardDetails .SecurityInput { display:block}
.CardDetails .SecurityInput input {width: 50px;  border: 1px solid #8E9292; font-size: 1em; padding: 2px 0px; }

.CardDetailsWrapper {margin-top:15px; padding-right:10px; width:300px;}
.CardDetailsWrapper br { margin-bottom: 4px; }

.CardDetails .securityCode img {float: left; margin: 16px 0 0 10px; display: inline}
.CardDetails .securityCode p {font-size: 0.84em; float: left; width: 150px; margin: 27px 0 0 0}

.CardDate {width: 260px; }
.CardDate select.month {border: 1px solid #cccccc; width: 50px}
.CardDate select.year {border: 1px solid #cccccc; width: 60px}

.MainCardPanel { background-color: #f9f7f5; float:left; display:inline; width:290px;}
.SavedCardPanel { margin-bottom: 10px; }
.PaymentTypeCaption { padding: 4px; background-color: #f9f7f5; }
.ClearPaymentCaption { padding: 4px; background-color: #ffffff; }
.ClearPaymentCaptionWithSpace { padding: 4px; background-color: #ffffff; margin-bottom: 64px; }
.PaymentToggle { padding: 8px 4px 4px 4px; }

#NameOnCard, #CardNumber {width: 165px; border: 1px solid #8E9292; font-size: 1em; padding: 1px 0px; }
#SecurityCode, #VerifySecurityCode, #IssueNumber { border: 1px solid #8E9292; }
.SecurityInput .LV_valid { display: none; }

.PaymentFieldInvalid { background:#FFEDDB !important;}

/* Booking Box
--------------------------------------*/
.BookBox {clear: both; margin: 15px auto 25px; width: 420px; padding: 10px 0px; text-align: center }
.BookBox .content {min-height: 110px; width: 384px; margin: 5px auto; text-align: center}
.BookBox .content .charge {font-size: 1.5em; color: #333333; font-weight: bold; line-height: 1.2em;}
.BookBox .OrangeButton {margin-right: 42px;}

.BookingInfo .off { background: #f9f7f5; border: 1px solid  #f9f7f5;}
.BookingInfo .off .content div {display: none}
.BookingInfo .on { background: #ffeddb; border: 1px solid  #f7bf8b;}



/* Contact Details
--------------------------------------*/
.ContactDetails {color: #333333;}
.ContactDetails h3 {color: #333333; margin: 0 0 5px 0px; padding:0px;}
.ContactDetails span {display: block;}
.ContactDetails span.break {margin-top: 8px;}

.ContactDetails p.ButtonLow {margin-top: 10px;}
.ContactDetails div.ButtonLow {margin-top: 10px;}

/* Error Box
--------------------------------------*/
.errorBox {background: #ffeddb; border: 2px solid #f7bf8b; padding: 8px;}
.errorBox h2 {font-weight: normal; line-height: 1.6em; color: #d85c09; background: url(../images/easyJetImages/error-warning.gif) no-repeat; padding: 0 0 10px 39px;}
.errorBox ul {margin: 0 0 15px 52px}
.errorBox p {margin: 0 0 5px 39px}

.errorField {color: #e05d05 !important}
.errorField label {color: #e05d05 !important}
.errorField input {background: #ffeddb !important }
.errorField select {background: #ffeddb !important }
.errorMessage {color: #e05d05}

.signInErrorField {background: #ffeddb !important }

.opacity {filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom: 1;
	}



/* ---- Live validation CSS --- */

.LV_validation_message {
    margin:0 0 0 5px;
    color:#e05d05;
    font-size:small;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid
 {
    color:#E05D05;
    font-size:0.92em;
    line-height:1.3em;    
    float: left;
    width: 260px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
    background:#FFEDDB none repeat scroll 0 0 !important;
}

/* --- End of Live Validation CSS --- */

.BookNowBox
{
    width: 278px; 
    height: 420px; 
    margin-top: 0px; 
    margin-right: 0px; 
    padding: 2px;
    margin-left:8px;
    display:inline;
    float:left;
    clear:none;
    
}



.ConfirmationScreenPrintBoardingPassButton
{
    text-align: right; 
    margin-right: 18px; 
    font-size: 16px; 
    margin-bottom: 12px;
}

h2.ConfirmationPanelHeading
{
    margin: 0 0 3px 0;  
}

.disabled
{
    background-color:#C0C0C0;
}