/*
--------------------------------------------------

Metra Rail.com
Global Styles [global.css]

Joe Morrow [joe.morrow@acquitygroup.com]
6/26/2009

Copyright © 2009 Acquity Group LLC

--------------------------------------------------
*/


/* @group Global */
html, body {
    height: 100%;
}

body {
    color: #000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.2;
}

a:link,
a:visited {
    color: #42484b;
    text-decoration: underline;
}

a:hover,
a:active {
    color: #42484b;
    text-decoration: none;
}

a.edit {
    color: #1060a8;
}

em,
strong {
    font-style: normal;
    font-weight: bold;
}

.hidden {
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    text-indent: -100000em !important;
    width: 0 !important;
}

hr {
    visibility: hidden;
}

hr.top10 {
    margin-top: 10px;
}

div.hr {
    background: transparent url(../images/content/divider-h.png) repeat-x top left;
    height: 11px;
    clear: left;
}

.form-column div.hr {
    margin-top: 2px;
}
/* @end Global */

/* @group Headings */
h1 {
    color: #000;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.cufon-active h1 {
    margin-left: -2px;
}

h1.line {
    background: transparent url(../images/content/lines/default.png) no-repeat left -245px;
    padding-left: 29px;
}

.cufon-active h1.line {
    margin-left: 0;
}

h1 span {
    color: #999;
}

h2 {
    color: #000;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.cufon-active h2 {
    margin-left: -1px;
}

h2.alert {
    clear: both;
    color: #e70303;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: bold;
}

body.safari h2.alert {
    font-size: 11px;
}

h2.line {
    background: transparent url(../images/content/lines/default.png) no-repeat left -247px;
    padding-left: 30px;
}

h3 {
    color: #000;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10.5px;
    font-weight: normal;
}

body.safari h3 {
    font-size: 10px;
}

h4 {
    color: #000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

h5 {
    color: #000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin: 18px 0 8px 0;
}

div.line {
    background: transparent url(../images/content/lines/default.png) no-repeat left -297px;
    padding-left: 30px;
}
/* @end Headings */

/* @group General Navigation */
ul.nav li,
ol.nav li {
    display: inline;
    margin-right: 4px;
    padding-right: 8px;
}

ul.nav li.last,
ol.nav li.last {
    margin-right: 0;
    padding-right: 0;
}

ul.nav img {
    display: block;
}
/* @end General Navigation */

/* @group Form Fields */
input.file,
input.password,
input.text,
select,
textarea {
    border: 1px solid #b2b2b2;
    color: #666;
    font: 10px Arial, Verdana, Helvetica, sans-serif;
    padding: 3px 7px 2px 7px;
    margin: 4px 0;
    vertical-align: baseline;
    width: 165px;
}

.en input.passwordField {
    background: url(../images/content/backgrounds/en-passwordFieldDefault.png) no-repeat 0 50%;
}

.es input.passwordField {
    background: url(../images/content/backgrounds/es-passwordFieldDefault.png) no-repeat 0 50%;
}

.en .error input.passwordField {
    background: url(../images/content/backgrounds/en-passwordFieldDefaultError.png) no-repeat 0 50%;
}

.es .error input.passwordField {
    background: url(../images/content/backgrounds/es-passwordFieldDefaultError.png) no-repeat 0 50%;
}

.en input.passwordField.required {
    background: url(../images/content/backgrounds/en-passwordFieldRequiredDefault.png) no-repeat 0 50%;
}

.es input.passwordField.required {
    background: url(../images/content/backgrounds/es-passwordFieldRequiredDefault.png) no-repeat 0 50%;
}

.en .error input.passwordField.required {
    background: url(../images/content/backgrounds/en-passwordFieldRequiredDefaultError.png) no-repeat 0 50%;
}

.es .error input.passwordField.required {
    background: url(../images/content/backgrounds/es-passwordFieldRequiredDefaultError.png) no-repeat 0 50%;
}

body.safari textarea {
    resize: none;
}

input.submit {
    cursor: pointer;
    border: 0;
    font-weight: bold;
    padding: 0 3px 2px 3px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}

input.hidden,
select.hidden,
textarea.hidden {
    visibility: hidden;
}

textarea {
    overflow: auto;
}

fieldset {
    clear: both;
}

label {
    display: block;
    font-weight: normal;
    padding-top: 6px;
    padding-bottom: 1px;
    vertical-align: baseline;
}

label.inline {
    font-weight: normal;
    width: auto;
}

select {
    height: 20px;
    margin: 4px 0 3px 0;
    padding: 2px 2px 2px 3px;
    vertical-align: middle;
    width: 181px;
}

/* @group Required */
.required {
    color: #ffa200;
    font-weight: bold;
}

.disabled .required {
    display: none;
}
/* @end Required */

/* @group Error Box */
.error {
    margin: -13px 0 9px -4px;
    width: 504px;
}

.error .content {
    background: transparent url(../images/content/backgrounds/error.png) no-repeat 0 0;
    margin-right: 14px;
    padding: 9px 0 0 14px;
}

.error .footer {
    background: transparent url(../images/content/backgrounds/error.png) no-repeat 0 100%;
    padding: 11px 14px 0;
}

.error h2 {
    color: #c00;
    font-size: 13.5px;
    margin-bottom: 5px;
}

.error h2 span {
    font-size: 18px;
}

.error ul li {
    padding-bottom: 2px;
}

/* @group Specific Error Placements */
#lineContent .error {
    margin-top: 1px;
    width: 470px;
}
/* @end Specific Error Placements */
/* @end Error Box */

/* @group Error Fields */
fieldset.error,
label.error {
    background: transparent;
    margin: 0;
    width: auto;
}

fieldset.error label {
    color: #c00;
    font-weight: bold;
}

fieldset.error label .required {
    color: #c00;
}

fieldset.error input.file,
fieldset.error input.password,
fieldset.error input.text,
fieldset.error select,
fieldset.error textarea,
label.error input[type="file"],
label.error input[type="password"],
label.error input[type="text"],
label.error select,
label.error textarea {
    border: 1px solid #c00;
    color: #000;
}
/* @end Error Fields */

/* @group Specific Field Treatments */
select.month {
    width: 116px;
}

input.city,
input.zip {
    width: 100px;
}

input.origin {
    width: 70px;
}

input.date,
input.destination,
input.time {
    width: 69px;
}

input.security {
    margin-right: 8px;
    width: 100px;
}

select.year,
select.state {
    width: 55px;
}

select.time {
    width: 75px;
}

#contentNav select {
    margin-bottom: 10px;
}

#mainContent .form-column {
    float: left;
    width: 290px;
}

#mainContent .payment-summary {
    float: right;
    width: 120px;
}

#mainContent .form-column label {
    float: left;
    width: 100px;

    padding-right: 10px;
    width: 90px;
}

#mainContent .form-column label.inline {
    width: auto;
}

#mainContent .form-column fieldset a.cancel {
    color: #666;
    display: block;
    float: right;
    margin: 8px 10px -20px 0;
}

#mainContent .form-column input.submit {
    float: right;
    padding-right: 4px;
}

#mainContent fieldset p.note {
    font-size: 9px;
    line-height: 12px;
    margin: 0 0 4px 100px;
    width: 172px;
}

#addCreditCard-creditCardExpirationMonth-group,
#payment-creditCardExpirationMonth-group,
#addEditAddress-city-group,
#billing-city-group,
#contactUs-city-group,
#contactUs-origin-group,
#contactUs-date-group {
    clear: none;
    float: left;
    margin-right: 10px;
}

#addCreditCard-creditCardExpirationYear-group,
#payment-creditCardExpirationYear-group,
#addEditAddress-state-group,
#billing-state-group,
#contactUs-state-group,
#contactUs-destination-group,
#contactUs-time-group {
    clear: none;
    float: left;
}

#mainContent .form-column h2,
#mainContent .form-footer h2 {
    font-size: 12px;
    margin: 20px 0 10px 0;
}

#mainContent .form-column .cards {
    margin-bottom: 10px;
}

#mainContent .form-column .cards p {
    margin-bottom: 5px;
}

#mainContent .form-column .cards li {
    display: inline;
}
#saved-card-group {
    margin-bottom: 8px;
}
/* @end Specific Field Treatments */
/* @end Form Fields */

/* @group Layout Regions */
/* @group Body */
body {
    background: #fff url(../images/global/background.png) repeat-x top center;
}
/* @end Body */

/* @group Container */
#container {
    background: transparent url(../images/container/background.png) repeat-y top center;
    clear: both;
    margin: 0 auto;
    padding: 0 10px;
    width: 970px;
}

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

* html #container {
    height: 1%;
}
/* @end Container */

/* @group Ad Juggler Header */
#aje_1496698{ 
    background: #fff no-repeat top left;
    clear: both;
    margin: 0px -10px;
	padding: 10px 10px;
}

#aje_1496698 img { 
    margin: 0px auto;
    display: block;
}
/* @end Ad Juggler Header*/

/* @group Header */
#header {
    background: #fff url(../images/header/background.png) no-repeat top left;
    clear: both;
    color: #42484b;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0 -10px;
    padding: 0 10px;
    width: 970px;
}

#header a:link,
#header a:visited {
    color: #42484b;
    text-decoration: none;
}

#header a:hover,
#header a:active {
    color: #42484b;
    text-decoration: underline;
}

#header ul.nav li {
    background: transparent url(../images/utilitynav/divider.png) no-repeat center right;
}

#header ul.nav li.last {
    background: transparent;
}

/* @group Branding */
#header .branding {
    clear: both;
    float: left;
    padding: 10px 0 2px 24px;
}
/* @end Branding */

/* @group Language Navigation */
#header #languageNav {
    clear: none;
    float: right;
    font-size: 9px;
    padding: 13px 0 4px 0;
}

#header #languageNav ul.nav li {
    margin-right: 5px;
    padding-right: 10px;
}

#header #languageNav ul.nav li.last {
    margin-right: 0;
    padding-right: 0;
}
/* @end Language Navigation */

/* @group Quick Search */
#header #quickSearch {
    clear: right;
    float: right;
}

#header #quickSearch a {
    font-size: 9px;
}

#header #quickSearch input.text {
    color: #42484b;
    margin-right: -5px;
    padding: 3px 6px;
    width: 127px;
}

body.safari #header #quickSearch input.text {
    padding: 4px 6px;
}

#header #quickSearch input.submit {
    padding: 4px 0 3px;
}
/* @end Quick Search */

/* @group Utility Navigation */
#header #utilityNav {
    float: right;
    font-size: 10px;
    padding: 8px 22px 0 0;
}

#header #utilityNav .welcome {
    background: transparent url(../images/utilitynav/divider.png) no-repeat center right;
    display: inline;
    margin-right: 5px;
    padding-right: 10px;
}

#header #utilityNav ul.nav {
    display: inline;
}

#header #utilityNav ul.nav li {
    margin-right: 5px;
    padding-right: 12px;
}

#header #utilityNav ul.nav li.last {
    margin-right: 0;
    padding-right: 0;
}
/* @end Utility Navigation */
/* @end Header */

/* @group Top Navigation */
#topNav {
    background: transparent url(../images/topnav/background.png) no-repeat top left;
    clear: both;
    float: left;
    height: 45px;
    margin: 0 -10px;
    padding: 3px 10px 4px 10px;
    width: 970px;
}

#topNav ul.nav li {
    background: transparent url(../images/topnav/divider.png) no-repeat center right;
    display: block;
    float: left;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#topNav ul.nav li.last {
    background: transparent;
}

#topNav ul.nav li.selected {
    background: transparent url(../images/topnav/sprite.png) no-repeat top left;
    font-weight: normal;
    margin-left: -1px;
    padding-left: 1px;
}

#topNav ul.nav li a {
    color: #fff;
    display: block;
    padding: 15px 26px 13px 26px;
    text-decoration: none;
    white-space: nowrap;
}

.es #topNav ul.nav li a {
    padding: 15px 14px 13px;
}

body.ff30 #topNav ul.nav li a {
    padding-bottom: 12px;
}

#topNav ul.nav li.selected a {
    background: transparent url(../images/topnav/sprite.png) no-repeat bottom right;
    text-decoration: none;
}

#topNav ul.nav #topNavFirst a {
    padding-right: 24px;
    padding-left: 30px;
}

.es #topNav ul.nav #topNavFirst a {
    padding-right: 14px;
    padding-left: 12px;
}

#topNav ul.nav #topNavFirst.selected {
    background: transparent url(../images/topnav/sprite.png) no-repeat left -44px;
    margin-left: 0;
    padding-left: 0;
}

#topNav ul.nav #topNavFirst.selected a {
    margin-left: 8px;
    padding-left: 22px;
}

.es #topNav ul.nav #topNavFirst.selected a {
    padding-left: 4px;
    padding-right: 14px;
    margin-left: 8px;
}

#topNav ul.nav #topNavLast a {
    color: #ffa200;
    margin-right: 0;
    padding-right: 29px;
}

.es #topNav ul.nav #topNavLast a {
    color: #ffa200;
    margin-right: 0;
    padding-right: 13px;
}

#topNav ul.nav #topNavLast.selected {
    background: transparent url(../images/topnav/sprite-my-metra.png) no-repeat top left;
}

#topNav ul.nav #topNavLast.selected a {
    background: transparent url(../images/topnav/sprite-my-metra.png) no-repeat bottom right;
    color: #fff;
}

/* @group Checkout */
#topNav a.continueLink {
    background: transparent url(../images/content/icons/arrows.png) no-repeat left 3px;
    float: left;
    margin: 16px 20px 16px 25px;
    min-width: 0;
    padding: 0 0 0 12px;
    width: auto;
}

#topNav a.continueLink:link,
#topNav a.continueLink:visited {
    text-decoration: none;
}

#topNav a.continueLink:hover,
#topNav a.continueLink:active {
    text-decoration: underline;
}

#topNav a.continueLink span {
    background: none;
    display: inline;
    margin: 0;
    min-width: 0;
    padding: 0;
    width: auto;
}

#topNav .note {
    color: #649ac8;
    display: block;
    float: left;
    margin: 16px 0;
}
/* @end Checkout */
/* @end Top Navigation */

/* @group Secondary Navigation */
#secondaryNav {
    background: #fff url(../images/breadcrumb/background.png) no-repeat bottom left;
    clear: both;
    float: left;
    padding: 11px 0 13px 0;
    width: 970px;
}

/* @group Breadcrumb */
#breadcrumb {
    float: left;
    padding-bottom: 1px;
    padding-left: 20px;
    width: 640px;
}

#breadcrumb ul.nav li {
    background: transparent url(../images/breadcrumb/divider.png) no-repeat center right;
    color: #000;
    margin-right: 6px;
    padding-right: 12px;
}

#breadcrumb ul.nav li.last {
    background: transparent;
    margin-right: 0;
    padding-right: 0;
}

#breadcrumb ul.nav li a:link,
#breadcrumb ul.nav li a:visited {
    color: #666;
    text-decoration: none;
}

#breadcrumb ul.nav li a:hover,
#breadcrumb ul.nav li a:active {
    color: #666;
    text-decoration: underline;
}
/* @end Breadcrumb */

/* @group Workflow */
#workflow {
    float: left;
    padding-left: 20px;
    width: 640px;
}

body.safari #workflow {
    padding-bottom: 1px;
}

#workflow ol.nav li {
    background: transparent url(../images/workflow/sprite.png) no-repeat top left;
    color: #649ac8;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    padding: 1px 8px 3px 20px;
}

body.safari #workflow ol.nav li {
    padding-bottom: 3px;
}

#workflow ol.nav li.selected {
    color: #000;
}

#workflow ol.nav #step-1 {
    background-position: left 0;
}

#workflow ol.nav #step-1.selected {
    background-position: left -20px;
}

#workflow ol.nav #step-2 {
    background-position: left -40px;
}

#workflow ol.nav #step-2.selected {
    background-position: left -60px;
}

#workflow ol.nav #step-3 {
    background-position: left -80px;
}

#workflow ol.nav #step-3.selected {
    background-position: left -100px;
}

#workflow ol.nav #step-4 {
    background-position: left -120px;
}

#workflow ol.nav #step-4.selected {
    background-position: left -140px;
}
/* @end Workflow */

/* @group Utilities */
#utilities {
    float: right;
    padding-right: 10px;
    width: 300px;
    text-align: right;
}

#utilities ul.nav li img {
    display: inline;
    vertical-align: middle;
    margin-left: 1px;
}

#utilities ul.nav li {
    color: #666;
    padding-right: 5px;
}

#utilities ul.nav li a:link,
#utilities ul.nav li a:visited {
    color: #666;
    text-decoration: none;
}

#utilities ul.nav li a:hover,
#utilities ul.nav li a:active {
    color: #666;
    text-decoration: underline;
}

#utilities ul.nav li a.email {
    background: transparent url(../images/utilitynav/icons.png) no-repeat left 2px;
    padding-left: 14px;
}

#utilities ul.nav li a.print {
    background: transparent url(../images/utilitynav/icons.png) no-repeat left -20px;
    padding-left: 15px;
}
/* @end Utilities */
/* @end Secondary Navigation */

/* @group Body */
#body {
    background: #fff url(../images/body/background.jpg) no-repeat bottom left;
    clear: both;
    float: left;
    width: 100%;
}

.home #body {
    background: #fff url(../images/body/homeBackground.jpg) no-repeat bottom left;
    clear: both;
    float: left;
    width: 100%;
}

/* @group Side Navigation */
#sideNav {
    background: transparent url(../images/sidenav/background.png) no-repeat top left;
    clear: none;
    float: left;
    min-height: 445px;
    padding: 0 8px 100px 0;
    width: 215px;
}

.home #sideNav {
    background: transparent url(../images/sidenav/backgroundRiderTools.png) no-repeat top left;
    clear: none;
    float: left;
    margin: -4px 0 0 0;
    min-height: 545px;
    padding: 0 8px 50px 0;
    width: 294px;
    position: relative;
    z-index: 10;
}

/* @group Content Navigation */
#contentNav {
    background: transparent url(../images/contentnav/background.png) no-repeat top left;
    min-height: 39px;
    padding: 7px 10px 0 21px;
}

#contentNav a {
    text-decoration: none;
}

#contentNav a:link span,
#contentNav a:visited span {
    border-bottom: 1px solid transparent;
}

#contentNav a:hover span,
#contentNav a:active span {
    border-bottom: 1px solid #1e6aab !important;
}

#contentNav ul {
    background: none;
    margin: -8px -10px 0 -20px;
    padding-top: 1px;
}

#contentNav ul li {
    margin-bottom: 8px;
}

#contentNav ul li.selected {
    background: transparent url(../images/contentnav/divider.png) no-repeat bottom left;
    padding-bottom: 2px;
}

#contentNav ul li a {
    background: transparent url(../images/contentnav/divider.png) no-repeat bottom left;
    color: #1e6aab;
    display: block;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.25px;
    line-height: 13px;
    margin: 8px 0;
    padding: 0 0 8px 20px;
    text-transform: uppercase;
}

body.safari #contentNav ul li a {
    font-size: 12px;
}

#contentNav ul li.selected a {
    background: transparent;
    color: #023b78;
    font-weight: normal;
    margin-bottom: 7px;
    padding-bottom: 0;
}

#contentNav ul li.selected a:link span,
#contentNav ul li.selected a:visited span {
    border-bottom-color: transparent;
}

#contentNav ul li.selected a:hover span,
#contentNav ul li.selected a:active span {
    border-bottom-color: #023b78;
}

#contentNav ul li ul {
    margin: 0;
}

#contentNav ul li ul li {
    background: transparent url(../images/contentnav/contentNavBullet.png) no-repeat 20px 3px;
    padding-bottom: 0;
    padding-left: 9px;
}

#contentNav ul li.selected ul li {
    margin-bottom: -1px;
}

#contentNav ul li.selected ul li.last {
    padding-bottom: 7px;
}

#contentNav ul li ul li.selected {
    background: transparent;
    padding-bottom: 0;
}

#contentNav ul li ul li.selected a {
    background: transparent;
}

#contentNav ul li ul li a {
    background: transparent;
    color: #1e6aab;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10.5px;
    line-height: 13px;
    margin: 0;
    padding: 1px 0 0 20px;
    text-transform: none;
}

body.safari #contentNav ul li ul li a {
    font-size: 11px;
}

#contentNav ul li.selected ul li a {
    font-size: 10.25px;
    margin-bottom: 7px;
    padding-top: 0;
}

#contentNav ul li ul li a {
    color: #1e6aab !important;
}

#contentNav ul li ul li a:link span,
#contentNav ul li ul li a:visited span {
    border-bottom-color: transparent !important;
}

#contentNav ul li ul li a:hover span,
#contentNav ul li ul li a:active span {
    border-bottom-color: #1e6aab !important;
}

#contentNav ul li ul li.selected a {
    color: #023b78 !important;
}

#contentNav ul li ul li.selected a:link span,
#contentNav ul li ul li.selected a:visited span {
    border-bottom-color: transparent !important;
}

#contentNav ul li ul li.selected a:hover span,
#contentNav ul li ul li.selected a:active span {
    border-bottom-color: #023b78 !important;
}

/* @group Lines */
#contentNav ul.lines {
    margin-bottom: -2px !important;
}

#contentNav ul.lines li {
    background: none;
    border-bottom: 2px solid transparent;
    margin-left: 11px;
}

#contentNav ul.lines li a {
    background: transparent url(../images/contentnav/menu-sprite.png) no-repeat left 0;
    margin-bottom: 6px !important;
    padding: 0 0 0 14px;
}

#contentNav ul li.selected p {
    color: #666;
    font-weight: normal;
    margin: 0 20px 6px 20px;
}
/* @end Lines */

/* @end Content Navigation */

/* @group Buy Tickets */
#contentNav legend {
    background: transparent url(../images/sidenav/arrowBlue.png) no-repeat top left;
    color: #023b78;
    font-size: 12px;
    padding-bottom: 8px;
    padding-left: 20px;
    text-transform: none;
}

#contentNav a:link.findLine,
#contentNav a:visited.findLine {
    color: #1060a8;
    display: block;
    margin-top: -6px;
    text-decoration: underline;
}

#contentNav a:hover.findLine,
#contentNav a:active.findLine {
    color: #1060a8;
    display: block;
    margin-top: -6px;
    text-decoration: none;
}

#contentNav p {
    margin-bottom: 6px;
}
/* @end Buy Tickets */

/* @group My Metra Login */
#myMetraLogin {
    background: transparent url(../images/sidenav/orangeBkg.jpg) top left no-repeat;
    margin-left: -21px;
    margin-top: 15px;
    padding: 20px 0 20px 20px;
}

.m4 #myMetraLogin {
    margin-top: -7px;
}

#myMetraLogin h4 {
    background: transparent url(../images/sidenav/arrowOrange.png) no-repeat top left;
    color: #e45709;
    font-size: 12px;
    padding-bottom: 8px;
    padding-left: 20px;
    text-transform: none;
}

#myMetraLogin a:link,
#myMetraLogin a:visited {
    color: #999;
    text-decoration: underline;
}

#myMetraLogin a:hover,
#myMetraLogin a:active {
    color: #999;
    text-decoration: none;
}
/* @end My Metra Login */
/* @end Side Navigation */

/* @group Content */
#content {
    clear: none;
    float: left;
    margin-left: 1px;
    padding: 12px 19px 100px 16px;
    width: 711px;
}
#content.narrow {
    width: 498px;
}
body.home #content {
    clear: none;
    float: left;
    margin: -4px 0 0 -16px;
    padding: 0;
    width: 457px;
}

/* @group Content Header */
#contentHeader {
    width: 100%;
}

body.line #contentHeader {
    float: left;
    margin-bottom: 9px;
}

#contentHeader h1,
#contentHeader h2 {
    float: left;
    width: 515px;
}

#contentHeader h1.line {
    width: 485px;
}

#contentHeader h2,
.contentHeader h2 {
    font-size: 16px;
    margin-top: 5px;
}

#contentHeader h2.route,
.contentHeader h2.route {
    font-size: 11px;
    margin-top: 0;
}

#contentHeader h2.effective_date,
.contentHeader h2.effective_date {
    font-size: 11px;
    margin-top: 0;
}

#contentHeader h2.message {
    margin-top: 10px;
    margin-bottom: 6px;
}

#contentHeader p {
    clear: both;
    color: #666;
    display: block;
    float: left;
    font-size: 11px;
    width: 100%;
}

#contentHeader p strong {
    color: #000;
    font-weight: normal;
}

#contentHeader p.intro {
    margin-bottom: 5px;
}

/* @group Utilities */
#contentHeader .utilities {
    float: right;
    margin-bottom: -20px;
    min-height: 46px;
    padding-top: 10px;
    text-align: right;
    width: 175px;
}

#contentHeader .utilities a:link,
#contentHeader .utilities a:visited {
    text-decoration: none;
}

#contentHeader .utilities a:hover,
#contentHeader .utilities a:active {
    text-decoration: underline;
}

/* @group PDF Link */
a.pdfLink {
    background: transparent url(../images/content/icons/pdf.png) no-repeat center left;
    color: #666;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10.5px;
    padding: 3px 0 3px 20px;
    text-decoration: none;
}

body.safari a.pdfLink {
    font-size: 10px;
}

a.pdfLink:link span,
a.pdfLink:visited span {
    border-bottom: 1px solid transparent;
}

a.pdfLink:hover span,
a.pdfLink:active span {
    border-bottom: 1px solid #666;
}
/* @end PDF Link */

/* @group Continue Link */
#cart .continueLink,
a.continueLink {
    background: transparent url(../images/content/buttons/gray-17.png) no-repeat top left;
    color: #fff;
    clear: both;
    display: block;
    float: left;
    margin: 9px 1px 0 0;
    min-width: 135px;
    padding: 0 0 0 12px;
    text-decoration: none;
}

#cart .continueLink a,
a.continueLink span {
    background: transparent url(../images/content/buttons/gray-17.png) no-repeat bottom right;
    color: #fff;
    display: block;
    float: left;
    min-width: 123px;
    padding: 3px 12px 2px 0;
    text-align: center;
    text-decoration: none;
}

#contentHeader .utilities a.continueLink {
    float: right;
}

#contentHeader .utilities a.continueLink span {
    float: none;
}

#cart .continueLink {
    background-position: left -17px;
    float: right;
    margin-right: 0;
    margin-bottom: 3px;
}
/* @end Continue Link */
/* @end Utilities */
/* @end Content Header */

/* @group Main Content */
#mainContent {
    clear: left;
    float: left;
    width: 100%;
}

#mainContent h2 {
    margin-bottom: 20px;
}

#mainContent h2.newsArticles {
    margin: 8px 0 3px 0;
}

#mainContent h2.noBot {
    margin-bottom: 0;
}

#mainContent h2 {
    margin-bottom: 7px;
}

#mainContent table.data {
    margin-top: 8px;
}

.gc #content h1,
.m1 #content h1,
.m2 #content h1,
.m3 #content h1,
.n1 #content h1,
.o1 #content h1,
.p1 #content h1,
.mmb #content h1,
.mmbl #content h1 {
    margin-bottom: 10px;
}

.n2 #content h1 {
    margin-bottom: 0 !important;
}

.gc #content p,
.ls #content p,
.m2 #content p,
.m3 #content p,
.n1 #content p,
.gc #content p,
.o1 #content p,
.line #mainContent p,
.mmb #content p,
.mmbl #content p {
    color: #666;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 15px;
}
/* @end Main Content */

/* @group Secondary Content */

#right_content {
    position:relative;
}

#right_content #loginMyMetraBusiness {
    top: 75px;
}

#secondaryContent,
#right_content {
    clear: right;
    float: left;
    margin-top: 14px;
    padding-left: 25px;
    padding-left: 10px;
    width: 188px;
}

#secondaryContent.threeCol,
#right_content.threeCol {
    margin-top: 49px;
}

#secondaryContent h3,
#right_content h3 {
    font-size: 14px;
    margin-bottom: 7px;
}

#secondaryContent p,
#right_content p {
    color: #666;
    margin-bottom: 14px;
}
/* @end Secondary Content */

/* @group Full Width */
#fullWidth {
    float: left;
    width: 100%;
}
/* @end Full Width */
/* @end Content */
/* @end Body */

/* @group Footer */
#footer {
    background: transparent url(../images/footer/background.png) no-repeat bottom left;
    clear: both;
    float: left;
    font-size: 9px;
    padding: 0 20px 15px 20px;
    width: 930px;
}

.home #footer {
    background: transparent url(../images/footer/footerHome.png) no-repeat bottom left;
    clear: both;
    float: left;
    font-size: 9px;
    padding: 0 20px 15px 20px;
    width: 930px;
}

#footer .branding {
    float: left;
}

#footer a:link,
#footer a:visited {
    text-decoration: none;
}

#footer a:hover,
#footer a:active {
    text-decoration: underline;
}

#footerNav {
    float: left;
    padding: 2px 0 0 10px;
    width: 814px;
}

#footerNav a {
    color: #666;
}

#footerNav ul.nav li {
    margin-right: 0;
    padding-right: 12px;
}

#copyright {
    color: #b3b2b2;
    float: left;
    padding: 7px 0 0 10px;
}

#copyright a {
    color: #b3b2b2;
}
/* @end Footer */
/* @end Layout Regions */

/* @group Line Template */
/* @group Line Alert */
#lineAlert {
    clear: both;
    float: left;
    margin: 4px 0 0 0;
}

#lineAlert h2 {
    font-size: 11.5px;
    font-weight: bold;
    float: left;
    width: 115px;
}

body.safari #lineAlert h2 {
    width: 120px;
}

#lineAlert h2.alert {
    color: #e70303;
}

#lineAlert dl {
    color: #42484b;
    float: left;
    width: 595px;
}

body.safari #lineAlert dl {
    width: 590px;
}

#lineAlert dt,
#lineAlert dd {
    padding: 2px 0;
}

#lineAlert dt {
    float: left;
    width: 50px;
}

#lineAlert dd {
    float: left;
}

#lineAlert dd.headline {
    clear: right;
    width: 545px;
}

body.safari #lineAlert dd.headline {
    width: 540px;
}

#lineAlert dd.details {
    clear: left;
    margin-bottom: 6px;
    line-height: 12px;
    vertical-align: baseline;
    width: 595px;
}

body.safari #lineAlert dd.details {
    width: 590px;
}

#lineAlert dd a {
    color: #e70303;
}

#lineAlert p {
    padding: 2px 0;
    width: 595px;
}

body.safari #lineAlert p {
    width: 590px;
}

#content #serviceAlert p,
#content #serviceAdvisory p,
#content #lineAlert p {
    font-size: 10px;
    margin-bottom: 0;
}
/* @end Line Alert */

/* @group Line Navigation */
#lineNav {
    background: #f0efef url(../images/content/backgrounds/lineNav.png) no-repeat top left;
    clear: both;
    float: left;
    margin-top: 7px;
    width: 100%;
}

#lineNav ul.nav {
    background: transparent url(../images/content/backgrounds/lineNav.png) no-repeat bottom right;
    display: block;
    float: left;
    width: 100%;
}

#lineNav ul.nav li {
    background: transparent url(../images/content/lineNav-divider.png) repeat-y top right;
    clear: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#lineNav ul.nav li.last {
    background: transparent;
}

#lineNav ul.nav li a {
    color: #666;
    display: block;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10.5px;
    padding: 7px 18px 6px 18px;
    text-transform: uppercase;
}

body.safari #lineNav ul.nav li a {
    font-size: 10px;
}

#lineNav ul.nav li.selected {
    background: #dbdbdb url(../images/content/lineNav-sprite.png) no-repeat left 0;
    font-weight: normal;
}

#lineNav ul.nav li.selected a {
    background: transparent url(../images/content/lineNav-sprite.png) no-repeat bottom right;
    color: #000;
    margin-left: 6px;
    padding-left: 12px;
}

#lineNav ul.nav #lineNavFirst a {
    padding-right: 20px;
    padding-left: 20px;
}

#lineNav ul.nav #lineNavFirst.selected {
    background: transparent url(../images/content/lineNav-sprite.png) no-repeat left -26px;
}

#lineNav ul.nav #lineNavFirst.selected a {
    padding-left: 14px;
}

#lineNav ul.nav li a:link,
#lineNav ul.nav li a:visited,
#lineNav ul.nav li a:hover,
#lineNav ul.nav li a:active {
    text-decoration: none;
}

#lineNav ul.nav li a:link span,
#lineNav ul.nav li a:visited span {
    border-bottom: 1px solid transparent;
}

#lineNav ul.nav li a:hover span,
#lineNav ul.nav li a:active span {
    border-bottom: 1px solid #666;
}

#lineNav ul.nav li.selected a:link span,
#lineNav ul.nav li.selected a:visited span {
    border-bottom-color: transparent;
}

#lineNav ul.nav li.selected a:hover span,
#lineNav ul.nav li.selected a:active span {
    border-bottom-color: #000;
}
/* @end Line Navigation */

/* @group Line Body */
#lineBody {
    background: transparent url(../images/content/backgrounds/lineBody.png) repeat-y top left;
    clear: both;
    float: left;
    min-height: 368px;
    padding: 17px 0 0 20px;
    width: 692px;
}
/* @end Line Body */

/* @group Line Actions */
#lineActions {
    clear: both;
    float: left;
    width: 186px;
}

#lineActions legend {
    background: transparent url(../images/content/lines/default.png) no-repeat left -148px;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    padding: 3px 0 0 21px;

    padding-bottom: 2px;
}

#lineActions label {
    font-weight: bold;
    padding-left: 18px;
}

#lineActions #schedule-start-group label {
    background: transparent url(../images/content/icons/stationIconA.png) no-repeat bottom left;
    padding-bottom: 0;
}

#lineActions #schedule-end-group label {
    background: transparent url(../images/content/icons/stationIconB.png) no-repeat bottom left;
    padding-bottom: 0;
}

#lineActions #schedule-time-group label {
    padding-left: 0;
}

#lineActions #schedule-day-group label {
    padding-left: 0;
}

body.safari #lineActions legend {
    font-size: 11px;
    padding-top: 0;
}

#lineActions #schedule-reverse {
    clear: none;
    display: block;
    float: right;
    margin: 4px 20px -20px 0;
}

#lineActions select {
    width: 166px;
}

#lineActions input.image {
    margin: 4px 0 0 -3px;
}

#lineActions a.view-full-timetable {
    background: transparent url(../images/content/icons/textSchedule.png) no-repeat 0 0;
    margin-left: 1px;
    padding-left: 26px;
    padding-bottom: 1px;
    color: #1E6AAB;
}

/* @end Line Actions */

/* @group Line Content */
#lineContent {
    background: transparent url(../images/content/divider-v.png) repeat-y top left;
    float: left;
    min-height: 220px;
    padding-left: 20px;
    width: 474px;
}

#lineContent.myNextTrains,
#lineContent.attractions {
    background: transparent;
    padding-left: 0;
    width: 679px;
}

#lineContent.attractions td.description {
    width: 400px;
}

#lineContent.attractions td.description .showMore {
    padding-top: 5px;
}

#lineContent.attractions td.description .hideText {
    display: none;
}

#lineContent.attractions td.description p {
    padding-bottom: 5px;
}

#lineContent h3 {
    padding: 4px 0;
}

#lineContent ul.nav {
    float: right;
    margin-top: -31px;
}

#lineContent ul.nav li {
    margin-right: 0;
    padding-right: 5px;
}

#lineContent ul.nav li.last {
    padding-right: 0;
}

#lineContent ul.nav li a {
    color: #666;
}

/* @group Line Schedule */
.lineSchedule {
    clear: both;
    float: left;
    width: 100%;
}

.myNextTrains .lineSchedule {
    background: transparent url(../images/content/divider-h.png) repeat-x bottom left;
    padding-top: 0;
}

.myNextTrains .last {
    background: transparent;
}

.lineSchedule h3 {
    clear: both;
    display: block;
    float: left;
    margin-right: 10px;
    width: auto;
}

.lineSchedule a.edit {
    clear: none;
    display: block;
    float: left;
    padding-top: 4px;
}

body.safari .lineSchedule a.edit {
    padding-top: 5px;
}

/* @group Line Schedule Key */
.lineScheduleKey {
    background: transparent url(../images/content/backgrounds/lineScheduleKey.png) repeat-x left 76px;
    clear: both;
    color: #666;
    float: left;
    width: 124px;
}

.lineSchedule .lineScheduleKey a {
    color: #666;
}

.lineScheduleKey .train {
    margin: 9px 0 0 12px;
}

.lineScheduleKey .departure {
    background: transparent url(../images/content/lines/default.png) no-repeat left -47px;
    display: block;
    margin: 22px 0 28px 0;
    padding-left: 12px;
}

.lineScheduleKey .arrival {
    background: transparent url(../images/content/lines/default.png) no-repeat left -47px;
    display: block;
    margin: 0 0 25px 0;
    padding-left: 12px;
}

.lineScheduleKey .bikes {
    margin: 15px 0 0 12px;
}
/* @end Line Schedule Key */

/* @group Line Schedule Scroll */
.lineScheduleScroll {
    clear: none;
    display: block;
    float: left;
    height: 145px;
    margin: 4px 15px 0 25px;
    position: relative;
}

.schedule {
    width: auto;
}

.schedule .lineScheduleScroll {
    background: transparent url(../images/content/backgrounds/lineScheduleScroll.png) no-repeat top left;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 306px;
}

.myNextTrains .lineScheduleScroll {
    background: transparent;
    overflow: visible;
}
/* @end Line Schedule Scroll */

/* @group Line Schedule Notes */
.lineScheduleNotes,
.lineScheduleRichText {
    clear: both;
    color: #666;
    display: block;
    float: left;
    margin: 12px;
    width: 445px;
}

.lineScheduleRichText {
    margin-top: 0;
    margin-bottom: 0;
}

.lineScheduleRichText p {
    color: #666 !important;
    font-size: 10px !important;
    line-height: 12px !important;
}
/* @end Line Schedule Notes */
/* @end Line Schedule */

/* @group Line Prices */
#linePrices {
    background: transparent url(../images/content/divider-h.png) repeat-x top left;
    clear: both;
    float: left;
    padding-top: 17px;
    width: 260px;
}

#linePrices h3 {
    margin-bottom: 3px;
}

#linePrices dl {
    color: #666;
    margin-top: 2px;
}

#linePrices dt {
    clear: both;
    float: left;
    margin-top: 4px;
    width: 130px;
}

#linePrices dd {
    clear: none;
    float: left;
    font-weight: bold;
    margin-top: 4px;
    width: 130px;
}

#linePrices dd span {
    color: #c90203;
    display: block;
    float: right;
    margin-top: 0;
    width: 80px;
}

body.ff30 #linePrices dd span {
    margin-top: -12px;
}
/* @end Line Prices */

/* @group Line Order */
#lineOrder {
    background: transparent url(../images/content/divider-h.png) repeat-x top left;
    clear: none;
    color: #1060a8;
    float: left;
    padding: 17px 0 0 11px;
    width: 185px;
}

#lineOrder a {
    display: block;
    margin: 3px 0 1px 0;
}

#lineOrder p {
    padding-left: 5px;
}
/* @end Line Order */
/* @end Line Content */
/* @end Line Template */

/* @group Schedule Table */
table.schedule tr th.hidden {
    border-bottom: none;
}

table.schedule th,
table.schedule td {
    color: #666;
    padding: 4px 6px;
    white-space: nowrap;
}

table.schedule .train th,
table.schedule .train td {
	height: 6px;
    padding-bottom: 1px;
}

table.schedule .meridiem th,
table.schedule .meridiem td {
    height: 6px;
    padding-bottom: 1px;
}

table.schedule .departure th,
table.schedule .departure td {
    border-bottom: 1px solid #e1e1e1;
    height: 30px;
    padding-bottom: 1px;
}

table.schedule .arrival th,
table.schedule .arrival td {
    height: 30px;
    padding-bottom: 1px;
}

table.schedule .bikes th,
table.schedule .bikes td {
    height: 10px;
}

table.schedule .pm {
    font-weight: bold;
}

table.schedule .selected {
    background: #f1f1f1;
}
/* @end Schedule Table */

/* @group Data / Cart Table */
#cart table thead,
table.data thead {
    background: #d0dfec;
    color: #000;
    font-size: 10px;
}

#cart table th,
table.data th {
    padding: 5px 0 3px 8px;
}

#cart table td,
table.data td {
    border-bottom: 1px solid #e2e2e3;
    color: #666;
    padding: 7px 0 6px 8px;
}

#cart table tfoot td,
table.data tfoot td {
    background: transparent url(../images/body/tableBottomFade.png) top left repeat-x;
    border-bottom: none;
    height: 63px;
}

#cart table .description {
    width: 280px;
}

#cart table td.quantity {
    padding-left: 10px;
}

#cart table .subtotal {
    padding-right: 10px;
    text-align: right;
}

/* @group Cart Total Table */
#total {
    background: transparent url(../images/body/tableBottomFade.png) top left repeat-x;
    border-bottom: none;
    margin-bottom: 20px;
    min-height: 63px;
}

.payment-summary #total {
    background: transparent;
    margin: 0;
    min-height: 0;
    width: 100%;
}

#total tbody tr th {
    border-bottom: none;
    color: #666;
    font-size: 10px;
    padding: 6px 0 0 0;
    text-align: right;
    width: 405px;
}

.payment-summary #total tbody tr th {
    padding: 0 0 6px 0;
    text-align: left;
    width: auto;
}

#total tbody tr td {
    border-bottom: none;
    color: #666;
    font-size: 10px;
    padding: 6px 10px 0 8px;
    text-align: right;
}

.payment-summary #total tbody tr td {
    padding: 0 0 6px 12px;
}

#total tbody tr.subtotal th,
#total tbody tr.subtotal td {
    padding-top: 9px;
}

.payment-summary #total tbody tr.subtotal th,
.payment-summary #total tbody tr.subtotal td {
    padding-top: 6px;
}

#total tbody tr.total th,
#total tbody tr.total td {
    color: #000;
    font-weight: bold;
}
/* @end Cart Total Table */
/* @end Data / Cart Table */

/* @group Metra System Map */
/* @group Station Search Form */
#stationSearchForm {
    clear: both;
    float: left;
    margin: -8px 0 6px 0;
}

#stationSearch-form fieldset {
    float: left;
}

#stationSearch-form label {
    float: left;
    font-size: 10px;
    padding-top: 0;
}

#stationSearch-address-group {
    clear: none;
    float: left;
    margin-right: 15px;
}

.home #stationSearch-address-group {
    margin-bottom: 0;
}

#stationSearch-address-group label {
    margin-top: 4px;
}

.en #stationSearch-address-group label {
    width: 166px;
}

.es #stationSearch-address-group label {
    width: 199px;
}

.home #stationSearch-address-group label {
    width: 100% !important;
}

#stationSearch-address-group input {
    width: 211px;
}

#riderToolsContainer #stationSearch-address-group input {
    width: 225px;
}

.home #stationSearch-address-group a {
    clear: both;
}

#stationSearch-distance-group {
    clear: none;
    float: left;
    margin-right: 3px;
}

.home #stationSearch-distance-group {
    margin-bottom: 0;
}

#stationSearch-distance-group label {
    margin-top: 9px;
}

.en #stationSearch-distance-group label {
    width: 35px;
}

.es #stationSearch-distance-group label {
    width: 73px;
}

#riderToolsContainer #stationSearch-distance-group label {
    margin-top: 7px;
    color: #000;
    font-size: 10px;
    width: auto;
}

.en #stationSearch-distance-group select {
    width: 126px;
}

.es #stationSearch-distance-group select {
    width: 145px;
}

#riderToolsContainer #stationSearch-distance-group select {
    margin-left: 6px;
}

.en #riderToolsContainer #stationSearch-distance-group select {
    width: 159px;
}

.es #riderToolsContainer #stationSearch-distance-group select {
    width: 123px;
}

#stationSearch-submit-group {
    clear: none;
    float: left;
}

.home #stationSearch-submit-group {
    float: left;
    margin-bottom: 0;
}

#stationSearch-submit-group input.image {
    margin-top: 1px;
}
/* @end Station Search Form */

/* @group Map Content */
#mapContent {
    float: left;
}

#mapContent.large {
    height: 622px;
    margin-top: 3px;
    width: 711px;
}

#mapContent.medium {
    height: 619px;
    margin-top: 2px;
    width: 503px;
}

#mapContent.small {
    height: 227px;
    margin-top: 0;
    
}
/* @end Map Content */
/* @end Metra System Map */

/* @group Find A Station */
#findStationBody {
    float: left;
    margin-top: -3px;
}

#findStationActions {
    clear: both;
    color: #666;
    float: left;
    padding-right: 17px;
    width: 190px;
}

#findStationActions h2 {
    font-size: 15.5px;
    line-height: 14px;
    margin-bottom: 3px;
}

#findStationActions p {
    clear: both;
    display: block;
    float: left;
    margin: 3px 0 15px 0;
    width: 100%;
}

#findStationActions a.update {
    font-size: 0.909em;
    display: block;
    float: right;
    margin: -15px 2px 0 0;
}

body.safari #findStationActions a.update {
    margin-top: 0;
}

#findStationActions .continueLink {
    float: left;
}

.home #findStation-form #findStation-submit {
    float: right;
    margin-top: -27px;
}

.home #findStation-form #findStation-group a {
    display: block;
}

/* @group Station Result */
#findStationActions .stationResult {
    background: transparent url(../images/content/divider-h.png) repeat-x bottom left;
    clear: both;
    color: #7a858b;
    float: left;
    margin-bottom: 12px;
    padding-bottom: 3px;
}

#findStationActions .last {
    background: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
}

#findStationActions .stationResult span {
    color: #42484b;
    display: block;
    line-height: 10px;
    padding-top: 2px;
}

#findStationActions .stationResult .line {
    background: transparent url(../images/content/lines/default.png) no-repeat left -247px;
    margin-left: 1px;
    padding-left: 23px;
}

#findStationActions .stationResult ol {
    background-image: none !important;
    list-style-position: inside;
    list-style-type: decimal;
    margin-top: 6px;
    margin-left: 1px;
}

#findStationActions .stationResult li {
    color: #000;
    font-weight: bold;
    margin-bottom: 6px;
}

#findStationActions .stationResult li a {
    color: #666;
    font-weight: normal;
}

#findStationActions a.continueLink {
    margin-top: 13px;
    margin-left: 1px;
}
/* @end Station Result */
/* @end Find A Station */

/* @group Station Detail Page */
/* @group Stations Container */
#stationsContainer {
    margin-left: 1px;
}

#stationsContainer h1 {
    font-size: 17.5px;
}

#stationsContainer h2 {
    margin-bottom: 5px !important;
}

#stationsContainer h2.line {
    padding-top: 4px;
}

#stationsContainer h2.line {
    background: transparent url(../images/content/lines/default.png) no-repeat left -149px;
    font-size: 11.5px;
    padding: 3px 0 0 19px;
}

#stationsContainer li.line {
    background: none;
    display: block;
    padding: 1px 0 5px 0;
}

#stationsContainer li.line a {
    background: transparent url(../images/content/lines/default.png) no-repeat 2px 2px;
    padding-left: 14px;
}

#stationsContainer li.selected a {
    background: transparent !important;
    color: #000;
}

#stationsContainer li.line a:link,
#stationsContainer li.line a:visited {
    text-decoration: none;
}

#stationsContainer li.line a:hover,
#stationsContainer li.line a:active {
    text-decoration: underline;
}

#stationsContainer p {
    color: #999;
    margin: 11px 30px 0 3px;
}
/* @end Stations Container */

/* @group Station Info Container */
#stationInfoContainer {
    background: transparent url(../images/content/divider-h.png) repeat-x bottom left;
    clear: both;
    float: left;
    margin-bottom: 18px;
    margin-left: 2px;
    padding-bottom: 21px;
}

#stationInfoContainer h1 {
    font-size: 17.5px;
    margin-top: 8px;
    margin-bottom: 16px;
}

#stationInfoSidebar {
    float: left;
    width: 188px;
}

#stationInfoContainer img {
    margin-bottom: 5px;
}

#stationInfoContent {
    float: left;
    margin: -2px 0 8px 20px;
    width: 222px;
}

#stationInfoContent dl {
    float: left;
    margin-bottom: 5px;
}

#stationInfoContent dl dt {
    font-weight: bold;
    margin-bottom: 1px;
}

#stationInfoContent dl dd {
    color: #666;
    margin-bottom: 5px;
}

#stationInfoContent p {
    float: left;
    clear: left;
}

/* @group Parking Access */
.parkingImage {
    background: url('../images/content/backgrounds/parking.png') no-repeat center left;
    min-height: 19px;
    width: 19px;
    display: block;
    float: left;
    margin-right: 4px;
}

.accessibilityImage {
    background: url('../images/content/backgrounds/accessible.png') no-repeat center 10%;
    min-height: 19px;
    width: 19px;
    display: block;
    float: left;
    margin-right: 4px;
}

.en #parkingAccessibility,
.es #parkingAccessibility {
    clear: none !important;
    color: #666 !important;
    font-size: 10px !important;
    min-height: 19px !important;
    margin-left: 6px !important;
    float: left !important;
    width: 134px !important;
}

.en #parkingAccessibility {
    line-height: 19px !important;
}

.es #parkingAccessibility {
    line-height: 8px !important;
}

#parkingAccessibility a {
    text-decoration: none;
}

#parkingAccessibility a:link span,
#parkingAccessibility a:visited span {
    border-bottom: 1px solid #666;
}

#parkingAccessibility a:hover span,
#parkingAccessibility a:active span {
    border-bottom: 1px solid transparent;
}
/* @end Parking Access */
/* @end Station Info Container */

/* @group Station Map */
#stationMapContainer {
    clear: both;
    margin-left: 2px;
}

#stationMapContainer h2 {
    color: #333;
    font-size: 11.5px;
    font-weight: bold;
    margin-bottom: 8px;
}

#stationMapContainer span {
    font-weight: bold;
}

#mapContent.small a {
    margin-top: 2px;
}

#stationMapContent {
    float: left;
    margin: 0 0 8px 20px;
    width: 170px;
    /* the following was removed by madamcin to resolve ticket #F0010754 */
    /* position: relative; top: -240px; left: 274px; */
}

#stationMapContent span {
    display: block;
    font-weight: bold;
}

#mainContent #stationMapContent p {
    display: block;
    margin-top: 3px;
    margin-bottom: -3px;
}

#localAttrContent {
    margin-top: 12px;
}

#localAttrContent img {
    float: left;
    margin: 6px 9px 0 0;
}

#localAttrContent p {
    float: left;
    line-height: 13px;
    margin-top: 3px;
    width: 95px;
}
/* @end Station Map */

/* @group Terminus */
body.line #mainContent p {
    clear: both;
    width: 100%;
}
/* @end Terminus */
/* @end Station Detail Page */

/* @group FAQ Page */
.faqList {
    background: transparent url(../images/body/hrDotted.gif) left bottom repeat-x;
    font-size: 10px !important;
    line-height: 12px !important;
    list-style: none !important;
    margin-left: 0 !important;
    padding: 0px 0 14px 0;
}

.faqList li {
    background: transparent url(../images/body/listQLink.gif) 2px 2px no-repeat;
    padding-bottom: 14px;
    padding-left: 24px;
}

.faqList a {
    color: #1060a8;
}

dl.answerList {
    margin-top: 20px;
}

dl.answerList dt {
    background: transparent url(../images/body/listQ.png) 2px 2px no-repeat;
    color: #42484b;
    padding-bottom: 4px;
    padding-left: 13px;
}

dl.answerList dd {
    background: transparent url(../images/body/listA.png) 2px 2px no-repeat;
    color: #42484b;
    font-weight: bold;
    padding-bottom: 14px;
    padding-left: 13px;
}
/* @end */

/* @group Tickets Type List */
dl.ticketTypeList dt,
dl.searchResults dt {
    color: #666;
    font-weight: bold;
}

dl.ticketTypeList dt span {
    color: #c00;
}

dl.ticketTypeList dd,
dl.searchResults dd {
    color: #666;
    font-weight: normal;
    padding: 5px 0 15px;
}

dl.ticketTypeList dd {
    padding-top: 2px;
}

dl.searchResults dd.snippet {
    padding-bottom: 0;
}

dl.searchResults dd.source ul li {
    display: inline;
    line-height: 14px;
    padding-right: 1em;
}

dl.searchResults dd.source ul li a {
    color: #999;
}
/* @end Tickets Type List */

/* @group Leadership */
.ls h1 {
    margin-bottom: 4px;
}

.ls h2 {
    margin-bottom: 7px;
}

#boardOfDirectors dl {
    float: left;
}

#boardOfDirectors dl dd,
#boardOfDirectors dl dt {
    margin-bottom: 18px;
}

#boardOfDirectors dl dd {
    color: #666;
    float: left;
    width: 430px;
}

#boardOfDirectors dl dd.title {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 2px;
}

#boardOfDirectors dl dt {
    clear: left;
    float: left;
    margin-right: 15px;
    width: 45px;
}

#boardOfDirectors h2 {
    margin-bottom: 20px;
}

.signature {
    color: #666;
    margin-bottom: 46px;
    margin-left: 11px;
}

.signature dd.name {
    font-size: 11px;
    font-weight: bold;
}

.signature dd.title {
    font-size: 10px;
    font-style: italic;
}

.signature dt {
    margin-bottom: 10px;
}
/* @end Leadership */

/* @group Secondary Content */
.feature {
    margin-bottom: 30px;
}

#secondaryContent .feature h3 {
    margin: 10px 0 7px 0;
}

#secondaryContent .overlay {
    background: transparent url(../images/content/backgrounds/feature-overlay.png) no-repeat bottom left;
    display: block;
    margin: 0 -4px 18px -4px;
    padding: 4px 14px 12px 24px;
}

#secondaryContent .overlay img {
    margin-bottom: 8px;
}
/* @end Secondary Content */

/* @group Newsroom Page */
.newsList {
    background: transparent url(../images/body/hrDotted.gif) left bottom repeat-x;
    float: left;
    line-height: 12px !important;
    list-style: none !important;
    margin-bottom: 13px;
    margin-left: 0 !important;
    padding: 2px 0 7px 0;
}

.newsList li {
    color: #666666;
    float: left;
    font-size: 10px;
    padding-bottom: 7px;
    width: 100%;
}

.newsList li a {
    color: #1060a8;
    float: left;
    width: 429px;
}

.newsList li span {
    float: left;
    width: 69px;
}

.teaserTitle {
    color: #42484b;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}

.articleDate {
    color: #666;
    font-size: 10px;
    font-weight: normal;
    padding-left: 5px;
}

#mainContent .newsTeaser p {
    color: #666;
    font-size: 10px;
    line-height: 12px;
}

.newsTeaser {
    margin-top: 13px;
}

a.readMore {
    font-size: 10px;
    color: #666;
}
/* @end Newsroom Page */

/* @group Civic Crisis */
#civicCrisis {
    background: #c00;
    border-top: 1px solid #333;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: -5px 0 4px;
    width: 100%;
}

#civicCrisis * {
    margin: 0;
    padding: 0;
}

#civicCrisis,
#civicCrisis a,
#civicCrisis h3 {
    color: #fff;
}

#civicCrisis .header {
    float: left;
    position: relative;
    width: 242px;
}

#civicCrisis .message {
    float: right;
    padding: 15px 20px 9px 0;
    width: 708px;
}

#civicCrisis .message .dateStamp {
    font-weight: normal;
    margin-bottom: 2px;
}

#civicCrisis h2 {
    background: url(../images/content/service-alert/civic-crisis.png) no-repeat;
    height: 13px;
    margin: 35px 0 0 21px;
    width: 199px;
    color: #fff;
}

.es #civicCrisis h2 {
    background: url(../images/content/service-alert/civic-crisis-es.png) no-repeat;
    height: 17px;
    width: 210px;
    margin-left: 16px;
    margin-top: 31px;
}

#civicCrisis h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 3px;
}

#civicCrisis p {
    margin-bottom: 5px;
}

/* @group Civic Crisis Container */
body.crisis #body {
    background: #c00;
}

body.crisis #topNav {
    padding-bottom: 0;
}

body.crisis #footer {
    padding-top: 10px;
}

#civicCrisisContainer {
    border-top: 1px solid #333;
    display: block;
    min-height: 450px;
    padding: 30px 38px;
    width: auto;
}

#civicCrisisContainer h1 {
    background: transparent url(../images/content/service-alert/civic-crisis-large.gif) no-repeat;
    color: #fff;
    font-size: 35px;
    font-weight: normal;
    height: 35px;
    margin-bottom: 35px;
    width: 100%;
}

.es #civicCrisisContainer h1 {
    background: transparent url(../images/content/service-alert/civic-crisis-large-es.png) no-repeat;
    height: 44px;
    margin-top: -13px;
}

#civicCrisisContainer h2 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

#civicCrisisContainer h3 {
    color: #fff;
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 10px;
}

#civicCrisisContainer p {
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 24px;
}

#civicCrisisContainer a {
    color: #fff;
    display: block;
    font-size: 18px;
    margin-top: 35px;
}
/* @end Civic Crisis Container */
/* @end Civic Crisis */

/* @group Cart */
#cart {
    clear: both;
    float: left;
    padding-top: 10px;
    width: 100%;
}

#cart caption {
    padding: 3px 0 8px 0;
}

/* @group Cart Overview */
#cartOverview {
    padding: 23px 20px;
}

#cartOverview h2 {
    font-size: 13.5px;
    margin-bottom: 7px;
}

#cartOverview h3 {
    clear: both;
    color: #125a97;
    float: left;
    font-size: 10.5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#cartOverview a.edit {
    clear: none;
    display: block;
    float: left;
    padding-top: 1px;
}

body.safari #cartOverview a.edit {
    padding-top: 4px;
}

#cartOverview dt {
    clear: both;
    color: #666;
    display: block;
    float: left;
    padding-bottom: 6px;
    width: 48px;
}

#cartOverview dd {
    clear: none;
    color: #666;
    display: block;
    float: left;
    font-weight: bold;
    padding-bottom: 6px;
    width: 127px;
}

#cartOverview .ticketOption {
    clear: both;
    display: block;
    float: left;
    padding-bottom: 25px;
    width: 100%;
}
/* @end Cart Overview */

/* @group Fulfillment Info */
#cart .fulfillmentInfo {
    clear: both;
    float: left;
    min-height: 200px;
    width: 206px;
}

#cart .fulfillmentInfo h2 {
    font-size: 11.5px;
    padding-bottom: 6px;
}

#cart .fulfillmentInfo p {
    clear: both;
    color: #666;
    float: left;
    font-weight: bold;
    width: 100%;
}

#cart .fulfillmentInfo p a {
    color: #1060a8;
}

/* @group Address */
#cart .address {
    clear: none;
    color: #666;
    float: left;
    padding-bottom: 20px;
    width: 150px;
}

#cart .address h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    padding-bottom: 3px;
}
/* @end Address */

/* @group Payment */
#cart .payment {
    padding-bottom: 23px;
}
/* @end Payment */

/* @group Edit Payment */
#cart ul.editPayment {
    clear: both;
    display: block;
    float: left;
    margin-top: -21px;
    margin-bottom: 21px;
    width: 100%;
}

#cart ul.editPayment li {
    display: inline;
    margin-right: 0;
    padding-right: 8px;
}

#cart ul.editPayment li.last {
    margin-right: 0;
    padding-right: 0;
}

#cart ul.editPayment a {
    color: #1060a8;
}
/* @end Edit Payment */
/* @end Fulfillment Info */

/* @group Table */
#cart .tableBackground,
#cart .totalBackground {
    background: transparent url(../images/content/divider-v.png) repeat-y top left;
    float: left;
    padding-left: 18px;
    width: 486px;
}

#cart .tableBackground {
    margin-top: 20px;
}
/* @end Table */

/* @group Checkout */
#checkout {
    text-align: right;
}
/* @end Checkout */

/* @group Order Status */
h2.orderStatus {
    clear: both;
    display: block;
    float: left;
    font-size: 11.5px;
    margin: 10px 0 5px 0;
}

dl.orderStatus {
    clear: both;
    color: #666;
    float: left;
}

dl.orderStatus dt {
    float: left;
    clear: both;
    width: 80px;
}

dl.orderStatus dd {
    clear: none;
    float: left;
}
/* @end Order Status */
/* @end Cart */

/* @group Search Results */
.pager {
    clear: both;
    margin-bottom: 6px;
    text-align: right;
}

.pagerDisabled {
    color: #999;
}

.searchDiv {
    clear: both;
    float: left;
}

.searchInput {
    margin-right: 10px;
    width: 200px;
    float: left;
}

.searchSubmit {
    float: left;
    margin-top: -3px;
}

/* @end Search Results */

/* @group My Metra */
.mm #contentHeader h1,
.co #contentHeader h1,
.ma #contentHeader h1 {
    float: none;
}

.mm .continueLink,
.co .continueLink,
.ma .continueLink {
    background-position: 0 -17px;
/*
    float: none;
*/
    padding-left: 9px;
}

.mm .hr {
    background-position: 0 50%;
    height: 1px;
    margin: 0 0 27px 0;
    padding: 0;
}

.co .form-column .hr,
.ma .form-column .hr {
    margin-top: 10px;
}


.mm .hr hr,
.co .hr hr,
.ma .hr hr {
    display: none;
}

.mm .intro,
.co .intro,
.ma .intro {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 515px;
}

.mm a,
.co a,
.ma a {
    color: #1060a8;
}

.mm form .checkbox {
    float: left;
    font-weight: normal;
    padding: 0 10px 0 0;
    width: auto;
}

.mm form .checkbox input {
    margin: 0;
}

.mm form .checkbox span {
    position: relative;
    top: -3px;
}

.mm form .submission,
.co form .submission,
.ma form .submission {
    margin-bottom: 13px;
    margin-left: -4px;
}

.mm form label {
    font-weight: bold;
    padding: 0;
}

.mm h3,
.co h3,
.ma h3 {
    font-size: 11.5px;
    font-weight: bold;
    margin-bottom: 6px;
}

.mm h4,
.co h4,
.ma h4,
.mm caption,
.co caption,
.ma caption {
    font-weight: bold;
}

.mm p,
.co p,
.ma p {
    color: #666;
    line-height: 12px;
    margin-bottom: 10px;
}

/* @group Email Notifications */
#emailNotifications {
    margin: 20px 0 10px 0;
}

#emailNotifications fieldset .break {
    margin-right: 180px;
}

#emailNotifications fieldset .checkbox {
    padding-top: 6px;
    padding-right: 30px;
    padding-bottom: 2px;
    width: auto;
}

/* @end Email Notifications */

/* @group My Next Trains */
#nextTrains {
    overflow: auto;
}

#nextTrains .checkbox {
    padding-top: 25px;
    width: 92px;
}

#nextTrains .submission {
    margin-top: -1px;
    margin-bottom: 14px;
}

#nextTrains .train {
    margin-top: 1px;
    margin-bottom: 9px;
    overflow: auto;
}

#nextTrains .train .select {
    float: left;
    padding-right: 10px;
    width: 159px;
}

#nextTrains .train .select select {
    margin: 5px 0 0 0;
    width: 159px;
}

#nextTrains .train h4 {
    margin-bottom: 5px;
}

#nextTrains p {
    margin-bottom: 11px;
}
/* @end My Next Trains */

/* @group Order History */
#orderHistory {
    margin-bottom: -4px;
    width: 100%;
}

#orderHistory caption {
    margin-bottom: 5px;
}

#orderHistory td,
#orderHistory th {
    padding: 0 8px;
}

#orderHistory tbody td,
#orderHistory tbody td *,
#orderHistory tbody th,
#orderHistory tbody th * {
    color: #666;
    line-height: 14px;
    vertical-align: top;
}

#orderHistory tbody td,
#orderHistory tbody th {
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 1px;
}

#orderHistory tbody .last td,
#orderHistory tbody .last th {
    border-bottom: none;
}

#orderHistory thead th {
    background-color: #d0dfec;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    white-space: nowrap;
}

#orderHistory tbody input {
    margin: -3px 0 0 -4px;
}
/* @end Order History */

/* @group Pagination */
.pagination {
    clear: both;
    color: #666;
    float: right;
    margin: 10px 0;
}

body.p1 .pagination {
    float: none;
    text-align: right;
}

.safari .pagination {
    float: none;
    text-align: right;
}

.pagination .selected,
.pagination strong {
    font-weight: bold;
}

.pagination li,
.pagination li ul {
    display: inline;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    color: #1060a8;
}

.pagination li.previous {
    background: transparent url(../images/content/icons/arrows-search.gif) no-repeat left 4px;
    padding-left: 12px;
}

.pagination li.next {
    background: transparent url(../images/content/icons/arrows-search.gif) no-repeat right 4px;
    padding-right: 12px;
}

.pagination li.disabled,
.pagination li.disabled a {
    color: #ccc;
}

.pagination li.disabled-previous {
    background: transparent url(../images/content/icons/arrows-search.gif) no-repeat left -11px;
    color: #ccc;
    padding-left: 12px;
}

.pagination li.disabled-next {
    background: transparent url(../images/content/icons/arrows-search.gif) no-repeat right -11px;
    color: #ccc;
    padding-right: 12px;
}

.pagination li.last {
    border-left: 1px solid #ccc;
    margin-right: 0;
    margin-left: 4px;
    padding-left: 14px;
}

.pagination li ul li {
    margin: 0;
    padding: 0;
}

.pagination li ul li {
    padding: 0 1px;
}
/* @end Pagination */

/* @group Personal & Billing Information */
.pbInfo {
    margin-top: -1px;
    margin-bottom: 19px;
    overflow: auto;
}

.pbInfo .infoBlock {
    float: left;
    margin-top: 1px;
    width: 33.3%;
}

.pbInfo .infoBlock dl,
.pbInfo .infoBlock h4,
.pbInfo .infoBlock ul {
    padding-right: 10px;
}

.pbInfo .infoBlock dl {
    color: #666;
    margin-bottom: 2px;
}

.pbInfo .infoBlock dl dt {
    float: left;
    width: 50px;
}

.pbInfo .infoBlock h4 {
    margin-bottom: 2px;
}

.pbInfo .infoBlock ul li {
    display: inline;
    padding-right: 10px;
}
/* @end Personal & Billing Information */
/* @end My Metra */

/* @group Home */
/* @group Rider Tools */
.home #sideNav #riderToolsContainer {
    padding: 24px 15px 0 24px;
}

.home #sideNav #riderToolsContainer a:link,
.home #sideNav #riderToolsContainer a:visited {
    color: #1866aa;
    text-decoration: underline;
}

.home #sideNav #riderToolsContainer a:hover,
.home #sideNav #riderToolsContainer a:active {
    color: #1866aa;
    text-decoration: none;
}

#buyTicketsOnlineContainer {
    height: 50px;
}

.buyTicketsOnline {
    clear: both;
    float: left;
    height: 29px;
    margin-left: -4px;
    padding: 15px 0;
    position: relative;
}

#riderToolsContainer h2 {
    background: transparent url(../images/content/icons/home-arrow.png) no-repeat -2px 0;
    color: #666;
    font-size: 15px;
    padding: 2px 0 8px 22px;
    text-transform: uppercase;
}

#riderToolsContainer h3 {
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    margin-bottom: 2px;
    padding: 0;
}

#riderToolsContainer fieldset {
    margin: 5px 0 18px 0;
}

#riderToolsContainer legend {
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 19.5px;
    margin-bottom: 2px;
    padding: 0;
}

#riderToolsContainer label {
    color: #666;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    margin: 2px 0 6px 0;
    padding: 0;
}

#riderToolsContainer select {
    width: 242px;
}

#riderToolsContainer select.withButton	{
    width:202px;
}

#riderToolsContainer input.text {
    margin-top: 1px;
    width: 186px;
}

#riderToolsContainer input.image {
}

#riderToolsContainer fieldset a {
    margin-left: 4px;
}

/* @group My Next Trains */
#myNextTrainsContainer {
    margin-top: 18px;
    padding-top: 2px;
}

#myNextTrainsContainer,
#myNextTrainsContent,
#myNextTrainsfooter,
#myNextTrainsHeader {
    clear: both;
}

#myNextTrainsHeader #myNextLink a {
    display: block;
    float: left;
    font-size: 10px;
    margin: 8px 0 0 8px;
}

#myNextTrains {
    display: block;
    height: 29px;
    position: relative;
}

.en #myNextTrains {
    width: 106px;
}

.es #myNextTrains {
    width: 144px;
}

#myNextTrains span {
    display: block;
    height: 100%;
    left: -4px;
    position: absolute;
    top: -3px;
    width: 100%;
}

.en #myNextTrains span {
    background: transparent url(../images/content/buttons/my-next-trains.png) no-repeat;
}

.es #myNextTrains span {
    background: transparent url(../images/content/buttons/mis-siguientes-trenes.png) no-repeat;
}

#myNextTrainsHeader h3 {
    clear: both;
    display: block;
    float: left;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    margin-bottom: 6px;
}

#myNextTrainsContent .delay,
#myNextTrainsContent .delayDetails {
    clear: both;
    float: left;
    margin-bottom: 5px;
}

#myNextTrainsContent .delayDetails {
    padding-bottom: 10px;
    width: 100%;
}

#myNextTrainsContent span {
    clear: both;
    color: #666;
    display: block;
    margin: 5px 0;
}

#myNextTrainsContent span.line {
    background: transparent url(../images/contentnav/menu-sprite.png) no-repeat scroll left 0;
    margin-bottom: 6px !important;
    padding: 0 0 0 14px;
}

#myNextTrainsContent caption {
    color: #010101;
    font-weight: bold;
    margin: 9px 0 1px 0;
}

body.safari #myNextTrainsContent caption {
    margin-top: 0;
    padding-top: 9px;
}

#myNextTrainsContent {
    margin-bottom: 0px;
}

#myNextTrainsContent table.schedule {
    margin: 0 0 8px 0;
    float: left;
    clear: left;
}

#myNextTrainsContent table.schedule th {
    width: 140px;
}

#myNextTrainsContent table.schedule tr td {
    color: #000;
    padding: 0 5px;
}

#myNextTrainsContent table.schedule tr.train td,
#myNextTrainsContent table.schedule tr.bikes td {
    color: #666;
}

#myNextTrainsContent table.schedule th,
#myNextTrainsContent table.schedule td {
    line-height: 16px;
    padding: 0;
}

.home #sideNav #riderToolsContainer #myNextTrainsContent table tr th a:link,
.home #sideNav #riderToolsContainer #myNextTrainsContent table tr th a:visited {
    color: #000;
    text-decoration: underline;
}

.home #sideNav #riderToolsContainer #myNextTrainsContent table tr th a:hover,
.home #sideNav #riderToolsContainer #myNextTrainsContent table tr th a:active {
    color: #000;
    text-decoration: none;
}

.home #sideNav #riderToolsContainer #myNextTrainsContent a:link,
.home #sideNav #riderToolsContainer #myNextTrainsContent a:visited {
    color: #c00;
    text-decoration: underline;
}

.home #sideNav #riderToolsContainer #myNextTrainsContent a:hover,
.home #sideNav #riderToolsContainer #myNextTrainsContent a:active {
    color: #c00;
    text-decoration: none;
}

#myNextTrainsfooter span {
    clear: both;
    color: #666;
    float: left;
    width: 100%;
}
/* @end My Next Trains */
/* @end Rider Tools */

/* @group Recent News */
#recentNewsContainer {
    clear: both;
    color: #666;
    display: block;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin: 6px 0 34px 60px;
    width: 340px;
}

#recentNewsContainer .recentNewsItem a:link,
#recentNewsContainer .recentNewsItem a:visited {
    color: #1E6AAB;
    text-decoration: underline;
}

#recentNewsContainer .recentNewsItem a:hover,
#recentNewsContainer .recentNewsItem a:active {
    color: #1E6AAB;
    text-decoration: none;
}

#recentNewsContainer h2 {
    color: #666;
    margin: 10px 0;
}

.recentNewsItem span strong {
    color: #444;
}

.recentNewsItem {
    line-height: 15px;
    margin: 10px 0;
}
/* @end Recent News */

/* @group Features Container */
#featuresContainer {
    background: transparent url(../images/content/backgrounds/featuresContainer.png) no-repeat top left;
    clear: none;
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    width: 227px;
}

/* @group Carousel */
#carouselContainer {
    margin: 0 0 18px 0;
    text-align: center;
}

body.home #carouselContainer {
    margin-top: 30px;
}

body.home #featuresContainer #carouselContainer-imageCarousel {
    width: 227px;
    height: 286px;
    margin-top: 2px;
}

.carouselItem {
    color: #666;
    /*margin: 10px 0;*/
    text-align: center;
}

.carouselItem a {
    color: #666;
}

.carouselItem a:link,
.carouselItem a:visited {
    text-decoration: none;
}

.carouselItem a:hover,
.carouselItem a:active {
    text-decoration: underline;
}

.carouselItem img {
    display: block;
    margin: 0 auto;
}

.carouselItem span {
    color: #000;
    display: block;
    margin: 4px 0 2px 0;
    padding: 0;
}

body.home #featuresContainer #carouselController {
    padding-top: 10px;
}

#carouselController {
    /*margin: 21px 0 0 6px;*/
    text-align: center !important;
}

#carouselController li {
    display: inline;
}

#carouselController li img {
    display: inline;
}
/* @end Carousel */

/* @group Good To Know Container */
#goodToKnowContainer {
    color: #42484b;
    margin-left: 17px;
    margin-bottom: 30px;
}

#goodToKnowContainer h2 {
    color: #666;
    font-size: 19px;
    margin-bottom: 5px;
}

#goodToKnowContainer ul {
    margin: 0 20px 10px 0;
    list-style: none;
}

#goodToKnowContainer li {
    list-style: none;
}

#goodToKnowContainer ul li {
    border-bottom: 1px dotted #999;
}

#goodToKnowContainer ul li.last {
    border-bottom: none;
}

#goodToKnowContainer li.sports {
    background-position: right 6px;
}

#goodToKnowContainer li.bike {
    background-position: right -34px;
}

#goodToKnowContainer li.music {
    background-position: right -74px;
}

#goodToKnowContainer li.train {
    background-position: right -114px;
}

#goodToKnowContainer li a {
    background: transparent url(../images/content/icons/goodToKnow-no.png) no-repeat left top;
    color: #42484b;
    display: inline-block;
    font-weight: bold;
    line-height: 25px;
    margin: 5px 0;
    padding: 1px 0 0 20px;
    text-decoration: none;
}

#goodToKnowContainer li a.no1 {
    background-position: left 10px;
}

#goodToKnowContainer li a.no2 {
    background-position: left -20px;
}

#goodToKnowContainer li a.no3 {
    background-position: left -50px;
}

#goodToKnowContainer li a.no4 {
    background-position: left -80px;
}

#goodToKnowContainer li a.no5 {
    background-position: left -110px;
}

#goodToKnowContainer li a.no6 {
    background-position: left -140px;
}

#goodToKnowContainer li a.no7 {
    background-position: left -170px;
}

#goodToKnowContainer li a.no8 {
    background-position: left -200px;
}

#goodToKnowContainer a {
    color: #1866aa;
    margin-right: 25px;
}

#goodToKnowContainer img {
    float: right;
    margin-top: 6px;
}

body.ff30 #goodToKnowContainer img {
    margin-top: -30px;
}
/* @end Good To Know Container */
/* @end Features Container */
/* @end Home */

/* @group Service Alert / Advisory */
#serviceAlert,
#serviceAdvisory {
    background-color: #ffffce;
    border-top: 5px solid #c00;
    clear: left;
    display: block;
    float: left;
    margin: -23px -25px 0 -25px;
    padding: 14px 15px 13px 27px;
    width: auto;
}

body.home #serviceAlert,
body.home #serviceAdvisory {
    margin: 0;
}

#serviceAdvisory {
    background: transparent url(../images/content/backgrounds/service-alert.png) repeat-y top left;
    border-top: none;
    margin-top: 0;
    padding-top: 20px;
}

body.home #serviceAdvisory {
    padding: 18px 0 6px 61px;
}

#serviceAlert h2 {
    background: transparent url(../images/content/service-alert/service-alert.png) no-repeat top left;
    height: 14px;
    margin-bottom: 0;
}

.es #serviceAlert h2 {
    background: transparent url(../images/content/service-alert/service-alert-es.png) no-repeat top left;
}

#serviceAdvisory h2 {
    background: transparent url(../images/content/service-alert/service-advisories.png) no-repeat top left;
    height: 18px;
    margin-bottom: 4px;
    width: 380px;
}

.es #serviceAdvisory h2 {
    background: transparent url(../images/content/service-alert/service-advisories-es.png) no-repeat top left;
}

body.home #serviceAdvisory h2 {
    background: transparent url(../images/content/service-alert/todays-service-advisories.png) no-repeat top left;
    margin-bottom: 0;
    height: 18px;
}

body.es #serviceAdvisory h2 {
    background: transparent url(../images/content/service-alert/service-advisories-es.png) no-repeat top left;
}

#serviceAlert dl,
#serviceAdvisory dl {
    color: #666;
    display: block;
    margin-top: 7px;
    width: 465px;
}

body.home #serviceAlert dl,
body.home #serviceAdvisory dl {
    width: 415px;
}

#serviceAdvisory dl {
    margin-top: 0;
}

#serviceAlert dt,
#serviceAdvisory dt {
    background: transparent url(../images/contentnav/menu-sprite.png) no-repeat scroll 0 8px;
    border-top: 1px dotted #999;
    clear: both;
    display: block;
    float: left;
    line-height: 15px;
    margin: 0 0 6px 0;
    padding: 5px 0 0 14px;
    width: 170px;
}

body.home #serviceAlert dt,
body.home #serviceAdvisory dt {
    width: 150px;
}

#serviceAlert dd,
#serviceAdvisory dd {
    border-top: 1px dotted #999;
    display: block;
    float: left;
    line-height: 15px;
    margin: 0 0 6px;
    padding-top: 5px;
    width: 270px;
}

body.home #serviceAlert dd,
body.home #serviceAdvisory dd {
    width: 246px;
}

#serviceAdvisory dd {
    text-align: left;
}

#serviceAlert dd.details,
#serviceAlert dd.alertDetails,
#serviceAdvisory dd.details {
    border-top: none;
    margin-top: -3px;
    padding-top: 0;
    text-align: left;
    width: 454px;
}

#serviceAlert dd.alertDetails a,
#lineAlert dd.details a,
#serviceAlert dd.details a,
#serviceAdvisory dd.details a {
    color: #1866AA;
    display: inline;
    float: none;
}

body.home #serviceAdvisory dd {
    text-align: right;
    width: 172px;
}

body.home #serviceAlert dd.details,
body.home #serviceAlert dd.alertDetails,
body.home #serviceAdvisory dd.details {
    border-top: none;
    padding-top: 0;
    text-align: left;
}

body.home #serviceAlert dd.details,
body.home #serviceAlert dd.alertDetails {
    width: 410px;
}

body.home #serviceAdvisory dd.details {
    width: 336px;
}

#serviceAdvisory dd a {
    float: right;
}

body.home #serviceAdvisory dd a {
    float: none;
    margin-top: 0;
}

body.home.ff30 #serviceAdvisory dd a,
body.home.ff30 #serviceAlert dd a {
    margin-top: 0;
}

#serviceAlert dt.first,
#serviceAlert dd.first,
#serviceAdvisory dt.first,
#serviceAdvisory dd.first {
    border-top: none;
}

#serviceAlert a {
    clear: none;
    color: #c00;
    display: block;
    float: right;
}

#serviceAdvisory a {
    color: #c00;
}

#serviceAlert a:link,
#serviceAlert a:visited,
#serviceAdvisory a:link,
#serviceAdvisory a:visited {
    text-decoration: underline;
}

#serviceAlert a:hover,
#serviceAlert a:active,
#serviceAdvisory a:hover,
#serviceAdvisory a:active {
    text-decoration: none;
}

#serviceAlert span {
    color: #666;
    display: block;
    margin: 5px 0;
}

#serviceAlert span.alertSummary {
    clear: none;
    color: #c00;
    float: right;
    margin: 0;
}

/* @end Service Alert / Advisory */

/* @group Line-Specific Graphics */
/* @group Arrow Graphics */
h1.up-n,
h2.up-n,
h3.up-n,
h4.up-n,
#lineActions .up-n,
.lineScheduleKey .up-n,
#findStationActions .stationResult .up-n,
#stationsContainer li.up-n a,
#stationsContainer h2.up-n {
    background-image: url(../images/content/lines/up-n.png);
}

h1.ncs,
h2.ncs,
h3.ncs,
h4.ncs,
#lineActions .ncs,
.lineScheduleKey .ncs,
#findStationActions .stationResult .ncs,
#stationsContainer li.ncs a,
#stationsContainer h2.ncs {
    background-image: url(../images/content/lines/ncs.png);
}

h1.md-n,
h2.md-n,
h3.md-n,
h4.md-n,
#lineActions .md-n,
.lineScheduleKey .md-n,
#findStationActions .stationResult .md-n,
#stationsContainer li.md-n a,
#stationsContainer h2.md-n {
    background-image: url(../images/content/lines/md-n.png);
}

h1.up-nw,
h2.up-nw,
h3.up-nw,
h4.up-nw,
#lineActions .up-nw,
.lineScheduleKey .up-nw,
#findStationActions .stationResult .up-nw,
#stationsContainer li.up-nw a,
#stationsContainer h2.up-nw {
    background-image: url(../images/content/lines/up-nw.png);
}

h1.md-w,
h2.md-w,
h3.md-w,
h4.md-w,
#lineActions .md-w,
.lineScheduleKey .md-w,
#findStationActions .stationResult .md-w,
#stationsContainer li.md-w a,
#stationsContainer h2.md-w {
    background-image: url(../images/content/lines/md-w.png);
}

h1.up-w,
h2.up-w,
h3.up-w,
h4.up-w,
#lineActions .up-w,
.lineScheduleKey .up-w,
#findStationActions .stationResult .up-w,
#stationsContainer li.up-w a,
#stationsContainer h2.up-w {
    background-image: url(../images/content/lines/up-w.png);
}

h1.bnsf,
h2.bnsf,
h3.bnsf,
h4.bnsf,
#lineActions .bnsf,
.lineScheduleKey .bnsf,
#findStationActions .stationResult .bnsf,
#stationsContainer li.bnsf a,
#stationsContainer h2.bnsf {
    background-image: url(../images/content/lines/bnsf.png);
}

h1.hc,
h2.hc,
h3.hc,
h4.hc,
#lineActions .hc,
.lineScheduleKey .hc,
#findStationActions .stationResult .hc,
#stationsContainer li.hc a,
#stationsContainer h2.hc {
    background-image: url(../images/content/lines/hc.png);
}

h1.sws,
h2.sws,
h3.sws,
h4.sws,
#lineActions .sws,
.lineScheduleKey .sws,
#findStationActions .stationResult .sws,
#stationsContainer li.sws a,
#stationsContainer h2.sws {
    background-image: url(../images/content/lines/sws.png);
}

h1.ri,
h2.ri,
h3.ri,
h4.ri,
#lineActions .ri,
.lineScheduleKey .ri,
#findStationActions .stationResult .ri,
#stationsContainer li.ri a,
#stationsContainer h2.ri {
    background-image: url(../images/content/lines/ri.png);
}

h1.me,
h2.me,
h3.me,
h4.me,
#lineActions .me,
.lineScheduleKey .me,
#findStationActions .stationResult .me,
#stationsContainer li.me a,
#stationsContainer h2.me {
    background-image: url(../images/content/lines/me.png);
}

h1.ss,
h2.ss,
h3.ss,
h4.ss,
#lineActions .ss,
.lineScheduleKey .ss,
#findStationActions .stationResult .ss,
#stationsContainer li.ss a,
#stationsContainer h2.ss {
    background-image: url(../images/content/lines/ss.png);
}
/* @end Arrow Graphics */

/* @group Content Navigation */
#contentNav ul.lines li.up-n a,
#map_canvas dd.lines ul li.up-n,
#map_canvas dt.line.up-n,
#myNextTrainsContent span.up-n {
    background-position: left -29px !important;
}
#serviceAdvisory dl dt.up-n,
#serviceAlert dl dt.up-n {
    background-position: left -22px;
}

#contentNav ul.lines li.ncs a,
#map_canvas dd.lines ul li.ncs,
#map_canvas dt.line.ncs,
#myNextTrainsContent span.ncs {
    background-position: left -59px !important;
}
#serviceAdvisory dl dt.ncs,
#serviceAlert dl dt.ncs {
    background-position: left -52px;
}

#contentNav ul.lines li.md-n a,
#map_canvas dd.lines ul li.md-n,
#map_canvas dt.line.md-n,
#myNextTrainsContent span.md-n {
    background-position: left -89px !important;
}
#serviceAdvisory dl dt.md-n,
#serviceAlert dl dt.md-n {
    background-position: left -82px;
}

#contentNav ul.lines li.up-nw a,
#map_canvas dd.lines ul li.up-nw,
#map_canvas dt.line.up-nw,
#myNextTrainsContent span.up-nw {
    background-position: left -119px !important;
}
#serviceAdvisory dl dt.up-nw,
#serviceAlert dl dt.up-nw {
    background-position: left -112px;
}

#contentNav ul.lines li.md-w a,
#map_canvas dd.lines ul li.md-w,
#map_canvas dt.line.md-w,
#myNextTrainsContent span.md-w {
    background-position: left -149px !important;
}
#serviceAdvisory dl dt.md-w,
#serviceAlert dl dt.md-w {
    background-position: left -142px;
}

#contentNav ul.lines li.up-w a,
#map_canvas dd.lines ul li.up-w,
#map_canvas dt.line.up-w,
#myNextTrainsContent span.up-w {
    background-position: left -179px !important;
}
#serviceAdvisory dl dt.up-w,
#serviceAlert dl dt.up-w {
    background-position: left -172px;
}

#contentNav ul.lines li.bnsf a,
#map_canvas dd.lines ul li.bnsf,
#map_canvas dt.line.bnsf,
#myNextTrainsContent span.bnsf {
    background-position: left -209px !important;
}
#serviceAdvisory dl dt.bnsf,
#serviceAlert dl dt.bnsf {
    background-position: left -202px;
}

#contentNav ul.lines li.hc a,
#map_canvas dd.lines ul li.hc,
#map_canvas dt.line.hc,
#myNextTrainsContent span.hc {
    background-position: left -239px !important;
}
#serviceAdvisory dl dt.hc,
#serviceAlert dl dt.hc {
    background-position: left -232px;
}

#contentNav ul.lines li.sws a,
#map_canvas dd.lines ul li.sws,
#map_canvas dt.line.sws,
#myNextTrainsContent span.sws {
    background-position: left -269px !important;
}
#serviceAdvisory dl dt.sws,
#serviceAlert dl dt.sws {
    background-position: left -262px;
}

#contentNav ul.lines li.ri a,
#map_canvas dd.lines ul li.ri,
#map_canvas dt.line.ri,
#myNextTrainsContent span.ri {
    background-position: left -299px !important;
}
#serviceAdvisory dl dt.ri,
#serviceAlert dl dt.ri {
    background-position: left -292px;
}

#contentNav ul.lines li.me a,
#map_canvas dd.lines ul li.me,
#map_canvas dt.line.me,
#myNextTrainsContent span.me {
    background-position: left -329px !important;
}
#serviceAdvisory dl dt.me,
#serviceAlert dl dt.me {
    background-position: left -322px;
}

#contentNav ul.lines li.ss a,
#map_canvas dd.lines ul li.ss,
#map_canvas dt.line.ss,
#myNextTrainsContent span.ss {
    background-position: left -359px !important;
}
#serviceAdvisory dl dt.ss,
#serviceAlert dl dt.ss {
    background-position: left -352px;
}

#contentNav ul.lines li.systemWide a,
#map_canvas dd.lines ul li.systemWide,
#map_canvas dt.line.systemWide,
#myNextTrainsContent span.systemWide {
    background-position: left -389px !important;
}
#serviceAdvisory dl dt.systemWide,
#serviceAlert dl dt.systemWide {
    background-position: left -382px;
}
/* @end Content Navigation */

/* @group Anchor Colors */
a.up-n,
.up-n li a {
    color: #236214;
}

a.ncs,
.ncs li a {
    color: #7c53af;
}

a.md-n,
.md-n li a {
    color: #ff821d;
}

a.up-nw,
.up-nw li a {
    color: #fae218;
}

a.md-w,
.md-w li a {
    color: #ffa21d;
}

a.up-w,
.up-w li a {
    color: #feb8fa;
}

a.bnsf,
.bnsf li a {
    color: #77b337;
}

a.hc,
.hc li a {
    color: #ee4848;
}

a.sws,
.sws li a {
    color: #117bac;
}

a.ri,
.ri li a {
    color: #a81818;
}

a.me,
.me li a {
    color: #f67b7b;
}

a.ss,
.ss li a {
    color: #989898;
}
/* @end Anchor Colors */
/* @end Line-Specific Graphics */

/* @group Sign In */
.wide {
    width: 710px !important;
}

.loginLeft {
    border-right: 1px dotted #999;
    margin: 10px 20px 10px 0;
    padding: 0 10px 0 0;
}

.loginLeft p {
    margin-bottom: 1em;
}

.loginRight {
    margin: 21px 0 10px 0;
}

#checkoutWithoutSignIn-submit {
    margin-left: -7px;
}
/* @end Sign In */

/* @group Misc. */
.form-footer {
    border-top: 1px dotted #999;
    clear: both;
    display: block;
    overflow: auto;
    padding: 10px 0;
    width: 100%;
}
/* @end Misc. */

/* @group Order Tickets */
.tk #mainContent {
    color: #666;
}

.tk #contentHeader h1 {
    margin-bottom: 15px;
}

.tk #mainContent .checkbox {
    float: left;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 4px;
    padding: 0 10px 0 0;
    width: auto;
}

.tk #mainContent .checkbox input {
    margin: 0;
}

body.safari.tk #mainContent .checkbox span {
    top: 0;
}

.tk #mainContent .checkbox span {
    position: relative;
    top: -3px;
}

.tk #mainContent .disabled {
    opacity: 0.75;
}

.tk #mainContent .intro {
    color: #666;
    font-size: 10px;
    line-height: 12px;
    margin: -3px 0 13px 0;
}

.tk #mainContent .hr {
    height: 1px;
    margin: 0;
}

.tk #mainContent .hr hr {
    display: none;
}

.tk #mainContent a {
    color: #666;
}

.tk #mainContent a.primary {
    color: #1060a8;
}

.tk #mainContent dd,
.tk #mainContent dt {
    float: left;
    padding-right: 2px;
}

.tk #mainContent dd {
    margin-bottom: 2px;
}

.tk #mainContent dt {
    clear: left;
}

.tk #mainContent label {
    padding: 0;
}

.tk #mainContent input,
.tk #mainContent select {
    margin: 0;
}

/* @group Ticket Parameters */
.ticketParameters {
    margin-top: 26px;
    padding-bottom: 4px;
}

.ticketParameters h3 {
    font-size: 11.5px;
    font-weight: bold;
    margin-bottom: 6px;
}

/* @group Line Details */
.ticketParameters .line {
    margin-bottom: 17px;
    overflow: auto;
}

.ticketParameters .line .name {
    clear: both;
    font-weight: bold;
    margin-top: 1px;
    margin-bottom: 4px;
}

.ticketParameters .line dd,
.ticketParameters .line dt {
    float: left;
    padding-right: 2px;
}

.ticketParameters .line dd {
    margin-bottom: 2px;
}

.ticketParameters .line dt {
    clear: left;
}

.ticketParameters .line dt em {
    color: #000;
    font-weight: normal;
}
/* @end Line Details */

/* @group Type Details */
.ticketParameters .type {
    overflow: auto;
}

.ticketParameters .type .cardHolderName,
.ticketParameters .type .cardHolderValidationNumber {
    padding-right: 10px !important;
}

.ticketParameters .type .cardHolderExpirationYear {
    padding-right: 0 !important;
}

.ticketParameters .type .cardHolderName input {
    width: 108px;
}

.ticketParameters .type .cardHolderValidationNumber input {
    width: 61px;
}

.ticketParameters .type .cardHolderExpirationDate input {
    width: 88px;
}

.ticketParameters .type .reducedFare {
    padding-top: 10px;
    padding-bottom: 1px;
}

.ticketParameters .type .typeDetails {
    clear: both;
    margin-top: 1px;
    margin-bottom: 4px;
}

.ticketParameters .type dt.gender {
    padding-top: 11px;
}

.ticketParameters .type dt.gender select {
    width: 75px;
}

.ticketParameters .type dd.gender {
    padding-top: 14px;
    padding-left: 6px;
    width: 372px;
}

.ticketParameters .type dt.options {
    clear: left;
    width: 91px;
}

.ticketParameters .type dd.options {
    padding-top: 3px;
    padding-bottom: 6px;
}

.ticketParameters .type dt.quantity {
    padding-top: 11px;
}

.ticketParameters .type dt.quantity select {
    width: 45px;
}

.ticketParameters .type dd.quantity {
    padding-top: 8px;
    padding-left: 6px;
    width: 421px;
}

.ticketParameters .type dt em {
    color: #000;
    font-weight: normal;
}
/* @end Type Details */
/* @end Ticket Parameters */

/* @group Recurring Order Options */
fieldset.recurringOptions {
    padding-top: 10px;
}

fieldset.recurringOptions dt.recurringOrder {
    width: 143px;
}

fieldset.recurringOptions dd.recurringOrder {
    padding-top: 5px;
}

/* @end Recurring Order Options */

/* @group Connecting Service Options */
.connectingServiceOptions {
    margin-top: 17px;
}

.connectingServiceOptions dd {
    margin-top: 3px;
}

.connectingServiceOptions dd a {
    padding-left: 5px;
}

.connectingServiceOptions dt {
    width: 70px;
}

.connectingServiceOptions h3 {
    font-weight: bold;
    margin-bottom: 7px;
}
/* @end Connecting Service Options */

/* @group Additional Ticket */
.additionalTicket {
    margin-top: 11px;
}

.additionalTicket h3 {
    font-weight: bold;
    margin-bottom: 6px;
}

.additionalTicket #addAdditionalTicketFields {
    display: none;
}

.additionalTicket #addAdditionalTicketFields.show {
    display: block;
}

.additionalTicket #addAdditionalTicketFields dt {
    margin-top: 5px;
    margin-bottom: 2px;
    width: 100%;
}

.additionalTicket #addAdditionalTicketFields dt select {
    display: block;
}

.additionalTicket #addAdditionalTicketFields dd {
    margin-bottom: 5px;
    padding-right: 10px;
}

.additionalTicket #addAdditionalTicketFields dd a {
    line-height: 20px;
    vertical-align: middle;
}

.additionalTicket #addAdditionalTicketFields span {
    padding-bottom: 5px;
}
/* @end Additional Ticket */

/* @group Submission */
.tk .submission {
    margin-top: 11px;
}

.tk .submission a {
    position: relative;
    top: -11px;
}

.tk .submission input {
    left: -5px;
    position: relative;
}
/* @end Submission */
/* @end Order Tickets */

/* @group Date Picker */
/* @group Chooser Button */
a.dp-choose-date {
    background: url(../images/content/icons/datepicker.png) no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin: 3px 0 0 3px;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
    width: 16px;
}

a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}

input.dp-applied {
    float: left;
    width: 140px;
}

input#contactUs-date.dp-applied {
    width: 61px;
}
/* @end Chooser Button */

/* @group For the Popup */
div.dp-popup {
    background: #1564a9 url(../images/content/backgrounds/datepicker.gif) repeat-x top left;
    border: 1px solid #abaeaf;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    position: relative;
    width: 199px;
}

div#dp-popup {
    position: absolute;
    z-index: 199;
}

div.dp-popup h2 {
    color: #fff;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 6px 0;
    padding: 0;
    text-align: center;
}

div.dp-popup a {
    color: #000;
    padding: 3px 2px 0;
    text-decoration: none;
}

div.dp-popup div.dp-nav-prev {
    left: 6px;
    position: absolute;
    top: 2px;
    width: 100px;
}

div.dp-popup div.dp-nav-prev a {
    float: left;
}

div.dp-popup div.dp-nav-prev a,
div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled,
div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}

div.dp-popup div.dp-nav-next {
    position: absolute;
    right: 4px;
    top: 2px;
    width: 100px;
}

div.dp-popup div.dp-nav-next a {
    float: right;
}

div.dp-popup a.dp-nav-prev-year,
div.dp-popup a.dp-nav-prev-month,
div.dp-popup a.dp-nav-next-month,
div.dp-popup a.dp-nav-next-year {
    background: transparent url(../images/content/icons/calendar-arrows.gif) no-repeat top center;
    display: block;
    height: 9px;
    margin: 6px 0;
    overflow: hidden;
    text-indent: -100000em;
    width: 12px;
}

div.dp-popup a.dp-nav-prev-year {
    background-position: 4px -45px;
}

div.dp-popup a.dp-nav-prev-year-disabled {
    background-position: right -45px;
}

div.dp-popup a.dp-nav-prev-month {
    background-position: 8px -30px;
}

div.dp-popup a.dp-nav-prev-month-disabled {
    background-position: right -30px;
}

div.dp-popup a.dp-nav-next-month {
    background-position: left 0;
}

div.dp-popup a.dp-nav-next-month-disabled {
    background-position: right 0;
}

div.dp-popup a.dp-nav-next-year {
    background-position: left -15px;
}

div.dp-popup a.dp-nav-next-year-disabled {
    background-position: right -15px;
}

div.dp-popup a.disabled {
    cursor: default;
}

div.dp-popup td {
    cursor: pointer;
}

div.dp-popup td.disabled {
    cursor: default;
}
/* @end For the Popup */

/* @group Calendar */
table.jCalendar {
    background: #f0efef;
    border-collapse: separate;
    border-spacing: 5px 0;
    padding-bottom: 5px;
}

table.jCalendar th {
    border: 1px solid #f0efef;
    color: #000;
    font-weight: bold;
    padding: 3px 3px 1px 3px;
    text-align: center;
}

table.jCalendar td {
    border: 1px solid #f0efef;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 3px;
    text-align: center;
}

table.jCalendar td.other-month {
    background: #fff;
    border-color: #f0efef;
    color: #999;
}

table.jCalendar td.today {
    background: #999;
    border-color: #fff;
    color: #fff;
}

table.jCalendar td.selected,
table.jCalendar tr.selectedWeek td {
    background: #236eac;
    border-color: #fff;
    color: #fff;
}

table.jCalendar td.selected.dp-hover,
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #ffc56a;
    border-color: #fff0d8;
    color: #000;
}

table.jCalendar td.disabled,
table.jCalendar td.disabled.dp-hover,
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #f0efef;
    color: #b6b6b6;
}
/* @end Calendar */
/* @end Datepicker */

/* @group Recurring Ticket Orders */
#recurringTicketOrders .twoColumns {
    overflow: auto;
}

#recurringTicketOrders .twoColumns .column01,
#recurringTicketOrders .twoColumns .column02 {
    width: 45%;
}

#recurringTicketOrders .twoColumns .column01 {
    float: left;
}

#recurringTicketOrders .twoColumns .column01 .cancel {
    float: left;
    padding: 2px 0 0 10px;
}

body.safari #recurringTicketOrders .twoColumns .column01 .cancel {
    padding-top: 1px;
}

#recurringTicketOrders .twoColumns .column01 dl {
    overflow: auto;
}

#recurringTicketOrders .twoColumns .column01 dl dd,
#recurringTicketOrders .twoColumns .column01 dl dt {
    float: left;
}

#recurringTicketOrders .twoColumns .column01 dl dt {
    clear: left;
    padding-right: 2px;
}

#recurringTicketOrders .twoColumns .column01 h3 {
    float: left;
}

#recurringTicketOrders .twoColumns .column01 h4 {
    clear: both;
}

#recurringTicketOrders .twoColumns .column02 {
    float: right;
}

#recurringTicketOrders #recurringMonths {
    margin-top: 25px;
    overflow: auto;
}

#recurringTicketOrders #recurringMonths h3 {
    margin-bottom: 10px;
}

#recurringTicketOrders #recurringMonths .year {
    float: left;
    margin-bottom: 10px;
}

#recurringTicketOrders #recurringMonths .year.last {
    border-left: 1px solid #666;
    padding-left: 15px;
}

#recurringTicketOrders #recurringMonths .year h4 {
    margin-bottom: 5px;
}

#recurringTicketOrders #recurringMonths .year ol li {
    float: left;
}

/* @group Submission */
#recurringTicketOrders .submission {
    margin-top: 11px;
}

#recurringTicketOrders .submission a {
    color: #999;
    left: 5px;
    position: relative;
    top: -11px;
}
/* @end Submission */
/* @end Recurring Ticket Orders */

/* @group My Metra Welcome */
.mmw .button {
    display: block;
    margin: -3px -4px -5px;
    text-indent: -100000em;
}

.mmw #body,
.mmw #footer,
.mmw #secondaryNav,
.mmw #sideNav {
    background: none;
}

.mmw #content {
    padding-bottom: 0;
}

/* @group Forgot Password */
.mmw #loginToMyMetra {
    float: right;
    padding-top: 51px;
    padding-left: 20px;
    position: relative;
    width: 188px;
}

/* @group Create My Metra Account */
.mmw #loginToMyMetra #forgotPassword,
#loginMyMetraBusiness,
#forgotPasswordB2B {
    color: #666;
    left: -42px;
    margin-left: -100000em;
    position: absolute;
    top: 121px;
    width: 257px;
    z-index: 3000;
}

#loginMyMetraBusiness {
    top: 166px;
}

#forgotPasswordB2B {
    top: 166px;
}

.myMetraBusinessLogin #loginMyMetraBusiness {
    left: 50%;
    top: 264px;
}

.myMetraBusinessLogin #forgotPasswordB2B {
    left: 50%;
    top: 264px;
}

.myMetraBusinessLogin #forgotPasswordB2B.displayModal {
    margin-left: -255px;
}

.myMetraBusinessLogin #loginMyMetraBusiness.displayModal {
    margin-left: -255px;
}

.mmw #loginToMyMetra #forgotPassword.displayModal,
#loginMyMetraBusiness.displayModal,
#forgotPasswordB2B.displayModal {
    margin-left: 0;
}

.mmw #loginToMyMetra #forgotPassword .close,
#loginMyMetraBusiness .close,
#forgotPasswordB2B .close {
    background: url(../images/content/buttons/close.png);
    height: 11px;
    position: absolute;
    right: 13px;
    top: 6px;
    width: 12px;
    text-indent: -999em;
}

#loginMyMetraBusiness .close {
    margin: 2px -4px -5px;
}

.mmw #loginToMyMetra #forgotPassword .bottom,
.mmw #loginToMyMetra #forgotPassword form,
#loginMyMetraBusiness .bottom,
#loginMyMetraBusiness form,
#forgotPasswordB2B .bottom,
#forgotPasswordB2B form {
    background: url(../images/content/backgrounds/modal.png) no-repeat 0 100%;
}

.mmw #loginToMyMetra #forgotPassword .bottom,
#loginMyMetraBusiness .bottom,
#forgotPasswordB2B .bottom {
    background-position: 0 100%;
    height: 8px;
    width: 100%;
}

.mmw #loginToMyMetra #forgotPassword form,
#loginMyMetraBusiness form,
#forgotPasswordB2B form {
    background-position: 0 0;
    padding: 12px 16px 10px;
}

.mmw #loginToMyMetra #forgotPassword h3,
#loginMyMetraBusiness h3,
#forgotPasswordB2B h3 {
    font-size: 10px;
    margin-bottom: 5px;
}

.mmw #loginToMyMetra #forgotPassword input.password,
.mmw #loginToMyMetra #forgotPassword input.text,
#forgotPasswordB2B input.text,
#forgotPasswordB2B input.password {
    margin-bottom: 16px;
    padding-bottom: 3px;
    width: 202px;
}

#loginMyMetraBusiness input.password,
#loginMyMetraBusiness input.text {
    padding-bottom: 3px;
    width: 171px;
}

#loginMyMetraBusiness input.text {
    margin-bottom: 0;
}

.mmw #loginToMyMetra #forgotPassword input.submit,
#loginMyMetraBusiness input.submit,
#forgotPasswordB2B input.submit {
    float: right;
    margin-top: -6px;
    margin-right: 4px;
}

#loginMyMetraBusiness input.submit {
    margin-right: -6px;
    margin-top: 3px;
}

.mmw #loginToMyMetra #forgotPassword p,
#loginMyMetraBusiness p,
#forgotPasswordB2B p {
    margin-bottom: 4px;
}

.mmw #loginToMyMetra #forgotPassword p.note,
#loginMyMetraBusiness p.note
#forgotPasswordB2B p.note {
    margin-top: -14px;
    margin-bottom: 2px;
}
/* @end Forgot Password */

.mmw #loginToMyMetra a {
    color: #666;
    float: left;
    margin-top: 2px;
}

.mmw #loginToMyMetra h2 {
    background: url(../images/content/bullets/loginToMyMetra.png) no-repeat 0 50%;
    color: #d05102;
    font-size: 12px;
    margin-bottom: 4px;
    padding-left: 18px;
}

.mmw #loginToMyMetra input.password,
.mmw #loginToMyMetra input.text {
    padding-bottom: 3px;
    width: 171px;
}

.mmw #loginToMyMetra input.submit {
    float: right;
    margin-top: 3px;
    margin-right: -6px;
}

.mmw #loginToMyMetra input.text {
    margin-bottom: 0;
}
/* @end Login to My Metra */

/* @group Metra at Your Fingertips */
.mmw #metraAtYourFingertips {
    background: url(../images/content/backgrounds/metraAtYourFingertips.png) no-repeat 0 3px;
    min-height: 190px;
    padding: 0 0 0 279px;
    position: relative;
}

/* @group Create My Metra Account */
.mmw #metraAtYourFingertips #createMyMetraAccount {
    color: #666;
    left: 141px;
    margin-left: -100000em;
    position: absolute;
    top: 110px;
    width: 257px;
    z-index: 3000;
}

.mmw #metraAtYourFingertips #createMyMetraAccount.displayModal {
    margin-left: 0;
}

.mmw #metraAtYourFingertips #createMyMetraAccount .close {
    background: url(../images/content/buttons/close.png);
    height: 11px;
    position: absolute;
    right: 13px;
    top: 11px;
    width: 12px;
}

.mmw #metraAtYourFingertips #createMyMetraAccount .bottom,
.mmw #metraAtYourFingertips #createMyMetraAccount form {
    background: url(../images/content/backgrounds/modal.png) no-repeat 0 100%;
}

.mmw #metraAtYourFingertips #createMyMetraAccount .bottom {
    background-position: 0 100%;
    height: 8px;
    width: 100%;
}

.mmw #metraAtYourFingertips #createMyMetraAccount form {
    background-position: 0 0;
    padding: 14px 20px 11px;
}

.mmw #metraAtYourFingertips #createMyMetraAccount h3 {
    font-size: 10px;
    margin-bottom: 5px;
}

.mmw #metraAtYourFingertips #createMyMetraAccount input.password,
.mmw #metraAtYourFingertips #createMyMetraAccount input.text {
    margin-bottom: 16px;
    padding-bottom: 3px;
    width: 202px;
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount input#create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/en-passwordFieldEnterPassword.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount input#create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/es-passwordFieldEnterPassword.png);
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount .error input#create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/en-passwordFieldEnterPasswordError.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount .error input#create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/es-passwordFieldEnterPasswordError.png);
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount input#confirm-create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/en-passwordFieldConfirmPassword.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount input#confirm-create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/es-passwordFieldConfirmPassword.png);
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount .error input#confirm-create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/en-passwordFieldConfirmPasswordError.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount .error input#confirm-create-password.password.passwordField {
    background-image: url(../images/content/backgrounds/es-passwordFieldConfirmPasswordError.png);
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount input#create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/en-passwordFieldRequiredEnterPassword.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount input#create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/es-passwordFieldRequiredEnterPassword.png);
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount .error input#create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/en-passwordFieldRequiredEnterPasswordError.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount .error input#create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/es-passwordFieldRequiredEnterPasswordError.png);
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount input#confirm-create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/en-passwordFieldRequiredConfirmPassword.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount input#confirm-create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/es-passwordFieldRequiredConfirmPassword.png);
}

.en.mmw #metraAtYourFingertips #createMyMetraAccount .error input#confirm-create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/en-passwordFieldRequiredConfirmPasswordError.png);
}

.es.mmw #metraAtYourFingertips #createMyMetraAccount .error input#confirm-create-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/es-passwordFieldRequiredConfirmPasswordError.png);
}

.mmw #metraAtYourFingertips #createMyMetraAccount input.submit {
    float: right;
    margin-top: -6px;
    margin-right: -3px;
}

.mmw #metraAtYourFingertips #createMyMetraAccount p {
    margin-bottom: 4px;
}

.mmw #metraAtYourFingertips #createMyMetraAccount p.note {
    margin-top: -14px;
    margin-bottom: 2px;
}
/* @end Create My Metra Account */

.mmw #metraAtYourFingertips #moreFeatures {
    margin-left: 14px;
}

.mmw #metraAtYourFingertips #signUpNow {
    height: 33px;
    margin-top: 16px;
    margin-left: 10px;
    margin-bottom: 16px;
    width: 109px;
}

.mmw.en #metraAtYourFingertips #signUpNow {
    background: url(../images/content/buttons/signUpNow.png);
}

.mmw.es #metraAtYourFingertips #signUpNow {
    background: url(../images/content/buttons/inscribirse.png);
}

.mmw #metraAtYourFingertips #learnMoreBusiness {
    height: 33px;
    margin-top: 5px;
    margin-left: 10px;
    width: 109px;
}

.mmw.en #metraAtYourFingertips #learnMoreBusiness {
    background: url(../images/content/buttons/signUpNow.png);
}

.mmw.es #metraAtYourFingertips #learnMoreBusiness {
    background: url(../images/content/buttons/inscribirse.png);
}

.mmw #metraAtYourFingertips a {
    color: #1060a8;
}

.mmw #metraAtYourFingertips h2 {
    color: #42484b;
    font-size: 16px;
    font-style: italic;
    margin-top: -2px;
    margin-bottom: 10px;
}

.mmw #metraAtYourFingertips ul {
    padding-left: 1px;
}

.mmw #metraAtYourFingertips ul li {
    background: url(../images/content/bullets/arrowOrange.png) no-repeat 0 50%;
    color: #e45608;
    margin-bottom: 6px;
    padding-left: 13px;
}
/* @end Metra at Your Fingertips */

.mmw #myMetraWelcome {
    background: #fff url(../images/content/backgrounds/myMetraWelcome.jpg) no-repeat;
    float: left;
    height: 533px;
    padding-top: 4px;
}

/* @group Purchase Tickets */
.mmw #purchaseTickets {
    background: url(../images/content/backgrounds/purchaseTickets.png) no-repeat;
    min-height: 109px;
    padding-top: 15px;
    padding-left: 19px;
}

.mmw.r1d #purchaseTickets {
    background-image: url(../images/content/backgrounds/purchaseTicketsAlt.png);
}

.mmw #purchaseTickets #orderTicketsNow {
    height: 27px;
    margin-left: 61px;
    width: 137px;
}

.mmw.en #purchaseTickets #orderTicketsNow {
    background: url(../images/content/buttons/orderTicketsNow.png);
}

.mmw.es #purchaseTickets #orderTicketsNow {
    background: url(../images/content/buttons/pedirBoletosAhora.png);
}

.mmw.r1d.en #purchaseTickets #orderTicketsNow {
    background-image: url(../images/content/buttons/oneTimePurchase.png);
}

.mmw.r1d.es #purchaseTickets #orderTicketsNow {
    background-image: url(../images/content/buttons/compraUnica.png);
}

.mmw #purchaseTickets h2 {
    color: #1060a8;
    font-size: 18px;
    margin-bottom: 12px;
}

.mmw #purchaseTickets p {
    color: #666;
    margin-bottom: 15px;
}

.mmw #purchaseTickets a {
    color: #1060a8;
}
/* @end Purchase Tickets */

.mmw #sideNav {
    min-height: 348px;
}

.mmw #title {
    height: 49px;
    padding: 0 0 0 18px;
}

.mmw #title h1 {
    margin-top: -1px;
    font-size: 30px;
}

.mmw #topNav {
    margin-bottom: -4px;
}

.mmw #welcomeContent {
    float: left;
    width: 503px;
}
/* @end My Metra Welcome */

/* @group Day Text Component */
.image {
    clear: left;
    float: left;
    padding: 1px 20px 15px 0;
}

.image-submit {
	clear: left;
    float: left;
    padding: 1px 20px 15px 0;
	cursor: pointer;
}

.gc #mainContent ol,
.gc #mainContent ul,
.text p,
.text ol,
.text ul,
.mmb #mainContent ul,
.mmbl #mainContent ul {
    color: #666;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 15px;
}

.gc #mainContent ol,
.text ol,
.mmb #mainContent ol,
.mmbl #mainContent ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 18px;
}

.gc #mainContent ul,
.text ul,
.mmb #mainContent ul,
.mmbl #mainContent ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 13px;
    width: 100%;
}

.gc #mainContent li
.text li {
    margin-bottom: 5px;
}
/* @end Day Text Component */

/* @group Day Two-Column with Carousel */
.col2-carousel-c0 {
    clear: left;
    float: left;
    margin: 13px 26px 0 0;
    width: 400px;
}

.col2-carousel-c0 #carouselContainer {
    margin: 0;
    padding: 0 0 24px 0;
    text-align: right;
}

.col2-carousel-c0 #carouselContainer .carouselItem {
    margin: 0;
    text-align: right;
}

.col2-carousel-c0 #carouselContainer .carouselItem .title {
    margin: 9px 70px 0 0;
}

.col2-carousel-c0 #carouselController {
    margin: -10px -2px 0 0;
}

.col2-carousel-c1 {
    clear: none;
    float: left;
    margin: 10px 0 0 0;
    width: 285px;
}
/* @end Day Two-Column with Carousel */

/* @group Google Maps */
#map_canvas {
    color: #000;
    line-height: 11px;
}

#map_canvas dl *,
#map_canvas dt {
    font-size: 11px !important;
}

#map_canvas dt {
    font-weight: bold;
    margin-bottom: 1px;
}

#map_canvas dt.line {
    background: transparent url(../images/contentnav/menu-sprite.png) no-repeat left 1px;
    padding-left: 14px;
}

#map_canvas dt.line a,
#map_canvas dd,
#map_canvas dd.directions ul li,
#map_canvas dd.directions ul li a,
#map_canvas dd.lines ul li a,
#map_canvas dd.lines ul li a * {
    font-size: 10px !important;
}

#map_canvas dt img {
    float: left;
}

#map_canvas dt span {
    float: left;
    padding-left: 5px;
    position: relative;
    top: -1px;
}

#map_canvas dd.directions {
    margin-top: 5px;
}

#map_canvas dd.directions ul li {
    background: url('../images/content/bullets/markerWindowDirections.png') no-repeat 100% 2px;
    display: inline;
    margin-right: 11px;
    padding-right: 11px;
}

#map_canvas dd.directions ul li.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

#map_canvas dd.directions ul li a {
    color: #666;
}

#map_canvas dd.lines {
    margin-top: 16px;
}

#map_canvas dd.lines ul li {
    padding-bottom: 3px;
}

#map_canvas dd.lines ul li a {
    color: #1060a9;
}

#map_canvas dd.lines ul li.line {
    background: transparent url(../images/contentnav/menu-sprite.png) no-repeat left 1px;
    padding-left: 14px;
}
/* @end Google Maps */

/* @group Email a Friend */
#emailAFriend {
    padding: 20px 20px 0;
    width: 544px;
}

#emailAFriend #emailAFriend-submit-group {
    margin: 10px 0 0 -7px;
}

#emailAFriend #emailAFriend-submit-group a {
    line-height: 26px;
    margin-left: 5px;
    vertical-align: middle;
}

#emailAFriend div.error {
    margin-top: 0;
}

#emailAFriend h1 {
    margin-bottom: 10px;
}

#emailAFriend p {
    margin-bottom: 5px;
}
/* @end Email a Friend */

/* @group Buy Your Tickets Online */
.m4 #body,
.m4 #secondaryNav {
    background: transparent;
}

.m4 #buy-tickets-online {
    background: url(../images/content/backgrounds/buy-tickets-online.jpg) no-repeat;
    float: left;
    height: 490px;
    margin-top: -5px;
    overflow: hidden;
}

.m4 #buy-tickets-online-form #buy-tickets-online-submit-group {
    margin: 3px 0 10px -7px;
}

.m4 #buy-tickets-online-form #choose-your-line-group {
    margin-bottom: 13px;
}

.m4 #buy-tickets-online-form #select-your-stations-group h3 {
    margin-bottom: 0;
}

.m4 #buy-tickets-online-form #select-your-stations-group select {
    margin-top: 2px;
}

.m4 #buy-tickets-online-form h3 {
    color: #1060a8;
    font-size: 12px;
    margin-bottom: 3px;
}

.m4 #buy-tickets-online-form select {
    width: 184px;
}

.m4 #content {
    padding-left: 38px;
    width: 679px;
}

.m4 #content a {
    color: #1060a8;
}

.m4 #contentHeader h1 {
    margin-top: 5px;
    margin-bottom: 12px;
    margin-bottom: 0;
    padding-bottom: 12px;
    width: 100%;
}

.m4 #footer {
    background-image: url(../images/footer/background-buy-tickets-online.png);
}

.m4 .intro {
    color: #666;
    margin-bottom: 15px;
    width: 310px;
    width: 330px;
}

.m4 #secondaryNav {
    margin-top: 5px;
}
/* @end Buy Your Tickets Online */

/* @group Full Schedule */
.fullSchedule,
.fullSchedule #body {
    background: #fff;
}

.fullSchedule #content {
    padding-bottom: 12px;
    width: auto;
}

.fullSchedule .contentHeader {
    width: 1000px;
}

.fullSchedule .contentHeader .headers {
    float: left;
    width: 600px;
}

.fullSchedule .contentHeader .key {
    float: right;
    margin-top: 5px;
    width: 400px;
}

.fullSchedule .mainContent {
    width: 1000px;
    clear:both;
}

.fullSchedule .data {
    margin-top: 10px;
}

.fullSchedule .data.fullWidth {
    width: 1000px;
}

.fullSchedule .data td,
.fullSchedule .data th {
    padding: 2px 6px !important;
    text-align: center;
    white-space: nowrap;
}

.fullSchedule .data th[axis="row"] {
    border-right: 1px solid #e2e2e3;
    text-align: right;
    white-space: normal;
}

.fullSchedule .data .bikes td,
.fullSchedule .data .bikes th {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e3;
}

.fullSchedule .data th {
    color: #000;
}

.fullSchedule .data tbody th {
    border-bottom: 1px solid #dfdfdf;
    text-align: right;
}

.fullSchedule .data tbody td {
    color: #000;
    padding: 2px 4px !important;
}

.fullSchedule .data tbody td,
.fullSchedule .data tbody th {
    font-size: 1.1em;
}

.fullSchedule .data tbody td span {
    font-size: 0.909em;
}

.fullSchedule .data tr td.col {
    background-color: #f2f2f2;
}

.fullSchedule .data tr th.col {
    background-color: #bfcdd9;
}

.fullSchedule .data tbody tr:hover td,
.fullSchedule .data tbody tr:hover th {
    background-color: #e5e5e5;
    border-bottom-color: #bbb;
}

.fullSchedule .data tfoot td {
    background: none;
    height: auto;
}

.fullSchedule .mainContent {
    float: left;
}

.fullSchedule .lineScheduleRichText {
    margin: 0 0 15px 0;
    width: 400px;
}

.fullSchedule .mainContent .key {
    float: none;
    margin-bottom: 10px;
    width: 400px;
}

/* @end Full Schedule */

/* @group B2B */

#mainContent .purchasing {
    margin-bottom: 33px;
    margin-left: 289px;
}

#mainContent .purchasing h2 {
    color: #023b78;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: uppercase;
}

#mainContent .purchasing h3 {
    font-size: 13px;
    font-style: italic;
    margin-bottom: 5px;
    padding-left: 12px;
}

#mainContent .purchasing ul {
    font-size: 10.5px;
    list-style: none;
    margin-bottom: 7px;
    padding-left: 12px;
}

#mainContent .purchasing ul li a {
    color: #1e6aab;
}

p.purchasingLink {
    margin: -10px 0 22px !important;
}

p.purchasingLink a {
    color: #1e6aab
}

#secondaryContent.b2bHome {
    margin-top: 82px;
}

#secondaryContent.b2bHome h3 {
    font-size: 13px;
    margin-bottom: 5px;
}

div.inlineHeader {
    width: 200px;
}

div.inlineHeader h3 {
    display: inline;
}

div.inlineHeader a {
    position: relative;
    top: 1px;
}

/* @group template mmb */

.mmb h3 {
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: 4px;
}

.mmb h4 {
    margin-top: 14px;
    margin-bottom: 8px;
}

.mmb #mainContent fieldset p.note {
    margin-left: 0;
    margin-bottom: 2px;
}

.mmb fieldset#state-group {
    float: left;
}

.mmb fieldset#zip-group {
    clear: none;
}

.mmb select#state {
    width: 55px;
    margin-right: 10px;
}

.mmb input#zip {
    width: 100px;
}

.mmb #loginToMyMetra,
.mmb #loginToMyMetraForBusiness {
    margin-bottom: 20px;
    margin-top: 8px;
}

.mmb #loginToMyMetra p,
.mmb #loginToMyMetraForBusiness p {
    margin-bottom: 2px;
}

.mmb #loginToMyMetra h2,
.mmb #loginToMyMetraForBusiness h2 {
    background: transparent url(../images/content/bullets/loginToMyMetra.png) no-repeat scroll 0 0;
    color: #d05102;
    font-size: 12px;
    margin-bottom: 4px;
    padding-left: 18px;
    font-size: 11px;
}

.mmb #loginToMyMetraForBusiness h2 {
    color: #115b93;
    background-image: url(../images/content/bullets/loginToMyMetraforBusiness.png);
}

fieldset#vendorRegistration-continue-group input{
    margin-left: -7px;
}


/* @end template mmb */

fieldset#createAccount-submit-group input,
fieldset#certifications-submit-group input {
    margin-left: -7px;
    margin-top: 12px;
}

/* @group mmbl (My Metra for Business Landing) */

.mmbl #secondaryNav,
.mmbl #body #content {
    background: transparent url(../images/content/backgrounds/b2b-landing.png) no-repeat 0 0;
}

.mmbl #body #content {
    background-position: -216px -41px;
    padding-left: 25px;
    margin-left: -8px;
}

.mmbl #secondaryNav {
    background-position: 0 0;
    margin-top: -4px;
    padding-top: 15px;
}

.mmbl #sideNav {
    position: relative;
    z-index: 2;
}

/*updates 4-21-10 removing b2bhome for mmbl template*/

.mmbl.en #secondaryContent a.loginNow,
.mmbl.es #secondaryContent a.loginNow,
.mmbl.en #secondaryContent a.registerNow,
.mmbl.es #secondaryContent a.registerNow {
    display: block;
    background: transparent url() no-repeat 0 0;
    height: 29px;
    margin-left: -5px;
    text-indent: -999em;
}

.mmbl #secondaryContent div {
    margin-bottom: 13px;
    float: left;
}

.mmbl #secondaryContent h3 {
    clear: left;
}

.mmbl #secondaryContent a.loginNow {
    float: left;
}

.mmbl #secondaryContent a.signUpNowLink {
    margin-top: 8px;
    margin-left: 7px;
    float: left;
    color: #999;
}

.mmbl.en #secondaryContent a.loginNow {
    width: 77px;
    background-image: url(../images/content/buttons/login-now.png);
}

.mmbl.es #secondaryContent a.loginNow {
    width: 100px;
    background-image: url(../images/content/buttons/entrar-ahora.png);
}

.mmbl.en #secondaryContent a.registerNow {
    width: 95px;
    background-image: url(../images/content/buttons/register-now.png);
}

.mmbl.es #secondaryContent a.registerNow {
    width: 121px;
    background-image: url(../images/content/buttons/inscribirse-ahora.png);
}

.mmbl #secondaryContent p {
    margin-bottom: 4px;
}

.mmbl .signUpNow {
    display: block;
    height: 29px;
    margin-left: -4px;
    width: 86px;
    text-indent: -999em;
}

.mmbl.en .signUpNow {
    background: url(../images/content/buttons/signUpNow-small.png);
}

.mmbl.es .signUpNow {
    background: url(../images/content/buttons/inscribirse-small.png);
}

.mmbl #secondaryContent {
    margin-top: 33px;
}

#secondaryContent h3 {
    font-size: 13px;
    margin-bottom: 5px;
}

#secondaryContent.b2bHome h3 {
    clear: left;
}

.en #secondaryContent.b2bHome a#loginNow,
.es #secondaryContent.b2bHome a#loginNow,
.en #secondaryContent.b2bHome a#registerNow,
.es #secondaryContent.b2bHome a#registerNow {
    display: block;
    background: transparent url() no-repeat 0 0;
    height: 29px;
    margin-left: -5px;
    text-indent: -999em;
}

#secondaryContent.b2bHome div {
    margin-bottom: 13px;
    float: left;
}

#secondaryContent.b2bHome a#loginNow {
    float: left;
}

#secondaryContent.b2bHome a#signUpNowLink {
    margin-top: 8px;
    margin-left: 7px;
    float: left;
    color: #999;
}

.en #secondaryContent.b2bHome a#loginNow {
    width: 77px;
    background-image: url(../images/content/buttons/login-now.png);
}

.es #secondaryContent.b2bHome a#loginNow {
    width: 100px;
    background-image: url(../images/content/buttons/entrar-ahora.png);
}

.en #secondaryContent.b2bHome a#registerNow {
    width: 95px;
    background-image: url(../images/content/buttons/register-now.png);
}

.es #secondaryContent.b2bHome a#registerNow {
    width: 121px;
    background-image: url(../images/content/buttons/inscribirse-ahora.png);
}


/* @end template mmbl */

/* @gc template adjustments */

#secondaryContent .b2bHome p {
    margin-bottom: 4px;
}

#secondaryContent .b2bHome {
    margin-top: 19px;
}

#secondaryContent .b2bHome h3 {
    font-size: 13px;
    margin-bottom: 5px;
}

#secondaryContent .b2bHome h3 {
    clear: left;
}

.en #secondaryContent .b2bHome a.loginNow,
.es #secondaryContent .b2bHome a.loginNow,
.en #secondaryContent .b2bHome a.registerNow,
.es #secondaryContent .b2bHome a.registerNow {
    display: block;
    background: transparent url() no-repeat 0 0;
    height: 29px;
    margin-left: -5px;
    text-indent: -999em;
}

#secondaryContent .b2bHome div {
    margin-bottom: 13px;
    float: left;
}

#secondaryContent .b2bHome a.loginNow {
    float: left;
}

#secondaryContent .b2bHome a.signUpNowLink {
    margin-top: 8px;
    margin-left: 7px;
    float: left;
    color: #999;
}

.en #secondaryContent .b2bHome a.loginNow {
    width: 77px;
    background-image: url(../images/content/buttons/login-now.png);
}

.es #secondaryContent .b2bHome a.loginNow {
    width: 100px;
    background-image: url(../images/content/buttons/entrar-ahora.png);
}

.en #secondaryContent .b2bHome a.registerNow {
    width: 95px;
    background-image: url(../images/content/buttons/register-now.png);
}

.es #secondaryContent .b2bHome a.registerNow {
    width: 121px;
    background-image: url(../images/content/buttons/inscribirse-ahora.png);
}

/* @end gc template adjustments */

/* @group document table */

.documentTable {
    width: 100%;
    margin-bottom: 1em;
    clear: both;
}

.documentTable caption {
    margin-bottom: 5px;
}

.documentTable td,
.documentTable th {
    padding: 0 8px;
}

.documentTable tbody td,
.documentTable tbody td *,
.documentTable tbody th,
.documentTable tbody th * {
    color: #666;
    line-height: 14px;
    vertical-align: top;
}

.documentTable tbody td,
.documentTable tbody th {
    border-top: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 1px;
}

.documentTable tbody .first td,
.documentTable tbody .first th {
    border-top: none;
}

.documentTable tbody .last td,
.documentTable tbody .last th {
    border-bottom: 1px solid #ccc;
}

.documentTable tbody .addendum td,
.documentTable tbody .addendum th {
    border-top-style: none;
}

.documentTable tbody td.icon {
    padding-left: 0;
}


.documentTable thead th {
    background-color: #d0dfec;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    white-space: nowrap;
}

.documentTable tbody input {
    margin: -3px 0 0 -4px;
}

.documentTableGroup a.continueLink {
    margin-bottom: 20px;
}

.documentTable td.id,
.documentTable th.id {
    width: 40px;
}

.documentTable td.icon div p {
    margin-bottom: 7px !important;
}

.documentTable td.icon div {
    background: transparent url(../images/content/icons/document-generic.png) no-repeat 0 3px;
    padding-left: 24px;
    padding-bottom: 5px;
}

.documentTable td.icon .pdf {
    background-image: url(../images/content/icons/document-pdf.png);
}

.documentTable td.icon .word {
    background-image: url(../images/content/icons/document-word.png);
}

.documentTable td.icon .powerpoint {
    background-image: url(../images/content/icons/document-powerpoint.png);
}

.documentTable td.icon .internet {
    background-image: url(../images/content/icons/document-internet.png);
}

.documentTable sup {
    font-size: 60%;
    vertical-align: text-top;
}

.gc #mainContent .documentTable ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0.5em;
}

/* @end document table */

dl.corporateContactInformation {
    color: #666;
}

dl.corporateContactInformation dt {
    float: left;
    width: 50px;
}

.es dl.corporateContactInformation dt {
    width: 110px;
}

dl.corporateContactInformation dt.noPadding {
    margin-right: 3px;
    width: auto;
}

dl.corporateContactInformation .fax {
    margin-bottom: 12px;
}

a.editContactInformation {
    display: block;
    margin: 2px 0 19px;
}

#mainContent ol.notes {
    font-size: 90%;
    margin-bottom: 2em;
    margin-left: 22px;
    list-style-type: decimal;
    color: #666;
}

/* @group vendor registration */

dl.processOverview {
    margin-bottom: 20px;
}

dl.processOverview dt {
    color: #649ac8;
    font-size: 130%;
    margin-bottom: 2px;
    padding-left: 19px;
    background: transparent url() no-repeat 0 2px;
    height: 16px;
    display: block;
}

dl.processOverview dt.one {
    background-image: url(../images/content/bullets/process-one.png);
}

dl.processOverview dt.two {
    background-image: url(../images/content/bullets/process-two.png);
}

dl.processOverview dt.three {
    background-image: url(../images/content/bullets/process-three.png);
}

dl.processOverview dd {
    color: #999;
    font-size: 110%;
    margin-bottom: 9px;
    padding-left: 19px;
}

#secondaryContent.b2bHome p {
    margin-bottom: 4px;
}

.b2bHome #signUpNow {
    display: block;
    height: 29px;
    margin-left: -4px;
    width: 86px;
    text-indent: -999em;
}

.en .b2bHome  #signUpNow {
    background: url(../images/content/buttons/signUpNow-small.png);
}

.es .b2bHome  #signUpNow {
    background: url(../images/content/buttons/inscribirse-small.png);
}

.b2bHome .signUpNow {
    display: block;
    height: 29px;
    margin-left: -4px;
    width: 86px;
    text-indent: -999em;
}

.en .b2bHome  .signUpNow {
    background: url(../images/content/buttons/signUpNow-small.png);
}

.es .b2bHome  .signUpNow {
    background: url(../images/content/buttons/inscribirse-small.png);
}

a.getStarted {
    display: block;
    height: 29px;
    width: 88px;
    margin-left: -4px;
    text-indent: -999em;
    clear: both;
}

.en a.getStarted {
    background: url(../images/content/buttons/getStarted.png);
}

.es a.getStarted {
    background: url(../images/content/buttons/inscribirse-small.png);
}

div.vendorRegistrationInfo h3 {
    font-size: 115%;
    margin-bottom: 10px;
    margin-top: 17px;
}

div.vendorRegistrationInfo ul {
    margin-bottom: 12px;
    margin-left: 4px;
    float: left;
    clear: both;
}

div.vendorRegistrationInfo ul li {
    width: 50%;
    margin-bottom: 2px;
    float: left;
}

div.vendorRegistrationInfo a#getStarted {
    clear: both;
}

#mainContent ol.vendorRegistrationProgress {
    list-style-type: none;
    margin-left: 0;
    height: 20px;
}

#mainContent ol.vendorRegistrationProgress li {
    color: #649ac8;
    height: 16px;
    font-size: 85%;
    padding-left: 19px;
    margin-right: 14px;
    background: transparent url() no-repeat 0 2px;
    float: left;
}

#mainContent ol.vendorRegistrationProgress li.selected {
    color: #000;
    background-position: 0 -14px;
}

#mainContent ol.vendorRegistrationProgress li.one {
    background-image: url(../images/content/bullets/process-one.png);
}

#mainContent ol.vendorRegistrationProgress li.two {
    background-image: url(../images/content/bullets/process-two.png);
}

#mainContent ol.vendorRegistrationProgress li.three {
    background-image: url(../images/content/bullets/process-three.png);
}

.your-selections h3 {
    font-size: 14px;
    padding-top: 15px;
    margin-bottom: 5px;
}

.your-selections table {
    color: #797979;
    width: 175px;
}

.your-selections td {
    width: 35px;
    padding: 3px 0 4px;
    border-bottom: 1px solid #e9e9e9;
}

.en fieldset#confirm-password-group input#confirm-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/en-passwordFieldRequiredConfirmPassword.png);
}

.es fieldset#confirm-password-group input#confirm-password.password.passwordField.required {
    background-image: url(../images/content/backgrounds/es-passwordFieldRequiredConfirmPassword.png);
}

/* @end vendor registration */

/* @group Vendor Registration Form */

.vendor-registration-form h3 {
    font-size: 1.5em;
    margin-bottom: 0.25em;
}

.vendor-registration-form fieldset {
    margin-bottom: 2em;
}

.vendor-registration-form fieldset fieldset {
    margin-bottom: 0;
}

.vendor-registration-form h4 {
    margin-top: 0.5em;
}

.vendor-registration-form input.checkbox,
.vendor-registration-form input.radio {
    position: relative;
    top: 3px;
}

.vendor-registration-form fieldset.row-field {
    float: left;
    clear: none;
    margin-right: 5px;
}

.vendor-registration-form fieldset.first-in-row {
    clear: left;
}

.vendor-registration-form fieldset.city-group input {
    width: 100px;
}

.vendor-registration-form fieldset input.state {
    width: 80px;
}

.vendor-registration-form fieldset.zip-group input {
    width: 50px;
}

.vendor-registration-form fieldset.country-group select {
    width: 111px;
}

.vendor-registration-form fieldset.fiscal-year input {
    width: 133px;
}

.vendor-registration-form fieldset#companyInformation-radio-group label {
    display: inline;
}

.vendor-registration-form .checkboxes {
    margin-top: -15px;
}

.vendor-registration-form .checkboxes label {
    display: inline;
}

.vendor-registration-form .checkboxes fieldset {
    float: left;
    width: 150px;
    clear: none;
}

/* @end Vendor Registration Form */

/* @group vendor class lists */



#mainContent ul.vendorClass,
#mainContent ul.vendorClass ul.vendorSubClass {
    clear: left;
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 10px;
}

#mainContent ul.vendorClass {
    width: 483px;
    margin-bottom: 2em;
    float: left;
}

#mainContent ul.vendorClass li {
    background-color: #eaf3fa;
    margin-bottom: 1px;
    clear: both;
    line-height: 26px;
    float: left;
    width: 100%;
}

#mainContent ul.vendorClass li.last {
    margin-bottom: 0;
}

#mainContent ul.vendorClass li.vendorClassHeader {
    background-color: #dbe6f1;
}

#mainContent ul.vendorClass li.vendorClassHeader span {
    font-weight: bold;
    text-transform: none;
}

#mainContent ul.vendorClass span.code,
#mainContent ul.vendorClass span.description {
    display: block;
    float: left;
}

#mainContent ul.vendorClass span.expandcollapse {
    float: right;
    display: block;
    width: 26px;
    height: 26px;
    background: transparent url(../images/content/icons/vendor-registration-expand-collapse.png) no-repeat 0 0;
    text-indent: -999em;
    cursor: pointer;
}

#mainContent ul.vendorClass span.code {
    width: 78px;
    padding-left: 32px;
}

#mainContent ul.vendorClass span.description {
    width: 340px;
    text-transform: uppercase;
}

#mainContent ul.vendorClass span.expandcollapse:hover {
    background-position: 0 -26px;
}

#mainContent ul.vendorClass .expanded span.expandcollapse {
    background-position: -26px 0;
}

#mainContent ul.vendorClass .expanded span.expandcollapse:hover {
    background-position: -26px -26px;
}

#mainContent ul.vendorClass ul.vendorSubClass {
    position: absolute;
    left: -999em;
}

#mainContent ul.vendorClass .expanded ul.vendorSubClass {
    position: static;
}

#mainContent ul.vendorClass ul.vendorSubClass li {
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0;
}

#mainContent ul.vendorClass ul.vendorSubClass li.last {
    border-bottom: 0;
}

#mainContent ul.vendorClass ul.vendorSubClass label {
    display: inline;
    padding-left: 8px;
}

#mainContent ul.vendorClass ul.vendorSubClass span.code {
    padding-left: 0;
    width: 110px;
}

#mainContent ul.vendorClass ul.vendorSubClass span.description {
    text-transform: none;
}

/* @end vendor class lists */
h3 span {
    z-index: 1 !important;
}

.displayModal {
    z-index: 9999 !important;
}
/* @end B2B */

.vendorRegistrationInfo ul li {
    /*background: transparent url(../images/content/bullets/normal-bullet.png) no-repeat 0 0;*/
}

/* @group metra contest */
.posterThumb {
    float: left;
    margin: 5px 10px;
    text-align: center;
    width: 156px;
}

.winnerRow {
    clear: both;
    margin: 8px;
}

.winnerRow .posterThumb {
    background: #ffffff;
    margin: 6px;
    min-height: 230px;
    padding: 5px 0px;
    position: relative;
}

#content .winnerRow .posterThumb p {
    line-height: inherit;
    margin-bottom: 0px;
}

.winnerRow .posterThumb img {
    bottom: 5px;
    height: 170px;
    left: 6px;
    position: absolute;
}

.grade {
    margin: 0px;
    padding: 0px;
}

.winnerName {
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.schoolName {
    font-size: 80%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 3px;
}

#mainContent #contestSubmit-form .form-column {
    width: 340px;
}

#mainContent #contestSubmit-form .form-column label {
    width: 147px;
}

input.zipSmall {
    margin-left: 5px;
    width: 36px;
}
input.citySmall {
    width: 104px;
}
/* @end metra contest */

/* @group simple sign on */

.simplesignon {
    position: relative;
    text-align: center;
    clear: left;
}

.simple-sign-on-form-container {
    color: #666;
    left: -5px;
    margin-left: -100000em;
    position: absolute;
    top: -5px;
    width: 257px;
    z-index: 3000;
}

.simple-sign-on-form-container.displayModal {
    left: 50%;
    margin-left: -128px;
}

#featuresContainer .simple-sign-on-form-container.displayModal,
#secondaryContent .simple-sign-on-form-container.displayModal {
    left: auto;
    right: -5px;
}

.simple-sign-on-form-container .close {
    background: url(../images/content/buttons/close.png);
    height: 11px;
    position: absolute;
    right: 11px;
    top: 9px;
    width: 12px;
    text-indent: -999em;
}

.simple-sign-on-form-container form,
.simple-sign-on-form-container .bottom {
    background: url(../images/content/backgrounds/modal.png) no-repeat 0 100%;
}

.simple-sign-on-form-container form {
    background-position: 0 0;
    padding: 12px 16px 10px;
}

.simple-sign-on-form-container .bottom {
    background-position: 0 100%;
    height: 8px;
    width: 100%;
}

.simple-sign-on-form-container h3 {
    font-size: 11px;
    margin-bottom: 5px;
}

.simple-sign-on-form-container input.text {
    margin-bottom: 1px;
    width: 202px;
}

.simple-sign-on-form-container select {
    margin-bottom: 1px;
    width: 217px;
}

.simple-sign-on-form-container input.submit {
    float: right;
    margin-top: 4px;
}

.simple-sign-on-form-already-a-user {
    margin-top: 4px;
    margin-left: 6px;
    text-align: left;
}

.simple-sign-on-form-container .errorSignUp {
    color: #ff0000;
    margin: 5px 0 15px 0;
}

/* @end simple sign on */

/* @group ad juggler */

#adjugglerDiv {
    margin-bottom: 10px;
    margin-top: 15px;
}
#adjugglerDiv iframe,
#adjugglerDiv img,
#adjugglerDiv object {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* @end ad juggler */
/* @group train tracker */
/*.findDepartureStation, .findDestinationStation {
  display: none;
}*/

#trainTrackerContainer {
    margin-top: 18px;
    padding-top: 2px;
}

#trainTrackerHeader {
    clear: both;
}

#trainTrackerHeader #myNextLink a {
    display: block;
    float: left;
    font-size: 10px;
    margin: 8px 0 0 8px;
}

#trainTracker {
    display: block;
    height: 29px;
    position: relative;
}

.en #trainTracker {
    width: 106px;
}

.es #trainTracker {
    width: 144px;
}

#trainTracker span {
    display: block;
    height: 100%;
    left: -4px;
    position: absolute;
    top: -3px;
    width: 100%;
}

.en #trainTracker span {
    background: transparent url(../images/content/buttons/my-next-trains.png) no-repeat;
}

.es #trainTracker span {
    background: transparent url(../images/content/buttons/mis-siguientes-trenes.png) no-repeat;
}

#trainTrackerHeader h3 {
    clear: both;
    display: block;
    float: left;
    font-family: Interstate, "Interstate Regular", Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    margin-bottom: 6px;
}

#trainTrackerContent {
  float: left;
}

.editTrainLineWrapper {
  display: none;
}

#trainTrackerContent #schedule-start-group span {
    background: transparent url(../images/content/icons/stationIconA.png) no-repeat bottom left;
    padding-bottom: 1px;
    padding-left: 18px;
}

#trainTrackerContent #schedule-end-group span {
    background: transparent url(../images/content/icons/stationIconB.png) no-repeat bottom left;
    padding-bottom: 1px;
    padding-left: 18px;
}

#trainTrackerContent fieldset {
  margin: 0;
}
/* @end train tracker */

/* @group Train Tracker */
#traintrackerDefault {


}
#traintrackerDefault fieldset {
    margin: 5px 0 0;
}

#traintrackerDefault fieldset #traintracker-submit-group {
    margin: 0;
}

#traintrackerDefault label {
    margin: 2px 0;
    color: #000;
    font-size: 10px;
}

#traintrackerDefault #lineActions #schedule-start-group label {
    background: url("../images/content/icons/stationIconA.png") no-repeat scroll left bottom transparent;
    padding-bottom: 0;
    padding-left: 18px;
}

#traintrackerDefault #lineActions #schedule-end-group label {
    background: url("../images/content/icons/stationIconB.png") no-repeat scroll left bottom transparent;
    padding-bottom: 0;
    padding-left: 18px;
}

#traintrackerDefault #lineActions #schedule-reverse {
    clear: none;
    display: block;
    float: right;
}

#traintrackerDefault select {
    width: 242px;
    margin: 2px 0;
}

#trainTrackerOuterContainer {
    /*display: block;*/
    float: left;
    width: 240px;
}

#trainTrackerHeader {
    margin: 20px 0 5px 0;
    width: 245px;
}

#trainTrackerHeader span a.ordertickets img {
    /*background: url(../images/content/buttons/orderTickets-112.png) no-repeat;*/
    width: 112px;
    height: 29px;
    float: right;
    margin: -3px 0 0 0;
}

#trainTrackerContainer0,
#trainTrackerContainer1 {
    background: #fff;
    margin: 2px 0 5px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    display: block;
    float: left;
    width: 100%;
}

#trainTrackerContainer0,
#trainTrackerContainer1 {
    clear: both;
}

#trainTrackerHeader h3 {
    /*margin: 20px 0 5px 0;*/
    display: inline;
}

.trainTrackerContainerHeader {
    background: #f3f3f3;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
}

.trainTrackerContainerFooter {
    background: #f3f3f3;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 7px 10px;
}

#trainTrackerAddAnotherTrain {
    display: block;
    float: left;
    font-size: 10px;
    margin: 3px 0 0 8px;
    clear: both;
}

.trainTrackerContent {
    padding: 0;
    float: left;
}

.trainTrackerContentSection {
    padding: 0 5px;
}

.trainTrackerContent .error {
    color: #CC0000;
}

.trainTrackerContent .error a {
    color: #CC0000!important;
}

#riderToolsContainer #trainTrackerContainer0 .trainTrackerContainerHeader select,
#riderToolsContainer #trainTrackerContainer1 .trainTrackerContainerHeader select {
    width: 220px;
}

#riderToolsContainer #trainTrackerContainer0 .trainTrackerContainerHeader select.traintrackerEditDeparts,
#riderToolsContainer #trainTrackerContainer0 .trainTrackerContainerHeader select.traintrackerEditArrives,
#riderToolsContainer #trainTrackerContainer1 .trainTrackerContainerHeader select.traintrackerEditDeparts,
#riderToolsContainer #trainTrackerContainer1 .trainTrackerContainerHeader select.traintrackerEditArrives {
    width: 165px;
    float: right;
}

.ttEditOpenCancelSaveContainer {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 31px;
    clear: both;
    float: left;
    width: 100%;
}
.trainTrackerCancelEditStations {
    clear: both;
    display: inline;
}

.trainTrackerSaveChangesEditStations a img {
    /*background: url('/apps/metra/docroot/images/content/buttons/orderTickets-112.png') no-repeat 0 0;*/
    width: 102px;
    height: 28px;
    float: right;
    display: inline;
}


/*.home #sideNav #riderToolsContainer .trainTrackerContainerFooter span.refresh a:link img,
.home #sideNav #riderToolsContainer .trainTrackerContainerFooter span.refresh a:visited img {
    /*background: transparent url(../images/sidenav/refresh.png) no-repeat;*/
    /*color: #333333;
    display: block;
    float: right;
    height: 12px;
    padding: 0 0 0 15px;
    text-decoration: none;
}*/

.home #sideNav #riderToolsContainer .trainTrackerContainerFooter span.refresh a img {
    float: left;
    padding: 0 4px 0 0;
}
.home #sideNav #riderToolsContainer .trainTrackerContainerFooter span.refresh a {
    /*background: transparent url(../images/sidenav/refresh.png) no-repeat;*/
    color: #333333;
    display: block;
    float: right;
    height: 12px;
    padding: 0 0 0 10px;
    text-decoration: none;
}

.trainTrackerContainerFooter span.lastUpdate {
    font-style: italic;
    color: #666;
}

table.traintracker th {
    color: #666666;
    padding: 5px 6px;
    white-space: nowrap;
}

table.traintracker td {
    color: #000;
    padding: 3px 6px;
    white-space: nowrap;
}

.trainTrackerEditStations {
    float: right;
}

.trainTrackerContainerHeader dl{
    margin: 2px 0 0 0;
    padding: 0;
}

.trainTrackerContainerHeader dt,
.trainTrackerContainerHeader dd {
    margin: 0;
    padding: 4px 0;
}

.trainTrackerContainerHeader dt {
    float: left;
    margin-right: 0.3em;
    width: 40px;
    color: #999;
}


/* Train Tracker Service Announcements */
.trainTrackerServiceAnnouncements {
    padding: 10px;
    display: block;
}

.trainTrackerServiceAnnouncementsContent {
    padding: 0;
    margin: 5px 0 0 0;
    display: block;
    overflow-y: hidden;
    overflow-x: none;
}

.home #sideNav #riderToolsContainer .trainTrackerServiceAnnouncements h3 {
    padding: 0;
    margin: 0 0 5px 0;
    color: #cc0000;
    display: block;
    font-size: 1.1em;
    display: inline;
}

.home #sideNav #riderToolsContainer .trainTrackerServiceAnnouncements p {
    color: #999;
    margin: 3px 0 10px 0;
}

.home #sideNav #riderToolsContainer .trainTrackerServiceAnnouncements a.ttServiceAlertsSeeAll {
    float: right;
}

.traintrackerEditContainerOpen {
    border-bottom: 1px solid #ccc;
    background: #F3F3F3;
    -webkit-box-shadow: 0 1px 3px -1px #ccc;
    -moz-box-shadow: 0 1px 3px -1px #ccc;
    box-shadow: 0 1px 3px -1px #ccc;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 5px 10px 7px 10px;
    float: left;
}

#riderToolsContainer #trainTrackerContainer0 .traintrackerEditContainerOpen select,
#riderToolsContainer #trainTrackerContainer1 .traintrackerEditContainerOpen select {
    width: 220px;
}

#riderToolsContainer #trainTrackerContainer0 .traintrackerEditContainerOpen select.traintrackerEditDeparts,
#riderToolsContainer #trainTrackerContainer0 .traintrackerEditContainerOpen select.traintrackerEditArrives,
#riderToolsContainer #trainTrackerContainer1 .traintrackerEditContainerOpen select.traintrackerEditDeparts,
#riderToolsContainer #trainTrackerContainer1 .traintrackerEditContainerOpen select.traintrackerEditArrives {
    width: 176px;
    margin: 0;
    float: right;
}

.traintrackerEditContainerOpen dl {
    margin: 0;
    padding: 0;
    line-height: 23px;
}

.traintrackerEditContainerOpen dt,
.traintrackerEditContainerOpen dd {
    margin: 0;
    padding: 0;
}

.traintrackerEditContainerOpen dt {
    clear: both;
    color: #999999;
    float: left;
    margin-right: 0;
    width: 40px;
}

.traintrackerEditContainerOpen dt.arrives {
    margin: -3px 0 0 0;
}

.highlightTrainTracker {
    background: #FFFEDB !important;
    display: block;
}

#traintrackerErrorState {
    clear: both;
    color: #999999;
    display: block;
    font-size: 1.1em;
    margin: 10px 0 0;
}

.traintrackerEditContainerOpen, #trainTrackerContainer1, #trainTrackerAddAnotherTrain, #trainTrackerOuterContainer  {
  display: none;
}

.trainTrackerContent {
  width: 100%;
}

.trainTracker {
  float: left;
}

/* train tracker loading mask */
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.9;
    opacity: .90;
    filter: alpha(opacity=90);
    background-color: #fafafa;
    width: 100%;
    height: 100%;
    zoom: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    padding:2px;
}
.loadmask-msg div {
    background: url("../images/sidenav/ajax-loader.gif") no-repeat scroll left center transparent;
    color: #444444;
    font-weight: bold;
    cursor: wait;
    font: 11px;
    padding: 15px 20px 20px 40px;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}
/* end train tracker loading mask */

/* @end Train Tracker */

/* start Digital Late Slips */

.digitalLateSlip-container {
	font-family: oxygenregular, Arial, sans-serif;
}

.digitalLateSlip-container p {
	margin: 10px 0;
	padding: 0;
}


.digitalLateSlip-container a.orange-button,
.orange-button {
	background: #FBA000;
	color: #FFF;
	border-radius: 5px;
	text-transform: uppercase;
    text-shadow: -1px -1px 0px rgba(217, 144, 38, 1);
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .07em;
	text-decoration: none;
	padding: 6px 8px;
	float: left;
	margin: 0 10px 0 0;
	border: 2px;
	cursor: pointer;
}

#mainContent .digitalLateSlip-container ul.request-email-print {
	float: left;
	margin: 10px 0 0 0;
	padding-left: 0;
}

.digitalLateSlip-container ul.request-email-print {
	float: left;
	margin: 10px 0 0 0;
	padding-left: 0;
}

.digitalLateSlip-container ul.request-email-print li {
	float: left;
	display: inline;
}

.prev-button {
	background: #0054A4;
	color: #0055A5;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .07em;
	text-decoration: none;
	padding: 6px 8px;
	float: left;
	margin: 30px 0 0;
	clear: both;
	float: left;
}

a.prev-button {
	color: #fff;
	text-decoration: none;
}

input.orange-button{
	margin: 10px 0;
}

.digitalLateSlip-container ul,
.digitalLateSlip-container ol.digitalLateSlip {
	list-style-type: none;
	margin-left: 0;
	height: 20px;
	margin-bottom: 0px;
	
}

.digitalLateSlip-container ul,
.digitalLateSlip-container ol.digitalLateSlip li {
	color: #649ac8;
	height: 16px;
	padding-left: 19px;
	margin-right: 14px;
	background: transparent url() no-repeat 0 2px;
	float: left;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.04em;
}		

.dls-logo {
	width: 130px;
	height: auto;
	margin: 0 0 15px 0;
}

div.trainDelayRequest-notice-container{
	margin-top: 70px;
	box-shadow: 3px 3px 5px 6px #ccc;
	padding: 10px;
}

h1.trainDelayRequest-notice-title {
	font-size: 18px;
	font-weight: normal;
	display: block;
	text-align: center;
}

.gc #mainContent ol.digitalLateSlip,
.digitalLateSlip-container ol.digitalLateSlip {
	list-style-type: none;
	margin-left: 0;
	height: 20px;
}

.digitalLateSlip-container ol.digitalLateSlip li {
	color: #649ac8;
	height: 16px;
	padding-left: 19px;
	margin-right: 14px;
	background: transparent url() no-repeat 0 2px;
	float: left;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.04em;
}

.digitalLateSlip-container ol.digitalLateSlip li.selected {
	color: #000;
	background-position: 0 -14px;
}

.digitalLateSlip-container ol.digitalLateSlip li.one {
	background-image: url(../images/content/bullets/process-one.png);
}

.digitalLateSlip-container ol.digitalLateSlip li.two {
	background-image: url(../images/content/bullets/process-two.png);
}

.digitalLateSlip-container ol.digitalLateSlip li.three {
	background-image: url(../images/content/bullets/process-three.png);
}

.digitalLateSlip-container ol.digitalLateSlip li.four {
	background-image: url(../images/content/bullets/process-four.png);
}

p.notice-date{
	float: right;
}

/* table-digitalLateSlip */
table.table-digitalLateSlip {
	letter-spacing: .04em;
	border: solid #ccc;
	border-width: 1px 0 0 1px;
}

.table-digitalLateSlip th {
	background: #F0EFEF;
	color: #42484b;
	font-size: 11px;
	padding: 4px 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .05em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.table-digitalLateSlip td {
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 4px 5px;
}

.table-digitalLateSlip td.js-dls-occurence-date {
	text-align: left;
	border-right: 1px solid #ccc;
	width: 150px;
}
.table-digitalLateSlip td.js-dls-occurence-trainnumber,
.table-digitalLateSlip td.js-dls-occurence-scheduledarrival,
.table-digitalLateSlip td.js-dls-occurence-actualarrival,
.table-digitalLateSlip td.js-dls-occurence-select,
.table-digitalLateSlip td.js-dls-occurence-error {
	border-right: 1px solid #ccc;
	vertical-align: middle;
}

.table-digitalLateSlip td.js-dls-occurence-error {
	font-size: 	12px;
	padding: 10px;
}

/* end Digital Late Slip*/

#CQ .x-fieldset legend input.x-form-checkbox { float: none !important; }
#CQ div.x-form-item label.x-form-cb-label, #CQ div.x-form-item label.x-form-cb-label-hidden { display: inline !important; } 
#CQ .x-form-check-wrap { min-height: 25px !important; }

img.cq-text-placeholder { display: block !important; clear: both; }

a.text-button,
.form-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 3px 3px #ccc;
    -moz-box-shadow: 2px 3px 3px #ccc;
    box-shadow: 2px 3px 3px #ccc;
    padding: 3px 10px 4px 11px;
    background-color: #f09901;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}

table tr.overflow {
	display: none;
}