body 
{
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana;
	font-size:12px;
	background-color:#FFF;
	padding:10px;
}


img
{
	border:0px;
	vertical-align:bottom;
}

#creditContainer{

}

a.externalLink
{
	font-size:12px;
	color:#0888b3 ;
	display:block;
	font-weight:bold;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left center;
}

a.externalLink:hover
{
    text-decoration:underline;
}

#mainContainer
{
	width:100%;
	max-width:680px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;

	
}

#mainContainer .firstrow {width:100%;}
#mainContainer .firstrow .airportSelect.left {width:70%;}
#mainContainer .firstrow .airportSelect.left #airportlist{width:80%; font-size:14px;}
#airportlistLAB{padding-right:9px; font-size:14px;}



#currentWeatherContainer{margin-bottom:0px; border:0px solid #cccccc; width:100%;}
#currentWeatherContainer div.header
{
	width:100%;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:15px;
}
#currentWeatherContainer div.header div.inframe{}
#currentWeatherContainer div.header span.headerheader{font-weight:bold; font-size:13px; color:#195d8d;padding-left:0px;}
#currentWeatherContainer div.header span.cityname{font-weight:normal; font-size:18px; color:#333333;}

#currentWeatherContainer div.extlinkBox{padding-right:0px;}

#currentWeatherContainer div.contentContainer
{
	width:100%; 
	background-color:#FFFFFF;
	border:1px solid #cccccc;
}

#currentWeatherContainer div.contentContainer div.inframe
{
	width:auto; 
	border:0px;
	border:0px solid #CCCACA; 
	/*padding:15px;
	padding-top:10px;
	padding-left:10px;*/
	/*background-color:#B9CBE7;*/
}

#currentWeatherContainer div.contentContainer div.inframe div.contentbox
{
	float:left;	
	width:20%;
}

#currentWeatherContainer div.contentContainer div.inframe div.contentbox.details{

	width:79%;
	border-left:1px solid #cbdaf1;
	padding-top:10px;
	padding-bottom:10px;
	/*height:100px;*/
}
#currentWeatherContainer div.contentContainer div.inframe div.contentbox.right
{
	width:38%;
	float:left;	
	border-left:0px solid #cbdaf1;
	padding-top:10px;
	padding-bottom:10px;
    	/*height:100px;*/
}



#currentWeatherContainer div.dateBox{width:100%; border:0px solid #eeeeee;}
#currentWeatherContainer div.dateBox .txtMonth{text-align:left; padding:4px; padding-bottom:0px; background-color:#eeeeee; text-transform:uppercase;}
#currentWeatherContainer div.dateBox .txtDate{text-align:center; font-size:24px; padding:0px; padding-bottom:0px; font-weight:bold; color:#195d8d; padding-top:20px;}
#currentWeatherContainer div.dateBox .txtDay{text-align:center; padding:5px; padding-top:2px; padding-bottom:0px; font-weight:bold; font-size:14px; color:#195d8d; text-transform:uppercase;}

span.timestamp
{
    font-weight:normal;
    font-size:12px;
}

#currentWeatherContainer div.tempBox {padding-left:15px;padding-top:0px;padding-bottom:0px; color:#195D8D; width:55%;float:left;}
#currentWeatherContainer div.tempBox .txtTemp{padding-top:0px; padding-left:15px; font-size:42px; font-weight:bold;}
#currentWeatherContainer div.tempBox .txtTempFeel{padding-left:15px; font-size:16px; }
#currentWeatherContainer div.tempBox .txtStatus{padding-left:15px; font-size:15px; font-weight:bold; padding-top:5px; padding-bottom:5px;}

#currentWeatherContainer div.tempinfoBox {padding-left:15px; padding-top:6px; width:35%; float:left;}
#currentWeatherContainer div.tempinfoBox table{width:195px; color:#195D8D;}
#currentWeatherContainer div.tempinfoBox td{/*border-top:1px solid #dddddd;*/ font-size:14px; line-height:18px; padding:3px;}
#currentWeatherContainer div.tempinfoBox td.name{padding-right:15px; font-weight:bold;}
#currentWeatherContainer div.tempinfoBox tr.firstrow td{border:0px;}




#currentWeatherContainer div.footer
{
	height:10px;
	width:auto;
	background-image:url(../images/bg_footer.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:none;
}





#forecastWeatherContainer{margin-bottom:10px;}
#forecastWeatherContainer div.header
{
	width:100%;
	background-color:#FFFFFF;
	padding-top:15px; padding-bottom:15px;
}
#forecastWeatherContainer div.header div.inframe{padding:0px;}
#forecastWeatherContainer div.header span.headerheader{font-weight:bold; font-size:13px; color:#195D8D;padding-left:0px;}
#forecastWeatherContainer div.header span.cityname{font-weight:normal; font-size:18px; color:#333333;}

#forecastWeatherContainer div.extlinkBox{padding-right:0px;}

#forecastWeatherContainer div.contentContainer
{
	width:100%; 
	/*background-color:#B9CBE7;*/
	border:1px solid #cccccc;
	background-color:#fff;
}


#forecastWeatherContainer div.contentContainer div.inframe
{
	width:auto; 
	border:0px;
}



#forecastWeatherContainer div.contentContainer div.inframe div.contentbox
{
	float:left;	
	/*padding-left:15px;
	padding-right:15px;*/
}

#forecastWeatherContainer div.contentContainer div.inframe div.contentbox.AM{width:50%;}
#forecastWeatherContainer div.contentContainer div.inframe div.contentbox.PM
{
    	width:50%;
    	background-color:#fdfdfd;
}
#forecastWeatherContainer div.contentContainer div.inframe div.contentbox.PM * {}
#forecastWeatherContainer div.contentContainer div.inframe div.contentbox.forecastdate{width:15%;margin-left:auto; margin-right:auto;}

#forecastWeatherContainer div.forecastRow{border-top: 0px solid #dfecf5; padding-top:0px; padding-bottom:0px; width:100%;}

#forecastWeatherContainer div.forecastRow.firstrow{border-top:1px solid #cbdaf1;padding-top:0px;}


#forecastWeatherContainer div.dateBox{width:100%;border:0px solid #eeeeee;text-align:center; padding-top:20px;}
#forecastWeatherContainer div.dateBox .txtMonth{text-align:left; padding:4px; padding-bottom:0px; background-color:#eeeeee; text-transform:uppercase;}
#forecastWeatherContainer div.dateBox .txtDate{text-align:center; width:100%; font-size:20px; padding:0px; padding-top:0px; padding-bottom:0px; font-weight:bold; color:#195d8d; padding-top:0px;}
#forecastWeatherContainer div.dateBox .txtDay{text-align:center; width:100%; padding:0px; padding-top:8px; padding-bottom:0px; font-weight:bold; font-size:12px; color:#195d8d; text-transform:uppercase; display:block;}

#forecastWeatherContainer div.tempBox {padding:10px; border-left:1px solid #CBDAF1;}
#forecastWeatherContainer div.tempBox .txtTemp{padding-top:2px; padding-left:10px; font-size:36px; font-weight:bold; padding-bottom:2px;}
#forecastWeatherContainer div.tempBox .txtTemp.hi{color:#195d8d;}
#forecastWeatherContainer div.tempBox .txtTemp.lo
{
	/*color:#095aa6;*/
	color:#195d8d;
}

#forecastWeatherContainer div.tempBox .smallinfo{float:right; width:92px; padding-top:8px; font-size:12px; color:#195D8D;}
#forecastWeatherContainer div.tempBox .txtDaynighttime{padding-left:0px;}
#forecastWeatherContainer div.tempBox .txtTempFeel{padding-left:0px; padding-bottom:3px; color:#195D8D;}
#forecastWeatherContainer div.tempBox .txtPrecip{padding-left:0px; padding-bottom:3px; color:#195D8D;}

#forecastWeatherContainer div.tempBox .txtTempFeel span.label{width:62px; display:inline-block;}
#forecastWeatherContainer div.tempBox .txtTempFeel span.value{display:inline-block;}
#forecastWeatherContainer div.tempBox .txtPrecip{padding-left:0px; }
#forecastWeatherContainer div.tempBox .txtPrecip span.label{width:62px; display:inline-block;}
#forecastWeatherContainer div.tempBox .txtPrecip span.value{display:inline-block;}










#forecastWeatherContainer div.tempBox .txtStatus{padding-top:8px; font-size:12px;color:#195D8D;}




#forecastWeatherContainer div.tempinfoBox {padding-left:25px; padding-top:10px;}
#forecastWeatherContainer div.tempinfoBox table{width:200px;color:#666666;}
#forecastWeatherContainer div.tempinfoBox td{border-top:1px solid #dddddd; line-height:20px; padding:5px;}
#forecastWeatherContainer div.tempinfoBox td.name{padding-right:15px; font-weight:bold;}
#forecastWeatherContainer div.tempinfoBox tr.firstrow td{border:0px;}

img.forecasticon
{
	height:52px;
}


#forecastWeatherContainer .forecastHeader{padding-left:0px;}
#forecastWeatherContainer .forecastHeader .dateBox{padding-top:0px;}
#forecastWeatherContainer .forecastHeader .col_date{font-weight:bold; font-size:12px; color:#195d8d;text-align:center;height:30px;line-height:30px;}
#forecastWeatherContainer .forecastHeader .col_daytime{font-weight:bold; font-size:12px; color:#195d8d;text-align:center;border-left:1px solid #CBDAF1;height:30px;line-height:30px;}
#forecastWeatherContainer .forecastHeader .col_nighttime{font-weight:bold; font-size:12px;color:#195d8d;text-align:center;border-left:1px solid #CBDAF1;height:30px;line-height:30px;}


#forecastWeatherContainer .daynightContainer
{
	float:left;
	border:0px solid #cbdaf1;
	/*background-color: #f2f7ff;*/
	/*background-color:#d9dfec;*/
	/*background-image:url(../images/bg_white.gif);*/
	background-position:-10px top;
	background-repeat:repeat-y;
	width:85%;
}

#forecastWeatherContainer div.footer
{
	height:0px;
	width:auto;
	display:none;
	background-image:url(../images/bg_footer.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#creditContainer
{
	text-align:right;
	padding-bottom:20px;
	overflow:auto;
}

sup.tempunit
{
	display:inline-block;
	font-size:22px;
	position:relative;
	top:4px;
}
sup.tempunitsm
{
	display:inline-block;
	font-size:18px;
	position:relative;
	top:2px;
}


div.left{float:left;}
div.right{float:right;}
div.clear{clear:both;}



a.btn_temp.act {
	background-position:left -25px;
}

a.btn_temp {
	background-color:#cccccc;
	color:#FFFFFF;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin-left:5px;
	text-align:center;
	text-decoration:none;
	width:25px;
	border-radius: 5px;
}

a.btn_temp.c.C {
	background-color:#051f55;
}

a.btn_temp.f.F {
	background-color:#051f55;
}

div.firstrow{padding-bottom:10px;}
div.secondrow{
    line-height:28px;
    /*height:28px;*/
    background-image:url(../images/bg_header.jpg); background-repeat:no-repeat;background-position:left top;
    font-size:13px;
    color:#ffffff;
    text-indent:0px;
    overflow:auto;
}


div.pageTitle{font-size:16px; font-weight:bold; color:#005B94;}
div.airportSelector{}

div.airportName{font-size:20px; font-weight:bold; color:#000000; padding-top:5px; padding-bottom:5px; clear:both;}
div.tempControl{}

form#atJumperTrafficMap
{
    padding:0px;
    margin:0px;
    border:0px;
}




div.accuweatherbox{ float:right; 
	background-color:#ffffff;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:8px;
	padding-left:5px;
	padding-right:5px;


}

#fvFooter{margin:0px;}

.accessFooter2{float:left;}
a.accuweatherLink
{
	color:#666666;	
	font-size:13px;
	font-weight:bold;
	background-image:url(/customersetup/flightview/weather/images/logo_accuweather.jpg);	
	background-repeat:no-repeat;
	background-position: right center;
	padding-right:142px;
	text-decoration:none;
	height:10px;
	line-height:10px;

}

div.errBox
{
    padding-top:10px;
    padding-bottom:50px;
    padding-left:12px;
    font-size:14px;
    color:#195D8D;
}

div.errBox span.small
{
    font-size:11px;
}

















/*Responsive Layout Code*/

/*#Mobile #navbar{display:none;}
#Mobile #MobileMenu{display:block;}*/
#Mobile .mainWrapper
{
    /*max-width:600px;*/
}



@media (max-width: 800px)
{
	#AirportDelays{width:600px;height:450px;}
}


@media (max-width: 768px)
{
    #AirportDelayMap div.accessFooter {padding-left:20px; padding-right:20px;}    
    #mainContainer{width:600px;}
}

@media (max-width: 600px) {
    #mainContainer{width:100%;}    
    #navbar .fvTabBarItem {
        font-size:12px;
    }

    #summarybar {
        font-size:14px;
        padding-left:10px;
        padding-right:10px;
    }
    
    #Mobile #summarybar
    {   
        font-size:14px;
    } 
    
    div#filter table.listWrap select{
        width:120px;
    }
    #AirportDelays{width:480px; height:360px; }
    #AirportDelayMap div.accessFooter img{float:none;}




}

@media (max-width: 580px)
{
    #navbar{display:none;}
    #MobileMenu{display:block;}
    #summarybar {
        font-size:14px;
        padding-left:10px;
        padding-right:10px;
    }
    .hide-small{display:none;} 
    div.trackeranotherflight
    {
	    right:10px;
	    top:56px;
    }
    #forecastWeatherContainer div.dateBox .txtDate{
    	font-size:18px;
    }
    
	#forecastWeatherContainer div.contentContainer div.inframe div.contentbox.forecastdate{width:100%;}
	#forecastWeatherContainer .daynightContainer{width:100%;}
	#forecastWeatherContainer div.tempBox .smallinfo {float:left; clear:both; padding-top:15px;}
	#forecastWeatherContainer div.dateBox .txtDate{}
	#forecastWeatherContainer div.dateBox .txtDay{display:inline; font-size:18px; text-indent:20px;}
	#forecastWeatherContainer div.dateBox{padding-top:10px; padding-bottom:10px;}
	#forecastWeatherContainer div.tempBox{padding-left:15px; padding-right:15px;}
	#forecastWeatherContainer .forecastHeader{display:none;}
	#forecastWeatherContainer div.dateBox{border-bottom:1px solid #cbdaf1;}

	#forecastWeatherContainer div.contentbox.AM div.tempBox {border-left:0px;}
	#mainContainer {padding-top:0px;}
	#mainContainer .firstrow {width:100%;}
	#mainContainer .left #airportlist{width:100%;}
	#forecastWeatherContainer div.forecastRow.firstrow:first-child{border-top:0px;}    
	
	
	#forecastWeatherContainer div.dateBox {padding-top:5px; padding-bottom:5px;overflow:auto;}
	#forecastWeatherContainer div.dateBox .txtDate{display:block; float:left; width:auto; font-size:14px;padding-left:10px;}
	#forecastWeatherContainer div.dateBox .txtDay{display:block; float:right; width:auto; padding-top:0px; font-size:14px;padding-right:10px;}
	
	#currentWeatherContainer div.contentContainer div.inframe div.contentbox{width:30%;}
	#currentWeatherContainer div.contentContainer div.inframe div.contentbox.details{width:65%;}	
	#currentWeatherContainer div.tempBox{width:100%;}
	#currentWeatherContainer div.tempinfoBox{width:100%;}
	
	#fvFooter,.accuweatherbox {width:100%; text-align:center; margin-bottom:10px;margin-top:5px;}
	div.accuweatherbox {width:100%; text-align:center;padding-right:0px;padding-left:0px;}


}


@media (max-width: 480px)
{
	#AirportDelays{width:300px; height:225px; }
	#currentWeatherContainer div.tempBox .txtTemp{width:auto;}
	#currentWeatherContainer div.tempinfoBox table{width:auto;}
	#currentWeatherContainer div.dateBox{text-align:center;}
	/*#currentWeatherContainer div.contentContainer div.inframe div.contentbox{width:30%;}*/
	/*#currentWeatherContainer div.dateBox{width:100%; clear:both; background-color:#ff0000;}*/
	#currentWeatherContainer div.contentContainer div.inframe div.contentbox.left{width:50%;}
	#currentWeatherContainer div.contentContainer div.inframe div.contentbox.right{width:44%; float:right;}
	/*#currentWeatherContainer div.dateBox .txtDay, #currentWeatherContainer div.dateBox .txtDate, span.timestamp{display:inline-block;}*/
	#currentWeatherContainer div.tempBox .txtStatus{width:100px !important;}
	#currentWeatherContainer div.tempinfoBox{padding-left:15px;}


	
}



@media (max-width: 320px)
{
    body{}   
   
    
}