html {
  background: none;
}

body {
  width: 950px;
  margin: 0 20px 20px 20px;
  font-family: arial, helvetica, sans-serif;
  font-size: 62.5%;  /* Default = 16px | 1em = 1px (16 x 62.5= 10) | e.g. 1.3em is approximately 1.3px */
  line-height: 160%;
  background: #ffffff url(../images/global/print-logo.gif) no-repeat 20px 20px;
  position: relative;
}

form#site-search,
div#utility-nav,
div#header,
div#breadcrumbs,
div.utility-links,
div.station-tabs,
ul#leftnav,
div#itinerary-nav,
div.direction-tab-container,
table.panel-tabs,
div#quickplanner-buttons,
div#closest-buttons,
div#footer {
  display: none; 
  height: 0;
  width: 0;
  top: 0;
}

div#subheader {
  border-bottom: 4px solid #7c7c69;
  width: 930px;
  position: relative;
  top: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

div#main {
  top: 0;
}

div#content-header {
  margin-bottom: 10px;
}

div#header ul#main-nav li ul.subnav {
  top: 0;
}

h1 {
 color: #000000;
 font-size: 2.3em;
 line-height: 1.3em;
}

h2 {
  color: #000000;
  font-size: 1.8em;
  padding-bottom: 5px;
}

h3 {
  color: #000000;
  font-size: 1.5em;
  margin-bottom: 10px;
  text-align: left;
}

div.station-advisories h3 {
  display: inline;
  margin: 10px 0;
}

h4 {
  color: #000000;
  font-size: 1.2em;
  margin-bottom: 10px;
}

h4.strong {
  color: #000000;
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: bold;
}

h5 {
  color: #000000;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 10px;
}

hr {
  color: #c3c6c0;
  background-color: #c3c6c0;
  height: 1px;
  border: none;
  margin-bottom: 15px;
}

strong {
  font-weight: bold;
}

h1 span {
  font-size: 0.6em;  /*2.5em to 15px*/
}

div.schedule-results,
div.station-listing,
div.schedules-table {
  height: auto;
  overflow: visible;
}

div.schedule-results div.module-panel-blue .ft,
div.schedule-results div.module-panel-blue div.bd div.module-gray-ds .ft,
div.schedule-results div.module-gray-ds .bd {
  border: none;
}

div.schedules-table table tr th,
div.station-listing table tr th {
  border: none;
}

/*-- Global Links --*/
a {
  color: #006699;
  text-decoration: none;
  font-size: 1.1em;
}

a:hover {
  text-decoration:underline;
}

a:active {
  color:#000000;
}

html body#home div#main {
  margin-top: 20px;
  border-top: 4px solid black;
  display: block;
}

/*SCHEDULES CSS*/
div.schedule-results-station h3,
div.schedule-results h3 {
  display: inline;
}

table.panel-tabs tr td.panel-label-selected a {
  color: #000000;
  font-size: 1.5em;
  margin-top: 20px;
  text-decoration: none;
  display: inline;
}

div.itinerary table,
table.panel-tabs {
  margin: 10px auto;
}

div.itinerary table tr td a,
div.itinerary table tr td a:hover,
div.itinerary table tr td a:visited {
  color: #7C7C69;
  text-decoration: none;
}

div.itinerary table tr td.selected a,
div.itinerary table tr td.selected a:hover,
div.itinerary table tr td.selected a:visited {
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

div.itinerary table tr td span {
  display: block;
}

table.panel-tabs tr td.panel-label {
  display: none;
}

div.schedules-table table {
  border-collapse: collapse;
}

div.schedules-table table tr td,
div.station-listing table tr td {
  border: 1px solid #000000;
}


div.schedules-table table tr td {
  width: auto;
}

/*SCHEDULE RESULTS PAGE*/
div#results {
  width: 510px;
  float: left;
}

div#results-map {
  float:right;
  width: 405px;
}

div.module-gray-ds {
  border:1px solid #333333;
  margin: 20px 0;
}

div.line {
  font-weight: bold;
  text-align: center;
  font-size: 1.3em;
}

div.no-transfer div.station-start,
div.no-transfer div.station-end {
  width: 49.9%;
  float: left;  
}

div.one-transfer div.station-start,
div.one-transfer div.station-end {
  width: 29.9%;
  float: left;
  display: inline;
}

div.two-transfer div.station-start,
div.two-transfer div.station-end {
  width: 19%;
  float: left;
  display: inline;
}

div.one-transfer div.station-transfer {
  width: 39.9%;
  float: left;
  display: inline;
  text-align: center;
}

div.two-transfer div.station-transfer {
  width: 29%;
  float: left;
  display: inline;
  text-align: center;
}

div.one-transfer div.station-start,
div.one-transfer div.station-end {
  width: 29.9%;
  float: left;
  display: inline;
}

div.one-transfer div.station-transfer {
  width: 39.9%;
  float: left;
  display: inline;
  text-align: center;
}

div.arrival-time,
div.departure-time {
 font-weight: bold;
  font-size: 1.4em;
  margin-top: 5px;
}

div.station-transfer div.arrival-time,
div.station-transfer div.departure-time {
  font-size: 1.0em;
  font-weight: normal;
  display: inline;
}

div.module-directions div.station-end,
div.module-directions div.station-end div
{
  text-align:right;
}

a.more-schedule-results {
  font-size: 1.2em;
}

.bikes-ok {
  background: transparent url(../images/icons/bike.png) no-repeat right 2px;
  padding-right: 15px;
}

/*STATION LISTING PAGE*/
div#stations-landing {
  float: left;
  width: 332px;
  padding-left: 10px;
}

div#station-map {
  float: left;
  margin-left: 15px;
  width: 580px;
}

div#station-map table.panel-tabs,
div#stations-landing div.featured-station {
  display: none;
}

div#stations-landing ul {
  float: left;
  width: 156px;
  padding: 0;
}

div#stations-landing ul li {
  list-style-position: outside;
}

/*STATION DETAILS PAGES*/
form#station-trip-planner {
  display:none;
}

div#station-details {
  float: left;
  width: 562px;
  padding-right: 15px;
  border-right: 1px solid #c3c6c0;
}

div#related-map {
  float: left;
  width: 351px;
}

div.topic-image {
  float: left;
  display: inline;
  clear: both;
  margin: 0 15px 0 0;
}

div.topic-section {
 float: left;
 display: inline;
 padding: 0 0 10px 0;
}

div.three-column div.topic-section {
  width: 274px;
}

div.topic-lead {
  border-bottom: 1px solid #c3c6c0;
  margin-bottom: 10px;
}

div.guide div.topic-lead,
div#neighborhood-details div.topic-lead {
  border-bottom: none;
}

div.topic-lead ul.this-month {
  margin-bottom: 10px;
}

div.topic-lead,
ul.station-news {
  float: left;
  display: inline;
}

ul.newsletter-links {
  line-height:1.8em;
  margin-bottom:10px;
  margin-top:1px;
  float: left;
  display: inline;
}

div.topic-section ul,
div.topic-section a.more-details {
  padding-left: 0;
}

div.topic-section p {
  margin-bottom: 10px;
}

div.topic-section h5 {
  margin-bottom: 5px;
}

div#station-details div.topic-section {
  width: 345px;
}

div#station-details div.topic-image {
  margin: 0 15px 10px 0;
}

div#station-details div.topic-image a {
  float: left;
  display: inline;
}

div#station-details div.topic-section p,
div#station-details div.topic-section ul {
  padding-right: 20px;
}

ul.important-links {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  clear: both;
  width: 100%;
}

ul.important-links li {
  float: left;
  display: inline;
  padding: 4px 10px 4px 0;
}

div#station-details div.module,
div#neighborhood-map div.module,
div#neighborhood-location,
div.neighborhood-map div.module-gray,
ul.important-links {
  float: left;
  display: inline;
}

div.partial {
  width: 257px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
  display: inline;
  padding: 0 2px 10px 2px;
  border-bottom: 1px solid #000000;
}

div.full {
  width: 532px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
  display: inline;
  border-bottom: 1px solid #000000;
  padding-bottom: 10px;
}

div.new div.full {
  width: 718px;
  clear: both;
  float: none;
  display: block;
}

div.partial p,
div.partial ul,
div.full ul,
div.full p,
div.full form {
  padding: 0 10px;
}

div.partial a.more-details,
div.full a.more-details {
  padding-left: 10px;  
}

div.full-wrapper {
  width: 542px;
  float: left;
  display: inline;
}

div.full p,
div.partial p {
  line-height: 1.3em;
  margin-top: 4px;
}

div.full div.topic-section,
div.full div.topic-image {
  padding-top: 10px;
}

div#related-map div.related-photos {
  padding-left: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c6c3c0;
}

div#related-map ul.station-thumbnails {
  margin-bottom: 10px;
}

div#related-map div.station-photo-lg {
  height: 259px;
  overflow: hidden;
  position:relative;
  width: 336px;
  margin-bottom: 20px;
}

div#related-map div.large-matte {
background:transparent url(../images/global/station-image-matte.png) no-repeat top left;
  position: relative;
  z-index: 3;
  height: 259px;
  width: 336px;
}

div#related-map div.station-photo-lg div.img-container {
  position: relative;
  z-index: 2;
  top: -253px;
  left: 4px;
  height: 238px;
  width: 329px;
  overflow: hidden;
}

div#related-map ul.station-thumbnails li {
  display: inline;
  float: left;
  margin: 0 14px 0 0;
  height: 58px;
  overflow: hidden;
  position:relative;
  width: 70px;
}

div#related-map ul.station-thumbnails li.last {
  margin-right: 0;
}

div#related-map ul.station-thumbnails div.matte,
div#related-map ul.station-thumbnails div.matte-selected {
  border: 1px solid #c6c3c0;
  position: relative;
  z-index: 3;
  height: 58px;
  width: 70px;
}

div#related-map ul.station-thumbnails li img {
  position: relative;
  z-index: 2;
  top: -57px;
}

div.related-photos p.caption-right {
  text-align: right;
  position: relative;
  bottom: 20px;
  margin-bottom: 0;
}

div.related-promos {
  padding-left: 15px;
}

/*ADVISORIES*/

div.advisories,
div.advisories-on {
  font-weight: bold;
  border-bottom: 1px solid #c6c3c0;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

div.advisories-on h5,
div.advisories h5 {
  display: inline;
}

div.current-advisories ul.advisory-links,
div.advisories ul.advisory-links,
div.advisories-on ul.advisory-links {
  float: right;
  display: inline;
  position: relative;
  bottom: 25px;
  text-align: right;
  margin-top: 0;
}

div.current-advisories ul.advisory-links {
  bottom: 18px;
  padding-right: 10px;
}

div.advisories ul.advisory-links,
div.advisories-on ul.advisory-links {
  *bottom: 35px;
}

div.advisories ul.advisory-links li img.rss,
div.advisories-on ul.advisory-links li img.rss,
div.current-advisories ul.advisory-links li img.rss {
  position: relative;
  padding: 0 4px 0 0;
  top: 2px;
}

/*-- Station Template- Neighborhood Styles--*/
div#neighborhood-details {
  float: left;
  display: inline;
  width: 683px;
  padding-right: 15px;
  border-right: 1px solid #c3c6c0;
}

div#attractions {
  float: right;
  display: inline;
  width: 231px;
}

div#related-content div.sidebar,
div#attractions div.sidebar {
  border-bottom: 1px solid #c3c6c0;
  padding: 0 0 15px 15px;
  margin-bottom: 15px;
}

/*RIDER GUIDE*/
div#main.three-column div#content {
  float: left;
  display: inline;
  width: 562px; /* +1 (lft border - 15 (left padding) + 562 - 15 (rt padding) + 1 (rt border) */
  padding: 0 15px;
}

div#related-content {
  float: left;
  width: 168px; /*169 - 1 (left border)  */
}

div.new div#content div.topic-section {
  width: 567px;
  padding: 0 10px 0 0;
}

div.new div#related-content {
  border-left: 1px solid #c3c6c0;
  height: 93px;
}

div.new div#related-content div.related-box {
  height: 73px;
  margin-left: 15px;
}

ul#leftnav-topics-nav {
  width: 168px;
  text-align: left;
  margin: 0 0 0 13px;
  float: left;
  display: inline;
}

ul#leftnav-topics-nav li {
  border-bottom: 1px solid #c3c6c0;
  display: block;
}

div.topics-panel {
  float: left;
  display: inline;
  width: 440px;
  border-left: 1px solid #c3c6c0;
  padding-left: 15px;
  margin-top: 15px;
}

div.topics-content {
  height: 475px;
  overflow: auto;
  text-align: left;
}

div#content div.module {
  clear: both;  
}

/*SCHEDULES */
div.schedule-results-station div.train-direction {
  float: left;
  display: inline;
  width: 349px;
  margin-right: 18px;
}

div.schedule-results-station div.train-direction h4 {
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 15px;
}

div.schedule-results-station table {
  width: 335px;
  margin: 0 5px;
}

div.schedule-results-station table tr th {
  font-weight: bold;
  font-size: 1.2em;
}

div.schedule-results-station table tr th.time {
  padding-left: 14px;
}

div.schedule-results-station div.module-gray-ds table tr td.bike {
  background-image: url(../images/icons/bike.png);
  background-position: center center;
  background-repeat: no-repeat;
}

div#main {
 top: 0;
}

/* hide footer flags */
div#locales {
  display: none;
}

/* Sitemap */
#sitemapcolumn {
  float: left;
  width: 175px;
}

#sitemapcolumn ul li {
  margin-top: 0;
  margin-bottom: 0;
}

div#route {
  height: auto;
  overflow: visible;
}

div#mapwindowstatic-closest,
div#mapwindowstatic-quickplanner {
  z-index:2;
}

div#mapwindow {
  z-index:-1;
}

/*GLOBAL HACKS*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */