#incontentRoutePage{position:relative;	float:left;   width:1000px}
#contentRoutePage {margin: auto;position:relative; width:1000px}
#mainContent{background-color: transparent; min-height: 100px; position:relative;float:left;width:1000px;}
#mainContent a{text-decoration: underline;color: #000000;}
#jcheckContainerDiv{width:1000px}

/*  -----------------------new css from jcheck new skin-------------------------*/
div.headingDivRoutePage{	 position: relative; left: 0; top:0;margin:0; padding:0; float: left;	width:1000px; height:auto; }
div.headingDiv{	width:995px; 	padding-left:5px; 	margin-top:-9px ;  }
div.headingDivLoginPage {padding:0; width:1000px;}
div.top {position: relative; left: 0; float: left; width:990px;	height:72px;}
div.forTitle {position: relative; left: 10px;float: left; width: 982px; height: 17px; font-weight: bold; color: #009900; margin-bottom: 4px;}
div.forTitleLeft {position: relative;	float: left;}
div.forTitleRight {color: #000000; font-size: 11px; position: relative;	float: right;}
div.menuContainer,div.titleContainer{	position: relative;	float: left; left: 0; width:991px; margin:0;	padding:0;		padding-top: 4px;margin-bottom:10px}

div.menuContainer {
	width: 995px;
	/*left: 2px;*/
	/*padding-left: 5px;*/
	background-color: transparent;
}

div.forMenu {
	margin-top: 2px;
	position: relative;
	left: 0;
	float: left;
	width: 989px;
	padding: 5px;
	padding-bottom: 0;
	margin-bottom: 5px;
}
div.logo {position: relative; left: 10px; height:70px;	width:375px; padding: 0; float: left; top:20px}
div.logoRight {width: 600px; height: 70px;	float: right; position: relative; left: 0; font-size: 12px;	padding:0; right:0; }
div.links {	position: relative;	float: left; margin-top:10px;	width: 600px;	font-weight: bold;	text-align: right; padding-right: 2px;	height: 20px;}
div.linksRoutePage{margin-top:6px;}
div.formats {float: right;	font-size:8pt;	position: relative;	width: 140px;	padding-left: 7px;	padding-right: 2px;	margin-top: 2px; font-weight:bold; text-align:right;}
div.divider,div.dividerForEmptyTile { position: relative;	left: 0; float: left; width: 989px;	height: 1px; background-color: transparent;	margin-bottom: 5px;	font-size: 0;	line-height: 0;margin-top:5px;}
div.boardsDivider{background-color:#000000; width:100%}
div.verticalSpacer {height: 4px; font-size: 0;line-height: 0;}
div.menu { font-weight: bold; padding: 0; position: relative; float: left; width: auto;	margin-top:-5px;}
div.update_link_positioner {position: relative;float: left; width: 94%;}

/*------------------------------routeFilter-----------------------------*/
div#routeDiv{position: relative;float: left;margin:0;padding:0;border: thin solid #E6E6E6;}
div.routeFilterOptions {position: relative;float: left;margin: 0;padding: 0;}
form.routeFilter {position: relative;float: left;}
select.routeSelect {position: relative;float: left;width:100%}
div.routeParameters {position: relative;padding-left:5px;}
div#routeSelectionDiv{ margin-top: 2px; position: relative; left: 0; float:left; width:976px; padding-bottom: 0; margin-bottom: 15px; margin-left:5px;}
table.noScriptRouteSelectTable{ margin-left:5px; position:relative; float:left; left:0; font-size:12px; line-height:12px;}

div#routeBox {
	position: absolute;
	white-space: normal;
	top: 127px;
	z-index: 25000;
	/*left: 5px;*/
	width:380px;
	height: auto;
	background-image: url( /resources/common/webv2/images/routePopup.jpg );
	border: thin solid #4D4D4D;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 15px;
}
div#routeBox a { color: #313131;}
div.closeRoute { position: relative; float:right; width: auto; text-align: right; padding-top:5px; padding-right:5px;}
a.closeRoute { color: red; text-decoration: none;}
div.savedRoutesDiv { position: relative; float:left; left:0; line-height: 20px; width:auto; padding:10px;}
table.savedRouteSelect{ position: relative; float:left;}
table.savedRouteSelect td { font-size:9pt;}
table.savedRouteSelect td routeNames { font-size:9pt; width: auto;}
div.routePopupLinks{ position:relative; min-height:20px; height:auto; margin-bottom:4px;}
div.routePopupLinks a:link,div.routePopupLinks a:visited{ text-decoration:none;}
div.routePopupLinks a:hover{ text-decoration:underline;}
div #savedRoutesList { color:#ffffff; width:auto; height:17px;}
img.imageButton{ cursor:pointer;}
a.imageButton{ cursor:pointer; height:25px;}
#overlay { position: absolute; float:left; left: 0; top: 0; width: 100%; height: 100%;	background-image: url( /resources/common/webv2/images/overlay1.gif );
/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .8;
	z-index: 30000; }
#dialogue #close { position: relative; float: right; right: 5px; top: 0;}
#dialogue #close a { color: #853C3C; text-decoration: none; font-size: 14px; }
#dialogue { position: absolute;left: 50%;margin-left: -350px;margin-top: -50px;top:40%;width: 700px;padding: 20px;height: 100px;border: 5px solid #304F80;background-color: #FFFFFF;z-index: 40000;color: #002664;}

/*---------------------------footer-------------------------------------*/
div.footerRoutePage { position: relative; float: left; left: 0; }
div.footer { position: relative; float: left; left: 0; }
div.footerContentDiv { position: relative; float: left; left:0; width: 997px; height: 40px; padding: 0; padding-right: 3px; }
div.footerLeft { position: relative; float: left; left: 3px; top: 18px; text-align: left; margin: 0; padding: 0; height: 25px; width: 350px; font-size: 8pt }
div.footerSocialLeft { position: relative; float: left; left: 3px; top: 3px; text-align: left; margin: 0; padding: 0; height: 25px; width: 350px; font-size: 8pt }
div.footerRight { position: relative; float: right; left: 0; top: 5px; text-align: right; width: 600px; padding-bottom: 2px; font-size: 9pt }
div.footerSocialLeft a {text-decoration:none}
img.socialicon {background-color:#ffffff;border:1px solid black;padding:1px; cursor:pointer}

div.footerRight { position: relative; float: right; left: 0; top: 5px; text-align: right; width: 600px; padding-bottom: 2px; font-size: 9pt }
a.footerImage { text-decoration: none; height: 40px; }
div.footer_NexusAlphaImage { position: relative; top: -5px; left: 0; display: inline; }
a.nalLogo{ position:relative; top:7px }
.noUnderline, .noUnderline:hover, .noUnderline:visited{ text-decoration:none }
a.footerImage img { margin-top: 4px; background-color: transparent;}
/*----------------------------calling pattern table--------------------*/

table.timetable { position:relative; margin-top: 2px; width:100%; float: left; height:auto}
 /*necessary to align the table proprly in Chrome and Safari*/
body:nth-of-type(1) table.timetable { margin-top: 5px; text-align: left;}
table.dep_boardTableBottom { position:relative; left:0; float: left; width:100%; font-size: 11px;}
table.arr_boardTableBottom { position:relative; left:0; float: left; width:100%; font-size: 11px;}
table.timetable th { text-align: left; height: 30px;}
table.timetable tr { width:100%;}
table.timetable td { height: 10px; text-align: left;}

/*to show saved routes as yellow*/
.common { background-color: #FFFF99;}
div.callingPatternDiv { position:relative; float:left; margin:0; margin-left:15px; margin-right: 0; padding: 8px; left:0; top:0; width:73%}
.expectedTime_CallingPattern{ padding:3px; padding-top:0; font-weight:bold}

th.timetable-heading{font-weight:bold;}

/*----------------------------service calling pattern--------------------*/
div.furtherInfoDiv,div.serviceCallingPattern{ position:relative; float:left; left:0; width:100%; padding:2px; height:auto;}
div.serviceCallingPatternDiv{ position:relative; float:left; left:0; width:100%; padding:2px;}
table.serviceCallingPatternTable{ position:relative; float:left; left:0; width:auto; text-align:center; font-size:9pt;}
td.serviceCallingPattern {padding-top:3px;padding-left:5px;	padding-right:5px;padding-bottom:2px;}

/*---------------------------arrival departure calling pattern-----------*/
table.timetable_callingPattern { position:relative; float:left; width:100%;  background-color: #F2F2F2; height:auto;margin-right:1px}
table.timetable_callingPattern thead  {position:relative; float:left; background-color: #BEBEBE;}
table.timetable_callingPattern thead tr {background-color: #BEBEBE; height: 10px;}
table.timetable_callingPattern tbody td {  height: 2px; font-size:9pt;padding-left:1px;	padding-right:1px;}
table.timetable_callingPattern tbody tr { height: 2px;}
table.timetable_callingPattern tbody { position:relative; float:left; font: 10pt Arial, Helvetica, sans-serif;}
.DBInterest { font-weight: bold; vertical-align: top; font-size:9pt}
.DBPlain { vertical-align: top; font-size:9pt}
.DBInterestActual { font-weight: bold; font-style: italic; vertical-align: top; font-size:9pt }
.DBPlainActual { font-style: italic; vertical-align: top; font-size:9pt}
.actualBar { position:relative;background-color: #ABABAB; height: 1px; width:100%;}
div.expColButton { float: right; margin-right: 2px; font-size: 10px; margin-bottom: 5px; color: #5D5D5D;}
div.updateBodyControls { text-align: right; margin-right: 2px; font-size: 10px; width: 570px; margin-bottom: 4px;}
div.updateBodyControls a { color: #5D5D5D;}
div.editUpdateBody {
	position:relative; float:left; padding:2px; top:0; left:0; margin:0; margin-bottom: 4px; height: auto;
	color: #4D4D4D; background-image: url( /resources/common/webv2/images/silverBack.jpg ); background-repeat: repeat-x; width:100%;}
.boxGeneric-content { font-size: 12px; color: #4D4D4D;}
.boxGeneric-content a { font-size: 12px; color: #4D4D4D;}
p.messageReceived-contents { margin-top: 3px; margin-bottom: 6px; font-style: italic; font-size: .9em;}
.errorField, .required { color: #C70005;}

/*-------------------from intocLayout.css------------------------------*/
.jcheckDataContainer{ position: relative; float: left; width:97%; left:0; border: thin solid #E6E6E6;}
#mainDataDiv { position: relative; 	float: left; 	margin:0; 	padding:0; 	width:998px; border: thin solid #E6E6E6;}
div.x-portal-column { padding-left:5px ; padding-right:5px; padding-bottom:10px; padding-top:10px}
div.mainSection.x-portlet { border:1px solid darkblue; background-color:#C8C8C8; }
img.imageLink { position: relative; float: left; margin-top: 8px; margin-right: 3px; margin-left: 1px; margin-bottom: 0 }
td.boardsImgLink{ padding-left:4px; padding-top:3px; padding-right:2px; }
div.mainDataSection-bwrap,div.mainDataSection-body{ position: relative; background-color:#29234C; float: left; }
/*div.mainSection-header { padding-top:2px; }*/
span.mainSection-header-text, div.mainSectionHeadingSummary { position: relative; float: left; width: 100%; }
div.mainSectionHeadingText { position: relative; float: left; border: none;}
div.mainSectionControlsSummary { position: relative; float: right; width:30%;}
div.mainSectionControlsSummary img { margin-right: 3px ; float: right; }
div.updateTitle, div.updateBodyStart, div.updateBody, div.main_content_fi_link, div.messageRecieved { position: relative; float: left; width: 100%; border: none }
div.main_content_detail_fi{ float: left; width: 100%; border: none }
div.basicFullWidthDiv{ position:relative; left:0; width:100% }
div.messageRecieved{ margin-top:5px; margin-bottom:5px; font-style:italic; font-size:0.9em; }
div.updateTitle{ margin-bottom:3px; margin-top:2px ; position:relative; float:left;  }
div.secondarySectionHeading { position: relative; float: left; width: 100%; }
div.secondarySectionHeadingText { position: relative; float: left; border: none; }
div.secondarySectionControls { position: relative; float: right; width:30%;}
div.secondarySectionControls img{ margin-right: 3px ; float: right;}
/*div.secondarySectionHeadingStation { position: relative; float: left; width: 98%; margin-left:4px;font-size:8pt}*/
div.mainSectionHeadingText, div.secondarySectionHeadingText{ color:#000000; font-weight:bold;  left:5px;}
div.mainSection-body{ white-space:normal; }
div.updatesSection { position: relative; float: left; width: 94%; left: 0; margin: 0; padding-left: 5px; padding-right: 10px; }
div.updateBodyStart{ left:15px; width:92% }
.update_button_positioner{ margin-top:-5px ; position:relative;float:left;cursor:pointer;height:21px;}
div.undergroundEditDiv{ position:relative;float:left;padding:2px; line-height:24px; }
div.incident-contents-header{ font-weight:bold;}
div.update_link_positioner{ position:relative; float:left; width:95%; }
img.undergroundGoButton{ margin-top:2px;}
.disruptionMessage{font-size:8pt;}
/*------------for weather reports and CO2 emission data-----------------------*/
div.weatherReport { position: absolute; top: 80px; left: 50%; margin-left: -425px; width: 843px; font-size: 12px; color: #4D4D4D; border: thin solid #4D4D4D; background-color: #F9F9F9; z-index: 5000;	padding-left: 4px; padding-right: 2px; height: 600px; overflow: auto; max-height: 700px; }
div.co2EmissionDataSection { position: relative; float: left; padding-top: 12px; padding-bottom: 0; width: 100% ;line-height: 20px; padding-left: 2px;}
div#co2Data { position: relative; float: left; width: 100%; height: 70%;}
div#co2Graph { position: relative; float: left; width: 62%; height: 85%; padding: 0; z-index: 20000;margin:0;}
div.travelmode { position: relative; float: left; width: 32%;  text-align: right;margin:0;padding:0}
div.yAxisDiv { position: relative; float: left; padding: 0; margin: 0; height: 22px; z-index: 20000; background-color: #333333;}
div.xAxisDiv { position: relative; float: left; width: 100%; padding: 0; height: 3px; z-index: 20000; margin: 0;margin-top:5px}
div.co2Range { padding: 0; 	margin:0; position: relative; float: left; line-height: 24px; width: 98%; padding-top: 0; margin-top:-7px; z-index: 20000;	}
div.co2IntensityScale { position: relative; float: left; width:50%; height: 40px; z-index: 20000;margin-top:0}
div#intensity { z-index: 5100; width: 300px; position: absolute; left: 0; top: 0; float: left; height: 22px; margin-top:7px;}
div.co2intensitySection { z-index: 5100;  position: relative; left: 0; top: 0; float: left; height: 118px;width:25%}
div#co2LowIntensityBackground { background-color: #B4CC81;}
div#co2MediumIntensityBackground { background-color: #FFE3AC;}
div#co2HighIntensityBackground { background-color: #FF9046;}
div#co2VeryHighIntensityBackground { background-color: #DF5D5D;}
div#co2DisclaimerMessage { width: 815px;}
table.addTravelModes {font-size:9pt;width:auto;}
table.addTravelModes input {margin-right:3px}
table.addTravelModes td{text-align:left;}
div.xAxisDiv,div#intensity { width: 150px;}
div#co2LowIntensityBackground, div#co2MediumIntensityBackground, div#co2HighIntensityBackground, div#co2VeryHighIntensityBackground {width: 37px;}
table.boxGeneric-content{position:relative;float:left;}
div.travelmode  span {height: 24px;margin:0;padding:0}
img.graphBarImage {position: relative;float: left;left: -2px;margin-left: 0;width: auto;z-index: 20000;margin-top: 14px;margin-bottom: 0;}
span.graphBarImage {position: relative;left: 0;top: 0;z-index: 20000;padding: 0;margin: 0;width: auto;line-height: 24px;}
span.graphBarText {position: relative;float: left;margin: 0;padding: 0;font-size: 7pt;line-height: 11px;height: 12px;margin-top: 12px;color:#000000}
td.low{background-color: #B4CC81;}
td.normal { background-color: #FFE3AC;}
td.moderate { background-color: #FF9046;}
td.high { background-color: #DF5D5D;}
td.colourSchemeLable{padding-left:5px;width:100px;}
table.colourScheme{position:relative;float:left;left:2px;font-size:9pt}

div.messageBoxHelpBig { position: absolute; top: 200px; left: 50%; margin-left: -425px; width: 843px; font-size: 12px; color: #4D4D4D; border: thin solid #4D4D4D; background-color: #F9F9F9; z-index: 26000; height: 300px;}
div.popupHeadingHelpBig { position: relative; float: left; left: 0; background-image: url( /resources/common/webv2/images/silverBack.jpg ); width: 843px;}
div.popupContentHelpBig { position: relative; float: left; padding: 12px; width: 824px; height: 243px; line-height: 20px; padding-left: 6px; overflow-y: scroll; overflow-x:hidden; margin-top:1px;}
div.popupMainHeadingHelpBig { position: relative; float: left; width: 380px; display: block; font-size: 16px; font-weight: bold;  padding: 3px;}
div.closeHelpBig { position: relative; float:left; font-size: 16px; font-weight: bold; text-align: right; width: 450px; top: 0; display: inline; padding-top:3px; }
div.closeHelpBig img{ cursor:pointer; float: right; }
div.popupSubHeadingHelpBig { position: relative; float: left; width: 800px; display: block; font-size: 14px; font-weight: bold; height: 25px; padding-top: 4px;}
div.popupParaHelpBig { position: relative; float: left; width: 800px; display: block;}

ul.termsContentList {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
ul.helpContentList {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	text-indent:40px;
}

img.borderImg{border-width:1px;}

div.routePopupLinks{font-weight:bold;}
span.tubeColorsDiv{width:24px; line-height:4px;height:4px;position:relative;float:left; margin:0; padding:0;margin-right:4px;}
span.tubeSlugLine{position:relative;font-weight:bold;}
div.co2InfoDiv{width:auto; padding:2px;padding-left:0;text-align:justify;}
.fontBold{font-weight:bold}
div.mainSectionHeadingSummary, div.secondarySectionHeading{padding-top:2px;}
div.disclaimerMessage{position: relative; float: left; font-size:8pt; padding: 5px; padding-left:3px; padding-right:0; word-spacing:1px; margin-top: 5px;}

div.x-layer.x-combo-list {
	z-index:50000 !important
}

.x-combo-list-item , .x-combo-selected{
	color:#000000
}

/*div.x-form-field-wrap img.x-form-trigger{position:relative; top:8px}*/
.ext-safari div.x-form-field-wrap img.x-form-trigger{left:170px;}

/*div.x-form-field-wrap img.x-form-trigger.operaTrigger{top:7px}*/