/* Table of Contents================================================== # Layout # Main Navigation # Arrivals and Departures List # Page Styles # Page Tabs # Forms # Media Queries */ /* #Layout============================================================================================================ */ html { height: 100%; overflow-x: hidden; } body { font: 14px/18px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; background: url(../images/layout/slider-bg.gif) repeat-x 0 0; } body#home { background: url(../images/layout/slider-bg-home.gif) repeat-x 0 0; } #main-content { min-height: 600px; } header { position: fixed; top: 0; width: 100%; z-index: 999; background: url(../images/layout/nav_bg.png) bottom center; color: #fff; border-bottom: 2px solid #731b87; box-shadow: 1px 1px 5px 2px #330840; } .logo { margin-top: 18px; z-index: 180; position: absolute; left: -30px; } .logo-art { margin-top: 22px; z-index: 180; position: absolute; left: -50px; } .alb-overlay { position: absolute; z-index: 181; top: 3px; left: 224px; } .slider-img { margin-top: 21px; z-index: 10; position: absolute; top: 2; right: 0; } p.credits { font-size: 12px; font-style: italic; color: #a8a8a8; } a, a:link, a:visited { color: #3399cc; } a:hover, a:focus { color: #5da8d5; } iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } .u-pull-right { float: right !important; margin-top: 30px; } .u-pull-left { float: left !important; } /* #Main Navigation============================================================================================================ */ #main-nav { position: relative; z-index: 199; } #main-nav ul { margin: 0; padding: 0; } #main-nav ul li { float: left; display: inline-block; padding: 6px 0px; text-transform: uppercase; font-size: 14px; line-height: 40px; margin-bottom: 0px;} #main-nav ul li a { color: #fff; text-decoration: none; text-shadow: 1px 1px #330840; padding: 16px 14px; } #main-nav ul li a:hover, #main-nav ul li.parent-here a, #main-nav ul li.parent-here ul li a:hover { background-color: #5b226a; } #main-nav ul li#nav-sub-home, #main-nav ul li#nav-sub-1 { padding: 0 !important; margin-right: 10px;} #main-nav ul li#nav-sub-home a, #main-nav ul li#nav-sub-1 a { display: block; width: 36px; background: #3b084a url(../images/layout/home-link.png) no-repeat 9px 16px; padding: 6px 0; text-indent: -9999px; } #main-nav ul li#nav-sub-home a:hover, #main-nav ul li#nav-sub-1 a:hover { background: #000 url(../images/layout/home-link.png) no-repeat 9px 16px; } #main-nav ul li ul { background: #f1f1f1; position: absolute; left: -999em; top: 50px; z-index: 1; padding: 10px 4px; width: 100%; -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); height: auto; } #main-nav li:hover ul, #main-nav li.sfhover ul { left: 0px; } #main-nav ul li ul li { float: none; display: inline-block; font-size: 13px; text-transform: capitalize; padding: 2px 20px; line-height: 22px; width: 25%; } #main-nav ul li ul li a, #main-nav ul li.parent-here ul li a { color: #666; text-shadow: none !important; } #main-nav ul li ul li a:hover , #main-nav ul li.parent-here ul li a:hover { background-color: transparent; color: #999; } #main-nav ul li.parent-here ul li a { background-color: transparent; } #main-nav ul li ul li.first { } header span.fb-link, header span.fb-link-mobile { float: right; padding: 0; display: block; height: 29px; width: 29px; text-indent: -9999px; background: #fff url(../images/layout/fb.png) no-repeat 0px 0px; border-radius: 5px; margin: 10px 0 0 0; } /*#sidr-id-nav-sub li ul { display: none; }*/ /* #Home Page============================================================================================================ */ section.bottom { margin: 25px 0 50px 0; } section.slider-home { margin-top: 14px; color: #fff; background: #420d51; /*height: 384px;*/ height: 310px; } .logo-home { margin-top: 23px; z-index: 180; position: absolute; left: -20px; } .alb-overlay-home { position: absolute; z-index: 181; top: 0; left: 281px; } .slider-img-home { margin-top: 21px; z-index: 10; position: absolute; top: 23; right: 0; } section.slider { margin-top: 18px; color: #fff; height: 280px; } .home-links div { -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 8px; } .yellow_bg { background: url(../images/layout/yellow_link_bg.png) no-repeat 0 0; height: 58px; } .blue_bg { background: url(../images/layout/blue_link_bg.png) no-repeat 0 0; height: 58px; } .green_bg { background: url(../images/layout/green_link_bg.png) no-repeat 0 0; height: 58px; } .purple_bg { background: url(../images/layout/purple_link_bg.png) no-repeat 0 0; height: 58px; } .yellow_bg img, .blue_bg img, .green_bg img, .purple_bg img { float: left; margin: 18px 8px 0px;} .yellow_bg h2, .blue_bg h2, .green_bg h2, .purple_bg h2 { font-size: 20px; color: #fff; padding: 7px 0px 7px 14px; font-style: italic; text-shadow: 1px 1px 1px #999; } .yellow_bg a, .yellow_bg a:visited, .blue_bg a, .blue_bg a:visited, .green_bg a, .green_bg a:visited, .purple_bg a, .purple_bg a:visited { color: #fff; text-decoration: none !important; } .yellow_bg a:hover, .blue_bg a:hover, .green_bg a:hover, .purple_bg a:hover { opacity: 0.85; } section.bottom .parking h3 { color: #fff; font-style: italic; font-size: 18px; padding-left: 8px; background: #ccc;background: #ccc -moz-linear-gradient(top, rgba(203,203,203,0.8) 0%, rgba(58,55,59,.2) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,203,203,.8)), color-stop(100%,rgba(58,55,59,.2))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(203,203,203,.8) 0%,rgba(58,55,59,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(203,203,203,.8) 0%,rgba(58,55,59,.2) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(203,203,203,.8) 0%,rgba(58,55,59,.2) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(203,203,203,.8) 0%,rgba(58,55,59,.2) 100%); /* W3C */ -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius:10px; } section.bottom .parking { border: 1px solid #ccc; overflow: hidden; -moz-border-radius: 10px; border-radius: 10px; } #weather-home { width: 100%; height: 105px; margin-bottom: 18px; -moz-border-radius: 10px; border-radius: 10px; background-color: #f7f7f7; border: 1px solid #e8e8e8; } #weather-home p { margin: 0px 10px 6px !important; float: right; padding-top: 8px; font-size: 14px; font-style: italic;text-transform: capitalize; } /*.overcast { background: url(../images/content/weather/overcast.jpg) no-repeat 0 0; z-index: 10; }*/ .weather-band { font-style: italic; } #weather-home span.left { padding: 14px 58px 14px 6px; background-color: #666666; font-size: 18px; color: #fff; float: left;} #weather-home span.right { padding: 14px 11px 14px 12px; background-color: #420d51; font-size: 21px; color: #fff; float: right; } .weather-type { padding: 4px 0px !important; text-align: right; font-size: 16px !important; } #fuel-home h3 { position: absolute; top: 28px; padding: 8px 6px; background-color: #999; color: #fff; font-style: italic; font-size: 18px; opacity: 0.85; } #fuel-home h3:hover { background-color: #420d51; } #fuel-home { margin-top: 45px; width: 100%; height: 105px; background: url(../images/content/fuel.jpg) no-repeat 0 0; z-index: 10; -moz-border-radius: 10px; border-radius: 10px; position: relative; } #fuel-home p { margin-bottom: 7px !important; } #fuel-home .price-list { margin-left: 109px; margin-right: 6px; font-size: 15px; padding-top: 8px; } .price-list span { float: right !important; } section.home-links { margin-top: 0; padding: 25px 0; margin-bottom: 50px; clear: both; background-color: #fbfbfb; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } section.home-links div { position: relative; /*width: 100%;*/ height: 130px; z-index: 10;} section.home-links div.clear { height: 0px !important; } section.home-links h3 { position: absolute; top: 45%; left: -5px; padding: 8px 10px 8px 6px; color: #fff; font-style: italic; font-size: 18px; opacity: 0.85; z-index: 10; transition: background-color 1s ease-in-out; } section.home-links a { text-decoration: none; } section.home-links h3:hover { background-color: #666666; } #home-callout1 img, #home-callout2 img, #home-callout3 img, .rounded img { -moz-border-radius: 10px; border-radius: 10px; width: 100%;/*-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale");*/ } #home-callout1 img { position: absolute; z-index: 1; } .arr-dep { float: right !important; } section.home-links h3.yellow {background-color: #fbcf22; } section.home-links h3.purple {background-color: #52225f; } section.home-links h3.green {background-color: #9bd356; } section.home-links h3.blue {background-color: #3180b0; } #home-callout1 h3:hover, #home-callout2 h3:hover, #home-callout3 h3:hover { background-color: #660066; } .video-pop img { max-width: 100%; -moz-border-radius: 10px; border-radius: 10px; } section.home-2-col { margin-top: 30px; margin-bottom: 12px; } section.home-2-col h3 { color: #fff; font-style: italic; font-size: 18px; padding-left: 8px; background: #ccc; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; margin-bottom: 0px !important;} .news-list { border: 1px solid #ccc; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } .news-list h3 span { float: right; font-size: 13px; margin-right: 12px; } .news-list h3 span a { color: #fff; } .news-list h3 span a:hover{ color: #660099; } .news-item { border-bottom: 1px solid #ccc; padding: 6px 10px 12px; font-size: 13px; } .news-item h4 { margin-bottom: 0px !important; font-size: 18px; } .news-item h4 a { color: #9a9a9a !important; font-style: italic; line-height: 22px !important; text-decoration: none; } .news-item h4 a:hover { color: #660099; } .news-item a { color: #660099; } .ad-space1 { width: 100%; overflow: hidden; } .ad-space1 img { -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 12px; width: 100%; } .home-middle { margin-top: 0; padding: 0; margin-bottom: 50px; clear: both; background-color: #fbfbfb; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .home-middle .container { background: url(/uploads/images/cloud_plane_bg.png) no-repeat top right; background-size: auto 100%; } .home-middle div { } .home-middle h2 { font-style: italic; font-size: 26px; color: #3399cc; line-height: 36px; margin-bottom: 22px; } .home-middle .left-bg { float: left; margin-bottom: 20px; margin-right: 6px; height: 100%; } .home-middle .twelve.columns { padding: 15px 0 10px; } .home-middle ul li.six.columns { margin: 0 8px 0 0; } .home-middle ul li img { float: left; margin-bottom: 16px; margin-right: 12px; } .home-middle ul li a { font-size: 16px; font-style: italic; font-weight: bold; color: #7a428a; text-decoration: none; } .home-middle ul li p { font-size: 16px; font-style: italic; color: #999; padding-right: 20px; } /* #Home Page Search Box ============================================================================================================ */ section.tracker { margin-top: 2px; margin-bottom: 20px; background-color: #fbfbfb; border-bottom: 1px solid #eee; } .tracker-box { float: left; margin-top: 22px; width: 100%; } .tracker-box input { float: left; } section.tracker div.two { margin-right: 15px; } input.flight-no { width: 85%; height: 25px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; padding: 8px; -webkit-box-shadow:inset 0 0 4px #e4e4e4; -moz-box-shadow:inset 0 0 4px #e4e4e4; box-shadow:inset 0 0 4px #e4e4e4; } input.flight-no::-webkit-input-placeholder { font-size: 12px; line-height: 12px !important; } .tracker-box input[type="submit"] { padding: 6px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; height: 43px; width: 12%; font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic; color: #fff; text-shadow: 1px 1px 2px #999; background: #ffcc00; background: #ffcc00 -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,204,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.8)), color-stop(100%,rgba(255,204,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.5) 0%,rgba(255,204,0,.9) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.8) 0%,rgba(255,204,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.5) 0%,rgba(255,204,0,.9) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.8) 0%,rgba(255,204,0,.2) 100%); /* W3C */ border: 1px solid #d3a900; } .tracker-box input[type="submit"]:hover { background: #ffcc00; /* Old browsers */ background: #ffcc00 -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,204,0,.3) 100%); /* FF3.6+ */ background: #ffcc00 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(255,204,0,.3))); /* Chrome,Safari4+ */ background: #ffcc00 -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,204,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ffcc00 -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,204,0,.3) 100%); /* Opera11.10+ */ background: #ffcc00 -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,204,0,.3) 100%); /* IE10+ */ background: #ffcc00 linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,204,0,.3) 100%); /* W3C */ } input.flight-no::-webkit-input-placeholder { font-style: italic; letter-spacing: 0.075em; font-size: 16px; color: #999; } input.flight-no::-moz-placeholder { font-style: italic; letter-spacing: 0.075em; font-size: 16px; color: #999; } /* firefox 19+ */ input.flight-no:-ms-input-placeholder { font-style: italic; letter-spacing: 0.075em; font-size: 16px; color: #999; } /* ie */ input.flight-no:-moz-placeholder { font-style: italic; letter-spacing: 0.075em; font-size: 16px; color: #999; } .gsc-control-cse { background-color: transparent !important; border: 0px none !important; } /* #Home Page Arrivals and Departures ============================================================================================================ */ .resultRowOne { background: #f8f8f8; } .resultRowOne, .resultRowTwo { padding: 10px; } .ui-widget-content { border: 0px none !important; } .ui-tabs { padding: 0 !important; } .ui-widget-header { border: 0px none !important; background: transparent !important; } .ui-tabs .ui-tabs-panel { border: 1px solid #ebebeb !important; margin-left: 0px; padding: 0em .275em 0em !important; } .ui-tabs .ui-tabs-nav { padding: 0 !important; } .ui-tabs .ui-tabs-nav li { margin: 1px 0px 0px 0px !important; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.25em 1.25em !important; text-transform: uppercase; font-size: .785em; letter-spacing: .075em; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0px; padding-bottom: 0px; } .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited { color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {-moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; border: 1px solid #ebebeb; border-bottom: 0px none; color: #fff; font-weight: bold; font-style: italic; background-color: #ececec; } #tabs .ui-state-hover,#tabs .ui-widget-content .ui-state-hover,#tabs .ui-widget-header .ui-state-hover,#tabs .ui-state-focus,#tabs .ui-widget-content .ui-state-focus,#tabs .ui-widget-header .ui-state-focus,#tabs .ui-state-active,#tabs .ui-widget-content .ui-state-active,#tabs .ui-widget-header .ui-state-active {border: 1px solid #ebebeb; border-bottom: 0px none; background: #52225F; } #tabs .ui-state-active a, #tabs .ui-state-hover a, #tabs .ui-state-hover a:hover, #tabs .ui-state-hover a:link,#tabs .ui-state-active a:link { color: #fff; } #tabs .ui-state-active a:visited { color: #ccc; } p.tab-link { margin: 4px 0; padding-bottom: 4px; font-size: 12px; color: #999; letter-spacing: 0.075em; clear: both !important; border-bottom: 1px solid #ececec; } p.tab-link a { float: right !important; color: #660099; padding-right: 3px; text-decoration: none;} p.tab-link a:hover { text-decoration: underline; } /* #Footer ============================================================================================================ */ #footer { height: 230px; background: url(../images/layout/footer-bg.gif) repeat-x bottom center; border-bottom: 2px solid #570C6D; margin-top: 50px; } .footer-container { background: url(../images/layout/footer-skyline.png) no-repeat -5px 2px; height: 230px; }.footer-container .tagline { margin-top: 94px; font-size: 16px; color: #999; font-style: italic; letter-spacing: 0.055em; } .footer-container .tagline span { letter-spacing: 0.17em; line-height: 26px; } .footer-container .credits { margin-top: 94px; text-align: right; color: #999; } .footer-container a, .footer-container a:visited { color: #999; } .footer-container a:hover, .footer-container a:focus { color: #666666; } .footer-container .eleven.columns { width: 620px; } .footer-container .credits p { font-size: 12px; } /* #Sidebar ============================================================================================================ */ #left-sidebar { margin-top: 26px; } #left-sidebar ul li.first a { -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } #left-sidebar ul li.last a { -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } #left-sidebar ul li { margin-bottom: 0px; } #left-sidebar ul li a { display: block; padding: 10px 4px 10px 8px; border: 1px solid #ebebeb; margin-bottom: 0px; border-bottom: 0px none; color: #fff; text-decoration: none; color: #666; background: #f3f3f3; background: #f3f3f3 -moz-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(243,243,243,.2) 100%); /* FF3.6+ */ background: #f3f3f3 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.8)), color-stop(100%,rgba(243,243,243,.2))); /* Chrome,Safari4+ */ background: #f3f3f3 -webkit-linear-gradient(top, rgba(255,255,255,.8) 0%,rgba(243,243,243,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #f3f3f3 -o-linear-gradient(top, rgba(255,255,255,.8) 0%,rgba(243,243,243,.2) 100%); /* Opera11.10+ */ background: #f3f3f3 -ms-linear-gradient(top, rgba(255,255,255,.8) 0%,rgba(243,243,243,.2) 100%); /* IE10+ */ background: #f3f3f3 linear-gradient(top, rgba(255,255,255,.8) 0%,rgba(243,243,243,.2) 100%); /* W3C */ } #left-sidebar ul li a:hover { background: #f3f3f3; background: #f3f3f3 -moz-linear-gradient(top, rgba(243,243,243,.8) 0%, rgba(255,255,255,.2) 100%); /* FF3.6+ */ background: #f3f3f3 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,.8)), color-stop(100%,rgba(255,255,255,.2))); /* Chrome,Safari4+ */ background: #f3f3f3 -webkit-linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #f3f3f3 -o-linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* Opera11.10+ */ background: #f3f3f3 -ms-linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* IE10+ */ background: #f3f3f3 linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* W3C */ } #left-sidebar ul li a { text-decoration: none; color: #666; } #left-sidebar ul li ul { display: none; } #left-sidebar ul li.here a { background: #fdd947; background: #fdd947 -moz-linear-gradient(top, rgba(243,243,243,.8) 0%, rgba(255,255,255,.2) 100%); /* FF3.6+ */ background: #fdd947 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,.8)), color-stop(100%,rgba(255,255,255,.2))); /* Chrome,Safari4+ */ background: #fdd947 -webkit-linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #fdd947 -o-linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* Opera11.10+ */ background: #fdd947 -ms-linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* IE10+ */ background: #fdd947 linear-gradient(top, rgba(243,243,243,.8) 0%,rgba(255,255,255,.2) 100%); /* W3C */ } #left-sidebar img { -moz-border-radius: 10px; border-radius: 10px; width: 100%; } .legal-side { height: 52px; background-color: #999; -moz-border-radius: 10px; border-radius: 10px; } .legal-side p {background: url('../images/content/icons/legal_icon.png') no-repeat scroll 10px 10px transparent; padding-left: 50px; padding-top: 8px; line-height: 35px; color: #fff; text-transform: uppercase; } .legal-side a { text-decoration: none; } .advert-side { margin: 10px 0; background: url('../images/content/advert-side.png') no-repeat top center; -moz-border-radius: 10px; border-radius: 10px; text-indent: -9999px; height: 80px; } .advert-side p { height: 80px; } p.sidebar-alb { padding: 45px 0 22px; font-size: 18px; font-weight: 700; text-align: center; background-color: #eaeaea; border-radius: 12px; border: 1px solid #ccc; color: #A9A9A9; margin-bottom: 28px; } span.lg { clear: both; display: block; font-size: 5em; font-weight: 700; text-align: center; margin-bottom: 40px; } p.sidebar-alb2 { padding: 15px 10px; font-size: 16px; font-weight: 300; text-align: center; background-color: #FBFBFB; border-radius: 12px; border: 1px solid #ccc; color: #A5A5A5; margin-bottom: 28px; } .sidebar-alb2 span.lg { font-size: 1.25em; font-weight: 500; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-left: 15px; margin-right: 15px; } /* Arrivals and Departures List =============================================================================================================*/ .bottom ul.arrdep-list-home { height: 180px; overflow: auto; } ul.arrdep-list-home ul, ul.arrdep-list ul { width: 100%; margin: 0; padding: 0;} ul.arrdep-list-home { font-size: .8em; } ul.arrdep-list { font-size: 1.75em; margin: 0px !important; } ul.arrdep-list-home li, ul.arrdep-list li { margin: 0; padding: 0; margin-bottom: 0 !important; list-style-type: none !important; } ul.arrdep-list-home li ul, ul.arrdep-list li ul { margin: 0; padding: 4px 0; clear: both; /**//*height: 30px;*/ border-bottom: 1px solid #ececec; } ul.arrdep-list-home li ul li, ul.arrdep-list li ul li { margin: 5px 0; padding: 0 8px 0 0; display: inline-block; /*float: left;*/ } ul.arrdep-list-home li.air-logo { margin: 0 0 0 0; padding: 0 8px; } ul.arrdep-list li.air-logo { width: 162px; /*margin: 0 !important; padding: 0 !important; */} .air-logo { width: 162px; } .airline { width: 45px; display: inline-block; margin-left: 10px; } .airline2 { display: none !important; } /*ul.arrdep-list-home li.flight-no, ul.arrdep-list li.flight-no { width: 40px; padding-left: 5px; } */ .flight-city { width: 145px; overflow: hidden; } .flight-gate, .flight-time { width: 32px; } .flight-status { width: 75px; } li span { display: block; vertical-align: top; } ul.arrdep-list-home li.list-row, ul.arrdep-list li.list-row { padding: 4px; } .orange { color: #ff9900; } .green { color: #9BD356; } .red { color: #cc0000; } li.list-row { display: table; width: 98%; } .tbl-column { display: table-cell; } /* ul.arrdep-list li.flight-city { width: 95px; overflow: hidden; } ul.arrdep-list li.flight-gate, ul.arrdep-list li.flight-claim { width: 32px; } ul.arrdep-list li.flight-status { width: 55px; } */ /* Page Styles =========================================================================================================== */ h1#page-title { font-style: italic; font-size: 28px; color: #660066; line-height: 36px; } .article .breadcrumbs { margin-bottom: 12px; font-size: .85em; font-style: italic; } .article .breadcrumbs a { color: #999; } .article h4 { font-style: italic; color: #7aba2a; font-size: 16px; } /*.article a { color: #3180b0; }*/ .article table thead tr th { background-color: #fff !important; color: #660066 !important; font-style: italic; margin-bottom: 3px; } .article ul, ol { margin: 0px 24px;} .article ul { list-style-type: disc; } ul.pr-list { margin: 4px 0; padding: 0px; } ul.pr-list li { list-style-type: none; } .airline-ads h1#page-title { display: none; } .airline-ads { text-align: center; } .airline-ads pre { padding: 30px 50px; background: #3180b0; border-radius: 10px; transition: all .5s ease; border: 1px solid #3180b0; margin: 0 100px 40px; } .airline-ads pre:hover { background: #063C5D; color: #3180b0; cursor: pointer; } .airline-ads pre a { font-size: 20px; font-weight: 300; color: #E6E6E6; text-shadow: 0 0 0; letter-spacing: .055em; line-height: 36px; text-decoration: none; } .airline-ads pre big { font-size: 2.5em; } .airline-ads p:nth-of-type(1) { margin-bottom: 0px; } span.marker { font-size: 18px; } .airline-ads ul { list-style-type: none; } .airline-ads ul li { display: inline-block; background-color: #eaeaea; padding: 18px; margin: 10px; } .airline-ads table td big { font-size: 1.5em; line-height: 1.25em; } .airline-ads table td { width: 50%; } /* Art & Culture Pages =============================================================================================*/ .rslides, .art-home-links { margin: 0 !important; padding: 0; } .art-home-links div { overflow: hidden; z-index: 10; zoom: 1; } .thumb-link { position:relative; width: 222px; height: 178px; overflow: hidden; float: left; display: block; margin: 0 10px 10px 0; } .thumb-content { display: block; position: absolute; top: 0; left: 0; width: 80%; height: 80%; padding: 10%; background: #3f2b47; opacity: 0; -moz-transition: opacity .3s ease-in-out 0s; -webkit-transition: opacity .3s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s; transition: opacity .3s ease-in-out 0s; z-index: 10; color: #ccc; font-size: 16px; } .thumb-link a:hover > .thumb-content { opacity: .9; } .thumb-content h3 { color: #fff; font-size: 22px; line-height: 26px; font-style: italic; } .thumb-link img { /*width:100%; vertical-align:top; opacity: 1;*/ } .thumb-link img:hover { /*opacity: 1;*/ } .article .art-gallery-links h4 { font-style: italic; color: #660066; font-size: 1.65em; margin: 0 0 10px 0; } .current, .past { margin-top: 35px; } .current-img, .current-img img { height: 466px !important; width: auto !important; } .current-img .thumb-content { width: 90%; height: 90%; padding: 5%; } /*.thumb-link a:after, .thumb-link a:before { position:absolute; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; } .thumb-link a:after { content:'\A'; width:100%; height:100%; top:0; left:0; } .thumb-link a:before { content: attr(data-content); margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width:96%; color:#fff; z-index:1; font-style: italic; font-size: 18px; line-height: 36px; padding:4px 10px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; } .thumb-link a:hover:before, .thumb-link a:hover:after { opacity:.8; } a.rslides_nav.next { float: right; display: inline-block; }*/ p.caption { position: absolute; display: block; bottom: 0; left: 0; right: 0; padding: 0px; text-align: left; /*background: #000; background: rgba(0,0,0, .8);*/ color: #000; margin-bottom: 0 !important; } /*** GALLERY SLIDER NAV **/ #rslider_container, .iAmTest { margin-bottom: 50px; position: relative; width: 100%; } /*.rslides li { list-style-type: none; height: 505px; } .rslides img, .iAmTest img { height: 466px !important; display: block; float: none !important; width: auto !important; margin: 0 auto; } .large-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.5; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: transparent url("/assets/images/layout/slider_nav.png") no-repeat left 50%; width: 35px; } .large-btns_nav:hover, .large-btns_nav:active { opacity: 0.9; } .large-btns_nav.next { left: auto; background-position: right 50%; right: 0; } .large-btns_nav:focus { outline: none; } .large-btns_tabs { margin-top: 10px; text-align: center; } .large-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; } .large-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; } .large-btns_here a { background: #222; background: rgba(0,0,0, .8); }*/ .iAmTest { height: 525px !important; } .ns_nerveSlider .ns_pauseButton { left: 315px !important; top: 220px !important; } .ns_nerveSlider .ns_caption { bottom: 10px !important; background-image: none !important; color: #000 !important; text-shadow: 0px 0px 0px !important; } .ns_nerveSlider .ns_caption>div { margin: 0 !important; } .ns_caption p { margin-bottom: 0px !important; } .ns_slideContainer img { max-height: 466px; max-width: 700px; position: relative !important; margin-top: 0px !important; } .ns_nerveSlider .ns_prevButton, .ns_nerveSlider .ns_nextButton { height: 466px !important; } /* Page Tabs ===========================================================================================================*/.article .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size: 1.5em !important; } .article .ui-accordion-header { width: 100% !important;-moz-border-radius: 7px; border-radius: 7px; text-transform: uppercase; font-size: .9em; text-align: left; } .article .ui-widget-content { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-size: 0.75em; color: #333; } .article .ui-widget-header .ui-state-default {border: 1px solid #ebebeb; border-bottom: 0px none; color: #fff; font-weight: bold; font-style: italic; background: #e7e7e7; } .article .ui-state-default, .article .ui-widget-content .ui-state-default, .article .ui-widget-header .ui-state-default { background-image: none !important;} .article .ui-state-hover,.article .ui-widget-content .ui-state-hover,.article .ui-widget-header .ui-state-hover,.article .ui-state-focus,.article .ui-widget-content .ui-state-focus,.article .ui-widget-header .ui-state-focus,.article .ui-state-active,.article .ui-widget-content .ui-state-active,.article .ui-widget-header .ui-state-active {border: 1px solid #ebebeb; border-bottom: 0px none; color: #fff; background: #999; } .resultRowOne span.mtg-month, .resultRowTwo span.mtg-month { display: inline-block; width: 20%; vertical-align: top; } .resultRowOne span.mtg-date, .resultRowTwo span.mtg-date { display: inline-block; width: 40%; vertical-align: top; } .resultRowOne span.minutes, .resultRowTwo span.minutes { display: inline-block; vertical-align: top; } #mobile-header { display: none;} #mobile-header a { color: #fff; padding-top: 22px; } .flyout-menu { text-indent: -9999px; } /* #Forms========================================================================================================== */ .ff_composer * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ff_composer .line,.ff_composer .line:last-child,.ff_composer .last_unit {overflow:hidden; *overflow:visible;*zoom:1;} .ff_composer .unit {float:left; padding:10px; *padding:0;/*because ie7 doesn't do border-box*/} .ff_composer .unit_right {float:right;} .ff_composer .size1of1 {float:none;} .ff_composer .size1of2 {width:50%;} .ff_composer .size1of3 {width:33.33333%;} .ff_composer .size2of3 {width:66.66666%;} .ff_composer .size1of4 {width:25%;} .ff_composer .size3of4 {width:75%;} .ff_composer .line:last-child,.ff_composer .last_unit {float:none;width:auto;} .ff_composer p, .ff_composer h1, .ff_composer h2, .ff_composer h3, .ff_composer h4, .ff_composer h5, .ff_composer h6 {margin-top: 0;} .ff_composer .required_item {margin-left: 4px; color:red;} .ff_composer textarea, .ff_composer input[type="text"], .ff_composer input[type="email"], .ff_composer input[type="url"],.ff_composer input[type="number"], .ff_composer input[type="password"], .ff_composer input[type="search"] {width: 75%;} .ff_composer ul.dynamic_recipients {list-style: none; padding:0;} /*#sidr-main nav ul li ul { display: none; } #sidr-main nav ul li.active ul { display: block; } */ /* #Media Queries========================================================================================================== */ /* Smaller than standard 1170 (devices and browsers) */ @media only screen and (max-width: 959px) { a.fb-link-hide { display: none; } } /* Tablet Portrait size to standard 1170 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #mobile-header { display: block; margin-left: 15px; } header span.fb-link-mobile { margin: 5px 10px 0 0; } a#responsive-menu-button img { margin-top: 5px; } #main-nav nav, #sidebar { display: none !important; } #main-nav { padding: 0; } input.flight-no { width: 75%; } .plane-img img { max-width: 100%; } section.home-links h3 { top: 16px; padding: 8px 6px; font-size: 15px; font-weight: bold;} section.home-2-col { margin-top: 0px; } section.home-2-col .five.columns { margin-left: 0px !important; margin-right: 0px !important; } .footer-container .eleven.columns { width: 480px; } .footer-container .tagline { font-size: 13px; } section.tracker .fourteen.columns { width: 620px !important; } .container .nine.columns { width: 550px; } /*ul.arrdep-list-home li div { display: block; }*/ ul.arrdep-list-home li div span { margin: 0 !important; } .home-middle ul li a, .home-middle ul li p { font-size: 15px; } p.sidebar-alb { font-size: 15px; } span.lg { margin-bottom: 30px; } .airline-ads pre { padding: 30px 35px; } .airline-ads pre a { font-size: 16px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { body { background-position: 0px -36px; } html { overflow-x: hidden; } #mobile-header { display: block; } a#responsive-menu-button img { margin-top: 5px; } #main-nav nav, .slider-img-home, .plane-img, .sidebar-img, #sidebar, .sidebar-menu { display: none !important; } #main-nav { padding: 0; } header span.fb-link-mobile { margin-top: 7px; } .home-links div { margin-top: 10px;} #footer .eleven.columns, #footer .sixteen.columns { width: 310px; } #footer { height: 100% !important; } .footer-container .tagline { margin-top: 86px;} .airline2 { display: table-cell !important; width: 73px; overflow: hidden !important; } .air-logo { display: none; } .flight-city { width: 105px; overflow: hidden; } .airline-ads pre { padding: 30px 10px; margin: 10px; } .airline-ads pre a { font-size: 14px; line-height: 32px; } .airline-ads table td { width: 100% !important; display: block !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { body { background-position: 0px 0px; } html { overflow-x: hidden; } #mobile-header { display: block; } #main-nav nav, .slider-img-home, .plane-img, .sidebar-img, #sidebar, .sidebar-menu { display: none !important; } section.home-links div { height: 210px; } div.news-list { margin-bottom: 20px !important; } .slider-img { left: 0; } #main-nav { padding: 0; } input.flight-no { width: 65%; } .tracker-box input[type="submit"] { width: 25%; } .yellow_bg { background: url('../images/layout/yellow_link_bg_long.png'); } .blue_bg { background: url('../images/layout/blue_link_bg_long.png'); } .green_bg { background: url('../images/layout/green_link_bg_long.png'); } .purple_bg { background: url('../images/layout/purple_link_bg_long.png'); } #footer .eleven.columns, #footer .sixteen.columns { width: 420px !important; } #footer { height: 100% !important; } .footer-container .credits { text-align: center; margin-top: 14px; } .footer-container .tagline { margin-top: 86px;} .footer-container .tagline p { display: none; } .news-list { margin-top: 20px; } .home-links .six { clear: both; margin-bottom: 18px; } ul.arrdep-list-home { font-size: 0.7em;} .airline2 { display: table-cell !important; width: 73px; overflow: hidden !important; } .air-logo { display: none; } .flight-city { width: 75px; overflow: hidden; } .flight-gate, .flight-time { } .logo-home { left: 10px; } .home-middle .container { background: transparent; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { html { overflow-x: hidden; } #main-nav nav, .slider-img, .slider-img-home, .plane-img, .sidebar-img, #sidebar { display: none !important} header .container { width: 90%; margin: 0; padding: 0; } #main-nav { padding: 0; } #mobile-header { display: block; margin-left: 10px; } header span.fb-link-mobile { margin-top: 7px; margin-right: 10px; } section.slider, .logo { margin-top: 0 !important; } input.flight-no { width: 65%; } .tracker-box input[type="submit"] { width: 25%; } .yellow_bg { background: url('../images/layout/yellow_link_bg_long.png'); } .blue_bg { background: url('../images/layout/blue_link_bg_long.png'); } .green_bg { background: url('../images/layout/green_link_bg_long.png'); } .purple_bg { background: url('../images/layout/purple_link_bg_long.png'); } .footer-container .tagline { text-align: center; width: 310px !important; } .footer-container .tagline p { display: none; } .footer-container .credits { text-align: center; margin-top: 14px; } .footer-container .eleven.columns, .footer-container .sixteen.columns { width: 310px; } #footer { height: 100% !important; } ul.arrdep-list { font-size: 1.5em; } ul.arrdep-list-home { font-size: 0.7em;} .airline2 { /*display: none !important;*/ display: table-cell !important; width: 73px; overflow: hidden !important; } .air-logo { display: none; } .flight-city { width: 75px; overflow: hidden; } .flight-gate, .flight-time { } .alb-overlay-home, .alb-overlay { display: none; } .home-links { margin-bottom: 0px; } .home-links .container .one-third.column { margin-bottom: 20px; } .news-list { margin-bottom: 20px !important; } .news-item h4 { font-size: 16px; line-height: 16px; } .logo-home , .logo { left: 10px; } #left-sidebar { margin-top: 0px; } .home-middle .container { background: transparent; } } @media only screen and (max-width: 320px) { header .container { width: 320px; margin: 0; padding: 0; } } }