body.TimetablesPage #content {
overflow:visible;
}

.tticon {
	background: url('../images/jp/icons/iconTrain.png') no-repeat 0px 0px;
	padding-left: 40px;
	margin-left: -40px;
	min-height: 40px;
	
}

h2.tticon {
	line-height: 40px;
}

body.TimetablesPage #content p + h2 {
	padding-top: 0px;
}

.header-metro-train {
	background-image: url('../images/jp/icons/iconTrain.png');
}

.header-metro-bus {
	background-image: url('../images/jp/icons/iconBus.png');
}

.header-tram {
	background-image: url('../images/jp/icons/iconTram.png');
}

.header-regional-train {
	background-image: url('../images/jp/icons/iconRegionalTrain.png');
	background-position: 0px 4px;
}
.header-regional-coach {
	background-image: url('../images/jp/icons/iconRegionalCoach.png');
}

.header-regional-bus {
	background-image: url('../images/jp/icons/iconBus.png');
}

form.RouteForm	 input.action {
vertical-align: top;
}

body.TimetablesPage #content h1 {
	margin-bottom: 0px; 
	padding-bottom: 0px;
}

.timelineStandard {
position:relative;
background:#000;
height:4px;
margin-bottom:30px;
width:930px;
}

/* travel timeline above the tabs */
.timelineSpecial {
background: #FFCD68;
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
height:4px;
position: absolute;
top:0;
text-indent:-9999px;
direction:ltr;
}

/* add more days if required */
.spanDay1 { width:30px; }
.spanDay2 { width:60px; }
.spanDay3 { width:90px; }
.spanDay4 { width:120px; }
.spanDay5 { width:150px; }
.spanDay6 { width:180px; }
.spanDay7 { width:210px; }
.spanDay8 { width:240px; }
.spanDay9 { width:270px; }
.spanDay10 { width:300px; }

/* one for each day of the month */
.startDay1 { left:0;}
.startDay2 { left:30px;}
.startDay3 { left:60px;}
.startDay4 { left:90px;}
.startDay5 { left:120px;}
.startDay6 { left:150px;}
.startDay7 { left:180px;}
.startDay8 { left:210px;}
.startDay9 { left:240px;}
.startDay10 { left:270px;}
.startDay11 { left:300px;}
.startDay12 { left:330px;}
.startDay13 { left:360px;}
.startDay14 { left:390px;}
.startDay15 { left:420px;}
.startDay16 { left:450px;}
.startDay17 { left:480px;}
.startDay18 { left:510px;}
.startDay19 { left:540px;}
.startDay20 { left:570px;}
.startDay21 { left:600px;}
.startDay22 { left:630px;}
.startDay23 { left:660px;}
.startDay24 { left:690px;}
.startDay25 { left:720px;}
.startDay26 { left:750px;}
.startDay27 { left:780px;}
.startDay28 { left:810px;}
.startDay29 { left:840px;}
.startDay30 { left:870px;}
.startDay31 { left:900px;}


#masterTimetableTabs ol {
list-style-type:none;
padding:0;
margin:0;
font-weight:bold;
z-index:2;
}

#masterTimetableTabs > ol {
width:100%;
min-height:20px;
font-size:85%;
color:#A1A1A4;
}

#masterTimetableTabs ol li {
float:left;
width:30px;
text-align:center;
}

#masterTimetableTabs div ol li {
width:29px;
padding:5px 0;
}

#masterTimetableTabs div ol li a {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display:block;
padding:4px;
margin:0 2px;
text-decoration:none;
color:#000;
}

#masterTimetableTabs div ol li a:hover {
background:#040707;
color:#FFF;
}

#masterTimetableTabs div ol li a.selected {
border:1px solid #000;
padding:3px 4px;
}

.timetables .weekdayTimetable, 
.timetables .weekendTimetable,
.timetables .specialTimetable {
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border:1px solid #C9C9C9;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background:#FFF;
} 

.timetables .weekendTimetable {
background:#E8E9EA;
} 

.timetables .specialTimetable {
background:#FECC66;
}

.timetables .spanCol1 {
width:30px;
}

.timetables .spanCol2 {
width:60px;
}

.timetables .spanCol3 {
width:90px;
}

.timetables .spanCol4 {
width:120px;
}

.timetables .spanCol5 {
width:150px;
}

.timetables .selectedRange {
border-bottom:0;
}

.timetables .selectedRange a:hover,
.timetables .selectedRange a:focus {
cursor:text;
}

#masterTimetableTabs div.selectedRange  ol li {
width:29px;
padding:5px 0 6px 0;
}


.timetables .fullTimetable {
border:1px solid #C9C9C9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: -34px 20px 50px 20px;
/*position:relative;
top:-41px;*/
min-width:960px;
} 

.timetables .fullTimetableWeekend {
background:#E8E9EA;
} 

.timetables .fullTimetableSpecial {
background:#FECC66;
} 

.timetables .timetableMonth {
position: absolute;
top:45px;
right:5px;
}

.timetables #content .timetableMonth h2 {
display:inline;
padding: 0 10px;
font-size:1.7em;
}

.timetables .timetableMonth a {
background-image:url(../img/spriteTimetable.png);
background-position: -20px -76px;
height:20px;
text-indent:-9999px;
display:inline-block;
width:15px;
position:relative;
top:-2px;
}

.timetables #content .timetableMonth h2 + a {
background-image:url(../img/spriteTimetable.png);
background-position: -758px -76px;
}

.timetables .fullTimetableNavigation {
position:relative;
min-height:50px;
}

.timetables .fullTimetableNavigation .alert {
width:180px;
display:block;
min-height:20px;
padding: 15px 0 15px 40px;
font-size:85%;
background-position: -70px -445px;
}

.timetables .timetableEarlier, 
.timetables .timetableLater {
background-image:url(../img/spriteTimetable.png);
background-position: -21px -72px;
position: absolute;
top:15px;
left:230px;
height:20px;
font-weight:bold;
text-decoration:none;
color:#000;
padding-left:23px;
font-size:1.3em;
}

.timetables .timetableEarlier:hover, 
.timetables .timetableLater:hover,
.timetables .timetableEarlier:focus, 
.timetables .timetableLater:focus {
text-decoration: underline;
}

.timetables .timetableLater {
background-position: -708px -72px;
right: 10px;
left: auto;
padding-right:23px;
padding-left:0;
}

#timetableDirection {
margin:10px 0 40px 0;
}

.timetableOptions #timetableDirection {
margin:10px 0 0 0;
}

#timetableDirection label {
display:inline-block;
margin-right:25px;
}

#timetableDirection > span {
display:inline-block;
background-image: url(../img/spriteTimetable.png);
background-position: -18px -48px;
padding-left:70px;
margin-left:25px;
}

.fullTimetableWrapper {
background:#FFF;
padding:10px;
}






/*------------------------------------*\
   CONTENTS
\*------------------------------------*/
/*
SPRITE BACKGROUND
NEWS
NEWS ASIDES 
SERVICE ALTERATIONS TABLE

*/

/*------------------------------------*\
   $SPRITE BACKGROUND
\*------------------------------------*/
.serviceUpdate h2,
printTimetable {
background-image: url(../img/spriteGlobal.png) no-repeat;
}

.stopID {
font-size:80%;
margin:10px 0;
}

.next5 #content {
overflow: visible;
}

.next5 #content h1 { 
font-weight:normal;
margin-bottom: 0;
}

.next5 .lastUpdated { 
text-transform:uppercase;
margin: -5px 0 10px 0;
}

.next5 .lastUpdated a { 
text-transform: none;
}

.next5 .lastUpdated + form { 
margin-bottom: 25px;
}

.next5 .lastUpdated + form label { 
display:none;
}

.next5 .lastUpdated + form a { 
width:100px;
}

/*------------------------------------*\
   $TIMETABLE  
\*------------------------------------*/
.timetable, .timetableFullDay {
position:relative;
background:#ECECEC;
padding:5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:45px;
}

.timetable h2 {
font-weight:normal;
margin-left:10px;
}

.timetable > a {
position:absolute;
top:15px;
right:15px;
}

.timetable table {
margin: 25px 5px 10px 5px;
}

.timetable th, .timetable td {
padding:15px 20px 10px 5px;
vertical-align:top;
}

.timetable thead th {
border-bottom:1px solid #C0C1C1;
}

.timetable thead th span {
text-align:center;
display:block;
}

.timetable tbody th {
text-transform:uppercase;
}

.timetable tbody td a {
background: url(../img/global/bgArrowSmall.png) no-repeat 0 3px;
padding-left:12px;
margin-left:5px;
color:#000;
text-decoration:none;
} 

/*.timetable tbody tr:first-of-type td, .timetable tbody tr:first-of-type th {
padding-top:25px;
} */

.timetable tbody td span {
display:block;
text-align:center;
} 

.timetable table tfoot td, .timetable table tfoot th {
font-weight:normal;
font-size:0.9em;
}

.timetable tfoot th a {
background: url(../img/global/bgArrowSmall.png) no-repeat 0 1px;
padding-left:12px;
margin-left:5px;
color:#000;
text-decoration:none;
} 

.timetable tfoot th a:hover, .timetable tfoot th a:focus  {
text-decoration:underline;
} 

.moreServices {
display:none;
}

.stationHeading {
font-weight:normal;
margin-bottom:5px;
}

.stationHeading a {
font-size:50%;
}

.saveAs {
top:5px;
}

.timetableOptions {
position:relative;
min-height:60px;
margin-bottom:-20px;
}

.timetableOptions .printTimetable {
top: -5px;
right: 0;
}

.timetableOptions ul  {
padding-left:0;
}

.timetableOptions li  {
display:inline-block;
margin-right:25px;
font-weight:bold;
}

.timetableOptions .selectBox-dropdown {
margin-right:0;
}

#timetableDirection ul + label {
position: absolute;
top: 25px;
right: 0;
margin-right:0;
}

.timetableFullDayOptions {
border-bottom:1px solid #D7D4D4;
padding-bottom:20px;
margin-bottom:20px;
}

.timetableFullDay {
padding:5px 10px;
}

.timetableFullDay h2 {
font-weight: normal;
}

.timetableFullDay label {
position:absolute;
top:45px;
right:9px;
}

.timetableFullDay table {
padding:5px 10px;
margin-bottom: 30px;
}

.timetableFullDay table + table{
margin-bottom: 5px;
}

#content .timetableFullDay th {
min-width:50px;
text-align:left;
}

.timetableFullDay caption {
color:#999;
text-align:left;
font-weight:bold;
}

.timetableFullDay td {
cursor:pointer;
padding:0;
}

.timetableFullDay td:hover,	 	
.timetableFullDay td.selected {	 	
background-color:#666;	 	
color:#FFF;	 	
}	 	
		 	
.timetableFullDay td.empty:hover {	 	
background-color:#FFF;	 	
cursor: auto;	 	
}

.viewTimetablesFor {
border-top: 1px solid #666;
}

#content .viewTimetablesFor p {
margin-bottom:10px;
padding-bottom:0;
}

#content .viewTimetablesFor ul {
padding-left:0;
margin:0 0 0 0;
list-style-type:none;
}

.viewTimetablesFor li {
padding-bottom:5px;
}

.viewTimetablesFor li a {
text-decoration:none;
color:#000;
padding-left:15px;
background:url(../img/global/bgArrowSmall.png) no-repeat 0 3px;
}

.viewTimetablesFor li a:hover, .viewTimetablesFor li a:focus {
text-decoration:underline;
}

.printTimetable {
background-image: url(../img/spriteGlobal.png);
background-position: 0px -507px;
position:absolute;
top:15px;
right:20px;
padding-left:28px;
color:#000;
text-decoration:underline;
}

.printTimetable:hover {
text-decoration:none;
}

.printTimetable + ul {
padding-left: 0;
}

.printTimetable + ul li {
display:inline;
list-style-type: none;
font-weight:bold;
padding-right:30px;
}

/*------------------------------------*\
   $TOOLTIP POPUP 
\*------------------------------------*/
.timetable tbody tr:hover, 
.timetableFullDay tbody tr:hover {
background:#FFF;
}

.timetable tbody td .tooltip, 
.timetableFullDay tbody td .tooltip {
display: none;
background: #FFF url(../img/next5/bgNextStops.png) -10px -10px no-repeat;
border: 1px solid #C2C3C3;
width: 190px;
padding: 5px 0 0 15px;
z-index: 1000;
text-align:left;
overflow:visible;
}

.timetable tbody td .tooltip span, 
.timetableFullDay tbody td .tooltip span {
display: block;
width:13px;
height:17px;
background: transparent url(../img/next5/bgNextStops.png) 0 0 no-repeat;
position:absolute;
top: 80px;
left:-13px;
}

.timetable tbody td .tooltip ul, .timetable tbody td .tooltip li,
.timetableFullDay tbody td .tooltip ul, .timetableFullDay tbody td .tooltip li {
list-style-type:none;
padding-left:0;
}

.timetable tbody td .tooltip li,
.timetableFullDay tbody td .tooltip li {
padding-bottom:5px;
color:#333;
}

.timetable tbody td .tooltip li.previousStation,
.timetableFullDay tbody td .tooltip li.previousStation {
color:#666;
}

.timetable tbody td .tooltip li.yourStation,
.timetableFullDay tbody td .tooltip li.stops,
.timetableFullDay tbody td .tooltip li.yourStation {
font-weight:bold;
}

.timetable td div,
.timetableFullDay td div {
text-align:center;
padding:5px 7px;
}

.stationSummary {
	float:left;
	clear:left;
	width:300px;
	/* min-height:220px; */
	margin: 15px 0;
}

.stationSummary td, .stationSummary th {
	font-weight:normal;
	padding: 5px 15px 5px 0;
	vertical-align:top;
}

.stationSummary th {
	font-weight:normal;
	width:130px;
}

.stationGallery {
float:left;
width:336px;
margin-left:100px;
padding-left: 0;
}

.stationGallery li {
display:inline-block;
min-height:200px;
list-style-type:none;
margin-left:10px;
}

.stationGallery li div {
background: url(/img/spriteGlobal.png) -12px -570px;
font-size:90%;
padding-left: 15px;
}

.stationGallery li a {
text-decoration:none;
color: #666;
}

.stationGallery li a:hover, .stationGallery li a:focus {
text-decoration:underline;
}

.stop-timetables li {
	list-style: none;
}

.stop-timetables li a img {
	padding-right: 15px;
	padding-bottom: 10px;
}


/*------------------------------------*\
   $ALERTS
\*------------------------------------*/
.alert {
	position:relative;
	overflow:visible;
	color:#BB340D;
	background:none;
	background-image: url(../img/spriteGlobal.png);
	background-position: -4px -460px;
}

.serviceUpdate {
padding:5px 15px;
background-color:#FAFBC5;
color:#000;
}

.serviceUpdate h2 {
background-image: url(../img/spriteGlobal.png);
background-position: -80px -462px;
padding-left:30px;
}

.serviceUpdate a {
font-weight:normal;
}

.timetable tbody td div {
padding:2px 8px 8px 3px;
}

.alert:hover, .alert:focus {
	cursor: pointer;
}

.timetable td .alert div {
	display:none;
	position:absolute;
	background:#FBF8C7;
	width:330px;
	top: -13px;
	left:63px;
	text-align:left;
	padding-right:15px;
	-moz-box-shadow: 3px 3px 5px #999;
	-webkit-box-shadow: 3px 3px 5px #CCC;
	box-shadow: 3px 3px 5px #CCC;
}

.timetable td .alert div h2 {
font-size:1.2em;
margin-bottom:0;
background-image: url(../img/spriteGlobal.png);
background-position: -80px -462px;
padding-left:24px;
padding-bottom:1px;
margin-bottom:0;
}

.timetable td .alert div h2 a {
color: #426DC7;
text-decoration:underline;
background-image:none;
padding-left:0;
}

.timetable td .alert div p {
padding-left:40px;
margin-top:0;
line-height:1.3;
color:#000;
}

.timetable td .alert div h2 a:hover {
text-decoration:none;
}

/*------------------------------------*\
   $FOOTER AND NEXT 5 FOOTER
\*------------------------------------*/

#timetablesFooter {
clear:left;
background:#E1E0E0;
padding: 30px 0 20px 0;
position:relative;
min-height:150px;
}

#timetablesFooter > div {
width:960px;
margin: 0 auto;
overflow: auto;
}

#timetablesFooter div > a {
position:absolute;
bottom: 0;
right:20px;
}

#timetablesFooter div > div {
float: left;
width: 185px;
margin-right: 20px;
}

#timetablesFooter ul {
padding-left: 0;
margin-top:0;
}

#timetablesFooter ul + ul, #timetablesFooter ul + h3  {
border-top: 1px solid #D5D5D5;
padding-top: 13px;
}

#timetablesFooter li {
list-style-type: none;
font-size: 90%;
}

#timetablesFooter li a, #timetablesFooter h3 a, #timetablesFooter h4 a {
color: #000;
display: block;
text-decoration: none;
padding: 2px 6px;
}

#timetablesFooter h3 a {
padding: 2px 6px;
}

#timetablesFooter li a:hover, #timetablesFooter li a:focus, 
#timetablesFooter h3 a:hover, #timetablesFooter h3 a:focus,
#timetablesFooter h4 a:hover, #timetablesFooter h4 a:focus {
background: #FFF;
}

#timetablesFooter .servicesNavFooter {
font-weight:bold;
width:120px;
}

#timetablesFooter .servicesNavFooter a {
background: url(../img/global/bgArrowSmall.png) no-repeat 3px 4px;
padding-left: 15px;
}

#timetablesFooter .servicesNavFooter a:hover,  #timetablesFooter .servicesNavFooter a:focus {
background: #FFF url(../img/global/bgArrowSmall.png) no-repeat 3px 4px;
}

#timetablesFooter div div h3 {
font-size:0.95em;
margin:0 0 1px 0;
}

#timetablesFooter div > div {
width: 140px;
}

#timetablesFooter div div h4 {
margin:5px 0 1px 0;
font-size:0.95em;
}

#timetablesFooter div div ul + h4 {
margin:25px 0 1px 6px;
}

/*------------------------------------*\
   $FOOTER
\*------------------------------------*/
#footer div > div.timetablesContact {
float:right;
width:150px;
}



/*------------------------------------*\
   $HTML ELEMENTS
\*------------------------------------*/
a:hover, a:focus { color:#C00; }

/* Work around problem with timetables having an a tag wrapping everythingg */
a h2 {
	color: #000;
}

a div {
	color: #000;
}

.accessibleLinks {
	float: right;
	height: 40px;
	line-height: 40px;
	margin-top: -30px;
}

/*------------------------------------*\
   $INTERNET EXPLORER SCREEN MODIFICATIONS
\*------------------------------------*/
.ie7 .timetables #content {
overflow: hidden;
}

.ie7 .selectBox-dropdown, .ie8 .selectBox-dropdown, .ie9 .selectBox-dropdown {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.2;
}

.ie7 .timetables .selectBox-dropdown { 
  width:70px;
}

.ie7 h1 + form a {
width:180px;
}

/*------------------------------------*\
   $PRINT LAYOUTS
\*------------------------------------*/
@media print {

	.timetableMonth,
	#timetableDirection,
	.timelineStandard,
	/*#masterTimetableTabs,*/
	.timetableEarlier,
	.timetableLater,
	.fullTimetableNavigation .alert,
	.saveAs,
	.printTimetable,
	.timetableFullDayOptions label,
	.printTimetable + ul li a,
	.stationHeading a {
	display:none;
	}

	.timetables .fullTimetable {
	border:1px solid #C9C9C9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	min-width:auto;
	} 

}