/*****************************************
 * FlightFinder Results
 */
body 
{
	/*color:#ffffff;*/
}

.ffResult {
	font-size: 13px;
	width:100%;
	/*min-width:481px;*/
	margin-left:0px;
}

div.data table {
	border-right:0px solid #FFFFFF;
}

.ffResult table {
}

.fidsMain
{
	border:0px solid #ff0000;
	border-top:0px;
	width:100%;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	/*background-image:url(bg_content.jpg);
	background-repeat:repeat-y;
	background-position:center top;*/
	
}

.fidsDetails
{
	width:100%;
	/*min-width:481px;*/
	overflow:hidden;
	padding:0px;
	margin:0px;
	margin-left:0px;	
}


html>body .fidsMain
{
}

.ffResult .ffResultList tr
{

}

.ffResult .ffResultList tr.even {
	/*background-color: #bfb18c;*/
    border-top:1px solid #ccc;
}

.ffResult .ffResultList tr.odd {
	/*background-color: #cecdbb;*/
    border-top:1px solid #ccc;
}

.ffResult .ffResultList div.even
{
    /*background-color:#f2f3f2;*/
}


.ffResult .original {
	color: #333333;
	font-style: italic;
}


.ffResult .diversion {
	border: 1px solid #f00;
	padding: 0px 15px;
	line-height:1;
}



.ffResult .recovery {
	border: 1px solid #0f0;
	padding: 0px 15px;
}




/****************************
 * List Results
 */


.ffResult
{

}

.ffResultList {
	text-align: left;
}

.ffResult .diversion {
	color: #c00;
	border: none;
	padding:0;
	margin:0;
}

.ffResult .recovery {
	color: #c00;
	border: none;
	padding:0;
	margin:0;
}


.ffResultList table 
{
	width:100%;
	border-collapse:collapse;
}

html>body .ffResultList table 
{
}
#fvResultListHeader
{
	background-color:#0182ac;
}

#fvResultListHeader table
{
	border-left:0px solid #003333;
	border-right:0px solid #003333;	
	overflow:hidden;

}


div.ffResultList div.header 
{
	width:100%;
	/*min-width:481px;*/
	background-color: #eeeeee;
	border:0px;
	overflow:hidden;
	border-bottom:0px solid #FFFFFF;
}

div.ffResultList div.header table 
{
	width:100%;
	
}

div.ffResultList div.header th {
	padding:0px;
	color:#003E70;
	font-size: 12px;
	text-align:left;
	vertical-align:middle;
	padding-left:0px;
	padding-right:0px;
	border-left:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;	
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}

div.ffResultList div.header th.c1, div.ffResultList div.data td{
}

div.ffResultList div.data td.c1
{
	border-left:0px solid #FFFFFF;
}

div.ffResultList div.data td.c8
{
	border-right:0px solid #FFFFFF;
}


div.ffResultList div.header th.c1
{
	text-indent:0px;
}


.ffResultList div.header a, .ffResultList div.header a:link, .ffResultList div.header a:visited, .ffResultList div.header a:active {
	color:#ffffff;
	text-decoration: none;
	font-weight:bold;
}

.ffResultList div.header a:hover {
	text-decoration: underline;
}

.ffResultList .ffHeaderSort {
	padding-left:1px;	
}

.ffResultList div.header a.statusExpl {
	color: #000;
	text-decoration: underline;
	font-size: 8px;
	position:relative;
	top:-5px;
}


div.ffResultList div.sort {
	width:100%;
	text-align:left;
}

div.ffResultList div.sort table {
	width:100%;
}

div.ffResultList div.data {
	width:auto;
	border:0px solid #FFFFFF;
	border-top:0px;
	overflow:auto;
	/*max-height:650px;*/
}

html>body div.ffResultList div.data
{
	width:auto;
	/*height:795px;*/
	/*background-color:#ffffff;*/
}

div.ffResultList div.data {
}



div.ffResultList div.data td {
	/*line-height:1.2;*/
	padding-left: 3px;
	/*font-size: 12px;*/
	text-align: left;
	padding-top:3px;
	padding-bottom:4px;
	border-right:0px solid #eeeeee;
	border-bottom:0px solid #fff;
	vertical-align:middle;
	overflow:hidden;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:normal;
	padding-left:0px;	
	padding-right:0px;	
	vertical-align:top;
}

/*
div.ffResultList div.data td, div.ffResultList div.header th {padding-left:10px;padding-right:3px;}
div.ffResultList div.data td.c1, div.ffResultList div.header th.c1 {display:none; padding-left:10px; width:25%; }
div.ffResultList div.data td.c2, div.ffResultList div.header th.c2 {width:25%; padding-left:10px;}
div.ffResultList div.data td.c3, div.ffResultList div.header th.c3 {width:10%; padding-top:10px;}
div.ffResultList div.data td.c4, div.ffResultList div.header th.c4 {width:18%; padding-top:10px;}
div.ffResultList div.data td.c5, div.ffResultList div.header th.c5 {width:15%; padding-top:10px;}
div.ffResultList div.data td.c6, div.ffResultList div.header th.c6 {width:15%; padding-top:10px;}
div.ffResultList div.data td.c7, div.ffResultList div.header th.c7 {padding-right:10px; padding-top:10px;}
*/

.ffResultList div.data a {
	color: #0182ac;
	text-decoration:underline;
	font-weight:normal;	
}

.ffResultList div.data a:hover
{
	color: #0182ac;
	text-decoration:underline;
}


.ffResultList a:visited {
	
}





.ffResult .ffResultList div.even
{
    background-color:#fff;
}


.flightField, .flightValue {float:left;	color:#333333; padding:10px;}
.flight{clear:both; border-bottom:1px solid #cccccc; overflow:hidden;}
.flightValue {font-size:13px;}


.flightField{ font-weight:bold;}


div.ffResultList div.data .flightValue, div.ffResultList div.header .flightField {padding-left:10px; padding-right:3px;}
div.ffResultList div.data .flightValue.c1, div.ffResultList div.header .flightField.c1 {width:18%; padding-left:10px; }
div.ffResultList div.data .flightValue.c2, div.ffResultList div.header .flightField.c2 {width:8%; padding-left:10px;}
div.ffResultList div.data .flightValue.c3, div.ffResultList div.header .flightField.c3 {display:none; width:10%; padding-top:10px;}
div.ffResultList div.data .flightValue.c4, div.ffResultList div.header .flightField.c4 {width:19%; padding-top:10px;}
div.ffResultList div.data .flightValue.c5, div.ffResultList div.header .flightField.c5 {width:19%; padding-top:10px;}
div.ffResultList div.data .flightValue.c6, div.ffResultList div.header .flightField.c6 {width:11%; padding-top:10px;}
div.ffResultList div.data .flightValue.c7, div.ffResultList div.header .flightField.c7 {width:11%; padding-top:10px;}
div.ffResultList div.data .flightValue.c8, div.ffResultList div.header .flightField.c8 {display:none;}
div.ffResultList div.data .flightValue.c9, div.ffResultList div.header .flightField.c9 {padding-right:10px; padding-top:10px; display:none;}
div.ffResultList div.data .flightValue.c10, div.ffResultList div.header .flightField.c10 {display:none;}


/*********************************
 * Individual Results
 */


.ffResultIndividual 
{
	width:auto;
	text-align:center;
	padding-top:0px;
	border:0px solid #D0D2D3;
	border-top:0px;
	/*height:672px;*/
	overflow:auto;
	clear:both;
	border:0px solid #000;
	max-width:600px;
	padding-bottom:20px;
	padding-top:10px;
	position:relative;
}

html>body .ffResultIndividual {
	/*height:672px;*/
}

.ffResultIndividual .ffHeader 
{
	display:none;
	width:auto;
	min-height:30px;
	background-color: #CCCC99;
	text-align:left;
	vertical-align:middle;	
	padding-top:7px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}

html>body .ffResultIndividual .ffHeader 
{
	min-height:18px;
}



.ffResultIndividual .ffHeader .acid 
{
	font-weight:bold;
	display:none;
	
}

.ffResultIndividual .ffHeader .operatedBy {
	font-size: 12px;
}

.ffResultIndividual h3.acid 
{
	display:none;
}


.ffResultIndividual p.map {
	/*margin-bottom:5px;*/
	text-align:center;
}

.ffResultIndividual p.map img{
	/*width:100%;*/
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left:auto;
    margin-right:auto;
}


.ffResultIndividual .ffBasicMainButton 
{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	display:none;
}

.ffResultIndividual .ffBasicMainButton img
{
	border:none;
}


.ffResultIndividual .ffDisclaimer {
	padding:10px;
}


.ffResultIndividual tr 
{
	height: 24px;
}

.ffResultIndividual .leg 
{
	text-align:left;
	/*background-image:url(bg_trackresult.gif);
	background-position:center top;
	background-repeat:repeat-y;*/
	border:0px solid #f00;
	overflow:auto;
        background-image:url(bg.gif);
        background-position:center top;
        background-repeat:repeat-y;
}


html>body .ffResultIndividual .leg
{
	overflow:auto;
}

.ffResultIndividual table.infoHeader 
{
	width:100%;
	margin:0px auto 0 auto;
	border-bottom:#cccccc;

}


.ffResultIndividual table.infoHeader th 
{
	color:#003E70;
	border-right:0px;
	text-align:left;
	padding:0px;
	padding-left:10px;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	/*height:24px;*/
	overflow:hidden;	
	width:16%;
	border-top:0px solid #FFFFFF;
	padding-top:8px;
	padding-bottom:8px;
	font-weight:bold;
	background-color:#eeeeee;
	border-bottom:1px solid #cccccc;
}




.ffResultIndividual table.infoHeader td {
	color:#333333;
	font-style:italic;
	text-align:right;
	font-size:12px;
	border-top:0px solid #FFFFFF;
	padding-right:5px;
	border-bottom:1px solid #cccccc;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#eeeeee;
	
}



#ffDiverted
{
	color:#FF0000;
	font-weight:bold;
	padding-right:10px;
}


.ffResultIndividual table.infoHeader td span.status {
	font-weight: bold;
	color:inherit;
}

.ffResultIndividual table.info
{

	width:100%;
	margin:0 auto;
	border-left:0px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
}


.ffResultIndividual table.info th
{
	/*border-right:2px solid #0B2532;
	border-bottom:2px solid #0B2532;*/	
	border-right:0px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	padding:0px;
	padding-left:10px;
	text-align:left;
	font-size:12px;
	/*line-height:1;*/
	color:#333333;
	font-weight:normal;
	padding-top:8px;
	padding-bottom:8px;
    border-bottom:1px solid #cccccc;
}

.ffResultIndividual table.info td 
{
	/*border-right:2px solid #0B2532;
	border-bottom:2px solid #0B2532;*/	
	border-right:0px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	padding:0px;
	padding-left:5px;
	text-align:left;
	font-size:12px;
	/*height:24px;*/
	overflow:hidden;
	line-height:1;
	color:#333333;
	font-weight:normal;
	padding-top:8px;
	padding-bottom:8px;
    border-bottom:1px solid #cccccc;
}




.ffResultIndividual tr.odd {
	/*background-color: #cecdbb;*/

}

.ffResultIndividual tr.even {
	/*background-color:#bfb18c;*/
}

#ffStatusSummary
{
	font-size:12px;
	padding-right:5px;
	color:#333333;
	font-weight:normal;
	padding-left:10px;
	font-style:normal;
}

span.statusTitle
{
	color:inherit;
}

span.ffColon
{
	color:inherit;	
}


#ffDepartureAll, #ffArrivalAll, #ffDetailsAll
{
	width:50%;
	float:left;
	border-top:0px solid #FFFFFF;
    margin-bottom: 0px;
}

#ffDepartureAll
{
    border-right:0px solid #ffffff;
	margin-bottom:0px;
    background-image:url(bg.gif);
    background-position:left top;
    background-repeat:repeat-y;
    border-top:1px solid #cccccc;
}

#ffArrivalAll
{
	/*position:absolute;
	left:329px;
	top:0px;*/
	/*clear:both;*/
	float:right;
    background-image:url(bg.gif);
    background-position:right top;
    background-repeat:repeat-y;
border-top:1px solid #cccccc;    
}

#ffDetailsAll
{
        background-image:url(bg.gif);
        background-position:left top;
        background-repeat:repeat-y;
}




.infoHeader tr
{
	/*background-color:#ddeeff;*/
}


#ffDetailsAll table.infoHeader th
{
	width:80%
}

.ffLegEndDummy
{
	clear:both;
}

#ffRecoverLeg
{
	padding-right:10px;
}

div.trQueryResult div.ffResultList div.data 
{
	width:100%;
	/*min-width:481px;*/

}

html>body div.trQueryResult div.ffResultList div.data
{

	/*max-height:600px;*/
}


.ffResultList div.data table.ffAlTbl td.ffAlLog
{
	padding-top:1px;
}



.trQueryResult #fvResultList td.c1
{
	/*padding-left:10px;	*/
}

.trQueryResult #fvResultList td
{
	/*padding-top:6px;
	padding-bottom:6px;*/
}


table#ffArrivalInfo{
    border-left:0px solid #FFFFFF; 
    border-bottom:0px solid #FFFFFF;  
}

div#ffDetailsAll
{
    border-right:0px solid #FFFFFF; 
    border-bottom:0px solid #FFFFFF;  
}

table#ffArrivalInfoHeader{
    border-left:0px solid #FFFFFF; 
}


table#ffDepartureInfo, table#ffDetailsInfo,
table#ffArrivalInfo {
    border-bottom:0px solid #FFFFFF;  
}


div.ffResultList div.data td.noflights
{
    padding:10px;
    padding-left:20px;
}

div.flightStatusBox
{
    margin-left:auto;
    margin-right:auto;
}



div.flightStatusBox .statusTxt
{
    font-weight:bold;
}

p.map{width:100%;}


/*Responsive Layout Code*/


body#ismobile .flight{ background-image:url(arrow.png); background-position:right center; background-repeat:no-repeat;}
body#ismobile .flight:hover  {background-color:#efefef;}
body#ismobile div.ffResultList div.data .flightValue.c10 {display:block; position:absolute; width:100%; height:100%; padding:0px; text-indent:-10000px;}
body#ismobile div.ffResultList div.data .flightValue.c10 a{display:block; position:relative; width:100%; height:100%; background-color:transparent;}
body#ismobile div.ffResultList div.data .flightValue a {text-decoration:none;}
body#ismobile div.ffResultList div.data .flightValue a{font-weight:bold;}
body#ismobile div.ffResultList div.data .flightValue {font-size:14px; padding-top:2px; padding-bottom:2px;}
body#ismobile div.ffResultList div.data .flight{padding-top:8px; padding-bottom:8px;}
body#ismobile div.ffResultList div.data .flightValue, body#ismobile div.ffResultList div.header .flightField{font-size:11px;}

@media (max-width: 768px)
{
    .ffResultIndividual {width:600px;}
    .ffResultIndividual p.map img{width:600px;}

    div.ffResultList div.data td,
    div.ffResultList div.data .flightValue,
    div.ffResultList div.header .flightField {
	    font-size: 12px;
	    padding-left:8px;
    }

    div.ffResultList div.data td img{height:15px;}
    .ffResultList div.data table.ffAlTbl td.ffAlLog{width:22px;}
    
}

@media (max-width: 600px) 
{

    /*
    div.ffResultList div.data td,
    div.ffResultList div.data .flightValue,
    div.ffResultList div.header .flightField {
	    font-size: 11px;
	    padding-left:8px;
    }
    */


    .ffResultIndividual {width:480px;}
    .ffResultIndividual p.map img{width:480px;} 

    .ffResultIndividual table.infoHeader th,    
    .ffResultIndividual table.infoHeader td,
    .ffResultIndividual table.info th,    
    .ffResultIndividual table.info td
    {
        font-size:12px;
    } 

    #ffStatusSummary
    {
        font-size:12px;
    }
    
    #socialIcons2
    {
        padding-right:10px;
    }

    body#ismobile div.ffResultList div.data .flightValue {font-size:12px;}


    .ffResultIndividual {width:100%;}
    .ffResultIndividual p.map img{
	    /*width:100%;*/
        margin-bottom: 10px;
    }
    
    div.ffResultList div.header
    {
        padding-bottom:5px;
    }
    
    .ffResultIndividual{padding-top:0px;padding-bottom:0px;}
    .ffResultIndividual .leg {margin-bottom:0px;}
    .ffResultIndividual p.map img{width:300px; margin-left:auto; margin-right:auto;} 
    div.ffResultList div.data .flightValue, div.ffResultList div.header .flightField {padding-top:5px; padding-bottom:5px;width:20%;}
    div.ffResultList div.data .flightValue.c1, div.ffResultList div.header .flightField.c1 {display:block;}
    div.ffResultList div.data .flightValue.c2, div.ffResultList div.header .flightField.c2 {display:none;}
    div.ffResultList div.data .flightValue.c3, div.ffResultList div.header .flightField.c3 {width:20%; display:block;}
    div.ffResultList div.data .flightValue.c4, div.ffResultList div.header .flightField.c4 {width:25%; display:block;}
    div.ffResultList div.data .flightValue.c5, div.ffResultList div.header .flightField.c5 {display:none;}
    div.ffResultList div.data .flightValue.c6, div.ffResultList div.header .flightField.c6 {width:20%;}
    div.ffResultList div.data .flightValue.c7, div.ffResultList div.header .flightField.c7 {width:auto;}            
    div.ffResultList div.data .flightValue.c8, div.ffResultList div.header .flightField.c8 {display:block; clear:both; width:45%; padding-top:0px; padding-bottom:10px; padding-right:14px;}
    div.ffResultList div.data .flightValue.c9, div.ffResultList div.header .flightField.c9 {width:auto; padding-top:0px; padding-bottom:10px; color:#aaa;}    

    div.ffResultList div.header .flight{position:relative; background-color:#ff0000;}

    /*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.c4, body#ismobile div.ffResultList div.header .flightField.c4 {width:23%;}
        body#ismobile div.ffResultList div.data .flightValue.c6, body#ismobile div.ffResultList div.header .flightField.c6 {width:19%;}
        body#ismobile div.ffResultList div.data .flightValue.c8, body#ismobile div.ffResultList div.header .flightField.c8 {width:43%;}




    div.ffResultList div.header .flightField.c1,
    div.ffResultList div.header .flightField.c8,
    div.ffResultList div.header .flightField.c9{display:none;}
    
    div.ffResultList div.data .flightValue.c9:before 
    {
        content: "Gate:";
    }
    
    div.ffResultList div.header .flightField.c1{margin-left:5px;}
    div.ffResultList div.data .flightValue.c1{width:16px; padding-left:5px; padding-top:7px;}
    
    div.ffResultList div.data .flightValue.c3{margin-left:-24px; text-indent:18px;}
     
    div.ffResultIndividual{padding-top:10px;}
    
    
    .ffAlLog{}
    .ffAlLbl{display:none;}
    

    div.ffResultList div.data .flightValue,
    div.ffResultList div.header .flightField {
	    font-size: 12px;
	    padding-left:8px;
    }

    #ffDepartureAll, #ffArrivalAll, #ffDetailsAll 
    {
        width:100%;
        display:block;
        border-top:none;    
    }   
 
    .ffResultIndividual .leg 
    {
        /*height:350px;*/
        margin-bottom:0px;
        background-image:none;
    }
    

    .ffResultIndividual table.infoHeader th,    
    .ffResultIndividual table.infoHeader td,
    .ffResultIndividual table.info th,    
    .ffResultIndividual table.info td
    {
        font-size:12px;
        
    }
    
    .ffResultIndividual table.infoHeader th, .ffResultIndividual table.infoHeader td, 
    .ffResultIndividual table.info th, .ffResultIndividual table.info td
    {
        font-size:12px;
    }
    
    .ffResultIndividual table.infoHeader th
    {
        font-size:13px;
    }

    body#ismobile .ffResultIndividual table.infoHeader th, 
    body#ismobile .ffResultIndividual table.infoHeader td, 
    body#ismobile .ffResultIndividual table.info th, 
    body#ismobile .ffResultIndividual table.info td
    {
        font-size:13px;
    }

    
    #ffStatusSummary
    {
        font-size:12px;
    }

    #ffDepartureAll, #ffArrivalAll, #ffDetailsAll
    {
        background-image:none;
    }
 
    #ffDepartureAll
    {
        border-top:1px solid #cccccc;
    }

    #socialIcons1 .flightStatusBox{
        padding-left:10px;
        font-size:13px;
    } 
 
 
}

@media (max-width: 320px)
{
    .ffResultIndividual p.map img{width:300px;}


    
    #ffDepartureAll, #ffArrivalAll, #ffDetailsAll 
    {
        width:100%;
        display:block;
        margin-bottom: 0px;
    }   
 
    .ffResultIndividual .leg 
    {
        /*height:350px;*/
    }
    

    .ffResultIndividual table.infoHeader th,    
    .ffResultIndividual table.infoHeader td,
    .ffResultIndividual table.info th,    
    .ffResultIndividual table.info td
    {
        /*font-size:12px;*/
    }    
    
}