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

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 {
	display: none;
}

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 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 0 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;
}
f
#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.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 */

#mainContentPopUp {
	clear: left;
	float: left;
	width: 100%;
	font-size: 14px;
}
/* @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;
}
/* @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 70px;
	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: 18px 0;
	padding-left: 12px;
}

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

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

/* @group Line Schedule Scroll */
.lineScheduleScroll {
	clear: none;
	display: block;
	float: left;
	height: 142px;
	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: 5px 6px;
	white-space: nowrap;
}

table.schedule .train th,
table.schedule .train td {
	padding-bottom: 4px;
}

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

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

table.schedule .arrival th,
table.schedule .arrival td {
	padding-top: 13px;
	padding-bottom: 12px;
}

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;
	width: 274px;
}
/* @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;
	display: block;
}

#stationMapContent {
	float: left;
	margin: 0 0 8px 20px;
	width: 170px;
}

#stationMapContent span {
	display: block;
}

#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;
	font-size: 19.5px;
	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;
    line-height: 16px;
	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: #999;
	text-decoration: underline;
}

#recentNewsContainer .recentNewsItem a:hover,
#recentNewsContainer .recentNewsItem a:active {
	color: #999;
	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;
}

.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;
}

#carouselController {
	margin: 21px 0 0 6px;
}

#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;
}

#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,
#serviceAdvisory dd.details {
	border-top: none;
	margin-top: -3px;
	padding-top: 0;
	text-align: left;
	width: 454px;
}

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

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

body.home #serviceAlert dd.details {
	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;
}
/* @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 .10Ride_checkbox {
    float: left;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 4px;
    padding: 0 10px 0 0;
    width: 8.7em;
}

.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;
}

.mmw.en #metraAtYourFingertips #createMyMetraAccount input#create-password.password.passwordField {
	background-image: url(../images/content/backgrounds/en-passwordFieldEnterPassword.png);
}

.mmw.es #metraAtYourFingertips #createMyMetraAccount input#create-password.password.passwordField {
	background-image: url(../images/content/backgrounds/es-passwordFieldEnterPassword.png);
}

.mmw.en #metraAtYourFingertips #createMyMetraAccount .error input#create-password.password.passwordField {
	background-image: url(../images/content/backgrounds/en-passwordFieldEnterPasswordError.png);
}

.mmw.es #metraAtYourFingertips #createMyMetraAccount .error input#create-password.password.passwordField {
	background-image: url(../images/content/backgrounds/es-passwordFieldEnterPasswordError.png);
}

.mmw.en #metraAtYourFingertips #createMyMetraAccount input#confirm-create-password.password.passwordField {
	background-image: url(../images/content/backgrounds/en-passwordFieldConfirmPassword.png);
}

.mmw.es #metraAtYourFingertips #createMyMetraAccount input#confirm-create-password.password.passwordField {
	background-image: url(../images/content/backgrounds/es-passwordFieldConfirmPassword.png);
}

.mmw.en #metraAtYourFingertips #createMyMetraAccount .error input#confirm-create-password.password.passwordField {
	background-image: url(../images/content/backgrounds/en-passwordFieldConfirmPasswordError.png);
}

.mmw.es #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;
}

.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: px 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: dotted;
}

.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;
}

.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;*/
}