@charset "UTF-8";

body {
	margin: 0 auto;
	white-space: normal;
	text-align: center;
}
.row, .col {
	position: absolute;
	white-space: normal;
}
.row {
	left: 0;
	right: 0;
	white-space: normal;
}
.col {
	top: 0;
	bottom: 0;
	white-space: normal;
}
.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }


#airports div ul {
	height: 100%;
}
#flights #flightstatus iframe {
	height: 350px;
	width: 100%;

}
#flights #flightstatus {
	float: left;
	text-align: left;
}
#EWR #ewr {
	margin: 0 auto;
	float: left;
	width: 100%;
	padding: 0;
	height: 100%;
	text-align: left;
	overflow-y: hidden;
}
#SYD #syd {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	float: left;
	position: absolute;
	display: block;
	text-align: left;
}
#SYD #syd iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow-y: hidden;
}
#LGW #lgw {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	float: left;
	text-align: left;
}
#LGW #lgw iframe {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow-y: hidden;
}
#EWR #ewr iframe {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow-y: hidden;
}
#MIA #mia iframe {
	height: 100%;
	width: 100%;
	position: absolute;
}
#MIA #mia {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: absolute;
	text-align: left;
}
#SYDarrive #SYDarrive {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	text-align: left;
}
#LGWarrive #LGWarrive {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	text-align: left;
}
#MIAarrive #MIAarrive {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	text-align: left;
}
#EWRarrive #EWRarrive {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	text-align: left;
}
.ui-grid-a .ui-grid-a .ui-block-a {
	height: 50%;
	white-space: normal;
}
.ui-btn {
	overflow: visible;
	white-space: normal;
}
.ui-grid-a .ui-grid-a .ui-block-b {
	height: 50%;
	white-space-collapse: normal;
}
#about {
	margin: 0 auto;
	text-align: center;
}
#about #content {
	text-align: left;
}
#Home {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background-image: url(airplane.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: scroll;
	background-size: auto 100%;
}
#airports {
	position: absolute;
	height: 100%;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.ui-content {
	padding: 0em;
	height: 100%;
}
#Home #landingmenu {
	padding: 0;
}
.ui-header .ui-title { margin-left: 1em; margin-right: 1em; }

#cityseeker {
    width: 100%;
    height: 480px;
    margin: 0 auto;
}
.ui-grid-a .ui-grid-a .ui-block-a {
}

#about #plane {
	margin: 0 auto;
	text-align: center;
}
#flights {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 600px;
}
.transbox   {
	color: rgb(233,233,233);
	width: 100%;
}
.scroll-wrapper {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;

	/* important:  dimensions or positioning here! */
}

.scroll-wrapper iframe {
	/* nada! */
}

.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-btn-left > [class*="ui-"], .ui-btn-right > [class*="ui-"] {
    margin: 15px !important;
}

.ui-select {
    margin-right: 15px;
    position: relative;
    float: right;
}#EWR #ewr iframe {
	width: 100%;
	height: 100%;
}
#EWR {
	overflow-y: hidden;
}
#SYD {
	overflow-y: hidden;
}
#LGW {
	overflow-y: hidden;
}
#MIA {
	overflow-y: hidden;
}
#airportMenu {
	border-left-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-top: 0.5px solid #CCCCCC;
}
#LGWarrive #LGWarrive iframe {
	width: 100%;
	height: 800px;
}
#SYDarrive #SYDarrive iframe {
	width: 100%;
	height: 800px;
}
#MIAarrive #MIAarrive iframe {
	width: 100%;
	height: 800px;
}
#EWRarrive #EWRarrive iframe {
	width: 100%;
	height: 800px;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	}
p {
	font-size: 12px;
	text-align: left;
	
	}
#topMenu {
	padding: 10px;
	background-image: url("images/airplane.jpg") !important;
	background-position: center center !important;
	background-repeat: repeat-y !important;
	background-size: cover !important;
	background-color: #f6f6f6 /*{a-bup-background-color}*/ !important;
	border-color: #dddddd /*{a-bup-border}*/ !important;
	color: #333333 /*{a-bup-color}*/ !important;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/ !important;
	}