@charset "UTF-8";
@import "lonstyle.root.css";
@import "lonstyle.buttons.css";
@import "lonstyle.calendar.css";
@import "lonstyle.flapmain.css";
@import "lonstyle.form.css";
@import "lonstyle.lsstravellers.css";
@import "lonstyle.onerror.css";
@import "lonstyle.selectdiv.css";
@import "lonstyle.windowlist.and.fancybutton.css";
@import "lonstyle.blocker.css";


/*#############################################################################
MAIN
#############################################################################*/
.floatLeft
{
	float:left;
}
.bottom-right
{
	position: absolute;
	bottom: 0;
	right: 0;
}
.fa{
	color: var(--font-awesome-color);
}

.buttonField button:hover .fa,
.fa:hover{
	color: var(--font-awesome-color-hover);
}

button.disabled .fa,
.fa:disabled{
	color: var(--font-awesome-color-disabled);
}
/*
A strict doctype makes it necessary, at least in Firefox, to force block displayment
of images used in tables to illustrate borders (otherwise a "underlining margin" will
be visible).
*/
div#orderForm_tabsystem > div > table > tbody > tr > td > img,
div#travellerlist_container > table > tbody > tr > td > img,
div#orderForm_alternatives_tab_system > div > table > tbody > tr > td > img,
table#itineraryTable_specArea_table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > img,
/*table.jsTabsTable > tbody > tr > td > img,*/
table.itinerarySectionTable > tbody > tr > td > img,
table.itineraryTable_timeline_table_background > tbody > tr > td > img,
/*table.jsBorderedObjectTable > tbody > tr > td > img,*/
div.orderitinerary_main_container > div > table > tbody > tr > td > img,
form > div > table > tbody > tr > td > div > table > tbody > tr > td > img,
div.yui-content > div > table > tbody > tr > td > div > table > tbody > tr > td > img,
form#orderDirectlyForm > div > table > tbody > tr > td > div > table > tbody > tr > td > img,
div.travellerlistContainer td > img,
div.travellerlistContainer td > a > img
{
    display:block;
}

hr
{
	border: none;
	height: 1px;
	color: var(--widget-border-color); /* old IE */
	background-color: var(--widget-border-color);
}
/*
The Javascript component used in the order directly workflow prints a line break which
causes problems when using a strict doctype. Since the component belongs to StinaSelect
we cannot simply prevent the line break from being writted by modifying the script in
StinaSelect as this could potentially break other clients. Hence, we simply change the
display mode of the BR elements in Linkonline.
*/
div.travellerlistContainer td > br
{
	display: none;
}

div.travellerlistContainer div
{
	margin-left: 32px;
}

.body, .bodyPrintScreen, .bodyHelp, button
{
    font-family: Verdana;
}

input, select
{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 8pt;
}

.body, .bodyPrintScreen, .bodyHelp {
	font-size: 65%;
	color: #333333;
}

.body {
	background: fixed;
	margin: 0px;
	/*background-image: url('../images/bg_body.gif')*/;
}

.bodyPrintScreen {
	background: fixed;
}

.bodyHelp {
	background-color: White;
	margin-left: 10px;
}

form {
	margin: 0px;
}

table,tr,td {
	font-size: 100%;
}

h3 {
	font-size: 180%;
	margin: 5px;
	margin-left: 0px;
}

h4 {
	font-size: 150%;
	margin: 0px;
}

h5 {
	font-size: 120%;
	margin: 0px;
}

h6 {
	font-size: 100%;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
}

pre,
kbd
{
    font-family: monospace;
    font-size: 130%;
}
kbd
{
    white-space:nowrap;
}
pre
{
    margin: 0;
}

.mainContentOnePix {
	width: 1px;
	white-space: nowrap;
}

.mainContent {
	background-color: White;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}

.borderNew
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-style: inset;
    border-width: 0px;
    border-color: grey;
}	
.borderSubForm
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	/*border-style: inset;*/
	border-width: 1px;
	/*border-color: grey;*/
    border-color: var(--default-border-color);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    border-style: solid;
}

p {
	margin: 0px;
}

fieldset {
	border: var(--fieldset-border);
	*padding: 5px;
	*margin-right: 5px; 
	-webkit-border-radius: var(--fieldset-border-radius);
	-moz-border-radius: var(--fieldset-border-radius);
	border-radius: var(--fieldset-border-radius);
}

fieldset.noBorder {
    border-color: transparent;
}

legend {
    font-weight: bold;
    color: var(--fieldset-legend-color);
}

.dim {
	color: #aaaaaa;
}

.relatedFormField
{
/*	background-color: #ffffd6; */
    background-color: var(--form-background)
}

.hideOnScreen,
.printOnly
{
	display: none;
}

body.blockingCommandInProgress,
body.blockingCommandInProgress * {
    cursor: wait;
}

/*
The endOfDialogSpacer of DIV element seems to be necessary to ensure that the height of the 
dialogs (LonPanel objects) are calculated correctly. Since button rows (buttonField DIVs with 
BUTTON elements) have no height (due to that BUTTON elements "float to the right") it is 
necessary with a block element below the buttons.
*/
.endOfDialogSpacer
{
height: 3px; /* A height of 3 pixels seems avoid a vertical scrollbar is shown in Firefox 5 when using Windows 7. (See WK1270-11837.) */
}       

/*#############################################################################
SMALL AND UNOBTRUSIVE POPUPS ("BALLOONS")
#############################################################################*/

.balloonPopup
{
	background-color: #ffffd6; 
	color: #760101; 
	border: 1px solid #a9a98e; 
}
.balloonPopup > div
{
	padding: 10px;
}

/*#############################################################################
DIV FIELDS
#############################################################################*/

.pageBreak {
	PAGE-BREAK-AFTER: always
}

.preReport {
	line-height: 11pt;
	color: black;
	background-color: white;
	font-family: Courier New;
	font-size: 140%;
	font-weight: normal;
}

.pageHeader {
	font-size: 130%;
	font-weight: bold;
}
.pageHeader .subHeader
{
    font-weight: normal;
}

.orderForm {
	z-index: 1000;
	visibility: visible;
	background-color: white;
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	padding: 0px;
	position: absolute;
	top: 60px;
	left: 250px;
}

.orderFormHidden {
	visibility: hidden;
	background-color: white;
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	padding: 0px;
	position: absolute;
	top: 30px;
	left: 150px;
}
.dialogContentVisible {
	display: block;
}

.dialogContentHidden {
	display: none;
}

.mainSection {
	background-color: #ffffff;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #333333;
	border-style: solid;
	color: #333333;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 100%;
}

#centerContent
{
}
#orderRowsDiv {
	visibility: hidden;
}

#siteFooter .yui-borderlayout-panelcontent {
	color: #9f9f9f;
	padding: 0.5em;
}

#siteFooter .yui-borderlayout-panelcontent {
	color: #9e9c91;
}



/*#############################################################################
MAIN LIST TABLE
#############################################################################*/

.mainSectionDetails > table {
    border-collapse: collapse;
}
.tableHeader,
.tableRowSelected,
.tableRowSum  {
    font-weight: bold;
}
.tableHeader,
.tableHeaderLeg {
	padding-bottom: 3px;
}

.tableRowRegularTop,
.tableRowRegularMiddle,
.tableRowRegular {
    white-space: nowrap;
}

.tableRowRegularTop,
.tableRowRegularMiddle,
.tableRowRegular,
.tableRow,
.tableRowMiddle,
.tableRowSelected,
.tableRowLeg,
.tableRowSelectedLeg,
.tableHeaderRegular,
.tableHeaderLegCell,
.tableRowCancelled,
.tableRowMoved,
.tableRowCreditedSpecial,
.tableRowCancelledCredited,
.tableRowCancelledDebited,
.tableRowFocus,
.tableRowSum {
    padding: 1px 8px 1px 0px;
}

.tableRowCancelled,
.tableRowMoved,
.tableRowCreditedSpecial,
.tableRowCancelledCredited,
.tableRowCancelledDebited,
.tableRowSelectedLeg,
.tableRowLeg,
.tableHeaderLeg,
.tableRow,
.tableRowMiddle,
.tableRowFocus {
    font-weight: normal;
}

.tableHeaderRegular {
	padding-right: 7px;
	white-space: nowrap;
}

.tableHeaderLegCell {
	border-style: solid;
	border-width: 0px;
	border-top-color: #eeeeee;
	border-left-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #333333;
	padding-right: 2px;
	white-space: nowrap;
}

/*
.tableRow,
.tableRowMiddle,
.tableRowSelected,
.tableHeaderLeg,
.tableRowFocus {
	color: #333333;
}
*/
.tableRowRegularMiddle,
.tableRowMiddle {
    vertical-align: middle;
}

.tableCellHidden {
	position: absolute;
	visibility: hidden;
}

.tableRowFocus {
	cursor: pointer;
	cursor: hand;
}

.tableRowLeg {
}

.tableRowSelectedLeg,
.tableRowFocus {
	background-color: var(--widget-background);
}

.tableRowSum {
	font-size: 120%;
}

.paddedTableRight td
{
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/*#############################################################################
LINKS
#############################################################################*/
/* The tableHeaderListSorterSubmitLink class is used by the HTML code generated by the Java class HtmlTableHeaderListSorterSubmitLinkHandler. */
.tableHeaderListSorterSubmitLink,
.mainLink {
	font-size: 100%;
	font-weight: var(--link-font-weight);
	color: var(--link-color);
	text-decoration: var(--link-text-decoration);
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	cursor: hand;
}

.mainLink:hover {
	text-decoration: var(--link-text-decoration-hover);
}

.tableHeaderListSorterSubmitLink.columnSorted_true
{
    padding-right: 15px;
    background-repeat: no-repeat;
    background-image: url(../images/columnSortOrderIndicators.gif);
}
.tableHeaderListSorterSubmitLink.columnSorted_true.reverseOrder_false
{
    background-position: top right;
}
.tableHeaderListSorterSubmitLink.columnSorted_true.reverseOrder_true
{
    background-position: bottom right;
}
.optionLink {
	font-size: 100%;
	font-weight: bold;
	color: #A1A073;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.optionLink:hover {
	text-decoration: underline;
}

.indexPageLinkContainer
{
	background-image: url(../images/lonuserinfo_favorite_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 350px;
	height: 50px;
	display: block;
	margin: 10px auto;
	text-align: center;
	cursor: pointer;
}
.indexPageLink.focused
{
	background-position: 0px -60px;
}


.indexPageLink
{
	font-size:160%;
	font-weight:bold;
	position:relative;
	text-decoration:none;
	line-height: 50px;
	width: 351px;
	height: 50px;
	display: block;
	margin: 10px auto;
	text-align: center;
	cursor: pointer;
}

.indexPageContainer
{
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.indexPageInfoText
{
    margin-bottom: 4em;
    font-size: 140%;
    font-weight: bold;
    color:#517FA0;
}

.viaLocationInfoText
{
    color:#517FA0;
}

.orderFormToggleLink {
	color: var(--link-color);
	font-weight: bold;
	text-decoration: none;
}

.orderFormToggleLink:hover {
	text-decoration: underline;
}

.formTable {
	padding-right: 20px;
}

/**********************************
MISC
***********************************/
.markArrivalDayAfter {
	color: #A83300;
	font-family: Verdana;
}

.hiddenCell {
	/*
	WK746: Changed visibility-position combination to display in order to prevent horizontal
	scrollbars in IE (issue first arose in usersettings, may also arise in ordershow).
	*/
	display: none;
	/*
	visibility: hidden;
	position: absolute;
	*/
}

.customerNoteList
{
	color: red;
}



/*##########################################################
		#	TABS
		###########################################################*/
.tabLink_selected {
	white-space: nowrap;
	color: black;
	text-decoration: none;
}

.tabLink_notSelected {
	white-space: nowrap;
	color: #444444;
	text-decoration: none;
}

.tabLink_focus {
	white-space: nowrap;
	text-decoration: none;
	color: red;
}

/*##########################################################
		#	KAMPANJERBJUDANDEN CSS SHOW HIDE
		###########################################################*/
#container {
	background: #fff;
	border: 0px solid #ccc;
	padding: 1em 1em 1em 0em;
	background-color: #fff;
	margin-top: 5px;
}

div.offer {
	background-color: #fff;
	padding: 0em 0em 0.3em 0em;
}

a.actualcampaigns {
	color: #6297BA;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	padding: 0em 0em 0.1em 1em;
	background-image: url(../images/pil3.gif);
	background-repeat: no-repeat;
}

.campaignheadline {
	color: #333;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0.5em 0em 0.1em 0em;
	display: block;
}

.campaigntext {
	color: #333;
	font-weight: normal;
	padding: 0em 0em 3em 0em;
}

div.offer span.fakeLink {
	color: #6297BA;
	border-bottom: 1px dotted #6297BA;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	padding: 0em 0em 0em 1em;
	background-image: url(../images/pil.gif);
	background-repeat: no-repeat;
}

div.offer:hover span.fakeLink {
	padding: 0em 0em 0em 1em;
	background-image: url(../images/pil_ned.gif);
	background-repeat: no-repeat;
	color: #000000;
	font-weight: bold;
	border-bottom: 0px dotted #6297BA;
}

div.offerDescription {
	width: 280px;
	font-weight: normal;
	margin: 0.6em 0em 0em 0em;
	padding: 0em 0em 0.6em 0em;
}

div.offer:hover div.offerDescription {
	display: block;
	background: #fff;
	border-bottom: #666 dotted 1px;
	border-top: #666 dotted 1px;
	margin-left: 10px;
	padding: 7px 0px 7px 0px;
}

div.offer div.offerDescription {
	display: none;
}

/*
STYLES SPECIFIC FOR THE ITINERARY WORKFLOW
*/

.tableRow
{
	background-color: none;
}
.tableHeaderRegular
{
	font-weight: bold;
}
	
.mainSectionDetails.orderRowSectionDetails
{
	margin-left: 15px;
}
   
/*#############################################################################
INFORMATION HOVER
Usage:
<div class="info_circle info_help_hover">i</div>
<div class="info_help">put information text here</div>

#############################################################################*/ 
.info_help {
    background-color: #FFFFBA;
    border-radius: 10px 10px 10px 10px;
    display: none;
    opacity: 1;
    padding: 10px;
    position: absolute;
    z-index: 100;
}

.info_help_hover:hover + div.info_help {
    display: inline;
}

.info_circle {
    background-color: #DEDEDE;
    border-radius: 25px 25px 25px 25px;
    display: inline-block;
    font-family: times new roman;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    height: 12px;
    text-align: center;
    vertical-align: middle;
    width: 12px;
}
    
/*#############################################################################
OTHER STYLES
#############################################################################*/
.header100 
{
	font-weight:bold;
}

table.returnPriceTable {
    cursor: default; 
    border-collapse: collapse; 
}
table.returnPriceTable td.priceGroupHeader {
    font-weight: bold;
    background: #dcdcdc;
}
table.returnPriceTable td {
    border: 1px solid #c0c0c0; 
}   
table.returnPriceTable .priceHigher {
    color: black;
}
table.returnPriceTable .priceLower {
    color: red;
}
table.returnPriceTable .priceEqual {
    color: black;
}

div.lowestPriceLink {
    font-size: 90%;
    margin-top: 0.5em;
}
div.availableSeatsLink {
    margin-top: 0.5em;
}

a.returnpriceimage {
    display: block;
    width: 16px;
    height: 15px;
    background: transparent url(../images/icon_returnprice.png) no-repeat;
    background-position: -16px 0;
}

a.returnpriceimage:hover {
    background-position: 0 0; 
}

td.yui-timeline-part-selected,
td.yui-timeline-part-selected.yui-timeline-bar.yui-timeline-bar-.yui-timeline-bar-TM-D,    
td.yui-timeline-part-selected.yui-timeline-bar.yui-timeline-bar-.yui-timeline-bar-TM-E,    
.itineraryOrderFakeTab{
    background-color: var(--tab-itinerary-part-background);
}

.emphasize td.yui-timeline-part-selected,
.emphasize td.yui-timeline-part-selected.yui-timeline-bar.yui-timeline-bar-.yui-timeline-bar-TM-D,    
.emphasize td.yui-timeline-part-selected.yui-timeline-bar.yui-timeline-bar-.yui-timeline-bar-TM-E,    
.emphasize .itineraryOrderFakeTab {
    background-color: #cccabc;
}

.itineraryOrderFakeTab {
    border-left: var(--tab-itinerary-part-border);
    border-right: var(--tab-itinerary-part-border);
    border-bottom: var(--tab-itinerary-part-border);
    border-top: none;
}


tr.datesRow > td.yui-timeline-part-selected
{
	background: -moz-linear-gradient(top, var(--tab-itinerary-part-header-top-background-selected) 0%, var(--tab-itinerary-part-header-top-background-selected) 30%, var(--tab-itinerary-part-background) 0%);
	background: -webkit-linear-gradient(top, var(--tab-itinerary-part-header-top-background-selected) 0%, var(--tab-itinerary-part-header-top-background-selected) 30%, var(--tab-itinerary-part-background) 0%);
	background: linear-gradient(to bottom, var(--tab-itinerary-part-header-top-background-selected) 0%, var(--tab-itinerary-part-header-top-background-selected) 30%, var(--tab-itinerary-part-background) 0%);
}

.yui-timeline-itinerary-order-part tr.locationsRow td
{
	background: var(--widget-background);
}

.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-0,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-1,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-2,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-3,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-4,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-5,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-6,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-7,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-8,
.yui-timeline-itinerary-order-part tr.datesRow > td.yui-timeline-part-9 {
	padding-top: 5px;
}

.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-0,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-1,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-2,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-3,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-4,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-5,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-6,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-8,
.yui-timeline-itinerary-order-part tr.lastRow > td.yui-timeline-part-9 {
    /*border-bottom: 1px solid transparent;*/
    border-bottom: var(--tab-itinerary-part-border);
}


.yui-timeline-itinerary-order-part td.yui-timeline-part-0,
.yui-timeline-itinerary-order-part td.yui-timeline-part-1,
.yui-timeline-itinerary-order-part td.yui-timeline-part-2,
.yui-timeline-itinerary-order-part td.yui-timeline-part-3,
.yui-timeline-itinerary-order-part td.yui-timeline-part-4,
.yui-timeline-itinerary-order-part td.yui-timeline-part-5,
.yui-timeline-itinerary-order-part td.yui-timeline-part-6,
.yui-timeline-itinerary-order-part td.yui-timeline-part-8,
.yui-timeline-itinerary-order-part td.yui-timeline-part-9 {
    background-color: var(--tab-itinerary-part-header-background-unselected);
}

.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-0,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-1,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-2,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-3,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-4,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-5,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-6,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-8,
.yui-timeline-itinerary-order-part td.yui-timeline-part-selected.yui-timeline-part-9 {
    background-color: var(--tab-itinerary-part-background);
}

.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-0,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-1,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-2,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-3,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-4,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-5,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-7,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-8,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-9 {
    border-left: var(--tab-itinerary-part-header-border-unselected);
    padding-left: 0px;
}

.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-0,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-1,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-2,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-3,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-4,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-5,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-6,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-7,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-8,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-9 {
    border-right: var(--tab-itinerary-part-header-border-unselected);
    padding-right: 2px;
}

.yui-timeline-itinerary-order-part tr.datesRow td {
	border-top: var(--tab-itinerary-part-header-border-unselected);
}

.yui-timeline-itinerary-order-part tr.datesRow td.yui-timeline-part-selected {
	border-top: var(--tab-itinerary-part-border);
}

    
.yui-timeline-itinerary-order-part tr.lastRow td.yui-timeline-part-selected {
    /*border-bottom: 1px solid #9F9F9F;*/
    border-bottom-color: var(--widget-background);
}

.emphasize tr.lastRow td.yui-timeline-part-selected {
    border-bottom-color: #cccabc;
}

.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-0.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-1.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-2.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-3.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-4.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-5.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-7.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-8.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.firstColumn.yui-timeline-part-9.yui-timeline-part-selected{
    border-left: var(--tab-itinerary-part-border);
    padding-left: 2px;
}

.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-0.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-1.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-2.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-3.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-4.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-5.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-7.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-8.yui-timeline-part-selected,
.yui-timeline-itinerary-order-part td.lastColumn.yui-timeline-part-9.yui-timeline-part-selected {
    border-right: var(--tab-itinerary-part-border);
    padding-right: 2px;
}  

.yui-timeline-bar.yui-timeline-part-selected { 
	background-color: rgb(191,149,48); 
} 

table.yui-timeline-itinerary-order-part {
	cursor: pointer;
}
div.nextButton a {
    outline: none;
}
div.nextButton a.disabled {
    display: none;
}

.partLabel {
    font-size: 150%;
    color: #9e9c91;
    font-weight: bold;
    text-align: center;
}

td.yui-timeline-part-selected .partLabel {
	color: var(--default-text-color-light);
	background-color: var(--tab-itinerary-part-header-top-background-selected);
}

#detailedPriceSummary td {
    vertical-align: top;
    white-space: nowrap;
}
#detailedPriceSummary td.detailedPriceTableHeader {
    font-weight: bold;
}
.detailedPriceHeader {
	color:black;
	font-size:120%;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
}
.detailedPriceInnerHeader {
	background: var(--table-head-background);
}
.detailedPriceBold {
    color:black;
    font-size:100%;
    font-weight:bold;
    text-align:left;
}
.detailedPriceEmail {
	background: var(--default-background-bright);
}
td.detailedPricePrice {
    text-align: right;
    width:80px;
    white-space:nowrap;
}

.virtualJourneyTime {
	color: #9E9C91;
}

/* Another color, a light blue color, when virtual journey time is shown in dialog title bar */
.hd .virtualJourneyTime {
    color: #fff;
    font-style: italic;
}
.pointsExpiration {
	background-color: #B0C4DE;
}
.no-wrap,
.nowrap {
    white-space: nowrap;
    display: inline-block;
}

form.generaldialog select
{
	margin-bottom: 1em;
}

p.redText
{
	color:red;
}
/* Moved from itinerarysearch.html due to IE7 feature*/
.nonVisibleCell {
    visibility: hidden;
}
div.payerTypeCard {
}               
div.payerTypeRegular {
             display: none;
}
.passengerCountTable td 
{
    padding-right: 4px;
}
.ageContainer input 
{
    margin-right: 4px;
}
.itinerarySearchCardtypeList,
.itinerarySearchProducerList,
.itinerarySearchTypeList,
.itinerarySearchMaxtransfersList,
.itinerarySearchMaxitinerariesList,
.itinerarySearchChangeduration,
.itinerarySearchUniquesearch
{
    width: 12em;
}
.itinerarySearchTravelmethodsList,
.itinerarySearchSectionproducerList,
.itinerarySearchLocation
{
    width: 20em;
}
.itinerarySearchDateField,
.itinerarySearchTimeField
{
    width: 7em;
}

td.completed span,
td.completed input
{
    background-color: #ffffcc  !important;
}