@import url('../../../Global/css/popup_calendar.css');
/******************************** 
	MAIN DIVS
*********************************/

body {color:#3F3F3F; line-height:1.7em; background-color:#EFEFEF}

body,select,input,table {font-family:Arial, Helvetica, sans-serif !important}

/*end if whitelabel needs to be centered */
#master {background:url('../images/bg-template-shadow.gif') repeat-y scroll
		center top #fff; padding:0 0.19em 0 0.19em}

#main {}

#main #dnn_ContentPane { /*width:59.5em;*/
	}

/******************************** 
	LOGO
*********************************/
#home_header {display:none}

.header_menu {clear:both; background:#003D9A; border-top:0.13em solid #fff}

#home_header img {float:left; margin-top:0.19em; margin-left:0.7em}
a#dnn_dnnLOGO_hypLogo {background-color:#2E68B8; padding:0.94em 0 1.88em 0.63em; display:block}

/******************************** 
	RIGHT PANEL
*********************************/
div.qh_box_head {background-color:#edf1f2}

div.qh_box_body {background:#edf1f2}

/******************************** 
	HEADERS
*********************************/
h1 {color:#6d1e46; font-size:2.1em; font-weight:normal}

h2,h3,table caption {color:#00347F; font-weight:normal}

h2 {font-size:1.2em}
div.terms h2 {font-weight:bold}
/******************************** 
	LINKS
*********************************/
a {color:#7F2758; text-decoration:underline; font-weight:normal}

a:hover {color:#335f90}

/******************************** 
	FOOTER
*********************************/
div#footer {border-top:#D0E6F0 solid medium; background:#003D9A; padding-top:0.94em; padding-bottom:1.56em}

#footer	ul {padding-top:0em; padding-bottom:1.56em; display:block}

div#footer a {color:#fff; font-weight:normal}

#footer img {margin-top:-1.88em}

/******************************** 
	MAIN NAV
*********************************/
#mainNav {display:none}

#dnn_NavigationPane {text-align:left; border:#fff 0.13em solid; padding:0 !important; width:auto}

.header_menu {height:3em}

#dnn_NavigationPane .header_menu ul {padding:0.63em 0 0.63em 0.63em; margin:0; float:left}

#dnn_NavigationPane .header_menu ul.identifiedUser {float:right}

#dnn_NavigationPane ul li {padding:0 0.8em 0 0.8em; border-right:1px solid #1F4C83; float:left}

#dnn_NavigationPane ul li a {color:#ffffff; font-weight:bold; text-decoration:none}

/******************************** 
	SUB NAV
*********************************/
#dnn_NavigationPane ul.topLinks li.last,#booking_step li.last {border-right:0}

/******************************** 
	Booking Step (Breadcrumb)
*********************************/
#booking_step .Current {font-weight:bold; color:#345E90}

/******************************** 
	ALL THE BUTTONS
*********************************/
div.sub span.main_action INPUT, div.sub span.main_action a, span.main_action INPUT, span.main_action a {background-image:url('../images/button_major_left.gif'); background-color:transparent; color:#FFFFFF}
div.sub span.main_action, span.main_action {background-image:url('../images/button_major_right.gif')}
span.back INPUT,span.back a,span.button_minor a,span.button_minor INPUT {background-image:url('../images/button_minor_left.gif'); background-color:transparent; color:#FFFFFF; padding-top:0; padding-bottom:0.31em}
span.back,span.button_minor {background-image:url('../images/button_minor_right.gif')}
div.button_earlier {background-image:url('../images/input_arrows_bk.gif')}
div.button_later {background-image:url('../images/input_arrows.gif')}
hr.dashed {background-color:transparent; border-bottom:1px solid #EBE5D5}
a.filetype-pdf {background-image:url('../images/pdf_logo.gif')}

/******************************** 
	FIELDSET
*********************************/
fieldset legend,.r_box {background-color:#E2E7EC; background-image:url('../images/top_right.gif'); color:#00347F}

fieldset legend span.head,.r_box .head {background-image:url('../images/top_left.gif')}
.first_upgrade .r_box .head h2 span.wrap, fieldset legend span.txt,fieldset legend span.num {font-size:1.2em; font-weight:normal}

/*Borders (left and right)*/
fieldset div.bordered,.fieldset .content {border-left:1px solid #E2E7EC; border-right:1px solid #E2E7EC}

/*Bottom border*/
fieldset div.bordered div.foot, .fieldset .foot {background-image:url('../images/ff_bl.gif'); top:0.19em}
.fieldset .foot {top:0}
fieldset.special div.bordered div.foot div, fieldset div.bordered div.foot div, fieldset .foot div {background-image:url('../images/ff_br.gif'); margin-left:0.19em}

/******
SPECIAL
**********/
fieldset.special legend span {color:#365E91}
div.bordered fieldset legend,div.station_search fieldset legend,div.station_loc fieldset legend {font-size:1.2em; font-weight:normal}
div.ret fieldset legend span.head {background:transparent url('../images/top_left.gif') no-repeat scroll left top}
div.ret fieldset legend  span.txt span {font-size:0.85em}


/********SMALL BORDERS INSIDE THE FIELDSET***********/
fieldset fieldset div.field_container div.cal {margin-top:1.5em}
fieldset fieldset legend {color:#3E3E3E}
div.fieldset_option {background-color:#E2E7EC; border:1px dashed #ebe5d5; color:#3e3e3e; clear:both; margin:0 0.8em 0.1em}
div.fieldset_option legend {color:#345e90; padding-left:0.63em}

/********INPUT FIELDS***********/
.t_box {color:#333; border: 1px solid #ccc; background:#fff}

/******************************** 
	TABLES
*********************************/
table {background:none !important; line-height:1.2em}

table#totals {margin-bottom:0.3em}

div.matrix_cont h3 {border-bottom:1px solid #ccc}
table#totals th,table#totals td,div.total,div.nontotal {border-bottom:1px solid #cccccc}
table td,table th.non,table td.con_alt {background-color:#ffffff; border:1px solid #cccccc; color:#3e3e3e}
table#rout_tickets th.ttype {background-color:#fff}
div.qtt table thead th {background-color:#e1dee9; border-bottom:1px solid #c5bfcb; border:0 0 1px 0 !important; color:#5e427f !important}
div.matrix_cont table thead th {background-color:#e1dee9; border-bottom:1px solid #c5bfcb; border:0 0 1px 0 !important; color:#5e427f !important}

div.matrix_cont div.out  CAPTION {visibility:visible; padding:0.19em 0; height:auto}
table th,table th.ttype_alt {background-color:#EFEFEF; border:1px solid #ccc; color:#3E3E3E; font-weight:normal}
div.out table th,div.out table th.ttype_alt,div.ret table th,div.ret table th.ttype_alt,div.out table td.price,div.ret table td.price {border-top:0; border-left:0; background-color:#fff}
div.matrix_cont table th,div.matrix_cont table th.left {font-weight:bold}

table th.ttype {color:#666}
table A.ttype {color:#fff}
table#totals th {color:#3E3E3E; /*666666*/}
div.qtt div.out {border-right:1px solid #ebe5d5}
div.depart_arrive {padding:0 !important}
div.depart_arrive TABLE TD {background-color:#EDF1F2; width:auto; color:#3e3e3e; margin:0 !important}
table td.con,table td.con_price {background-color:#EDF1F2}
table td.con_alt {background-color:#FFFFFF !important}
table td.con {background-color:#d5e1f1 !important}
div.curr_total div {background-color:#E1DEE9; border:1px solid #ccc; display:block; float:right; margin:1.5em 0; padding:1em 0.5em 0.63em}
div.curr_total h3 {font-weight:bold}
#TimeTableContent table td {text-align:center; background-color:#EFEFEF}

#TimeTableContent table td.price {background-color:#fff; border-bottom:1px solid #CCC}

#TimeTableContent table abbr, #TimeTableContent span.abbr,	
#TimeTableContent div.legend span.upgrade {color:#6F89A2}

/******************************** 
	ANNOUNCEMENT BOX
*********************************/
div.qh_box_head {background-image:url("../images/top_left.gif")}

div.qh_box_head h2,div.qh_box_head h3,div.qh_box_head div {background-image:url("../images/top_right.gif")}

div.qh_box_l_corner {background-image:url("../images/btm_left.gif")}

div.qh_box_r_corner {background-image:url("../images/btm_right.gif")}


#dnn_ContentPane div.qh_box_head {background-color:#e2e7ec}

#dnn_ContentPane div.qh_box_body {background:#e2e7ec}

#sub_banner div.qh_box_body,#sub_banner div.qh_box_head {background-color:#EAF1F9}

/******************************** 
	SEARCH AGAIN
*********************************/
#qtt {background:#ffffff}

#qtt fieldset legend {background-image:none; padding:0.2em; border:0; color:#A44170}

#qtt fieldset div.date {border-right:1px solid #ccc}

div#qtt DIV.sub {padding-right:1.3em}

div#qtt DIV.sub INPUT.button_major {background:url('../images/button_major_left.gif') left top no-repeat; font-weight:bold; color:#fff; height:1.81em; width:auto; border:0; padding:0 0 0.5em 1.6em; font:normal; font-size:100%; overflow:hidden}

/******************************** 
	QTT SINGLE PAGE
*********************************/
div.matrix_cont table thead th.ttype {background-color:#e1dee9; color:#5e427f !important}

div.matrix_cont table thead th.cent {background:#e1dee9; color:#5e427f !important}

.curr_total h3 {color:#3E3E3E}

/*********************************
ERROR
*********************************/
.errorLabel,.error {color:red !important}

/******************************** 
	Text
*********************************/
p.cc_fee {display:none}  /*Credit card charge fee on payment page*/ /************************/
	/*	SPEECH BUBBLE BOX	*/ /************************/
div.box div.box_arrow {background-image:url('../images/box_arrow_left.gif')}

div.box div.box_head {background-image:url('../images/box_arrow_top_left.gif')}

div.box div.box_head div {background-image:url('../images/box_arrow_top_right.gif')}

div.box div.box_foot {background-image:url('../images/box_arrow_foot_left.gif')}

div.box div.box_foot div {background-image:url('../images/box_arrow_foot_right.gif')}
/* for Shopping basket & Payment Confirmation page */
a.show_journeydetails {background-image:url('../images/icon_show.gif')}
a.hide_journeydetails {background-image:url('../images/icon_hide.gif')}
.even {background-color:#EAF1F9}
span.print a {background:transparent url('../images/icon_print.gif') no-repeat; padding:0.3em 0.3em 0.3em 2.2em; line-height:1.7em}
div.r_box .row , 
div.r_box .row .journey_info , div.r_box .row .journey_price_category {border-color:#E2E7EC}
.total_booking_payment, total_payment .last, collection_details p.delivery_method, .total_payment .fieldset .foot , .total_payment .fieldset .foot  div, .journey_details h3 {background-color:#E2E7EC}
.journey_title {background-color:#EFEFEF}

/*QJUMP QTT on Homepage */

.extended_search fieldset div.FavouriteJourney label {font-weight:normal}

.extended_search fieldset div#FavouriteJourneyContainer {background:none; padding-bottom:0.25em}

.extended_search {background-color:#E2E7EC}

.extended_search .station_search h2 {color:#6D1E46; margin:0 0 0 0.63em; font-size:1.6em; font-weight:normal}
.extended_search .content , .extended_search .content a, .extended_search .content a:visited {color:#00347F}

.extended_search label {font-weight:normal}
.extended_search  .error{color:#F8E600}

.extended_search .corner {height:0.44em; width:0.44em; background-repeat:no-repeat; background-position:top left; line-height:0; font-size:0}

.extended_search .top, .extended_search .bottom {background-position:top right; background-repeat:no-repeat; height:0.44em}

.extended_search .top {background-image:url('../images/db_topright.gif')}

.extended_search .top .left {background-image:url('../images/db_topleft.gif'); float:left}

.extended_search .bottom {background-image:url('../images/db_bottomright.gif')}

.extended_search .bottom .left {background-image:url('../images/db_bottomleft.gif'); float:left}

.extended_search .station_search, .extended_search .outbound_journey, .extended_search .return_journey, .extended_search .travellers_container {background:none; padding:0.63em 0 0 0}

.extended_search .button_major {background:transparent url(../images/qttright.gif) no-repeat scroll right top; margin-right:0.8em; padding-right:0.8em}
.extended_search .button_major input {background:transparent url(../images/qttleft.gif) no-repeat scroll left top; color:#FFFFFF}


.results-home .autocomplete_container {left: 4.7em}


/******************************** 
	COMBINED MATRIX 
*********************************/
.combined_matrix table#out_times th {/*border-bottom:1px solid #E2E7EC*/}
.combined_matrix table th.price {background-color:#fff; /*border-bottom:1px solid #E2E7EC*/}

.combined_matrix table td {background-color:#EFEFEF}

.combined_matrix table th.ttype {
	color: #365E91;}
.combined_matrix table th.ttype {color:#365E91}

.combined_matrix table th .category_desc {color:#3E3E3E}

div.out table th {background-color:#FFFFFF; border-left:1px solid #FFF; border-top:0 none}



.combined_matrix .ticket_banner {background:transparent url(../images/ticket_banner.gif) repeat-x scroll left top}

#main .combined_matrix table .ticketsInRow, #main .combined_matrix table .highlight {background-color:#E2E3E7}

#main .combined_matrix table .ticketSelected, #main .combined_matrix table .finalTrainSelected, #main .combined_matrix table .finalTicketTypeSelected {background-color:#5E1123;
  	color:#FFF}


#main .combined_matrix table .ticketSelected a, #main .combined_matrix table .finalTrainSelected a, #main .combined_matrix table .finalTicketTypeSelected a, #main .combined_matrix table .ticketSelected span.abbr, #main .combined_matrix table .finalTrainSelected span.abbr, #main .combined_matrix table .ticketSelected .category_desc, #main .combined_matrix table .finalTrainSelected .category_desc, #main .combined_matrix table .finalTicketTypeSelected .category_desc {color:#FFF}

.combined_matrix #viewSinglesText, 
.combined_matrix #viewFirstClassTickets, 
.combined_matrix #hideSinglesText, 
.combined_matrix #hideFirstClassTickets {
color:#28538F; padding-left:1em; font-weight:bold
}

.combined_matrix #viewSinglesText, 
.combined_matrix #viewFirstClassTickets 
{
background-image:url('../images/arrow_right.png')
}

.combined_matrix #hideSinglesText {background-image:url('../images/arrow_up.png');	}

.combined_matrix #hideFirstClassTickets {background-image:url('../images/arrow_down.png');	}

.time_table_module span.button_minor {display:none}
.combined_matrix table td span.upgrade, .combined_matrix table td span.supplement, div.legend span.upgrade, div.legend span.supplement {
 	color:#5E1123}
/*CJS*/

#dnn_ContentPane .journey_summary {margin-top:-2.8em}

.journey_summary span.head {background:transparent url('../images/top_left.gif') no-repeat scroll left top;; color:#00347F}
.journey_summary h2.title {background:#E2E7EC url('../images/top_right.gif') no-repeat scroll right top;}
.journey_summary .cjs_header {background-color:#EFEFEF; padding:1em 0.5em}
.journey_summary .js_saving {background-color:#E2E3E7}
.journey_summary div.btnWrap span.main_action input {padding:0.2em 0.4em 0.6em 1.2em}

table.view_booking_details_table th{background-color:#E2E7EC;}

.pagination ul li.prevLI{padding-right:0.44em}
.orderStatusHighlight, .orderStatusHighlight td{background-color:#EFEFEF}

div.terms div label{padding-right:1em}
.dialogcontent #bookingDetailsDiv a.hide_journeydetails{background-image:url("../images/icon_hide.gif")}
.dialogcontent #bookingDetailsDiv a.show_journeydetails{background-image:url("../images/icon_show.gif")}

/* Sleeper Requirement */
#OutBackButton{text-decoration:underline; background:none; padding-left:0; font-weight:normal; color:#7F2758}

/* Payment Confirmation refund module styling - #338020 */
.refundBookingInfo ol li{padding-bottom:0}

/* === TTL Usability for May 2011 (Dinah) === */
.ticket_banner_container {height:1.9em}
.ticket_banner {line-height:1.9em}
.cheapest_txt {color:#000; background-color:#FDB813}
.cheapest_border {border-color:#FDB813}

.withReturn .price .group_price .cheapest_row {width:45em}

/* REMOVE when Global is fixed 
#main table {margin:0}

.ticket_banner {z-index:5; line-height:2.3em}
.combined_matrix .withReturn .ticket_banner	{border-bottom:0.25em solid #FFF}
.combined_matrix .j_heading, .combined_matrix .out .sub {width:18.9em}
.combined_matrix .ret .j_heading, .combined_matrix .ret .sub {padding-left:0; margin-left:0.85em}
*/
