.header{
 height:inherit;
 background: #ccc;
}

#fvResultListHeader{
	background-color:#333;
}


.ffResultList div.data a {
    color: #000000;
    text-decoration: underline;
}

div.ffResultList div.data .flightValue.c1, div.ffResultList div.header .flightField.c1 {display:none; width:18%; padding-left:10px; }
div.ffResultList div.data .flightValue.c2, div.ffResultList div.header .flightField.c2 {display:none; width:10%; padding-left:10px;}
div.ffResultList div.data .flightValue.c3, div.ffResultList div.header .flightField.c3 {display:none; width:10%; padding-top:15px;}
div.ffResultList div.data .flightValue.c4, div.ffResultList div.header .flightField.c4 {display:block; width:12%; padding-top:15px;}
div.ffResultList div.data .flightValue.c5, div.ffResultList div.header .flightField.c5 {display:block; width:15%; padding-top:15px; background-color:rgba(0,0,0,0.05); border-left:1px solid #ddd; }
div.ffResultList div.data .flightValue.c6, div.ffResultList div.header .flightField.c6 {display:block; width:10%; padding-top:15px; background-color:rgba(0,0,0,0.05);}
div.ffResultList div.data .flightValue.c7, div.ffResultList div.header .flightField.c7 {display:block; width:10%; padding-top:15px; background-color:rgba(0,0,0,0.05); border-right:1px solid #ddd;}
div.ffResultList div.data .flightValue.c8, div.ffResultList div.header .flightField.c8 {display:block; width:15%; padding-top:15px;}
div.ffResultList div.data .flightValue.c9, div.ffResultList div.header .flightField.c9 {display:block; width:10%; padding-top:15px;}
div.ffResultList div.data .flightValue.c10, div.ffResultList div.header .flightField.c10 {display:block; width:10%; padding-top:15px;}
div.ffResultList div.data .flightValue.c11, div.ffResultList div.header .flightField.c11 {display:none;}


/*Responsive Layout Code*/

body#ismobile div.ffResultList div.data .flightValue.c11 {display:block; position:absolute; width:100%; height:100%; padding:0px; text-indent:-10000px;}
body#ismobile div.ffResultList div.data .flightValue.c11 a{display:block; position:relative; width:100%; height:100%; background-color:transparent;}


div.flight:last-child{
	border-bottom:1px solid #cccccc;
}


.fvDisplayBoxHead{
	
	display:none;
}

.div.ftResultList{
	margin-top:0px;
}


@media (max-width: 640px)
{

div.ffResultList div.data .flightValue.c5, div.ffResultList div.header .flightField.c5 {background-color:rgba(0,0,0,0.0); border-left:0px solid #ddd; }
div.ffResultList div.data .flightValue.c6, div.ffResultList div.header .flightField.c6 {background-color:rgba(0,0,0,0.0);}
div.ffResultList div.data .flightValue.c7, div.ffResultList div.header .flightField.c7 {background-color:rgba(0,0,0,0.0); border-right:0px solid #ddd;}	
	
	
div.ffResultList div.data .flightValue.c1, div.ffResultList div.header .flightField.c1 {display:block; width:25%; padding-top:10px; padding-left:10px;}
div.ffResultList div.data .flightValue.c2, div.ffResultList div.header .flightField.c2 {display:block; width:30%; padding-top:10px; padding-left:10px;}
div.ffResultList div.data .flightValue.c3, div.ffResultList div.header .flightField.c3 {display:block; width:30%; padding-top:10px; padding-left:10px;}
div.ffResultList div.data .flightValue.c4, div.ffResultList div.header .flightField.c4 {display:none; width:12%; padding-top:0px; padding-left:10px;}
div.ffResultList div.data .flightValue.c5, div.ffResultList div.header .flightField.c5 {display:none; width:15%; padding-top:10px; padding-left:10px;}
div.ffResultList div.data .flightValue.c6, div.ffResultList div.header .flightField.c6 {display:block; width:25%; padding-top:0px; clear:both; padding-left:10px;}
div.ffResultList div.data .flightValue.c7, div.ffResultList div.header .flightField.c7 {display:block; width:40%; padding-top:0px; padding-left:10px;}
div.ffResultList div.data .flightValue.c8, div.ffResultList div.header .flightField.c8 {display:none; width:15%; padding-top:0px; padding-left:10px;}
div.ffResultList div.data .flightValue.c9, div.ffResultList div.header .flightField.c9 {display:block; width:25%; padding-top:0px; clear:both;  padding-left:10px;padding-right:3px;}
div.ffResultList div.data .flightValue.c10, div.ffResultList div.header .flightField.c10 {display:block; width:40%; padding-top:0px; padding-left:10px;}
    
    /*make whole row clickable when #ismobile is true*/
        body#ismobile div.ffResultList div.data .flightValue * {font-size:12px;}
        body#ismobile div.ffResultList div.data .flightValue.c6, body#ismobile div.ffResultList div.header .flightField.c6 {width:25%;}
        body#ismobile div.ffResultList div.data .flightValue.c9, body#ismobile div.ffResultList div.header .flightField.c9 {width:25%;}
        body#ismobile div.ffResultList div.data .flightValue.c10 {display:block; position:relative; width:auto; height:auto; padding-left:10px;  padding-top:2px; padding-bottom:2px; text-indent:0px;}
 
    
    
    
div.ffResultList div.header .flightField.c1
{
    margin-left:0px;
}  

div.ffResultList div.data .flightValue.c3, div.ffResultList div.header .flightField.c3
{
    margin-left:0px;
    text-indent:0px;
}
 
    
div.ffResultList div.header .flightField.c4, 
div.ffResultList div.header .flightField.c5, 
div.ffResultList div.header .flightField.c6, 
div.ffResultList div.header .flightField.c7, 
div.ffResultList div.header .flightField.c8, 
div.ffResultList div.header .flightField.c9,
div.ffResultList div.header .flightField.c10
{
    display:none;
}  

div.ffResultList div.data .flightValue.c6,
div.ffResultList div.data .flightValue.c7,
div.ffResultList div.data .flightValue.c9,
div.ffResultList div.data .flightValue.c10
{
    color:#333;
}
 
 
div.ffResultList div.data .flightValue.c6:before{content: "Dep: "; font-weight:bold; color:#000;}
div.ffResultList div.data .flightValue.c7:before{content: "Update: "; font-weight:bold; color:#000;}
div.ffResultList div.data .flightValue.c9:before{content: "Arr: "; font-weight:bold; color:#000;}
div.ffResultList div.data .flightValue.c10:before{content: "Update: "; font-weight:bold; color:#000;} 
 
	
	div.flightValue {
		padding-bottom:5px;
	}
	
	div.flight{
		padding-bottom:5px !important;
	}
	
 
}

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