/* Generic Levin image replacement -  
   http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position: relative; 
	margin: 0px; 
	padding: 0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
}

.replace span
{
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/ 
}

#account ul li,
#header ul li,
#nav ul li,
#ftOptions ol li
{
	list-style: none;
}

#account ul,
#header ul,
#nav ul
{
	margin: 0;
	padding: 0;
}

#faresAndRoutes table {
    margin: 0;
}

th.ascending
{ background: #9f9989 url(../../Images/th-ascending.jpg) right center no-repeat; }

th.descending 
{ background: #9f9989 url(../../Images/th-descending.jpg) right center no-repeat; }

#header p {
	margin-bottom: 0;
}

#searchAndFilter p,
#searchAndFilter li {
	font-size: 1.1em;
	padding: 0;
	margin-bottom: 1.1em;
}

#searchAndFilter ul li {
	font-size: 0.785em;
	padding: 0;
	margin-bottom: 0.785em;
	list-style: none;
}

/*	Site Default Styles		*/
#wrap, #doc
{
  font-size: 1em;
  width: 963px;
  margin: 0 auto;
  text-align: left;
}

.col 
{
  float: left;
  margin-right: 10px;
}

.last   { margin-right: 0; }
.gutter { margin: 10px; }
#fat .gutter { margin: 0;}

#purchase { display: none; }

#purchase .gutter { margin: 0; }

.panel {
	float: left;
	background: #e5e0dc url(../../Images/div-direction.jpg) bottom left repeat-x;
}

#faresAndRoutes .panel {
	float: none;
	background: none;
}

#outboundJourney, #returnJourney { 
    background: #e6e1dd;
    min-height: 423px;
    visibility: hidden;
    padding-top: 10px;
    width: 317px;
}

#testbed #outboundJourney, #testbed #returnJourney { width: 100%; min-height: 1%;}

#outboundJourney .dataGrid, #returnJourney .dataGrid { 
    visibility: hidden;
}

#faresAndRoutes {
	width: 328px;
	background: #aaa297;
	min-height: 433px;
}

#returnJourney .gutter, #outboundJourney .gutter { margin: 0; }

.price { float: none; width: auto; }
#searchAndFilter td.price,
#searchAndFilter th.price
{ text-align: right; }

.ui-datepicker-title {
	font-weight: bold;
	font-size: 1.2em;
}

#searchAndFilter h3 {
	font-size: 1.8em;
	margin-bottom: 0.555em;
	margin-top: 0;
	padding: 0;
	color: #6a6350;
	line-height: 1;
}

#searchAndFilter h3 span {
    color: #DA0046; 
    float: none;
	border: 0;
	width: auto;
	color: #DA0046;
}

#searchAndFilter .journeys h3 { 
    margin: 0 24px 0.555em 24px;
}

#searchAndFilter .journeys p { 
    margin-left: 24px;
    margin-right: 24px;
}

#searchAndFilter table { 
	margin-bottom: 1em; 
	width: 100%; 
	border-spacing: 0;  
	border-collapse: collapse;
}

#searchAndFilter table th,
#searchAndFilter table td {
	border: 0;
    line-height: 2;
    font-size: 1em;
}

#searchAndFilter table th {
	background: #9f9989;
	text-align: center;
    color: White;
    padding: 0 10px 0 5px;
    font-weight: bold;
    padding: 0; 
}

#searchAndFilter table td { 
	background: url(../../Images/td-journey.jpg) 0 -50px repeat-x; 
	font-weight: normal;
	padding: 0 5px 2px 5px;
	text-align: center;
	line-height: 3.5;
    cursor: pointer;
}

#searchAndFilter table th {
	padding: 0 5px;
}

#searchAndFilter table th.ascending 
{ background: #9F9989 url(../../Images/th-ascending.jpg) right center no-repeat; }

#searchAndFilter table th.descending 
{ background: #9F9989 url(../../Images/th-descending.jpg) right center no-repeat; }

#searchAndFilter tr.associated td 
{ 
    background: url(../../Images/td-journey.jpg) 0 0 repeat-x; 
    color: #DB0047;
}

#searchAndFilter tr.focus td,
#searchAndFilter tr td.focus,
#searchAndFilter table tr.selected td,
#searchAndFilter .fares table tr td.selected  {
    background: url(../../Images/td-selected.jpg) bottom left repeat-x;
    color: #fff; 
}

#searchAndFilter tr.focus td a,
#searchAndFilter tr.selected td a { color: #fff; }

#faresAndRoutes .fares table {
	width: 100%;
	border-collapse: separate; 
	border-spacing: 2px 0;
}

#faresAndRoutes .fares th { 
    font-size: 1.4em;
    color: White;
    font-weight: bold;
    background: none;
    display: none;
}

#faresAndRoutes .fares td {
	background: url(../../Images/td-default.jpg) bottom left repeat-x;
	color: #db0047;
	padding: 0 5px 2px 5px;
	overflow: hidden;
	font-weight: bold;
	font-size: 1.1em;
	width: 50%; 
	border: 0;
	cell-spacing: 0;
}

.fares td span {
	display: block;
	line-height: 3.5em;
	float: left;
}

.fares th span { color:  #DA0046;}

.fares td .price { float: right; }

.routes li.selected a,
.selected {
	font-weight: bold;	
	background: url(../../Images/td-dpselected.jpg) top left repeat-x;
	color: #fff; 
}

li.selected { background: none; }

#faresAndRoutes .associated {
    color: #db0047;	
	font-weight: bold;   
}

#faresAndRoutes .fares td.associated 
{ background: url(../../Images/tr-associated.jpg) bottom left repeat-x; }

#searchAndFilter .fares td.focus  {
    background: url(../../Images/td-selected.jpg) bottom left repeat-x;
    color: #fff; 
}

.datePicker { margin-bottom: 1em; width: 193px;}

/*
.ui-datepicker {
	padding-bottom: 2em;
	position: relative;
	height: 1%;
}

.datepicker { background: #E5E0DC; }

.datepicker table {
	margin-bottom: 0;
}

.datepicker table td,
.datepicker table th {
	font-size: 1.1em;
	font-weight: bold;
}

.datepicker table td { 
	padding: 0; 
	background: #efeeec; 
}

.datepicker table th { 
	background: #cfcac4; 
	text-align: center; 
}

.datepicker table td a,
.datepicker table td span
 {
	width: 43px;
	text-align: center;
	display: block;
	padding: 2.17em 0 0.5em 0;
	background: url(../../Images/td-datepicker.jpg) 0 0 repeat-x;
}

.datepicker table td span {
	background: #e4e0dd;
	color: #989898;
}

.datepicker table td a.hotday {
	background: url(../../Images/td-datepicker.jpg) 0 -55px repeat-x;
}

.ui-datepicker-title {
	color: #DB0047;
}

.datepicker table td a.ui-state-highlight {
	font-weight: bold;
	font-size: 1.4em;
	padding: 1.30em 0 0.35em 0;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	font-weight: bold;
	display: block;
	position: absolute;
	bottom: 0.5em;
}

.ui-datepicker-next { right: 10px; }
.ui-datepicker-prev { left: 10px; }

.datePicker  th { background: none; }


table.ui-datepicker-calendar {border-collapse: separate; border-spacing: 2px;}

.ui-datepicker-header {
	padding: 0 10px;
}

.datePicker { margin-bottom: 1em; }

*/

#faresAndRoutes .header {
	margin-bottom: 1em;
	position: relative;
}

#faresAndRoutes h3,
#faresAndRoutes h4,
#faresAndRoutes li,
#faresAndRoutes p {
	color: #fff;
	padding: 0;
}

#faresAndRoutes .fares {
    position: relative;   
}

#faresAndRoutes .fares h3 {
	margin-right: 10px;
}

#faresAndRoutes .fares p.msg {
    position: absolute;
    top: 0.3em;
    right: 0;    
}

#faresAndRoutes h4 {
	margin-bottom: 0.741em;
}

#faresAndRoutes h4.outbound {
	padding-left: 25px;
	background: url(../../Images/h4-direction.jpg) center left no-repeat;
}

#faresAndRoutes h4.return {
	padding-right: 25px;
	background: url(../../Images/h4-direction.jpg) center right no-repeat;
}

#faresAndRoutes .advance ul {
	padding: 0;
}

#faresAndRoutes .advance li {
	font-size: 0.785em;
	line-height: 1.4;
	list-style: none;
}

#faresAndRoutes .header p {
	margin-left: 10px;
}

#searchAndFilter .routes ul { margin: 0; padding: 0; }

#searchAndFilter .routes li {
    list-style: none;
	display: block;
	background: url(../../Images/tr-associated.jpg) bottom left repeat-x;
	padding: 5px;
	color: #DB0047;
	cursor: pointer;
}

.routes li span {
	display: block;
    float: left;
    font-weight: bold;
}

.routes li span.price {
    float: right;
}

.routes li span.total {
    clear: both;
    font-weight: normal;
}

.tip {
	background: url(../../Images/tip.png) bottom left no-repeat;
	color: #fff;
	position: absolute;
	padding: 0.5em 0 1.5em 0;
	width: 60px;
	text-align: center;	
}

.tagline {
   
}

h2#tickets, h2#tickets span {
    width: 320px;
    height: 22px; 
}

h2#tickets span {
    background: url(../../Images/tickets.jpg) bottom left no-repeat;   
}

.status {
    background: #AAA296 none repeat scroll 0 0;
    border-top: 1px solid #D3CBC1;
    color: #FFFFFF;
}

.status .content {
    background: #BAB2A9 none repeat scroll 0 0;
    padding: 5px 0 0 0;
    min-height: 139px;
}

#purchase p {
    font-size: 1.4em;
    line-height: 1;
    margin-bottom: 0.714em;
    float: right;
    width: 83px;
    text-align: center;
}

.status p span {
   color: #DA0046;
}

.head .next, .head p, .foot .previous, .foot p 
 {
    float: left;
    line-height: 1.4;
    padding: 0 10px;
    color: #DA0046;
}

.head .previous, .foot .next {
    float: right;
}

#searchAndFilter .head p {
    margin-bottom: 0;
}

#fat #ftComingTimes p,
#fat #ftGoingTimes p
{
    margin-bottom: 1em;
    font-size: 1em;
}

#fat #ftComingTimes h4, 
#fat #ftGoingTimes h4 
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
    font-weight: bold;
}

#fat .quickDates 
{
    background: #26000d; 
    width: 193px;
    position: relative;
    left: -10px;
    padding: 5px 10px;
    margin-bottom: 1em;
    font-size: 1em;
}


#fat .quickDates li {
    float: none;
    height: auto !important; 
    padding: 0 !important;
    margin: 0 !important;
    line-height: 2;
}

#ftGoingTimes fieldset,
#ftComingTimes fieldset 
{
    background: none; 
    padding: 0; 
    border: 0; 
    margin-bottom: 1em;
}

#ftGoingTimes fieldset input,
#ftGoingTimes fieldset label,
#ftComingTimes fieldset input,
#ftComingTimes fieldset label   
{
    float: left;      
}

#fat #ftComingTimes fieldset label,
#fat #ftGoingTimes fieldset label  
{
    font-size: 1em;
    font-weight: normal; 
    line-height: 2;  
    margin-right: 5px;   
}

/*#preferences .panel h3 span { color: #DA0046; }*/

#purchase .ticket, #purchase .price {
    padding-top: 10px; 
    padding-bottom: 10px; 
    float: left;
}

#purchase .ticket {
    width: 820px;
}

#purchase .price {
    width: 83px;
    margin-right: 24px;
    float: right;
}

#purchase td, #purchase th, #purchase caption {
    font-size: 1.4em;
    line-height: 1.4;
    padding: 0 5px;
}

#purchase th {
    width: 7em;
}

#purchase .btnPurchase {
    float: right;
    clear: right;
    width: 83px;
    height: 35px;
    background: url(../../_SiteImages/Template/btnPurchase.gif) left top no-repeat;
    overflow: hidden;
    text-indent: -9999em;
    display: block;
    border: none;
    margin: 13px 0 0;
    cursor: pointer;
}

#purchase .price p {
    text-align: center;   
}

.utils {
    background: #edecea;       
}

#fat .utils .section {
    background: #fff; 
}

.utils h3 {
    color: #DA0046; 
    float: left;   
    line-height: 2;   
    margin: 0 24px; 
    font-weight: bold; 
}

.utils ul {
    width: 50%; 
    float: right; 
    margin: 0 24px; 
    font-weight: bold;      
}

.utils ul li {
    float: right; 
    line-height: 2; 
    margin-left: 40px;        
}

.wrap {
    padding-top: 10px;
    background: url(../../Images/slider-guide.gif) center top no-repeat;
    margin-bottom: 1em;
}

.slider {
    border:1px solid #a6aaab;
}


.wrap .ui-slider .ui-slider-handle {
    width: 15px;
    height: 16px;
    background: transparent url(../../Images/slider-handle.gif) left center no-repeat;
    border: none;
    top: -5px;
}

.wrap a:active, .wrap .ui-state-focus, .wrap .ui-state-active, .wrap .ui-state-hover  {
    background: transparent url(../../Images/slider-handle.gif) left center no-repeat !important;   
}

#fat #purchase fieldset {
    padding-top: 10px;
    padding-bottom: 10px;    
}

#fat #purchase table {
    width: 800px;
    float: left;   
}

#faresAndRoutes .routes,
#faresAndRoutes .advance
{ display: none; }

#fat #purchase table caption { font-weight: bold; }

.search .panel {
    min-height: inherit;
}

.search .slider {
    width: 188px;
    background: none !important;
    border: none !important;
}

.quickDates li {
    line-height: 1;
}
.scale {
    height: 1em;
    overflow: hidden;
    padding-bottom: 5px;
}

#fat .search {
    position: relative;
    z-index: 100;
}

#content .unassociated td {
    background: none;/*#efefef;*/
    font-weight: normal;
    color:  #bebab3;
}

#content .associated td {
    background: #fff;
    font-weight: bold;
} 

#content td {
    border-bottom: solid 1px #efefef;
}  
 

#content table td {
    padding: 2px 5px;
}

.dataGrid .head, .dataGrid .foot { padding: 0 10px;}

#outboundJourney h3,
#returnJourney h3
{ padding: 0 10px;}

.date .ui-state-highlight, 
.date .ui-widget-content, 
.date .ui-state-highlight {
    border: 0;
}