/* Login page */
.tabs { 
position: relative; 
z-index: 1;
}
.carrentalpopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background-color: rgba(256,256,256,0.7);
}
.Epackagepopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background-color: rgba(256,256,256,0.7);
}


#edoc-group .tabs, #flightstatusandalerts .tabs {
border-bottom: 2px solid #007cc3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#specialrequests .tabs ul.tabbuttons {
	width:100%;
	display:table;
	table-layout: fixed;
}

#specialrequests .tabs ul.tabbuttons li {
	display:table-cell;
	background-color:#f2f2f2;
	text-align:center;
	position: relative;
}

#specialrequests .tabs ul.tabbuttons li button {
    display: table-cell;
    background-color: #f2f2f2;
    text-align: center;
    position: relative;
}

#specialrequests .tabs ul.tabbuttons li a:hover,
#specialrequests .tabs ul.tabbuttons li a:focus {
	background-color:#e4e4e4;
}

#specialrequests .tabs ul.tabbuttons li button:hover,
#specialrequests .tabs ul.tabbuttons li button:focus {
    background-color: #e4e4e4;
}

#specialrequests .tabs ul.tabbuttons li:hover:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(228, 228, 228, 0);
	border-top-color: #e4e4e4;
	border-width: 20px 35px 0 35px;
	margin-left: -35px;
}

#specialrequests .tabs ul.tabbuttons li.active,
#specialrequests .tabs ul.tabbuttons li.active a:hover,
#specialrequests .tabs ul.tabbuttons li.active a:focus {
	background-color:#5e5e5e;
}



#specialrequests .tabs ul.tabbuttons li.active:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(94, 94, 94, 0);
	border-top-color: #5e5e5e;
	border-width: 20px 35px 0 35px;
	margin-left: -35px;
}

#specialrequests .tabs ul.tabbuttons li a {
	display:block;
	color:#5e5e5e;
	font-size:20px;
	text-decoration: none;
	padding:10px 5px;
	height:100%;
	overflow:auto;
}

#specialrequests .tabs ul.tabbuttons li button {
    display: block;
    color: #5e5e5e;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 5px;
    height: 100%;
    overflow: auto;
    background: #f2f2f2;
    font-family: 'PT Sans', sans-serif;
}

#specialrequests .tabs ul.tabbuttons li.active button {
    color: #fff;
    background: #5e5e5e;
}

#specialrequests .tabs ul.tabbuttons li.active a {
	color:#fff;
}

.tabs h1 { margin-top: 0; }

.tabbuttons.signin:before {
color: #007cc3;
content: 'Sign in with your:';
display: block;
font-size: 24px;
margin-bottom: 10px;
text-align: center;
}

.tabbuttons.signin li,
.tabbuttons.flight li {
display: inline;
float: left;
text-align: center;
}

.tabbuttons.signin li { width: 49%; }
.tabbuttons.flight li { width: 50%; }

.tabbuttons.signin li { margin-right: 2%; }
.tabbuttons.signin li:last-child { margin-right: 0; }

.tabbuttons.signin li a,
.tabbuttons.flight li a {
color: #007cc3;
display: block;
padding: 10px 0;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
}

.tabbuttons.signin li a {
background: #FFF;
border: 2px solid #007cc3;
font-weight: 700;
}

.tabbuttons.flight li a {
background: #e5f2f9;
border-bottom: 2px solid #007cc3;  
font-size: 24px;
}

.tabbuttons.signin li a:hover { 
background: #007cc3;
color: #FFF;
}

.tabbuttons.flight li a:hover { background: #d0e2ec; }

.tabbuttons.signin li.active a { 
background: #007cc3;
color: #FFF;
position: relative; 
border-top: 2px solid #007cc3; 
border: 2px solid #007cc3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.tabbuttons.flight li.active a { 
background: #FFF;
color: #007cc3;
border-top: 2px solid #007cc3; 
border-bottom: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.tabbuttons.flight li:first-child.active a { 
border-right: 2px solid #007cc3;
border-left: 2px solid #007cc3;
}

.tabbuttons.flight li:last-child.active a { 
border-right: 2px solid #007cc3;
border-left: 2px solid #007cc3;
}



/* tabs arrow-box pointing down */
.tabbuttons.signin li.active a:after, .tabbuttons.signin li.active a:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.tabbuttons.signin li.active a:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #007cc3;
border-width: 10px;
margin-left: -10px;
}
.tabbuttons.signin li.active a:before {
border-color: rgba(0, 124, 195, 0);
border-top-color: #007cc3;
border-width: 13px;
margin-left: -13px;
} /* end arrow-box */

.tab-content {
clear: both;
padding-top: 25px;
}

.tab-content .lead { margin-bottom: 30px; }


#edoc-group .tab-content, #flightstatusandalerts .tab-content {

	padding: 25px 15px;
    border-right: 2px solid #007cc3;
    border-left: 2px solid #007cc3;
}

#edoc-group .tab-content .inner-forms, #flightstatusandalerts .tab-content .inner-forms{
	padding-bottom:45px;
	position:relative;
}
.tab-content legend { 
font-size: 24px;
margin-bottom: 15px;
}

#bestseats legend { 
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}


#login .tab-content legend { 
color: #007cc3;
display: none; 
}

.requiredinformation { 
background: url(../images/icons/required-red.png) no-repeat center left;
color: #646464;
padding-left: 24px;
}

.tab-content label, .label, label{
display: block;
font-size: 18px;
margin: 16px 0 4px 0;
}

.form-group span {
color: #646464;
display: block;
font-size: 15px;
}

.requiredfield:after {
background: url(../images/icons/required-red.png) no-repeat center right;
content: '';
padding-right: 24px;
}
.requiredfield-no:after {
    
    content: '';
    padding-right: 24px;

}
.requiredfield-no-voucher:after {
    content: '';
    margin: 16px 0 4px 0;
    padding-right: 14px;
}
textarea {
	width:100%;
	min-height:150px;
	border: 1px solid #ccc;
	padding: 10px 0;
	text-indent: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

input,
select,
textarea {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
}


input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select {
border: 1px solid #ccc;
padding: 10px 0;
text-indent: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius:0;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
#edoc-group input[type="submit"],
#flightstatusandalerts input[type="submit"] { width: 100%; }

input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
background: #F5F5F2;
-webkit-text-fill-color:#646464; /* Override iOS / Android font color change */
-webkit-opacity:1; /* Override iOS opacity change affecting text & background color */
color:#646464; /* Override IE font color change */
}

.specialrequests input[type="checkbox"]:disabled {
    opacity: 0;
}

select { 
height: 44px; 
margin-top: 2px;
}

select { 
/*background-color: #ecebe6;*/
background: #fff url(../images/icons/dropdown-arrows.png) no-repeat 96% center;
/*border: none;*/
border: 1px solid #ccc; 
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 42px; 
margin-top: 0px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}

button,
input[type="submit"],
input[type="button"] {
	background: #205493;
	border: 2px solid #205493;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-weight: 500;
	height: 42px;
	line-height: 21px;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}

button { 
font-size: 16px; 
width: 220px;
}

#receivealerts input[type="submit"],
#signin_bookingnum_step2 input[type="submit"],
#signin_bookingnum_step2_groups input[type="submit"],
#signin_bookingnum_step3 input[type="submit"] {
margin: 20px 0px 0px 0px;
/*width: 140px;*/
}


#edoc-group input[type="submit"], #flightstatusandalerts input[type="submit"] { 
	background: #358046;
	border: 2px solid #358046;
	
	margin: 30px 0 0 0; 
	
    
}

.tab-content input[type="submit"]:hover {
background: #FFF;
color: #007cc3;
}


#edoc-group input[type="submit"]:hover, #flightstatusandalerts input[type="submit"]:hover { 
background: #FFF;
color: #358046;
}

#signin_bookingnum, #signin_bookingnum_step2_groups, #signin_bookingnum_step2 { width:100%; }

#signin_bookingnum,
#signin_bookingnum_step2,
#signin_bookingnum_step2_groups {
	display:none;
}
#signin_bookingnum.current_step,
#signin_bookingnum_step2.current_step,
#signin_bookingnum_step2_groups.current_step {
	display:inherit;
}
#signin_bookingnum input[type="text"] {
float: left;
width: 100%;
}

#signin_bookingnum input[type="submit"] {
float: left;
width: 100%;
font-size:18px;
}

#bestseats select {
float: left;
width: 83%;	
}

#bestseats input[type="submit"] {
float: right;
margin-top:2px;
width: 15%;
}

#edoc-group input[type="submit"].arrow ,#flightstatusandalerts input[type="submit"].arrow {
background-image: url(../images/icons/angle-right-white.png);
background-position: 98% center;
background-repeat: no-repeat;
}

#edoc-group input[type="submit"].arrow:hover,
#flightstatusandalerts input[type="submit"].arrow:hover { background-image: url(../images/icons/angle-right-green.png); }

.form-group	{ position: relative; }

.agreeterms .formerror {display:none;}
.error .formerror { display: block; }
.form-group	.formerror.formerrorhidden { display: none; }
.form-group	.formerror { display: none; }
.form-group.error .formerror { display: block; }
.form-group.error .formerror.formerrorhidden { display: none; }

.formerror {
position: relative;
background: #FCEEED url(../images/icons/alert-red.png) no-repeat 15px 15px;
border: 2px solid #ba1b13;
clear: both;
padding: 15px 15px 15px 45px;
box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
margin-bottom: 20px;
top: 5px;
}

.formerror:after, .formerror:before {	
bottom: 100%;
left: 15%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.formerror:after {
border-color: rgba(252, 238, 237, 0);
border-bottom-color: #FCEEED;
border-width: 10px;
margin-left: -10px;
}

.formerror:before {
border-color: rgba(186, 27, 19, 0);
border-bottom-color: #ba1b13;
border-width: 13px;
margin-left: -13px;
}

.formerror h5,
.formerror p { margin: 0; }

.form-group.error label { 
color: #ba1b13; 
font-weight: 700;
}

.form-group.error select,
.form-group.error input[type="text"],
.form-group.error input[type="number"],
.form-group.error input[type="email"],
.form-group.error input[type="password"] { border: 2px solid #ba1b13; }

.checkboxes { margin-top: 20px; } 
.checkboxes p { font-size: 18px; line-height: 1; }


.radio label,
.checkboxes label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 0px;
}

.checkboxes label { 
margin-top: 0;
margin-bottom: 10px; 
margin-right:15px
}

#edoc-group li:not(:first-child) .checkboxes label { 
width:100%;
}

input[type="radio"],
input[type="checkbox"] { 
   position: absolute;
   opacity:0;
}
input[type="checkbox"]:focus + label,
input[type="radio"]:focus + label{
	background-color: #ecebe6; 
	border: 2px solid #007cc3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	input[type="checkbox"]:disabled + label,
	input[type="radio"]:disabled + label{
		background-color: #F5F5F2;
		color: #454545;
	}

input[type="checkbox"]:disabled + label:hover,
input[type="radio"]:disabled + label:hover{
border:2px solid #ecebe6;
background-color: #F5F5F2;
cursor:default;
}

.radio label:before,
.checkboxes label:before {
content: "";
display: inline-block;
width: 17px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 5px;
top: 11px;
}

.radio label:before { 
background: #ecebe6 url(../images/icons/radio2.png) no-repeat 0px center;
}

.checkboxes label:before {
background: #ecebe6 url(../images/icons/checkbox.png) no-repeat 0px center;
}	

.radio label:hover:before { background-position: 1px center; }
.checkboxes label:hover:before { background-position: 1px 2px; }

input[type="radio"] + label,
input[type="checkbox"] + label { 
background-color: #ecebe6; 
border: 2px solid #ecebe6;
padding: 10px 16px 10px 29px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}


input[type="radio"] + label:hover,
input[type="checkbox"] + label:hover { 
background-color: #ecebe6; 
border: 2px solid #00589E;
}

input[type="radio"] + label:hover { padding: 10px 16px 11px 29px; }
input[type="checkbox"] + label:hover { padding: 10px 16px 10px 29px; }

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label { 
background-color: #FFF; 
border: 2px solid #00589E;
/*padding: 10px 15px 10px 28px;*/
}

input[type="radio"]:checked + label:before {
background: url(../images/icons/radio-checked2.png) no-repeat 1px center;	
content: '';
}

input[type="checkbox"]:checked + label:before {
background: url(../images/icons/checkbox-checked.png) no-repeat 0px 1px;	
content: '';	
}

.selectdate { background: url(../images/icons/calendar.png) no-repeat 97% center; }
.selectdate:hover,
.selectdate:focus { background: url(../images/icons/calendar-grey.png) no-repeat 97% center; }

input[type="text"].selectdate { margin-bottom: 1px; }

input[type="text"].selectdate:hover,
input[type="text"].selectdate:focus { 
border: 1px solid #007cc3; 
margin-bottom: 1px; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*#selecttravelers input[type="text"].selectdate:nth-of-type(2) { display: none; }

#ui-datepicker-div:nth-of-type(2) { display: none; }*/


.form-group span,
.radio span {
color: #646464;
display: block;
font-size: 16px;
font-weight: 400;
}

.radio span { margin-bottom: 5px; }

/* If radio buttons + labels are displayed stacked */
.radio.stacked input[type="radio"] + label { margin-bottom: 1px; }
.radio.stacked input[type="radio"] + label:hover { margin-top: 17px; }
.radio.stacked input[type="radio"]:checked + label { margin-top: 16px; }

.travelagents {
border-top: 2px solid #007cc3;
clear: both;
margin: 15px auto;
padding: 15px 0;
}

.travelagents h3 { color:#007cc3; }


.divider {
background: #ccc;
clear: both;
height: 2px;
margin: 40px 0;
text-align: center;
}

.divider .or { position: relative; }

.or:after {
    background: white;
    border: 2px solid #ccc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 34px;
    line-height: 34px;
    margin-top: -17px;
    margin-left: -17px;
    position: absolute;
    text-align: center;
    width: 34px;
    box-sizing: border-box;
    top: 0;
    left: 0;
}

#login .divider { display: none; }

.tab-content-left,
.tab-content-right { }

.manageflightalerts {
border-top: 2px solid #ccc;
clear: both; 
margin-top: 20px;
padding: 20px 0 0 0;
}
#flightstatusandalerts  .manageflightalerts input[type="submit"]{
	position:static;
	margin-bottom:20px;
	margin-top:20px;
}

#receivealerts legend { display: none; }

.terms { margin: 30px 0; }

.terms ul {
list-style: none;
padding:0 15px 15px 15px;
margin:0;
}

.terms li { 
padding-left: 1em; 
text-indent: -.7em;
}

	.terms li:before {
		content: "• ";
		color: #FF6000;
	}

/*
.spare { position: relative; }
*/

/* datepicker */
.ui-datepicker {
background: #FFF;
border: 2px solid #646464;
width: 216px;
/*width: 40%;*/
height: auto;
/*margin: 5px auto 0;*/
margin: 5px -50px 0 0;
padding: 10px;
position: relative;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

	/* arrow box */
.ui-datepicker:after, .ui-datepicker:before {
bottom: 100%;
left: 90%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.ui-datepicker:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.ui-datepicker:before {
border-color: rgba(51, 51, 51, 0);
border-bottom-color: #646464;
border-width: 13px;
margin-left: -13px;
}

.ui-datepicker a { text-decoration: none; }
.ui-datepicker table { width: 100%; }

.ui-datepicker-header {
background: #fff;
color: #007cc3;
font-size: 16px;
font-weight: 700;
line-height: 30px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #fff;
}

.ui-datepicker-title { text-align: center; }


.ui-datepicker-prev, .ui-datepicker-next {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
line-height: 600%;
overflow: hidden;
}

.ui-datepicker-prev {
background: #FFF url('../images/icons/arrow-left-grey.png') no-repeat right center;
float: left;
}
.ui-datepicker-next {
background: #FFF url('../images/icons/arrow-right-grey.png') no-repeat left center;
float: right;
}

.ui-datepicker-prev:hover { background: #FFF url('../images/icons/arrow-left.png') no-repeat right center; }
.ui-datepicker-next:hover { background: #FFF url('../images/icons/arrow-right-grey.png') no-repeat left center; }


.ui-datepicker thead {
background-color: #FFF;
border-top: 1px solid #ccc;
}

.ui-datepicker th {
color: #007cc3;
font-weight: 700;
padding: 5px 0;
}

.ui-datepicker tbody td {
padding: 0;
border-right: 1px solid #ccc;
text-align: center;
}

.ui-datepicker tbody td:last-child { border-right: 0px; }

.ui-datepicker tbody tr { border-bottom: 1px solid #ccc; }
.ui-datepicker tbody tr:last-child { border-bottom: 0px; }


/* datepicker default, hover and active states */
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
color: #646464;
}

.ui-datepicker-calendar .ui-state-default { background: #fff; }

.ui-datepicker-unselectable .ui-state-default {
background: #fff;
color: #ccc;
}

.ui-datepicker-calendar .ui-state-hover {
background: #fff;
border: 1px solid #007cc3;
margin: -1px;
}

.ui-datepicker-calendar .ui-state-active {
background: #007cc3;
color: #fff;
border: 1px solid #007cc3;
position: relative;
margin: -1px;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
width: 29px;
margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0;
}
#ui-datepicker-div:last-of-type {
display: none;
}

.btn_full {
	width:100% !important;
}
.btn_mobile_full {
	width:100%;
}

.btn_margin_top15 {
	margin-top:15px;
}
a.btn {
	background: #007cc3;
	border: 2px solid #007cc3;
	color: #FFF;
	cursor: pointer;
	font-weight: 700;
	display: inline-block;
    padding: 15px 20px;
    min-height:50px;
	width:100%;
	height:auto;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;  
}

@media only screen and (min-width:640px) {
	.btn_mobile_full {
		padding:10px 50px;
		width:auto;
	}

	a.btn {
		width:auto;
	}

	#login .forgot_booking .btn_white { margin-right:15px; margin-bottom:15px; }
}


button.btn_white,
input[type="submit"].btn_white {
	background-color: #FFF;
	border: 2px solid #205493;
	color: #205493;
}

	button.btn_white:hover,
	input[type="submit"].btn_white:hover {
		background-color: #205493;
		color: #FFF;
	}

.btn_white.back_arrow {
background-image: url(../images/icons/angle-left.png);
background-position: 1% center;
background-repeat: no-repeat;
padding:10px 30px;
font-size:18px;
height:auto;
}

.btn_white.back_arrow:hover,
.btn_white.back_arrow:focus {
	background-image: url(../images/icons/angle-left-white.png);}
}



button.btn_grey,
input[type="submit"].btn_grey {
background-color: #ccc;
border: 2px solid #ccc;
color: #646464;
}
button.btn_grey:hover,
input[type="submit"].btn_grey:hover { 
border: 2px solid #646464;
background-color: #fff;
color: #646464;
}

a.btn_blue,
button.btn_blue,
input[type="submit"].btn_blue {
	background-color: #00589E;
	border: 2px solid #00589E;
	color: #fff;
	font-size: 20px;
	line-height: 1.25em;
	font-weight: bold;
}
a.btn_blue:hover,
button.btn_blue:hover,
input[type="submit"].btn_blue:hover { 
border: 2px solid #00589E;
background-color: #fff;
color: #00589E;
}

button.btn_black, input[type="submit"].btn_black {
    background-color: #000000;
    border: 2px solid #000000;
    color: #fff;
}
button.btn_black:hover,
input[type="submit"].btn_black:hover { 
border: 2px solid #000000;
background-color: #fff;
color: #000000;
}

button.btn_green_inverse,
input[type="submit"].btn_green_inverse,
input[type="button"].btn_green_inverse {
background-color: #fff;
border: 2px solid #358046;
color: #358046;
}
button.btn_green_inverse:hover,
input[type="submit"].btn_green_inverse:hover,
input[type="button"].btn_green_inverse:hover { 
background-color: #358046;
border: 2px solid #358046; 
color: #fff;
}

a.btn_green,
button.btn_green,
input[type="submit"].btn_green,
input[type="button"].btn_green {
background-color: #358046;
border: 2px solid #358046;
color: #FFF;
}

a.btn_green:hover,
button.btn_green:hover,
input[type="submit"].btn_green:hover,
input[type="button"].btn_green:hover { 
background-color: #FFF;
border: 2px solid #358046; 
color: #358046;
}

input.btn_green.float-right {
	right:0;
}

button.btn_green.arrow,
input[type="submit"].btn_green.arrow { background-image: url(../images/icons/angle-right-white.png); }
button.btn_green.arrow:hover,
input[type="submit"].btn_green.arrow:hover { background-image: url(../images/icons/angle-right-green.png); }

button.arrow,
input[type="submit"].arrow {
background-image: url(../images/icons/angle-right-white.png);
background-position: 99% center;
background-repeat: no-repeat;
}
button.arrow:hover,
input[type="submit"].arrow:hover { background-image: url(../images/icons/angle-right.png); }

button.btn_green.back_arrow,
input[type="submit"].btn_green.back_arrow { 
background-image: url(../images/icons/angle-left-white.png);
background-position: 1% center;
background-repeat: no-repeat;
padding:10px 30px;
font-size:18px;
height:auto;
}
button.btn_green.back_arrow:hover,
input[type="submit"].btn_green.back_arrow:hover {
	background-image: url(../images/icons/angle-left-green.png);}



button.added_to_cart,
input[type="submit"].added_to_cart {
background-color: #ececec;
border: 2px solid #ececec;
color: #666;
cursor: auto;
}
button.added_to_cart:hover,
input[type="submit"].added_to_cart:hover { 
border: 2px solid #ececec;
background-color: #ececec;
color: #666;
}

.btn_loading {
background-image: url(../images/icons/button-loader.gif);
background-position: 97% center;
background-repeat: no-repeat;
border: 2px solid #ecebe6;
background-color: #ecebe6;
color: #666;
padding: 10px 45px 10px 19px;
font-size: 16px;
height: auto;
text-align: left;
text-decoration: none;
font-weight: 700;
cursor:default;
width:100%;
display:block;
}

.btn_loading:hover,
.btn_loading:focus {
background-image: url(../images/icons/button-loader.gif);
background-position: 97% center;
background-repeat: no-repeat;
border: 2px solid #ecebe6;
background-color: #ecebe6;
color: #666;
cursor:default;
}

button.btn_disabled,
input[type="submit"].btn_disabled,
input[type="button"].btn_disabled,
button.btn_disabled:hover,
input[type="submit"].btn_disabled:hover,
input[type="button"].btn_disabled:hover,
button.btn_disabled:focus,
input[type="submit"].btn_disabled:focus,
input[type="button"].btn_disabled:focus {
	background-color:#ecebe6;
	border:2px solid #ecebe6;
	color:#666;
	cursor:default;
}


.displaynone { display: none; }

.popupfaq {
	position: relative;
	background-color: #ffffff;
	border: 2px solid #007cc3;
	clear: both;
	padding: 15px 15px 15px 45px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	margin-bottom: 20px;
	top: 5px;
	font-weight: bold;
	color: #007cc3;
}

.poperror {
	position: relative;
	background: #FFF2F2;
	border: 2px solid #B10000;
	clear: both;
	padding: 15px 15px 15px 45px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	margin-bottom: 20px;
	top: 5px;
	font-weight: bold;
	color: #B10000;
}

.popupwarning {
	position: relative;
	background: #FFF8E6;
	border: 2px solid #F4AE11;
	clear: both;
	padding: 15px 15px 15px 45px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	margin-bottom: 20px;
	top: 5px;
	font-weight: bold;
	color: #F4AE11;
}

.popupsuccess {
	position: relative;
	background: #EBF2ED;
	border: 2px solid #046239;
	clear: both;
	padding: 15px 15px 15px 45px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	margin-bottom: 20px;
	top: 5px;
	font-weight: bold;
	color: #046239;
}

.popup {
    position: relative;
    background: #FFFFFF;
    border: 2px solid #000000;
    clear: both;
    padding: 15px 15px 15px 45px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
    margin-bottom: 20px;
    top: 5px;
    font-weight: bold;
    color: #000000;
}


@media only screen and (min-width: 768px) {
	.tabbuttons.signin { display: none; }

	#login.tabs .tab-content { display: block !important; }

	#signin_bookingnum { /*width:45%; min-width: 400px;*/ }
	
	#signin_bookingnum_step2_groups, #signin_bookingnum_step2 {/*min-width:600px; width:60%;*/}

	#login .divider { display: block; }
	.divider {
	background: #ccc;
	height: auto;
	margin: 0;
	text-align: center;
	position: absolute;
        top: 130px;
        bottom: 30px;
	left: 49.75%;
	width: 2px;
	}

	#flightalerts .divider { 
	top: 30px;
	/*bottom: auto;*/
	/*height: 73%; */
	}
	
    .or {
        position: absolute !important;
        width: 34px;
        height: 34px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
	.or:after {
	/*
	margin-top: 0;
	margin-left: 0;
	top: 100px;
	left: -16px;
	*/
	}
	#flightstatusandalerts .or:after { /* top: 200px; */}

	#login .tab-content legend { display: block; }

	.travelagents {
	border-top: none;
	clear: none;
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	text-align: right;
	top: 0;
	right: 0;
	}

	.travelagents h3 { margin-bottom: 0px; }

	.tabcontent-left { 
	float: left; 
	margin-left: 2%;
	}

	.tabcontent-right { 
	float: right; 
	margin-right: 2%;
	}

	.tabcontent-left,
	.tabcontent-right { 
	margin-bottom: 30px;
	width: 40%; 
	}
	#edoc-group input[type="submit"],
	#flightstatusandalerts input[type="submit"]{
		margin:0;
		width: 38.5%;
        bottom: 20px;
		position: absolute;
	}

	#receivealerts input[type="text"],
	#receivealerts input[type="email"],
	#receivealerts .formerror { width: 50%; }
}

@media only screen and (min-width: 1024px) {
    #login .divider { left:74.25%; display: block; }

    #login .form-half-container {
        clear:both;
    }
    
    #login .form-half-left, #login .form-half-right {
        width:48%;
    }
    #login .form-half-left {
        float:left;
    }
    #login .form-half-right {
        float:right;
    }
}

/******************************* UI styles to be used by JS ***********************************/

.ui-dob {}
.ux-missingvalue {}
.ux-wrongformat {}

.ux-message1 {}
.ux-message2 {}


/******************************* end UI styles to be used by JS ***********************************/