/*directionsResults.jsp & results.jsp*/

div#results div.module-panel-blue div.bd {
  padding: 0;
}

div#content.schedule-results-station div.module-advisory {
  margin: 15px 0;
}

div.schedule-results-station div.module-advisory div.current-advisories {
  padding: 0 10px;
}

div.schedule-results-station div.module-advisory div.current-advisories h3 {
  color: #663333;
  font-weight: bold;
  margin-right: 5px;
}

div#results div.station-directions-results {
  float: none;
}

div#results div.module-panel-blue div.bd div.map-with-directions {
  padding: 5px 15px 0 15px;
  width: 465px;
  background-color: #ffffff;
}

div#results-map div.module-station-map {
  margin: 0 15px;
  padding-bottom: 7px;
}

div.station-to-station div.module-gray-ds {
  margin-bottom: 5px;  
}

div#results-map div.station-map {
  margin-bottom: 11px;
  padding-top: 6px;
}

div.station-to-station div#results div.module-gray-ds div.module-directions,
div.trip-results div#results div.module-gray-ds div.module-directions {
  padding: 0px 10px 0 10px;
  margin-top: -4px;
}


div.trip-results div#results-map  div.module-gray-ds {
  margin-bottom: 5px;
}

div.bart-trip-details {
  padding: 0;
  width: 507px;
  overflow: visible;
  position: relative;
  text-align: center;
}

div.bart-trip-details,
div.directions-from,
div.directions-to {
 width: 507px;
 margin: 0 auto;
}

div.bart-trip-details div.module-gray-ds,
div.directions-from div.module-gray-ds,
div.directions-to div.module-gray-ds {
 width: 480px;
 margin: 0 auto 15px auto;
}

div#results div.station-directions-results table {
  width: 445px;
  clear:both;
}

div#results div.station-directions-results div.travel-method {
  width: 50%;
  float: left;
}

div#results div.station-directions-results div.total-trip {
  width: 50%;
  float: right;
  text-align: right;
  margin-right: 5px;
}


/*schedules.jsp*/

div#content div.tab-panel-divider {
  width: 548px;
  top: -4px;
  margin-left: 9px;
}

div.two-column div#content div.tab-panel-divider {
  width: 730px;
}


div#content div.module-panel-blue {
  top: -5px;
}

div.schedules-line {
  width: 517px;
  padding: 0 15px;
}

div.schedules-line img {
  margin-top: 15px;
  padding-left: 12px;
}

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

div.sidebar p.last {
  margin-bottom: 0;
}

div#related-content div.sidebar img {
  margin-bottom: 10px;
}

div#related-content div.last {
  border: none;
}

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

div#related-content div table tr td {
  padding-right: 15px;
}

div#related-content div table tr td.last {
  padding-right: 0;
}

/*trip planner form styles*/
div.schedules-line form.trip-planner {
  padding-left: 0;
}

div.schedules-line form.trip-planner fieldset {
  width: 100%;
  padding: 0;
  margin: 0;
}

div.schedules-line form.trip-planner input.date {
  margin-left: 0;
  margin-bottom: 15px;
  width: 78px;
}

div.schedules-line form.trip-planner div.button a span {
  padding: 4px 8px 5px 13px;
}

div.schedules-line form.trip-planner a.calendar-icon {
  position: relative;
  top: -1px;
  left: -23px;
  float: left;
}

div.schedules-line form.trip-planner a.calendar-icon img {
  margin-top: 5px;
  padding-left: 0;
}

div.schedules-line form.trip-planner div.button {
  margin: 0;
  float:left;
}

div.schedules-line form.trip-planner fieldset.date input.date {
  width: 84px;
}

div.schedule-date table#calendar-widget {
  left:518px;
  top: 80px;
}

div.schedules-line form.trip-planner fieldset.schedule-by-line {
  width: 60%;
  float: left;
  display: inline;
}

div.schedules-line form.trip-planner fieldset.date select#schedule-date {
  margin-left: 5px;
}

div.schedules-line form.trip-planner fieldset.date {
  width: 104px;
  float: left;
  display: inline;
}

div.schedules-line form.trip-planner legend {
  font-size: 1.4em;
  margin-bottom: 12px;
}

div.schedules-line form.trip-planner label {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.4em;
}

div.schedules-line form.trip-planner input.radio {
  width: 1em;
}

/*schedulesByLineResults.jsp*/
span.small {
  font-size: .7em;  
}

p.bike-hours {
  padding-left: 15px;  
}

strong.shaded {
  padding: 3px 2px;
  background-color: #ffffcc;
  text-decoration: underline; 
}

div.page-lead {
  margin: 5px 0 12px 8px;
}

div.station-listing {
  width: 711px;
}

div.schedule-results div.station-listing {
  height: 515px; /* 635 - 120 */
  padding: 130px 0 0 0;
}

div.schedule-results div.module-gray-ds {
  width: 714px;
  position: relative;
}

div.schedule-results .tabs a {
  padding-right: 12px;
}

div.schedule-results div.module-panel-blue {
  top: -1px;
}

div.schedules-table {
  position: absolute;
  width: 711px;
  height: 490px;
  top: 195px;
  z-index: 11; /* station-listing div has z-index of 11 (for use on stations.jsp page). This needs to be over that */
  left: 6px;
  overflow: auto;
}

div.schedules-table table,
div.station-listing table {
  table-layout: fixed;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

div.schedules-table table tr th,
div.station-listing table tr th {
  background-color: #f2fafd;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  height: 20px;
}

div.schedules-table table tr td,
div.station-listing table tr th  {
  border-right: 1px solid #cccccc;
  font-size: 0.9em;
  text-align: center;
  padding: 2px 0;
}

div.schedules-table table tr td.even {
  background-color: #f3f3f0;
}

div.schedules-table table tr td.shaded {
  background-color: #ffffcc;
  text-decoration: underline;
  border: 1px dotted black;
}

div.schedules-table table tr.stations th {
  height: 1px;
  overflow: hidden;
  border-right: 1px solid #ffffff;
}

div.schedules-table table tr.stations span {
  position: absolute;
  left: -300px;
  width: 10px;
  height: 1px;
  overflow: hidden;
}

div.station-listing table tr.stations th div {
  position: relative;
  width: 100%;
  /*overflow:hidden;*/
}

div.station-listing table tr.stations th {
  background: #ffffff url(../images/icons/station-stop-icon.gif) no-repeat 50% 50%;
  border-right: 1px solid #ffffff;
  height: 20px;
  border-top: 1px solid #cccccc;  
}

div.station-listing table tr.stations th#last {
  background:none;
}

div.station-listing table tr.stations th div {
  position: relative;
  /*bottom: 70px;*/
}

div.station-listing table tr.stations th img {
  position: absolute;
  bottom: 15px;
  left: 10px;
  z-index: 20;
}

/* scheduleByStation.jsp */

div.schedules-line form.trip-planner fieldset.schedule-by-station select {
  float: left;
  display: inline;
  width: 34%;
  margin-right: 22px;
  margin-left: 0;
}

div.schedules-line form.trip-planner fieldset.schedule-by-station input {
  float: left;
  display: inline;
  width: 16%;
  margin-right: 22px;
  margin-left: 0;
}

div.schedules-line form.trip-planner fieldset.schedule-by-station select#time {
  float: left;
  display: inline;
  width: 18%;
  margin-right: 22px;
  margin-left: 0;
}

div.schedules-line form.trip-planner fieldset.schedule-by-station input.date {
  margin-right: 5px;
  height: 18px;
  padding-top: 2px;
}

div.schedules-line form.trip-planner fieldset.schedule-by-station div.button {
  margin-top: -2px;
}

div.hours h5 {
  margin-bottom: 0;
}

div.hours p,
div.resources p {
  margin-bottom: 5px;
  line-height: 1.3em;
}
/*schedulesByStationResults.jpg*/

div.schedule-results-station h3,
div.schedule-results h3 {
  display: inline;
}

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 table tr td.route-7-line,
div.schedule-results-station table tr td.route-8-line,
div.schedule-results-station table tr td.route-3-line,
div.schedule-results-station table tr td.route-4-line,
div.schedule-results-station table tr td.route-5-line,
div.schedule-results-station table tr td.route-6-line,
div.schedule-results-station table tr td.route-1-line,
div.schedule-results-station table tr td.route-2-line,
div.schedule-results-station table tr td.route-11-line,
div.schedule-results-station table tr td.route-12-line {
  background-position: center left;
}


div.schedule-results-station table tr td.time {
  width: 75px;
  padding: 2px 0 0 15px;
}

div.schedule-results-station div.module-gray-ds table tr td.notes {
  width: 90px;
}

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.schedule-results-station div.module-gray-ds table tr.odd td,
div.module-content div.partial table tr.odd td
{
  background-color: #f3f3f0;
}

/*SPECIFIC STATES OF PAGES*/
div.station-to-station div#results div.module-gray-ds {
  width: 510px;
}

div.trip-results div#results div.module-gray-ds {
  width: 497px;
  margin: 0 auto 15px auto;
}

div.trip-results div#results div.last,
div.trip-results div#results-map div.last {
  clear:both;
  margin-bottom: 0;
}

img.no-bikes {
  position: relative;
  padding-left: 3px;
  top: -3px;
  z-index: 7;
  vertical-align: middle;
}

img.bike {
  position: relative;
  padding-left: 3px;
  top: 1px;
  z-index: 7;
  vertical-align: middle;
}

tr.odd {
  background-color: #e9e9e9;;
}