@charset "utf-8";
/* CSS Document */
/*

Chicago Dept of Aviation Stylesheet - welcome.css

Media: Screen

Created: 4/23/2012
Author: Blackwell Global Consulting

*/



body { }


a:link {color: #1a1a1a ; text-decoration:none}
a:visited {color: #1a1a1a ; text-decoration:none}
a:hover {color: #1a1a1a ; text-decoration:underline}
a:active {color: #1a1a1a ; text-decoration:none}

#wrapper {
    background: url("/sitecollectionimages/global/HomeGradient.png") repeat-x scroll 0 0 transparent;
}
#clouds { height:100%;
    width: 100%;
	float:left;
	background: url("/sitecollectionimages/global/HomeClouds.png") no-repeat scroll 50% 0 transparent;
	}
	
#header {position:relative; z-index:9999;}
			/* IE7
				*:first-child+html #header {left:230px} */

#header .mainNav {background-color:#fff;}/*color based on site, same as language toggle*/				
#header .mainNav ul li.on {float:left; background-color:#000; padding:29px 23px 30px 23px;} /*always white*/
	#header .mainNav ul li a:link {color:#000; font-size:13px; text-decoration:none;}
	#header .mainNav ul li a:visited {color:#000; font-size:13px; text-decoration:none;}
	#header .mainNav ul li a:hover {color:black !important; font-size:13px;; text-decoration:underline;}
	
#header .mainNav .languageToggle {background-color:white; color:#5a5a5a; font-size:10px;}	
#header .mainNav .languageToggle a, #header .mainNav .languageToggle a:hover {color:#00529b; font-size:12px;}

.languageToggle .toggle #divLangPopUp { background-color:black; }


.headAlert { float:none; clear:both; width:927px; margin-top:0; margin-bottom:0px; padding:10px; position:absolute; top:73px }
.headAlert1 { float:none; clear:both; width:927px; margin-top:0; margin-bottom:0px; padding:10px; position:absolute; top:72px }
.headAlert2 { float:none; clear:both; width:927px; margin-top:0; margin-bottom:0px; padding:10px; position:absolute; top:115px }

.goog-te-gadget-simple {background-color: white !important; } 
.goog-te-gadget-simple .goog-te-menu-value span {color: black}

#hpHeroCarousel {}

.welcomeLanding .hero {float:left; width:100%; margin:0px; height:480px;  z-index:10; margin-top:-73px;}
.welcomeLanding .hero .heroCopy {float:left; position:relative; top:295px; left:0; width: 420px; z-index:9999;}
	.welcomeLanding .hero .heroCopy .welcomeTo { color:#044683; font-size:18px; line-height:20px  }
		.welcomeLanding .hero .heroCopy .welcomeTo h1 {font-size:18px; line-height:20px; padding:0; margin:0;}
	.welcomeLanding .hero .heroCopy .welcomeMsg { font-size:40px; color:#2a2a2a; margin-top:14px; line-height:38px }
		.welcomeLanding .hero #nav-container {float:left; position:relative; top:0px; width:100%; }		
		.welcomeLanding .hero #nav-container #nav { float:left; }
		.welcomeLanding .hero #nav-container #description { float:left; padding-left: 10px;  display:none; }
		.welcomeLanding .hero .hero-description { position: absolute; top: 0px;   font-size: 12px; color: #035642; padding-top: 12px; }
		.welcomeLanding .hero #nav .nav-item { float:left; width: 15px; text-align:center; }
		.welcomeLanding .hero a.nav-off {   text-decoration: none;  outline: none; }
		.welcomeLanding .hero a.nav-on {  text-decoration: none;  outline: none; }
		.welcomeLanding .hero a.nav-selected {  text-decoration: none; outline: none; }
		.welcomeLanding .hero .nav-item span{ display:none; z-index:-1;  padding:0; margin-left: -2px; }

		.welcomeLanding .hero .heroImg {position:absolute; top:30px; z-index:0; left:280px;}/* top:120px;*/
		
				/*Chrome*/
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					.welcomeLanding .hero .heroImg {top:30px;}
				}
				/* IE7 */
				*:first-child+html .welcomeLanding .hero .heroImg {left:210px;}
				
/*.welcomeLanding .swoosh {float: left; left: 2px; margin-left: -124px; margin-top: -55px; position: relative; z-index: 100; }
{position:relative; top:-670px; left:-122px; z-index:10;}	*/


/***********************************************/

/* drop up */
ul#chooseAirport, ul#chooseAirport ul { position:relative; margin: 0; padding: 0; list-style: none; z-index:9999; }
ul#chooseAirport { width:960px; height:auto; background:transparent; margin:30px 0px; z-index:9999; }

ul#chooseAirport li { position: relative; float: left; width:480px; height:auto; text-align:left; }
ul#chooseAirport li:not(:first-child) {
	float: right;
}
ul#chooseAirport li a {}
#chooseAirport li ul { position: absolute; left: 0; top:-325px; margin-left:-999em; border:none; height:455px; width:475px; }
ul#chooseAirport li li{height:auto;border:none;}
ul#chooseAirport li li a{ display:block; }
ul#chooseAirport li:hover ul, 
ul#chooseAirport li.over ul { margin-left:0; }
ul#chooseAirport li:hover,
ul#chooseAirport li.over,
ul#chooseAirport li:hover a,
ul#chooseAirport li.over a { }

ul#chooseAirport li:hover li a,ul#chooseAirport li.over li a{ }
ul#chooseAirport li li a:hover{ }
ul#chooseAirport li p { }
ul#chooseAirport li.last,ul#chooseAirport li.last ul{border:none;width:475px;}

ul#chooseAirport img.banner {position:relative; top:5px;}

.expanded {float:left; clear:both; width:415px; padding:30px 30px 10px 30px; background-color:#ededed; }
.expanded .flightSearch {float:left; width:395px; padding:10px; margin-bottom:20px;background-color:#d7d7d7; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}

.expanded .flightSearch .find_flight_label { float:left; width:118px; }
.expanded .flightSearch .find_flight_field{float:left; width:180px; }
.expanded .flightSearch .find_flight_field input { width:100%; height:28px;}
.expanded .flightSearch .find_flight_button{float:left; margin-left:12px;width:84px;}


.expanded .infoLinks {float:left; clear:both; width:415px; margin-top:20px}
.expanded .infoLinks .line {float:left; width:207px; padding-bottom:27px; font-size:14px;}
.expanded  .infoLinks .line img {float:left; margin-right:4px }



.newsLinkORD {float:left; clear:both; height: 40px; padding: 20px 30px 0; width:413px; background-color:#3098b5;}
.newsLinkMDW {float:left; clear:both; height: 40px; padding: 20px 30px 0; width:413px; background-color:#c85734;}
.newsLinkORD a, .newsLinkMDW a {color: #FFFFFF !important; display: block; float: right; height: 20px; overflow: hidden; text-decoration: none; width: 370px !important;}
	/*IE7 */
		*:first-child+html .newsLinkORD a {margin-top:-18px;}
		*:first-child+html .newsLinkMDW a {margin-top:-18px;}
		
.alertBG {background-color:#ff2626 !important;}			
			

/***********************************************/
		
.businessNews {float:left; clear:both; width:955px; margin-top:30px;}
	/* IE7 */
	*:first-child+html .businessNews { margin-top:0px;}
				
	.businessNews .title{float:left; width:244px; font-size:18px;}		
	.businessNews .newsCol {float:left; width:535px; margin-right:20px;}
		.businessNews .newsCol  a {color:#1a1a1a !important; text-decoration:none}
	.businessNews .lastCol {float:left; width:147px; margin:0px;}
		.businessNews .lastCol  a {color:#00529b !important; text-decoration:none}	
		
		
.welcomePop {float:left;width:340px; padding-bottom:10px} 
	.welcomePop .container {float:left; clear:both; text-align:left; background-color:#fff; width:100%; padding:0 0 0 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
/*box-shadow: 1px 1px 2px 1px #ddd; -moz-box-shadow:1px 2px 2px 1px #aaa; -webkit-box-shadow:1px 1px 2px 1px #ddd; filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=135, Strength=2);*/	
	.welcomePop .container .head {float:left; clear:both; width:300px; font-size:18px; margin-bottom:20px; }
	.welcomePop .container .copy {float:left; clear:both; width:340px; margin-bottom:10px; }
	.welcomePop .container .copy .right {float:right; clear:both; width:170px; padding:50px 0 10px 0}
		.welcomePop .container .copy .clearbutton {margin-left:16px;}		

	/*IE7*/
	*:first-child+html div.clearbutton .welcomePop .container .copy .right {float:right; clear:both; width:200px; padding:50px 0 10px 0}	
	*:first-child+html .welcomePop .container .copy .clearbutton {margin-left:0px;}
					
.redirectPop {float:left;width:340px; padding-bottom:10px} 
	.redirectPop .container {float:left; clear:both; text-align:left; background-color:#fff; width:100%; padding:0 0 0 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
	.redirectPop .container .head {float:left; clear:both; width:300px; font-size:18px; margin-bottom:20px; }
	.redirectPop .container .copy {float:left; clear:both; width:340px; margin-bottom:10px; }
	.redirectPop .container .copy img {margin: 5px 0px 0px -5px}


/*  FOOTER  */

#footer { float:left; clear:both; width:100%; margin-top:5px;}
	#footer .skyline {float:left; background:url(/sitecollectionimages/global/footer_skyline.png) 856px 1px no-repeat; width:100%; height: 127px;}
	
	#footer .toes {float:left; width:100%; background-color:#2a2a2a; padding:22px 0px;}
	#footer .toes .content { width:990px; margin:0 auto; text-align:left}
	
		#footer .toes .logo { float:left; width:300px; margin-right:25px; }
			#footer .toes .logo .mayor {font-size:10px; color:#FFF; left: 125px; position: relative; top: -40px;}
			#footer .toes .logo .commissioner { font-size: 10px; color:#FFF; left: 125px; position: relative; top: -40px;}
			#footer .toes .logo .copyright {font-size:10px; color:#FFF; left: 125px; position: relative; top: -38px;}
			
			#footer .toes .logo img {position:relative; top:0px; margin-right:4px;}
			
		#footer .toes .links {float:left; width:110px; padding:10px; }
			#footer .toes .links:hover{float:left; background-color:#999; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
			#footer .toes .links img {float:left; margin-right:4px}
			#footer .toes .links a {font-size:10px; color:#fff; text-decoration:none}
			#footer .toes .links a:hover {font-size:10px; color:#fff; text-decoration:underline}


		#footer .toes .routes {float:left;  margin-left: 5px; padding: 10px 4px 4px 7px; width: 168px;}
			#footer .toes .routes:hover {background-color: #999; border-radius: 12px 12px 12px 12px; }			
			#footer .toes .routes .routesCopy {position:relative; top:0px; font-size:7px; color:#fff;}
			#footer .toes .routes .routesLink {position:relative; top:0px;}
			#footer .toes .routes .routesLink a { margin-right:6px; font-size:10px; color:#fff; text-decoration:none}
			#footer .toes .routes .routesLink a:hover {margin-right:6px; font-size:10px;  color:#fff;text-decoration:underline}			
			
		#footer .toes .social {float:left; margin-left:15px; padding-top:12px; width:75px;}
			#footer . toes .social a {margin-right:6px; text-decoration:none}
			#footer . toes .social a:hover {margin-right:6px; text-decoration:underline}

/* CORE.CSS OVERRIDES  */
.ms-cui-tts-scale-2 .ms-cui-tt-a{
width:auto;
}


#heroImageContainer {
position: relative;
margin-left: -253px;
}

.languageToggle {
	background: none !important;
}

  ul#chooseAirport li.last, ul#chooseAirport li.last ul{
                /*width:405px !important;*/
        }
        #chooseAirport li:first-child{
			width:405px !important;
		}

        .expanded {
                width: 339px !important;
        }
        .expanded .flightSearch{
                 padding: 0px !important;
                 margin-left: -26px;
        }
        #footer .skyline {
        	margin-top: 0 !important;
        }
        ul#chooseAirport {
                margin-bottom: 1% !important;
        }
        #wrapper {
                background: none !important;
                padding: 0px;
        }

        #footer .skyline {
                background: none !important;
                display:none;
        }

        #footer .toes {
                padding: 10px 0px 0px 0px;
                height: 55px !important;
        }

        #clouds {
                background: none !important;
        }

        #footer {
                margin-top: 0px !important;
                bottom: 0px !important;
                position: fixed;
        }

        .bx-wrapper {
                margin: 0px !important;
        }
        .bx-wrapper .bx-pager {
                display: none;
        }

        body {
        	overflow:hidden;
                background: none !important;
        }

        .bx-wrapper .bx-viewport {
                border: none !important;
        }

        #main {
                width: 100% !important;
        }
        .logo{
                height:50px;
        }
        #header .CDAlogo {
                background-color: white !important;
        }
        .banner {
            border-radius: 21px;
        }
      /*  @media only screen and (min-width :1150px){*/

                .bannerText {
                    color: white;
                    position: absolute;
                    height: 75px;
                    width:100%;
                    /*background-color: rgba(0, 0, 0, 0.51);*/
                    background: url("/sitecollectionimages/global/cda_header_background.png")!important; /* Old browsers */
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: -moz-linear-gradient(left, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.83) 14%, rgba(0,0,0,0.1) 74%, rgba(0,0,0,0.0) 100%)!important;   /* FF3.6+ */
					background: -o-linear-gradient(left, rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.83) 14%,rgba(0,0,0,0.1) 74%, rgba(0,0,0,0.0) 100%)!important; /* Opera 11.10+ */
					background: -ms-linear-gradient(left, rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.83) 14%,rgba(0,0,0,0.1) 74%, rgba(0,0,0,0.0) 100%)!important; /* IE10+ */
					background: linear-gradient(to right, rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.83) 14%,rgba(0,0,0,0.01) 74%, rgba(0,0,0,0.0) 100%)!important; /* W3C */
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.88)), color-stop(14%,rgba(0,0,0,0.83)), color-stop(74%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0))) !important;  
                    position: absolute;
                    /*top: 50%;
                    margin-bottom: 20%;*/
                    bottom: 0px;
					margin-bottom: 250px;
                }
                 @media only screen and (max-height :630px){
					.bannerText {
						display:none;
					}
				}
      /* }
        @media only screen and (max-width :1150px){


                .bannerText {
                    color: white;

                    position: absolute;
                    height: 75px;
                        background-color: rgba(0, 0, 0, 0.51);
                    background: url("/sitecollectionimages/global/cda_header_background.png");
                    width: 100%;
                    position: absolute;
                        bottom: 0;
                        margin-bottom: 40%;
                }
        }*/

        #header .CDAlogo img {
                top: 5px !important;
                /* left: 15px; */
                height: 56px !important;
                left: 1px !important;
                width: 117px;
        }

        .bx-wrapper .bx-caption {
                font-size: 200% !important;
        }

        ul#chooseAirport {
                margin-left: auto !important;
                margin-right: auto !important;
        }
        #headerWraper {
            background-color: white;
            height: 74px;
        }
        .clipBoxOhare{
                position:absolute;
                left:276px;
				width: 200px;
				height:165px;  
                background-color:rgb(235,235,235);
                /*background:url(http://www.flychicago.com/sitecollectionimages/welcome/background.png);*/
                clip:rect(0px 464px 163px 0px);
        }
        div.line {
            margin-top: 7px;
			margin-left: 21px;
        }
        .clipBoxMdw{
                position:absolute;
                left:276px;
				width: 200px;
				height:165px;  
                background-color:rgb(235,235,235);

                /*background:url(http://www.flychicago.com/sitecollectionimages/welcome/background.png);*/
                clip:rect(0px 464px 163px 0px);
        }
        .line a {
            position: absolute;
            margin-left: 5px;
            margin-top: 6px;
        }

        /*.clipBox{
        position:absolute;
        width: 464px;
        height:163px;   background:url(tempOhare.png);
        clip:rect(0px 464px 163px 0px);
        }*/
        .clipbg{
                position:relative;
                margin-right:10px;
                width: 475px;
                height: 165px;
                display:inline-block;
                background-color:#333;
                cursor:pointer;
        }
       .clip1{
			background:url(http://www.flychicago.com/sitecollectionimages/welcome/banner_ORD.png);  
			background-size: 477px 167px;
		}
		.clip2 {
		    background: url(http://www.flychicago.com/sitecollectionimages/welcome/banner_MDW.png);
		    background-size: 477px 167px;
		}