/************************************
 * OVERALL LAYOUT
 ************************************/
	

	body {
		font-size: 62.5%;
		font-family: Arial, Helvetica, Sans-Serif;
	}

	#wrapper {
		width: 620px;
		padding: 20px 20px 20px 20px;
		margin: 10px 0 0 10px;
		float: left;
		font-size: 1.1em;
		position: relative;
	}
	
	.pagination td {
		height: 18px;
	}

	a{
		color:#000000;
	}
	
	.small-divider {
		height: 6px;
	}
	
	.medium-divider {
		height: 11px;
	}

	.larger-divider {
		height: 12px;
	}
	br.clear { clear:both; height:0px; font-size:0.01em; line-height:0.01em; }
	
	a,
	label,
	input,
	a:focus,
	label:focus,
	input:focus
	 {
		outline: none;
	}

	
/************************************
 * HEADER AND FOOTER
 ************************************/

	#header {
		width: 306px;
		margin-left: 8px;
		float: left;
		display: inline;
	}
	#header span{
		margin-top:-7px;
		position:relative;
		left: 3px;
		top:-3px;
	}

	#header h1 {
		width: 250px;
		height: 14px;
		text-indent: -1000em;
	}

	#footer {
		padding: 15px 0 20px 10px;
		color: #E1E1E1;
	}



/************************************
 * SECTION HEADERS
 ************************************/
 
 	h2 {
/* 		background: #E1E1E1 url(/img/h2-bg.gif?20100916) top no-repeat;*/
 		margin: 7px 0 5px 0;
 		position: relative;
 	}
 	
 	h2 span {
 		line-height: 2.1em;
 		height: 2.1em;
 		display: block;
 		background: url(/img/h2-border.gif?20100916) bottom no-repeat;
 		padding: 0 10px 0 10px;
 	}
	
	h2 span span.header
	{
		display:inline;
		background:none;
		padding:0px 0px 0px 6px;
		margin:0px 0px 0px 0px;
	}
	.normalFont{
		font-weight:normal !important;
		float:left;
		margin-left:10px;
	}
	.floatLeft{
		float:left;
	}
	.border-left
	{
		width: 10px;
		background: #F1F1F1 url(/img/results-table-bottom-left.png?20100916) left bottom repeat-x!important;
	}
 	


/************************************
 * BOOKING STEPS
 ************************************/
	.loader
	{
		text-align:center;
	}
	
	#booking-steps {

	}
	
	#booking-steps ul {
		width: 304px;
		float: right;
	}
	
	#booking-steps ul li {
		width: 70px;
		height: 70px;
		line-height: 1.2em;
		float: left;
		display: inline;
		background-color: #e1e1e1;
		margin: 0 0 0 6px;
		background: url(/img/booking-steps-inactive.gif?20100916) center center no-repeat transparent ;
	}
	
	#booking-steps ul li.active {
		background: url(/img/booking-steps-active.gif?20100916) center center no-repeat transparent ;
		color: #FFF;
	}

	#booking-steps ul li span {
		display: block;
		/*padding: 6px 10px 0 8px;*/
		padding: 0 8px 0 8px;
	}
	#booking-steps ul li span strong{
		display: block;
		/*padding: 6px 10px 0 8px;*/
		margin-bottom:-5px;
		padding: 6px 10px 0 0;
	}
	
	#booking-steps ul li.incomplete span,
	#booking-steps ul li.incomplete {
		/*color: #9C9E9F;*/
		color:#808080;
	}
	
	.NewBooking #mainReturn, .NewBooking #routeReturn{
	display:none;
	}


/************************************
 * TOOLTIP
 ************************************/
 
 	.tooltip {
 		width: 192px;
 	}
 	
 	.tooltip .top {
 		height: 17px;
 		background: url(/img/tooltip-top-bg.png?20100916) top no-repeat;
 	}
 	
 	.tooltip p {
 		background: url(/img/tooltip-content-bg.png?20100916) top repeat-y;
 		padding: 0 17px 0 17px;
 		font-size: 1.1em;
 		line-height: 1.3em;
 	}
 	 	
 	.tooltip .bottom {
 		height: 33px;
 		background: url(/img/tooltip-bottom-bg.png?20100916) bottom no-repeat;
 	}
 
 /*************************************
 * BORDERS
 **************************************/
 
 .greyBorder{
 	border-left:solid 1px lightGrey;
		border-right:solid 1px lightGrey;
 }
 .greyBorderTop{
 	border-top:solid 1px lightGrey;
 }
 .greyBorderBottom{
 	border-bottom:solid 1px lightGrey;
 }

/************************************
 * BUTTONS
 ************************************/

	.actions,.actionsBackground {
		padding: 5px 10px 0 0;
        margin-bottom: 5px;
		height: 20px;
	}
    
    #CardLogin .actions
	{
		/**/padding-left:0;
	}
	.change-online-booking
	{
		height:auto;
		padding:0;
	}
	
	.actionsBackground{
		background:url("/img/h2-border.gif?20100916") no-repeat scroll center bottom transparent;
		width:320px;
	}

	.actions a,
	.actions span {
		display:block;
		background-repeat: no-repeat;
		line-height: 2.2em;
		text-decoration: none;
		color: #000;
		padding: 0 5px;
	}	
	
	 a#ProfileSubmit
	{
		line-height: 2.1em;
		top:-1px;
	}
	
	.actions .primary {		
		background-position: right;
		float: right;
		margin-left: 20px;
		/*padding-right: 35px; */
		padding-right: 15px;
		font-weight: normal;
	}
	
	.actions .secondary {
		background-position: left;
		float: left;
		margin-right: 20px;
		padding-left: 28px;
	}
	
	.actions .primary-spinner {		
		background-position: right;
		float: right;
		margin-left: 20px;
		padding-right: 25px;
		font-weight: bold;
	}

	/*
	.actions .primary-arrow-right { background-image: url(/img/icons/blue-arrow-right.gif?20100916); }
	.actions .primary-arrow-right-disabled { background-image: url(/img/icons/primary-arrow-right-disabled.gif?20100916); }
	.actions .secondary-arrow-left { background-image: url(/img/icons/secondary-arrow-left.gif?20100916); }
	.actions .secondary-arrow-right { background-image: url(/img/icons/secondary-arrow-right.gif?20100916); }
	*/
	.actions .primary-arrow-right { background-image: url(/img/pil_right_black.png); }
	.actions .primary-arrow-right-disabled { background-image: url(/img/pil_right_grey.png); }
	
	.actions .secondary-arrow-left { background-image: url(/img/pil_left_black.png); padding-left:18px; margin-left:10px; }
	.actions .secondary-arrow-right { background-image: url(/img/pil_right_black.png); }
	.actions .secondary-cross { background-image: url(/img/icons/red-cross.png?20100916); }
	
	.actions .secondary-confirm { background-image: url(/img/icons/green-check.png?20100916); }
	
	.actions .tertiary-arrow-left { background: url(/img/icons/tertiary-arrow-left.gif?20100916) 4px no-repeat; padding-left: 26px; }
	.actions .tertiary-arrow-right { background: url(/img/icons/tertiary-arrow-right.gif?20100916) 78px no-repeat; padding-right: 20px; }
	.actions .tertiary-arrow-left.disabled { background: url(/img/icons/tertiary-arrow-left-disabled.gif?20100916) 4px no-repeat; padding-left: 26px; color: #808080; }
	.actions .tertiary-arrow-right.disabled { background: url(/img/icons/tertiary-arrow-right-disabled.gif?20100916) 78px no-repeat; padding-right: 20px; color: #808080; }

	.actions .blue-arrow-right { background-image: url(/img/icons/blue-arrow-right.gif?20100916); }
	.actions .blue-arrow-left { background-image: url(/img/icons/blue-arrow-left.png?20100916); }
	
	.en-gb #FormStep2 .actions .tertiary-arrow-right { background-position: 50px 50%; }
	
	.actions a span {
		font-weight: normal;
	}
	.actions .span-spinner {
		font-weight: normal;
	}	
	
	#booking-guide {
		position: absolute;
		top: 0;
		right: 10px;
		color: #000;
		cursor: pointer;
		padding: 0 25px 0 5px;
		/**/background: url(/img/icons/information.png?20100916) no-repeat right;
		font-weight: normal;
		text-decoration: none;
	}

	.actions .disabled {
		/*color: #D4D4D4!important;
		cursor: default;*/
		/*display:none;*/
	}

	.dialog .actions {
		padding: 15px 0 0 0;
	}
	
	#booking-copy-details {
		float: right;
		padding: 5px 10px 5px 18px;
		text-decoration: none;
		color: #000;
		background: url(/img/icons/copy-details.gif?20100916) left no-repeat;
	}
	
	/* Override positioning */
	.actions .left { float: left; margin-left: 0; }
	.actions .right { float: right; margin-right: 0; }
	
	/*New design v2*/
	#booking-copy-details-v2 {
		position: absolute;
		top: 0;
		right: 0px;
		color: #000;
		cursor: pointer;
		padding: 0 10px 0 19px;
		background: url(/img/icons/copy-details.gif?20100916) no-repeat left;
		font-weight: normal;
		text-decoration: none;
	}
		
	/*
	#ChangeBookingListForm #BookingSubmit,
	*/
	#ConfirmationLogin #BookingViewConfirmation,
	#ProfileSubmit,	
	#AgentOfficerLogin #AgentAgentOfficerLogin,
	#CancelBooking #BookingSubmit,
	#UserLogin,
	#BookingUpdateGroup,
	#booking-next-step,
	#BookingRetreivePassword,
	#FormStep4 #BookingSubmit,
	#BookingPayPhone {
		background-image: url("../img/icons/blue-arrow-right.gif?20100916");
		background-repeat: no-repeat;
		background-position: right top;
		background-color: transparent;
		color:#000000;
		cursor:pointer;
		font-weight:normal;
		padding:1px 35px 0 5px;
		right:10px;
		text-decoration:none;
		top:0;
		float: right;
	}
	
	#ConfirmationLogin #BookingViewConfirmation.ticker,
	#ProfileSubmit.ticker,	
	#AgentOfficerLogin #AgentAgentOfficerLogin.ticker,
	#CancelBooking #BookingSubmit.ticker,
	#UserLogin.ticker,
	#BookingUpdateGroup.ticker,
	#booking-next-step.ticker,
	#BookingRetreivePassword.ticker,
	#FormStep4 #BookingSubmit.ticker,
	#BookingPayPhone.ticker {
		background-image: url('../img/icons/ticker.gif');
		background-repeat: no-repeat;
		background-position: right top;
		background-color: transparent;
		color:#000000;
		cursor:pointer;
		font-weight:normal;
		padding:1px 35px 0 5px;
		right:10px;
		text-decoration:none;
		top:0;
		float: right;
	}
	
	.ticker.disabled {
		color: #808080!important;
	}
	
	#CancelBooking #BookingSubmit
	{
		padding:0px 35px 0px 0px;
	}
	
	
	.booking-confirmation #BookingViewConfirmation
	{
		position:relative;
		right:auto;
	}
	
	#CancelBooking #BookingViewConfirmation
	{
		right:auto;
	}
	
	.booking-confirmation-wrapper #BookingViewConfirmation
	{
		padding:0px 0px 0px 12px;
	}
	
	.return_to_start {
		background:url("/img/icons/home.png?20100916") no-repeat scroll 0 1px transparent;
		color:#000000;
		text-decoration:none;
		padding:0 25px 0 28px!important;
		float:left;
		margin-right:20px;
	}
	
	#booking-previous-step {
		background:url("/img/icons/tertiary-arrow-left.gif?20100916") no-repeat scroll 0 1px transparent;
		color:#000000;
		cursor:pointer;
		font-weight:normal;
		padding:0 25px 0 20px;
		position:absolute;
		left:4px;
		text-decoration:none;
		top:1px;
		width:48px;
		height:19px;
	}

/************************************
 * GENERIC FORM STYLES
 ************************************/

 	label {
		font-weight: bold;
		display: block;
		padding: 7px 0 7px 0;
	}

	.labeltitle p {
		font-weight: bold;
		display: block;
		padding-bottom: 5px;
		padding-top: 10px;
	}
		
	label.disabled {
		color: #CCC!important;
	}
	
	label span {
		font-weight: normal;
	}

	input,
	select,
	textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	input {
		padding-top: 0;
		padding-bottom: 0;
		margin:0;
		margin-right:3px;
		
	}
	
	.field .field-value {
		display: inline;
		padding: 3px 0 3px 10px;
		float: left;
	}
	
	.form-errors {
		margin: 10px 10px 5px 10px;
		color: #C00;
		padding: 0 0 2px 0px;
	}
	.timeoutText
	{
		padding-left:10px;
	}
	
	.rounded-block .form-errors {
		margin: 10px 0 5px 0;
	}
	
	.form-errors li {
		line-height: 1.3em;
	}

	
	.rounded-block-wrapper {
		margin-top: 10px;
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 0;
		
		width: 100%;
		/*background: #FFF url(/img/rounded-block-wrapper-middle.png?20100916) top repeat-y;*/
	}
	
	#BookingConfirmation .rounded-block {
		padding-left: 11px;
	}
	
	
	.rounded-block-wrapper .top {
		height: 2px;
		padding-left:16px;
		background: #FFF url(/img/rounded-block-top.png?20100916) left top no-repeat;
	}

	.rounded-block-wrapper .top.large {
		height: 2px;
		padding-left:14px;
		background: #FFF url(/img/large-rounded-block-top.png?20100916) left top no-repeat;
			/*width:604px;*/
		width: 620px;
	}
	
	.rounded-block-wrapper .top.medium {
		height: 2px;
		padding-left:16px;
		background: #FFF url(/img/medium-rounded-block-top.png?20100916) left top no-repeat;
		width:598px;
	}
	
	.rounded-block-wrapper .top.small {
		height: 2px;
		padding-left:16px;
		background: #FFF url(/img/small-rounded-block-top.png?20100916) left top no-repeat;
		width:180px;
	}
	
	.rounded-block-wrapper .top strong {
		background: #FFF;
		padding: 0 5px 0 5px;
		line-height: 1.1em;
		position:absolute;
		margin-top:-5px;
		margin-left:-10px;
	}

	.rounded-block-wrapper .top span {
		background: #FFF;
		padding: 0 5px 0 5px;
		line-height: 1.1em;
		position:absolute;
		margin-top:-5px;
		margin-left:-9px;
	}
	
	.rounded-block-wrapper .top span.extended {
		background: #FFF;
		line-height: 1.1em;
		margin-top:-5px;
		left: 94px;
		font-weight: bold;
		position: absolute;
	}
	
	/* only for group-booking in change-booking-step-3, since there can be more than 9 passengers! */
	.rounded-block-wrapper .top span.extended.group-booking {
		left: 108px;
	}
	
	.rounded-block-wrapper .bottom.large {
		height: 2px;
		background: #FFF url(/img/large-rounded-block-bottom.png?20100916) left bottom no-repeat;
		width:620px;
	}
	
	.rounded-block-wrapper .bottom.small {
		height: 2px;
		background: #FFF url(/img/small-rounded-block-bottom.png?20100916) left bottom no-repeat;
		width:180px;
	}
	
	.rounded-block-wrapper .bottom.medium {
		height: 2px;
		background: #F1F1F1 url(/img/us-medium-rounded-block-bottom.png?20100916) left bottom no-repeat;
		width:606px;
	}
	
	.rounded-block-wrapper .bottom {
		height: 2px;
		background: #FFF url(/img/rounded-block-bottom.png?20100916) left bottom no-repeat;
	}

	.rounded-block.non-edit {
		height: 58px;
	}
	
	.rounded-block {
		line-height: 1.3em;
		padding: 5px 10px 5px 6px;
		border-left:solid 1px #C0C0C0;
		border-right:solid 1px #C0C0C0;
	}
	.clearDiv { clear:both; }
	 
	.non-editable-journey {
		padding: 10px;
	}
	
	.rounded-block .actions {
		padding: 10px 10px 0 0;
	}
	
	#FormStep2 .date-surcharge-container {
		width: 100%;
	}
	
	#FormStep2 #BookingReturnReadMore,
	#FormStep2 #BookingDepartureReadMore {
		position: relative;
		z-index:3;
		/*
		left:10px;
		*/
		right:0px;
		margin-right:-10px;
		margin-left:0px;
	}
	
	.changeDayBar
	{
		background: url('/img/border_270px.gif?20100916') no-repeat scroll left bottom transparent;
		padding: 0 0 3px;
		width: 270px;
		float: left;
	}
/************************************
 * MY LOGIN
 ************************************/

	#my-login {
		width: 220px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		color: #999999;
	}
	
	#my-login-form,
	#my-login-links {
		width: 220px;
		margin-top: 30px;
		background: #e1e1e1 url(/img/my-login-middle-grey-bg.gif?20100916) top repeat-y;
		float: left;
		font-size: 1.1em;
	}
	
	#my-login-links {
		margin-top: 10px;
	}

	#my-login-form-top,
	#my-login-links-top {
		height: 10px;
		background: url(/img/my-login-top-grey-bg.gif?20100916) top no-repeat;
	}
	
	#my-login-form-bottom,
	#my-login-links-bottom {
		height: 10px;
		background: url(/img/my-login-bottom-grey-bg.gif?20100916) top no-repeat;
	}

	#my-login h3 {
		padding: 3px 20px 0 20px;
		font-size: 1.6em;
	}

	
	#my-login .hidden { visibility:hidden; }
	
	
	#my-login form {
		width: 180px;
		margin: 15px auto 0 auto;
	}
	#my-login form .field {
		width: 180px;
		height: 30px;
	}
	#my-login form label {
		width: 70px;
		padding: 2px 0 2px 0;
		float: left;
	}
	#my-login form input {
		width: 80px;
		padding: 2px 0 2px 0;
		margin-right: 5px;
		float: left;
		background: #e1e1e1;
	}
	#my-login #BookingCustomerNo {
		width: 100px;
	}

	#my-login-submit {
		float: left;
		width: 16px;
		height: 16px;
	}
	#my-login-password {
		float: left;
		width: 16px;
		height: 16px;
	}
	#my-login .greenArrow {
		background: url(/img/green-arrow.gif?20100916) left no-repeat;
	}	
	#my-login .greyArrow {
		background: url(/img/grey-arrow.gif?20100916) left no-repeat;
	}
	#my-login .greenQuestion {
		background: url(/img/h2-bg.gif?20100916) left no-repeat;
	}	
	#my-login .forgotPass {
		cursor: pointer;
		padding-top:6px;
		background: url(/img/icons/information-grey-bg.gif?20100916) left no-repeat;
	}
	#my-login .left {
		background: left;
	}
	#my-login .right {
		background: right;
	}
	#my-login #login_submit {
	}

	.my-login-link {
		width: 160px;
		margin: 0px auto 0px auto;
		padding: 10px 0px 10px 20px;
		background: url(/img/grey-arrow.gif?20100916) left no-repeat;
	}
	.rule {
		border-bottom: 1px solid #999999;
	}
	#my-login a {
		color: #999999;
		text-decoration: none;
	}
	#my-login a:hover,
	#my-login a:active{
		text-decoration: underline;
	}

/************************************
 * MY BOOKING PANEL
 ************************************/

	#my-booking {
		background: #F1F1F1 url(/img/my-booking-middle-grey-bg.png?20100916) top repeat-y;
		float:left;
		font-size:1.1em;
		margin-top:30px;
		width:220px;
		
		/* to force mybooking to the right on handhelds */
 		position:absolute;
		top:0px;
		left:668px;
		
	}
	
	#my-booking .my-booking-non-editable {
		color: #999;
	}
	
	#my-booking .spacer-line {
		padding: 0!important;
	}
	
	#my-booking hr {
		color: #C0C0C0;
		background-color: #C0C0C0;
		height: 1px;
		border: none;
	}

	#my-booking-top {
		
		background: url("/img/my-booking-boxtop.png?20100916") no-repeat;
		height:18px;
		width:220px;
		padding-left:5px;
	}
	
	#my-booking-bottom {
		height: 10px;
		background: url(/img/my-booking-bottom-grey-bg.png?20100916) bottom no-repeat;
	}
	#my-booking .gotland-resident {
		margin-top:5px;
		padding-top: 3px;
	}

	#my-booking h3 {
		padding: 3px 5px 0 5px;
		font-size: 1.6em;		
	}

	#my-booking span {
		display: block;
		padding: 0 20px 0 20px;
	}

	#my-booking table {
		width: 180px;
		margin: 0 auto 0 auto;

	}
		
	#my-booking table.route {
		margin-top: 15px;
	}
	
	#my-booking table .main {
		border: 1px solid #F00;
		margin-top: 0;
		padding: 0;
		
	}
	#my-booking table td {
		padding: 2px 0 2px 0;
		vertical-align: top;
	}
	
	#my-booking table.footer td {
		padding: 5px 0 5px 0;
	}
	
	#my-booking table thead td {
		font-weight: bold;
		text-align: left;
	}
	
	#my-booking table #myBookTotalRow {
		font-weight: bold;
	} 
	
	#my-booking table #myBookToPayRow {
		font-weight: bold;
	}

	#my-booking table tfoot td {
		font-weight: bold;
	}

	#my-booking table td.item { text-align: left; }
	#my-booking table td.value { text-align: right; }
	
	#my-booking table td.first { padding-top: 5px; }
	#my-booking table td.last { padding-bottom: 15px; }
	
	#my-booking .hidden { visibility: hidden; }
	#my-booking .disable { display: none; }
	
	#my-booking .bookingNumber { 
        float: right;
        padding: 3px 20px 0 0;
        font-weight: normal;
        margin-top: 5px;
    }
	
	#my-booking .my-booking-middle-card a { cursor:pointer; text-decoration:none; color:black;}
	#my-booking .my-booking-middle-card a:active { color:black; }
	#my-booking .my-booking-middle-card a:hover { color:black; }
	#my-booking .my-booking-middle-card a:visited { color:black; }
	
	#my-booking .my-booking-middle-card .bold { font-weight: bold; }
	
	#my-booking .my-booking-middle-card h3 {
		font-size: 1.2em;
	}


/************************************
 * INFORMATION PANEL (card holder sidebar)
 ************************************/
	
	#customer-profile-sidebar ul li,
	#agent-officer-sidebar ul li,
	#card-sidebar ul li {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #C0C0C0;
		padding: 6px 0 6px 11px;
	}
	
	#customer-profile-sidebar ul li#sidebar_menu_password,
	#agent-officer-sidebar ul li#sidebar_menu_password,
	#card-sidebar ul li#sidebar_menu_password {
		border-bottom: 0;
		padding: 6px 0 6px 11px;
	}
	
	#card-sidebar ul li.active {
		background: url(/img/square.png?20100916) no-repeat 1px center transparent;
		/*padding-left: 12px;*/
	}
	
	#card-sidebar .rounded-block-wrapper .rounded-block {
		padding-bottom: 0;
	}
	
	#customer-profile-sidebar ul li a,
	#agent-officer-sidebar ul li a,
	#card-sidebar ul li a {
		text-decoration: none;
		font-weight: normal;
		color: #000;
	}
	
	#customer-profile-sidebar ul li a.disabled,
	#agent-officer-sidebar ul li a.disabled,
	#card-sidebar ul li a.disabled {
		color: #9C9E9F;
		cursor: default;
	}
	
	#card-sidebar {
		float: left;
		margin-right: 15px;
		margin-top: -10px;
		width:180px;
	}
	
	.card-container {
		float: left;
		margin-top: 12px;
	}
	
	#card-sidebar .card-valid-date
	{
		padding-left:10px;
	}
	
	#home-content {
		float: right;
		border-left: 1px solid lightgrey;
		padding-left: 14px;
		min-height: 204px;
		margin-bottom: 6px;
		width:410px;
	}
	
	.card-container .footer {
		float: right;
		vertical-align: bottom;
	}

/************************************
 * INDEX
 ************************************/

 	#index {
		margin-left:10px;
	}
	
	#index .choice-box {
		display: inline;
		width: 190px;
		float: left;
		margin: 0px 10px 0px 0px;
		font-size:12px;
	}
	#index .choice-box-lg {
		width: 290px;
	}
	#index .choice-box a { cursor:pointer; text-decoration:none; color:black;}
	#index .choice-box a:active { color:black; }
	#index .choice-box a:hover { color:black; }
	#index .choice-box a:visited { color:black; }

	#index .boxWrapper {
		display:block;
		background: #FFF url(/img/index-option-wrapper.gif?20100916) top no-repeat;
		margin-top: 10px;
		height: 70px;
		padding: 4px 20px 0 20px;
	}
	#index .boxWrapper-lg {
		background: #FFF url(/img/index-option-wrapper-lg.gif?20100916) top no-repeat;
	}

	#index .boxBottom {
		display:block;
		height: 11px;		
		margin-bottom: 15px;
		background: #FFF url(/img/index-option-bottom.gif?20100916) bottom no-repeat;
	}
	#index .boxBottom-lg {
		background: #FFF url(/img/index-option-bottom-lg.gif?20100916) bottom no-repeat;
	}
	
	#index .optionMess {
		display:block;
		padding-top:40px;
	}	
	
	#index .greenArrow {
		display:block;
		height: 19px;
		font-weight: bold;
		background: url(/img/icons/primary-arrow-right.gif?20100916) right no-repeat;
		padding-top:8px;
	}	
	#index .greyArrow {
		display:block;
		height: 19px;
		font-weight: bold;
		color: #A7A7A7;
		background: url(/img/icons/primary-arrow-right-disabled.gif?20100916) right no-repeat;
		padding-top:8px;
	}
	#index .disabled {
		color:#D4D4D4;
	}
	.red {
		color:red;
	}

/************************************
 * STEP 1 LAYOUT
 ************************************/

	#FormStep1 #BookingDepartureInformation,
	#FormStep1 #BookingReturnInformation {
		/*position: relative;*/
	}

	#FormStep1 .left-column-no-left-padding {
		width: 260px;
		float: left;
		margin: 5px 0 0 0px;
		display: inline;
		position: relative;
	}
	
	#FormStep1 .route-selection label {
		padding-top:10px;
	}
	
	#FormStep1 .route-selection {
		padding-bottom: 3px;
	}
	
	#FormStep1 .passenger-selection {
		padding-bottom: 3px;
	}

	#FormStep1 .passenger-selection label {
		padding-top:10px;
	}
		
	#FormStep1 .left-column,#AdminForm .left-column {
		width: 272px;
		float: left;
		margin: 0px 0 0 10px;
		display: inline;
		position: relative;
	}
	
	#FormStep1 .left-column label {
		margin-top: 5px;
		padding-top: 6px;
	}
	
	#FormStep1 #leftRightColumnContainer {
		/*margin-bottom:12px;*/
		overflow:auto;

	}
	
	/*
	#FormStep1 #leftRightColumnContainer .right-column {
		width: 300px;
		display: inline;
		position: relative;
		left: -27px;
		top: -23px;
	}
	*/
	
	#FormStep1 .right-column {
		width: 300px;
		float: right;
		display: inline;
		margin: 0 0 0 9px;
		
	}
	
	
	
	
	
	#FormStep1 #leftRightColumnContainer .right-column
	{
		width: 326px;
		display:block;
		margin-top:5px;
		float:right;
	}

	
	
	#FormStep1 #BookingDeparturePassenger label,
	#FormStep1 #BookingReturnPassenger label {
		padding-top:10px;
	}
	
	#FormStep1 #BookingProductSelectionDeparture {
		margin: 0 0 0 10px;
	}
	
	#FormStep1 #BookingDepartureRoute,
	#FormStep1 #BookingReturnRoute {
		float: left;
	}
	
	#FormStep1 #BookingDepartureDate,
	#FormStep1 #BookingReturnDate {
		width:125px;
	}
	
	#FormStep1 .show-map {
		float: left;
		text-decoration: none;
		padding: 5px 21px 0 8px;
		background: url(/img/icons/information.png?20100916) no-repeat;
		/*background-position:60px 0px;*/
		background-position:top right;
		color: #000;
		height:12px;
	}
	
	#FormStep1 .CalendarWrapper, #AdminForm .CalendarWrapper {
		margin-top: 12px;
		position: relative;
		left: -10px;
	}

	#FormStep1 .CalendarBottom, #AdminForm .CalendarBottom {
		height: 5px;
		background: url(/img/calendar-bottom-bg.png?20100916) left bottom no-repeat;
		margin-bottom: 8px;		
	}
	
	#FormStep1 .CalendarBorder,#AdminForm .CalendarBorder {
		border: 1px;
		color: #FFF;
	}
	
	#FormStep1 .CalendarWrapper .CalendarDeactivate, #AdminForm .CalendarWrapper .CalendarDeactivate {
		display: block;
		width:290px;
		height: 10px;
		position: absolute;
		z-index: 999;
		top: 0;
		left: -2px;
		background: url(../img/white70.png?20100916);
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/white70.png?20100916', sizingMethod='scale');
		_background: none;
	}
	
	#FormStep1 #BookingProductSelectionReturn{
		position: relative;
		margin-bottom: 10px;
		margin-top: 8px;
		width: 270px;
		height: 2.1em;
		background: #E1E1E1 url(/img/gotland-resident-bg.gif?20100916) top no-repeat;
	}
	
	#FormStep1 .resident-of-gotland {
		position: relative;
		margin-bottom: 15px;
		margin-top: 0;
		width: 326px;
		height: 60px;
		padding-bottom: 12px;
	}
	
	#FormStep1 .resident-of-gotland-info.top {
		background: url("/img/gotland-info-top.png?20100916") no-repeat;
	}
	
	#FormStep1 .resident-of-gotland-info .middle {
		background: url("/img/gotland-info-middle.png?20100916") repeat-y;
		padding-left: 6px;
		padding-right: 6px;
		height:78px;
		position: relative;
		top: -1px;
	}
	
	#FormStep1 .resident-of-gotland-info.bottom {
		
		background: url("/img/gotland-info-bottom.png?20100916") no-repeat;
		position:relative;
		top:-1px;
	}
	
	#FormStep1 .resident-of-gotland-info
	{
		padding-top:3px;
	}
	
	.gotland-round-trip h2 span {
		background: url(/img/border_270px.gif?20100916) left top no-repeat; 
	}
	
	#FormStep1 .gotland-round-trip {
		position: relative;
		margin-bottom: 0px;
		margin-top: 5px;
		width: 270px;
		height: 2.1em;
	}
	
	
	
	#FormStep1 .gotland-round-trip #radioButtons
	{
		/*margin-left:31px;*/
		margin-left:4px;
	}
	
	.en-gb #FormStep1 .gotland-round-trip #radioButtons
	{
		/*margin-left:47px; */
	}
	
	#FormStep1 .gotland-round-trip #radioButtons label {
		
		padding-right:8px;
		margin-top:-6px;
	}
	
	#FormStep1 #BookingProductSelectionReturn div,
	#FormStep1 .gotland-round-trip div{
		display: block;
		height: 2.1em;
	}
	
	#FormStep1 .resident-of-gotland #residentInfoLink{
		display: block;
		padding:2px 5px 0 0px;
		margin-top:-2px;
		font-weight: normal;
		color: #E1E1E1;
		float: right;
		cursor: pointer;
		background: url(/img/icons/information.png?20100916) right no-repeat;
		width:17px;
		height:17px;
		position: relative;
		left: 8px;
		text-decoration:none;
	}
	
	#FormStep1 .gotland-round-trip div input {
		float: left;
		margin-top: 5px;
	}
	#FormStep1 .resident-of-gotland div input[type="radio"]{
		float: left;
		margin-top: 3px;
	}
	
	#FormStep1 .roundtrip div input {
		float: left;
		margin-top: 5px;
	}
	
	#FormStep1 #BookingProductSelectionReturn div label,	
	#FormStep1 .gotland-round-trip div label {
		font-weight: normal;
		color: #000;
		float: left;
		padding: 6px 8px 0px 0px;
	}
		
	#FormStep1 .resident-of-gotland div label
	{
		font-weight: normal;
		color: #000;
		float: left;
		padding: 1px 8px 0px 0px;
		margin-top: 2px;
	}
	
	#FormStep1 .gotland-round-trip-desc label {
		font-weight: normal;
		color: #000;
		padding-left: 8px;
		margin-top:40px;
	}
	
	#FormStep1 .gotland-round-trip-desc label.higher {
		margin-top: 6px;
	}
	
	#FormStep1 #BookingProductSelectionReturn div label,
	#FormStep1 #BookingGotlandResidentLabel,
	#FormStep1 #BookingGotlandResidentLabelReturn {
		font-weight: bold;
		padding: 6px 10px 0px 10px;
	}
		
	#FormStep1 .resident-of-gotland-info.middle div	{
		font-weight: normal;
		padding: 0 10px 0px 6px;
		line-height: 1.2em;
	}
	
	#FormStep1 .resident-of-gotland-info #BookingProductSelectionReturn div label,
	#FormStep1 .resident-of-gotland-info #BookingGotlandResidentLabel,
	#FormStep1 .resident-of-gotland-info #BookingGotlandResidentLabelReturn {
		font-weight: bold;
		padding: 0 10px 0px 6px;
		margin-top:3px;
	}
			
	#FormStep1 #productSelection,
	#FormStep1 #gotlandChoice {
		font-weight: normal;
		float: left;
		padding: 6px 2px 0px 8px;
	}

	#FormStep1 #BookingDeparturePassenger,
	#FormStep1 #BookingReturnPassenger {
		float: left;
		margin-left:1px;
	}
	
	#FormStep1 #BookingDepartureVehicle,
	#FormStep1 #BookingReturnVehicle {
		float: right;
	}
	
	#FormStep1 #BookingDepartureVehicleLabel,
	#FormStep1 #BookingReturnVehicleLabel,
	#FormStep1 #BookingDeparturePassengerType,
	#FormStep1 #BookingReturnPassengerType {
		cursor: pointer;
		float: left;
		padding-right: 32px;
		background: url(/img/icons/information.png?20100916) no-repeat;
		background-position:45px center;
		padding-top: 10px;
	}
	
	#FormStep1 #BookingDepartureVehicleType,
	#FormStep1 #BookingReturnVehicleType {
		width: 183px;
		margin-right:5px;
	}
	
	#FormStep1 #BookingDeparturePassengerType,
	#FormStep1 #BookingReturnPassengerType {
		margin-top: 5px;
		padding-top:6px;
		background-position:125px 3px ;
	}
	
	.en-gb #FormStep1 #BookingDeparturePassengerType,
	.en-gb #FormStep1 #BookingReturnPassengerType
	{
		background-position:105px 3px ;
	}

	#FormStep1 #BookingDepDateLabel,
	#FormStep1 #BookingRetDateLabel {
		margin-top: 5px;
		padding-top:6px;
	}
	
	#FormStep1 #BookingDeparturePassengerCount
	{
		float:left;
	}
	
	#FormStep1 .BookingDeparturePassengerTypeWrapper,
	#FormStep1 .BookingReturnPassengerTypeWrapper {
		padding: 1px 0 1px 0;
	}
	
	#FormStep1 .BookingDeparturePassengerTypeWrapper label,
	#FormStep1 .BookingReturnPassengerTypeWrapper label {
		font-weight: normal;
		float: left;
		padding-right: 6px;
		padding-top: 3px;
	}

	#FormStep1 .BookingDeparturePassengerTypeWrapper select,
	#FormStep1 .BookingReturnPassengerTypeWrapper select {
		width: 220px;
		float: right;
		/*height:18px;*/
	}
	
	#FormStep1 .single-trip-fix
	{
		top:-1px;
	}
	#wrapper .savebutton-height-adjustment
	{
		top:-1px;
	}
	
/************************************
 * STEP 2 LAYOUT
 ************************************/	
 	#DepartureLoadingDiv, #ReturnLoadingDiv
	{
		float:left;position:absolute;margin-left:285px;
		padding-top:5px;
	}
	.trBorder{
		border:solid 1px lightGrey;
		margin-bottom:10px;
	}
	
	/*tr{
		
		border-top:solid 1px #000000 !important;
		border-left:solid 1px #000000 !important;
		border-right:solid 1px #000000 !important;
		background-color:#F1F1F1;
	}*/
	
	#FormStep2 #BookingDepartureDateLabel,
	#FormStep2 #BookingReturnDateLabel {
		margin-left: 3px;
	}
	
	#FormStep2 .return-results tr.top,#FormStep2 .departure-results tr.top{
		
		/*border-top:solid 1px lightGrey !important;
		border-left:solid 1px lightGrey !important;
		border-right:solid 1px lightGrey !important;*/
		background-color:#F1F1F1;
	}
	
	#FormStep2 .return-results tr.bottom, #FormStep2 .departure-results tr.bottom{
		
		/*border-bottom:solid 1px lightGrey !important;
		border-left:solid 1px lightGrey !important;
		border-right:solid 1px lightGrey !important;*/
		background-color:#F1F1F1;
	}
	
	#FormStep2 #DepartureFlexiOption input,
	#FormStep2 #ReturnFlexiOption input {
		margin-right:6px;
		margin-bottom: 6px;
		position: relative;
		top: 2px;
	}
	
	#FormStep2 .return-results tr.top,#FormStep2 .departure-results tr.top td{
	/*padding-left:10px;*/
	}
	#FormStep2 .route-information, 
	#FormStep2 .departure-information {
		padding: 10px 0 5px 0;
	}
	
	#FormStep2 .route-information strong, 
	#FormStep2 .departure-information strong {
		/*line-height: 18px;*/
		padding-left: 10px;
		float:left;
	}
	
	#FormStep2 .departure-information span {
		display: block;
		/*width: 350px;*/
		line-height: 13px;
		/*background: #27A2B5 url(/img/departure-information-bg.gif?20100916) top no-repeat;*/
		float:left;
	}
	
	#FormStep2 .departure-information span em {
		display: block;
		margin-left: 10px;
		font-style: normal;
		/*background: url(/img/departure-information-bg.gif?20100916) bottom no-repeat;*/
		color: #000;
		border-bottom:solid 2px red;
	}
	
	#FormStep2 .results {
		width: 100%;
		margin-top: 10px;
	}
	
	
	#FormStep2 .results tr.disabled {
		color: #9c9e9f;
		
	}
	
	#FormStep2 .results tr.disabled label {
		color: #9c9e9f!important;
	}
	
	#FormStep2 .results tr td {
		line-height: 1.2em;
	}
	
	#FormStep2 .results thead tr td {
		padding-bottom: 5px;
	}
	
	#FormStep2 .results tbody tr.top td {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) top repeat-x;
		padding-top: 5px;
		padding-bottom: 2px;
	}
		
	#FormStep2 .results thead tr td.details {
		padding-left: 10px;
	}
	
	#FormStep2 .results tbody tr.top td.details {
		background-color:#F1F1F1;
		width: 126px;
		vertical-align: top;
		padding-top: 9px;
	}
	
	#FormStep2 .results tbody tr.top td.details div {
		background-color:#F1F1F1;
		width:100%;
		/*padding-top: 8px;
		padding-left: 10px;*/
	}
	
	#FormStep2 .edgepointer
	{
		background:url("/img/edgepointer.gif?20100916") no-repeat scroll left top transparent;
		float:left;
		height:12px;
		margin-left:-20px;
		margin-top:-21px;
		position:absolute;
		width:18px;
	}
	
	#FormStep2 .results tbody tr.top td.vehicle {
		background: url(/img/results-table-top-right.png?20100916) top right no-repeat;
		background-color:#F1F1F1;
		vertical-align:bottom;
	}
	
	#FormStep2 .results tbody tr.top td.locked {
		text-align: center;
		color: #C00;
	}	
	
	#FormStep2 .results tbody tr.top td span.no-passenger,
	#FormStep2 .results tbody tr.top td span.no-vehicle {
		display: block;
		height: 14px;
		width:24px;
	}
	#FormStep2 .results tbody tr.top td span.no-vehicle {
		margin-left:12px;
	}
	
	#FormStep2 .results tbody tr.top td span.no-passenger { background: url(/img/icons/no-passenger.gif?20100916) left no-repeat; }
	#FormStep2 .results tbody tr.top td span.no-vehicle { background: url(/img/icons/no-vehicle.gif?20100916) center no-repeat; }
	
	#FormStep2 .results tbody .bottom td {
		padding-top: 2px;
		padding-bottom: 10px;
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) bottom repeat-x;
	}
	
	#FormStep2 .results tbody tr.top td.vehicle .vehicle-price.GotlandCarPackage,
	#FormStep2 .ticket.GotlandCarPackage label span,
	#FormStep2 .ticket.GotlandCarPackage input {
		
		visibility: hidden;	
	}
	
	#FormStep2 .ticket-group-shipname
	{
		padding-left:10px;
		vertical-align:top;
		background: #F1F1F1 url(/img/results-table-bottom-left.png?20100916) bottom left no-repeat!important;
	}

	#FormStep2 .results tbody tr.bottom td.animal {
		background-color:#F1F1F1;
	}
	
	#FormStep2 .results tbody tr.bottom td.vehicle {
		background: #F1F1F1 url(/img/results-table-bottom-right.png?20100916) bottom right no-repeat;
		background-color:#F1F1F1;
	}
	
	#FormStep2 .results thead tr td.vehicle {
		width: 50px;
		text-align: left;
		padding-bottom:3px !important;
	}
	
	#FormStep2 .results tbody tr td.vehicle {
		width: 50px;
		text-align: center;
		padding-bottom:3px !important;
	}
		
	#FormStep2 .results tbody tr.top td.vehicle .vehicle-price {
		padding-bottom:0px;
	}
	
	#FormStep2 .results tr td.ticket {
		width: 72px;
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) bottom repeat-x;
	}
	
	#FormStep2 .results tr td.ticket.no-vehicle {
		width: 288px;
		color: #C00;
	}
	
	#FormStep2 .results tr td.ticket label {
		cursor: pointer;
		font-weight: normal;
		display: inline;
		vertical-align:middle;
		padding-bottom:4px;
	}
	
	#FormStep2 .results tr td.ticket input {
		margin-left: 0;
		margin-right: 3px;
		vertical-align:bottom;
		display: inline;
		margin-top:1px;
	}

	#FormStep2 .results tr td.ticket div.inclusive-vehicle input {
		margin-left: 1px!important;
	}

	#FormStep2 .results tr.disabled td div label {
		color: #999!important;
		cursor: default!important;
	}
	#FormStep2 .top .details
	{
		background: #F1F1F1 url(/img/results-table-top-left.png?20100916) top left no-repeat!important;
		padding:10px 0 0 10px;
	}
	

	#FormStep2 #DeparturePreviousDay {
		float: left;
		margin: 0;
		font-weight: normal;	
	}
	
	#FormStep2 #DepartureNextDay {
	
		float: right;
		font-weight: normal;
		/*margin-left: 4px;*/
		margin: 0;
		width: 76px;
		padding-right: 20px;
	}


	#FormStep2 .route-flexibility {
		line-height: 1.3em;
		margin-bottom: 0;
		border-left:1px solid #C0C0C0;
		border-right:1px solid #C0C0C0;

	}
	
	#FormStep2 .route-flexibility table {
		width: 100%;
		position: relative;
		top: -12px;
	}
	
	#FormStep2 .route-flexibility table tr td.radio input {
		margin-left: 2px;
	}
	
	#FormStep2 .route-flexibility table tr.disabled td {
		color: #D4D4D4;
	}
	
	#FormStep2 .route-flexibility .price {
		text-align: right;
		width: 50px;
	}
	
	#FormStep2 .route-flexibility .details {
		padding-left: 20px;
	}

	#FormStep2 .route-flexibility label {
		padding: 0;
		display: inline;
		cursor: pointer;
		font-weight: normal;
	}
	
	#FormStep2 .route-flexibility a {
		background:url("/img/icons/information.png?20100916") no-repeat scroll left center transparent;
		color:#000000;
		display:block;
		height:17px;
		text-decoration:none;
		width:23px;
		margin-left:20px;
		margin-top: 4px;
		float:right;
	}
	#FormStep2 .resources
	{
		margin-top: 0px; float: right; text-align: right; padding-left: 8px;
	}
	#FormStep2 .inclusive-vehicle,
	#FormStep2 .inclusive-vehicle-text {
		background: url(/img/inclusive-vehicle.gif?20100916) 2px 0 no-repeat;
		padding: 1px 5px 0 4px;
		margin-left:-2px;
		text-align: left;
	}
	#FormStep2 .vehicle .inclusive-vehicle,
	#FormStep2 .vehicle .inclusive-vehicle-text {
		background: url(/img/inclusive-vehicle.gif?20100916) 0 0 no-repeat;
		padding: 1px 5px 0 6px;
		margin-left:-2px;
	}
	#FormStep2 .vehicle .inclusive-vehicle-text {
		background:url("/img/inclusive-vehicle.gif?20100916") no-repeat scroll transparent;
		display:inline;
		font-weight:normal;
		padding-bottom:4px;
		vertical-align:middle;
	}
	
	#FormStep2 .inclusive-vehicle
	{
		padding: 3px 5px 0px 6px;
	}
	
	#FormStep2 td .inclusive-vehicle
	{
		padding: 1px 5px 0 4px !important;
	}

	#FormStep2 .bottom .inclusive-vehicle
	{
		background: url(/img/inclusive-vehicle.gif?20100916) 0 0 no-repeat;
		margin-top:1px;
		position: relative;
		left: -3px;
	}
	#FormStep2 .bottom .inclusive-vehicle input
	{
		margin-left:-1px !important;
	}
	
	
	#FormStep2 .inclusive-vehicle-description {
		float: right;
		padding: 8px 10px 0 10px;
		width: 190px;
		line-height: 1.3em;
	}

	#FormStep2 #BookingDepartureKpSurchargeWrapper,
	#FormStep2 #BookingReturnKpSurchargeWrapper {
		width: 250px;
		float: right;
		position: relative;
		left: -6px;
		top: 4px;
	}
	
	#FormStep2 #BookingDepartureKpSurchargeWrapper input,
	#FormStep2 #BookingReturnKpSurchargeWrapper input {
		float: right;
		position: relative;
		top: 2px;
	}
	
	#FormStep2 #BookingDepartureKpSurchargeWrapper label,
	#FormStep2 #BookingReturnKpSurchargeWrapper label {
		float: right;
		cursor: pointer;
		padding: 0px 4px 0 0;
		font-weight: normal;
		position: relative;
		top: 3px;
	}

	#FormStep2 #BookingDepartureKpSurchargeWrapper label span,
	#FormStep2 #BookingReturnKpSurchargeWrapper label span {
		display: inline;
		line-height: 1.0em;
		padding: 0;
		margin: 0;
	}
	
	#FormStep2 #BookingDepartureKpSurchargeInfoLink,
	#FormStep2 #BookingReturnKpSurchargeInfoLink	{
		float: right;
		cursor: pointer;
		font-weight: normal;
		background: url(/img/icons/information.png?20100916) no-repeat;
		background-position:0px 0px;
		text-decoration: none;
		width: 17px;
		height: 22px;
	}
	
	#FormStep2 #departureLoadingDiv,
	#FormStep2 #returnLoadingDiv {
	 	float:left;
	 	margin-top:5px;
	 	margin-left:285px;
		position:absolute;
	}


/************************************
 * STEP 3 LAYOUT
 ************************************/
 
 	#FormStep3 .busticket-box-wrapper
	{
		float:right;
		padding:5px 3px;
		border:1px solid #C0C0C0;
		background-color:#f1f1f1;
	}

	#FormStep3 .edit-passenger-box-wrapper {
		width: 100%;
		background-color: #F1F1F1;
		margin-top:8px;
	}
	
	#FormStep3 .passenger-name {
		float: left;
		width: 104px;
		padding-left: 6px;
	}

	
	#FormStep3 .form-errors {
		margin: 10px 10px 5px;
		color: #C00;
		padding: 0 0 2px 0px;
	}
	
	#FormStep3 .edit-passenger-box-wrapper.tiny {
		width: 180px;
	}
	
	#FormStep3 .edit-passenger-box.top {
		background: #F1F1F1 url(/img/us-medium-rounded-block-top.png?20100916) left top no-repeat;
		border: 0;
		height: 2px;
		font-size:1px;
		color:#F1F1F1;
		border-top:0px none;
		border-left:0px none;
		border-right:0px none;
		border-bottom:0px none;
		width:606px;
		padding: 0;
		min-height: 2px;
	}

	#FormStep3 .edit-passenger-box.tiny.top {
		background: #F1F1F1 url(/img/small-rounded-block-top.png?20100916) left top no-repeat;
		width: 180px;
	}
	
	#FormStep3 .edit-passenger-box.tiny.bottom {
		background: #F1F1F1 url(/img/small-rounded-block-bottom.png?20100916) left bottom no-repeat;
		width: 180px;
		height: 2px;
		min-height: 2px;
		padding: 0;
		border: 0;
	}
		
	#FormStep3 .edit-passenger-box.bus {
		min-height:21px;
	}
	
	#FormStep3 .edit-passenger-box {
		background-color:#F1F1F1;
		border-left:1px solid #C0C0C0;
		border-right:1px solid #C0C0C0;
		border-bottom:0px none;
		border-top:0px none;
		line-height:1.3em;
		width: 604px;
		min-height: 46px;
		height: auto;
		padding-top: 5px;
		padding-bottom: 8px;
		overflow:auto;
	}
	
	#FormStep3 .edit-passenger-box.bus-transfer {
		min-height: 66px;
	}
	
	#FormStep3 .passenger-information {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom:16px;
	}
	
	#FormStep3 input {
		border-style: inset inset inset inset;
	}
	
	#FormStep3 input[type="checkbox"]{
		border-style: none;
	}
	
	#FormStep3 .passenger-name.edit input {
		width: 98px;
	}

	#FormStep3 .passenger-lastname.edit input {
		width: 146px;
	}
	
	#FormStep3 .passenger-seated {
		padding-left: 6px;
		padding-top: 6px;
		color: #3CAAD2;
		float: left;	
	}
	
	#FormStep3 span.passenger-seated {
		padding-left: 8px;

	}
	
	#FormStep3 .edit {
		float: left;
		margin-top: 2px!important;
		padding-right: 2px;
	}
	
	#FormStep3 .passenger-lastname {
		float: left;
		margin-right: 6px;
		width: 146px;
	}
	
	#FormStep3 .passenger-disability {
		width:96px;
	}
	
	#FormStep3 .passenger-dob.edit input {
		width: 72px;
	}
	
	#FormStep3 .passenger-disability.edit input {
		width: 88px;
	}
	
	#FormStep3 .passenger-gender.edit select {
		width: auto;
		margin-right: 3px;
		border-style: inset;
	}
	
	#FormStep3 .passenger-dob.non-edit {
		margin-left: 18px;
		float: left;
	}
	
	#FormStep3 .passenger-country.non-edit {
		float: left;
		text-align: right;
		position: relative;
		left: 12px;
	}
	
	#FormStep3 .passenger-gender.non-edit {
		margin-left: 18px;
		float: left;
		width:45px;
	}
	
	#FormStep3 .passenger-name.edit input {
		width: 98px;
	}

	#FormStep3 .passenger-country.edit select {
		width: 78px;
		border-style: inset;
	}
	
	#FormStep3 .non-edit .edit-passenger-box-wrapper.tiny 
	{
		float:right;
		margin-top:0px;
	}
	

	#FormStep3 .edit-passenger-box.bus .departure-transfer-bus-ticket,
	#FormStep3 .edit-passenger-box.bus .return-transfer-bus-ticket {
		/*left:10px;*/
	}
	
	#FormStep3 .bus-ticket-wrap
	{
		float:right;
		margin-right:14px;
		margin-top:0px;
		overflow:auto;
	}
	
	#FormStep3 .rounded-block-wrapper
	{
		margin:10px 0px 15px 0px;
	}
	
	#FormStep3 .departure-transfer-bus-ticket,
	#FormStep3 .return-transfer-bus-ticket {
		margin:0px 0px 0px 10px;
		position: relative;
		/*left:10px;*/
		/*top: 4px;*/
		padding-left: 38px;
		float:left;
		
		background: url(/img/icons/bus-ticket.gif?20100916) left center no-repeat;
		height: 25px;
		/*overflow:auto;*/
		clear:both
		
	}
	
	#FormStep3 .bus {
		width:168px;
		height: 25px;
		padding: 0;
		margin: -7px 0px 0px 0px;
		position: relative;
		left:5px;
	}
	
	.en-gb #FormStep3 .bus
	{
		width:200px;
	}
	
	
	#FormStep3 .departure-transfer-bus-ticket input,
	#FormStep3 .return-transfer-bus-ticket input {
		float: left;
		margin-top:6px;
	}		
	
	#FormStep3 .departure-transfer-bus-ticket label,
	#FormStep3 .return-transfer-bus-ticket label {
		font-weight: normal;
		float: left;
		padding: 6px 5px 4px 2px;
		width:auto;
	}
		
	#FormStep3 .transfer-bus-ticket-info {
		font-weight: normal;
		color: #00a3b7;
		float: left;
		cursor: pointer;
		background: url(/img/icons/information.png?20100916) right center no-repeat;
		width: 17px;
		height: 25px;
		text-decoration: none;
		/*position: relative;
		left: 14px;*/
	}
	

/************************************
 * STEP 4 LAYOUT
 ************************************/

	#FormStep4Login .new-customer {
		padding-left: 0;
		position: relative;
		top: 6px;
	}
	
	#FormStep4 #ChangeAccountDetails
	{
		margin-left:4px;
	}
	
	#FormStep4Login .rounded-block .actions {
		padding: 0;
	}

	#FormStep4Login .new-customer a,
	#FormStep4Login .existing-customer a {
		margin-left: 0;
		padding-left: 0;
		font-weight: normal;
		width: 138px;
		float: left;
	}

	#FormStep4Login .rounded-block .existing-customer a {
		margin-top: 8px;
		width:132px;
	}
	
	#FormStep4Login .new-customer-mess {
		margin-left:40px;
		margin-top:-6px;
		font-weight: normal;
		width:350px;
		float: left;
	}

	#FormStep4Login p {
		padding-bottom: 10px;
	}
	
	#FormStep4Login .field label {
		padding: 0 0 3px 0;
		font-weight: normal;
	}
	
	#FormStep4Login .field input,
	#AgentOfficerLogin .field input,
	#MainAgentLogin .field input,
	#CardLogin .field input {
		float: left;
		width: 196px;
	}

	#FormStep4Login .field p,
	#AgentOfficerLogin .field p,
	#MainAgentLogin .field p,
	#CardLogin .field p {
		float: left;
		display: inline;
		margin-left: 10px;
		line-height: 1.3em;
		width: 360px;
		padding: 2px 0 0 0;
	}
	#FormStep4Login .rounded-block {
		padding-top: 1px;
	}
	
	#FormStep4Login .actions
	{
		margin-bottom:0px;
		height:auto;
	}

	#FormStep4 h3 {
		margin: 15px 0 5px 10px;
	}
		
	#FormStep4 .field {
		padding: 4px 0 4px 0;
	}
	
	#FormStep4Login .field.large {
		padding: 8px 0 4px 0;
	}
	
	#FormStep4 .field-wrapper {
		padding: 6px 0 6px 0;
	}
	
	#FormStep4 p {
		padding: 5px 0 5px 10px;
	}
	
	#FormStep4 .field label {
		float: left;
		width: 160px;
		/*padding: 1px 0 1px 10px;*/
		padding: 0;
		
		line-height: 1.4em;
		font-weight: normal;
	}

	
	#FormStep4 .field span {
		padding: 2px;
		line-height: 1.4em;
	}
		
	#FormStep4 .field input {
		float: left;
		display: inline;
		width: 226px;
	}
	
	#FormStep4 .field span.postcode,
	#FormStep4 .field input.postcode {
		width: 80px;
	}

	#FormStep4 .field span.city,
	#FormStep4 .field input.city {
		margin-left: 6px;
		width: 134px;
	}

	#FormStep4 .field input#BookingTelephone1CountryCode,
	#FormStep4 .field input#BookingTelephone2CountryCode {
		width: 30px;
	}
	
	#FormStep4 .field input#BookingTelephone1,
	#FormStep4 .field input#BookingTelephone2 {
		margin-left: 6px;
		width: 184px;
	}
	
	#FormStep4 .field select {
		float: left;
		display: inline;
		width: 230px;
		position:relative;
	}
	
	#FormStep4 #BookingPaymentMethod {
		left: 8px;
	}
	
	#FormStep4 h2 div.actions {
		background: url('/img/change-step-button.png?20100916') no-repeat left bottom transparent;
		position: relative;
		left: 10px;
		padding-left: 6px;
	}

	#FormStep4 .field p {
		float: left;
		display: inline;
		margin-left: 10px;
		line-height: 1.3em;
		width: 320px;
		padding: 2px 0 0 0;
	}	

	#FormStep4 .checkbox-field {
		padding-left: 6px;
	}

	#FormStep4 .checkbox-field input {
		float: left;
		display: inline;
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 3px;
		margin-top: 6px;
	}	
	
	#FormStep4 .checkbox-field label {
		float: left;
	
		font-weight: normal;
		display: inline;
	}
	
	#CancelBooking #termsAndConditionsInfoLink,
	#FormStep4 #termsAndConditionsInfoLink {
		float: left;
		padding: 5px 13px 1px 6px;
		font-weight: normal;
		display: inline;
		text-decoration:none;
		background: url(/img/icons/information.png?20100916) right center no-repeat;
		height:17px;
	}
	
	#FormStep4 .field #BookingPaymentMethodLabel {
		font-weight: bold;
		background: url(/img/icons/information.png?20100916) right no-repeat;
		padding-bottom:2px;
	}

	#FormStep4 .payex {
		float: left;
		margin: 4px 20px 20px 0;
	}
	
	#FormStep4 #BookingTermsAndConditionsLabel {
		cursor: pointer;
		position: relative;
		top: 8px;
		padding: 0;
		
	}
	.phoneBooking-title {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 160px;
		line-height:1.9em;
	}
	.phoneBooking-data {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 230px;
		line-height:1.9em;
	}
	
	#FormStep4 #ChangePassword label {
		width: 140px;
		padding-left: 0;
	}
	
	#FormStep4 #ChangePassword p {
		padding-left: 0;
	}
	
	#FormStep4 .customer-details-info {
		
		padding-top: 6px;
		padding-bottom: 4px;
		padding-left: 10px;
	}

	#FormStep4 .customer-details-info .left {
		
		
	}
		
	#FormStep4 .customer-details-info .field {
		padding: 1px 0 0 0;
	
	}
	
	#FormStep4 .actions  {
		height: 23px;
		margin-bottom: 5px;
	}
	
	#FormStep4 .customer-details-info .field label {
		width: 100px;
	}
	
	#FormStep4 .customer-details-info-half {
		padding-top: 3px;
		padding-bottom: 2px;
	}
	


/************************************
 * STEP 5 LAYOUT
 ************************************/

	#FormStep5 h3 {
		margin: 15px 0 5px 10px;
	}
	
	#FormStep5 p {
		padding: 5px 0 5px 10px;
		width: 420px;
		line-height: 1.3em;
	}
	
	#FormStep5 textarea {
		width: 400px;
		margin-left: 10px;
		height: 100px;
	}
	
	#FormStep5 #booking-number {
		padding: 10px 0 10px 10px;
		line-height: 18px;
	}
	
	#FormStep5 #booking-number strong {
		float: left;
		display: inline;
	}
	
	#FormStep5 #booking-number span {
		float: left;
		display: inline;
		margin-left: 5px;
		width: 150px;
		background: #fffaaa url(/img/booking-number-bg.gif?20100916) top no-repeat;
		color: #000;
	}
	
	#FormStep5 #booking-number span em {
		display: block;
		padding-left: 10px;
		font-style: normal;
		background: url(/img/booking-number-bg.gif?20100916) bottom no-repeat;
	}
	
	#FormStep5 .booking-confirmation, 
	#FormStep5 .sms-confirmation,
	#FormStep5 .send-feedback {
		width: 200px;
	}
	#FormStep5 .booking-confirmation a, 
	#FormStep5 .sms-confirmation a,
	#FormStep5 .send-feedback a {
		float:left;
		margin-left:0px;
		padding-left:10px;
	}
	
	#FormStep5 #BookingViewConfirmation,
	#FormStep5 #BookingRegisterMobileNr,
	#FormStep5 #BookingShowRegisterMobileNr,
	#FormStep5 #BookingSendSMSConfirmation {
		width: 156px;
	}
	
	#FormStep5 .Seating {
		
		width: 175px;
		background-color: #F1F1F1;
		float: right;
		-webkit-border-radius:10px;
		-moz-border-radius: 10px;
		border: 1px;
		position: absolute;
		left: 465px;
		height: 470px;
		
		
	}
	
	#FormStep5 .Seating p{
		width: 148px;
		padding-left: 14px;
		margin: 0;
		float: left;
	}
	
	#FormStep5 #SeatingStatus p {
		padding-left: 5px;
	}
	
	#FormStep5 p.blue {
		color: #3CAAD2;
		padding-top: 0;	
	}
	
	#FormStep5 p.red {
		color: maroon;
		padding-top: 0;	
	}
	
	#FormStep5 .Seating h3 {
		
		text-align: center;	
	}
	
	#FormStep5 div.SeatingButton {
		background: url('/img/change-step-button.png?20110307') no-repeat scroll left top transparent;
		height: 23px;
		width:148px;
		float: left;
		position: relative;
		left: 14px;

	}
	
	#FormStep5 div.SeatingButton.disabled {
		color: #999!important;
	}
	
	#FormStep5 div.SeatingButton img {
		
		display: block;
		float: left;
		position: relative;
		left: 8px;
		top: 4px;	
	}
	
	#FormStep5 .Seating div.SeatingButton a {
		text-decoration: none;
		position: relative;
		
		width: 128px;
		height: 23px;
		line-height: 2em;
		left: 12px;
		background:url("/img/icons/blue-arrow-right.gif?20100916") no-repeat scroll 106px top transparent;
		display: block;
	}
	
	#FormStep5 #BookingRegisterMobileNrDiv {
		margin-top:15px;
		margin-bottom:15px;
	}
	
	#FormStep5 .field {
		margin-top:5px;
		margin-bottom:5px;
	}
	
	#FormStep5 .field input#CustomerTelephone1CountryCode {
		width: 30px;
	}
	
	#FormStep5 .field input#CustomerTelephone1 {
		margin-left: 6px;
		width: 176px;
	}
	
	#FormStep5 .field label {
		float: left;
		width: 80px;
		padding: 1px 0 1px 0px;
		line-height: 1.3em;
		font-weight: normal;
	}
	
	
/************************************
 * BOOKING CONFIRMATION
 ************************************/

	#BookingBarCode {
		float: right;
		width: 300px;
		margin-right: -50px;
		position: relative;
		top: -10px;
	}

	#BookingConfirmation #customer-details {
		width: 340px;
		float: left;
		display: inline;
		margin: 10px 0 5px 11px;
		line-height: 1.3em;
	}
	
	#BookingConfirmation #customer-details #customer-name {
		width: 130px;
		float: left;
	}
	
	#BookingConfirmation #customer-details #resident-of-gotland {
		width: 130px;
		float: left;
	}
	
	#BookingConfirmation #customer-details #customer-number {
		width: 130px;
		float: left;
	}
	
	#BookingConfirmation #customer-details #gotland-resident {
		width: 130px;
		float: left;
	}

	#BookingConfirmation #booking-details {
		width: 220px;
		float: right;
		margin: 10px 20px 5px 0;
	}
	
	#BookingConfirmation #booking-details tr td {
		line-height: 1.3em;
	}
	
	#BookingConfirmation #booking-details tr td.value {
		text-align: right;
	}

	#BookingConfirmation #booking-details dl {
		float: right;
		width: 180px;
		line-height: 1.3em;	
	}
	
	#BookingConfirmation #booking-details dt {
		float: left;
		width: 110px;
	}
	
	#BookingConfirmation #booking-details dd {
		float: right;
		width: 70px;
		text-align: right;
	}
	
	#BookingConfirmation #legal-information ul li {
		display: inline;
		font-weight: normal;
		background: url(/img/bullet-grey.gif?20100916) left no-repeat;
		padding-left: 15px;
		padding-right: 10px;
	}
	
	#BookingConfirmation #legal-information ul li.first {
		background: none;
		padding-left: 0;
	}

	#BookingConfirmation .journey-details {
		width: 595px;
	}

	#BookingConfirmation .journey-details tr td.first { width: 130px; }
	#BookingConfirmation .journey-details tr td.second { width: 160px; }
	#BookingConfirmation .journey-details tr td.third { width: 119px; }
	#BookingConfirmation .journey-details tr td.fourth { width: 111px; } 
 	#BookingConfirmation .journey-details tr td.price { 
 		width: 75px;
 		text-align: right;
 	} 

	#BookingConfirmation .prices .item {
		float: left;
		display: block;
		line-height: 21px;
 		width: 520px;
	}
	
	#BookingConfirmation .prices .item span {
		display: block;
		padding-left: 11px;
	}
	
	#BookingConfirmation .prices .value {
		float: right;
		display: block;
		width: 100px;
		line-height: 21px;
	}
	
	#BookingConfirmation .prices .value span {
		display: block;
		text-align: right;
		padding-left: 20px;
		padding-right: 13px;
	}
	
	#BookingConfirmation .prices #total span {
		font-weight: bold;
	}
	
	#BookingConfirmation .prices #price {
		background: #fffaaa url(/img/total-price-bg.gif?20100916) top no-repeat;
		color: #000;
	}
	
	#BookingConfirmation .prices #price span {
		font-weight: bold;
		background: url(/img/total-price-bg.gif?20100916) bottom no-repeat;
	}
	
	#BookingConfirmation .ticketTypeTitle {
		font-weight: bold;
	}
	
	#BookingConfirmation #vat {
		clear: left;
		padding-top: 5px;
		padding-left: 2px;
	}
	
	
	
	#BookingConfirmation #vat td {
		padding-bottom: 10px;
	}
	
	#BookingConfirmation #vat td.exvattitle {
		width:129px;
	}
	
	#BookingConfirmation #vat span {
		padding-right: 30px;
		padding-left: 10px;
	}
	
	#BookingConfirmation #payment,
	#BookingConfirmation #invoice {
		padding: 10px 0 0 11px;
	}
	
	#BookingConfirmation #invoice {
		padding-bottom: 10px;
	}
	
	#BookingConfirmation #payment p,
	#BookingConfirmation #invoice p	{
		line-height: 1.3em;
	}
	
	#BookingConfirmation #invoice p {
		font-weight: bold;
	}
	
	#BookingConfirmation #terms {
		padding-top: 10px;
		clear: left;
	}
	
	#BookingConfirmation #terms p {
		line-height: 1.3em;
	}
	
	#BookingConfirmation #telephone {
		float: left;
		padding: 10px 10px;
	}
	
	#BookingConfirmation #print {
		float: right;
		text-align: right;
		padding: 10px 0;
	}
	
	#BookingConfirmation #print a {
		padding: 10px 10px 10px 30px;
		background: transparent url(/img/icons/printer.gif?20100916) no-repeat 0 50%;
		text-decoration: none;
		color: #000;
	}

/************************************
 * CHANGE BOOKING LOGIN LAYOUT
 ************************************/
	
	#ChangeBookingFormLogin p {
		padding-bottom: 10px;
	}
	
	#ChangeBookingFormLogin .rounded-block p
	{
		padding-right:182px;
	}
	
	#ChangeBookingFormLogin .field {
		margin-bottom: 5px;
	}
	
	#ChangeBookingFormLogin .field label {
		padding: 0 0 3px 0;
		font-weight: normal;
	}
	
	#ChangeBookingFormLogin .field input {
		float: left;
		width: 196px;
	}

	#ChangeBookingFormLogin .field p {
		float: left;
		display: inline;
		margin-left: 10px;
		line-height: 1.3em;
		width: 360px;
		padding: 2px 0 0 0;
	}




	#ChangeBookingFormLogin .change-online-booking,
	#ChangeBookingFormLogin .cancel-phone-booking
	{
		padding-left: 0;
		width:166px;
	}
	#ChangeBookingFormLogin .cancel-phone-booking { width:141px; }


	#ChangeBookingFormLogin .change-online-booking a,
	#ChangeBookingFormLogin .cancel-phone-booking a {
		margin-left: 0;
		padding-left: 0;
		font-weight: normal;
		float: left;
	}
	
	#ChangeBookingFormLogin .change-online-booking a.primary-arrow-right-disabled,
	#ChangeBookingFormLogin .cancel-phone-booking a.primary-arrow-right-disabled {
		padding-right: 40px;
	}


/************************************
 * CHANGE BOOKING LIST LAYOUT
 ************************************/

	#UnpaidBookingListForm p,
	#ChangeBookingListForm p {
		padding: 10px 10px 5px 10px;
		line-height: 1.3em;
	}

	#UnpaidBookingListForm table,
	#ChangeBookingListForm table {
		width: 100%;
	}
	
	#UnpaidBookingListForm table thead tr td,
	#ChangeBookingListForm table thead tr td {
		padding: 2px 0 5px 0;
		line-height: 1em!important;
	}
	
	#UnpaidBookingListForm table thead tr #first,
	#ChangeBookingListForm table thead tr #first {
		padding-left: 10px;
	}
	
	#UnpaidBookingListForm table tr td,	
	#ChangeBookingListForm table tr td {
		padding: 2px 0 2px 0;
		line-height: 22px;
	}
	
	#UnpaidBookingListForm table tr td label,
	#ChangeBookingListForm table tr td label {
		font-weight: normal;
		padding: 0;
	}
	
	#UnpaidBookingListForm .booking-departure-wrapper,
	#ChangeBookingListForm .booking-departure-wrapper {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) top left repeat-x;
	}
	
	#UnpaidBookingListForm .return-journey .booking-departure-wrapper,
	#ChangeBookingListForm .return-journey .booking-departure-wrapper {
		background: #F1F1F1;
	}
	
	#UnpaidBookingListForm .booking-number-wrapper,
	#ChangeBookingListForm .booking-number-wrapper {
		background: url(/img/results-table-top-left.png?20100916) top left no-repeat;
		background-color:#F1F1F1;
		width: 110px;
		padding-left: 5px;
	}
	
	.en-gb #UnpaidBookingListForm .booking-number-wrapper,
	.en-gb #ChangeBookingListForm .booking-number-wrapper {
		width:120px;
	}
	
	#UnpaidBookingListForm .return-journey .booking-number-bottom,
	#ChangeBookingListForm .return-journey .booking-number-bottom {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) top left repeat-y;
	}
	
	#UnpaidBookingListForm .booking-number-bottom,
	#ChangeBookingListForm .booking-number-bottom {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) top left repeat-x;
		
		width: 110px;
	}	
	
	#UnpaidBookingListForm .return-journey .booking-route-wrapper,
	#ChangeBookingListForm .return-journey .booking-route-wrapper {
		background: #F1F1F1;
	}
	
	#UnpaidBookingListForm .top_end,
	#ChangeBookingListForm .top_end {
		background: #F1F1F1 url(/img/results-table-top-right.png?20100916) top right no-repeat;
	}
	
	#UnpaidBookingListForm .return-journey .middle_end,
	#ChangeBookingListForm .return-journey .middle_end {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) center right repeat-y;
	}
	
	#UnpaidBookingListForm .bottom_end,
	#ChangeBookingListForm .bottom_end {
		background: #F1F1F1 url(/img/results-table-bottom-right.png?20100916) bottom right no-repeat;
	}
	
	#UnpaidBookingListForm .booking-route-wrapper,
	#UnpaidBookingListForm .booking-flexibility-wrapper,
	#ChangeBookingListForm .booking-route-wrapper,
	#ChangeBookingListForm .booking-flexibility-wrapper {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) top left repeat-x;
	}
	
	#UnpaidBookingListForm .booking-flexibility-wrapper.return,
	#ChangeBookingListForm .booking-flexibility-wrapper.return {
		background: #F1F1F1;
	}
	
	#UnpaidBookingListForm .booking-details-wrapper.return,
	#ChangeBookingListForm .booking-details-wrapper.return {
		background: #F1F1F1;
	}

	#UnpaidBookingListForm .booking-number-wrapper input,
	#ChangeBookingListForm .booking-number-wrapper input {
		width: 13px;
		height: 13px;
		padding: 0;
		margin:0;
		position: relative;
		top: 2px;
	    cursor: pointer;
	}	
	
	#UnpaidBookingListForm .booking-number-wrapper label,
	#ChangeBookingListForm .booking-number-wrapper label {
	    display: block;
	    padding-left: 24px;
	    text-indent: -15px;
	}
	
	#UnpaidBookingListForm .booking-number-wrapper span,
	#ChangeBookingListForm .booking-number-wrapper span {
	    display: block;
	    padding-left: 24px;
	}
	
	#UnpaidBookingListForm .booking-cancel-wrapper,
	#ChangeBookingListForm .booking-cancel-wrapper {
		 text-align: right;
	}

	#UnpaidBookingListForm .booking-cancellation-only,
	#ChangeBookingListForm .booking-cancellation-only {
		 text-align: right;
		 background-color:#F1F1F1;
		 padding-right: 13px;
		 border-right:solid 1px lightGrey;
		 border-left:solid 1px lightGrey;
		 border-bottom:solid 1px lightGrey;
	}
	
	#UnpaidBookingListForm .disabled,
	#ChangeBookingListForm .disabled {
		color: #999!important;
	}
    
    #UnpaidBookingListForm .booking-cancel-wrapper input,
	#ChangeBookingListForm .booking-cancel-wrapper input {
		width: 13px;
		height: 13px;
		padding: 0;
		margin:0;
		vertical-align: bottom;
		position: relative;
		top: -4px;
		overflow: hidden;
	    cursor: pointer;
	}	
	
	#UnpaidBookingListForm .booking-cancel-wrapper label,
	#ChangeBookingListForm .booking-cancel-wrapper label {
	    display: block;
	    padding-left: 15px;
		margin-right: 5px;
	    text-indent: -15px;
	}	

	#UnpaidBookingListForm .booking-confirmation-wrapper,
	#ChangeBookingListForm .booking-confirmation-wrapper {
		background: #F1F1F1 url(/img/change-results-table-bottom-left.png?20100916) bottom left no-repeat;
		/*padding-left: 18px;*/
		padding-left: 11px;
	}
	
	.en-gb #UnpaidBookingListForm .booking-confirmation-wrapper,
	.en-gb #ChangeBookingListForm .booking-confirmation-wrapper {
		background: #F1F1F1 url(/img/change-results-table-bottom-left-en.png?20100916) bottom left no-repeat;
		/*padding-left: 18px;*/
	}

	#UnpaidBookingListForm td.bookings-detail-splitter,
	#ChangeBookingListForm td.bookings-detail-splitter {
		background-color: #FFFFFF;
		line-height: 1em;
		padding: 0;
	}
	
	#UnpaidBookingListForm td.booking-confirmation-wrapper a,
	#ChangeBookingListForm .booking-confirmation-wrapper a {
		display: inline-block;
		padding-left: 12px;
		color: #000;
		text-decoration: none;
		background: url(/img/icons/bekraftelse_icon.png?20100916) center left no-repeat;
		position: relative;
		top: 12px;
	}
	
	#UnpaidBookingListForm td.booking-confirmation-wrapper a 
	{
		top:12px;
	}
	
	#UnpaidBookingListForm table td.info a,
	#ChangeBookingListForm table td.info a {
		background: url(/img/icons/information.png?20100916) center left no-repeat transparent;
		height: 17px;
		width: 17px;
		margin-left: -17px;
		padding-left: 17px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	#UnpaidBookingListForm .booking-confirmation-wrapper.top8 a,
	#ChangeBookingListForm .booking-confirmation-wrapper.top8 a {
		top: 8px;
	}
	
	#UnpaidBookingListForm .booking-cancel-wrapper,
	#ChangeBookingListForm .booking-cancel-wrapper {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) bottom left repeat-x;
		padding: 0 5px 6px 0;
	}
	
	#UnpaidBookingListForm .booking-details-wrapper-top,
	#ChangeBookingListForm .booking-details-wrapper-top {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) top left repeat-x;
	}
	
	#UnpaidBookingListForm .booking-details-wrapper-bottom,
	#ChangeBookingListForm .booking-details-wrapper-bottom {
		background: #F1F1F1 url(/img/results-table-middle-dot.png?20100916) bottom left repeat-x;
	}
	
	#UnpaidBookingListForm .booking-cancellation,
	#ChangeBookingListForm .booking-cancellation {
		margin-left: -140px;
	}
	
	#UnpaidBookingListForm .return-journey td,
	#ChangeBookingListForm .return-journey td {
		padding-top: 0!important;	
		line-height: 1em!important;
	}	
	
	#UnpaidBookingListForm .possible-changes,
	#ChangeBookingListForm .possible-changes {
		width: 285px;
		float: left;
		
	}
	
	#UnpaidBookingListForm .rounded-block-wrapper .top,
	#ChangeBookingListForm .rounded-block-wrapper .top
	{
		height:2px;
	}
	
	#UnpaidBookingListForm .rounded-block-wrapper .bottom,
	#ChangeBookingListForm .rounded-block-wrapper .bottom
	{
		height:2px;
	}
	
	#UnpaidBookingListForm .rounded-block,
	#ChangeBookingListForm .rounded-block
	{
		padding-left:12px;
	}
	
	#AdminForm div.SeatingButton {
		background: url('/img/seating/save_button.png?20110307') no-repeat scroll left top transparent;
		height: 23px;
		width:117px;
		float: left;
		display: block;
		padding-left: 8px;
		padding-top: 6px;
		cursor:pointer;
		margin-top:-5px;
		margin-left:15px;
		font-size: 110%;
	}
	
	#AdminForm a#btnAssign {
		background-position: 90px 1px;
		text-decoration: none;
		padding-right: 30px;
		padding-top: 4px;
		padding-bottom: 0px;
	}
	
	#AdminForm a#btnAssign.disabled {
		color: #808080!important;
	}
			
	.passenger-information strong {
		float: left;	
	}
	
	#FormStep3 .passenger-information strong {
		float: none;	
	}
	
	#UnpaidBookingListForm .actions.change-step,
	#ChangeBookingListForm .actions.change-step {
		background: url('/img/change-step-button.png?20100916') no-repeat scroll right top transparent;
		padding: 0;
		height: 23px;
		float: right;
		margin-top: 4px;
		margin-bottom: 0;
		width:148px;
	}
	
	#UnpaidBookingListForm #BookingSubmit,
	#ChangeBookingListForm #BookingSubmit {
		width: 148px;
		padding-right: 0;
		left: 8px;
		position: relative;
		line-height:22px;
		height: 26px;
	}

	#ChangeBookingListForm #BookingSubmit,
	#UnpaidBookingListForm #BookingSubmit.primary-arrow-right,
	#UnpaidBookingListForm #BookingSubmit.primary-arrow-right-disabled {
		background:url("/img/icons/blue-arrow-right.gif?20100916") no-repeat scroll 108px top transparent;
	}

	#ChangeBookingListForm #BookingSubmit.ticker,
	#UnpaidBookingListForm #BookingSubmit.primary-arrow-right.ticker,
	#UnpaidBookingListForm #BookingSubmit.primary-arrow-right-disabled.ticker {
		background: url('../img/icons/ticker.gif') no-repeat scroll 108px top transparent;		
	}
			
	#UnpaidBookingListForm .actions.change-step.larger,
	#ChangeBookingListForm .actions.change-step.larger {
		padding-right: 12px;
	}
	
	#UnpaidBookingListForm td.divider,
	#ChangeBookingListForm td.divider {
		line-height: 2px;
	}
	
	#ChangeBookingListForm .rounded-block-wrapper .actions
	{
		height:auto;
		padding:0px 0px 0px 0px;
	}
	
	#ChangeBookingListForm .rounded-block-wrapper .actions .primary
	{
		margin-left:0px;
	}
	

/************************************
 * CHANGE BOOKING CANCEL LAYOUT
 ************************************/

	#CancelBooking h3 {
		margin: 15px 0 5px 10px;
	}
		
	#CancelBooking .field span {
		padding:0 4px 0 0;
		line-height: 1.3em;
	}
	
	#CancelBooking .field-wrapper {
		padding: 6px 0 6px 0;
	}
	
	#CancelBooking .field label {
		float: left;
		width: 160px;
		padding: 1px 0 1px 10px;
		line-height: 1.3em;
		font-weight: normal;
	}
	
	#CancelBooking .field input {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 226px;
	}
	
	#CancelBooking .field input.postcode {
		width: 80px;
	}

	#CancelBooking .field input.city {
		margin-left: 6px;
		width: 132px;
	}
	
	#CancelBooking .field select {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 230px;
	}

	#CancelBooking .field p {
		float: left;
		display: inline;
		margin-left: 10px;
		line-height: 1.3em;
		width: 320px;
		padding: 2px 0 0 0;
	}	

	#CancelBooking .checkbox-field {
		padding-left: 6px;
	}

	#CancelBooking .checkbox-field input {
		float: left;
		display: inline;
		margin: 3px;
	}	
	
	#CancelBooking .checkbox-field label {
		float: left;
		font-weight: normal;
		display: inline;
	}
 
 	#CancelBooking #BookingTermsAndConditionsLabel {
		cursor: pointer;
		position: relative;
		top: 5px;
		padding: 0;
	}
 
	#CancelBooking p {
		padding: 10px 10px 5px 10px;
		line-height: 1.3em;
	}

    #FormStep4 .refund-option,
	#CancelBooking .refund-option {
		padding: 10px 0 10px 0;
		border-top: 2px #E6E6E6 solid;
	}
	
    #FormStep4 .refund-first,
	#CancelBooking .refund-first {
		padding-top: 5px;
		border-top: none;
	}

    #FormStep4 .refund-option .radio,
	#CancelBooking .refund-option .radio {
		display: inline;
		float: left;
		width: 25px;
		text-align: center;
		position: relative;
	}
	
    #FormStep4 .refund-option .radio input,
	#CancelBooking .refund-option .radio input {
		margin: 0;
	}

    #FormStep4 .refund-option .details,
	#CancelBooking .refund-option .details {
		display: inline;
		float: left;
		width: 220px;
		position: relative;
	}

	#FormStep4 .refund-option .details p,
	#CancelBooking .refund-option .details p {
		padding: 1px 0 0 0;
	}

    #FormStep4 .refund-option .fields,
	#CancelBooking .refund-option .fields {
		display: inline;
		float: right;
		width: 320px;
		position: relative;
	}

    #FormStep4 .refund-terminal .details,
	#CancelBooking .refund-terminal .details {
		width: 450px;
	}

    #FormStep4 .refund-option .fields label,
	#CancelBooking .refund-option .fields label {
		padding: 0 0 1px 0;
		font-weight: normal;
	}

    #FormStep4 .refund-option .fields input,
	#CancelBooking .refund-option .fields input {
		margin-bottom: 2px;
	}
	
	#FormStep4 .refund-option .fields .field-account-bank,
	#FormStep4 .refund-option .fields .field-account-holder-name,
	#FormStep4 .refund-option .fields .field-name-corporation,
	#FormStep4 .refund-option .fields .field-clearing-number,
	#FormStep4 .refund-option .fields .field-account-number,
	#CancelBooking .refund-option .fields .field-account-bank,
	#CancelBooking .refund-option .fields .field-account-holder-name,
	#CancelBooking .refund-option .fields .field-name-corporation,
	#CancelBooking .refund-option .fields .field-clearing-number,
	#CancelBooking .refund-option .fields .field-account-number {
		float: left;
	}	

	#FormStep4 .refund-option .fields .field-account-bank input,
	#FormStep4 .refund-option .fields .field-account-holder-name input,
	#FormStep4 .refund-option .fields .field-name-corporation input,
	#FormStep4 .refund-option .fields .field-account-number input,
	#CancelBooking .refund-option .fields .field-account-bank input,
	#CancelBooking .refund-option .fields .field-account-holder-name input,
	#CancelBooking .refund-option .fields .field-name-corporation input,
	#CancelBooking .refund-option .fields .field-account-number input {
		width: 148px;
	}

	#FormStep4 .refund-option .fields .field-clearing-number input,	
	#CancelBooking .refund-option .fields .field-clearing-number input {
		width: 78px;
	}
	
	#FormStep4 .refund-option .fields .field-account-holder-name, 
	#FormStep4 .refund-option .fields .field-account-number,
	#CancelBooking .refund-option .fields .field-account-holder-name, 
	#CancelBooking .refund-option .fields .field-account-number {
		margin-left: 5px;
		display: inline;
	}
	
	#CancelBooking .booking-cancellation {
		margin-left: 10px;
	}
		
	#CancelBooking #booking-number span {
		font-weight: normal;
		width: 150px;
		background: #fffaaa url(/img/booking-number-bg.gif?20100916) top no-repeat;
		color: #000;
	}
	
	#CancelBooking div.booking-confirmation {
		/*padding:5px 10px 10px;
		background: url('/img/change-step-button.png?20100916') no-repeat left bottom transparent;		
		*/
	}
	
	#CancelBooking .booking-confirmation a {
		padding-left:0px;
		margin-left: 0px;
		position: relative;
		float: left;
		top: 6px;
		padding-right:20px;
		background-image:url("/img/pil_right_black.png");
		background-repeat:no-repeat;
		background-position:right center;
		/*
		background:url("/img/icons/blue-arrow-right.gif?20100916") right center no-repeat transparent;
		*/
	}
	
	
	
/************************************
 * DIALOG
 ************************************/
 	
 	.dialog {
 		width: 662px;
 		position: absolute;
 		left: 130px;
		z-index: 999;
 	}
 	
 	.dialog .top {
 		height: 50px;
 		background: url(/img/dialog-top-bg.png?20100916) top no-repeat;
 		position: relative;
 	}
 	
 	.dialog .headerTitle {
 		
 		font-size: 110%;
 		float: left;
 		padding: 23px 20px 0 5px;

 	}
 	
 	.dialog .close {
 		position: absolute;
 		top: 15px;
 		right: 20px;
 		padding: 5px 23px 0px 5px;
		background: url(/img/icons/red-cross.png?20110302) right no-repeat;
		font-size: 1.1em;
		text-decoration: none;
		color: #000;
		height: 19px;
 	}
 	
 	.dialog .top h4 {
 		font-size: 1.5em;
 		background: url(/img/icons/information.png?20100916) left bottom no-repeat;
 		padding: 20px 5px 0 25px;
 		margin-left: 20px;
 		float: left;
 	}
 	
 	.dialog .content {
 		background: url(/img/dialog-content-bg.png?20100916) top repeat-y;
 		height: 1%;
 		padding: 0 40px 10px 25px;
	}
	
	.dialog .content  #wrapper
	{
		float:none;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:1.0em;
		width:auto;
	}
	
	.dialog .content .loading {
		background: url('/img/icons/loading-large.gif') center center transparent no-repeat;

		width: 96px;
		height: 96px;

		padding-top: 2px;
		padding-left: 20px;
	}

 	.dialog .content p {
		font-size: 1.1em;
 		line-height: 1.3em;
 		padding-bottom: 10px;
 	}
 	
 	.dialog .actions a {
		font-size: 1.1em;
		line-height: 1.8em;
		height:22px;
	} 	
 	
 	.dialog .content iframe {
 		width: 300px;
 		height: 300px;
 	}
 	
 	.dialog strong {
 		display: block;
 	}
 	
 	.dialog .bottom {
 		height: 17px;
 		background: url(/img/dialog-bottom-bg.png?20100916) bottom no-repeat;
 	}
	
	#overlay {
		position: fixed; left: 0; top: 0; 
	    width: 100%; height: 100%; 
	    background-color: #fff; /* eller #fff för vitt */ 
	    background: url(/img/dialog-overlay-bg.png); /* ?20100916 */
	    z-index: 10; /* behövs ev. beroende på struktur */ 
		
	}
	
	
/************************************
 * REFUND FORM
 ************************************/
 div.refund-select{
 	width: 40%;
	height: 100px;
	float: left;
 }
 div.refund-block{
 	margin-top: 4px;
 	border-bottom: 2px solid #e1e1e1;
 }
 div.refund-block-last{
 	margin-top: 4px;
 	border: 0;
 }
 div.refund-select-last{
 	width: 100%;
	height: 100px;
	float: left;
 }
 div.refund-block div.field{
 	float: left;
 }
 div.refund-field-row{
 	clear: right;
 }
 div.refund-field-row span{
 	margin-right: 4px;
 	float: left;
 }
div.refund-block .pickeditem, div.refund-block-last .pickeditem{
	font-weight:bold;
}

/************************************
 * AMENDS FORM PARTS
 ************************************/
 
 	div.cancel-journey {
 		background: #E1E1E1 url(/img/cancel-bg.gif?20100916) top left no-repeat;
 		margin: 5px 0 5px 0;
 		position: relative;
 		width: 180px;
 		float: right;
 		padding: 0px;
 	}
 	
 	div.cancel-journey span {
 	    background: url(/img/cancel-bg.gif?20100916) bottom left no-repeat;
 	    display: block;
 	    padding: 0 5px;
    }
    
 	div.cancel-journey label {
 	    float: left;
 	    font-weight: normal;
 		cursor: pointer;
    }
    
    div.cancel-journey input {
 	    float: left;
 	    margin-top: 5px;
 	    margin-right: 5px;
    }





/************************************
 * Commuter and Discount cards ~davidy
 ************************************/

	div.cards-action-panel #index div.choice-box{
		margin: 0 12px 0 0px;
	}
	
	.cards-action-panel {
		margin-top: 12px;
	}
	
	.booking-with-card #my-booking{
		position: absolute;
		top: -9px;
		right: -220px;
		background: #e6e6e6 url(/img/my-login-middle-grey-bg.gif?20100916) top repeat-y;
	}
	.booking-with-card #my-booking hr{
		border-top: 0;
		border-right: 0;
		border-bottom: 1px solid #3c3c3c;
		border-left: 0;
	}
	.booking-with-card #my-booking h3{
		padding: 0;
	}
	
	.booking-with-card #my-booking-top{
		width: 220px;
		height: 10px;
		background: transparent url(/img/my-login-top-grey-bg.gif?20100916) top no-repeat; 
	}

	.booking-with-card .my-booking-middle-card{
		padding: 0 20px 10px 20px;
		background-color: #e6e6e6;
	}

	.booking-with-card #my-booking-bottom{
		width: 220px;
		height: 10px;
		background: transparent url(/img/my-login-bottom-grey-bg.gif?20100916) top no-repeat;
	}
	
	.cardsAccountTitle {
		padding: 0px 0 5px 0px;
	}
	
	#cardsAccountBalance {
		clear:left;
	}

	#cardsAccountBalance .infoName,
	#cardsAccountPaidFor .infoName,
	#cardsAccountUnpaid  .infoName {
		float: left;
		width: 230px;
		padding: 6px 0 6px 0px;
	}

	#cardsAccountBalance .infoAmount,
	#cardsAccountPaidFor .infoAmount,
	#cardsAccountUnpaid  .infoAmount {
		float: left;
		width: 100px;
	}
	
	#cardsAccountBalance .infoAmount span,
	#cardsAccountPaidFor .infoAmount span,
	#cardsAccountUnpaid  .infoAmount span {
		display: block;
		padding: 5px 10px 5px 0px;
		text-align: right;
	}
	
	#cardsAccountBalance .infoAmount {
		background: #ffc973 url(/img/card-holder-balance-top-bg.png?20100916) top left no-repeat;
	}
	
	#cardsAccountBalance .infoAmount span {
		background: url(/img/card-holder-balance-bottom-bg.png?20100916) bottom left no-repeat;
	}

	#bookingsAll,
	#bookingsUnpaid,
	#accountTransactions {
		padding: 0 0 10px 0;
	}
	
	#bookingsAll table,
	#bookingsUnpaid table,
	#accountTransactions table {
		width: 100%;
	}
	
	#bookingsAll table td,
	#bookingsUnpaid table td,
	#accountTransactions table td {
		padding: 5px 16px 5px 0; 
	}
	
	#accountTransactions table thead td
	{
		border-bottom:1px solid #D3D3D3;
	}
	
	#bookingsAll table td.departure {
		padding: 6px 10px 6px 0;
	}
	
	#bookingsAll table td.first {
		padding: 6px 10px 6px 0;
	}
	
	#bookingsAll table td.date {
		width: 114px;
	}
	
	#bookingsAll table td.route {
		width: 100px;
	}
	
	#bookingsAll table td.return {
		padding: 0 10px 7px 0; 
	}
	
	#bookingsAll table tr td.border {
		border-bottom: solid 1px lightGrey;
	}
	
	#bookingsAll table td.price,
	#bookingsUnpaid table td.price,
	#accountTransactions table td.price {
		width: 102px;
		text-align:right;
	}
	
	#bookingsUnpaid tr.altrow td
	{
		background-color:#EFEFEF;
	}
	

	
	#bookingsUnpaid table td.confirmation,
	#bookingsAll table td.confirmation {
		padding-left: 12px;
		padding-right: 0;
		background: url(/img/icons/bekraftelse_icon.png?20100916) left center no-repeat;
		width:100px;
	}

	#bookingsUnpaid table td.confirmation.return,
	#bookingsAll table td.confirmation.return {
		background-position: left 0;
	}
	
	#bookingsAll table td.confirmationEx a {
		padding-left: 20px;
		padding-bottom: 1px;
		padding-top: 1px;
		color: #000;
		text-decoration: none;
		background: url(/img/icons/information-white-bg.gif?20100916) left no-repeat;
	}
	
	#bookingsAll table td.confirmation a,
	#bookingsUnpaid table td.confirmation a {
		text-align: right;
		color: #000;
		text-decoration: none;
	}
	
/************************************
 * Commuter and Discount cards allBookings
 ************************************/


	#allBookings {
		clear:left;
		margin-left:15px;
		margin-top:10px;
	}

	#allBookings table {
		margin-bottom:15px;
	}

	#allBookings th {
		margin-left:15px;
		padding:5px 30px 5px 0px;
	}

	#allBookings td {
		margin-left:15px;
		padding:5px 30px 0px 0px;
	}

/**********************************
 * admin
 **********************************/
 span.note {
 	font-weight: bold;
 }

/**********************************
 * Customer profile
 **********************************/ 
		
	#CustomerProfile .welcome-list {
 		font-size: 1.1em;
 		line-height: 1.3em;
		list-style-image: url("/img/bullet-grey.gif?20100916");
		padding-left: 20px;
	}
	
	#CustomerProfile .customer-info  .field {
		padding: 4px 0 4px 0;
	}
	
	#CustomerProfile .customer-info  .field-wrapper {
		padding: 6px 0 6px 0;
		width:410px;
	}
	
	#CustomerProfile .customer-info  .field label {
		float: left;
		width: 160px;
		padding: 1px 0 1px 0px;
		line-height: 1.3em;
		font-weight: normal;
	}
	
	#CustomerProfile .phone {
		width: 165px; 
		position: absolute; 
		top: 210px; 
		left: 400px;
	}
	
	#CustomerProfile .customer-info  .field input {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 219px;
	}
	
	#CustomerProfile .customer-info .field span.postcode,
	#CustomerProfile .customer-info .field input.postcode {
		width: 83px;
	}

	#CustomerProfile .customer-info .field span.city,
	#CustomerProfile .customer-info .field input.city {
		margin-left: 6px;
		width: 122px;
	}

	#CustomerProfile .customer-info  .field input#CustomerTelephone1CountryCode,
	#CustomerProfile .customer-info  .field input#CustomerTelephone2CountryCode {
		width: 30px;
	}
	
	#CustomerProfile .customer-info  .field input#CustomerTelephone1,
	#CustomerProfile .customer-info  .field input#CustomerTelephone2 {
		margin-left: 6px;
		width: 176px;
	}
	
	#CustomerProfile .customer-info  .field select {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 224px;
	}

	#CustomerProfile .customer-info  .field p {
		float: left;
		display: inline;
		margin-left: 10px;
		line-height: 1.3em;
		width: 320px;
		padding: 2px 0 0 0;
	}	
	
	#CustomerProfile .customer-info .checkbox-field input {
		float: left;
		display: inline;
	}	
	
	#CustomerProfile .customer-info .checkbox-field label {
		padding: 4px 0px 4px 0;
		font-weight: normal;
		display: inline;
		width:520px;
	}
	#CancelBooking .customer-info #termsAndConditionsInfoLink,
	#CustomerProfile .customer-info #termsAndConditionsInfoLink {
		float: left;
		padding: 5px 13px 1px 6px;
		font-weight: normal;
		display: inline;
		text-decoration:none;
		background: url(/img/icons/information-white-bg.gif?20100916) right no-repeat;
	}
	
	#CustomerProfile #BookingTermsAndConditionsLabel {
		cursor: pointer;
	}
	.phoneBooking-title {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 160px;
		line-height:1.9em;
	}
	.phoneBooking-data {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 230px;
		line-height:1.9em;
	}
	
	#CustomerProfile #ChangePassword label {
		width: 140px;
		padding-left: 0;
	}
	
	#CustomerProfile #ChangePassword p {
		padding-left: 0;
	}
	
	#CustomerProfile .inline {
		display: inline;
	}
	
	#CustomerProfile .edit-passenger-box {
		overflow:auto;
		padding: 10px 10px 10px 10px;
		background: #F1F1F1;
		border:solid 1px lightGrey;
		width:366px;
		height:auto;
		position: relative;
		top: 6px;
	}
	
	#CustomerProfile #edit-passenger-box input,
	#CustomerProfile .passenger-gender select,
	#CustomerProfile .passenger-country select,
	#CustomerProfile .passenger-type select
	{
		border:1px solid #B4B3B2;
	}
	
	#CustomerProfile .edit {
		float: left;
		/*margin-top: 2px!important;*/
	}
	
	#CustomerProfile #CoPassengers .edit input
	{
		margin-right:0px;
	}
	
	
	
	#FormStep3 .edit-below,
	#CustomerProfile .edit-below {
		padding-top:4px;
	}

	#FormStep3 .edit.title,
	#CustomerProfile .edit.title {
		margin-top: 0;
	}

	#CustomerProfile .edit input,	
	#CustomerProfile .edit select {
		border-style: inset;
	}
	
	#CustomerProfile .passenger-name.edit input {
		width: 102px;
	}
	
	#CustomerProfile .rounded-block.non-edit {
		position: relative;
		top: -5px;
		/*height: 40px;*/
		
	}
	
	#CustomerProfile .non-edit {
		margin-top: 5px;
	}
	
	#FormStep3 .passenger-name.non-edit,
	#CustomerProfile .passenger-name.non-edit {
		width: 150px;
		font-weight: bold;
	}
	
	#CustomerProfile .passenger-lastname {
		float: left;
		margin-left: 8px;
		margin-right: 6px;
		width: 122px;
	}
	
	#FormStep3 .passenger-lastname input,
	#CustomerProfile .passenger-lastname input {
		width: 118px;
	}
	
	#CustomerProfile .passenger-dob {
		float: left;
	}
	
	#CustomerProfile .passenger-dob.non-edit {
		margin-left: 70px;
	}
	
	#CustomerProfile .passenger-dob input {
		width: 108px;
		float: left;
	}

	#CustomerProfile .passenger-name {
		float: left;
		width: 104px;
	}
	
	#CustomerProfile .passenger-gender {
		float: left;
		margin-left: 8px;
	}
	
	#FormStep3 .passenger-type select,
	#CustomerProfile .passenger-type select {
		width: 104px;
	}
	
	#CustomerProfile .passenger-country {
		float: left;
		margin-left: 8px;
	}
	
	#CustomerProfile .passenger-country.non-edit {
		text-align: right;
		position: relative;
		left: 12px;
	}
	
	#FormStep3 .passenger-type,
	#CustomerProfile .passenger-type {
		float: left;
	}
	
	#CustomerProfile .passenger-type.non-edit {
		float: left;
		margin-top: 2px;
	}
	
	#CustomerProfile .passenger-buttons {
		float: right;	
		width: 22px;
		height: 22px;
		position:relative;
		top:-10px;
	}

	#CustomerProfile .customer-profile-edit {
		background: #FFFFFF url(/img/button_edit.png?20100916) top no-repeat;
		display: block;
		width: 22px;		
		height: 22px;
		margin-left: 4px;
		position: relative;
		z-index: 999;
	}
		
	#CustomerProfile .customer-profile-remove {
		background: #FFFFFF url(/img/button_del.png?20100916) top no-repeat;
		display: block;
		width: 22px;		
		height: 22px;
		z-index: 999;
		position: relative;
	}
	
	#CustomerProfile .customer-profile-save {
		float: right;
		text-align: center;
		background: #F1F1F1 url(/img/button_save_smaller.png?20100916) top no-repeat;
		color:white;
		width: 52px;
		text-decoration: none;
		height: 22px;
		padding-top: 5px; /* 3px */
		position: relative;
		top: 15px;
		margin-right:7px;
	}
	
	#CustomerProfile .customer-profile-add {
		float: left;
		background: #FFFFFF url(/img/button_add.png?20100916) top left no-repeat;
		width: 102px;
		height: 22px;
		text-align:center;
		width:152px;
	}
		
	#CustomerProfile .passenger-information {
		float: right;
	}

	#CustomerProfile .passenger-details {
		background: #E1E1E1 url(/img/passenger-details-bg.gif?20100916) top no-repeat;
		overflow: hidden; 
		margin-bottom: 3px;
		padding-top: 4px;
	}
	
	#CustomerProfile .rounded-block-wrapper.passenger {
		margin-top: 10px;
	}
	
	#CustomerProfile .passenger-details .last {
		margin-bottom: 20px;
	}

	#CustomerProfile .passenger-details .bottom {
		height: 4px;
		background: url(/img/passenger-details-bg.gif?20100916) bottom no-repeat;
	}
	
	#CustomerProfile .passenger-details h3 {
		line-height: 1.1em;
		font-weight: normal;
		padding: 3px 0 5px 10px;
	}
	
	#CustomerProfile .passenger-details h3.error {
		background: url(/img/icons/error-grey-bg.gif?20100916) top right no-repeat;
		padding-right: 20px;
	}
	
	#CustomerProfile .passenger-details label {
		padding: 0 0 3px 0;
		line-height: 1.1em;
		font-weight: normal;
	}
	
	#CustomerProfile .passenger-details .left {
		margin-left: 4px;
		float: left;
		display: inline;
	}
	
	#CustomerProfile .passenger-details .right {
		margin-right: 10px;
		float: right;
		display: inline;
	}
	
	#CustomerProfile .passenger-details .field {
		float: left;
	}
	
	#CustomerProfile .passenger-details .fieldright {
		float: right;
	}
	
	#CustomerProfile .passenger-details .left .field .field-passenger-type { width: 110px; }
	#CustomerProfile .passenger-details .left .field { padding-right: 6px; }
	#CustomerProfile .passenger-details .left .field .field-firstname { width: 100px; }
	#CustomerProfile .passenger-details .left .field .field-lastname { width: 100px; }
	
	#CustomerProfile .passenger-details .field { padding-left: 6px; }	
	#CustomerProfile .passenger-details .field .field-date-of-birth { width: 70px; }
	#CustomerProfile .passenger-details .field .field-gender { width: 60px; }
	#CustomerProfile .passenger-details .field .field-nationality { width: 80px; }
	#CustomerProfile .passenger-details .field .field-disability { width: 100px; }
	
	#CustomerProfile .flash_good {
		font-weight: bold;
		margin-top:4px;
	}
	
	#CustomerProfile .passwordFlash {
		float: right;
		margin-top: -5px;
	}
	
	#CustomerProfile .passenger-details .left .last {
		padding-right: 0;
	}
	
	#CustomerProfile .passenger-details .right .first {
		padding-left: 0;
	}
	
	#CustomerProfile .customer-intro,
	#CustomerProfile .customer-info-passenger-info {
		width: 400px;
		line-height:1.3em;
	}
	
	#CustomerProfile .customer-info-passenger-info {
		margin-bottom: 26px;
	}
	
	#CustomerProfile .customer-intro h3 {
		font-size: 110%;
	}
	
	#CustomerProfile #ProfilePassword {
		width: 400px;
	}
	#CustomerProfile #ProfilePassword ul.form-errors
	{
		margin:10px 0px 5px 0px;
		padding:0px;
	}
	
	#CustomerProfile #index {
		margin-left:0;
		width: 100%;
	}
	
	.hidden {
		visibility: hidden;
	}
	
	.none {
		display: none;	
	}
	
	#CustomerProfile .rounded-block-wrapper .bottom {
		width: 400px;
		padding-right:10px;
		/*position: relative;
		top: -5px;
		*/
		margin-top:-5px;
		height:10px;
		background-position:left top;
	}
	
	#CustomerProfile .rounded-block-wrapper .bottom.edit {
		top: -4px;
	}
	
	#CustomerProfile .rounded-block-wrapper.passenger .rounded-block.non-edit {
		/*padding-bottom: 20px;*/
		padding-bottom: 5px;

	}
	
	#CustomerProfile .rounded-block-wrapper.passenger .rounded-block {
		padding-bottom: 20px;
	}
	
	.HomeTitle {
		font-size: medium;
		font-weight: bold;
		margin-bottom: 6px;
		margin-top:2px;
	}
	
	
	/* Override styles because the above code is a bit messy to do right */
	/* #CustomerProfile #CoPassengers #edit-passenger-box select, */
	#CustomerProfile #CoPassengers #edit-passenger-box input
	
	{
		border:1px solid #B4B3B2;
		margin:0px;
	}
	
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-name div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-lastname div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-dob div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-type div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-gender div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-country div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-type div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-gender div,
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-country div
	{
		display:inline;
	}
	
	#CustomerProfile #CoPassengers #edit-passenger-box .edit
	{
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	
	#CustomerProfile #CoPassengers #edit-passenger-box .edit-below
	{
		float:left;
		margin:4px 0px 0px 0px;
		padding:0px;
	}
	
	
	#CustomerProfile #CoPassengers #edit-passenger-box
	{
		overflow:hidden;
		padding:10px;
	}
	
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-name { width:115px; margin-right:10px; }
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-name input { width:110px; }
	
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-lastname { width:115px; margin-right:10px; }
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-lastname input { width:110px; }
	
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-dob { width:110px; margin-right:0px; }
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-dob input { width:105px; }
	
	
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-type { width:115px; margin-right:10px; }
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-type select { width:111px; height:1.7em; }
	
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-gender  { width:65px; margin-right:10px; }
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-gender  select { width:60px; height:1.7em; }
	
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-country { width:100px; margin-right:0px; }
	#CustomerProfile #CoPassengers #edit-passenger-box .passenger-country select { width:95px; height:1.7em; }
	
	#CustomerProfile #CoPassengers #edit-passenger-box .customer-profile-save { margin-right:10px; top:15px; margin-top:0px !important; }
	
	
	
/************************************
 * CUSTOMER LOGIN
 ************************************/
	
	#ProfileLogin .rounded-block-wrapper .rounded-block p {
		padding:0 0 3px;
	}
	
	#ProfileLogin .field {
		margin-bottom: 5px;
	}
	
	#ProfileLogin .field label {
		padding: 0 0 3px 0;
		font-weight: normal;
	}
	
	#ProfileLogin .field input {
		float: left;
		width: 196px;
	}

	#ProfileLogin .field p {
		float: left;
		display: inline;
		margin-left: 10px;
		line-height: 1.3em;
		width: 360px;
		padding: 2px 0 0 0;
	}


	#ProfileLogin .change-online-booking {
		padding-left: 0;
	}

	#ProfileLogin .change-online-booking a {
		margin-left: 0;
		padding-left: 0;
		font-weight: normal;
	}


/************************************
 * DEBUG
 ************************************/
 
	#DebugLog .debug-title {
		margin: 2px;
		font-weight: bold;
	}
	
	#DebugLog td {
		padding-bottom: 5px;
		padding-left: 10px;
		margin-bottom: 5px;
	}
	
	/************************************
 	* CONFIRMATION LOGIN LAYOUT
 	************************************/
	
	#ConfirmationLogin p {
		padding-bottom: 10px;
	}
	
	#ConfirmationLogin .field {
		margin-bottom: 5px;
	}
	
	#ConfirmationLogin .field label {
		padding: 0 0 3px 0;
		font-weight: normal;
	}
	
	#ConfirmationLogin .field input {
		float: left;
		width: 196px;
	}

	#ConfirmationLogin .field p {
		float: left;
		display: inline;
		margin-left: 10px;
		line-height: 1.3em;
		width: 360px;
		padding: 2px 0 0 0;
	}


	#ConfirmationLogin .view-online-confirmation {
		padding-left: 0;
	}

	#ConfirmationLogin .view-online-confirmation a {
		margin-left: 0;
		padding-left: 0;
		font-weight: normal;
		float: left;
	}

	.login_user {
		position:relative;
		left: 3px;
		top: 7px;
	}
	
	.menuitem {
		width: 180px;
		height: 60px;
		float: left;
		margin-left: 2px;
		background: #E1E1E1 url(/img/dialog-largebox.png?20100916) top no-repeat;
		text-align: center;
	}
	
	.small {
		width: 74px;
		margin: 0px;
		background: #E1E1E1 url(/img/menuitem_small.gif?20100916) left top no-repeat;
	}
	
	.clickmenu a {
		/*margin-left: 4px;*/
		margin-top: 26px;
		padding-top: 6px;

		text-align: left;	
		text-indent:20px;
		float: left;	
		width: 180px;
		height: 23px;	
		/*padding-left: 12px;*/
		color:white;
		text-decoration: none;

		padding-left: 0px;
		
		background: url(/img/dialog-infobox.png?20100916) center top no-repeat;			
	}

	
	.clickmenu a:hover {
		background: url(/img/dialog-infobox-highlight.png?20100916) center top no-repeat;
	}
	
	.menuitem.small .clickmenu {
		margin-top: 26px;
		padding-top: 7px;
		margin-left: 1px;
	}
	
	#cardsMain {
		width: 410px;
	}
	
	#footer.copyright {
		text-align: right;
		padding-top: 6px;
	}
		
	#ProfileLogin .rounded-block p {
		padding-top: 0;
	}
	
	.logo_image {
		margin-bottom: 4px;
		height: 220px;
	}
	
	#loadBar {
		background: url(/img/icons/loading-large.gif?20100916) center center no-repeat;
		height: 220px;
		width: 400px;
	}
	
	.animate_loading {
		background: url(/img/icons/loading-large.gif?20100916) center center no-repeat;
	}
	
	#CustomerProfile .form-errors {
		margin-bottom: 12px;
		
	}
	
	#FormError .error {
		min-height: 90px;
		margin-left: 10px;
		margin-top: 10px;
	}
	
	p.paddedcontent
	{
		margin-left: 10px;
		margin-top: 10px;
	}
	
	#CustomerProfile .small-divider {
		border-left:1px solid #C0C0C0;
		border-right:1px solid #C0C0C0;
	}
	
	#CustomerProfile .BookingUntil {
		position: relative;
		top: 6px;
		margin-bottom: 4px;
		line-height:14px;
	}
	
	#AdminForm .loaderContainer {
		
		height: 200px;	
	}
	
	.dialog .content #loaderContainer .ticker_load {
	
		background: url(/img/ticker_vanta.png?20110506) no-repeat center center;
		height: 192px;
		width: 620px;
		
	}
	
	#ProfileSubmit.loading {
		/*
		background: url(/img/icons/nextstep_loading.gif?20100916) no-repeat right center;
		*/
		background: url(/img/icons/ticker.gif?20100916) no-repeat right center;
	}
	
	
	#PayBookingFormLogin input,
	#MultiLogin input {
		width: 196px;
	}
	
	#PayBookingFormLogin .rounded-block-wrapper .rounded-block 
	{
		padding:10px 10px 5px 10px;
	}
	
	
/* Override action buttons previous styling */
/* */
h2 span
{
	overflow:hidden;
	background-position:center top;
	padding:0px 10px 0px 5px;
}

#booking-next-step,
#BookingSubmit
{
	display:block;
	position:static;
	right:auto;
	left:auto;
	top:auto;
	width:auto;
	margin:0px 0px 0px 0px;
	padding:0px 35px 0px 0px;
	float:right;
}

#booking-next-step.disabled {
	
	color: #808080;
}

#booking-previous-step
{
	display:block;
	position:static;
	right:auto;
	left:auto;
	top:auto;
	width:auto;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	float:left;
}

#BookingConfirmation {
	position: relative;
	top: -10px;
}

#BookingConfirmation.notop {
	top: 0;	
}

#BookingConfirmation h2 span {
	padding:0px 10px 0px 11px;
}

div.group-ticket-type-trip {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 40px;	
	float: left;
}

div.group-ticket-type {
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
}

div.group-ticket-type-category {

	float: left;
	font-weight: bold;	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 40px;
}

.group-autosave-header {
	float: right;	
}

.group-autosave-header.loading {
	background: url('/img/small-loading.gif') right top no-repeat;
}
#FormStep2 .ui-datepicker-trigger {
	float: left;
	cursor: pointer;
	position: relative;
	top: 2px;
	left: 8px;
	background: url(/img/icons/cal.png);
}

#FormStep2 .ui-datepicker-trigger:hover {
	background: url(/img/icons/cal_sel.png)!important;
}

#FormStep2 #DeparturePreviousDay,
#FormStep2 #ReturnPreviousDay {
	margin-right: 4px;	

}


/*********************************************/
/*				SEATING 					 */
/*********************************************/

@charset "utf-8";
/* CSS Document */

#lblMessage
{
	display:none;
}

.cols
{
	margin-left:12px;
	padding-top:0px !important;
	padding:0px;
	padding-left:10px;
	margin:0;
	clear:both;
	
}
.cols li
{
	border:solid 1px;
	border-color: #78B41E;
	list-style-type:none;
	float:left;
	width:9px;
	height:6px;
	background-color:#78B41E;
	margin:2px 2px 0px 2px;
	
}
.admin .cols .disabled
{
	visibility:visible;
	background-color:blue;
}
.cols .disabled
{
	border:none;
	padding:1px;
	visibility:hidden;
}

.newrow
{
	clear:both;
}
#editseat
{
	border:dotted 2px;
	display:none;
	width:250px;
	height:200px;
	float:left;
	padding:10px;
}

#FormStep2 .ui-datepicker td span,
#FormStep2 .ui-datepicker td a {
	padding: 0.4em;
}

.loaderBackground {
	position: absolute;
	top: 150px;
	left: 310px;
	width: 96px;	
	height: 96px;

	text-align: center;
	background: url('/img/ticker_vanta.png') center center transparent;
	z-index: 11;
}

#loader {
	display: block;

	height: 100%;
	width: 100%;
	background: url('/img/icons/loading-large.gif') center center transparent no-repeat;
}

.cols .selected, .cols .hover
{
	/* temporary */
	background-color:#3CAAD2!important;
	border-color: #3CAAD2;
}

.cols .animal.booked
{
	background-color:#D2D2D2 !important;
	border-color:#D2D2D2 !important;
}

.cols .booked
{
	background-color:#BE0519;
	border-color:#BE0519;
}

#seating{

background:url("/img/seating/seating_bg.png");
width:620px;
height:392px;
clear:both;
/*padding-top:15px;*/
/*float:left;*/
}

#dialog label {
	padding: 4px;	
}

#animal
{
    left: 265px;
    position: absolute;
    top: 347px;
}

#btnSave
{
	clear:both;
}

#seatingadmin
{
	/*display:none;*/
}

#seatdetail
{
	/*background-color:white;*/
	/*background-image:url(/img/seating/bubbla.png);*/
	margin-top:3px;
	background-repeat:no-repeat;
	width:155px;
	font-size: 110%;
	/*height:66px;*/
	/*border:solid 1px;*/
	
	/*position:absolute;*/
	/*display:none;*/
	z-index:10000000;
}

#seatdetail {

	padding-left: 15px;	
	padding-top: 5px;
	padding-bottom:5px;
	padding-right: 15px;
	color: white;
}

#seatdetail span.main,
#seatdetail span.text {
	line-height:18px;
	position: relative;
	top: -2px;
	left: -6px;
}
/*
#seatdetail div.symbol{

	padding-right:20px;
}
*/

#seatdetail div.symbol img {

	height: 29px;
	width: 27px;
	float: right;
	margin-left:4px;
	margin-top:-34px;
}

.SeatingButton .seat {
	position: relative;
	left: 6px;
	top: 4px;	
}

#lblSeatsSelected, #lblSeatsLeft {
	padding-bottom: 12px!important;
	font-size: 110%;
	font-weight: normal;
	float: left;
}

.MyBookingSeating {
	text-align: right!important;	
	color: #3CAAD2;
	visibility:visible!important;
}

.MyBookingSeating.hidden 
{ 
	display:none!important;
}

#MaintenanceInfo {

	width: 400px;
	height: 200px;	
}

#my-booking table #myBookDepRes.value {
	
	width: 0*;
}

#my-booking table #myBookDepVehType.item {
	width: 0*;
}

#PhoneLogin label,
#AgentOfficerLogin label,
#MultiLogin label {
	
	padding: 4px 0;	
}

#PhoneLogin .rounded-block,
#AgentOfficerLogin .rounded-block,
#MultiLogin .rounded-block {
	
	padding: 14px;	
}

#PhoneLogin .extra-space,
#AgentOfficerLogin .extra-space,
#MultiLogin .extra-space {
	padding-top: 4px;
	padding-bottom: 4px;
}

#PhoneMain div.extra-space {
	margin: 10px 0 10px 10px;
	line-height: 1.3em;
}

#PhoneMain p.phone {
	
	border-bottom: solid 1px #C0C0C0;
	width: 170px;
	line-height: 3em;	
}

#PhoneMain p.phone.link {
	
	background: url('/img/pil_right_black.png') no-repeat 150px;
	
}

#PhoneMain p.phone span {
	
	margin-left: 8px;
}

#PhoneMain p.phone.link a {
	text-decoration: none;	
	margin-left: 8px;
}

#SeatingStatus {
	position: relative;
	left: 10px;
	top: 14px;	
}

.apa {
	float: right;	
	background: url('/img/bubbla.png') no-repeat;
	width: 180px;
	height: 43px;
}