/*
Using the ie filter style to handle png images

Include a comment with the name of the file that has the rest of the css for
a given element or group of elements

*/


/* fix for related content on three colunmn pages*/
div#main.three-column div#content {
  width: 562px;
}

/*IE6 DOUBLE MARGIN ON FLOAT BUG FIX*/
ul#main,
div#content,
div#related-content,
div#station-directions,
div#station-map,
div#results,
div#station-details,
div#related-map,
div#station-trip-planner,
div#results-map {                                                                                   
  display: inline;
}

/*IE6 PNG HANDLING*/
div#header ul#main-nav li a:hover,
div#header ul#main-nav li.selected a,
div#header ul#main-nav li.on a,
div#footer div#footer-nav a.accessible,
div#header ul#main-nav ul.subnav li,
body#home div#contents,
body#home div#bart-information,
body#home div.station-locator,
body#home div.left-footer,
body#home div#bart-information div.news,
body#home div#bart-information div.news div.footer,
body#home div#contents div#featured div.intro
div.schedule-results-station div.module-gray-ds table tr td.bike,
div.station-information div.module-station-details,
div.station-information p.links,
div.featured-station div.station-image div.image-cover,
div#related-map div.large-matte,
div#station-directions div.station-directions-results div.start,
div#station-directions div.station-directions-results div.end,
div.module-station-map div.module-gray-ds .hd .tl,
div.module-panel-blue div.module-gray-ds .hd .tl,
div.module-panel-blue div.module-gray-ds .hd .tr,
form#fare-calculator div.module-gray-ds .hd .tr,
form#fare-calculator div.module-gray-ds .hd .tl,
table.module-square-ds .hd .tl,
table.module-square-ds .hd .tc,
table.module-square-ds .hd .tr,
table.module-square-ds .ft .bl,
table.module-square-ds .ft .bc,
table.module-square-ds .ft .br,
table.module-square-ds .bd .bl,
table.module-square-ds .bd .br,
div.module-blue .ft .bl,
div.tickets div.module-blue .tl,
div.tickets div.module-blue .tr,
div.module-panel-blue .hd .tl,
div.module-panel-blue .hd .tr,
div.module-panel-blue .ft .bl,
div.module-panel-blue .ft .br,
div.module-gray .ft .bl,
div.module-gray .ft .br,
div.module-advisory .hd .tl,
div.module-advisory .hd .tr,
div.module-advisory .ft .bl,
div.module-advisory .ft .br,
div.module-blue .hd .tl,
div.module-blue .hd .tr,
div.itinerary div#itinerary-slider-hover,
html div.tab-panel-divider
{
   behavior: url(/scripts/js/iepngfix.htc);
}

div#header ul#main-nav {
  behavior: url(/scripts/js/hover.htc); /*IE sub7*/
}

div#header ul#main-nav li ul.subnav li { _position: static; }

div#header ul#main-nav li a {
  zoom: 1;
}

/* POSITION AND PADDING OVERRIDES */

form.trip-planner select.date {
  display: inline;
  width: 80px;
  margin: 0 0 0 10px;
  height: 1.7em;
  padding: 2px 2px 2px 10px;
}

form.trip-planner div.date-time-inputs {
  height: 22px;
  overflow: hidden;
}

body#home form#quick-planner fieldset div#arrival-address,
body#home form#quick-planner fieldset div#departure-address,
body#home form#quick-planner fieldset div#arrival-station,
body#home form#quick-planner fieldset div#departure-station {
  height: 38px;
}

body#home form#quick-planner fieldset div#arrival-address input,
body#home form#quick-planner fieldset div#departure-address input,
body#home form#quick-planner fieldset div#arrival-station input,
body#home form#quick-planner fieldset div#departure-station input {
  top: -2px;
}

* html div.map-tab-container {
  height: 18px;
  overflow-y: hidden;
}

* html div.map-tab-container table.panel-tabs tr td {
  padding: 3px 0 3px 10px;
}

* html div.map-tab-container table.panel-tabs tr td a span {
  padding-top: 0;
}

* html div.map-tab-container table.panel-tabs tr td a,
* html body#home form#quick-planner div.map-tab-container table.panel-tabs tr td.separator-selected div,
* html body#home form#quick-planner div.map-tab-container table.panel-tabs tr td.separator div,
* html div.map-tab-container table.panel-tabs tr td div {
  background: none;
}

div#header ul#main-nav ul.subnav {
 top: -1000px;
}

div#header ul#main-nav li.on a {
  background-color: #9c9d8a;
  background-image: none;
}

div#header ul#main-nav li.on a:hover {
  background-color: #7C7C69;
  background-image: none;
}

div.tabs-lrg a span {
  margin: -1px;
}

div#header ul#main-nav li ul#stations.subnav li a,
div#header ul#main-nav li ul#schedules li a,
div#header ul#main-nav li ul#tickets li a,
div#header ul#main-nav li ul#guide li a,
div#header ul#main-nav li ul#news li a,
div#header ul#main-nav li ul#about li a {
  padding: 10px 0 10px 15px; !important
}

* html div#header ul#main-nav li.selected ul.subnav li a,
* html div#header ul#main-nav li.selected ul.subnav li a:visited,
* html div#header ul#main-nav li.selected ul.subnav li a:visited,
* html div#header ul#main-nav li ul.subnav li a {
  display: block; /* IE WAS LOSING THIS DECLARATION FOR SUBNAV LINKS */
  height: 10px;
  padding: 12px 0;
}

body#home div#bart-information div.rider-guide {
  overflow-x: hidden;
}

div.station-information {
  top: -175px;
}

body#home form#quick-planner div.legend a.open-dialog {
  left: 125px;  
}

body#home form#quick-planner div#departure-address,
body#home form#quick-planner div#departure-station,
body#home form#quick-planner div#arrival-address,
body#home form#quick-planner div#arrival-station {
  top: -3px; /* IE6 GIVES EXTRA PADDING TO TD, MOVED DIV UNDERNEITH  UP TO COMPENSATE */
}

/* MODULE PNG FIXES FOR IE6 (IE6 DOES NOT SUPPORT POSITIONING FOR PNG ON BACKGROUNDS) */

div.module-gray-ds {
  width: 98%;
}

div.module-gray-ds .hd {
  margin-right: -1px;
  height: 9px;
  overflow: hidden;
  border-top: 1px solid #d4d9da;
}

div.module-gray-ds .hd-list,
div.station-to-station div.module-gray-ds .hd-list {
  border-top: 1px solid #d4d9da;
}

div#results div.module-gray-ds .hd .tl,
div#results div.module-gray-ds .hd-list .tl
{
  background:transparent url(../images/modules/gray-ds-tl.gif) no-repeat top left;
}

div#results div.module-gray-ds .hd .tr,
div#results-map div.module-gray-ds .hd .tr {
  background: transparent url(../images/modules/gray-ds-tr.gif) no-repeat right 0;
  border: none;
  margin: 0;
}

div#results div.module-gray-ds .hd-list .tr-list {
  background: transparent url(../images/modules/gray-ds-list-tr.gif) no-repeat right 0;
  border: none;
  margin: 0;
}

div#results div.module-gray-ds .bd,
div#results div.module-gray-ds .bd-list {
  background: transparent url(../images/modules/gray-ds-bd-bg.gif) no-repeat right top;
  border-left: 1px solid #d4d9da;
  margin-right: 1px;  
}

div#results div.module-gray-ds .bd-list {
  margin-right: 1px;
}

div#results div.module-gray-ds .ft {
  margin-right: 1px;
  margin-left: 10px;
  background: transparent url(../images/modules/gray-ds-ft-bg.gif) repeat-x left top;
  position: relative;
  overflow: visible;
}

div#results div.module-gray-ds .ft .bl {
  background:transparent url(../images/modules/gray-ds-bl.gif) no-repeat top left;
  left: -10px;
}

div#results div.module-gray-ds .ft .br {
  background:transparent url(../images/modules/gray-ds-br.gif) no-repeat top left;
  right: -1px;
}

div#results div.module-gray-ds .ft .br-list {
  background:transparent url(../images/modules/gray-ds-list-br.gif) no-repeat top right;
}

div.station-to-station div#results div.module-gray-ds .hd-list,
div.station-to-station div#results div.module-gray-ds .bd-list,
div.station-to-station div#results div.module-gray-ds .ft,
{
  margin-right: 0;
}

div#station-details div.module div.hd,
div.trip-results div.module-panel-blue div.module-gray-ds .hd,
div.trip-results div.module-panel-blue div.module-gray-ds .ft {
  margin-right: 9px;
}

div#station-map div.module-gray .ft .bl,
div#station-map div.module-gray .ft .br,
div.neighborhood-map div.module-gray .ft .bl,
div.neighborhood-map div.module-gray .ft .br,
div.three-column div.module-lt-blue .ft .bl,
div.three-column div.module-lt-blue .ft .br {
  bottom: -5px;
}

div#station-map div.module-gray .ft .br,
div.neighborhood-map div.module-gray .ft .br,
div.tickets div.module-blue div.module-gray-ds .hd .tr,
div.tickets div.module-blue div.module-gray-ds .ft .br,
div.tickets div.module-blue .hd .tr,  
div.tickets div.module-blue .ft .br
{
  right: -1px;
}

div#itinerary-nav div.module div.hd,
div#itinerary-nav div.module div.ft {
  margin-right: -1px;
}

/* BLUE MODULE OVERRIDES */

div.module-blue .ft .br {
  background: transparent url(../images/modules/blue-br.gif) no-repeat right bottom;
}

div.module-blue .ft .bl {
  background: transparent url(../images/modules/blue-bl.gif) no-repeat right bottom;
}

div.module-blue .hd {
  margin-right: 8px;
}

div.module .hd,
div.module .ft
{
  margin-right: 0;
}

div.news div.module .hd,
div.three-column div.module .hd,
div.new div.module .hd,
div.new div.module .ft {
  margin-right: 9px;
}

div.module-blue div.module-gray-ds .ft .br {
  background: transparent url(../images/modules/gray-ds-br.gif) no-repeat right 0;
}

div.module-blue div.module-gray-ds .ft .bl {
  background: transparent url(../images/modules/gray-ds-bl.png) no-repeat left 0;
}

div.module-blue div.module-gray-ds .ft,
div.schedule-results div.module-panel-blue div.module-gray-ds .hd,
div.schedule-results div.module-panel-blue div.module-gray-ds .ft {
 margin-right: 10px;
}

div.schedule-results-station div.train-direction div.module-gray-ds .hd,
div.schedule-results-station div.train-direction div.module-gray-ds .ft {
  margin-right: 3px;
}

div.module-panel-blue div.module-gray-ds .ft {
 margin-right: 0;
}

div.module-directions div.transfer-lines,
div.module-directions div.transfer-lines-1,
div.module-directions div.transfer-lines-2 {
  top: 1.2em;
  left: 48%;
}

div.module-directions div.transfer-lines-1 {
  left: 32%;
}

div.module-directions div.transfer-lines-2 {
  left: 65%;
}

div#content div.tab-panel-divider {
  _width: 545px;
}

div.schedules-line form.trip-planner fieldset.schedule-by-station {
  height: 60px;
  overflow: hidden;
}

/*HEADER MODULE HEIGHT FIXES*/
div.module-advisory div.full div.module-header-brown div,
div.module-advisory div.full div.module-header-red div,
div.module-advisory div.full div.module-header-blue div {
  height: 18px;
}

body#home div.arrivals div.module-header-blue div.inner {
  height: 17px; 
}

/*HEADER NAV ABOUT FIXES*/

html div#header ul#main-nav li {
  margin-bottom: 0;
  padding-bottom: 0;
}

html div#header ul#main-nav li a,
html div#header ul#main-nav li.selected a,
html div#header ul#main-nav li.selected a:hover,
html div#header ul#main-nav li.selected a:active,
html div#header ul#main-nav li.selected a:visited {
  background-image: none;
}

html div#header ul#main-nav li.on a:hover,
html div#header ul#main-nav li a:hover {
  background-image: none;
}

html div#header ul#main-nav li.on a {
  background-image: none;
}

/*IFRAME TO COVER SELECT ELEMENTS*/
div.form-cover-frame {
  overflow: hidden;
  width: 155px;
  height: 100px;
  z-index: 5;
  left: 0;
  position:absolute;
  top: 76px;
}

div.form-cover-frame iframe {
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
width: 160px;
height: 100px;
display:block;
}

div#trip-planner div.form-cover-frame {
  left: 25px;
  top: 150px;
  height: 75px;
}

div#trip-planner div.form-cover-frame iframe {
  height: 75px;
  width: 100%;
}

div.module-advisory {
  _width: 98%; /* ie6 hack*/
}

body#home div.advisories p a.rss {
  margin-right: 20px;
}


/* SITE WIDE IE HACKS */
form.trip-planner fieldset select.time,
form.trip-planner fieldset input.date {
  height: 12px;
  padding-bottom: 4px; /* IE6 & IE7 HACK */
}

form.trip-planner fieldset select.time {
  font-size: 1.27em;
}

.button a span {
	display: inline-block;
}

a.more-details {
  background-position: right 3px;
}

div#header ul#main-nav li ul.subnav li a,
div#header ul#main-nav li.selected ul.subnav li a,
div#header ul#main-nav li.selected ul.subnav li a:active,
div#header ul#main-nav li.selected ul.subnav li a:visited {
  *display: inline-block;
}

form#station-directions-form div.radio label {
  top: 2px; /* IE6 & IE7 HACK */
}


div#related-content form#mailing-list input.text {
  margin-top: -30px; /* IE6 & IE7 HACK */
}

form#fare-calculator fieldset.trip-type {
  margin-top: 0; /*IE7 and IE6 hack due to extra padding on form elements*/
}

div#station-details div.topic-section ul {
  top: 0; /* IE6 & IE7 correction for firefox/safari hack*/
}

div#main.two-column-station div.wrapper {
  margin-top: -20px; /* IE6 & IE7 HACK */
}


html div.company-information a.adobe-acrobat {
  background: transparent url(../images/icons/acrobat.gif) no-repeat right 4px; /* IE6 & IE7 */
}

.yui-calendar {
  top: 5px; /* IE6 & IE7 */
}

body#home form#quick-planner fieldset div.times label {
  bottom: 2px; /* IE6 & IE7 */
}

body#home form#quick-planner fieldset div#arrival-address input,
body#home form#quick-planner fieldset div#departure-address input,
body#home form#quick-planner fieldset div#arrival-station input,
body#home form#quick-planner fieldset div#departure-station input {
  top: 0px;
}

body#home form#quick-planner fieldset input.date,
body#home form#quick-planner fieldset select.time {
  height: 12px;
  padding-bottom: 4px;
}

body#home form#quick-planner fieldset select.time {
  font-size: 1.27em;
}

body#home div#bart-information div.rider-guide {
  _overflow-x: hidden; /* IE6 ONLY */
}

div.module-advisory .module-header-blue div.inner,
div.module-advisory .module-header-red div.inner,
div.module-advisory .module-header-brown div.inner {
  padding-bottom: 7px; /*IE7 Hack*/
}

div.schedules-table {
  top: 202px; /* IE7 puts in a height for the hidden station header tr */
}

div.schedules-table table {
  position: relative; /* IE7 puts in a height for the hidden station header tr */
  top: -3px; /* IE7 puts in a height for the hidden station header tr */
}

div.schedules-line form.trip-planner fieldset.schedule-by-station select {
  font-size: 1.2em; /*configuration for ie6 and 7 select  boxes*/
  height: 2em;  /*configuration for ie6 and 7 select  boxes*/
}

img.no-bikes {
  top: 2px;
}

div.schedules-line form.trip-planner fieldset.schedule-by-station select,
div.schedules-line form.trip-planner fieldset.schedule-by-station input {
  height: 1.2em; /*configuration for ie6 and 7 select  boxes*/
}

div#related-map ul.station-thumbnails ul li a.matte {
  background:transparent url(../images/global/thumbnail-matte.gif)
no-repeat top left;
  display: block;
}

div#related-map ul.station-thumbnails ul li.selected a.matte {
  background:transparent url(../images/global/thumbnail-matte-sel.gif)
no-repeat top left;
  display: block;
}

div#related-map ul.station-thumbnails ul li a.matte:hover {
  background:transparent url(../images/global/thumbnail-matte-sel.gif)
no-repeat top left;
	cursor: pointer;
  text-decoration: none;
  display: block;
}

body#home div#contents div#featured div.intro ul li a.matte,
body#home div#contents div#featured div.intro ul.yui-nav li a.matte {
  background:transparent url(../images/global/thumbnail-matte.gif) no-repeat top left;
  position: relative;
  z-index: 3;
  height: 58px;
  width: 70px;
  display: block;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

body#home div#contents div#featured div.intro ul li.selected a.matte,
body#home div#contents div#featured div.intro ul.yui-nav li.selected a.matte {
  background:transparent url(../images/global/thumbnail-matte-sel.gif)
no-repeat top left;
  position: relative;
  z-index: 3;
  height: 58px;
  width: 70px;
  display: block;
  overflow: visible;
  padding: 0;
  margin: 0;
}

body#home div#contents div#featured div.intro ul li a.matte:hover,
body#home div#contents div#featured div.intro ul.yui-nav li a.matte:hover {
  background:transparent url(../images/global/thumbnail-matte-sel.gif) no-repeat top left;
  display: block;
  text-decoration: none;
  padding: 0;
  margin: 0;
} 

body#home form#quick-planner fieldset {
  height: 250px;
}

table.module-square-ds form.change-directions {
  position: relative;
  top: 0;
}

div#breadcrumbs {
  position: relative;
  float: left;
  top: 20px;
  width: 600px;
  color: #000000;
}

form.transit-trip-planner input#a {
  margin-left: -11px;
}

form.transit-trip-planner fieldset div.date-time-inputs {
  margin-top: 10px;
}

form#transit-trip-planner fieldset a.calendar-icon {
  position: absolute;
  float: none;
  left: -135px;
}

#shim-station-directions {
  height:20px;
}
div.schedules-table-lower {
  position: absolute;
  width: 711px;
  height: 490px;
  top: 225px;
  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;
}
input.map_search { width: 155px; padding: 2px 0 0 5px; height: 18px; }