/* C2C TOC WLS skin */

/* Layout:generic */

/* Layout:specific */

#master {background:#fff; margin:.5em auto 1em; overflow:hidden; width:960px}
#main #dnn_RightPane {width:19.5em}

/* Header */
#dnn_NavigationPane {padding:0}
#dnn_dnnLOGO_hypLogo {display:block; height:125px; overflow:hidden; width:960px}
#dnn_dnnLOGO_hypLogo img {display:block}
#dnn_NavigationPane ul {background:#1d1b31; border-bottom:1px solid #fff; border-top:1px solid #fff; height:2em; overflow:hidden; padding:0; width:100%}
#dnn_NavigationPane li {display:block; float:left; padding:0}
#dnn_NavigationPane li a {border-left:1px solid #a2a3b8; display:block; padding:5px 10px; width:169px}
#dnn_NavigationPane li.first a {border-left-width:0; margin:0; width:172px}
#dnn_SubNavigationPane {background:#fff; float:left; overflow:hidden; padding:5px 0; width:100%; position:relative}
#dnn_SubNavigationPane ul {padding:0; overflow:hidden; padding-left:20px}
#dnn_SubNavigationPane ul li.first {padding-left:0}
#main #dnn_ContentPane {margin:0; /*padding:10px; Removed for Travel card issue*/}

/* Main */

#main {margin:0; overflow:hidden}

/* Footer */

#footer {background:#fff; border:none; float:left; padding:0 0 10px; margin:0; overflow:hidden; position:relative; top:-10px; width:100%}
#footer ul {border-top:1px solid #9798B7; margin:10px 15px 0; padding:5px; position:relative; text-align:right}
#footer ul li {border:none; display:inline; float:none}
#footer li.last a {border-left:1px solid #000; padding-left:.8em}

/* Typography:generic */

html,
body {background:#C2C0D5; color:#1F1B32}

body, input, select {font-family:Arial,Helvetica,Verdana,sans-serif}

a {color:#A51376}

h1, h2.big {border-bottom:1px solid #9798b7; color:#1E1C31; font-size:2.2em; font-weight:bold; margin:0 0 0.5em}

hr {background-color:#dddde7; color:#dddde7; height:2px}

.t_box {border:1px solid #9798b7}

span.main_action {padding-right:0; line-height:2.5em}

span.main_action input, 
span.main_action a, 
span.button_minor input, 
span.button_minor a {background:#00002C; color:#fff; font-weight:normal; padding:0 8px 2px}


/* Fieldsets & fieldset-like blocks */

fieldset,
.r_box {margin:10px 0; padding:0}

fieldset fieldset {background:none}

fieldset legend span.head,
.r_box .head {background:#1e1c32; border:1px solid #1e1c23; color:#fff; overflow:hidden; padding:.3em 0 .3em .7em; 
	height:1%}

fieldset div.bordered,
.fieldset .content {background:#c0c1d5; border:1px solid #9798b7; border-top:none; padding-bottom:8px; top:-2px;width:693px;}

.fieldset .content div,
.fieldset .content span,
.fieldset .content h3,
.fieldset .content h4 {border-color:#9798B7; border-top-width:1px}
.fieldset .content div.row {background-color:#c0c1d5; overflow:hidden;}

.terms .qh_box,
.terms .qh_box .qh_box_body,
.terms .qh_box .qh_box_body .inner {float:none}

.foot {display:none}
.dialogcontent .fieldset .content {width:666px;}
/* Tables */


#main .combined_matrix table {background:none}

table#ret_times, table#rret_tickets {background:none}

table {background:#9798b7;border-collapse: collapse;}

table td, table th {border: 1px solid #9798b7}
table td, table th.non {background-color:#fff;}

table td div div.marginned, table th.non div div.marginned , .fieldset .content div.marginned {border-color:white}

table caption {color:#a51376; font-size:1.3em; font-weight:bold}
table th {background-color:#d3d8e5}

table#totals caption {margin:20px 0 5px}

table#totals caption {margin:20px 0 5px}

table#totals td, table#totals th {
    border-color: #9798B7;
}

table#totals th {
    background-color: #d3d8e5;
}

#main table.travelcard {background:none}
#main table.travelcard td,
#main table.travelcard th {background:none}

table.travelcard tbody  th, 
table.travelcard tbody  td {border-top:1px solid #999}

#TimeTableContent table {background:none; margin-top:none}
#TimeTableContent table td,
#TimeTableContent table th {border: none;}
#TimeTableContent table td {background:#e2e7ec; border-bottom:1px solid #fff; border-right:1px solid #fff}
#TimeTableContent table th, 
#TimeTableContent table td.price {
    border-bottom: 1px solid #E2E7EC;
	background:#fff;
}
#TimeTableContent table th.ttype {
    border-right: 1px solid #E2E7EC;
}
div.row {clear:both; float:left; width:100%}

/* Typography:specific */

#dnn_NavigationPane li a {background-color:#1D1B31; font-size:.9em; font-weight:normal; text-align:center; text-transform:uppercase; text-align:center}
#dnn_SubNavigationPane {color:#A51376; font-size:.9em}
legend span {color:#fff}

fieldset legend span.num {border-right:.2em solid #9798B7}
	
#footer ul {text-indent:-999em}
#footer a {color:#A51376; font-size:.875em; text-indent:0}

#BackButton, 
span.back input, 
span.back a {background:none; color:#A51376; font-weight:bold; padding:0; text-decoration:underline; text-transform:capitalize}

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

#BackButton:focus,
#BackButton:hover,
span.back input:focus, 
span.back input:hover, 
span.back a:focus, 
span.back a:hover {text-decoration:none}

/* Credit card security number and ticket collection box generic styles */

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_content {border-left:1px solid #9798B7; border-right:1px solid #9798B7; padding:0 8px 5px}
div.box div.box_foot {background-image:url(../images/box_arrow_foot_left.gif); margin:0}
div.box div.box_foot div {background-image:url(../images/box_arrow_foot_right.gif)}
div.button_earlier a {background:#FFF url(../images/input_arrows_bk.gif) no-repeat scroll left center; padding:0.2em 0.5em 0.3em 0.6em}
div.button_later a {background:#FFF url(../images/btn_later.gif) no-repeat scroll right center; padding:0.2em 0.7em 0.3em 0.5em}


/******************************** 
	COMBINED MATRIX 
*********************************/
div.out table th {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:#C0C1D5}

#main .combined_matrix table .ticketSelected,
#main .combined_matrix table .finalTrainSelected,
#main .combined_matrix table .finalTicketTypeSelected {background-color:#00002C; 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}

#main .combined_matrix table th {background-color:#FFF}

.combined_matrix #viewSinglesText, 
.combined_matrix #viewFirstClassTickets,
.combined_matrix #hideSinglesText,
.combined_matrix #hideFirstClassTickets {padding-left:12px}
.combined_matrix #viewSinglesText, 
.combined_matrix #viewFirstClassTickets {background-image:url('../images/arrow_right.gif')}
.combined_matrix #hideSinglesText {background-image:url('../images/arrow_up.gif')}
.combined_matrix #hideFirstClassTickets {background-image:url('../images/arrow_down.gif')}

.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:#8E2D6B}


/*CJS*/
.journey_summary span.head {background:transparent url('../images/top_left.gif') no-repeat scroll left top; color:#FFF}
.journey_summary h2.title {background:#1E1C32 url('../images/top_right.gif') no-repeat scroll right top}
.journey_summary .cjs_header {background-color:#C0C1D5; padding:1em 0.5em}
.journey_summary .js_saving {background-color:#DADBED}
.journey_summary div.btnWrap span.main_action input {padding:0.4em 1em 0.6em 1em}
.journey_summary .cjs_header .btnWrap {margin-left:1.5em}

/*UPGRADE*/
#TimeTableContent table abbr,
#TimeTableContent div.legend span.upgrade,
#TimeTableContent span.abbr {color:#1F1B32}

/*Common booking flow*/
.common_booking_flow .fieldset .content div.row {float:none}

.pagination ul li.prevLI {background:url(../images/paginationPrev.gif) no-repeat 5px 3px; padding-right:10px}
.pagination ul li.nextLI {background:url(../images/paginationNext.gif) no-repeat 5px 3px}

table.view_booking_details_table .orderStatusHighlight td {background-color:#E2E7EC !important}

div.terms div input {margin-top:0px}

div.terms div label {padding:0 1em 4px 0}

.dialogcontent #bookingDetailsDiv h1 {border-bottom:none}
.dialogcontent #bookingDetailsDiv .common_booking_flow .r_box caption span {border-color:#9798B7}

/* Sleeper Requirement */
#OutBackButton{text-decoration:underline; color:#A51376; background:none; padding:0}

/* Refund confirmation styles */
fieldset.refunds_request_ span.txt a.viewLink, fieldset.next_steps span.print a{color:#FFF}

/* 335046 - Refund request page */
div.refund_request_faq{margin-top:4.7em}
#dnn_ContentPane p.ticket_checkbox label{padding-top:3px}

/* === TTL Usability for May 2011 (Dinah) === */

.ticket_banner_container	{margin:2px 0 0 0; padding:0}
.ticket_banner {height:1.95em}

.price .group_price .cheapest_row {width:4.57em}
.cheapest_txt {color:#FFF; background-color:#8E2D6B}
.cheapest_border {border-color:#8E2D6B}
.combined_matrix .cheapest {padding:0}
.combined_matrix table td .cheapest_txt { left: 0;}
.withReturn .price .group_price .cheapest_row {width:45em; height:7em}
.change-journey-span {font-size:0.4em}

.combined_matrix .out table th,
.combined_matrix .out table td,
.combined_matrix .ret table th,
.combined_matrix .ret table td  {border-bottom:0}

.combined_matrix table th, 
.combined_matrix table td {border:1px solid #D3D8E5; border-left:none}

.combined_matrix #out_times .duration td, 
.combined_matrix #ret_times .duration td,
.combined_matrix #out_times td, 
.combined_matrix #ret_times td  {border-top:1px solid #D3D8E5}

.combined_matrix #out_times .changes td, 
.combined_matrix #ret_times .changes td  {border-top:0}

.combined_matrix #out_times th {border-right:1px solid #D3D8E5}

.combined_matrix .ret table {border-left:1px solid #D3D8E5}

.combined_matrix a, 
.combined_matrix a:hover, 
.combined_matrix a:visited, 
.combined_matrix table a {color:#560525}

.combined_matrix h2 span {color:#530F26}
.combined_matrix h2 .journey_direction {color:#046; font-weight:bold}

#rout_tickets .ttype	{border-right:0 none}

fieldset div.bordered .passenger_id_details legend span {color: #1F1B32;}

#timetablemodule .change-journey-span {
     display: none; /* hide change journey link on combined */
}