/* General Styles */
html,body
{height:100%}

body 
{
	background-color:#FFFFFF;
	/*background-color:#0b2532;*/
    font-family: "Open Sans", sans-serif;
	margin:0;
	padding:0;
	padding-top:0px;
	padding-bottom:0px;
	min-width:320px;
	color:#666666;
}

h1,h2,h3,h4,h5,h6,p,ul,li
{
	margin:0;
	padding:0;
}

h1
{
	font-size:15px;	
	margin-bottom:15px;
	color:#666666;
}

h2
{	
	font-size:13px;
	margin-bottom:15px;
color:#666666;	
}

ul 
{
	list-style-type:none;
}

a, a:link, a:visited, a:active {
	text-decoration:none;
	color:#003082;
}

a:hover {
	text-decoration:underline;
}

img 
{
	border:none;
}

table 
{
}

#MobileMenu
{
    display:none;
}

table.MainContainer
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:none transparent;
	overflow:hidden;
}



#main 
{
	vertical-align:top;
	padding:0px;

}

#topbar{
	padding-bottom:3px;
}

#logobar
{
	padding-top:10px;
	padding-bottom:15px;		
}

#logobar div.logocontainer
{
	float:left; 
	height:46px;
	width:200px;
}
#logobar div.headertxt
{
	height:46px; 
	font-size:18px; 
	font-weight:bold; 
	line-height:46px;
}

div.clear
{
	clear:both;
}

#sidebar 
{
	width:160px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-top:6px;
	overflow:hidden;

}

#sidebar div
{
	margin:0px;
	padding:0px;
	margin-bottom:7px;
}

#header 
{
	width:100%;

}

#logo 
{
}

.adBox
{
	width:300px;
	height:250px;
	overflow:hidden;
	margin-bottom:10px;
}

#datetime 
{
	text-align:right;
	font-weight:normal;
	font-size:14px;
	line-height:24px;
	color:#000100;
	float:right;
	margin-top:0px;
	padding-top:5px;
	margin-left:0px;
	width:330px;
	font-weight:bold;
}

#navbar 
{
	/*font-family: verdana, arial, helvetica;*/
	margin:0px;
	margin-right:auto;
	margin-left:0px;
	width:100%;
	clear:both;
	border:0px;
	margin-bottom:0px;
	overflow:hidden;
	/*border-bottom:4px solid #80bb3d;*/
	/*background-color:#fff;*/
	/*text-indent:-999px;*/
	/*background-image:url(nav_bg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;*/
	/*background-image:url(nav_bg.png);*/
	/*background-position:left center;
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
	text-transform:uppercase;
	display:none;
}



#navbar .fvTabBarItem 
{
	margin-top:0px;
	font-size:16px;
	margin-right:0px;
	margin-left:0px;
	height:45px;
	margin-top:0px;
	font-weight:normal;
	text-align:center;
	border:0px solid #D0D2D3;
	cursor:pointer;		
	/*font-family: verdana, arial, helvetica;	*/
	color:#252467;
	border-top:0px solid #ffffff;
	overflow:hidden;
	font-weight:normal;
	margin-right:0px;
	margin-bottom:0px;
    	background-color:#ffffff;
	background-position:left bottom;
	text-transform:none;
    	line-height:45px;
	width:50%;
	text-transform:none;
	/*background-image:url(bg_tab.png) !important;*/

    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    color: white;
    font-size: 0.75em;
    font-weight: 400;
    text-align: center;
	 /* padding-top:7px;
	padding-bottom:7px;
  transition-duration: 200ms;
    transition-property: all;*/
}

#navbar .fvTabBarItem:hover{
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    /*transition-duration: 200ms;
    transition-property: all;*/
}

#navbar .fvTabBarItem.sixth{
	/*background-image:url(img/bg_tab.gif);
	background-position:right top;
	background-repeat:no-repeat;*/
}

#navbar .fvTabBarItem.third{
	/*background-image:url(img/bg_tab.gif);
	background-position:left top;
	background-repeat:no-repeat;*/
}
	

#navbar .fvTabBarItem:hover 
{
}

#navbar .fvTabBarItemSelected
{
	padding-left:0px;
	background-repeat:no-repeat;
	height:45px;
	line-height:45px;
	margin-top:0px;
	background-color: rgb(63, 63, 73);
	/*background-image:url(bg_tab_on.png) !important;
	background-position:left bottom;
	background-repeat:repeat-x;*/
	background: white none repeat scroll 0 0;
}


#navbar .fvTabBarItemSelected, #navbar .fvTabBarItemSelected:hover 
{
		background: #003082 none repeat scroll 0 0;
}

#navbar .fvTabBarItem a
{
	display:block;
	vertical-align:middle;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	color:#003082;
	width:auto;
	border-left:0px solid #ffffff;
	border-right:0px solid #ffffff;	
	font-weight:normal;   
		text-transform:uppercase;
}

#navbar .fvTabBarItem a, #navbar .fvTabBarItem a:link, #navbar .fvTabBarItem a:visited, #navbar .fvTabBarItem a:active
{
    	color:inherit;
	text-decoration:none;
	/*text-shadow: 0 -1px 0 #052152;*/
	/*font-weight:bold;*/
	color:#003082;

}

#navbar .fvTabBarItem a:hover
{

}


#navbar .fvTabBarItem.first a{border-left:0px;}
#navbar .fvTabBarItem.second a{}
#navbar .fvTabBarItem.third a{}
#navbar .fvTabBarItem.fourth a{}
#navbar .fvTabBarItem.fifth a{}
#navbar .fvTabBarItem.sixth a{border-right:0px;}



#navbar .fvTabBarItemSelected, #navbar .fvTabBarItemSelected:hover,
#navbar .fvTabBarItemSelected a, #navbar .fvTabBarItemSelected a:link,
#navbar .fvTabBarItemSelected a:visited, #navbar .fvTabBarItemSelected a:active, 
#navbar .fvTabBarItemSelected:hover a
{

    color: #ffffff;

}



#ifrViewport{
	min-height:500px;
}
#summarybar 
{
	margin:0px;
	vertical-align:middle;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	border:0px solid #003333;
	width:100%;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:20px;
	padding-right:20px;
	background-color: rgb(20,20,31);
}

html>body #summarybar
{
	/*min-height:24px;*/
}

#summarybar p.singleflightOperator 
{
	margin:0px;
	padding:0px;
	font-size: 13px;
	color:inherit;
	padding-left:0px;
	padding-bottom:4px;
	font-weight:normal;
	
}

div.fvViewport
{

}

div.headerRow
{
	margin-bottom:25px;
}

div.headerbox
{
	float:left;
	/*font-family: verdana, arial, helvetica;*/
	font-size:23px;
	color:#000000;
	font-weight:bold;	
}

#viewport 
{
	width:100%;
	background:none transparent;	
}

#viewport iframe 
{
	width:100%;
}

#Advert1 
{
}

#Advert2
{
}

#Advert3
{
}

#Advert4
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}


div.clear
{
clear:both;	
}

p.singleflightMain
{
	color:inherit;
	font-size:inherit;
	width:80%;
	overflow:hidden;
}


div.fvWebComponent 
{
	display:inline-block;
	float: right;
	margin-left:0px;
}

div.fvDateTimeStamp
{
	padding-left:10px;
}


div.trackeranotherflight,
div.backtostatus
{
	position:absolute;
	z-index:2000;
	left:auto;
	right:20px;
	top:15px;
	color:#ffffff;
}
[dir="rtl"] div.trackeranotherflight,
[dir="rtl"] div.backtostatus
{
	left:20px;
	right:auto;
}

div.trackeranotherflight a,
div.backtostatus a
{
	font-size:12px;
	color:#208FA0;
	font-weight:normal;
	text-decoration:underline;
}

#btn_trackflight,
#btn_backtostatus
{
	display:none;
}


div#filter{padding:8px; padding-bottom:16px;background-color:#b6b5a3; color:#595a5a; padding-left:20px; width:100%; padding-left:5px; height:29px; line-height:29px;}
div#filter table.listWrap, .filterList{font-size:11px;}
div#filter table.listWrap select {padding:4px; border:1px solid #777777;line-height:29px; width:190px;}

.sellabel, .selelement, .selbtn{float:left; height:29px; margin-left:5px;}

.titleBox{ font-size:12px; }

/* style for template */
.navigationBar
{
    /*background: url("img/bg-header-holder-02.gif") repeat-x scroll 0 50% #3C3E45;*/
    background-color: rgb(63, 63, 73);
    background-image: url("nav_bg.png") !important;
    background-position:left center;
    background-repeat:repeat-x;
    padding: 9px 0 4px; 
    border-bottom:1px solid #FFFFFF;
	display:none;
}

.nav-opener {
    background-color:#eeeeee;    
    border: 1px solid #666;
    border-radius: 4px;
    box-shadow: 0 0 0 0px rgba(83, 86, 96, 0.8) inset;
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 8px;
    width: 40px;
    
}

.nav-opener span:before {
    background: none repeat scroll 0 0 #003082;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.nav-opener span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #003082;
    border-image: none;
    border-style: solid;
    border-width: 2px 0;
    bottom: 0;
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
}

.logo {
    margin: 0 10px;
    color:#FFFFFF;
    line-height:33px;
    font-size:17px;
    text-transform:none;
	/*text-shadow: 0 -1px 0 #052152;*/
	font-weight:bold;    
}
.logo {
    background: url("template/logo-mobile.png") no-repeat scroll 0 0 transparent;
    height: 35px;
    width: 240px;
}

.NavHolder 
{
    background-color:#ddd;
    background: linear-gradient(top bottom, #cccccc 0%, #aaaaaa 100%) repeat scroll 0 0 transparent;
    border-radius: 0 0 0px 0px;
    box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.15) inset;
    padding: 0;
}

.mobile-nav {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0px 0 0px;
    text-transform: none;

}

.mobile-nav a {
    border-radius: 5px;
    color: #333333;
    display: block;
    padding: 8px 15px 8px 10px;
    position: relative;
    text-decoration:none;
    font-size:13px;

}

.NavContainer
{
    padding-left: 0px;
    padding-right: 0px;    
}

.mobile-nav li
{
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.mobile-nav li a:after {
    border-color: transparent #999;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    bottom: 0;
    content: "";
    height: 0;
    margin: auto 0;
    position: absolute;
    right: 10px;
    top: 0;
    width: 0;
}

.mobile-nav li{
	border-bottom:1px solid #ccc;
}

.mobile-nav li:hover
{
    background-color:#aaa;
}

.mobile-nav li:hover a
{
    color:#fff;
}


.mobile-nav li:hover a:after {
    border-color: transparent #fff;
}

#NavBox
{
    position: absolute;
    width: 100%;
    z-index:9999;
}


h1.logo a
{   
    display:block;
    width:100%;
    height:100%;
}




#AirportDelayMap a{
	color:#0083c0;
	text-decoration:underline;
}


#AirportDelayMap a:hover{
	text-decoration:none;
}




#AirportDelayMap div.accessFooter
{
    	border-top:1px solid #b1b1b1;
	margin-top:0px;
	margin-bottom:0px;
	color:#052B56;
    	font-family: Arial,Verdana;
	text-align:left;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0px;
	padding-left:10px;
	padding-right:10px;
    	background-color: #FFFFFF;
	min-height:50px;
	padding-left:10%;
	padding-right:10%;
	font-size:11px;
}
#AirportDelayMap div.accessFooter p
{
	padding-top:5px;
	padding-right:30px;
	line-height:1.5;
	padding-bottom:10px;
	font-size:12px;
}

#AirportDelayMap div.accessFooter img
{
	margin-right:15px;
	margin-top:5px;
	margin-bottom: 5px;
	float:left;
	
}


.ADMContainer{
	width:100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}

#AirportDelays{
	padding-top:10px;
	padding-bottom:10px;
	width:800px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
}


/*Notification Box*/

.emailTxtPrompt, .emailTxt{
	border:1px solid #cccccc;
	padding:10px;
}




/*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)
{
    body{}
    #AirportDelayMap div.accessFooter {padding-left:20px; padding-right:20px;}  
    #navbar .fvTabBarItem {
        font-size:14px;
    }    
    .hide-small{display:none;} 
}

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


    #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)
{
    body{}    
    #navbar{display:none;}
    #MobileMenu{display:block;}
    #summarybar {
        font-size:14px;
        padding-left:10px;
        padding-right:10px;
    }

    div.trackeranotherflight
    {
	    /*right:10px;
	    top:55px;*/
    }
    
}


@media (max-width: 480px)
{
	#AirportDelays{width:300px; height:225px; }

}



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