@import url("journeysummary.css");  /* Header */
/* Best Fare Finder core styles 

1. Metastyles
1.1 Hidden items

2. Core layout

3. BFF UI elements
3.1 Colours
3.2 Buttons
3.3 Pop-up module
3.3.1 Pop-up elements

*/

/* 1. Metastyle */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 73%;
	margin: 0;
}

img {
	border-width: 0;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.2;
}

table {
	font-size: 1em;
	margin: 0 0 10px 0;
}

th, 
td {
	text-align: left;
	vertical-align: top;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
}

legend {
	margin: 0 0 10px 0;
}

select {
	font-size: 100%;
	vertical-align: middle;
}

input {
	font-size: 100%;
	vertical-align: middle;
}

textarea {
	font-size: 100%;
	overflow: auto;
}

abbr {
	visibility: hidden;
}

select, 
textarea {
	font-size: 100%;
}

h3 input {
	font-size: 80%;
}

h2 {
	font-size: 160%;
}

h3 {
	margin: 0;
	padding: 5px 0;
	font-size: 130%;
}

.homepage-text h3 {
	background:url(../../img/BFF_logo.gif) no-repeat -15px 0;
	padding:15px 0 60px 95px;
}

th {
	font-weight: bold;
}

/* 1.1 Hidden items */

h.blank span, 
div.getting-journey span.total, 
div.panel-hider, 
a.hover-popup span.hover-popup, 
.topaz-notifier {
	display: none;
}

/* 2. Core layout */
#master {
margin:auto;
width:83em;
}
#dnn_NavigationPane {
	margin: 0 auto;

	padding:10px 20px 0;
	/*width:958px;*/
	max-width: 99%;
	
	line-height:normal;
}

#dnn_NavigationPane .inner {
	overflow: hidden;
	position: relative;
}

#main {
	clear: both;
	height: 1%;
	background-color:#fff;
	padding: 0 0 2em 0;
	position: static;
	text-align: left;
}

#body_wrapper {
	zoom: 1;
}

#dnn_ContentPane {
	float: left;
	width: 59.4em;
	padding: 10px 0 0 20px;
}
#dnn_RightPane {
	float: left;
	padding:0 8px;
}
#main:after, 
#body_wrapper:after,
#dnn_NavigationPane .inner:after, 
.bottom:after, 
.buttons-row:after, 
.search-buttons-row:after  {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* 3. BFF UI elements */

a.close-dialog:hover {
	background-position: 100% 100%;
	color: #fdb813;
	text-decoration: none;
}

table.monthview td, 
table.monthview th {
	text-align: center;
	vertical-align: middle;
}

h4, 
.sidebar h3, 
.selected-journey h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 115%;
}

div.form-row, 
div.form-checkbox-row, 
div.buttons-row, 
div.popup-row, 
div.please-wait, 
div.search-row, 
div.search-buttons-row {
	padding: 5px;
}

div.form-row, 
div.buttons-row {
	width: 363px;
}

div.search-row, 
div.form-checkbox-row, 
div.search-buttons-row {
	width: 300px;
}

div.form-row label, 
div.search-row label {
	clear: both;
	display: block;
	float: left;
	margin-top: 3px;
	width: 100px;
	text-align: right;
	padding: 0 5px 0 0;
	font-weight: bold;
}

div.search-row select {
	width: 190px;
}

div.validator select.wide {
	width: 270px;
}

div.form-row select.narrow {
	width: 100px;
}

div.search-row input {
	width: 100px;
}

div.form-row input, 
div.form-row textarea {
	width: 236px;
}

div.form-checkbox-row input, 
div.form-checkbox-row a {
	margin-left: 105px;
}

div.please-wait {
	text-align: center;
}

div.please-wait img {
	margin: 0 auto;
	display: block;
}

div.buttons-row, 
div.search-buttons-row {
	text-align: right;
}

div.buttons-row div.button, 
div.search-buttons-row div.button {
	float: right;
	margin-left: 5px;
}

div.select-your {
	padding: 5px;
}

div.select-your h2, 
div.weekview-header h3 {
	float: left;
	margin: 0 15px 5px 0;
}

div.weekview {
	margin-bottom: 2em;
	clear:both;
	width:57em;

}
/*
div.sidebar {
	width: 99%;
	border: solid 2px transparent;
	border-bottom: none;
	float:none;
}

div.sidebar-master {
	width: 194px;
	float: right;
}

div.sidebar h2 {
	font-size: 130%;
	margin: 0;
	padding: 5px;
}
*/


div.weekview-buttons {
	clear: left;
	overflow: hidden;
	position: relative;
	padding: 0 0 0 90px;
}


div.footnote {
	clear: both;
	padding: 5px;
}

div.bottom {
	padding: 5px;
	position: relative;
	height: 1.8em;
}

div.days {
	padding: 5px;
}
/*
div.selected-journey, 
div.total {
	padding: 0.3em;
	margin: 0;
	border-bottom: solid 2px transparent;
}

div.total {
	position: relative;
}

div.selected-journey {
	padding-bottom: 0;
}
*/

table.weekview, 
table.journeys {
	border-collapse: collapse;
}

table.weekview {
	clear: both;
	margin: 5px 0;
}

table.journeys {
	margin: 5px;
}

table.weekview th, 
table.weekview td {
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

table.journeys th, 
table.journeys td {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

table.journeys th.station, 
table.journeys th.ticket {
	width: 185px;
}

table.journeys th.changes, 
table.journeys th.fare {
	width: 50px;
}

table.journeys th.lastchecked {
	width: 100px;
}


table.journeys td.fare {
	font-weight: bold;
}


table.weekview th.row{
	font-weight: normal;
	width: 9em;
}
table.weekview th{
	font-weight: normal;
	width: 6.8em;
}

table.weekview th input {
	font-weight: bold;
}

table.weekview th.col, 
table.journeys th.col {
	border-left: solid 1px gray;
	border-right: solid 1px gray;
}

table.weekview th.row, 
table.journeys th.row {
	border-bottom: solid 1px transparent;
	border-top: solid 1px transparent;
}

table.weekview th.row {
	padding: 10px 0;
}

table.weekview th.row, 
table.weekview th.top-row {
	text-align: left;
}

table.journeys td, 
td.weekview-day, 
td.weekend,
td.monthview-day, 
td.monthview-weekend, 
td.finding-tickets, 
td.past-date, 
td.error-finding-tickets {
	border: solid 1px white;
}

td.monthview-other {
	border: solid 1px white;
}

td.weekview-day, 
td.past-date {
	height: 40px;
}

span.monthview-fare {
	margin-top: 2px;
}

td.monthview-day, 
td.monthview-other {
	padding: 5px;
}

td.monthview-day a, 
td.monthview-day span, 
td.monthview-weekend a, 
td.monthview-weekend span, 
td.monthview-other a, 
td.monthview-other span {
	display: block;
}

td.monthview-viewweek, 
td.monthview-day a, 
td.monthview-other a {
	font-size: 85%;
}

.monthview-title td {
	font-weight: bold;
	text-align: left;
	font-size: 110%;
}

table.weekview th span {
	display: block;
}

#main th.blank, 
#main td.tdbutton {
	background: none;
	border: none;
}

/*
table.weekview th.highlighted-date {
	border-top: solid 4px transparent;
	padding-top: 1px;
}

table.weekview td.highlighted-date-bottom {
	border-bottom: solid 4px transparent;
	padding-bottom: 1px;
}
*/

#sub_banner .qh_box_body{
	margin-bottom:1em;
	overflow:hidden;
	padding:1px 0 0;
}

#sub_banner .qh_box_body .left {
	padding-left: 4px;
}

table.weekview td.highlighted-date-time {
	font-weight: bold;
}

th.blank {
	border: none !important;
	background-color: transparent !important;
}

table.weekview th.blank span {
	display: block;
	position: absolute;
	left: -9999px;
}

table.weekview td.past-date {
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

table.weekview span.ticket-selector input, 
img.loading {
	display: block;
	margin: 0 auto;
}

span.fare {
	font-weight: bold;
}

span.please-select {
	display: block;
	margin-bottom: 5px;
}

div.getting-journey-loading img {
	margin-right: 5px;
	vertical-align: middle;
}

div.popup-row {
	padding: 5px;
}

span.next {
	position: absolute;
	top: 5px;
	right: 5px;
}

.next input {
	width: 5.5em !important;
}

table.weekview td.cheapest label {
	padding: 0 6px;
}

div.centred {
	text-align: center;
}

.calendar .ajax__calendar_active, 
a.hover-popup span.hover-popup {
	border: 1px solid #000;
}

.calendar .ajax__calendar_container {
	border: 1px solid #000;
	font-size: 110%;
	background-color: #fff;
	z-index: 99999999;
}

.calendar .ajax__calendar_day, 
.calendar .ajax__calendar_dayname {
	font-size: 110%;
}

.calendar .ajax__calendar_footer {
	font-size: 85%;
}

.input-note {
	padding: 0 0 0 100px;
}

.input-note-noindent {
	padding: 0;
	display: block;
}

.input-note-noindent, 
.input-note span {
	font-size: 80%;
}

.last-checked {
	display: block;
	font-size: 90%;
}

span.button-narrow input {
	width: 60px;
}

div.weekview-header {
	padding: 5px;
}

div.homepage-text, 
div.search {
	float: left;
	margin: 10px;
}

div.search {
	padding: 5px;
	width: 310px;
}

div.homepage-text {
	width: 380px;
	margin-bottom: 35px;
}

div.homepage-text p, 
div.popup-row p {
	margin: 5px 0;
	line-height: 1.4em;
	padding-left: 15px;
}

.bold {
	font-weight: bold;
}

table.weekview th span.time-description {
	display: block;
}

div.months-loading, 
div.feedback-submitting, 
div.multipletickets-loading {
	height: 100%;
	*padding-bottom: 500px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	text-align: center;
}

div.multipletickets-loading {
	margin-top: 2em;
	padding-top: 20%;
}

div.months-loading div, 
div.feedback-submitting div {
	margin-top: 30%;
}


a.white {
	color: white !important;
}

div.availablerout-row {
	width: 300px;
	margin-bottom: 10px;
	padding: 5px;
}

a.avble_routes {
	color: white !important;
	font-weight: normal;
	padding-left: 105px;
}

.hidden {
	display: block;
	position: absolute;
	left: -999px;
}

a.hover-popup {
	position: relative;
	cursor: help;
}

a.hover-popup span.hover-popup {
	padding: 5px;
	text-decoration: none;
}

a.hover-popup:hover span.hover-popup {
	display: block;
	position: absolute;
	text-decoration: none;
	bottom: 1.2em;
	right: 0;
	margin: 0;
	width: 150px;
	z-index: 100;
}

td.button-container {
	clear: both;
}

.error-content {
	margin: 1.5em;
}

img.error-image {
	margin-right: 0.5em;
}

/* 3.1 Colours */

span.errors, 
.validator, 
td.error-finding-tickets, 
span.error { /* TraCS hook */
	color: #c03;
}

div.legend {
	margin: 2.5px 0 2.5px 0; /*display: none;*/
}

div.legend span.cheap-fare-legend {
	padding: 0 2px 0 2px; /*to be used when cheapest fare legend is not required to display*/
}

.classbutton {
	float: right;
}

/* 3.2 Buttons */

.later-button {
	float: right;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 17px;
	padding-top: 2px;
}

.earlier-button {
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 17px;
	padding-top: 2px;
	padding-right: 5px;
}

/***************************************************************************/
/**SUBMIT BUTTON****************************************************/

span.main_action {
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 13px;
	display: block;
}

span.main_action input, 
span.main_action a {
	background-position: left top;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	height: 29px;
	padding: 0 0 0.4em 0.9em;
}

span.back, 
span.button_minor {
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0 10px 0 0;
	display: block;
	float: left;
	overflow: visible;
}

span.back input, 
span.back a, 
span.button_minor input, 
span.button_minor a {
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
	width: auto;
	border: 0;
	padding: 0 0 2px 9px;
	overflow: hidden;
	height: 21px;
	display: block;
	text-decoration: none;
}

/* 3.4 Journey summary */


/* 3.3 Pop-up module */

div.dialogcontent {
	background-color: #fff;
	border: solid 1px 000;
	overflow: hidden;
	text-align: left;
}

.popup-background {
	background-color: #000;
	filter: alpha(opacity=30);
	opacity: 0.30;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

div.info-popup {
	width: 365px !important;
}

div.narrow-popup {
	/* Relatively arbitrary width */
	width: 45em;
}

div.narrow-popup div.scroller {
	/* Relatively arbitrary height */
	height: 30em;
	overflow: auto;
	padding: 0 !important;
}

div.form-popup {
	width: 440px !important;
}

div.multiplejourneys-popup {
	width: 900px;
}

div.months-popup {
	width: 550px !important;
}

div.search-popup {
	width: 320px;
}

div.userfeedback-popup {
	width: 395px;
}

div.allroutes-popup {
	font-size: 8.75pt;
	width: 400px;
}

.ajax__tab_xp .ajax__tab_body {
	height: auto !important;
}

/* 3.3.1 Pop-up elements */

a.close-dialog {
	background: url(../../img/close.gif) no-repeat 100% 0;
	color: #c03;
	cursor: pointer;
	font-size: .8em;
	height: 16px;
	line-height: 1.6em;
	margin: 2px;
	overflow: hidden;
	padding-right: 20px;
	position: absolute;
	right: 0;
	text-decoration: underline;
	top: 0;
}

a.close-dialog:hover {
	background-position: 100% 100%;
	color: orange;
}

#main div.dialogcontent div.scroller {
	overflow: auto;
	height: 400px;
}

div.search-popup div.top, 
div.userfeedback-popup div.top {
	padding: 5px;
}

div.dialogcontent h3 {
	border-bottom: solid 1px transparent;
	text-align: left;
	padding: 2px 3em 2px 2px; /* 3em, right padding allows for close button */
	margin: 0;
}

div.dialogcontent div.scroller h5 {
	padding: 5px;
	margin: 0;
	border-bottom: solid 2px transparent;
}

div.narrow-popup div.scroller p {
	margin: 5px;
	padding: 0;
}

.all-routes, 
div.allroutes-popup h4 {
	margin: 5px;
}

table.all-routes {
	width:370px;
	border-collapse: collapse;
}

.all-routes td {
	cursor: pointer;
}

.select-your h1{
	float: left;
	margin-right: 2em;
}

ajax__tab_xp .ajax__tab_body {
	height: auto !important; /*inline styles attempt to override height (for no good reason)*/
}

/* 3.4 Journey summary panel */

h2.title {
	font-size: 1.3em;
	
}

#main div.journey_summary div.bordered .total_price,
#main div.journey_summary div.bordered .journey_price {
	margin-top: -1px;
	overflow: hidden;
	padding: 6px 8px .3em;
}

journey_summary .journey_price .js_price {
	float: left;
	font-size: 1em;
	padding-top: .3em;
	width: 45%;
}

.journey_summary .total_price .price {
	font-size: 1.8em;
}

.journey_summary .section_head {
	display: inline;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 0;
}

.journey_summary .journey_price {
	height: auto; /* BFF introduces warning & error messages in this space that would get obscured */
}

.journey_summary .journey_price span.errors {
	clear: both;
}

.journey_summary .journey_price span.errors[class] {
	float: left;
}


/*************

Monthly view
**************/
.monthlyview
{
	float: right !important;	
}
.monthlyview span.first
{
	margin : 5px;
	display : block;
	float : left;
}

.monthlyview span.standard
{
	
	margin: 5px;
	display : block;
}

.class_dropdown
{
	margin : 5px;
	display : none;
}



/***************************************************************************/
/****************Quick Help Box*********************************************/
#dnn_RightPane div.qh_box {
	width: 17.1em;
	margin: 0 0 1em;
}
div.qh_box_head {
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #edf0f5;
}
div.qh_box h2, div.qh_box h3 {
	padding: 5px 5px 0 5px;
	margin: 0;
	font-size: 1.1em;
}
div.qh_box_head h2, div.qh_box_head h3, div.qh_box_head div {
	background-repeat: no-repeat;
	background-position: top right;
}
div.qh_box_head div {
	height: 5px;
}
div.qh_box hr {
	margin: 0;
	background-color: white;
	color: white;
}
div.qh_box_body {
	background: #edf0f5;
	padding: 1px 0 0;
}
div.qh_box_body p {
	padding: 0px 6px 0px 6px;
	display: block;
	vertical-align: top;
	text-align: left;
}
div.qh_box_body ul {
	margin-top: 0;
}
div.qh_box_l_corner {
	background-repeat: no-repeat;
	background-position: bottom left;
	clear: left;
}
div.qh_box_r_corner {
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 0.4em;
}
/***************Important Announcement (based on Quick Help above) *********************************************/
#dnn_ContentPane div.qh_box {
	margin: 0 0 1em;
}

a#eachwayfarelink {
	font-size: 2em;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}

/********************************
	SUB BANNER
*********************************/
#sub_banner {
	clear: both;
	margin-bottom: 0.5em;
}



/**
TEMPORARily HIDDEN
**/
.discount{
display:none;
}
table th.top-row{
/* IA: Am itching to hide this */
/*
visibility:hidden;
*/
}

.classbutton, 
#ctl00_Body_ctlButtonSearchAgain_panDiv { /* search again functionaly identical to back button */
	display: none;
}

.bordered div,
.qh_box, 
.qh_box_body {
	*zoom: 1;
}