body
{
	background:none #FFFFFF;
	text-align:center;
}

.trSearchForm {
	font: 15px/1.6 "cartogothic_regular", Arial, sans-serif;
	left:0px;
	color:#ffffff;
	margin: auto;
	text-align:left;
	width:100%;
	overflow:hidden;
}

.trSearchForm .trSubmit input{
	color: #1B1D1F;
	border: 0px solid #006a71;
	margin-top: 0px;
	text-transform:none;
	font-weight: bold;
	height:50px;
	overflow:hidden;
	text-indent:0px;
	cursor:pointer;
	background-color: #FFCD00;
	border-radius: 5px;
	font-size: 14px;
	font-family: 'Verdana';
	padding: 15px;
}

div.portletMain div.portletBody {
	margin-bottom:0px;
	background-color:#F0F5F8;
	margin-bottom: 25px;
	margin-left: 10px;
	margin-right: 10px;
}

div.portletMain div.portletBody div.portletPanel div.panelHeader
{
	font-weight:normal;
	color:#515151;	
	clear:both;
	font: 15px/1.6 "cartogothic_bold", Arial, sans-serif;
	text-align:left;
	height:30px;
	line-height:30px;
	text-indent:0px;
	margin-bottom:5px;

}

html>body div.portletMain div.portletBody div.portletPanel div.panelHeader
{
	padding-bottom:0px;	
	padding-left:0px;
}

html>body div.portletMain div.portletBody div#portletSearchFormPanel1 div.panelHeader
{
	padding-top:0px;
	padding-bottom:0px;	
}

hr.separator
{
	border-top:1px dotted #717080;
	margin-bottom:10px;
	text-align:center;
	width:90%;
	display:none;
}


div.portletMain div.portletTabBar 
{
    font: 15px/1.6 "cartogothic_regular", Arial, sans-serif;
	border-bottom: 0px solid #CCCCCC;
	height:20px;
	display:none;
}


div.portletMain div.portletTabBar li 
{
	line-height:20px;
	padding: 3px 20px 5px 20px;	
	margin: 0px;
	font-size:13px;	
	margin-left:2px;
	margin-right:1px;
	text-transform:capitalize;
}

html>body div.portletMain div.portletTabBar li 
{
	margin-right:0px;
}

.portletTabBar a, .portletTabBar a:link, .portletTabBar a:visited, .portletTabBar a:active,
.portletTabBar a:hover
 {
	text-decoration: none;
	font-weight: bold;
	color: #0059A9;

}

.portletTabActive {
	background-color: #FFFFFF;
	border: 0px;
	cursor: pointer;
}


.portletTabInactive {
	background-color: #0059A9;
	border: 0px;
	cursor: pointer;
	font-weight:bold;
	color:#ffffff;
}

.portletTabInactive a, .portletTabInactive a:link, 
.portletTabInactive a:visited, .portletTabInactive a:active,
.portletTabInactive a:hover
{
	color:#FFFFFF;
}

.portletTabActive a {
	color: #3366cc;
}


.trSingleFlight, .trCityPair {
	display: flex;
	align-items: center;
	color: #000000;
}

.trCityPair {
	flex-direction: column;
}

.trQueryResult {
	position:relative;
	top:-1px;
	color:#383840;
	border:0px #D0D2D3 solid;
}

.trBack {
    display:block;
    position:absolute;
    font-size:12px;
    font-weight:bold;
    left:500px;
    top:-30px;
    z-index:99;
    display:none;
}

.trBack img {
	border:none;
}


#customHeader {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:29px;
	background-color: #CCCC99;
}


.trHeader {
	width:100%;
	height:29px;
	background-color: #CCCC99;
	text-align:left;
	vertical-align:middle;	
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
}

.trFlightIdMain {
		
	
}

.trFlightIdOperator {
	font-size: 12px;
}

.trPrimary
{
	border:0px solid #CCCCCC;
	border-top:0px;
	/*height:516px;*/
	overflow:hidden;
	width:100%;
}

html>body .trPrimary
{
	width:100%;
}

p.trError 
{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:5px;
	margin-right:5px;
	font-size:12px;

}


div.trSearchForm form h1
{
	padding:0px;	
	color:#515151;
	font: 15px/1.6 "cartogothic_regular", Arial, sans-serif;
	padding-bottom:4px;
}



p.trAirlineAlt, #txtSingleFlightAl
{
	display:none;	
}

div.trSearchForm form.trSingleFlight div.trAirline
{

}

div.trSearchForm form.trSingleFlight div.trAirline div {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 100%;
}

html > body div.trSearchForm form.trSingleFlight div.trAirline
{
	padding-top:0px;
	margin-right: 20px;
	width: 100%;
	display: flex;
}

div.trSearchForm form.trSingleFlight div.trFlightNum {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 100%;
}

html > body div.trSearchForm form.trSingleFlight div.trFlightNum{
	
}

div.clear
{
	clear:both;
}




div.trSearchForm form.trSingleFlight div.trDate{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: end;
}

div.trSearchForm div.trDate{
	
}

div.trSearchForm div.trDate{
	float:left;	
	text-align:left;
	margin-left:0px;
	padding-left: 0px;
	
}

div.trSearchForm div.trSubmit 
{
	width: 45%;
	display: flex;
	justify-content: flex-end;
}

form.cityPair div.trSearchForm div.trSubmit 
{
	text-align:left;
	margin-top:0px;
}


div.trSearchForm form.trSingleFlight div.trDate,
html > body div.trSearchForm form.trSingleFlight div.trDate,
div.trSearchForm div.trDate,
html > body div.trSearchForm div.trDate
{
}

.portletPanel {
	margin-bottom: 25px;
}

form#singleFlight
{
	top:0px;
}

.trHour, .trAspect
{
	display:none;	
}

div.trSearchForm div.trDepartureAirport, div.trSearchForm div.trArrivalAirport {
	width:100%;
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}

div.trSearchForm div.trDepartureAirport .departure-item, div.trSearchForm div.trArrivalAirport .departure-item {
	width: 100%;
	display: flex;
	align-items: center;
}

.departure-item h2 {
	width: 50%;
	margin: 0;
}

div.trSearchForm div.trDepartureAirport .departure-or, div.trSearchForm div.trArrivalAirport .departure-or {
	width: 10%;
	text-align: center;
	margin: 0px 20px;
	font-style: italic;
	letter-spacing: 0.07em;
}


div.trSearchForm div.trDepartureAirport div.trDate {
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: end;
}

div.trSearchForm div.trAirportSelect
{
	font:14px/1.6 "cartogothic_regular",Arial,sans-serif
}

div.trSearchForm div.trAirportSelect span {
	font-style: italic;
}

html > body div.trSearchForm div.trAirportSelect
{
	color: #000000;
	font:14px/1.6 "cartogothic_regular",Arial,sans-serif;
}

#txtCityPairDepap, #txtCityPairArrap
{	
}
input#txtCityPairDepap, input#txtCityPairArrap
{
	border:1px solid #6E92A6;
	background-color:#FFFFFF;
	color:#1B1D1F;
	font:14px/1.6 Arial,sans-serif;
	letter-spacing: 0.07em;
	height: 50px;
	border-radius: 5px;
	text-indent: 10px;
	width: 200px;
}

.trFlightNum input
{
	border:1px solid #6E92A6;
	background-color:#FFFFFF;
	border-radius: 5px;
	color:#1B1D1F;
	font:14px/1.6 Arial,sans-serif;
	letter-spacing: 0.07em;
	height: 50px;
	text-indent: 4px;
	width: 100%;
}

div.trSearchForm div.trDate select,
div.trSearchForm form.trSingleFlight div.trDate select , div.trSearchForm div.trDepartureAirport div.trDate select
{
	border:1px solid #6E92A6;
	background-color:#FFFFFF;
	color:#1B1D1F;
	font:14px/1.6 Arial,sans-serif;
	letter-spacing: 0.07em;
	height: 50px;
	border-radius: 5px;
	text-indent: 25px;
	width: 100%;
}

.calendar-img {
	position: absolute;
	margin-top: 18px;
  margin-left: 8px;
}

div.trSearchForm form.trSingleFlight div.trAirline select{
	border:1px solid #6E92A6;
	background-color:#FFFFFF;
	color:#1B1D1F;
	padding-left:10px;
	font:14px/1.6 Arial,sans-serif;
	letter-spacing: 0.07em;
	height: 50px;
	border-radius: 5px;
	width: 100%;
}

span#txtTailNum
{
	/*display:inline-block;*/
	display:none;
}


div.trSearchForm div.trAirportSelect select, div.trSearchForm div.trDepartureAirport select, div.trSearchForm div.trArrivalAirport select
{
  border:1px solid #6E92A6;
	background-color:#FFFFFF;
	color:#1B1D1F;
	font:14px/1.6 Arial,sans-serif;
	letter-spacing: 0.07em;
	height: 50px;
	border-radius: 5px;
	padding-left: 10px;
	width: 100%;
}

div.trSearchForm .trSingleFlight div.trSubmit {
	justify-content: end;
}

div.trSearchForm div.trDate div {
	width: 50%;
}

div.trSearchForm div.trDepartureAirport div.trDate div {
	width: 100%;
}

div.trSearchForm div.trDepartureAirport div.trDate select {
	padding-left: 0px;
}

.trSingleFlight div, .trCityPair div {
	display: flex;
}

@media (max-width: 820px) {
	.panelHeader {
		font-size: 24px !important;
	}

	.trSingleFlight, .trCityPair {
		flex-direction: column;
	}
	html > body div.trSearchForm form.trSingleFlight div.trAirline {
		margin: 0;
		
	}
	html > body div.trSearchForm form.trSingleFlight div.trAirline div, div.trSearchForm form.trSingleFlight div.trFlightNum, div.trSearchForm form.trSingleFlight div.trDate, 
	div.trSearchForm div.trDepartureAirport .departure-item, div.trSearchForm div.trArrivalAirport .departure-item {
		flex-direction: column;
		align-items: flex-start;
	}

	div.trSearchForm div.trDepartureAirport, div.trSearchForm div.trArrivalAirport {
		flex-direction: column;
	}

	div.trSearchForm div.trSubmit {
		width: 100%;
		padding: 0px;
	}

	.trSubmit {
		margin: 10px 0px;
	}

	div.trSearchForm div.trDepartureAirport div.trDate {
		width: 100%;
    align-items: self-start;
    flex-direction: column;
	}

	div.trSearchForm div.trDepartureAirport .departure-or, div.trSearchForm div.trArrivalAirport .departure-or {
		width: 100%;
    text-align: left;
    margin: 0;
	}

	.departure-item h2, h2 {
		width: 100%;
		padding: 10px 0px !important;
	}

	.trSingleFlight div, .trCityPair div {
		width: 100%;
		padding-bottom: 10px;
	}

	input#txtCityPairDepap, input#txtCityPairArrap, .trFlightNum input {
		width: 98%;
		text-indent: 10px;
	}

	div.trSearchForm .trSingleFlight div.trSubmit {
		justify-content: start;
	}

	div.trSearchForm div.trDate div {
		width: 100%;
	}
}