<!-- This page created with ProStores technology. http://www.prostores.com                   -->
<!-- ProStores technology portions copyright 1997-2009. ProStores, Inc. All Rights Reserved. -->
<!-- Designated trademarks and brands are the property of their respective owners.           -->

/*
* WMATA
* Filnet, Inc.
*
* Giovanni Glass (http://www.giovanniglass.com)
* momendo at yahoo dot com
*
*/
body, div, object, form, fieldset, select, img, h1, h2, h3, h4 {
margin: 0;
padding: 0;
border: 0;
}
/* for 508 skip links, like: skip navigation */
.skip {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
input.text {
margin: 0;
padding: 0;
border: 1px solid #d0d0d0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
html {
background: #aaaaaa;
}
body {
line-height: 1;
font-family: Arial, sans-serif;
font-size: 100%;
color: black;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1, h2, h3, h4 {
font-weight: bold;
font-size: 100%;
}
.clear {
clear: both;
}
div#container-outer {
width: 924px;
margin: 0 auto;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/container-bg-1.gif);
background-repeat: repeat-y;
background-position: top left;
}
div#container {
width: 900px;
margin: 0 auto;
padding: 0 8px;
background-color: white;
border-width: 0 1px 0 1px;
border-color: #D0D0D0;
border-style: solid;
overflow: hidden;
position: relative;
}
div.headstyle1 {
height: 48px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/header-split1-metro2.jpg);
background-repeat: no-repeat;
background-position: top left;
}
div.headstyle2 {
height: 32px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/header-split2.jpg);
background-repeat: no-repeat;
background-position: top left;
}
div.headstyle-left {
float: left;
width: 450px;
}
div.headstyle-right {
float: right;
width: 255px;
margin: 8px 7px 0 0;
}
div#headerlogo {
position: absolute;
margin: 14px 0 0 27px;
background: transparent;
}
input#searchbox {
border: 1px solid #999999;
padding: 3px 3px 3px 24px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/header-search-magglass.png);
background-position: 3px 3px;
background-repeat: no-repeat;
width: 140px;
float: left;
}
input#searchbutton {
width: 77px;
height: 23px;
float: right;
}
ul.header-nav {
padding: 6px 0 0 93px;
}
div#sandbox {
margin: 6px 0 3px 0;
}
div#homepage-row1 {
margin-bottom: 6px;
}
/* homepage box1 */
div#homepage-box1 h1, div.homepage-longbox-inner h1 {
color: #0a94d6;
font-size: 90%;
font-weight: bold;
margin-bottom: 5px;
}
div.homepage-longbox-inner h1 a {
color: #0a94d6;
}
div#homepage-box1 {
float: left;
width: 291px;
margin-bottom: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-bg-1.gif);
background-repeat: repeat-y;
}
div#homepage-box1-inner {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-head-trip-planner.gif);
background-repeat: no-repeat;
min-height: 176px;
height: auto !important;
height: 176px;
padding: 7px 0 0 17px;
}
div#homepage-box1 h2 {
font-size: 70%;
font-weight: bold;
line-height: 1.4;
color: #484742;
}
div#homepage-box1 h1 a, div#homepage-box1 h2 a {
color: #484742;
}
.form-watermark {
color: #999999;
}
div#time-hours-mins {
line-height: 1px;
white-space: no-wrap;
}
div#homepage-box1-inner #travelfrom, div#homepage-box1-inner #travelto {
width: 158px;
height: 18px;
*margin-bottom: 1px;
border: 1px solid #d0d0d0;
padding: 3px 3px 0 3px;
font-size: 70%;
}
div#homepage-box1-inner #StreetAddressFrom, div#homepage-box1-inner #StreetAddressTo {
width: 158px;
height: 18px;
*margin-bottom: 1px;
border: 1px solid #d0d0d0;
padding: 3px 3px 0 3px;
font-size: 70%;
}
table.myCustomFloater {
position: absolute;
margin-top: -6px;
display: none;
visibility: hidden;
background-color: white;
border: 1px solid #d0d0d0;
z-index: 99;
opacity: .95;
}
div#homepage-box1-inner div.twocol:after {
clear: both;
content: ".";
display: block;
height: 1px;
visibility: hidden;
}
div#homepage-box1-inner .top-left {
float: left;
width: 174px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/vertical-divider.gif);
background-position: top right;
background-repeat: repeat-y;
}
div#homepage-box1-inner div.top-right {
margin-left: 196px;
}
div#homepage-box1-inner div.top-right ul, div#homepage-box1-inner div.departures ul {
margin: 0;
padding: 0;
}
div#homepage-box1-inner div.top-right ul li, div#homepage-box1-inner div.departures ul li {
list-style: none;
margin: 0;
padding: 0;
}
div#homepage-box1-inner div.top-right ul li {
font-size: 70%;
margin: 6px 0 0 0;
*margin: 2px 0 0 -4px;
color: #484742;
}
div#homepage-box1-inner div.departures {
font-size: 70%;
color: #484742;
font-weight: bold;
margin: 3px 0 0px 0;
clear: both;
}
div#homepage-box1-inner div.departures ul li {
display: inline;
padding: 0;
margin: 0 10px 0 0;
}
div#homepage-box1-inner div.departures input {
*margin: 0 -3px -2px -4px;
}
div#homepage-box1-inner select {
height: 20px;
margin-top: 3px;
margin-bottom: 3px;
*margin-bottom: 2px;
}
div#homepage-box1-inner .hours, div#homepage-box1-inner .mins {
width: 30px;
height: 14px;
margin: 3px 0 0 0;
*margin: 2px 0 0 0;
vertical-align: top;
font-size: 65%;
padding: 2px;
border: 1px solid #d0d0d0;
}
select.ampm {
height: 20px;
margin: 0;
padding: 0;
font-size: 60%;
border: 1px solid #d0d0d0;
}
div#homepage-box1-inner span.colon {
font-size: 70%;
color: #828282;
position: relative;
*top: 10px;
top: 0;
}
div#homepage-box1-inner a.pickdate {
font-size: 70%;
color: #0a94d6;
vertical-align: baseline;
text-decoration: underline;
}
div#homepage-box1-inner .datepicker {
width: 78px;
height: 14px;
*height: 15px;
border: 1px solid #d0d0d0;
padding: 2px;
font-size: 65%;
*margin-top: 1px;
}
div#homepage-box1-inner .datepicker2 {
width: 38px;
height: 14px;
*height: 15px;
border: 1px solid #d0d0d0;
padding: 2px;
font-size: 65%;
*margin-top: 1px;
}
div#homepage-box1-inner .submit {
margin: 3px 0 1px 0;
}
div#homepage-box1-foot {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-foot-1.gif);
background-repeat: no-repeat;
overflow: hidden;
}
div#homepage-box1-foot img.left {
position: absolute;
margin: 5px 0 0 19px;
overflow: hidden;
}
div#homepage-box1-foot img.right {
position: absolute;
margin: 5px 0 0 162px;
overflow: hidden;
}
div#homepage-box1-foot h2.left {
position: absolute;
margin: 8px 0 0 49px;
}
div#homepage-box1-foot h2.right {
position: absolute;
margin: 8px 0 0 192px;
}
div#homepage-box1 select {
border: 1px solid #d0d0d0;
}
div#homepage-box1 .rightlinks {
float: right;
width: 90px;
margin: -39px 5px 0 0;
*mmargin-top: -48px;
}
div#homepage-box1 .rightlinks2 {
float: right;
margin: -20px 10px 0 0;
}
/***********************************/
div#homepage-box2 {
float: right;
width: 602px;
}
div.homepage-longbox2 {
width: 602px;
}
/* longbox */
div.homepage-longbox.box1 {
margin-bottom: 7px;
}
div.homepage-longbox {
width: 602px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/longbox-bg-1.gif);
background-repeat: repeat-y;
}
div.homepage-longbox-inner {
min-height: 89px;
height: auto !important;
height: 89px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/longbox-head-1.gif);
background-repeat: no-repeat;
padding: 7px 0 0 0;
}
div.homepage-longbox-inner .pane1 {
float: left;
width: 182px;
padding: 0 5px 0 14px;
}
div.homepage-longbox-inner .pane2 {
float: left;
width: 181px;
padding: 0 5px 0 14px;
}
div.homepage-longbox-inner .pane3 {
float: left;
width: 181px;
padding: 0 5px 0 14px;
}
div.homepage-longbox-inner div img {
overflow: hidden;
}
div.homepage-longbox-inner div p {
margin: 0 5px 0 68px;
font-size: 70%;
color: #484742;
}
div.homepage-longbox-foot {
height: 7px;
clear: both;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/longbox-foot-1.gif);
background-repeat: no-repeat;
overflow: hidden;
}
/***********************************/
div#homepage-row2 {
margin: 6px 0 13px 0;
}
div#homepage-row2:after {
clear: both;
display: block;
height: 1px;
content: '.';
visibility: hidden;
}
div#homepage-box4 {
width: 394px;
padding: 0 7px 5px 0;
float: left;
}
/***********************************/
div#homepage-box5 {
width: 201px;
float: left;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-5-bg-1.gif);
background-repeat: repeat-y;
}
div#homepage-box5-inner {
min-height: 201px;
height: auto !important;
height: 201px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-5-head-1.gif);
background-repeat: no-repeat;
padding: 15px 8px 0 17px;
}
/* box 3 and 5 header */
div#homepage-box5-inner h1 {
color: #7aae0c;
font-size: 90%;
font-weight: bold;
margin-bottom: 5px;
}
div#homepage-box5-inner p {
font-size: 70%;
padding: 0 0 5px 0;
margin: 0;
line-height: 1.5;
}
div#homepage-box5-inner p a {
color: #484742;
}
div#homepage-box5-foot {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-5-foot-1.gif);
background-repeat: no-repeat;
overflow: hidden;
}
div#homepage-box5-inner p.go-link {
margin: -20px 9px 0px 0;
padding: 0 20px 0 0;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow.gif);
background-repeat: no-repeat;
background-position: right center;
line-height: 1.5;
color: #5b5b5b;
text-align: right;
}
div.homepage-longbox-inner div.fixed, div.three-box-inner div.fixed {
position: relative;
width: 181px;
min-height: 70px;
line-height: 1.5;
}
div.homepage-longbox-inner p.go-link {
position: absolute;
bottom: 0;
right: 0;
margin: 0px 9px 0 0;
padding: 0 20px 0 0;
text-align: right;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow.gif);
background-repeat: no-repeat;
background-position: right center;
line-height: 1.4;
color: #5b5b5b;
}
div#homepage-box5-inner p.go-link {
margin-bottom: 5px;
}
div.homepage-longbox-inner p.go-link a, div#homepage-box5-inner p.go-link a {
color: #5b5b5b;
font-weight: bold;
}
/***********************************/
div#homepage-box3 {
width: 291px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-bg-1.gif);
background-repeat: repeat-y;
}
div#homepage-box3-inner h1 {
color: #7aae0c;
font-size: 90%;
font-weight: bold;
margin-bottom: 10px;
padding-left: 17px
}
div#homepage-box3-inner {
min-height: 234px;
height: auto !important;
height: 234px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-head-1.gif);
background-repeat: no-repeat;
padding: 7px 0 0 0;
}
div#homepage-box3-inner .red {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-button-red.gif);
background-repeat: no-repeat;
background-position: 17px 0;
margin-top: 6px;
height: 20px;
}
div#homepage-box3-inner .blue {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-button-blue.gif);
background-repeat: no-repeat;
background-position: 17px 0;
margin-top: 6px;
height: 20px;
}
div#homepage-box3-inner .orange {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-button-orange.gif);
background-repeat: no-repeat;
background-position: 17px 0;
margin-top: 7px;
height: 20px;
}
div#homepage-box3-inner .green {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-button-green.gif);
background-repeat: no-repeat;
background-position: 17px 0;
margin-top: 7px;
height: 20px;
}
div#homepage-box3-inner .yellow {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-button-yellow.gif);
background-repeat: no-repeat;
background-position: 17px 0;
margin-top: 7px;
height: 20px;
}
div#homepage-box3-inner .line {
padding: 8px 0 0 145px;
font-size: 80%;
}
div#homepage-box3-inner .line p {
margin: 0;
}
div#homepage-box3-inner .links {
margin: 6px 17px 0 17px;
height: 16px;
}
div#homepage-box3-inner p.inside-left {
float: left;
}
div#homepage-box3-inner p.inside-right {
float: right;
}
div#homepage-box3-inner p.inside-left, div#homepage-box3-inner p.inside-right {
color: #5b5b5b;
font-size: 70%;
margin: 0;
}
div#homepage-box3-inner p.inside-left a, div#homepage-box3-inner p.inside-right a {
color: #5b5b5b;
font-weight: bold;
line-height: 1.1;
}
div#homepage-box3-foot {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-foot-1a.gif);
background-repeat: no-repeat;
overflow: hidden;
}
div.tabs-3 {
margin: 0 0 7px 0;
height: 28px;
overflow: hidden;
}
div#metro-status-tab2, div#metro-status-tab3 {
display: none;
}
div.status-table-outer {
margin: 7px 0 0 0;
}
div.status-table-outer.short {
margin: 0;
}
div.status-table {
margin: 0 0 0 10px;
width: 268px;
color: #484742;
font-size: 70%;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-bg-2.gif);
background-repeat: repeat-y;
overflow: hidden;
}
div.status-table-inner {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-head-2.gif);
background-repeat: no-repeat;
background-position: top left;
}
div.status-table-inner-foot {
height: 3px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-3-foot-2.gif);
background-repeat: no-repeat;
overflow: hidden;
line-height: 1;
}
div.status-table table {
margin: 0 0 0 10px;
}
div.status-table div.tableline {
height: 1px;
margin: 2px 0 2px 0;
*margin: 3px 0 0 0;
overflow: hidden;
line-height: 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ccc;
}
div.status-table ul li {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ccc;
}
div.status-table.short div.tableline {
margin: 0 0 1px 0;
*margin: 0 0 -2px 0;
}
div.status-table table td {
padding: 2px 0 1px 0;
*padding: 1px 0;
}
div.status-table table td.first {
padding-top: 5px;
}
div.status-table.short table td {
padding: 0;
}
div.status-table.short table td.first {
padding-top: 3px;
}
div.status-table ul {
margin: 0 10px 0 10px;
padding: 0;
}
div.status-table ul li {
margin: 0;
padding: 6px 0;
list-style: none;
}
div.status-table ul li:last-child {
border: 0;
}
div.status-table ul li span {
background-repeat: no-repeat;
/*background-position: 0 center;*/
background-position: 0pt 1px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/bullet-blue.gif);
display: block;
padding-left: 10px;
}
div.statusbox div.links {
margin-top: 1px !important;
margin-bottom: 0 !important;
}
div.statusbox div.status {
margin-top: 5px;
padding: 6px 35px 0 20px;
height: 41px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-status-bg-1.gif);
background-repeat: no-repeat;
overflow: hidden;
}
div.statusbox div.status-inner {
height: 34px;
overflow: hidden;
}
div.statusbox div.status td {
margin: 0;
padding: 0;
height: 34px;
line-height: 1;
font-size: 70%;
color: #484742;
}
div.statusbox div.status td img {
float: left;
margin: -1px 8px 0 0;
}
div.statusbox div.status-controls {
width: 11px;
float: right;
position: relative;
margin: -50px 0px 0 0;
}
div.statusbox div.status-controls a.up img {
position: absolute;
top: 10px;
right: 16px;
}
div.statusbox div.status-controls a.down img {
position: absolute;
top: 35px;
right: 16px;
}
/***********************************/
/* homepage 2 column */
div#homepage-col1 {
float: left;
}
div#homepage-col2 {
float: left;
margin-left: 7px;
}
/***********************************/
div#internal-col1 {
float: left;
width: 192px;
margin-bottom: 6px;
height: 1%;
}
div#internal-col2 {
margin-left: 6px;
float: left;
width: 702px;
margin-bottom: 6px;
}
div#internal-box1 h1, div.internal-longbox-inner h1 {
color: #0a94d6;
font-size: 100%;
font-weight: normal;
margin-bottom: 10px;
}
div#internal-box1 {
float: left;
width: 192px;
margin-bottom: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-6-bg-1.gif);
background-repeat: repeat-y;
}
div#internal-box1-inner {
min-height: 100px;
height: auto !important;
height: 100px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-6-head-1.gif);
background-repeat: no-repeat;
padding: 12px 0 0 0;
}
div#internal-box1-inner:after {
clear: left;
content: '.';
height: 1px;
display: block;
visibility: hidden;
}
div#internal-box1 h2 {
font-size: 70%;
font-weight: bold;
line-height: 1.4;
color: #828282;
}
div#internal-box1-foot {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-6-foot-1.gif);
background-repeat: no-repeat;
overflow: hidden;
}
div#internal-box1 ul {
padding: 0;
margin: 0;
font-size: 70%;
}
div#internal-box1 ul li.top {
list-style: none;
padding: 0 0 4px 0;
margin: 0 0 3px 0;
*margin: -17px 0 3px 0;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-6-divider.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
div#internal-box1 ul li.top:last-child {
background: none;
}
div#internal-box1 ul li.top a {
cursor: pointer;
font-weight: bold;
color: #5b5b5b;
}
div#internal-box1 ul li.top a:hover, div#internal-box1 ul li.top.on a:hover, div#internal-box1 ul li.top.on:hover a {
color: #7aae0c;
}
.blueHover, div#internal-box1 ul li:hover a, div#internal-box1 ul li.top.on a {
color: #7aae0c;
text-decoration: none !important;
}
div#internal-box1 ul li.top.multi:hover span, div#internal-box1 ul li.top.multi.on span {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/plain-arrow-1-on.gif);
background-repeat: no-repeat;
background-position: 163px center;
}
.blueHoverArrow {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/plain-arrow-1-on.gif) !important;
background-repeat: no-repeat;
background-position: 163px center;
}
div#internal-box1 li {
line-height: 1.4;
color: #5b5b5b;
font-weight: bold;
}
div#internal-box1 li span {
width: 150px;
display: block;
padding: 0 20px 0 17px;
}
div#internal-box1 li.top.multi span {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/plain-arrow-1-off.gif);
background-repeat: no-repeat;
background-position: 163px center;
}
/***********************************/
div.ad-store span.copy {
font-size: 70%;
display: block;
margin: -50px 11px 0 11px;
color: #5b5b5b;
}
div.ad-store a span.copy {
color: #5b5b5b;
text-decoration: none;
}
div.ad-store a:hover span.copy {
text-decoration: none;
}
div.ad-scaper-google {	width: 192px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-ad-scraper-google-bg.jpg);
background-repeat: repeat-y;
}
div.ad-scaper-google-inner {
min-height: 515px;
height: auto !important;
height: 515px;
width: 168px;
/*background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-ad-scraper-google-head.jpg);*/
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-ad-scraper--no-google-head.jpg);
background-repeat: no-repeat;
padding: 10px 12px 0 12px;
}
div.ad-scaper-google-foot {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-ad-scraper-google-foot.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
div.ad-vertical {
margin-bottom: 7px;
}
div.ad-wide-google {
width: 192px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-ad-horizontal-google-bg.jpg);
background-repeat: repeat-y;
}
div.ad-wide-google-inner {
min-height: 515px;
height: auto !important;
height: 515px;
width: 168px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-ad-horizontal-google-head.jpg);
background-repeat: no-repeat;
padding: 55px 12px 0 12px;
}
div.ad-wide-google-foot {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-ad-horizontal-google-footer.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
/***********************************/
div.internal-box2 {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-bg.jpg);
background-repeat: repeat-y;
margin-bottom: 8px;
}
div.internal-box2-inner {
min-height: 250px;
height: auto !important;
height: 250px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-head-1.jpg);
background-repeat: no-repeat;
margin-bottom: 2em;
}
div.internal-box2-inner p, div.internal-box2-inner table, div.internal-box2-inner li {
line-height: 1.5;
color: #555555;
}
div.internal-box2-inner p, div.internal-box2-inner table {
font-size: 80%;
margin: 0 28px 15px 28px;
}
div.internal-box2-foot {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-foot-1.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
/***********************************/
div.internal-box2-inner ul.breadcrumbs {
color: #0a94d6;
font-size: 85%;
margin: 0;
padding: 1px 21px 8px 21px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-line-divider-big.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
div.internal-box2-inner ul.breadcrumbs li {
list-style: none;
display: inline;
padding: 0px 23px 0 0;
}
div.internal-box2-inner ul.breadcrumbs li img {
margin-bottom: -9px;
}
/***********************************/
div.internal-breadbox {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-bg.jpg);
background-repeat: repeat-y;
margin-bottom: 8px;
}
div.internal-breadbox-inner {
min-height: 25px;
height: auto !important;
height: 25px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-head-1.jpg);
background-repeat: no-repeat;
}
div.internal-breadbox-inner p, div.internal-breadbox-inner table {
line-height: 1.5;
}
div.internal-breadbox-foot {
height: 8px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-foot-1.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
div.internal-breadbox-inner ul.breadcrumbs {
color: #0a94d6;
font-size: 85%;
margin: 0;
padding: 1px 21px 8px 21px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-line-divider-big.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
div.internal-breadbox-inner ul.breadcrumbs li {
list-style: none;
display: inline;
padding: 0px 23px 0 0;
}
div.internal-breadbox-inner ul.breadcrumbs li img {
margin-bottom: -9px;
}
/***********************************/
div.list-w-image img.float-big, div.list-w-image img.float-small {
float: left;
}
div.list-w-image img.float-big {
margin-left: 21px;
}
div.list-w-image img.float-small {
margin-left: 30px;
}
div.list-w-image ul {
font-size: 70%;
padding: 0;
margin: 0;
}
div.list-w-image ul li {
color: #828282;
list-style: none;
padding: 0 0 10px 25px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow3-off.gif);
background-position: left top;
background-repeat: no-repeat;
}
div.list-w-image ul li a {
color: #828282;
}
div.list-w-image ul li.on a, div.list-w-image ul li a:hover {
color: #7aae0c;
text-decoration: none;
}
.greenHoverArrow, div.list-w-image ul li.on, div.list-w-image ul li:hover {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow3-on.gif) !important;
}
div.list-w-image ul.float-big {
margin: 0 0 0 332px;
width: 300px;
}
div.list-w-image ul.float-small {
margin: 0 0 0 165px;
width: 537px;
}
div.internal-box2-inner div.divider {
content: '.';
height: 2px;
margin: 0 19px 0 19px;
overflow: hidden;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-line-divider-medium.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
div.internal-box2-inner hr {
border-left: 0 none;
border-right: 0 none;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #ffffff;
overflow: hidden;
white-space: nowrap;
padding: 0;
line-height: 0;
height: 2px;
margin: 0 19px;
text-align: left;
}
div.internal-box2-inner hr.bleed {
margin: 0 1px;
}
div.internal-box2-inner hr.faded {
border-width: 0;
border-style: none;
border-color: transparent;
background-color: transparent;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/hr-background.gif);
background-position: top left;
background-repeat: repeat-x;
height: 20px;
margin: 0 1px;
}
div.internal-box2-inner .hr-rule {
margin: 0 0 0 1px;
}
div.internal-box2-inner h1 {
position: relative;
font-weight: normal;
padding: 13px 0 8px 27px;
margin: 0 0 13px 0;
color: #0099cc;
font-size: 115%;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-line-divider-big.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
div.internal-box2-inner h2 {
padding: 10px 0 10px 0;
margin: 0 28px 0 28px;
color: #669900;
font-size: 90%;
font-weight: normal;
}
div.internal-box2-inner h3 {
padding: 10px 0 10px 0;
margin: 0 28px 0 28px;
color: #828282;
font-size: 80%;
font-weight: bold;
}
div.internal-box2-inner h4 {
padding: 0 0 10px 0;
margin: 0 28px 0 28px;
font-size: 80%;
color: #828282;
font-weight: normal;
}
div.internal-box2-inner ul,div.internal-box2-inner ol {
font-size: 80%;
margin: 0 28px 0px 19px;
padding: 0 0 15px 25px;
}
div.internal-box2-inner ul.links, div.internal-box2-inner ul.links2,div.internal-box2-inner ol.links3 {
font-size: 80%;
padding: 0;
margin: 0 0 10px 0;
}
div.internal-box2-inner ul.links li, div.internal-box2-inner ul.links2 li, div.internal-box2-inner ol.links3 li { color: #555555;
list-style: none;
margin: 0px 28px 0 28px;
padding: 0 0 10px 25px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow4-off.gif);
background-position: left top;
background-repeat: no-repeat;
}
div.internal-box2-inner ul.links li, div.internal-box2-inner ul.links2 li {
padding: 0 0 0 25px;
}
div.internal-box2-inner a, div.internal-box2-inner ul.links li a, div.internal-box2-inner ul.links2 li a:hover {
color: #0a94d6;
}
div.internal-box2-inner a:hover, div.internal-box2-inner ul.links li a:hover, div.internal-box2-inner ul.links2 li a:hover {
text-decoration: underline;
}
/*
div.internal-box2-inner ul.links2 li a {
color: #828282;
}
*/
div.internal-box2-inner ul.links li:hover {
/*	background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow3-on.gif); */
}
div.internal-box2-inner img.smallthumb {
float: right;
padding: 0 0 0 10px;
margin: 0 15px 15px 0;
}
div.internal-box2-inner img.imagePadding {
padding: 3px;
}
div.internal-box2-inner img.bigthumb {
margin: 0 10px 0 0;
border: 1px solid #828282;
}
div.internal-box2-inner input[type=text] {
border: 1px solid #828282;
padding: 3px;
}
div.internal-box2-inner input[type=submit] {
padding: 2px;
border: 1px solid #828282;
}
div.small-box1 {
width: 315px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-small-bg.jpg);
background-repeat: repeat-y;
margin-bottom: 8px;
}
div.small-box1-inner {
min-height: 140px;
height: auto !important;
height: 140px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-small-head.jpg);
background-repeat: no-repeat;
}
div.small-box1-foot {
height: 14px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-small-foot.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
div.small-box1-inner h1 {
position: relative;
font-weight: normal;
padding: 5px 0 5px 10px !important;
margin: 0 11px 10px 5px !important;
color: #0a94d6;
font-size: 115% !important;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-line-divider-big.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
div.small-box1-inner table, div.small-box1-inner h3, div.small-box1-inner .rail-lines {
margin: 0 15px !important;
}
div.small-box1-inner table td {
padding: 3px;
}
div.small-box1-inner .alert {
color: #cb1b1b;
}
/* google map */
div.internal-box2-inner div#map {
min-height: 500px;
height: auto !important;
height: 500px;
margin: 0 28px 0 28px;
border: 1px solid #828282;
clear: both;
}
div.internal-box2-inner div#map_sales {
min-height: 300px;
height: auto !important;
height: 300px;
margin: 0 28px 0 28px;
border: 1px solid #828282;
clear: both;
}
div#map .infoWin:after {
content: '.';
clear: both;
height: 1px;
visibility: hidden;
}
div#map .infowin table ul {
width: 275px !important;
}
div#map .infoWin * {
font-size: 100%;
color: black;
}
div#map .infoWin .col2 {
width: 275px;
}
div#map .infoWin .line_info ul {
margin: 0;
padding: 0;
}
div#map .infoWin .line_info li {
padding: 2px 0;
margin: 0;
line-height: 1;
list-style: none;
font-family: Tahoma;
}
div#map .infoWin #station_link a {
font-size: 115%;
font-weight: bold;
}
div#map .infoWin .header2 {
font-size: 85%;
font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
padding: 2px 0;
list-style: none;
width: 275px !important;
}
div#map .infoWin .header3 {
color: #828282;
font-size: 70%;
font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
padding: 3px 0 5px 0;
}
div#map .infoWin p {
margin: 0;
}
div#map .infoWin .line_info {
font-size: 80%;
font-family: Verdana;
}
div#map .infoWin .line_info img {
margin-right: 2px;
}
div#map .infoWin #popup_links {
padding: 3px 0;
}
div#map .infoWin #popup_links a {
font-size: 80%;
}
div#map .infoWin #popup_links a, div#map .infoWin #popup_links {
color: #0a94d6;
font-weight: normal;
font-family: Tahoma;
}
div#map .infoWin .dots {
height: 35px;
}
div#map .infoWin .alerts {
float: right;
}
div#map .infoWin .alert_tag {
width: 62px;
}
div.internal-box2-inner input.search-box {
width: 350px;
padding: 3px;
margin: 0 7px;
border: 1px solid #828282;
}
div.internal-box2-inner input.search-button {
margin-right: 10px;
}
div.internal-box2-inner div.search-map {
margin: 20px 28px 5px 28px;
}
div.internal-box2-inner div.search-map-inner {
padding: 0 10px 10px 0;
}
div.internal-box2-inner div.search-map-inner table, div#map .infoWin table {
margin: 0;
}
div.map-alerts {
color: #5B5B5B;
font-size: 80%;
margin: 16px 28px 0 28px;
}
div.map-alerts-inner {
width: 330px;
float: right;
text-align: right;
height: 24px;
padding: 0 5px;
line-height: 24px;
}
div.map-alerts-inner * {
vertical-align: middle;
}
div.map-alerts-inner input {
margin: 0 3px 0 10px;
}
div.map-alerts-inner img {
padding: 0 3px 0 0;
}
div.map-legend {
position: absolute;
right: 15px;
color: #5B5B5B;
font-size: 70%;
line-height: .8;
margin: 16px 20px 0 0;
z-index: 117;
}
div.three-box-inner {
margin: 0 19px 0 28px;
min-height: 94px;
height: auto !important;
height: 94px;
width: 644px;
padding: 10px 0 0 0;
}
div.three-box-inner:after, div.map-legend:after {
clear: both;
content: '.';
height: 1px;
visibility: hidden;
}
div.three-box-inner .pane1 {
float: left;
width: 210px;
padding: 0 5px 0 0;
background: transparent url('/stores/w/wmata/images/wmata_redesign_stripped/vertical-divider.gif') repeat-y top right;
}
div.three-box-inner .pane2 {
float: left;
width: 210px;
padding: 0 5px 0 14px;
background: transparent url('/stores/w/wmata/images/wmata_redesign_stripped/vertical-divider.gif') repeat-y top right;
}
div.three-box-inner .pane3 {
float: left;
width: 180px;
padding: 0 5px 0 14px;
}
div.three-box-inner div img {
overflow: hidden;
}
div.three-box-inner div p {
margin: 0 5px 0 68px;
font-size: 70%;
color: #828282;
}
div.three-box-inner h1 {
color: #0a94d6;
font-size: 90%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
border: 0;
background: none;
}
div.three-box-inner h1 a {
color: #0a94d6;
}
/************* other map related css *************/
/*** map page ***/
div#map_nav_container {
float: left;
clear: left;
display: inline;
margin: -13px 0 13px 1px;
width: 700px;
}
div.internal-box2-inner ul#map_nav {
float: left;
clear: left;
font-size: 1%;
margin: 0;
padding: 0;
list-style-type: none;
}
div.internal-box2-inner ul#map_nav li {
float: left;
display: inline;
}
div.internal-box2-inner ul#map_nav li a {
float: left;
display: block;
padding-top: 49px;
height: 0;
overflow: hidden;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/map_nav.gif) no-repeat 0 0;
}
ul#map_nav li#interact_map a {
width: 176px;
background-position: 0 0;
}
ul#map_nav li#print_map a {
width: 174px;
background-position: -176px 0;
}
ul#map_nav li#ipod_map a {
width: 177px;
background-position: -350px 0;
}
ul#map_nav li#find_station a {
width: 173px;
background-position: -527px 0;
}
ul#map_nav li#interact_map a:hover,
ul#map_nav li#interact_map a.on { background-position: 0px -49px; }
ul#map_nav li#print_map a:hover,
ul#map_nav li#print_map a.on { background-position: -176px -49px; }
ul#map_nav li#ipod_map a:hover,
ul#map_nav li#ipod_map a.on { background-position: -350px -49px; }
ul#map_nav li#find_station a:hover,
ul#map_nav li#find_station a.on { background-position: -527px -49px; }
form#find_station_f {
float: left;
clear: left;
padding: 5px 0 8px;
width: 700px;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/find_station_hr.gif) no-repeat bottom left;
}
form#find_station_f label {
float: left;
display: block;
font-size: 80%;
margin-top: 5px;
padding: 0 5px 0 25px;
vertical-align: top;
color: #666;
}
form#find_station_f select {
font-size: 80%;
width: 283px;
margin-right: 4px;
padding: 1px;
vertical-align: bottom;
}
form#find_station_f input#search_btn {
vertical-align: bottom;
}
#interactive_map_container {
clear: left;
margin:0 auto;;
width: 644px;
border: 1px solid #828282;
margin-bottom: 20px;
}
#legend_container {
clear: left;
margin-left: 1px;
width: 700px;
}
.l_legend {
float: left;
display: inline;
padding: 0 0 10px 40px;
width: 310px;
}
.r_legend {
float: left;
display: inline;
margin-right: -3px;
padding-bottom: 10px;
width: 350px;
text-align: center;
}
h2#legend {
color: #7a7a7a;
font-size: 100%;
font-weight: bold;
margin: 0;
padding: 0 0 5px;
}
div.internal-box2-inner ul#lines,
div.internal-box2-inner ul#limitations {
list-style-type: none;
margin: 0;
padding: 0;
}
div.internal-box2-inner ul#lines li {
float: left;
clear: left;
width: 295px;
line-height: normal;
font-size: 80%;
padding: 0 0 2px 15px;
color: #666;
}
div.internal-box2-inner ul#lines li span {
width: 10px;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/divider.gif) no-repeat center center;
}
div.internal-box2-inner ul#lines li.red {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/red_line.gif) no-repeat 0 2px;
}
div.internal-box2-inner ul#lines li.orange {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/orange_line.gif) no-repeat 0 2px;
}
div.internal-box2-inner ul#lines li.blue {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/blue_line.gif) no-repeat 0 2px;
}
div.internal-box2-inner ul#lines li.green {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/green_line.gif) no-repeat 0 2px;
}
div.internal-box2-inner ul#lines li.yellow {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/yellow_line.gif) no-repeat 0 2px;
}
div.internal-box2-inner ul#limitations {
float: left;
clear: left;
padding-left: 35px;
margin-bottom: 20px;
width: 665px;
}
div.internal-box2-inner ul#limitations li {
float: left;
display: block;
height: 31px;
padding: 8px 0 10px 47px;
margin-right: 5px;
line-height: normal;
color: #666;
width: 50px;
font-size: 70%;
}
div.internal-box2-inner ul#limitations li#no_smoking {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/no_smoking.gif) no-repeat 0 0;
}
div.internal-box2-inner ul#limitations li#no_eating {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/no_smoking.gif) no-repeat 0 0;
}
div.internal-box2-inner ul#limitations li#no_animals {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/no_animals.gif) no-repeat 0 0;
}
div.internal-box2-inner ul#limitations li#no_audio {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/no_audio.gif) no-repeat 0 0;
}
div.internal-box2-inner ul#limitations li#no_litter {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/no_litter.gif) no-repeat 0 0;
}
div.internal-box2-inner ul#limitations li#no_flammable {
background: url(/stores/w/wmata/images/wmata_redesign_stripped/no_flammable.gif) no-repeat 0 0;
}
/*********** end other map related css ***********/
/*************** station tables ************/
div.internal-box2-inner table.wide {
width: 647px;
}
div.internal-box2-inner table.tabular {
background-color: #f4f4f4;
border-width: 0 1px 1px 1px;
border-color: #dcdcdc;
border-style: solid;
}
div.internal-box2-inner table.tabular .firsthead {
background-color: #bbb;
color: white;
}
div.internal-box2-inner table table {
margin: 0;
padding: 0;
font-size: 100%;
}
div.internal-box2-inner table.tabular {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/tabular-header.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
div.internal-box2-inner table.tabular th {
font-weight: bold;
text-align: left;
padding: 0;
margin: 0;
}
div.internal-box2-inner table.tabular th {
border-width: 0;
border-color: #CFCFCF;
border-bottom-color: #828282;
border-style: solid;
}
div.internal-box2-inner table.tabular div.sort {
float: right;
width: 30px;
padding: 3px 0 3px 0;
}
div.internal-box2-inner table.tabular td, div.internal-box2-inner table.tabular td table {
padding: 0;
margin: 0;
}
div.internal-box2-inner table.tabular th, div.internal-box2-inner table.tabular td {
padding: 3px 5px;
}
div.internal-box2-inner table.tabular table tbody, div.internal-box2-inner table.tabular table tbody tr, div.internal-box2-inner table.tabular table td {
background-image: none;
background-repeat: no-repeat;
border: 0;
padding: 0;
margin: 0;
}
div.internal-box2-inner table.tabular th {
border-width: 0 1px 0 1px;
border-right-color: #ddd;
border-left-color: #fff;
border-style: solid;
}
div.internal-box2-inner table.tabular th:first-child {
border-left-width: 0;
}
div.internal-box2-inner table.tabular td {
border-width: 0 1px 0 0;
border-color: #ddd;
border-style: solid;
}
div.internal-box2-inner table th {
color: #828282;
vertical-align: top;
}
div.internal-box2-inner table th span {
font-size: 70%;
}
div.internal-box2-inner table .alerts td {
width: 35px;
border: 0;
padding: 0;
}
div.internal-box2-inner table .lines td {
width: 25px;
border: 0;
padding: 0;
}
div.internal-box2-inner .address {
min-height: 130px;
height: auto !important;
height: 130px;
}
div.internal-box2-inner tr.even td {
background-color: white;
}
div.internal-box2-inner tr.odd td {
background-color: #f4f4f4;
}
div.internal-box2-inner tr.odd {
background-color: transparent;	}
/************** tables **************/
div.internal-box2-inner table td * {
font-size: 100%;
}
div.internal-box2-inner table td {
vertical-align: top;
}
div.internal-box2-inner table ul {
margin: 0;
padding: 0 25px;
}
div.internal-box2-inner table p, div.internal-box2-inner table h1, div.internal-box2-inner table h2, div.internal-box2-inner table h3 {
font-size: 100%;
padding: 0;
margin-left: 0;
margin-right: 0;
}
div.internal-box2-inner h1.lines {
vertical-align: baseline;
}
div.internal-box2-inner ul.rail-alerts {
list-style: none;
margin: 0 0 0 10px;
}
div.internal-box2-inner ul.rail-alerts li img {
margin-right: 10px;
vertical-align: baseline;
}
div.internal-box2-inner ul.rail-lines {
padding: 0;
}
div.internal-box2-inner ul.rail-lines li {
list-style: none;
margin: 0;
padding: 0 0 0 20px;
}
div.internal-box2-inner ul.rail-lines li.blueline {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/icon-circle-blue.gif);
background-position: middle left;
background-repeat: no-repeat;
}
div.internal-box2-inner img.metrothumbnail {
margin: 0 28px 10px 28px;
float: right;
border: 1px solid #828282;
}
div.internal-box2-inner div.metrothumbnail2 {
position:relative;
width:300px;	margin: 0 28px 10px 28px;
float: right;	/*border: 1px solid #828282;*/
}
div.internal-box2-inner div.metrothumbnail2 div {
text-align:center;
padding:0px 0px 0px 0px;
}
div.internal-box2-inner div#station_detail_map {
margin: 0 28px 10px 28px;
float: right;
border: 1px solid #828282;
width:308px;
height:308px;
}
div.internal-box2-inner img.metrothumbnail:after {
content: '.';
height: 1px;
clear: both;
visibility: hidden;
}
div.internal-box2-inner ul.page-tabs {
height: 28px;
padding: 0 0 0 3px;
margin: 0 27px 13px 27px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-line-divider-big.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
div.internal-box2-inner ul.page-tabs li {
list-style: none;
display: inline;
}
div.internal-box2-inner ul.page-tabs li.on {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/tab1-on-bg.gif);
background-repeat: repeat-x;
background-position: top left;
}
div.internal-box2-inner ul.page-tabs div {
float: left;
display: block;
text-align: center;
height: 28px;
width: auto;
margin: 0 1px 0 0;
padding-bottom: 1px;
}
div.internal-box2-inner ul.page-tabs li div {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/tab1-off-bg.gif);
background-repeat: repeat-x;
background-position: top left;
}
div.internal-box2-inner ul.page-tabs li.on div {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/tab1-on-bg.gif);
background-repeat: repeat-x;
background-position: top left;
}
div.internal-box2-inner ul.page-tabs span {
line-height: 34px;
margin: 0 10px;
font-weight: bold;
}
div.internal-box2-inner ul.page-tabs li.on span {
line-height: 30px;
}
div.internal-box2-inner ul.page-tabs li a {
color: white;
}
div.internal-box2-inner ul.page-tabs li.on a {
color: #828282;
}
div.internal-box2-inner ul.page-tabs li a:hover {
text-decoration: none;
}
div.internal-box2-inner ul.page-tabs img.left {
float: left;
}
div.internal-box2-inner ul.page-tabs img.right {
float: right;
}
div.leftline {
border-width: 0 0 0 1px;
border-style: solid;
border-color: #d0d0d0;
padding-left: 15px;
}
/************** alertsbox **************/
table.alertsbox {
border: 1px solid #CFCFCF;
padding: 3px;
}
table.alertsbox th {
background-color: #d01d1d;
padding: 3px 5px;
color: white !important;
}
table.alertsbox td {
padding: 3px 5px;
}
/************** forms **************/
div.internal-box2-inner select {
border: 1px solid #828282;
padding: 2px;
}
div.internal-box2-inner select.list {
margin: 0 27px 13px 27px;
}
div.internal-box2-inner input[type=button] {
margin: 0 27px 13px 27px;
padding: 2px;
border: 1px solid #828282;
}
div.internal-box2-inner table input[type=button], div.internal-box2-inner table select {
margin: 0 3px;
}
div.internal-box2-inner form input.imagebtn {
vertical-align: bottom;
}
/************** farebox **************/
div#farebox {
display: none;
}
/************** paddedbox *************/
div.padbox {
margin: 0 27px 13px 27px;
}
/***********************************/
div#footer {
clear: both;
height: 18px;
overflow: hidden;
line-height: 1;
}
div#footer2 {
width: 924px;
margin: 0 auto;
}
div#footer p, div#footer2 p {
margin: 0 3px;
padding: 0;
line-height: 1.5;
}
div#footer p.inside-left, div#footer2 p.inside-left {
float: left;
}
div#footer p.inside-right, div#footer2 p.inside-right {
float: right;
}
div#footer2 .row2 {
clear: both;
margin: 0 14px;
}
div#footer .row1 p.inside-left {
color: #5b5b5b;
font-size: 70%;
}
div#footer .row1 p.inside-left a {
color: #5b5b5b;
}
div#footer .row1 p.inside-right {
color: #5b5b5b;
font-size: 80%;
}
div#footer .row1 p.inside-right a {
color: #5b5b5b;
font-weight: bold;
}
div#footer2 .row2 p.inside-left {
color: #5b5b5b;
font-size: 70%;
}
div#footer2 .row2 p.inside-left a {
color: #5b5b5b;
}
div#footer2 .row2 p.inside-right {
color: #5b5b5b;
font-size: 80%;
}
div#footer2 .row2 p.inside-right span {
color: #5b5b5b;
font-weight: bold;
}
div#footer2 .row2 p.inside-right a {
color: #ffffff;
}
ul.header-nav {
padding:6px 0pt 0pt 93px;
position:relative;
z-index:120;
}
/* hide skip navigation */
.skiplinks {
position: absolute;
left: -9000px;
width: 150px;
}
/*** full page template ***/
div#internal-col2.wide {
margin-left: 0;
float: left;
width: 900px;
margin-bottom: 6px;
}
div#internal-col2.wide div.internal-box2-inner {
background-image:url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-head-1-w.jpg);
}
div#internal-col2.wide div.internal-box2 {
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-bg-w.jpg);
}
div#internal-col2.wide div.internal-box2-foot {
background-image:url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-foot-1-w.jpg);
}
div#internal-col2.wide div.internal-box2-inner h1 {
background-image:url(/stores/w/wmata/images/wmata_redesign_stripped/box-7-line-divider-big-w.gif);
}
/* Riding MetroRail */
.inner_left {
display: inline;
float: left;
width: 410px;
margin-right: 20px;
}
.inner_right {
display: inline;
float: left;
width: 270px;
}
.listing_container {
float: left;
display: inline;
margin-left: 20px;
padding: 0 0 3px 60px;
width: 330px;
background: url(/rail/images/box-7-line-divider-big.gif) repeat-x bottom;
}
.inner_left .last {
background: transparent;
padding-bottom: 0;
}
.listing_container img {
display: inline;
float: left;
margin: 10px 0 0 -60px;
}
div.internal-box2-inner .listing_container h2 {
color: #5B5B5B;
margin: 0;
}
div.internal-box2-inner .listing_container ul {
margin: 0;
padding: 0 0 15px;
}
div.internal-box2-inner .listing_container ul.links2 li {
margin: 0;
}
.listing_container li a {
color: #0a94d6;
}
.hours {
background: url(/rail/images/hours_bgr_top.gif) no-repeat 0 0;
}
.hours .inner {
padding: 0 0 20px 90px;
background: url(/rail/images/hours_bgr_btm.gif) no-repeat bottom left;
}
div.internal-box2-inner .hours h2,
div.internal-box2-inner .videos h2,
div.internal-box2-inner .fare_finder h2 {
margin: 0;
}
div.listing_container h2
{
font-weight:bold;
}
div.internal-box2-inner .hours p {
margin: 0;
font-size: 100%;
font-weight:bold;
}
div.internal-box2-inner .hours img {
display: inline;
float: left;
margin: 10px 0 0 -75px;
}
.videos {
background: url(/rail/images/videos_bgr_mid.gif) repeat-y 0 0;
}
.videos .inner1 {
background: url(/rail/images/videos_bgr_top.gif) no-repeat 0 0;
}
.videos .inner2 {
padding: 0 15px 20px 20px;
background: url(/rail/images/videos_bgr_btm.gif) no-repeat bottom left;
}
div.internal-box2-inner ul.video_list {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}
ul.video_list li {
clear: left;
padding: 0 0 10px 90px;
min-height: 79px;
}
ul.video_list a.thumb {
display: inline;
float: left;
margin: 3px 0 0 -90px;
padding: 1px;
border: 1px solid #808080;
}
div.internal-box2-inner ul.video_list h3 {
float: left;
margin: 0;
padding: 0 0 2px;
width: 143px;
}
div.internal-box2-inner ul.video_list h3 a {
/*color: #828282;*/
color:#0a94d6;
}
div.internal-box2-inner ul.video_list p {
margin: 0;
padding: 0 0 5px;
line-height: 120%
}
.fare_finder {
background: url(/rail/images/fare_finder_bgr_top.gif) no-repeat 0 0;
}
.fare_finder .inner {
padding: 0 0 20px 20px;
background: url(/rail/images/fare_finder_bgr_btm.gif) no-repeat bottom left;
}
.fare_finder .inner2 {	padding: 0 0 0px 0px;
background: url(/rail/images/fare_finder_bgr_btm.gif) no-repeat bottom left;
}
.fare_finder .inner .inner3{
border:1px solid red;	padding: 0px 100px 0px px;
text-align:left;
position: relative;
}
.fare_finder label {
display: block;
padding: 5px 0 0;
font-size: 80%;
font-weight: bold;
color: #828282;
}
.fare_finder .selects select {
width: 160px;
}
.fare_finder .submit {
padding: 7px 0 0 135px;
}
div.internal-box2-inner ul.links li, div.internal-box2-inner ul.links2 li, div.internal-box2-inner ol.links3 li {
background-position: 5px 3px;	}
/***** metro access landing page temp code***********/
/** Access page **/
#left_wide {
float: left;
width: 433px;
}
#left_wide p.tagline {
color: #7aae0c;
font-size: 87%;
}
ul#accessibility {
margin: 0;
padding: 0 25px 10px 23px;
width: 385px;
font-size: 100%;
list-style-type: none;
}
ul#accessibility li {
padding: 10px 28px 0 57px;
margin-bottom: 10px;
width: 300px;
height: 65px;
overflow: hidden;
background: url(/img/hr.gif) repeat-x top left;
}
ul#accessibility li.expanded {
height: auto;
}
ul#accessibility li.first {
background: none;
}
ul#accessibility li img {
float: left;
display: inline;
margin: 4px 0 0 -52px;
}
ul#accessibility li p,
ul#accessibility li h2 {
margin: 0;
padding: 0 0 12px;
line-height: 1.5em;
}
ul#accessibility li h2 {
color: #0A94D6;
padding-bottom: 5px;
cursor: pointer;
}
ul#accessibility li h2:hover {
text-decoration: underline;
cursor: pointer;
}
/*
ul#accessibility li.expanded h2 {
text-decoration: none;
cursor: text;
color: #828282;
}
*/
#right_wide {
float: left;
width: 256px;
}
#img_container {
margin-bottom: 12px;
}
.rw_module {
float: left;
clear: left;
margin-bottom: 5px;
padding-top: 8px;
width: 256px;
background: url(/img/rw_module_top.gif) no-repeat 0 0;
}
.rw_module_btm {
float: left;
clear: left;
padding-bottom: 18px;
width: 256px;
background: url(/img/rw_module_btm.gif) no-repeat bottom left;
}
.rw_module_inner {
float: left;
clear: left;
padding: 0 13px 5px 13px;
width: 230px;
background: url(/img/rw_module_inner.gif) repeat-y 0 0;
}
div.internal-box2-inner .rw_module h2,
div.internal-box2-inner .module_content h3,
div.internal-box2-inner .rw_module p {
margin: 0;
line-height: normal;
}
div.internal-box2-inner .module_content h3 {
padding: 0 0 7px;
color: #828282;
}
.module_content h3 a {
/*color: #828282;*/
color:#0a94d6;
}
.rw_module .img
{
float: left;
display: block;
height: 100%;
margin: 0 10px 5px 0;
/*border: 1px solid #808080;*/
}
.module_content {
float: left;
display: block;
height: 100%;
margin: 0 10px 5px 0;
}
.module_content {
width: auto;
margin: 0;
}
.videos_content {
width: 140px;
}
.download_content {
width: 170px;
}
.card_content {
width: 140px;
}
div.ec_buttons {
text-align: left;
padding: 0 25px 10px 28px;
width: 385px;
font-size: 70%;
}
div.ec_buttons span {
color: #0A94D6;
cursor: pointer;
padding-right: 15px;
}
div.ec_buttons span:hover {
text-decoration: underline;
cursor: pointer;
}
div.ec_buttons span.collapse {
padding-right: 0;
}
/********end metroaccess ************/
/******** more new templates css (pages: getterin_around/index.cfm, fares/smart_benefits.cfm fare/smartrip/index.cfm*****/
/* new to metro, smartrip, smartbenefits */
div.internal-box2-inner .rw_module p {
padding-bottom: 8px;
}
ul#accessibility li ul.links li {
margin: 0px;
padding: 0pt 0pt 10px 25px;
width: 275px;
height: auto;
overflow: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
color: #484742;
line-height: normal;
background-position: 0 2px;
background-repeat: no-repeat;
background-image:url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow4-off.gif);
}
ul#accessibility li ul.links2 {
padding-top: 10px;
margin-bottom: 0;
}
ul#accessibility li ul.links2 li {
padding: 0pt 0pt 4px 18px;
width: 257px;
font-size: 120%;
height: auto;
overflow: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
color: #484742;
line-height: normal;
background-position: 0 2px;
background-repeat: no-repeat;
background-image:url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow4-off.gif);
}
a.pdf {
float: left;
clear: left;
display: block;
font-size: 80%;
padding: 0 0 11px 39px;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/pdf_ico.gif) no-repeat top left;
}
.phone_content {
width: 140px;
}
.phone_content span {
font-size: 150%;
color: #7aae0c;
}
form#e_login {
width: 230px;
}
form#e_login label {
float: left;
display: block;
width: 75px;
font-size: 80%;
line-height: 1.4em;
font-weight: bold;
color: #838383;
}
form#e_login input {
padding: 0 1px;
margin-bottom: 8px;
border: 1px solid #ccc;
width: 142px;
}
form#e_login input#login_btn {
float: right;
clear: both;
width: 88px;
height: 23px;
padding: 0;
margin: 0 5px 8px 0;
border: 0;
}
.rw_module a.more {
float: right;
padding: 0 19px 3px 0;
margin-top: -26px;
font-size: 80%;
color: #5a5c5b;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/gray_bullet.gif) no-repeat center right;
}
.rw_module ul.news {
margin: 0;
padding: 0 0 0 19px;
width: 155px;
list-style-type: none;
}
.rw_module ul.news li {
margin: 0;
padding: 0 0 5px 12px;
width: 143px;
color: #474843;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/green_bullet.gif) no-repeat 0 4px;
}
.rw_module ul.news li a {
display: block;
color: #474843;
}
/******end more new templates css ****/
/* home page news tabs css */
/* hp news and events tabs */
.tabs_news ul, .tabs_news li {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
.tabs_news ul {
width: 201px;
margin: -15px -10px 0 -17px;
display: inline;
}
.tabs_news a {
display: block;
height: 0;
width: 101px;
overflow: hidden;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/news_tabs2.gif) no-repeat 0 -28px;
}
#tab_events a {
width: 100px;
background-position: -101px -28px;
}
.tabs_news a:hover,
.tabs_news li a.on {
background-position: 0 0;
}
#tab_events a:hover,
#tab_events a.on {
background-position: -101px 0;
}
#news_tab1 {
clear: left;
}
#news_tab1 .news_hp {
color: #0a94d6;
font-size: 90%;
font-weight: bold;
margin-bottom: 5px;
}
#news_tab2 {
clear: left;
display: none;
}
#news_tab1 ul,
#news_tab2 ul {
clear: both;
margin: 0;
padding: 15px 0 0;
float: left;
list-style-type: none;
}
#news_tab1 li,
#news_tab2 li {
padding: 0 0 0 12px;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/news_tabs_bullet.gif) no-repeat 0 6px;
}
#news_tab1 a,
#news_tab2 a {
color: #474843;
text-decoration: none;
font-size: 70%;
}
#news_tab1 a:hover,
#news_tab2 a:hover {
text-decoration: underline;
}
/* end home page news tabs css */
/* new to metro, smartrip, smartbenefits */
div.internal-box2-inner .rw_module p {
padding-bottom: 8px;
}
ul#accessibility li ul.links li {
margin: 0px;
padding: 0pt 0pt 10px 25px;
width: 275px;
height: auto;
overflow: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
color: #484742;
line-height: normal;
background-position: 0 2px;
background-repeat: no-repeat;
background-image:url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow4-off.gif);
}
ul#accessibility li ul.links2 {
padding-top: 10px;
margin-bottom: 0;
}
ul#accessibility li ul.links2 li {
padding: 0pt 0pt 4px 18px;
width: 257px;
font-size: 120%;
height: auto;
overflow: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
color: #484742;
line-height: normal;
background-position: 0 2px;
background-repeat: no-repeat;
background-image:url(/stores/w/wmata/images/wmata_redesign_stripped/circle-arrow4-off.gif);
}
a.pdf {
float: left;
clear: left;
display: block;
font-size: 80%;
padding: 0 0 11px 39px;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/pdf_ico.gif) no-repeat top left;
}
.phone_content {
width: 140px;
}
.phone_content span {
font-size: 150%;
color: #7aae0c;
}
form#e_login {
width: 230px;
}
form#e_login label {
float: left;
display: block;
width: 75px;
font-size: 80%;
line-height: 1.4em;
font-weight: bold;
color: #838383;
}
form#e_login input {
padding: 0 1px;
margin-bottom: 8px;
border: 1px solid #ccc;
width: 142px;
}
form#e_login input#login_btn {
float: right;
clear: both;
width: 88px;
height: 23px;
padding: 0;
margin: 0 5px 8px 0;
border: 0;
}
.rw_module a.more {
float: right;
padding: 0 19px 3px 0;
margin-top: -26px;
font-size: 80%;
color: #5a5c5b;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/gray_bullet.gif) no-repeat center right;
}
.rw_module ul.news {
margin: 0;
padding: 0 0 0 19px;
width: 155px;
list-style-type: none;
}
.rw_module ul.news li {
margin: 0;
padding: 0 0 5px 12px;
width: 143px;
color: #474843;
background: url(/stores/w/wmata/images/wmata_redesign_stripped/green_bullet.gif) no-repeat 0 4px;
}
.rw_module ul.news li a {
display: block;
color: #474843;
}
/** station listing **/
a.th_link {
float: right;
font-size: .9em;;
display: inline;
padding-right: 3px;
font-weight: normal;
} div.internal-box2-inner table.listing th {
padding-bottom: 14px;
}
table.listing th p {
float: left;
margin-bottom: 0;
}
div.internal-box2-inner table.listing td {
border-color: #DDD;
border-style: solid;
border-width: 0 1px 1px 0;
}
div.internal-box2-inner table.listing tr td {
background-color: #fff;
}
div.internal-box2-inner table.listing tr.odd td {
background-color: #F4F4F4;
}
table.listing td span {
float: left;
font-weight: normal;
font-size:1.4em;
color: #0a94d6;
}
table.listing td a#top {
float: right;
padding-top: 18px;
margin-top: 5px;
width: 38px;
height: 0;
overflow: hidden;
background: url(../images/top.gif) no-repeat 0 0;
}
table.listing td p {
margin: 0 0 5px;
line-height: normal;
}
table.listing td p#choose {
margin: 0 0 10px;
}
div.internal-box2-inner table.listing tr#find_station td {
padding: 0 5px;
background: url(../images/find_station_bgr.gif) repeat-x bottom left;
}
div.internal-box2-inner table.listing tr#find_station td td {
padding-bottom: 5px;
background: transparent;
}
div.internal-box2-inner table.listing tr#find_station td h2 {
padding: 5px 0;
color: #555;
font-weight: bold;
}
form#find_station_frm {
width: 100%;
}
form#find_station_frm div#first {
float: left;
display: inline;
padding: 0 5px 10px;
width: 240px;
}
form#find_station_frm div#second {
float: left;
display: inline;
padding: 0 5px 10px 6px;
width: 122px;
}
form#find_station_frm div#third {
float: left;
display: inline;
padding: 0 5px 10px;
margin-right: -10px;
width: 240px;
}
form#find_station_frm select {
width: 238px;
margin-bottom: 10px;
}
form#find_station_frm input#search_btn {
float: right;
margin: 0;
padding: 0;
border: 0;
width: 77px;
height: 23px;
}
a#any {
display: block;
clear: left;
padding-top: 21px;
margin-bottom: 9px;
width: 106px;
height: 0;
overflow: hidden;
background: url(../images/any_btn.gif) no-repeat 0 0;
}
fieldset#amenities_f {
width: 244px;
font-size: 11px;
}
fieldset#amenities_f label {
float: left;
clear: left;
}
div#check_wrap {
float: left;
width: 244px;
}
div.check_inner {
float: left;
display: inline;
width: 122px;
}
div.check_inner label {
float: left;
clear: left;
width: 122px;
margin-right: -3px;
}
div#top_module {
display: none;
}
#search_results td {
background: url(../images/results_bgr.gif) repeat-x top left;
}
#search_results p {
padding: 4px 0 0 10px;
font-size: 1.2em;
color: #666666;
}
#search_results p span {
float: none;
font-size: 1em;
font-weight: bold;
color: #666666;
}
table.listing td p.g_line {
float: left;
margin-top: 4px;
padding: 0 20px 0 0;
font-size: 1em;
font-weight: bold;
background: url(../images/icon-circle-green.gif) no-repeat center right;
}
table.listing td p.sml {
float: left;
margin: 0;
padding: 2px 4px 0 0;
font-size: .85em;
}
div.internal-box2-inner table.listing div.sort {
width: 67px;
}
/*** trip planner ***/
.trip_planner {
margin: 0 auto;
padding-top: 20px;
width: 674px;
background: url(../images/tp_top.gif) no-repeat 0 0;
}
.trip_planner_btm {
float: left;
clear: both;
padding-bottom: 39px;
width: 674px;
background: url(../images/tp_btm.gif) no-repeat bottom left;
}
.trip_planner_inner {
float: left;
clear: left;
width: 674px;
background: url(../images/tp_inner.gif) repeat-y 0 0;
}
.gradient {
float: left;
display: inline;
margin: 0 3px;
width: 668px;
background: url(../images/gradient.gif) repeat-x bottom left;
}
div.travel {
float: left;
clear: left;
padding: 0 14px;
margin-bottom: 8px;
width: 660px;
background: url(../images/travel_bgr.gif) repeat-y 50% 0;
}
div.travel .from,
div.travel .to {
float: left;
display: inline;
width: 320px;
}
div.travel .to {
padding-left: 14px;
width: 306px;
}
div.travel label {
float: left;
padding: 3px 4px 0 0 ;
font-weight: bold;
font-size: .8em;
color: #666;
}
div.internal-box2-inner div.travel input {
width: 168px;
padding: 2px;
margin-bottom: 14px;
border: 1px solid #d2d2d2;
}
div.internal-box2-inner ul.btns {
float: left;
clear: left;
width: 310px;
margin: 0 -10px 0 0;
padding: 0;
list-style-type: none;
}
div.internal-box2-inner ul.btns li {
float: left;
display: inline;
margin: 0 5px 0 0;
padding: 0 0 5px 34px;
line-height: normal;
width: 64px;
height: 36px;
}
div.internal-box2-inner ul.btns li a {
display: block;
height: 36px;
background: url(../images/travel_bgr.gif) repeat-y top right;
}
ul.btns li.location {
background: url(../images/location_ico.gif) no-repeat 0px 2px;
}
ul.btns li.map {
background: url(../images/map_ico.gif) no-repeat 0px 2px;
}
div.internal-box2-inner ul.btns li.examples {
margin: 0;
background: url(../images/example_ico.gif) no-repeat 0px 2px;
}
div.internal-box2-inner ul.btns li.examples a {
background: none;
}
#interactive_content {
display: none;
float: left;
clear: left;
font-size: .9em;
padding: 10px 14px 0;
width: 640px;
background: url(../images/hr2.gif) no-repeat 14px 0px;
}
#interactive_content p {
clear: both;
padding: 0;
margin: 0 0 10px 0;
}
span.strong {
font-weight: bold;
}
.examples_l,
.examples_r {
float: left;
display: inline;
width: 320px;
}
.examples_r {
padding-left: 14px;
width: 306px;
}
div.internal-box2-inner ul.examples_list {
margin: 0;
padding: 0;
list-style-type: none;
}
div.internal-box2-inner ul.examples_list li {
margin: 0;
padding: 0 0 0 20px;
margin: 0 0 10px;
background: url(../images/circle-arrow4-off.gif) no-repeat 1px 2px;
}
div.remember {
clear: both;
font-size: .8em;
padding: 10px 14px;
width: 640px;
background: url(../images/hr2.gif) no-repeat 14px 0px;
}
div.remember input {
float: left;
display: inline;
margin: 0 5px 0 0;
padding: 0;
width: 15px;
height: 15px;
}
div.remember label {
font-weight: bold;
color: #666;
}
#date_using {
float: left;
clear: both;
padding: 8px 14px;
width: 640px;
background: url(../images/hr2.gif) no-repeat 14px 0px;
}
#inner_vline {
float: left;
width: 640px;
background: url(../images/travel_bgr.gif) repeat-y 70px 0;
}
#date_using p {
margin: 0;
padding: 0 0 10px;
}
#using {
float: left;
display: inline;
width: 70px;
}
#using label {
clear: left;
display: block;
padding: 0;
margin-bottom: 5px;
width: 70px;
font-size: .8em;
color: #666;
}
#date {
float: left;
padding-left: 20px;
width: 530px;
font-size: .8em;
}
#dateIE {
float: left;
padding-left: 5px;
width: 560px;
font-size: .8em;
}
#date .dt_inner {
float: left;
width: 265px;
padding-bottom: 10px;
}
#date .dt_inner label {
font-weight: bold;
color: #666;
}
#date .dt_inner select,
#date .dt_inner input {
padding: 1px;
margin: 0 0 5px;
}
#date .dt_inner input {
padding: 2px;
}
#date .dt_inner #time_wrap label,
#date .dt_inner #date_wrap label {
float: left;
display: block;
padding-top: 4px;
width: 42px;
}
select#depart {
width: 80px;
}
select#am_pm {
width: 50px;
}
input#time {
width: 45px;
}
#date_wrap select#month {
width: 52px;
}
#date_wrap select#day {
width: 50px;
}
#date_wrap select#year {
width: 79px;
}
.dt_inner #distance label {
float: left;
display: block;
padding-top: 4px;
width: 124px;
}
.dt_inner #distance select {
width: 125px;
}
#submit_bb {
float: right;
width: 78px;
height: 23px;
padding: 0;
margin: 0 13px 0 0;
}
div#help {
float: left;
clear: both;
padding: 10px 14px;
width: 640px;
background: url(../images/hr2.gif) no-repeat 14px 0px;
}
div#help a#help_tips {
float: right;
display: block;
font-size: .8em;
padding: 3px 0 20px 34px;
background: url(../images/help_ico.gif) no-repeat top left;
}
div#help p {
float: left;
display: inline;
margin: 0;
padding: 0;
}
.clb {
clear: both;
}
/* end trip planner */
/*TripPlanner autofill popups position*/
.travel .from, .travel .to {
position: relative;
}
.travel .from {
z-index: 33;
}
.travel .from .myCustomFloater {
margin: -15px 0 0 85px;
top: 32px;
left: 0;
}
.travel .to .myCustomFloater {
margin: -15px 0 0 68px;
top: 32px;
left: 14px;
}
.travel .from p,
.travel .to p {
color:black;
margin: 0;
line-height: 1.1em
}
.travel .from .selectedSmartInputItem,
.travel .to .selectedSmartInputItem {
color:white;
background-color:#3875D7;
}
/*** trip planner results ***/
#date p {
font-size: 1em;
}
#top_heading {
float: left;
clear: left;
position: relative;
z-index: 3;
width: 668px;
margin-top: -10px;
}
#top_heading h2 {
float: left;
margin: 0;
padding: 0 0 6px 10px;
font-size: 1.2em;
font-weight: bold;
color: #666;
}
#top_heading a.collapse {
float: right;
margin: 0;
padding: 3px 10px 0 0;
font-size: .8em;
}
.t_results {
background-position: top left;
}
.t_res {
padding-bottom: 12px;
}
.tr {
padding-bottom: 5px;
}
div.results {
float: left;
clear: left;
width: 668px;
}
div.results ul.ltinerary {
float: left;
clear: left;
margin: 0;
padding: 0;
width: 668px;
list-style-type: none;
background: #fff;
}
div.results ul.ltinerary li {
float: left;
clear: left;
margin: 0;
padding: 5px 0 5px 25px;
width: 643px;
border-bottom: 1px solid #d6d6d6;
background: url(../images/bullet_gray.gif) no-repeat 10px 7px;
}
div.results ul.ltinerary li p {
margin: 0 ;
padding: 0;
font-size: .94em;
}
div.results ul.ltinerary li span.res {
font-weight: bold;
color: #7aae0c;
}
div.results ul.ltinerary li a.gd {
float: right;
display: inline;
padding-right: 10px;
margin-right: 10px;
margin-top: -19px;
background: url(../images/bullet_gd.gif) no-repeat center right;
}
div.results ul.ltinerary li a.icon {
padding-right: 20px;
background: url(../images/m_ico.gif) no-repeat center right;
}
div.results ul.ltinerary li a.pdf2 {
text-transform: uppercase;
padding-right: 19px;
background: url(../images/pdf_ico2.gif) no-repeat center right;
}
div.results ul.ltinerary li a.b_line {
padding-right: 18px;
text-transform: uppercase;
font-weight: bold;
background: url(../images/icon-circle-blue.gif) no-repeat top right;
}
div.results ul.ltinerary li a.o_line {
color: #f1814a;
padding-right: 18px;
text-transform: uppercase;
font-weight: bold;
background: url(../images/icon-circle-orange.gif) no-repeat top right;
}
div.results ul.ltinerary li a.r_line {
color: red;
padding-right: 18px;
text-transform: uppercase;
font-weight: bold;
background: url(../images/icon-circle-red.gif) no-repeat top right;
}
div.results ul.ltinerary li a.y_line {
color: #eed144;
padding-right: 18px;
text-transform: uppercase;
font-weight: bold;
background: url(../images/icon-circle-yellow.gif) no-repeat top right;
}
div.results ul.ltinerary li a.g_line {
color: green;
padding-right: 18px;
text-transform: uppercase;
font-weight: bold;
background: url(../images/icon-circle-green.gif) no-repeat top right;
}
div.results h3 {
margin: 0;
padding: 0 0 10px;
color: #7aae0c;
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
}
div.results span.big {
font-size: 1.2em;
}
div.dots {
float: left;
width: 643px;
background: url(../images/dots_bgr.gif) repeat-y 0 0;
}
div.dots div {
float: left;
padding-right: 10px;
width: 204px;
}
div.results div.fare_and_email {
float: left;
clear: left;
padding: 5px 0;
width: 668px;
background: #e9ebec url(../images/travel_bgr.gif) repeat-y 443px 0px;
}
.st_fare {
float: left;
display: inline;
padding-left: 10px;
width: 134px;
}
.st_fare span {
float: left;
clear: left;
display: block;
padding-bottom: 5px;
width: 134px;
}
span.price {
font-size: 1.8em;
color: #666;
}
span.stf {
font-size: .9em;
color: #666;
}
.st_fare_mid {
float: left;
display: inline;
width: 300px;
}
div.internal-box2-inner ul.fares {
float: left;
width: 300px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.fares li {
float: left;
clear: left;
width: 300px;
}
.email {
float: left;
display: inline;
width: 220px;
}
form.email_f {
float: left;
padding-top: 5px;
width: 220px;
}
div.internal-box2-inner input.email_input {
float: left;
display: inline;
margin: 0 5px 0 10px;
padding: 2px 1px;
width: 128px;
}
div.internal-box2-inner input.send_gb {
float: left;
margin: 0;
padding: 0;
border: 0;
width: 67px;
height: 23px;
}
.clb {
clear: both;
height: 0;
overflow: hidden;
}
#tips {
clear: left;
width: 662px;
padding: 10px 20px 10px;
}
#tips p {
margin: 0;
padding: 0 0 10px;
}
#trip_adjustments {
float: left;
display: inline;
clear: left;
margin-left: 16px;
padding-top: 13px;
width: 671px;
background: url(../images/ta_top.gif) no-repeat 0 0;
}
#ta_btm {
float: left;
padding-bottom: 19px;
width: 671px;
background: url(../images/ta_btm.gif) no-repeat bottom left;
}
#ta_inner {
float: left;
clear: left;
width: 671px;
background: url(../images/ta_inner.gif) repeat-y 0 0;
}
.inner_grad {
float: left;
padding: 0 10px;
width: 300px;
background: url(../images/inner_grad.gif) repeat-x 0 0;
}
.time_date_module {
float: left;
display: inline;
margin: 0 3px;
width: 320px;
}
.right_module {
margin-left: 22px;
}
#trip_adjustments .time_date_module h2 {
color: #666;
font-size: .8em;
font-weight: bold;
margin: 0px;
padding: 0 0 10px 0;
}
#trip_adjustments .time_date_module p {
margin: 0;
padding: 0 0 10px 0;
}
#date .dt_inner label {
font-weight: bold;
color: #666;
}
#trip_adjustments .dt_inner select,
#trip_adjustments .dt_inner input {
padding: 1px;
margin: 0 0 5px;
}
#trip_adjustments .dt_inner input {
padding: 2px;
}
#trip_adjustments .dt_inner #time_wrap label,
#trip_adjustments .dt_inner #date_wrap label {
float: left;
display: block;
padding-top: 4px;
width: 42px;
font-size: .8em;
color: #666;
font-weight: bold;
}
#trip_adjustments select#year {
width: 66px;
}
#trip_adjustments #submit_bb {
float: right;
position: relative;
z-index: 2;
height: 23px;
margin: -27px -4px 0 0;
padding: 0;
width: 78px;
}
.td_frm {
float: left;
padding-bottom: 8px;
width: 300px;
}
#time_module {
float: left;
clear: left;
display: inline;
margin-left: 16px;
padding-top: 13px;
width: 671px;
font-size: .8em;
}
#time_module a#time {
float: left;
display: block;
width: 230px;
padding: 23px 0 36px 70px;
background: url(../images/clock2.gif) no-repeat 0 0;
}
#time_module .btm_links {
float: right;
padding-top: 52px;
color: #666;
}
/* eAlerts popups */
.ea_popup {
width: 608px;
position: absolute;
z-index: 20;
top: 150px;
left: 250px;
display: none;
}
.ea_popup .top {
height: 49px;
background: url(../images/ea_popup_top.png) no-repeat top left;
}
.ea_popup .mid {
padding-top: 10px;
background: url(../images/ea_popup_mid.png) no-repeat top left;
}
#mr_uns .mid {
background: url(../images/ea_popup_mid_s.png) no-repeat top left;
}
.ea_popup .btm {
width: 608px;
height: 27px;
background: url(../images/ea_popup_btm.png) no-repeat top left;
}
div.ea_popup h2 {
font-weight: normal;
padding: 20px 0 8px 27px;
margin: 0;
color: #0a94d6;
font-size: 115%;
}
.ea_popup .close {
position: relative;
margin: 20px 20px 0 0;
float: right;
cursor: pointer;
width: 18px;
height: 0;
padding-top: 18px;
overflow: hidden;
background: url(../images/ea_popup_close.gif) no-repeat top left;
}
.ea_popup .contact {
float: left;
padding: 0 0 0 25px;
}
.ea_popup .contact input {
border: 1px solid #ccc !important;
padding: 3px;
color: #888;
width: 213px;
}
.ea_popup .contact input.focus {
color: #000;
}
.ea_popup .contact input.placehold {
color: #ccc;
}
.input_box, .input_box_r {
float: left;
padding: 17px 19px;
width: 224px;
height: 60px;
background: url(../images/input_box_bgr.gif) no-repeat top left;
}
.input_box_r { margin-left: 30px; }
.input_box label, .input_box_r label {
font-size: 75%;
display: block;
padding-bottom: 10px;
}
.ea_popup .timetable {
clear: both;
}
.ea_popup .timetable table {
margin-top: 10px;
border-collapse: collapse;
background: url(../images/timetable_bgr.gif) no-repeat 0 0;
}
.ea_popup .timetable th { color: #fff; height: 24px; }
.ea_popup .timetable th.ty { color: #646464; }
.internal-box2-inner .ea_popup td {
text-align: center;
width: 73px;
height: 45px;
vertical-align: middle;
padding-bottom: 0;	}
.internal-box2-inner .ea_popup .last td {
height: 50px;
}
.ea_popup td.txt {
text-align: left;
padding-left: 12px;
width: 172px;
}
.ea_popup td strong { display: block; }
.ea_popup .submit_btn {
clear: both;
padding: 10px 0 0;
text-align: center;
}
#ma_sub, #ma_uns {
width: 476px;
}
#ma_sub .top, #ma_uns .top {
background: url(../images/ea_popup_top1.png) no-repeat top left;
}
#ma_sub .mid, #ma_uns .mid {
background: url(../images/ea_popup_mid1.png) no-repeat top left;
}
#ma_sub .btm, #ma_uns .btm {
width: 476px;
background: url(../images/ea_popup_btm1.png) no-repeat top left;
}
#ma_sub .submit_btn, #ma_uns .submit_btn {
padding-left: 28px;
text-align: left;
}
ul#accessibility ul {
margin: 0;
padding: 0;
}
ul#accessibility li li {
list-style-type: none;
padding: 0 0 0 25px;
margin-bottom: 10px;
width: auto;
height: auto;
background: url(../images/circle-arrow4-off.gif) no-repeat 5px 3px;
}
ul#accessibility ul.subscribe {
margin: 10px -50px 2px 0;
width: 340px;
}
ul#accessibility ul.subscribe li {
float: left;
margin-right: 4px;
padding: 0 22px 0 6px;
border-left: 1px solid #828282;
background-position: 94% 3px;
}
ul#accessibility ul.subscribe li.first {
padding-left: 0;
border-left: none;
background: url(../images/circle-arrow4-off.gif) no-repeat 94% 3px;
}
ul#accessibility.cont li {
height: auto;
}
ul#accessibility.cont li div.li_cont {
height: 40px;
overflow: hidden;
}
ul#accessibility.cont li.expanded div.li_cont {
height: auto;
}
/*
div.spce
{
position:relative;
background-color:red;
height:5px;
}
div.ad_store_top { width: 193px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-6-bg-1.gif);
background-repeat: repeat-y;
}
div.ad_store_mid {	min-height: 258px;
height: auto !important;
height: 258px;
width: 168px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-6-head-1.gif);
background-repeat: no-repeat;
padding: 55px 12px 0 12px;
text-align:center;
}
div.ad_store_bottom {
height: 7px;
background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/box-6-foot-1.gif);
background-repeat: no-repeat;
overflow: hidden;
}
*/