/* CSS Document for Transport Direct Portal */
/* Styles for pages (non-printable) showing Journey Emissions */

/* Div's around Emissions compare control and distance input control */
#boxtypeJEone{	
	border: 1px solid #330099;
	padding: 3px;
	background-color: #ccccff;
	width: 610px;	
	/* l33t hack */
	voice-family: "\";}\"";
	voice-family: inherit;
	width: 610px;
	}	
/* b-ing :) 2 Opera 5 */
html>#boxtypeJEone {width: 610px;}

#boxtypeJEtwo{	
	border: none;
	padding: 3px;
	background-color: #ffffff;
	width: 603px;
	/* l33t hack */
	voice-family: "\";}\"";
	voice-family: inherit;
	width: 603px;
	}	
/* b-ing :) 2 Opera 5 */
html>#boxtypeJEtwo {width: 603px;}

#boxtypeJEthree {
	border: 1px solid #330099;
	padding: 3px;
	background-color: #99ccff;
	width: 595px;
	/* l33t hack */
	voice-family: "\";}\"";
	voice-family: inherit;
	width: 595px;
	}	
/* b-ing :) 2 Opera 5 */
html>#boxtypeJEthree {width: 595px;}

#boxtypeJEfour {
	border: 1px solid #330099;
	padding: 3px;
	background-color: #99ccff;
	width: 610px;
	/* l33t hack */
	voice-family: "\";}\"";
	voice-family: inherit;
	width: 610px;
	}	
/* b-ing :) 2 Opera 5 */
html>#boxtypeJEfour {width: 610px;}

#boxtypeJEfive{	
	border: 1px solid #330099;
	padding: 0px;
	background-color: #ffffff;
	width: 608px;
	/* l33t hack */
	voice-family: "\";}\"";
	voice-family: inherit;
	width: 608px;
	}	
/* b-ing :) 2 Opera 5 */
html>#boxtypeJEfive {width: 608px;}

/* END*/


/* Style for Emissions Compare Control table */

/* generic settings 
.ecBorderBottomone
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330099;
	padding:5px, 5px, 5px, 5px;
}*/

/* END Style for Emissions Compare Control table */


/* Used for Div's around Results Summary Table */
.boxtypelargetwo, #boxtypelargetwo
{
	border:1px solid #330099;
	background-color:#99ccff;
	line-height:1.5;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:616px; /* ie55 width */
	/* l33t hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:616px; /* compliant browser width */
	}

/* b-ing :) 2 Opera 5 */
html>.boxtypelargetwo, html>#boxtypelargetwo
{width:616px;}

.boxtypetwentyfive
{	
	border:1px solid #330099;
	padding: 0px 5px 0px 5px; 
	margin: 3px 3px 0px 3px;
	background-color:#ffffff;
	width:598px;  /* ie55 width */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:598px; /* compliant browser width */
	}
/* b-ing :) 2 Opera 5 */
html>.boxtypetwentyfive, html>#boxtypetwentyfive
{width:598px;}

.boxtypetwentysix
{
	border-top:none;
	border-bottom:1px solid #330099;
	border-left:1px solid #330099;
	border-right:1px solid #330099;
	padding:0px;
	margin: 0px 3px 3px 3px;
	width:608px;  /* ie55 width */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:608px; /* compliant browser width */
	}
/* b-ing :) 2 Opera 5 */
html>.boxtypetwentysix
{width:608px;}

/* END */


/* Styles for Journey Results Summary Table */
.ejdetail
{
	table-layout: fixed;
	padding: 0px;
	width: 608px;
	border: 0px;
	font-size: 0.7em;
	background-color: #FFFFFF;
}

/* results headers generic settings */
.ejporighd, .ejpdesthd, .ejptranhd, .ejpleavhd, .ejparrihd, .ejpdurahd, .ejporighdwide, .ejpdesthdwide
{
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330099;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
}

/* results headers bespoke settings */
.ejporighd {width: 120px; text-align: left;}
.ejpdesthd {width: 120px; text-align: left;}
.ejptranhd {width: 120px; text-align: left;}
.ejpleavhd {width: 85px;}
.ejparrihd {width: 85px;}
.ejpdurahd {width: 85px;}
.ejporighdwide {width: 170px; text-align: left; padding-left: 5px;}
.ejpdesthdwide {width: 170px; text-align: left;}

/* results generic settings */
.ejporig, .ejpdest, .ejptran, .ejpleav, .ejparri, .ejpdura, .ejporigwide
{
	text-align: center;
	vertical-align: middle;
	border-bottom-width: 0px;
}

/* results bespoke settings */
.ejporig {text-align: left;}
.ejpdest {text-align: left;}
.ejptran {vertical-align: middle; text-align: left;}
.ejporigwide {text-align: left; padding-left: 5px;}
.ejptranwide 
{
	text-align: left; 
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD
}

/* row background colouring */
.eoddRow
{
	background-color: #FFFFFF;
}

.eevenRow
{
	background-color: #E6FFFE;
}

.eselectRow
{
	background-color: #FFFF00;
}
/* END Styles for Journey Results Summary Table
.rightboarder
{
	border-right-color: Black;
	border-right-style:solid;
	
}
*/
.graph
{

	border-bottom-color:Black;
	border-bottom-style:solid;
	border-width:1px;
	padding:0px, 0px, 0px, 0px;
	border-left-width:0px;
	border-collapse:collapse;
	

}
.test
{
	padding:0px, 0px, 0px, 0px;
}
.left
{
	
}
.rowPlaneEmissions
{
	padding-left:0px;
	margin-left:0px;
}

table.emissionstable
{
	border-collapse:collapse;
	border-width:0px;

	padding: 5px;

	
}

td.nospace
{
	border-left-color: Black;
	border-left-style:solid;
	border-width:1px;
	
}

td.nospacegraph
{
	border-left-color: Black;
	border-left-style:solid;
	border-width:1px;
	
}

td.graphLabelCell3
{
	padding: 5px, 5px, 5px, 0px;
	border-collapse:collapse;
	border-width:0px;
}

td.paddingclass
{
	padding :5px;

}

td.dropdownClass
{
	padding-right: 5px;
}

td.ecBorderBottomone
{
	padding:5px;
}

td.ecBorderBottomTwo
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330099;
	padding:5px;
	
}

td.ecBorderBottomoneleft
{
	border-left-color: Black;
	border-left-style:solid;
	border-width:1px;
}

/*Styles added for CO2 Phase 2 */

.leftBox
{
 left:-1px;
 float:left;
 vertical-align:text-bottom;
}

.rightBox
{

	float:left;
	vertical-align:text-bottom;	
}

.newRightBox
{
	left:150px;
	float:right;
	vertical-align:text-bottom;	
}

.centreBox
{
	vertical-align:text-top;
	float:left;
	text-align:center;
}

.centreBox2
{
	vertical-align:text-top;
	float:left;
	text-align:center;
	width:80px;
}

.leftBoxText
{

 font-size:0.7em;
 vertical-align:text-bottom;
}

.rightBoxText
{
	font-size:0.7em;
	vertical-align:text-bottom;	
}

.centreBoxText
{
	vertical-align:text-top;
	text-align:center;
	font-size:0.7em;
}

.width180
{
	width:180px;
}

table.emissiontable2
{
	width:150px;
	border-color:Black;
	border-style:solid;
	border-width:1px;
}

.emissionheader 
{
	background-color: #99ccff;
	width:80px;
	height:25px;
	padding:5px;
}

.emissionheaderright
{
	background-color: #99ccff;
	padding:5px;
}

.emissiondata
{

	padding:5px;
	background-color: #FFFBEB;
}

.emissionsHeaderRow
{
	border-color:Black;
	border-style:solid;
	border-width:1px;	

}

.emissionsJourneyTable,
.journeyEmissionsTableModeTable, .emissionheader, .emissionheaderright, .emissiondata
{
	border: solid 1px #000000;
}


/*End of styles added for CO2 Phase 2 */