/*
Styles relating to the Canvas Booking Journey Pages.
*/

TABLE.bj {
	width:100%;
	border-collapse:collapse;
	border-color:#fff;
	border-width:0px;
	font-size:8pt;
}

TABLE.bj TD, TABLE.bj TH {
	padding:3px;
	border-color:#fff;
}

TABLE.bj TH.left {
	width:200px;
	background-color:#5F87DF;
	color:#fff;
}

TABLE.bj TH.right {
	background-color:#5F87DF;
	color:#fff;
}

TABLE.bj TH.price {
	background-color:#FF6600;
	color:#fff;
}

TABLE.bj TD.left {
	width:200px;
	background-color:#fcf4da;
	color:#686868;
}

TABLE.bj TD.left IMG {
	float:left;
	clear:none;
}

TABLE.bj TD.left SPAN {
	float:left;
} 

TABLE.bj TD.left TABLE TD {
	padding:0px;
}

TABLE.bj TD.seperator {
	width:1px;
	font-size:1px;
	padding:0px;
}

TABLE.bj TABLE.stages {
	width:100%;
}

TABLE.bj TD.ui {
	background-color:#e4e4e4;
}

TABLE.bj TD.ui SELECT, TABLE.bj TD.ui INPUT {
	font-size: 8.5pt;
	/*background: url(images/input-background.gif) no-repeat;
	border: silver 1px solid;*/
}

TABLE.bj TD.ui INPUT.back {
	float:left;
}

TABLE.bj TD.ui INPUT.continue {
	float:right;
}

TABLE.bj TD.ui A.backImage {
	float:left;
}

TABLE.bj TD.ui A {
	color:#FF6600;
	font-weight:bold;
}

TABLE.bj A.back, TABLE.bj A.back:visited {
	float:right;
	background-color:#474747;
	color:#fff;
	font-weight:bold;
	font-size:10pt;
	padding:2px;
}

TABLE.bj A.back:hover {
	background-color:#000;
}

div.stageOn{
	float:left; clear:none;
	background-color:#FF6600;
	color:#fff;
	font-weight:bold;
	padding:0px 4px 0px 0px;
	line-height:30px;
	width:19%;
	text-align:center;
}

div.stageOn div {
	background-image:url(Images/bj-arrow-on.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff;
	float:left;
	width:10px;
	height:30px;
	padding:0px 2px;
}

div.stageOff {
	float:left; clear:none; text-indent:20px;
	background-color:#ffd9bf;
	color:#fff;
	font-weight:bold;
	padding:0px 4px 0px 0px;
	line-height:30px;
	width:19%;
	text-align:center;
}

div.stageOff div {
	background-image:url(Images/bj-arrow-off.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff;
	float:left;
	width:10px;
	height:30px;
	padding:0px 2px;
}

span.bjStepTitle {
	color:#5F87DF; /* blue */ font-weight:bold; font-size:13pt; margin:0px;
	padding-left:14px;
	background-image:url(images/bj-arrow-on.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

div.bookingJourneySidebar DIV {
	margin:1px auto 8px auto;
}

DIV.ferrySelections SPAN {
	margin:0px 3px 0px 0px;
}

TR.repeaterAlt {
	background-color: #FCFCFC;
}

DIV.totalCost {
	color:#FF6600; font-size:16px;
	padding-top:10px;
}

SPAN.price {
	color:#f00;
}

SPAN.priceDueToday {
	color:#f00;
	font-weight:bold;
}

TD.amendButton {
	text-align:right;
}

SPAN.creditCardFeeMessage {
	color:#f00;
	font-weight:bold;
}

SELECT.Capitalise OPTION {
	text-transform:capitalize;
}

SPAN.amountPayable {
	font-weight:bold;
	font-size:12pt;
	color:#FF6600;
}

DIV.threeDAuth {
	color:#fff;
}