* {
	box-sizing: border-box;
}
form {
	margin: 0px;
	padding: 0px;
}
body {
	padding: 0px;
	margin: 0px auto;
	min-width: 576px;
	width: auto !important;
	font-size: 1.0em;
	font-family: 'Roboto', sans-serif;
	color: #404040;
}
a {
	color: #3aaaff;
	text-decoration: none;
}
#page {
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px;
}
#header{
	background: #1f2c36;
	width: 100%;
	padding: 13px 20px;
}
.headerRow{
	display: flex;
	flex-flow: row nowrap;
}
.siteLogo{
	flex: 1 1 220px;
	color: #3aaaff;
	font-weight: 400;
	font-size: 1.8em;
	padding-left: 55px;
	line-height: 50px;
	background: url("/i/logo.png") left center no-repeat;
}
.search{
	flex: 1 0 auto;
	text-align: right;
	vertical-align: text-bottom;
	padding-top: 5px;

	display: flex;
	flex-flow: row nowrap;
}
.fieldBox{
	flex: 1 1 auto;
}
.textField{
	border-radius: 3px 0px 0px 3px;
	border: 1px solid #d3d3d8;
    font-size: 1.1em;
    width: 90%;
	height: 40px;
	padding: 0px 10px;
}
.searchButton {
	flex: 0 0 auto;
	background-color: #3aaaff;
    border: none;
    color: white;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
	border-radius: 0px 3px 3px 0px;
	height: 40px;
}
#body{
	margin-top: 15px;
	margin-bottom: 30px;
}
.paddedBlock{
	padding: 0px 10px;
}
.titleRow{
	margin-bottom: 20px;
}
.title{
	display: flex;
	align-items:center;
}
.title h1{
	font-size: 2.1em;
	line-height: 1.3em;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
	flex: 1 1 auto;
}
.title .grey{
	color: #777777;
}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.title img.airlineLogo{
	max-width: 100px;
	margin-right: 15px;
	flex: 0 0 auto;
}
.title .airlineLogoRight{
	flex: 0 0 auto;
}
.title .airlineLogoRight img{
	max-width: 130px;
	margin-left: 15px;
}
.titleLinksRow{
	margin-top: 10px;
}
.titleLinksRow .linkBlock{
	padding: 0px 18px; 
	margin-right: 10px;
	margin-top: 10px;
	background: #f8f9fb;
	display: inline-block;
	font-size: 0.95em;
	line-height: 2.2em;
	border-radius: 5px;
}
.nw{
	white-space: nowrap;
}
.cell{
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	margin-bottom: 15px;
}
.bordered{
	position: relative;
}
.bordered::before{
	content: '';
	border: 1px solid #d3d3d8;
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -10;
	display: block;
	width: 100%;
	height: 100%;
}
.flightRow{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 5px;
}
.flightInfo{
	height: 295px;
	flex: 1 0 556px;
	padding: 15px 15px;
}
.flightInfo .title{
	font-size: 1.1em;
	margin-bottom: 10px;
}
.flightInfo .title span{
	font-weight: 500;
}
.flightPathRow{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.flightPath{
	border-collapse: collapse;
	min-height: 10px;
	width: 100%;
}
.flightPath .dep{
	margin-right: 15px;
}
.flightPath .arr{
	margin-left: 15px;
}
.flightPath td{
	padding: 0px;
	margin: 0px;
	display: table-cell;
}
.flightPath .airport{
	font-size: 2em;
}
.flightPath td.blueDot{
	background: url("/i/blueDot.gif") no-repeat center center;
	min-width: 10px;
	max-width: 10px;
}
.flightPath td.greyDot{
	background: url("/i/greyDot.gif") no-repeat center center;
	min-width: 10px;
	max-width: 10px;
}
.flightPath td.blueLine div{
	height: 2px;
	width: 100%;
	background: #3aaaff;
}
.flightPath td.greyLine div{
	height: 2px;
	width: 100%;
	background: #e7e7e7;
}
.flightPath td.plane{
	background: url("/i/pathPlane.gif") no-repeat center center;
	min-width: 30px;
	max-width: 30px;
	height: 30px;
}
.flightInfoDetailsRow{
	display: flex;
	flex-flow: row nowrap;
	color: #9d9d9d;
	font-size: 0.85em;
	line-height: 1.6em;
	margin-bottom: 15px;
}
.flightInfoDetailsRow div{
	flex: 1 1 auto;
}
.flightInfoDetailsRow .left{
	text-align: left;
}
.flightInfoDetailsRow .center{
	text-align: center;
}
.flightInfoDetailsRow .val{
	color: #404040;
}
.flightInfoDetailsRow .right{
	text-align: right;
}
.flightInfoDetailsRow2{
	display: flex;
	flex-flow: row nowrap;
	font-size: 0.85em;
	line-height: 1.6em;
}
.flightInfoDetailsRow2 div{
	flex: 1 1 auto;
}
.flightInfoDetailsRow2 .left{
	text-align: left;
}
.flightInfoDetailsRow2 .right{
	text-align: right;
}
.flightInfo .sep{
	height: 1px;
	background: #d3d3d8;
	margin: 15px 0px;
}
.flightInfo .airline{
	font-size: 0.85em;
	line-height: 1.6em;
}
.flightInfo .airline span{
	color: #9d9d9d;
}
.flightInfo .comments{
	text-align: right;
	font-size: 0.7em;
	color: #9d9d9d;
}

.flightTimings{
	display: flex;
	flex-flow: row wrap;
	flex: 1 0 360px;
}
.flightDepArr{
	font-size: 1em;
	height: 140px;
	flex: 1 0 360px;
}
.flightDepArr .header{
	background: #f7f9fb url("/i/blue-header.png") no-repeat left center;
	border-radius: 5px 0px 0px 0px;
	line-height: 2.3em;
	
	border-bottom: 1px solid #d3d3d8;
	padding: 0px 15px;
	
	font-size: 0.9em;
	
	display: flex;
}
.header .airport{
	flex: 0 0 115px;
	color: #ffffff;
}
.header .terminal{
	flex: 1 0 auto;
	margin-left: 10px;
	text-align: center;
}
.header .gate{
	flex: 1 0 auto;
	margin-left: 10px;
	text-align: center;
}
.flightDepArr .body{
	padding: 0px 15px;
}
.flightDepArr .time{
	display: flex;
	margin-top: 5px;
}
.flightDepArr .time div{
	flex: 1 0 auto;
	text-align: center;
}
.flightDepArr .time .label{
	color: #9d9d9d;
	line-height: 1.4em;
	font-size: 0.9em;
}
.flightDepArr .time .value{
	font-size: 2em;
	line-height: 1.2em;
}
.flightDepArr .time .value span{
	color: #9d9d9d;
}
.flightDepArr .sep{
	height: 1px;
	background: #d3d3d8;
	margin: 7px 0px 8px 0px;
}
.flightDepArr .comment{
	background: url("/i/time-icon.gif") no-repeat left center;
	padding-left: 25px;
	font-size: 0.8em;
	line-height: 20px;
	color: #9d9d9d;
}
.flightDepArr .comment span.red{
	background: #ffe5e5;
	border-radius: 5px;
	padding: 3px 5px;
	margin: 0px 3px;
	color: #404040;
}
.flightDepArr .comment span.green{
	background: #e5ffe5;
	border-radius: 5px;
	padding: 3px 5px;
	margin: 0px 3px;
	color: #404040;
}
.flightDepArr .comment span.val{
	color: #404040;
	font-weight: 500;
}




.mapDelayRow{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 5px;
}
.mapBlock {
	flex: 1000 0 556px;
	height: 435px;
}
#map{
	width: 100%;
	height: 435px;
	position: relative;
	left: 1px;
	top: 1px;
	border-radius: 6px;
}
.advDelay {
	display: flex;
	flex-flow: row wrap;
	flex: 1 0 420px;
}
.adv {
	flex: 1 0 420px;
	height: 210px;
}
.delay {
	flex: 10 0 420px;
	height: 210px;
	padding: 10px 15px;
}
.delay .title{
	font-size: 1.1em;
	margin-bottom: 10px;
}
.delay .val{
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 5px;
	text-align: center;
}
#delayChart{
	height: 125px;
} 

.airport-map-icon{
	background: #ffffff;
	color: #d37f00;
	text-shadow: black;
	width: 100%;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #000000;
	border-radius: 4px;
}

.infoBlock{
	border: 1px solid #d3d3d8;
	border-radius: 5px;
	padding: 10px 15px;
	margin-bottom: 15px;
}
.infoBlockTitle{
	font-size: 1.1em;
	margin-bottom: 10px;
}
.table{
	border-collapse: collapse;
	width: 100%;
}
.table tr th{
	background: #f7f9fb;
	color: #9d9d9d;
	font-size: 0.85em;
	font-weight: 400;
	padding: 10px 15px;
	text-align: left;
}
.table tr th.left{
	text-align: left;
}

.table tr td{
	font-size: 0.85em;
	line-height: 1.6em;
	padding: 10px 15px;
	text-align: center;
	border-bottom: 1px solid #d3d3d8;
	text-align: left;
}
.table tr td.left{
	text-align: left;
}
.table tr td.logo{
	padding: 10px 0px 10px 15px;
	text-align: center;
}
.table td span.grey{
	color: #9d9d9d;
}
.table td span.red{
	color: #ef6161;
	background: #ffe5e5;
	margin-left: 5px;
	padding: 3px 6px;
	border-radius: 5px;
	font-size: 0.9em;
	white-space: nowrap;
}
.table td span.green{
	color: #21af21;
	background: #e5ffe5;
	margin-left: 5px;
	padding: 3px 6px;
	border-radius: 5px;
	font-size: 0.9em;
	white-space: nowrap;
}
.table td img.mw70{
	max-width: 70px;
}

#footer{
	background: #1f2c36;
	padding: 25px 15px 15px 15px;
}
.footerRow{
	display: flex;
	flex-flow: row wrap;
}
.footerLink{
	flex: 1 0 auto;
	margin-left: 15px;
	color: #ffffff;
	font-size: 0.9em;
	line-height: 50px;
}
.footerLink a{
	color: #ffffff;
	text-decoration: underline;
}
.lnk-glass{
	background: url("/i/lnk-glass.png") no-repeat left center;
	padding-left: 27px;
}
.lnk-bed{
	background: url("/i/lnk-bed.png") no-repeat left center;
	padding-left: 30px;
}
.lnk-bag{
	background: url("/i/lnk-bag.png") no-repeat left center;
	padding-left: 30px;
}
.lnk-ex{
	background: url("/i/lnk-ex.png") no-repeat left center;
	padding-left: 23px;
}
.lnk-taxi{
	background: url("/i/lnk-taxi.png") no-repeat left center;
	padding-left: 27px;
}
.lnk-sun{
	background: url("/i/lnk-sun.png") no-repeat left center;
	padding-left: 27px;
}
.disclaimer{
	margin-top: 15px;
	font-size: 0.7em;
	color: #888888;
}
div.button{
	color: #3aaaff;
	padding: 0px 30px;
	line-height: 2.2em;
	display: inline-block;
	background: #f7f9fb;
	text-align: center;
	cursor: pointer;
}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb55{margin-bottom: 55px;}
.mr15{margin-right: 15px;}
.tac{text-align: center;}
.responsiveAdv420x210{
	width: 420px;
	height: 210px;
}
.hidden{
	display: none;
}
.airlinesList{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	text-align: center;
}
.airlinesList div{
	flex: 1 1 auto;
	padding: 15px;
}
.delaysAdsRow{
	display: flex;
	flex-flow: row wrap;
}
.delaysAdsRow .d{
	flex: 1000 1 auto;
	height: 210px;
}
.delaysAdsRow .a{
	text-align: center;
	flex: 1 0 420px;
	height: 210px;
}
a.aLnk {
	color: #404040;
	text-decoration: none;
	border-bottom: 1px solid #d6d6d6;
}
a.iLnk {
	color: #9d9d9d;
	text-decoration: none;
}
.flightLinks {
	margin-bottom: 15px;
}
.flightLinks a{
	white-space: nowrap;
	font-size: 0.85em;
	line-height: 2.5em;
	margin-right: 15px;
}
.airportLinks {
	margin-bottom: 15px;
}
.airportLinks span{
	margin-right: 15px;
}
.airportLinks a{
	white-space: nowrap;
	font-size: 0.95em;
	line-height: 2.5em;
}
.mainPageRow{
	display: flex;
	flex-flow: row wrap;
}
.mainPageRow > div{
	flex: 1 1 auto;
	
	display: flex;
	flex-flow: row nowrap;
	align-items:center;
	margin-bottom: 15px;
}
.mainPageRow div.number{
	font-size: 2em;
	padding: 10px 15px;
	color: #3aaaff;
	flex: 1 1 auto;
}
.mainPageRow div.sep{
	background: #d3d3d8;
	flex: 0 0 1px;
}
.mainPageRow div.txt{
	white-space: nowrap;
	flex: 10 1 auto;
	font-size: 0.9em;
	border-left: 1px solid #d3d3d8;
	padding-left: 25px;
	padding-right: 10px
}
#extPostTitle {
	font-family: 'Open Sans', sans-serif;
	color: #3aaaff; 
	font-size: 26px; 
	font-weight: normal;
	text-decoration: none;
	line-height: 30px; 
}
#extPost{
	font-family: 'Open Sans', sans-serif;
}
#extPost p{
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 22px;
}
#extPost img.i{
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	margin: 15px auto;
	display: block;
}
#extPost iframe{
	margin: 10px auto;
	display: block;
}
#extPost .quote{
	margin: 10px;
	background: #f3f3f3;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	padding: 10px 10px 2px 10px;
}
#extPost ul{
	margin: 10px
}
#extPost ul li{
	font-size: 15px;
	line-height: 24px
}
#extPost h1, #extPost h2, #extPost h3{
	font-size: 18px;
	margin-bottom: 10px;
}
#extPostFooter{
	font-family: 'Open Sans', sans-serif;
	text-align: right;
	font-size: 14px;
	margin-bottom: 10px;
	color: #999;
}
.postSep{height: 1px; width: 90%; background: #ddd; margin: 0px auto 20px;}
.pagination{margin-bottom: 30px; text-align: center; line-height: 25px;}
.pagination a{margin: 0px 10px; font-weight: 500;}