/* -------------------------------------------------------------- 
  
   print.css
   * Gives you some sensible styles for printing pages.
   * See Readme file in this directory for further instructions.
      
   Some additions you'll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }
   
-------------------------------------------------------------- */

body {
  line-height: 1.5;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#000;
  background: none;
  font-size: 12pt;
}


/* fix the IE print preview issue */

body,
#Site,
#Layout,
.container {
	overflow: visible !important	
}


/* Layout
-------------------------------------------------------------- */

.container {
  background: none;
}

hr { 
  background:#ccc; 
  color:#ccc;
  width:100%;
  height:2px;
  margin:2em 0;
  padding:0;
  border:none;
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Text
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
code { font:.9em "Courier New", Monaco, Courier, monospace; } 

img { float:left; margin:1.5em 1.5em 1.5em 0; }
a img { border:none; }
p img.top { margin-top: 0; }

blockquote {
  margin:1.5em;
  padding:1em;
  font-style:italic;
  font-size:.9em;
}

.small  { font-size: .9em; }
.large  { font-size: 1.1em; }
.quiet  { color: #999; }
.hide   { display:none; }


/* Links
-------------------------------------------------------------- */

a:link, a:visited {
  background: transparent;
  font-weight:700;
  text-decoration: underline;
}

/*a:link:after, a:visited:after {
  content: " (" attr(href) ")";
  font-size: 90%;
}*/

/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */


/* Custom for Metlink
-------------------------------------------------------------- */
html {
	background: white;
}
#Site.container,
#ContentContainer {
	overflow: visible !important;
}

#Header,
#SitewideBar,
#Footer,
#SubNavContainer {
	display: none !important;
}
#ContentContainer,
#Content {
	width: 100%;
}
	#ContentContainer h1 {
		float: none;
		margin-bottom: 2em;
	}
div.printnote {
	display: block !important;
}

/* Timetable specific
-------------------------------------------------------------- */
.jumpToCurrentTime,
#AllMajorSwitcher,
#TimetablePDF,
#TimetablePrint {
	display: none !important;
}
#Timetable .hidden {
	display: none;
}
#Timetable table td {
	font-size: 85%;
}

#Timetable table td.stop {
	width: 100px;
}

#Timetable .timetableInfo {
	border-top: 0;
	padding: 0;
}
#timetableHeader h1 {
	font-size: 24pt;
	position: relative;
	bottom: -3pt;
}
	#timetableHeader .box {
		padding: 0 !important;
	}
#RouteServiceUpdates,
#timetableHeader .ico48,
.timetableTools,
#timetableTypeSelector a.ui-btn,
#timetableValidity form select,
#TimetableValidity-Help,
#timetableValidity .ui-btn,
#RelatedTimetables,
#Validity select {
	display: none;
}

#TimetablePage.major #ShowMajorStops,
#TimetablePage.all #ShowAllStops {
	display: inline
}


#timetableTypeSelector span.current {
	font-weight: bold;
}

#Timetable {
	overflow: visible;
	padding: 0 !important;
}

#Timetable table {
	width: 100%;
	float: none;
}
#Timetable table .timing td.stop {
	font-weight: bold;
	width: 140px !important;
	padding-right: 3px;
}
#Timetable table td {
	min-width: 2em !important;
	padding: 0.25em;
}
#Timetable table td.stop a {
	text-decoration: none;
	color: black;
}
#WhenTab, 
#WhereTab,
#Inbound,
#Outbound,
#Timetables,
.groupContainer {
	overflow: visible !important;
	width: 100%;
	padding: 0 !important;
}
#TimetablePage .ui-widget-content {
	overflow: visible !important;
}
.timetableInfo h3 span {
	display: inline-block;
	margin-right: 1em;
}
#Inbound .timetableInfo h3:after {
	content: "Inbound";
}
#Outbound .timetableInfo h3:after {
	content: "Outbound";
}
div.Notes p:before,
a.nb:before {
	content: "*";
}
a.nb {
	font-weight: normal;
	color: lightgrey !important;
	font-size: 80% !important;
}
#Timetables td {
	border-left: 1px solid lightgrey !important;
	border-top: 1px solid lightgrey !important;
}
#Timetables td.stop {
	border-left: 1px solid lightgrey !important;
}
#Timetables td.last {
	border-right: 1px solid lightgrey !important;	
}
#Timetable table tr.last td {
	border-bottom: 1px solid lightgrey;
}

/* Journey planner specific
-------------------------------------------------------------- */

#JourneyPlannerPage {
	font-size: 85%;
}

#JourneyPlannerPage #MapTools,
#JourneyPlannerPage #JourneyTabs .ui-tabs-hide,
#JourneyPlannerPage #JourneyTabs span.walk,
#JourneyPlannerPage #JourneyTabs span.bus,
#JourneyPlannerPage #JourneyTabs span.train {
	display: none !important;
}
#JourneyPlannerPage #ContentHeader h3 {
	margin: 0;
}
#JourneyPlannerPage #MapLegend .line {
	display: none;
}
#JourneyPlannerPage #MapContainer {
	overflow: hidden;
	width: 100%;
	margin-bottom: 2em;
}
#JourneyPlannerPage #JourneyMap {
	width: 80%;
	float: left;
	overflow: hidden;
}

#JourneyPlannerPage #MapLegend {
	width: 18%;
	float: right;
}
#JourneyPlannerPage #JourneyTabs {
	clear: left;
}
#JourneyPlannerPage #Journeys li b {
	margin-left: 0.5em;
}
#JourneyPlannerPage #Journeys li .span-5 {
	margin-right: 1em;
}
#JourneyPlannerPage #JourneyTabs p.span-2 {
	margin-right: 1em;
}
#JourneyTabs span.steplabel,
#JourneyTabs h4.span-2,
#JourneyTabs .key div.span-2,
#JourneyTabs .times p.span-2 {
	width: 6em;
}
#JourneyTabs h3,
#JourneyTabs h4,
#JourneyTabs h5,
#JourneyTabs p {
	margin: 0.25em 0;
}
#JourneyTabs .fares .span-14 div {
	display: inline;
}
#JourneyPlannerPage #JourneyTabs .key span.steplabel,
#JourneyPlannerPage #JourneyTabs .key h2 {
	display: inline;
}
#JourneyPlannerPage #JourneyTabs .fares .span-14 .span-2,
#JourneyTabs .fares .span-3,
#JourneyTabs .fares .span-4 {
	float: left;
	margin: 0 1em 0 0;
}
#JourneyTabs .fares td {
	vertical-align: top;
}

#JourneyTabs .fares .last {
	clear: left;
	margin-bottom: 0.5em;
}
#JourneyTabs table {
	border-collapse: collapse;
}
#JourneyTabs .leg td {
	border-top: 2px solid #999;
}

#JourneyPlannerPage #ContentHeader .span-18 {
	overflow: hidden;
}
	#JourneyPlannerPage #ContentHeader .span-9 .span-1,
	#JourneyPlannerPage #ContentHeader .span-9 .span-2,
	#JourneyPlannerPage #ContentHeader .span-9 .span-7,
	#JourneyPlannerPage #ContentHeader .span-9 {
		float: left;
		margin-right: 2em;
	}

#JourneyPlannerPage hr {
	margin: 0;
	position: relative;
	bottom: -0.5em;
}
#JourneyPlannerPage .ui-btn,
#JourneyPlannerPage #ServiceUpdates,
#JourneyPlannerPage #Journeys a.jumplink,
#JourneyPlannerPage #Journeys .ui-state-default {
	display: none;
}
#JourneyPlannerPage #Journeys .ui-state-active,
#JourneyPlannerPage #Journeys .ui-tabs-selected {
	display: block !important;
}
#JourneyPlannerPage #Journeys {
	list-style-type: none;
	padding: 0;

}
	#JourneyPlannerPage #Journeys li a {
		text-decoration: none;
		color: #000;
	}
		#JourneyPlannerPage #Journeys li a .last {
			display: block;
		}

/* Timetable specific
-------------------------------------------------------------- */

/* Busstop specific 
-------------------------------------------------------------- */
.stop-navigation { display: none;}

#BusStopRoutes h2 { display: none;}