﻿/* CSS reset. Based on HTML5 boilerplate reset http://html5boilerplate.com/  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio[controls], canvas, video { display:inline-block; *display:inline; *zoom:1; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height:1.7em; }
body, button, input, select, textarea { font-family:sans-serif; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
blockquote { margin:1em 40px 1em 40px; font-size:95%; line-height:20px;}
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { backgrthumbnailound:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }
.terms {font-size:65%; line-height:1.5;}
.lrg {font-size:150%;}
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; }
svg:not(:root) { overflow:hidden;}
figure { margin:0; }
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
legend { border:0; *margin-left:-7px; padding:0; }
label { cursor:pointer; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; *overflow:visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; }
input[type="search"] { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }
table { border-collapse:collapse; border-spacing:0; }
.hidden { display:none; visibility:hidden; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
/* End CSS reset */
header, nav, section, article, aside, footer, hgroup {display: block;}
/* CSS Document */
/*colors

005843 - dark green
669900 - leaf green
6699CC - Blue
33cc99 - green
F0F0F0
#0b1717 / 11 23 23 - dk
*/

body { font-family: 'Raleway', sans-serif;font-size:100%; background-color:#333;}

html, body {height:100%;}

.light{background-color:#fff;}
.mid{background-color:#e5eef6;}
.mid p{color:#182f44;}
.dark{background-color:#0b1717;}
.dark_thru{background-color: rgba(11,23,32,.75); background:url(../website%202/img/dk_bkg.png) repeat;  }
.divide{border-right:#669900  solid 1px;}
.divide_opposite{border-left:#669900  solid 1px;}

.accent{display:block; background-color:#6699CC; color:#fff; margin:0 0 0 0; padding: 5px 5px 5px 30px; font-size:200%;}
.accent a{color:#fff;}
.accent a:hover{color:#0b1717;}
.invert{color:#fff;}
.hard{color:#182f44;}
/*.hard{display:block; background-color:#333; color:#fff;margin: 10px 0; padding: 5px 5px 5px 10px;}*/
.hard2{display:block; background-color:#333; color:#fff; margin:0 0 0 0; padding: 5px 5px 5px 10px; font-size:200%;}
.alert{display:block;background-color:#339999;color:#fff;margin: 0;padding: 5px 5px 5px 10px;}
.current{display:block;background-color:#2c5c5c ;color:#fff;margin: 10px 0;padding: 5px 5px 5px 5x; font-weight:bold;}
.opaque{color:#386b9b;}
.accent {color:#690;}

/*LINKS*/
/*========= links =========*/
a {color:#386b9b; font-weight:bold; text-decoration:none;}
a:focus, a:hover {color: #690; text-decoration:underline; }
a:focus{background-color:#FFFFCC;}
a:visited { color:#99966;}

/** the dimensions of the fare finder **/
div.cds_ff_outer {width:100%;/*height: 470px;*/font-family: inherit;font-size:.8em; overflow: hidden; border:#6699CC solid 1px;}

div.cds_ff_pwd_feature_2p0.cds_ff_outer  {
    height: auto;
    margin: 5px 0;
    padding:3px;
}

div.cds_ff_passenger_count div.cds_ff_adult_passenger_count {width: 20%;}
div.cds_ff_passenger_count div.cds_ff_senior_passenger_count {width: 20%;}
div.cds_ff_passenger_count div.cds_ff_child_passenger_count {
   
    width: 20%;
}
div.cds_ff_passenger_count div.cds_ff_infant_passenger_count {
    width: 25%; }

/** This is the wrapping div for the trip type **/
html body div#farefinder div.cds_ff_outer form.cds_form div.cds_ff_trip_type {font-family:inherit;color: #333;
    margin-top: 10px; width: 100%; overflow: hidden;}

div.cds_ff_outer form.cds_form div.cds_ff_trip_type span.cds_ff_oneway {margin-left: 0;}
div.cds_ff_outer form.cds_form div.cds_ff_trip_type span.cds_ff_oneway input {margin-left: 0;}
div.cds_ff_outer form.cds_form div.cds_ff_trip_type span.cds_ff_twoway input {margin-left: 12px;}
div.cds_ff_outer form.cds_form div.cds_ff_trip_type span.cds_ff_oneway,
div.cds_ff_outer form.cds_form div.cds_ff_trip_type span.cds_ff_twoway {height: 18px;}
div.cds_ff_outer form.cds_form div.cds_ff_trip_type span.cds_ff_multi{padding-top: 4px;}
div.cds_ff_depart_time_1 span.cds_ff_field_depart_time_1,
div.cds_ff_depart_time_2 span.cds_ff_field_depart_time_2 {_padding-top: 5.25px !important;*padding-top: 5.25px !important;
    padding-top: 5.25px\0/ !important;}
div.cds_ff_depart_date_1, div.cds_ff_depart_date_2{width:45%; float:left;}
div.cds_ff_depart_time_1, div.cds_ff_depart_time_2{	width:45%; float:right;}
div.cds_ff_trip_type,div.cds_ff_depart_date_1,div.cds_ff_depart_date_2,div.cds_ff_origin,
div.cds_ff_destination,div.cds_ff_passenger_count,div.cds_ff_submit,div.cds_ff_passengers_with_disability {margin-left: 10px;}
div.cds_ff_origin, div.cds_ff_destination {width: 90%; margin-bottom: 10px;}
div.cds_ff_destination {margin-top: 10px;}
div.cds_ff_origin {margin-top: 12px;}
span.cds_ff_find_station {background: transparent url(../images/de-bullet-triangle.gif) no-repeat 2px center;}
span.cds_ff_passengers_with_disability {}
input.cds_ff_field_origin,  input.cds_ff_field_destination, input.cds_ff_field_depart_date_1, input.cds_ff_field_depart_date_2 {padding-left: 1px;padding-right: 1px;}
div.cds_ff_origin span.cds_ff_field_origin,
div.cds_ff_destination span.cds_ff_field_destination,
div.cds_ff_destination span.cds_ff_field_destination,
div.cds_ff_depart_date_1 span.cds_ff_field_depart_date_1,
div.cds_ff_depart_date_2 span.cds_ff_field_depart_date_2,
div.cds_ff_depart_time_1 span.cds_ff_field_depart_time_1,
div.cds_ff_depart_time_2 span.cds_ff_field_depart_time_2
{padding-top: 4px;}
div.cds_ff_depart_date_1, div.cds_ff_depart_time_1,
div.cds_ff_depart_date_2, div.cds_ff_depart_time_2 {margin-bottom: 10px;}
div.cds_ff_depart_date_1 input,div.cds_ff_depart_date_2 input {width: 120px;}
div.cds_ff_passenger_count {margin-top: 10px;}
div.cds_ff_passengers_with_disability {background: transparent url(../images/de-bullet-triangle.gif) no-repeat 2px center;margin-top: 8px;}
div.cds_ff_passengers_with_disability a {padding-left:10px;}


div.cds_ff_pc_submit_wrapper {margin: 10px 0 0 5px;}
.cds_ff_pwd_feature_2p0 div.cds_ff_submit input[type="Submit"] { margin:20px 10px 0 0; padding:5.5px 0;}

div.cds_ff_outer { font-family: inherit; font-size: 0.8em; margin:0 0 0 5px; padding:10px;}
.cds_ff_ptype_rules a {margin-left:10px;}


div.cds_ff_depart_date_1 input.cds_ff_field_depart_date_1,
div.cds_ff_depart_date_2 input.cds_ff_field_depart_date_2 {margin-right: 8px;}
div.cds_ff_depart_time_1,  div.cds_ff_depart_time_2 {margin-left: 20px;}
/** this is the info image they see when there are children or infant passengers **/
div form.cds_form div.cds_ff_children_travel_info {width: 90% !important; padding-left: 35px;   margin-left: 0;margin-right: 0; padding-top: 8px; padding-bottom: 18px; color:#06C;  border-top: 1px solid #336699;    border-bottom: 1px solid #336699;  background: #F5F5E4 url(../images/info_icon.gif) no-repeat 5px 8px;}
a.cds_ff_link:link {color:#690;}
a.cds_ff_link:hover {color:#005843;text-decoration: underline;}
a.cds_ff_link:visited {color:#666;}
ul.ui-autocomplete li.ui-menu-item { font-family: arial, helvetica, tacoma, sans-serif;font-size: 14px;color: #777;}
div.cds_ff_passenger_count {margin-bottom: 11px;}
div.cds_ff_passenger_count select {margin-top: 6px;}

html body div#farefinder div.cds_ff_outer form.cds_form div.cds_ff_banner {   background: none; background-color:#6699CC; color: white;    width: 100%;text-align: center; margin-left: 0; font-weight:200; margin-right: 0; text-transform:uppercase; font-size: 3em;padding:.5em 0;}
/** for an image **/
div.cds_ff_submit input { margin-top: 10px; cursor: pointer;
    border: 0 none;
    text-indent: -9999em;
    color: transparent;
    width: 100px;
    height: 24px;
    background: transparent  url(../images/btn_findTrains.jpg) no-repeat center 0;
    margin-bottom: 10px;
    *text-indent: -30px;
    *font-size: 0;
    *line-height: 0;
    *width: 133px;
    *overflow:hidden !important;
    *text-align: left;
    *background: transparent url(../images/btn_findTrains.gif) no-repeat 30px 0;}
	
	div.cds_ff_submit input:hover{background: transparent  url(../images/btn_findTrains.jpg) no-repeat center -24px;
    margin-bottom: 10px;width: 100px;
    height: 24px;}

div.cds_ff_outer img.ui-datepicker-trigger {position: relative;top: 3.5px;}
ul.ui-autocomplete li.ui-menu-item { font-size: 11px;}
hr.cds_ff_hr { width: 100%; line-height: 0;border: 0 none;border-bottom: 1px solid #B0B0B0;margin: 0 0 13px 0;padding: 0; clear: both;height: 1px;}
div.cds_ff_depart_date_2 span.cds_ff_label {margin-bottom: 4px;}
input.cds_ff_field_origin,
input.cds_ff_field_destination,
input.cds_ff_field_depart_date_1,
input.cds_ff_field_depart_date_2,
div.cds_ff_outer select {border: 1px solid #7F9DB9;}
span.cds_ff_label{text-transform:uppercase;}

/*TRAIN STATUS*/
div.cds_ts_outer {width: 100%; padding:3px; margin: 0;border: 0 none; font-size: .8em; border:#6699CC solid 1px;}

div.cds_ts_2p0.cds_ts_outer {height: auto;
    margin: 5px 0;
    padding:3px;}
.cds_ts_label {}
div.cds_ts_status_label {margin:.5em; color:#005843;display: block;font-size:1.5em;font-style: normal;font-weight:600; text-transform:uppercase; text-align:center;}
div.cds_ts_date span.cds_ts_label, div.cds_ts_train_number span.cds_ts_label {width: 100px; }

div.cds_ts_date span.cds_ts_date input.cds_ts_field_date {margin-right: 8px;}
div.cds_ts_date span.cds_ts_date input.cds_ts_field_date, div.cds_ts_train_number span.cds_ts_field_train_number input.cds_ts_field_train_number  {width: 119px;}
span.cds_ts_field_status_arrive input.cds_ts_field_status_arrive { margin-left: 0;}
div.cds_ts_date {margin-top: 10px;margin-bottom: 5px;margin-left: 10px;}
div.cds_ts_train_number {margin-top: 15px;margin-bottom: 5px;margin-left: 10px;}

div.cds_ts_one_city {margin-bottom: 12px;margin-left: 10px;*margin-top: 10px;font-size: 13px;color: #333;}
div.cds_ts_from {margin-bottom: 5px;margin-left: 10px;}
div.cds_ts_to {margin-bottom: 5px;margin-left: 10px;}

div.cds_ts_2p0.cds_ts_train_number{height:3em; border:red solid 1px;}
div.cds_ts_arrive_or_depart {margin-bottom: 5px;margin-left: 10px;}
div.cds_ts_status_time {margin-top: 15px;margin-bottom: 5px;margin-left: 10px;}
div.cds_ts_submit {padding-top: 3px;padding-bottom: 3px; margin-left:10px;}
div.cds_ts_date label,div.cds_ts_train_number label,div.cds_ts_from label,div.cds_ts_to label,div.cds_ts_status_time label{font-weight: bold; text-transform:uppercase; text-align:right; }
span.cds_ts_field_from, span.cds_ts_field_to {padding-top: 4px;}
span.cds_ts_find_station {background: transparent url(../images/de-bullet-triangle.gif) no-repeat 0 center;padding-left: 10px;}
div.cds_ts_from, div.cds_ts_to {width:90%; margin-left:10px;}
div.cds_ts_status_time span.cds_ts_label label.cds_ts_label { width: 32px; margin-right: 10px;}
div.cds_ts_status_time span.cds_ts_field_time {float: left;}
div.cds_ts_status_time select { width: 86px;}
div.cds_ts_submit {text-align: left;}
div.cds_ts_submit input {cursor: pointer;border: 0 none; text-indent: -9999em; width: 100%;  height: 24px;background: url(../images/btn_checkStatus.jpg) no-repeat left 0px;   *text-indent: -30px;    *font-size: 0;    *line-height: 0;    *width: 90%; *overflow:hidden !important; *text-align: left;	*background: url(../images/btn_checkStatus.gif) no-repeat left 0px;}
div.cds_ts_submit input:hover{ width:100%;  height: 24px; background:url(../images/btn_checkStatus.jpg) no-repeat left -24px;}
a.cds_ts_link:link {color: #669900; }
a.cds_ts_link:hover {color: #005843 ; text-decoration:underline;}
a.cds_ts_link:visited {color: #666;}
.cds_ts_field_train_number {float:left; padding-bottom: 0.25em; margin-left:5%;}
div.cds_ts_date span.cds_ts_date{float:left;margin-left:5%;}
div.cds_ts_status_time { width: 60%;}
/* text for header */
div.cds_ts_banner {background: none; background-color:#6699CC; color: white;    width: 100%;text-align: center; margin-left: 0; font-weight:200; margin-right: 0; text-transform:uppercase; font-size: 2.5em;padding:.5em 0; line-height:1.2;}
div.cds_ts_outer img.ui-datepicker-trigger {position: relative; top: 2.5px;}
ul.ui-autocomplete li.ui-menu-item {font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
hr.cds_ts_hr {width: 100%;line-height: 0; border: 0 none; border-bottom: 1px solid #B0B0B0;  margin: 15px 0 15px 0; *margin: 0; padding: 0;height: 1px;}
/*======FIND A STATION*/
div.cds_find-a-station.ui-dialog,div.cds_find-a-station.ui-dialog,div.cds_find-a-station div.cds_find_station_holder,div#cds_find_station_holder.ui-dialog-content {/*div#cds_find_station_holder.ui-dialog-content .ui-resizable-handle,*/
/*div.cds_find-a-station .ui-resizable-handle {*//*, .ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {*/
    background-color: white !important; background-image: none;}
.cds_fas_station_list_left, .cds_fas_station_list_right { /*border: 1px solid brown;*/}
.cds_fas_alt_list_0 {background-color:#FFF;}
.cds_fas_alt_list_1 {background-color: #FFF;}
div#cds_find_station_holder.ui-dialog-content a.cds_fas_link {font-family:'Raleway', arial, helvetica, sans-serif !important; font-size: 11px;}
div.cds_find-a-station div.ui-dialog-titlebar{font-family:'Raleway', arial, helvetica, sans-serif !important; background: none; background-color:#6699CC; color: white;    text-align: center;  font-weight:200;  text-transform:uppercase; font-size:2em;}
iv#cds_find_station_holder.ui-dialog-content {font-family: 'Raleway', verdana, arial, helvetica, sans-serif; font-size: 14px;}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_letters_parent_holder a.cds_fas_link {font-size: 14px;color: white;font-weight: bold;padding-bottom: 0; padding-top: 0;}
div#cds_find_station_holder.ui-dialog-content a.cds_fas_link:link {text-decoration: underline;color: #264865;}
div#cds_find_station_holder.ui-dialog-content a.cds_fas_link:hover {text-decoration: none; color: #690;}
div#cds_find_station_holder.ui-dialog-content a.cds_fas_link:visited {text-decoration: underline; color: #69C;}
div.cds_fas_station_letter_title { color:#005843; font-size: 18px;font-weight: bold;    font-family:'Raleway', verdana, arial, helvetica, sans-serif;}
div.ui-dialog-title{text-align:center;}
div.cds_fas_lower_header span.cds_fas_mode_name_selected {color: #690;font-size: 12px;font-weight: bold;font-family:'Raleway', verdana, arial, helvetica, sans-serif;}
span.cds_fas_lower_header_mode_right {/*border: 1px solid red;*/ /*background-color: blue;*/}
div.cds_fas_letters_parent_holder {color: white;background-color: #264865; !important;}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_letters_parent_holder a.cds_fas_link{font-weight: normal;font-size: 11px;}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_letters_parent_holder a.cds_fas_link.cds_fas_selected_letter  {font-weight: bold;color: #85aed1;}

span.cds_fas_country_name {  font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
}

div#cds_find_station_holder.ui-dialog-content span.cds_fas_letters_holder a {
    /*width: 100%;*/
    margin-right: 3px;
}
div#cds_find_station_holder.ui-dialog-content span.cds_fas_country_letters a {
    margin-right: 3px;
}
span.cds_fas_country_name {
    width: 75px;
}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_station_element a.cds_fas_link {
    font-family: verdana, arial, helvetica, sans-serif !important;
    font-size: 10px;
}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_station_element span.cds_fas_stn_code {
    text-align: left;
    width: 32px;
}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_station_element {
    padding: 0 0 4px 4px;
}

div.ui-widget-overlay {
    background-image: none;
}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_letters_parent_holder  {
    /*border: 1px solid red;*/
}
div#cds_find_station_holder.ui-dialog-content div.cds_fas_country_US_letters span.cds_fas_country_letters {
    width: 337px;
}

div.cds_fas_letters_parent_holder span.cds_fas_country_name {
    width: 55px;
}
span.cds_fas_country_letters {
    float: left;
    margin-left: 21px;
}

div.cds_fas_country_US_letters span.cds_fas_country_name {
    position: relative;
    top: 25px;
}

div#cds_find_station_holder.ui-dialog-content div.cds_fas_outer_div {
    width: 450px;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.cds_find-a-station.ui-draggable.ui-resizable {
    width: 700px;
}

span.cds_fas_mode_name_unselected,
span.cds_fas_mode_name_unselected a {
    outline: none;
}

div.cds_fas_outer_div {
    margin-left: 27px;
}






/*TYPOGRAPHY*/

h1, h2, h3, h4, h5, h6, p,blockquote, .media {margin:10px 10px 5px 10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
p {font-size: 1em;color: #063;}
h1 {font-size: 2.5em;text-transform: uppercase;color: #005843;	font-weight: 500; line-height:1em;}
h2 {font-size: 1.85em;line-height: 40px;  text-transform: uppercase;	color: #669900;font-weight: 500;}
h3, .h3 {font-size: 1.2em;line-height: 30px;	text-transform: uppercase;	color: #386b9b;font-weight: 500;}
h4 {font-size: 1 em;line-height: 30px;	text-transform: uppercase;	color: #386b9b;font-weight: 300;}
.h4{color: #386b9b;}
h5 {font-size: 14px;line-height: 20px;}
h6 {font-size: 12px;line-height: 20px;}
.small {font-size: 80%;}
.lrg {font-size:155%;}
.upper{text-transform:uppercase;}
.norm{text-transform:none;}
.drop-cap{display:block;font-weight: 800;font-size:3.75em;float:left;margin:0.16em 0.2em 0 0;line-height:0.67;color:#fff;-webkit-border-radius:2.5em;-moz-border-radius:2.5em;border-radius:2.5em;padding:0.3em 0.3em 0.35em;min-width:0.8em;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.8);}
.drop-cap{background-color:#339999;}
.emp {text-transform:uppercase;font-weight:bold;padding-right:5px;}
.emp a{text-transform:uppercase; font-weight:bold;  padding-right:20px; color:#690; }
.emp a:hover{text-decoration:underline;}
.arrow a{display:inline;background-image:url(../images/morearrow.png); background-image:url(../images/morearrow.png); background-position:right 50%; background-repeat:no-repeat; text-transform:underline;  }
.arrowO a{color: #386b9b; display:inline;background-image:url(../images/morearrow.png); background-position:right 50%; background-repeat:no-repeat; text-transform:underline; }
.arrowW a{display:inline;background-image:url(../images/morearrowW.png); background-repeat:no-repeat; background-position:top right; }
.red {color:red;}
.kicker{font-size:1.25em;line-height:1.693;margin:-0.35em 0 -0.35em;}
/*LIST*/
ul li, ol li { padding:0 0 0.4em 0; margin:0 0 0 0; color: #063;}

/* ====== Lists ======*/
/* numbered list */
ol.indent li{list-style-type: decimal; margin-left:15px; font-size:12.5px;}
/* standard list */
.simple ul{margin:0 0 0 0;}
.simple li{color:#182f44; margin:5px 0px 0px 0px; font-size:85%; line-height:18px;}
.indent li{list-style-type:none;color:#182f44;	margin: 5px 0 5px 0;font-size:85%;line-height:18px;}
.indent2 li{list-style-type: none;color: #000;margin: 5px 0 5px 5px;font-size: 13px;line-height: 18px;}

.bare{color:#bbb;}
.pale{color:#999;}
.neutral{color:#666;}

.sharp{color:#000;}
.contrast{color:#fff;}
.firm{color:#339999;}

/* HELPERS */
.center {margin:0 auto;}
.left {display:none;float:left;}
.right {float:right;}
.img_floatleft {float:left; margin:0 10px 5px 0;}
.img_floatright {float:right; margin:0 0 5px 10px;}
.img {max-width:100%;}
/* PASSENGER SERVICE NOTICE*/
.psn {display:none;width:100%; border:1px solid #336699; margin:0 0 2em 0; }
.psn p {padding-bottom:0.5em;}
.psn p.emp {margin-top:-0.5em;}




input.cds_ts_field_train_number,input.cds_ts_field_date,input.cds_ts_field_from,input.cds_ts_field_to,div.cds_ts_outer select { border: 1px solid #7F9DB9;}
input.blur {color:#808080;}


/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,ottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
.push{width:100%; height:55px;}
.ptn,.pvn,.pan{padding-top:0px}
.pts,.pvs,.pasclear{padding-top:5px}
.ptm,.pvm,.pam{padding-top:10px}
.ptl,.pvl,.pal{padding-top:25px}
.ptxl,pvxl,paxl{padding-top:40px;}
.ptxxl,pvxxl,paxxl{padding-top:50px;}
.prn,.phn,.pan{padding-right:0px}
.prs,.phs,.pas{padding-right:5px}
.prm,.phm,.pam{padding-right:10px}
.prl,.phl,.pal{padding-right:20px}
.pbn,.pvn,.pan{padding-bottom:0px}  
.pbs,.pvs,.pas{padding-bottom:5px}
.pbm,.pvm,.pam{padding-bottom:10px}
.pbl,.pvl,.pal{padding-bottom:20px}
.pln,.phn,.pan{padding-left:0px}
.pls,.phs,.pas{padding-left:5px}
.plm,.phm,.pam{padding-left:10px}
.pll,.phl,.pal{padding-left:20px}
.mtn,.mvn,.man{margin-top:0px}
.mts,.mvs,.mas{margin-top:5px}
.mtm,.mvm,.mam{margin-top:10px}
.mtl,.mvl,.mal{margin-top:20px}
.mrn,.mhn,.man{margin-right:0px}
.mrs,.mhs,.mas{margin-right:5px}
.mrm,.mhm,.mam{margin-right:10px}
.mrl,.mhl,.mal{margin-right:20px}
.mrxl,.mhxl,.maxl{margin-right:30px}
.mbn,.mvn,.man{margin-bottom:0px}  
.mbs,.mvs,.mas{margin-bottom:5px}
.mbm,.mvm,.mam{margin-bottom:10px}
.mbl,.mvl,.mal{margin-bottom:20px}
.mln,.mhn,.man{margin-left:0px}
.mls,.mhs,.mas{margin-left:5px}
.mlm,.mhm,.mam{margin-left:10px}
.mll,.mhl,.mal{margin-left:20px}
.mlxl{margin-left:30px}

/*STRUCTURE*/
.container {max-width: 90%;	margin: 0 auto;}
.info {height: auto;min-height: 100%;padding: 1em 0 8em 0;margin: 0 auto;background-color:#fff;}
.header {margin: 0;	padding: 1em 2% 0 0;color: #030;text-align: center;	background: #fff;position: relative;background-color: #386b9b;}
.header:before {content:""; position:absolute; z-index:-1;left:0; top:0;height:100%;width:99%;display: block!important;}
.logo {	float: left;margin: 0 0 0.8em 0;padding: 0 0 0 10px;}
.social {width: 33%;margin: 0 0 0 0;float: left;padding: 15px 0 0 10px;}
.social_icons{width:40%; float:right;}
.social_text{width:58%; float:left;}
 


/*==========SEARCH========*/


.search{width: 33%;margin: 0 0 0 0;	float: right;padding: 15px 0 0 0;}
/* reset webkit search input browser style */
input {	outline: none;}
input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit;font-size: 100%;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; /* remove the search and cancel icon */}

/* search input field */
input[type=search] {background: #ededed url(../images/search_icon.png) no-repeat 5px center;border: solid 1px #ccc;	padding: 9px 10px 9px 32px;	width: 60%;-webkit-border-radius: 10em;-moz-border-radius: 10em;
	border-radius: 10em;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
input[type=search]:focus {width: 50%;background-color: #fff;border-color: #6dcff6;	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
	border: solid red 1px;
}

/* placeholder */
input:-moz-placeholder {color: #386b9b;}
input::-webkit-input-placeholder {color: #386b9b;}


.hero {padding:0 0 0 2%;}
.article { padding:0 0 2em 2%;}

.breadcrumb { padding:5px 0 10px 15px;}
.breadcrumb ul { margin:0; padding:0; }
.breadcrumb li{ display: inline; color: #005843; font-family: 'Josefin Sans', sans-serif;  font-weight:bold; font-size:85%; text-transform:uppercase;}
.breadcrumb a {color:#690 !important;}



hr{	border-bottom: 1px solid #fff;border-top:1px solid #fff;	border-left:0;border-right:0;margin:0 10px;}

/*COLUMNS*/
.col_12 {width:10.5%; margin:0 2% 0 0;float:left;}
.col_25 {width:23%;margin:0 2% 0 0;float:left;}
.col_25_r {width:23%;margin:0 0 0 2%;float:right;}
.col_23 {width:21%;margin:0 2% 0 0;float:left;}
.col_20 {width:18%;margin:0 2% 0 0;float:left;}
.col_33 {width: 31%;margin: 0 2% 0 0;float: left;}
.col_45{width: 40%;	float: right;
}
.col_50 {width:48%;margin:0 2% 0 0;float:left;}
.col_50_true {width:50%;float:left;}
.col_50_r{width:48%;margin:0 0 0 2%;float:right;}
.col_62 {width:60.5%;margin:0 2% 0 0;float:left;}
.col_66 {width:64%;margin:0 2% 0 0;float:left;}
.col_75 {width:73%;margin:0 2% 0 0;float:left;}
.col_home {	width: 85%;margin: 0 auto; padding:1em 0;}
.col_96 {width:96%;margin:0 2%;}
.col_100 {width:98%;margin:0 2% 0 0;}
.col_hero{ margin:0 auto;}
.callout{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background-color: #386b9b;border: #009900 solid 3px;}


/*NAV*/
.menu_main {position: relative;font-size:90%;padding:1em 0 0 0; font-weight:bold;z-index: 999;}
.menu_main ul {position:relative;width: 90%;text-align: left;margin: 0 auto;z-index:9999;
}
.menu_main li { display:block; padding:10px 0 13px 0; text-align:left;}
.menu_main li.active {text-decoration:none;color:#386b9b;background:url(../images/nav_arrow.png) no-repeat 12% 0px; *background:url(../images/nav_arrow.png) no-repeat 12% 0px;}
.menu_main {position: relative;	background-color: #669900;}
.menu_main {background: #669900;padding: 0.5em;	letter-spacing: 0.1em;	text-transform: uppercase;	margin: 0;}
.menu_main li {display: inline;}
.menu_main a {color: #FFF;padding:.3em 1.2em 0 1.2em;	position: relative;	z-index: 1; text-decoration:none;}
.menu_main a:hover {color:#e5eef6; text-decoration:underline; }
.menu_parent ul { display:none;}
.link_nav {display:none;color: #fff;background:#339999; text-align:left;text-decoration:none;}
.link_nav:after { content:"▼";}


/* NAV-DROPDOWN */
.menu_main li {position:relative;}
.menu_main li ul { display:none; background:#9bd;   text-align:left; width:12em;  font-size:80%; margin-left:-10px; padding:5px; position:absolute; left:10px;; -webkit-box-shadow:rgba(0,0,0,0.5) 0px 4px 6px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 4px 6px;box-shadow:gba(0,0,0,0.5) 0px 4px 6px; }
.menu_main li ul li { display:block; margin:0;line-height:1.1; padding:5px 0; border-bottom:#cde solid 1px;}
.menu_main li ul li.last{border-bottom:none;}
.menu_main li ul a{ display:block; padding:3px;}
.menu_main li ul a:hover{ background: #6699cc;}
.menu_main li:hover ul {display:block;position:absolute;right:-1em;top:100%;}
.menu_parent ul { display:none;}
.link_nav {display:none;color: #fff;background:#669900; text-align:left;text-decoration:none;}
.link_nav:after { content:"▼";}



 
@media only screen and (max-width:480px) { /* Smartphone custom styles */
.mobile-hidden {display:none;}
.menu_main > ul {border-bottom:1px solid #9bd; background:#386b9b;}
.menu_main li ul,.menu_main li:hover ul {display:block;position:static;background:#339999;padding:0;border:0;text-align:left;width:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:auto;}
.menu_main li{display:block;text-align:left;width:auto;margin:0;padding:0;border:1px solid #666;border-bottom:0;line-height:1.2;}
.menu_main li:hover{background:#9bd;}
.menu_main li.active:hover{background:transparent;}
.menu_main li li {border:0;border-top:1px solid #666;line-height:1.2;background:#9bd;}
.menu_main li a,.menu_main li ul a {display:block;padding:12px;margin-right:30px;}
.menu_main li ul a {padding-left:26px;}
.menu_main li ul a:hover {background:transparent;}
.menu_main li ul ul a {padding-left:36px;}
 a.link_nav {display:none;}
.js a.link_nav {display:block;}
.js .menu_main ul, .js .menu_main li:hover ul  {display:none;}
.js .menu_main ul.menu_expanded,
.js .menu_main li:hover ul.menu_expanded {display:block;}
.menu_parent:after {content:"▼";position:absolute; right:10px;top:0.9em;color:#efefef;}
a.link_nav {background-color:#669900 !important;}
.menu_parent_exp:after {content:"▲";}}
.breadcrumbs{display:none;}


/* jQuery lightBox plugin */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 2000;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 2500;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 50%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}
.thumbnail{float: left;width: 20%; margin:0;}

.thumbnail_sq{width: 60%;margin: 0 auto;height: auto;overflow: hidden;}
.thumbnail_33{float: left;width: 33%;}
.thumbnail_25{float: left;width: 25%;}
.thumbnail_20{float: left;width: 20%;}





/*======BUTTONS=======*/
.button {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background-color: #386b9b;border:#6699CC solid 1px; color:#fff; width:35%; padding:0 1%;}
.button p{color:#fff;}
.button a{color:#fff;}
#book {position:absolute;width:114px;height:34px;z-index:1;	left: 1005px;top: 507px;}
.book {	height:26px; margin:10px 0 0 0;}

.book_button{float: right;width:114px;height:26px;}
.ride {height:18px;	float:left;	padding:8px 0 0 0;}
.book-now_b{display: block; width:114px;height:28px; background-color: #ffcc66; color:#fff; font-weight:700; text-transform:uppercase; padding:10px 0 0 10px;}
.book-now_b:hover{background: url(../images/booknow_button.png) no-repeat 0 -28px;}
#book-now_b span{position: absolute;top: -999em;}
.email_button{	float:left;	width:55px;	height:53px;margin: 5px 10px 7px 0;}
#email_b{display: block; width:55px;height:53px; text-indent:-9999px;background: url(../images/email_icon.png) no-repeat 0 0; margin-top:}
#email_b:hover{background: url(../images/email_icon.png) no-repeat 0 -53px;}
#email_b span{position: absolute;top: -999em;}
.status_button{width:175px;height:26px; margin:0 auto;}
.status_b{display: block; width:175px;height:28px; text-indent:-9999px;background: url(../images/trainstatus_button.jpg) no-repeat 0 0;}
.status_b:hover{background: url(../images/trainstatus_button.jpg) no-repeat 0 -28px;}
.status_b span{position: absolute;top: -999em;}

.tw_status_button{width:175px;height:26px; margin:10px auto;}
.tw_status_b{display: block; width:175px;height:28px; text-indent:-9999px;background: url(../images/twitterstatus_button.jpg) no-repeat 0 0;}
.tw_status_b:hover{background: url(../images/twitterstatus_button.jpg) no-repeat 0 -28px;}
.tw_status_b span{position: absolute;top: -999em;}

/*=========== Schedules==============*/
/* The important stuff */
.table-container{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 900px){
    .table-container {
    	overflow: visible;
    }
}
.responsive {border-collapse: collapse; }
.responsive td {border: 1px solid #386b9b;font-size: 80%; text-align:center }


.responsive2 {border-collapse: collapse; width: 100%; }
.responsive2 td {border-bottom: 1px solid #386b9b;font-size: 100%;  color:#005843; font-weight:bold; text-align:center;}
.responsive2 th {text-align:center;}

.cascades {background:#e1f8b2;}
.thru {background:#fff;}
.thru_c {background:#fff;}
.coast {background:#f2f6fa;}
.empire {background:#f2f6fa;}
.first {background: #fff;color: #005843;border: 1px solid #004733;text-align: center;text-transform: uppercase;font-weight: normal;vertical-align: text-top;font-size: 80%;} 
.coasthead {background: #99cccc;color: #FFF;border: 1px solid #004733;text-align: center;font-size: 80%;text-transform: uppercase;font-weight: normal;}
.city {	border-collapse: collapse;width: 100%; border:none;}
table th { font-weight: bold; }
table td, table th { padding: 3px;text-align: left; }
.slide-out-div {width:100%;padding: 20px;}  


/*#block-block-80 {
    overflow: visible;
    z-index: 100;
}
#block-block-80 .slide-out-div.open {
    background: url("/sites/all/themes/downeaster/images/DE_farefinder-form.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    height: 420px !important;
    z-index: 100;
}
#block-block-80 .slide-out-div {
    width: 423px;
    z-index: 100;
}
table#farefinder {
    margin-top: 40px;
}
table#farefinder tbody {
    border: medium none;
}
#block-block-80 .cds_ff_outer {
    padding-left: 0;
}
#block-block-80 .cds_ff_outer form {
    height: 320px;
    margin-top: 20px;
}
#block-block-80 .cds_ff_trip_type, #block-block-80 .cds_ff_origin, #block-block-80 .cds_ff_destination, #block-block-80 .cds_ff_depart_date_1, #block-block-80 .cds_ff_depart_time_1, #block-block-80 .cds_ff_passengers_with_disability {
    padding-top: 10px;
}
#block-block-80 .cds_ff_submit input {
    bottom: 9px;
}*/   



/*FOOTER*/
.footer {padding-top:2em; padding-bottom:3em; position:relative; margin-top:-8em; /* negative value of footer height */ height:3em; clear:both; color:#666;	background:#333;
background-size:20px auto;-webkit-box-shadow:#000 0 10px 42px -10px inset;-moz-box-shadow:#000 0 10px 42px -10px inset;	box-shadow:#000 0 10px 42px -10px inset;} 
.footer_default {
	padding-top: 2em;
	padding-bottom: 12em;
	position: relative;
	margin-top: -3em; /* negative value of footer height */
	height: 21em;
	clear: both;
	color: #666;
	background: #333;
} 
.copyright {width: 49%;	margin: 0 auto;font-size:0.9em;}
.copyright p {text-align:center;line-height:1.5;}
.menu_bottom {width:50%; float:right;text-align:right; margin:0; padding:0;}
.menu_bottom li {display:inline-block; padding:0; margin:0 5px 0 0;}
.menu_bottom li a,.menu_bottom li a:visited {color:#ccc;}
.menu_bottom li a:hover {color:#fff;}
.menu_bottom li.active,.menu_bottom li.active a {color:#fff;text-decoration:none;cursor:default; background:none;}

/*TABLE*/
.table { margin:0 auto; font-size:95%;}
.table th {padding:5px 7px;font-weight:bold; text-transform:uppercase; color:#fff;text-align:left;font-size:1.2em; background-color:#339999;}
.table tr {border-bottom:1px solid #ddd;}
td.ealr{background-color:#f4f9f9; padding:0 0 0 5px;}
.table tr:last-child { border:0;}
.table a {color:#339999;}
.table a:hover {color:#999999;}
.table a:visited {color:#333333;}
/*! 
.table td {padding:5px 7px;}
*/
table.responsive.nested {width: 90%;margin: 0 auto;}

/*=========STATION PAGES=============*/
.time{font-size: 13px;	color: #000;	font-weight: bold;	margin: 0 auto;	margin-right: 0px;	text-transform: uppercase;}
.time a { display:inline;}
.frm {font-size: 80%;color: #000;font-weight: bold;	margin: 0px;}
.frmferry {font-size:85%;color:#000;font-weight:bold;text-align:right;margin-right: 20px;}
.sub{border-bottom: 2px solid #fff;	border-top: 1px solid #005843;	border-left: 0;	border-right: 0;margin: 5px auto;}
.sub2{border-bottom: 2px solid #fff;	border-top: 1px solid #669900;	border-left: 0;	border-right: 0;margin: 5px auto;}



.busicon {float: left;margin: 10px 10px 0 10px;}
.taxiicon {float: left;margin: 15px 10px 0 10px;}
.pedicon{float: left;margin: 10px 10px 0 15px;}
.icontext{float:right; width:120px;}

/* Ryan */
#slideshow {margin:5px 0;}

@media only screen and (max-width:1200px) and (min-width:961px){
	.search {display: inline-block;width: 245px;margin: 0;padding: 10px 0 0 0;vertical-align: top;}
	.search form input[type=search] {width:75%}
	.social {display: inline-block;width: 315px;margin: 0;padding: 8px 0 0 5px;vertical-align: top;}
	.social p {text-align:right;}
	.menu_main ul {width:98%;}
}

/* Station page heading and table */
h2.getting_around_heading {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 0.5em 0;
	padding: 0.25em 0.5em 0.5em 0.5em; 
	font-size: 1.2em;
	text-transform: uppercase;
	color: #366092;
	border-bottom: 1px solid #fff;
}

h3.getting_around_heading {
	width: 100%;
	box-sizing: border-box;
	margin: 1.5em 0 0.5em 0;
	padding: 0.5em;
	text-transform: uppercase;
	color: #fff;
	background-color: #8db3e2;
}

.station_table {
	width: 100%;
	box-sizing: border-box;
	margin: 1.5em 0;
    border-collapse: collapse;
}

.station_table.two_col {
	width: 66%;
	margin: 1.5em 0;
    border-collapse: collapse;
}

.station_table th,.station_table td {
	border: 1px solid #fff;
}

.station_table th {
	padding: 0.5em;
	text-align: center;
	color: #fff;
	background-color: #8db3e2;
}

.station_table td {
	padding: 0.5em;
	text-align: left;
	color: #182f44;
}

/* Tablet */
@media only screen and (max-width:960px){
.col_25,.col_33,.col_66,.col_50,.col_75, .col_80, .col_20 {width:98%;float:none;}  
#open-navigation {line-height: 30px;display:block;cursor: pointer;position: relative;font-size: 12px;	font-weight: bold;width: 100%;text-align: left;} 

.header {margin-bottom:0;padding-bottom:1em;}

.search {display:inline-block;float:none;width: 265px;max-width: 32%;margin: 0 0 2% 0;vertical-align: top;}
input[type=search] {width: 100%;}
input[type=search]:focus {width:100%;}
.social {display:inline-block;float:none;width: 320px;max-width: 60%;margin: 0 auto;padding: 12px 0 0 0;vertical-align: top;}
.social p {margin-left:0;text-align:left;}

.menu_main {width:100%;text-align:center;float:none;padding:0;margin:0;border:none;}
.menu_main a:not(.link_nav) {display:inline-block;padding:7px;}
.menu_main ul:not(.menu_expanded) {width:98%;}

.copyright {width:100%;float:none;text-align:center;}
.footer {padding-bottom:0;}
.menu_bottom {margin:1em 0 1em 0!important;}  
.menu_bottom {width:100%;float:none;text-align:center;margin:1em 0 0 0;padding:0;}  
.menu_bottom a {display:inline-block;padding:6px;}
table.responsive { margin-bottom: 0; }
	
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }

div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	

table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
table.responsive.nested th:first-child, table.responsive.nested td:first-child, table.responsive.nested td:first-child { display: table-cell; }
}

@media only screen and (max-width:480px) { /* Smartphone */
article.article {padding-left:0;}
.col_50,.col_66,.col_100 {width: 100%;}
.search {display:block; float:none; width:90%; max-width:none; margin:0 0 1% 0;}
input[type=search] {width: 100%;}
input[type=search]:focus {width:100%;}

.routemap {display:none;}
.social {display:none;}
.social_text{}
.social_icons{}
.breadcrumbs{display:none;}
.header {margin-bottom:0;padding-bottom:1em;}
.logo{display:block;float:none;text-align:center;}
.menu_main {width:100%;text-align:center;float:none;padding:0;margin:0;border:none;}
.menu_main a {display:inline-block;padding:7px;}
.menu_main a:hover {text-decoration:none;}
.copyright {width:100%;float:none;text-align:center;}
.footer {padding-bottom:0;}

footer div.ptxl {padding-top:0;}

.menu_bottom {margin:1em 0 1em 0!important;}  
.menu_bottom {width:100%;float:none;text-align:center;margin:1em 0 0 0;padding:0;}  
.menu_bottom a {display:inline-block;padding:6px;}

.coast p strong span {display:none;}
.coast p strong:after {content:"Coast Starlight to LA ";}

.station_table.two_col {width: 100%;}
} 
