@charset "UTF-8";
/* Styling for Station Info pages */
body.station_info #breadCrumbs {float:left; padding:0 1em 0.2em;}
body.station_info #stationName { float: left; padding:0 1em 0.2em; margin-right:1em; width:98.5%;}
body.station_info #stationName H1 { float: left; font-size: 2.0em; font-family: arial,sans-serif;}
body.station_info #stationName .stationIcons { float: left;  height: 2.3em; padding: 0.0em 0 0 1em; margin: 0 0 0 0.5em; }
body.station_info #stationName .stationIcons .lineIcons { margin-left: -1em; margin-top: 0.6em; }
body.station_info #stationName .stationIcons IMG { vertical-align: bottom; }
body.station_info #stationName .stationAddress { font-size:18px;font-weight:bold;float:left;margin-left: 2em;padding: 0.0em 0 0 0em; }

body.station_info #stationName .ipIcons {border: 1px solid #3F3F3F; float:right;font-family: arial,sans-serif;font-size: 1.2em; background: #f1f1f3; padding: 0.1em; margin: 0.0em 1em 0.0em 1em;}
body.station_info #stationName #topLinks {float:right;font-family:helvetica,arial,sans-serif;font-size:1.2em;margin:0 1em;padding:0.1em;}
body.station_info #stationName .ipIcons A {color: #4B67A7;text-decoration:none;}
body.station_info #stationName .ipIcons A:hover { background-color: #ddd; color:black;}

body.station_info #column1 { float:left;width:40%; margin-left: 1em; background-color:#f1f1f3}
body.station_info #column2 { float:left;width: 56.5%; margin-left: 0.5em; margin-right:1em;}
	
body.station_info #column1 *,
body.station_info #column2 *{
	font-size: 1em;
}

body.station_info #column1 P { font-size: 1.1em; margin-bottom: 0.4em; }
body.station_info #column1 A { color: #4B67A7; }
body.station_info #column1 H2 { font-size: 1.3em; line-height: 1.4em; margin: 0em 0 0.3em 0; color: #0A94D6; background: #C8C8C8  ;	border-bottom: 1px solid #BCC3D6; clear: both; }
body.station_info #column1 P.stationAddress { clear: both; font-size: 1.6em; padding: 0 0 0 0; }
body.station_info #column1 P.additionalComments { clear: both; font-size: 1.1em; padding: .4em; background-color: #ffffcc;}
body.station_info #column1 .stationAccessIcons { margin: 0.5em 0 1em 0; }
body.station_info #column1 #saveStationLink { float: left; margin: 0 0 1em 0; padding: 0.3em 0.5em; background: #ddd; }
body.station_info #column1 #saveStationLink A { font-size: 1.4em; text-decoration: none; }
body.station_info #column1 #saveStationLink A IMG { font-size: 10px; width: 1.7em; height: 1.7em; vertical-align: text-bottom; border: none; }
body.station_info #column1 #stationParking {  }
body.station_info #column1 #connectingSubway { float: left; clear: none; }
body.station_info #column1 #connectingRail,
body.station_info #column1 #connectingBus,
body.station_info #column1 #connectingServices { float: left;}
body.station_info #column1 #stationParking P,
body.station_info #column1 #connectingSubway P, 
body.station_info #column1 #connectingRail P,
body.station_info #column1 #connectingBus P,
body.station_info #column1 #connectingServices P { padding: 0 0.3em; }
body.station_info #column1 #connectingRail A,
body.station_info #column1 #connectingBus A,
body.station_info #column1 #connectingServices A {	font-weight: bold; }

body.station_info #column2 H2 { font-size: 1.4em; line-height: 1.4em; padding: 0 0.2em; margin: 0em 0 0.3em 0; color: #506184; background: #E8ECF4;	border-bottom: 1px solid #BCC3D6; clear: both; }
body.station_info #column2 #services {	border-top: 0.1em solid #FFF; padding: 0.7em; }
body.station_info #column2 #services P { font-size: 1.1em; font-weight: bold; margin-bottom: 0.3em; }
body.station_info #column2 #services A { color: #4B67A7; }
body.station_info #column2 #services H4 { font-size: 1.2em; color: #3F3F3F; border-bottom: 1px solid #3F3F3F; margin: 1.2em 0 0.5em 0; }
body.station_info #column2 #mapWrapper,
body.station_info #column2 #mapCanvas,
body.station_info #column2 #interactiveMap {width: 100%;}
body.station_info #column2 #mapForm { border: 0.1em solid #CCC; background-color:#f1f1f3 ;padding:1em;}
body.station_info #column2 #mapCanvas{border:1px solid black; width: 100%; height: 400px;}
body.station_info #column2 #mapResults {background-color:white; margin-top: 0.8em;}
body.station_info #column2 #printMap {background:white; margin-top: 0.8em; visibility:hidden;float:right;padding:2em;}
#parkingCol1 {width:50%; height:200px;	background-color:#f1f1f3;} 
#parkingCol2 {width:50%; height:200px;	background-color:#f1f1f3;} 
.flagCanvas { position: absolute; visibility: hidden;}
.hintFont {	font-family: arial, helvetica, sans-serif;font-size: 12px;color: #000066;	text-decoration: none;}
.headerFont { font-family: arial, helvetica, sans-serif;font-size: 16px;	color: #000066;	font-weight: bold;}
.navFont {	font-family: arial, helvetica, sans-serif;font-size: 12px;color: #EE9D02;font-weight: bold;text-decoration: none;}