body { font-family: Arial, sans-serif; font-size: 10pt; line-height: 1.3; margin: 0px 0px 0px 0px; color: #525252; background-color: #ffffff; }

p { margin: 1em 0; }
h1 { font-size: 18pt; margin: 5px 0px 12px 0px; padding: 0px; color: #000000; font-weight: normal; }
h2 { font-size: 15pt; margin: 5px 0px 10px 0px; padding: 0px; color: #000000; font-weight: normal; }
h3 { font-size: 13pt; margin: 5px 0; padding: 0px; color: #000000; }
h4 { font-size: 12pt; margin: 5px 0; padding: 0px; color: #000000; }
h5 { font-size: 9pt; margin: 5px 0; padding: 0px; color: #000000; }
img { border: 0px; }
h1 img { vertical-align: middle; margin-right: 10px; margin-bottom: 3px; }
h2 img { vertical-align: middle; margin-right: 8px; margin-bottom: 5px; }
h3 img { vertical-align: middle; margin-right: 8px; margin-bottom: 3px; }
h4 img { vertical-align: middle; margin-right: 8px; margin-bottom: 3px; }
h5 img { vertical-align: middle; margin-right: 8px; margin-bottom: 3px; }
hr { color: #cccccc; background-color: #cccccc; margin: 20px 0px; width: 100%; height: 1px; border: none; clear: both; display: block; }
sup { vertical-align: text-top; font-size: 9px; }
sub { vertical-align: text-bottom; font-size: 9px; }

ul { margin: 0px; padding: 0px 0px 0px 14px; }
ul ul { margin-top: .7em; padding: 0px 0px 0px 14px; }
ul.standard li { margin-bottom: 10px; list-style-image: url('bullet.gif'); line-height: 1.3; }
ul.standard li ul li { margin-bottom: 10px; list-style-image: url('bullet2.gif'); line-height: 1.3; }
ul.small { margin: 0px; padding: 0px; list-style-position: inside; }
ul.small li { list-style-image: url('bullet.gif'); line-height: 1.3; }
ul.small li ul li { list-style-image: url('bullet2.gif'); line-height: 1.3; }

ol { margin: 0px; padding: 0px 0px 0px 14px; list-style: decimal; }
ol ol { margin-top: .7em; padding: 0px 0px 0px 14px; list-style: lower-alpha; }
ol ol ol { list-style: decimal; }
ol ol ol ol { list-style: lower-alpha; }
ol li { margin-bottom: 10px; line-height: 1.3; }
ol ol li { margin-bottom: 10px; line-height: 1.3; }

table.standard { border-collapse: collapse; border: solid 1px #dddddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
table.standard thead tr { background: url('bkgrnd_yellowstrip.gif') repeat-x 0% 0%; height: 52px; }
table.standard th { color: #303030; font-size: 11pt; border: solid 1px #dddddd; padding: 4px 14px; white-space: nowrap; vertical-align: middle; }
table.standard tr.alternate { background-color: #f1f3f3; }
table.standard td { border: solid 1px #dddddd; padding: 4px 14px; line-height: 1.3; }

#wrapheader { position: relative; width: 980px; height: 92px; background: url('MetroTransitLogo.png') no-repeat 0% 0%; }
#homeLink { clear: both; float: left; position: relative; height: 92px; width: 225px; cursor: pointer; }
#wrapnav { position: relative; width: 980px; height: 47px; background: url('NavBkg.png') no-repeat; z-index: 99; }
#topnav { float: right; position: relative; width: 278px; height: 66px; margin-top: 15px; z-index: 40; }
#shopbuttondiv { float: left; position: relative; display: inline; height: 33px; width: 90px; z-index: 50; background: url('btnCartText.gif') no-repeat 0% 0%; }
#mmtbuttondiv { float: right; position: relative; display: inline; height: 33px; width: 188px; z-index: 50; text-align: left; background: url('btnMMTText.gif') no-repeat 0% 0%; }
#topLoginLink { font-size: 7pt; line-height: 1.3; float: right; position: relative; width: 198px; height: 33px; margin-top: 5px; z-index: 40; }
#topLoginLink #line1 { font-weight: bold; }
#topLoginLink #line2 a { color: #000000; font-weight: normal; }
#footercopy { text-align: left; font-weight: normal; font-size: 8pt; clear: both; margin: 0px auto 0px auto; width: 980px; }
#headerbackground { position: absolute; top: 0px; left: 0px; width: 100%; height: 92px; margin: 0px 0px 0px 0px; background: url('HeaderBkg.png') repeat-x left top; }
#navbackground { position: absolute; top: 92px; left: 0px; width: 100%; height: 47px; margin: 0px 0px 0px 0px; background-color: #0053a0; }
#navbackgroundright { position: relative; width: 50%; height: 47px; margin:0px 0px 0px 50%; background: url('NavRightBkg.png') repeat-x; }
#wrapfooter { background: url('FooterBkg.png') repeat-x left top;}
div.searchpanel { position: relative; top: 9px; float: left; display: inline; margin: 5px -15px 0px -15px;}
div.searchpanel .searchbox { position: relative; height:26px; width: 244px; float: left;margin: 1px 0px 1px 0px;}
div.searchpanel .searchbutton { margin: 0px 0px 0px 0px; }
div.searchpanel .searchbox input[type="text"], div.searchpanel .searchbox textarea {padding: 4px;margin: 1px 0px 1px 0px;}
.dj_ie7 .searchpanel .searchbox input[type="text"]{padding-top:4px !important;padding-bottom:0px !important;padding-right:0px !important;padding-left:0px !important;font-size:small;}
/*margin: 1px 0px 1px 0px;line-height:200%;*/


div.sitemap ul { list-style: none; margin: 0px 0px; }
div.sitemap ul li { margin: 2px 0px; }
div.cluetipclose { width: 16px; height: 16px; overflow: hidden; background-position: -96px -128px; background-image:url('jqimages/ui-icons_0053a0_256x240_2.png'); }

a:link,
a:visited,
a:active { color: #0053a0; text-decoration: none; }
a:hover { color: #0053a0; text-decoration: underline; }
a.sitemaplink, .sitemaplink { color: #0053a0; text-transform: uppercase; }

a.unselectedcrumb { color: #0053a0; font-size: 9pt; }
a.selectedcrumb { color: #000000; font-size: 9pt; }
a.selectedcrumb:link,
a.selectedcrumb:visited { text-decoration: none; }
a.selectedcrumb:hover { text-decoration: underline; }
a.selectedcrumb:active { text-decoration: none; }
a.unselectedcrumb:link,
a.unselectedcrumb:visited { text-decoration: none; }
a.unselectedcrumb:hover { text-decoration: underline; }
a.unselectedcrumb:active { text-decoration: none; }
.breadcrumbs { clear: both; border-bottom: solid 1px #cccccc; padding: 8px 0px 5px 0px; display: block; }

.pagebody { text-align: center; background-color: #ffffff; }
.skiplink { display: none; }
.panelwrapper { margin: 0px; }
.editpanel { position: absolute; top: 60px; right: 550px; z-index: 20; }
.footertext { color: #999999 !important; }
.footerlinkdivider { color: #999999; margin: 0px 5px 0px 5px; }
.clear { clear: both; }
.floatrightimage { float: right; margin: 0px 0px 10px 13px; }
.floatleftimage { float: left; margin: 0px 13px 10px 0px; }
.floatpanel { float: left; margin-right: 20px; }
.section { width: 100%; margin: 20px 0px 0px 0px; }
.simplelist, .simplelist li { list-style: none; padding: 0 0 10px 3px; }

.blue { color: #0053a0 !important; }
.red { color: #ed1e2e !important; }
.txterror { color: #ed1e2e !important; font-weight: 700; }
/* mt-button (using sliding door effect) */
.mt-button
{
    /* 1st bg image for sliding door effect */
    text-align: left;
    color: #ffffff !important;
    background: transparent url('mt-button-bg1.png') no-repeat left center;
    margin: 0px;
    padding: 0px 0px 0px 8px;
    border: none 0px;
}
.mt-button span
{
    /* 2nd bg image for sliding door effect */
    display: block;
    background: transparent url('mt-button-bg2.png') no-repeat right center;
    padding-right: 28px;
    white-space: nowrap;
}
.mt-button img
{
    /* img shim to control height and vertical alignment */
    height: 24px;
    width: 1px; 
    vertical-align: middle;
    border: 0px;
}
a.mt-button
{
    display: inline-block;
    text-decoration: none;
}
a.mt-button:hover
{
      text-decoration: none;
}
.mt-button.mt-left
{
      text-align: right;
      background-image: url('mt-button-bg3.png');
      padding-left: 28px;
}
.mt-button.mt-left span
{
      background-image: url('mt-button-bg4.png');
      padding-left: 0px;
      padding-right: 14px;
}

.adminlink { margin: 3px; }
.modulecontent { vertical-align: top; padding: 0px; text-align: left; }
.modulefooter { display: none; }
a.ModuleEditLink { font-size: 9pt; font-weight: normal; }
div.AspNet-RadioButtonList ul, div.AspNet-CheckBoxList ul { list-style-type: none; padding:0px; margin:0px;}
li.AspNet-RadioButtonList-Item, li.AspNet-CheckBoxList-Item { white-space: nowrap; }
fieldset { margin: 0px 5px 7px 3px; padding: 1em; }
legend { color: #0053a0; font-size: larger; font-weight: bold; }
legend a { color: #0053a0; text-decoration: none; }
.center { text-align: center; }
.settinglabel { float: left; clear: left; width: 20em; padding: 1px; }
.settinglabelFixedHeight { float: left; clear: left; width: 20em; padding: 1px; height: 77px; }
.settingrow { padding: 4px 0px 4px 0px; clear: left; }
.settinglabeltight { float: left; clear: left; width: 8em; padding: 1px; font-weight: bold; }
.settingrowtight { padding: 1px 0px 1px 0px; clear: left; }
.modulebuttonrow { clear: left; }
.logolist { display: none; }
.smalltextbox { width: 5em; }
.normaltextbox { width: 10em; }
.mediumtextbox { width: 190px; }
.widetextbox { width: 25em; }
.verywidetextbox { width: 35em; }
.formlabel { white-space: nowrap; }
.formlabeli { font-style: italic; font-weight: 700; white-space: nowrap; }


/* Styles for tools accordion */
.toolsrowdiv { float: left; width: 280px; margin: 5px 0px; }
.tpformlabeli { float: left; width: 50px; margin: 0px; font-style: italic; font-weight: 700; }
.tpformfield { float: left; width: 200px; margin: 0px; font-size: 8pt; }
.toolsrowdiv .radioButtonList { display: block; clear: both; }
.toolsrowdiv .radioButtonList label { position: relative; margin-right: 25px; }
.toolsrowdiv .radioButtonList input { position: relative; margin-right: 5px; }
.wheelcheck { float: right; margin: -18px 41px 0px 0px; }

#plannerplusminus { vertical-align: middle; cursor: pointer; }
#plannerviewhidetext { vertical-align: middle; font-weight: 700; }
#planneroptionsview { margin: 12px 0px 8px 0px; }

.selectList { margin-top: 6px; font-size: 8pt; }
.selectListNarrow { width: 40px; margin-right: 4px; font-size: 8pt; }
.selectListMedium { width: 170px; margin: 0px; font-size: 8pt; }
.selectListWide { width: 245px; margin: 0px 0px 8px 0px; font-size: 8pt; }

.nextripcontent {position: absolute;left:0px;width:102%; overflow-x:hidden;}
.nextripCurrentTime {background: none repeat scroll 0 0 #FFEEB2; font-size: 10pt; display:block;height:18px; margin:0px 0px 0px -20px; padding:0; text-align:center; width:305px; color: #333333; }
.dj_ie .nextDeparture {width: 112%; height: 30px; padding: 0px; margin: 10px -16px 5px -1.5em; background: url('images/bkgrnd_yellowstrip.gif') repeat-x 0% 0%;}
/*.nextDepartureText { float: left; margin: 7px 0px 0px 1.5em; padding: 0px; color: #000; } */
.nextDepartureText { background: none repeat scroll 0 0 #FFDB43; color:#000000;display:block;font-size:12pt;height:30px;margin: 5px 0px 0px -20px; padding: 5px 0px; text-align:center;width:305px; } 
/*.nextripDepartures { float: left; height: 100%; width: 252px; padding: 5px; border: solid 1px #dddddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:10px; background: #ffffff url('jqimages/bkgrndTools.gif') repeat-x; }*/
.nextripDepartures {
    background: url("http://metrotransit.org/Data/Sites/1/skins/MetroTransitMain/jqimages/bkgrndTools.gif") repeat-x scroll left top #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: left;
    margin: 0 4%;
    padding: 6px 0;
    width: 92%;
}
/*.dj_ie6 .nextripDepartures { height: 80px;}
.dj_ie7 .nextripDepartures { height: 170px;}*/
/*.col1header { float: left; width: 212px; font-size: 9pt; font-weight: 700; font-style: italic; color: #000; margin: 3px 0px; }
.col3header { float: left; width: 35px; font-size: 9pt; font-weight: 700; font-style: italic; color: #000; margin: 3px 0px; }*/
.col1header {
    color: #777777;
    float: left;
    font-size: 10pt;
    font-weight: 700;
    margin: 10px 0 3px 0%;
    padding: 0;
    width: 43%;
}
.col3header {
    color: #777777;
    float:left;
    font-size: 10pt;
    font-weight: 700;
    margin: 10px 0 3px;
    padding: 0 0px 0 0;
    text-align: right;
    width: 40%;
}
.nextripstopnumber{font-weight: 700; color: #777777;}
.nextripstop{font-weight: 700; color: #000000;}
.dataheaders { font-size: 10pt; font-weight: 700; color: #777777; width: 110%; margin:-5px 0 3px 4%; }
.col1 { float: left; width: 35px; margin: 3px 0px; font-weight: 700; }
.col2 { font-size: 8pt;float: left; width: 200px; margin: 3px 0px; overflow: hidden; white-space: nowrap; }
.col3 { float: left; width: 38px; margin: 3px 0px; padding:0 0 0 5px;font-weight: 700;}
.txtAddressText { width: 236px; }
.nextripfooterkey {clear: both; position: relative; text-align: right; margin-right: 10px;}