/* CSS Document */



/* ------------------------------------------ */
/*        Timetable Search page               */
/* ------------------------------------------ */

.routeSearchFields {float: left; clear: left; width: 382px; height: 53px;}
#sectionChildren {clear: both; width: 100%;}
.section h2 {clear: left;}
.betaFeedbackNote {font-weight: bold; color:#A3854F;}
.feedbackLink {height: 30px; width: 100px; float: right; clear: left;}
.feedbackLink a {height: 30px; width: 100px; float: right; position: relative; clear:left;}
.feedbackLink a span {display: none; height: 30px; width: 100px; float: right;}

#centrecontent .TimetableSearches {
	float: left;
	width: 100%;
	position: relative;
}

html>body #centrecontent .TimetableSearches {
	margin-bottom: 2em;
	clear: both;
	width: 100%;
	height: 100%;
}

/* set right side for search box, rounded corners top and bottom right */
#centrecontent .TimetableSearches .routeSearchStandard,
#centrecontent .TimetableSearches .routeSearch,
#centrecontent .TimetableSearches .stopStationSearch,
#centrecontent .stopNameSearch {
	width: 100%;
	font-size: 11px;
	background: url(../images/box_top_right.gif) no-repeat top right;
	padding: 0;
	marging: 0;
	height: 95px;
	margin-bottom: 35px;
	clear: right
}

.TimetableSearches .routeSearch form .routeSearchFields input#stationstopname {width: 382px; clear: right;}

#centrecontent .TimetableSearches .routeSearchStandard h2,
#centrecontent .TimetableSearches .routeSearch h2,
#centrecontent .TimetableSearches .stopStationSearch h2,
#centrecontent .stopNameSearch h2 {
	background: url(../images/box_top_left.gif) no-repeat top left;
	padding: 20px 0 0 10px;
	margin: 0;
	width: 300px;
}

#centrecontent .TimetableSearches .routeSearchStandard .stop_bottom_right,
#centrecontent .TimetableSearches .routeSearch .stop_bottom_right,
#centrecontent .TimetableSearches .stopStationSearch .stop_bottom_right,
#centrecontent .stopNameSearch form {
	background: url(../images/box_bottom_right.gif) no-repeat bottom right;
	height: 100%;
}

#centrecontent .TimetableSearches .routeSearchStandard .stop_bottom_left,
#centrecontent .TimetableSearches .routeSearch .stop_bottom_left,
#centrecontent .TimetableSearches .stopStationSearch .stop_bottom_left,
#centrecontent .stopNameSearch .stop_bottom_left {
	background: url(../images/box_bottom_left.gif) no-repeat bottom left;
	height: 100%;
	display: block;
}

#centrecontent .TimetableSearches .routeSearchInner,
#centrecontent .TimetableSearches .stopStationSearchInner,
#centrecontent .stopNameSearch form {
	padding: 10px 10px 4px 10px;
}

#centrecontent .TimetableSearches form {
	margin: 0;
	padding: 0;
	width: 100%;
}

#centrecontent .TimetableSearches form .content_block {
	clear: both;
	margin: 0;
}

#centrecontent .TimetableSearches form label {
	float: left;
}

#centrecontent .TimetableSearches form label span {
	float: none;
	font-weight: bold;
}

#centrecontent .TimetableSearches form label select {
	float: left;
	font-size: 11px;
	margin: 0 .5em 0 0;
	padding: 0;
}

html>body #centrecontent .TimetableSearches form input.javascriptHide {
	margin-top: 1.6em;
}

input#getStops,
input#routeSearchSubmit,
input#stopSearchSubmit {
	margin: 1.4em 0 0 .5em;
	padding: 0;
	font: bold 1.0em arial, helvetica, sans-serif;	
	color: #FFF;
	cursor: pointer;
	border: none;
	display: inline;
	width: 130px;
	height: 17px;
	background: url(../images/get_route_stop_btn.gif) no-repeat 0 0;
}

.routeSearchFields input.clear,
.routeSearchFields input.search {
    margin: 0.5em 0 0.2em ;
    width: 96px;
    height: 22px;
    border: none;
    cursor: pointer;
    color: #FFF;
    font: bold 11px arial, helvetica, sans-serif;
    background: url(../images/search_red.gif) no-repeat 0 0;
	text-transform: uppercase;
}

.routeSearchFields input.search { float: right;}


/* ------------------------------------------ */
/*     Stop Timetable Search Results page     */
/* ------------------------------------------ */

#centrecontent #stopTimetableResults table, 
#centrecontent #routeTimetableResults table,
#centrecontent #routeProfileResults table {
	clear: both;
	width: 98%;
	padding: 0;
	border-collapse: collapse;
	font-size: .9em;
}

#centrecontent #stopTimetableResults table td,
#centrecontent #routeTimetableResults table td,
#centrecontent #routeProfileResults table {
	padding: 5px;
	margin: 0;
    border-left: 1px dashed;
}

#centrecontent #stopTimetableResults table td a.stopName, 
#centrecontent #routeTimetableResults table td a.stopName,
#centrecontent #routeProfileResults table td a.stopName {
	float: left;
	display: inline;
}

#centrecontent #routeProfileResults table td a,
#centrecontent #routeTimetableResults table td a {
/*	float: left; */
	padding: 0 0 0 1.2em;
	margin: 0 0 0 1em;
	background: url(../images/link_arrow.gif) no-repeat 0 .3em;
}

#centrecontent #stopTimetableResults table td ul, 
#centrecontent #routeTimetableResults table td ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#centrecontent #stopTimetableResults table td ul li a, 
#centrecontent #routeTimetableResults table td ul li a {
	padding: 0 0 0 1.2em;
	margin: 0 0 0 1em;
	background: url(../images/link_arrow.gif) no-repeat 0 .1em;
}


/* ------------------------------------------ */
/*   Timetables - mode based color changes    */
/* ------------------------------------------ */

#centrecontent .lineTimetable h2,
#centrecontent .stopTimetable h2 {
	color: #FFF;
	font: bold 1.1em arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h2 span {
	display: block;
	height: 39px;
	padding: 1.2em 0 0 4.5em;
}

h2.train {
	background: url(../images/h2_train_bg.gif) no-repeat 100% 0;
}

h2.train span {
	background: url(../images/h2_train_left.gif) no-repeat 0 0;
}

h2.tram {
	background: url(../images/h2_tram_bg.gif) no-repeat 100% 0;
}

h2.tram span {
	background: url(../images/h2_tram_left.gif) no-repeat 0 0;
}

h2.bus,
h2.regional_bus {
	background: url(../images/h2_bus_bg.gif) no-repeat 100% 0;
}

h2.bus span,
h2.regional_bus span {
	background: url(../images/h2_bus_left.gif) no-repeat 0 0;
}

h2.regional {
	background: url(../images/h2_regional_bg.gif) no-repeat 100% 0;
}

h2.regional span {
	background: url(../images/h2_regional_left.gif) no-repeat 0 0;
	height: 84px;
}


/* ------------------------------------------ */ 
/*     filter at top of timetable page        */
/* ------------------------------------------ */
   
#centrecontent .stopTimetable form,
#centrecontent .lineTimetable form { 
  float: left;
  margin: -1em 0 0 0;
  padding: 0 0 0.5em 0;
  clear: right;
  width: 100%;
} 

#centrecontent .lineTimetable .regional form {
	margin-top: -4.5em;
}

/* make sure my way button doesn't overlap the content due to above regional form style */
#centrecontent .lineTimetable .regional form input.bookmark {
	margin-top: 5.0em;
}

/* set overall structure of 3 filter blocks */
#centrecontent .stopTimetable form .contentBlock,
#centrecontent .lineTimetable form .contentBlock {  
  float: left;
  margin: 0 1.5em 0 0;
  height: 3em;
  display: inline;
} 

/* indent first filter to start in line with heading */
#centrecontent .stopTimetable form .contentBlock span.direction,
#centrecontent .lineTimetable form .contentBlock span.direction {
	margin-left: 47px;
}

/* select needs less indenting to match span */
#centrecontent .stopTimetable form .contentBlock select.direction,
#centrecontent .lineTimetable form .contentBlock select.direction {
	margin-left: 47px;
}

/* make all borders on fields thin black line */
#centrecontent .stopTimetable form .contentBlock select,
#centrecontent .lineTimetable form .contentBlock select,
#centrecontent .stopTimetable form .contentBlock input,
#centrecontent .lineTimetable form .contentBlock input {
	border: 1px solid #000;
}

/* make fields appear directly below labels */
#centrecontent .stopTimetable form label span,
#centrecontent .lineTimetable form label span {  
  display: block;
  font-weight: bold;
} 

/* set text colour by mode */
#centrecontent .stopTimetable .train form label span,
#centrecontent .lineTimetable .train form label span {  
  color: #3A75C4;
} 

#centrecontent .stopTimetable .tram form label span,
#centrecontent .lineTimetable .tram form label span {  
  color: #5BBF21;
} 

#centrecontent .lineTimetable .regional_bus form label span {  
  color: #F77F00;
} 

#centrecontent .stopTimetable .bus form label span,
#centrecontent .lineTimetable .bus form label span {  
  color: #F77F00;
} 

#centrecontent .stopTimetable .regional form label span,
#centrecontent .lineTimetable .regional form label span {  
  color: #AB53AC;
} 

#centrecontent .stopTimetable form label img,
#centrecontent .lineTimetable form label img {  
 float: left;
 margin: 0 0 0 .2em;
 display: inline;
} 

#centrecontent .lineTimetable form label input, 
#centrecontent .stopTimetable form label input,
#centrecontent .lineTimetable form label select, 
#centrecontent .stopTimetable form label select {  
	float: left; 
	font-size: .9em;
	margin: 0;
}  

#centrecontent .stopTimetable form input.submit,
#centrecontent .lineTimetable form input.submit {  
	border: none;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	margin: 19px 0 0 0;
	padding: 3px 0 0 0;
	font: bold 11px arial, helvetica, sans-serif;
} 

html>body #centrecontent .stopTimetable form input.submit,
html>body #centrecontent .lineTimetable form input.submit {  
	margin-top: 1.6em;
	padding: 0 .8em;
} 

#centrecontent .lineTimetable form input.submit,
#centrecontent .stopTimetable form input.submit {
	width: 28px;
	height: 19px;
}

#centrecontent .train form input.submit {  
	background: url(../images/search_btn_refine_train.gif) no-repeat bottom right;
}


#centrecontent .tram form input.submit {  
	background: url(../images/search_btn_refine_tram.gif) no-repeat bottom right;
}


#centrecontent .bus form input.submit {  
	background: url(../images/search_btn_refine_bus.gif) no-repeat bottom right;
}

#centrecontent .regional_bus form input.submit {  
	background: url(../images/search_btn_refine_bus.gif) no-repeat bottom right;
}

#centrecontent .regional form input.submit {  
	background: url(../images/search_btn_refine_regional.gif) no-repeat bottom right;
}

/* ---------------------------------------- */
/*        Timetables - utilities links      */
/* ---------------------------------------- */


#centrecontent ul.anchorLinks {
	clear: left;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}

/* Make sure anchor links appear next to print item */

#timtableUtilities ul.anchorLinks {
	margin: 0 0 10px 46px;
}

#centrecontent ul.anchorLinks li,
#timtableUtilities ul.anchorLinks li {
	list-style: none;
	color: #00f;
	text-decoration: none;
	padding: 0 0.8em 0 1.3em;
	display: inline;
	background: url(../images/red_arrow.gif) no-repeat 0 .3em;
}

#timtableUtilities a:hover,
#timtableUtilities a:focus {
	color: #f00;
	text-decoration: underline;
}

#timtableUtilities a:visited {
	color: #800080;
}


p.no_services {
	font-weight: bold;
}

/* ------------------------------------- */
/*          Timetable Pagination         */
/* ------------------------------------- */

#centrecontent td.TimetablePageNav p {
	text-align: center;
	display: inline;
}

#centrecontent td.TimetablePageNav span.previous {
	width: 80px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	background: url(../images/standard_btn.gif) no-repeat 50%;
}

#centrecontent td.TimetablePageNav span.previous a {
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 10px;
	background: url(../images/arrow_transperant_left.gif) no-repeat left;
}	

#centrecontent td.TimetablePageNav span.next {
	width: 60px;
    float: right;
	margin: 0;
	padding: 0;
	background: url(../images/standard_btn_60.gif) no-repeat 50%;
}

#centrecontent td.TimetablePageNav span.previous span.disabled {
    color: #d0d0d0;
}

#centrecontent td.TimetablePageNav span.next a {
	color: #fff;
	font-weight: bold;
	padding: 0 10px 0 0;
	background: url(../images/arrow_transperant.gif) no-repeat right;
}	


#centrecontent table.timetable td.TimetablePageNav span.next span.disabled {
    color: #d0d0d0;
}

#centrecontent table.timetable td.TimetablePageNav span.pages {
	margin: 0;
	padding: 0;
}

#centrecontent table.timetable td.TimetablePageNav span.pages ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#centrecontent table.timetable td.TimetablePageNav span.pages ul li {
	display: inline;
	margin: 0;
	padding: 0;	
}


#centrecontent table.timetable td.TimetablePageNav span.pages a {
	font-weight: bold;
	color: #red;
	margin: 0;
	padding: 0 4px 0 4px;
	text-decoration: underline;
	background: none;
}

#centrecontent table.timetable td.TimetablePageNav span.pages a.active {
	font-weight: normal;
	text-decoration: none;
	color: black;
	margin: 0;
	padding: 0;
}


/* ---------------------------------- */
/*          Timetable Styles          */
/* ---------------------------------- */

#centrecontent .timetableContent a,
#centrecontent #timtableUtilities a {
	font-weight: normal;
}

#centrecontent .timetable {  
	clear: both;
	height: 1%;
	margin: 0 0 .5em 0;
}
   
#centrecontent td.ServiceMode4 {   /* Coach */
  background-color: #ffe7e7;
}

#centrecontent td.ServiceMode5 {   /* Train */
  background-color: #f3f9ff;
}

#centrecontent table.timetable {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #c9c9c9;
}

#centrecontent table.timetable th,
#centrecontent table.timetable td {
  padding: .3em;
}

#centrecontent table.timetable th {
  border-bottom: 1px solid #c9c9c9;
  text-align: left;
  font-weight: normal;
  white-space: pre;
  vertical-align: middle;
}

#centrecontent table.timetable th img {
	vertical-align: bottom;
	margin-bottom: 1px;
}

#centrecontent table.timetable td.TimetablePageNav {
  border-bottom: 1px solid #c9c9c9;
  background: #fff;
}


/* set timetable font colour by mode */

#centrecontent .train table.timetable th a,
#centrecontent .train table.timetable td {
  color: #3A75C4;
}

#centrecontent .tram table.timetable th a,
#centrecontent .tram table.timetable td {
  color: #437626;
}

#centrecontent .bus table.timetable th a,
#centrecontent .bus table.timetable td,
#centrecontent .regional_bus table.timetable th a,
#centrecontent .regional_bus table.timetable td {
  color: #BC680E;
}

#centrecontent .regional table.timetable th a,
#centrecontent .regional .timetable table.timetable td {
  color: #7E407E;
}

#centrecontent table.timetable th a:hover {
  color: #000;
  text-decoration: underline;
}

#centrecontent table.timetable td {
  border-bottom: 1px solid #FFF;
  border-left: 2px solid #FFF;
  text-align: center;
  white-space: nowrap;
}

/* table column background colours by mode */

#centrecontent .train table.timetable col.tpa {
  background: #EBF1F9;
}

#centrecontent .train table.timetable col.tpb {
  background: #D9E4F4;
}

#centrecontent .tram table.timetable col.tpa {
  background: #E5EFDF;
}

#centrecontent .tram table.timetable col.tpb {
  background: #B7DFA0;
}

#centrecontent .bus table.timetable col.tpa,
#centrecontent .regional_bus table.timetable col.tpa {
  background: #F9EDE0;
}

#centrecontent .bus table.timetable col.tpb,
#centrecontent .regional_bus table.timetable col.tpb {
  background: #F8C895;
}

#centrecontent .regional table.timetable col.tpa {
  background: #D6CDD6;
}

#centrecontent .regional table.timetable col.tpb {
  background: #C8A5C8;
}

#centrecontent table.timetable td.stopinfo, 
#centrecontent table.timetable td.servicenotelabel {
  text-align: left;
}

#centrecontent table.timetable tr.servicenote {
  border-bottom: 1px solid #CBCBCB;
}

#centrecontent table.timetable tr.servicenote td {
  border: 1px solid #D9E4F4;
}

#centrecontent table.timetable tr.servicenote td.servicenotelabel {
  color: 000080;
}


/********** Timetable homepage **********/

#centrecontent .timetableCategorySummary {
	height: 1%;
	border-bottom: 1px solid #E5E5E5;
	font-size: 1.0em;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}

html>body #centrecontent .timetableCategorySummary {
	float: left;
	clear: both;
	width: 100%;
}

#centrecontent .timetableCategorySummary .logo {
	float: left;
	width: 40px;
}

#centrecontent .timetableCategorySummary .timetableContent {
	margin: 0 0 0 55px;
	height: 1%;
}

#centrecontent .timetableCategorySummary .timetableContent a {
	color: #00f;
	background: url(../images/link_arrow.gif) no-repeat 0 .3em;
	padding: 0 0 0 1.3em;
}

/********** extra info underneath timetables **********/



/* Station Profiles */

#centrecontent .StationProfilesInner p {
	margin: 5px 0 0 0;
}

#centrecontent .StationProfilesInner p a {
	background: url(../images/red_arrow.gif) no-repeat 0 .3em;
	padding: 0 0 0 1.3em;
}

/* Local Area Maps */

#centrecontent .AreaMapsInner p {
	margin: 5px 0 0 0;
}

#centrecontent .AreaMapsInner p a {
	background: url(../images/red_arrow.gif) no-repeat 0 .3em;
	padding: 0 0 0 1.3em;
}

/*********** Train Line Profiles ***********/

/* General */

#centrecontent table.routeProfile td.cell1 {
	width: 100%;
	padding: 0 10px 0 0;
}

#centrecontent table.routeProfile td.cell2 {
	width: 200px;
}

/* Timetables */

#centrecontent table.routeProfile .timetablesInner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#centrecontent table.routeProfile .timetablesInner ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#centrecontent table.routeProfile .timetablesInner ul li a {
	background: url(../images/red_arrow.gif) no-repeat 0 .3em;
	padding: 0 0 0 1.3em;
}

/* Route Description */



#centrecontent table.routeProfile .routeDescriptionInner p {
	margin: 0 0 .5em 0;
	padding: 0 5px;
}

#centrecontent table.routeProfile .timetables .timetablesInner p {
	font-weight: bold;
	padding-top: 25px;
}

#centrecontent table.routeProfile .DIVAbeta .timetables .timetablesInner p {width: 500px;}
/* Service Updates */


#centrecontent table.routeProfile .ServiceUpdatesInner table td {
	border-bottom: 1px solid #E2E2E2;
	padding: 5px;
	padding-left: 0;
}

/* Downloads */



#centrecontent table.routeProfile .downloadsInner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#centrecontent table.routeProfile .downloadsInner ul li {
	border-bottom: 1px solid #E2E2E2;
	padding: 5px;
	padding-left: 0;
}

#centrecontent table.routeProfile .downloadsInner ul ul {
	padding: 5px 0;
}


/* Timetable Search page */

#centrecontent .TimetableSearches form {
	margin: 0;
	padding: 0;
}

#centrecontent .TimetableSearches form .content_block {
	clear: both;
	margin: 0 0 1em 0;
}

#centrecontent .TimetableSearches form label {
	float: left;
}

#centrecontent .TimetableSearches form label span {
	float: none;
	font-weight: bold;
}

#centrecontent .TimetableSearches form label select {
	float: left;
	font-size: .9em;
	margin: 0 .5em 0 0;
	padding: 0;
}