a:active
{
  outline: 0px !important;
}


/* @group Booking Common */
div.cmf-skinned-select {
    background: transparent url('/app/projects/common/templates/timebooking/img/sprite_booking.png') no-repeat right -600px;
    border: 0;
    color:  white !important;
    height: 20px;
    margin-bottom: 7px;
    padding-top: 3px;
    padding-bottom: 2px;
    width:  120px !important;
}
div.cmf-skinned-text {
    padding: 5px 3px 3px;
    color: white !important;
    text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	width: 100%;
	font-size: 9px !important;
	font-family: FranklinGothic;
}

/* @group BookingWrapper */
.bookingWrapper
{
	background: #e4eef0 url('/app/projects/common/templates/timebooking/img/sprite_booking.png') repeat-x 0 bottom;
	padding: 26px 0 10px;
	width: 100%;
	overflow:hidden;
	height: 180px;	
	position: relative;
}

.bookingWrapper span
{
	font-size: 12px;
}

.bookingWrapper select
{
	background-color: #60b6c6;
	border: 0;
	color: white;
	width: 120px !important;
	font-size: 11px;
}

.bookingStep
{
	width: 1006px;
	margin: 0 auto;
	position: relative;
}
	#bookingInfo
	{
		width: 152px;
		margin-right: 50px;
		float: left;
		min-height: 160px;
		_height: 160px;
	}
		#bookingInfo h1
		{
			width: 152px;
			overflow: hidden;
		}
		#bookingInfo .error
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 0 -400px;
			text-indent: 12px;
			display: block;
			padding-top: 4px;
			font-size: 12px !important;
			font-weight: bold !important;
		}
	
	.bookingForm
	{
		width: 800px;
		float: left;
		position:relative;
	}
		.progressBar
		{
		}
			.progressBar .bar
			{
				height: 4px;
				background: white;
				clear: both;
				overflow: hidden;
			}
				.progressBar .bar div
				{
					float: left;
					height: 4px;
				}
			
			#progressBarComplete
			{
				background-color: #60b6c7;
				width: 352px;
			}
			
			#progressBarCurrent
			{
				background-color: #ff6801;
				width: 146px;
			}
			
			.progressBarLabel
			{
				font-size: 12px;
				float:  left;
				text-transform: uppercase;
				background: transparent url('/app/projects/common/templates/timebooking/img/sprite_booking.png') no-repeat 0px -1000px;
				height: 14px;
				padding-left: 15px;
				padding-top: 0px;
				font-family: FranklinGothic;
			}
				#progressBarLabel1
				{
					width: 341px;
					padding-left: 11px;
				}
				
				#progressBarLabel2
				{
					background-position: 0px -1100px;
					color: #b6bec0;
				}
				
				#progressBarLabel3
				{
					float:  right;
					background-position: 0px -1400px;
					color: #b6bec0;
				}

			/* STEP 2 */
			#progressBar.currentStep2 #progressBarLabel1
			{
				background-position: 0 -900px;
			}
			#progressBar.currentStep2 #progressBarLabel2
			{
				background-position: 0 -1300px;
				color: black;
			}
			
			/* STEP 6 */
			#progressBar.currentStep3 #progressBarLabel1
			{
				background-position: 0 -900px;
			}
			#progressBar.currentStep3 #progressBarLabel2
			{
				background-position: 0 -1200px;
				color: black;
			}
			#progressBar.currentStep3 #progressBarLabel3
			{
				background-position: 0 -1500px;
				color: black;
			}
	
	#bookingSlide
	{
		position: absolute;
		left: 0;
		width: 800px;
	}
	
	.bookingStep
	{
		background: transparent url(http://www.skistar.com/Projects/VacationClub/Images/loader.gif) no-repeat 50% 85%;
	}

/* COMMON STEP CONTROLS */
.bookingWrapper a.buttonBack
{
	background: transparent url('/app/projects/common/templates/timebooking/img/sprite_booking.png') no-repeat 5px 46px;
	width: 79px;
	float: left;
	display: block;
	height: 140px;
}

.bookingWrapper a.buttonNext
{
	background: transparent url('/app/projects/common/templates/timebooking/img/sprite_booking.png') no-repeat -100px -54px;
	width: 49px;
	float: right;
	display: block;
	height: 130px;
	margin-top: 10px;
}
	.bookingWrapper a.buttonNext.activated
	{
		background-position: 0 -54px;
	}


/* STEP COMMON */
.bookingWrapper .infoBox
{
	text-align: center;
	padding-top: 42px;
}
	.bookingWrapper .infoBox h3
	{
		font-size: 20px;
		margin-bottom: 15px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.bookingWrapper .infoBox span
	{
		font-size: 13px;
	}

	.bookingWrapper .infoBox em
	{
		font-style: normal;
		font-weight: bold;
	}
	
	.bookingWrapper .infoBox a
	{
		text-decoration: underline;
		font-weight: bold;
		display: inline;
		color: #a50000;
		margin-top: 8px;
	}
	
	.bookingWrapper .infoBox a.redirect
	{
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 0px -846px;
		padding-left: 7px;
		*background-position: 0px -847px;
		margin-left: 2px;
	}
	

	.bookingWrapper .inputGroup
	{
		position: relative;
	}

	.bookingWrapper label
	{
		font-size: 9px;
		text-transform: uppercase;
		width: 122px;
		display: block;
		float: left;
		line-height: 22px;
	}
	
	.bookingWrapper .inputText
	{
		width: 179px;
		border: 0;
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat -219px -300px;
		height: 20px;
	}


/* STEP 1 */
.step1
{
	
}
	.step1 .week
	{
		float: left;
		width: 152px;
		padding-top: 16px;
	}

	.step1 .weekDays
	{
		padding-top: 16px;
		float: left;
	}
	
	.step1 .day
	{
		float: left;
		padding-right: 20px;
	}
		.step1 .day h3,
		.step1 .week h3
		{
			text-transform: uppercase;
			font-size:11px;
			font-weight: bold;
			margin-bottom: 4px;
			padding-top: 5px;
		}
	
	.step1 .day li
	{

	}
		.step1 .day li a
		{
			width: 64px;
			height: 16px;
			color: white;
			font-size: 10px;
			text-align: center;
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 0 -200px;
			display: block;
			margin-bottom: 7px;
			padding-top: 4px;
		}
			.step1 .day li a.fewRemaining
			{
				background-position: 0 -250px;
			}
			.step1 .day li a.fewRemaining:hover
			{
				background-position: -100px -250px;
			}
		
			.step1 .day li a:hover
			{
				background-position: -200px -200px;
			}
		
			.step1 .day li a.disabled,
			.step1 .day li a.disabled:hover
			{
				background-position: -100px -200px;
				cursor: default;
			}

			
			.step1 .day li a.selected,
			.step1 .day li a.selected:hover
			{
				background-position: -300px -200px;
			}
	
	.step1 #timeLegends
	{
		clear: both;
		padding-top: 10px;
		*padding-top: 0;
	}
				
	.step1 .timeLegend
	{
		font-size: 11px;
		float: left;
		font-style: italic;
		text-transform: uppercase;
		margin-right: 22px;
		padding-left: 12px;
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 0 -498px;
		padding-bottom: 4px;
		padding-top: 1px;
	}
		.step1 .timeAvailable
		{
			background-position: -100px -498px;
		}
		.step1 .timeTaken
		{
			
		}
		.step1 .timeFewRemaining
		{
			background-position: -250px -500px;
			padding-left: 17px;
		}
		.step1 .timeSelected
		{
			background-position: -392px -498px;
		}


/* STEP 2 */
.step2
{
	
}
	.step2 h3
	{
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.step2 #userLogin
	{
		margin-left: 154px;
	}
		.step2 #userLogin label
		{
			width: 140px;
		}
		
		.step2 #userLogin .submitButton
		{
			display: none;
		}

	.bookingWrapper .step2 a.buttonNext
	{
		background-position: -295px -54px;
		cursor: default;
	}		
	.bookingWrapper .step2 a.buttonNext.activated
	{
		background-position: -195px -54px;
		cursor: pointer;
	}
	
	.step2 .userForm
	{
		float: left;
		margin-top: 33px;
		width: 325px;
	}
		
		.step2 .userForm .inputTextEmail2
		{
			width: 109px;
			background: white none;
			float: left;
		}

	    .step2 .userForm .inputTextPassword
	    {
	   		width: 90px;
			padding-right: 10px;
			float: left;
			background-position: right -300px;
	    }
	
		.step2 .userForm a.passwordReminderLink
		{
			text-transform: uppercase;
			padding-left: 7px;
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 0 -798px;
			font-size: 11px;
			margin-top: 12px;
			display: block;
			clear: both;
			text-decoration: underline;
			color: black;
		}
		
		.step2 .userForm .submitButton
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat right -1600px;
			border: 0;
			color: white;
			text-transform: uppercase;
			float: left;
			height:  20px;
			margin-left: 3px;
			width: 67px;
			text-align: center;
			cursor: pointer;
			font-size: 10px;
		}
			.step2 #userRegister.userForm .submitButton
			{
				background-position: right -1600px;
			}

		.step2 .userForm .inputGroup
		{
			margin-bottom: 3px;
		}
		
		.step2 .userForm .inputGroup.emailRegister2
		{
			height:25px;
		}

		.step2 #userRegister.error
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 303px -390px;
		}
		
		.step2 #userRegister.verified
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 296px -288px;
		}
		
		.step2 .emailRegister.error,
		.step2 .emailRegister2.error
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 303px -399px;
		}
		
		.step2 .emailRegister.verified,
		.step2 .emailRegister2.verified
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 296px -299px;
		}

		.step2 .email.error,
		.step2 .password.error
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 300px -400px;
		}		
		
		.step2 .password
		{
			height: 24px;
		}

/* STEP 4 */
	
.step4
{
	
}
	.step4 .cmf-skinned-select,
	.step4 .select
	{
		float: left;
	}
	
	.step4 .inputText
	{
		width: 199px;
		background-position: right -300px;
		margin-bottom: 3px;
		font-weight: bold;
	}
	
	.step4 span.inputText
	{
		background: transparent;
		background-image: none;
		float: left;
		padding-top: 5px;
		margin-bottom: 0;
		height: 21px;
	}
	
	.step4 .column1,
	.step4 .column2
	{
		float: left;
		padding-top: 32px;
	}

	.step4 .column2
	{
	}
		.step4 .column2 .inputText
		{
			width: 159px;
		}
		
		.step4 .column2 .emailRegister .clearer
		{
			*display: none;
		}


	.step4 .userDetailsName
	{
		width: 83px;
		background-position: -200px -300px;
	}
	
	.step4 .userDetailsSurname
	{
		width: 113px;
		background-position: right -300px;
		*width: 110px;
	}
	
	.step4 .userDetailsZip
	{
		width: 51px;
		background-position: -200px -300px;
	}
	
	.step4 .userDetailsCity
	{
		width: 145px;
		background-position: right -300px;
		*width: 141px;
	}
	
	.step4 .inputGroup
	{
		padding-right: 25px;
	}
	
	.step4 .error label,
	.step4 .error input
	{
		color: #a50000;
	}
	
	.step4 .verified
	{
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 320px -300px;
	}
	
	.step4 .error
	{
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat 323px -400px;
	}
	
	.step4 .column2 .verified
	{
		background-position: 278px -300px;
	}
	
	.step4 .column2 .error
	{
		background-position: 282px -400px;
	}
	
	
	.step4 select,
	.step4 div.cmf-skinned-select
	{
		width: 199px !important;
	}
	
	
/* PASSWORD REMINDER */

.passwordReminder
{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 160px;
	background: #E4EEF0;
	display: none;
	margin-top: 20px;
}
	.passwordReminder span
	{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	.passwordReminder h2
	{
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 10px;
		margin-top: 21px;
	}

	.passwordReminder .inputGroup 
	{
		float: left;
	}

	.passwordReminder input.inputText
	{
		width: 129px;
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat right -300px;
		margin-right: 15px;
	}
	
	.passwordReminder label
	{
		width: auto;
		margin-right: 5px;
		line-height: 20px;
		*line-height: 22px;
	}
	
	.passwordReminder .inputGroup a
	{
		display: block;
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat right -1600px;
		zoom: 1;
	}
		.passwordReminder .inputGroup a span
		{
			text-transform: uppercase;
			color: white;
			padding: 3px 13px 7px 9px;
			display: block;
			font-weight: bold;
		}
	
	
	
/* LOGIN Y-SPLIT */
.loginChoice
{
	padding: 38px 0 0 0;
}
	.loginChoice .column1, 
	.loginChoice .column2
	{
		width: 185px;
		float: left;
		text-align: center;
	}
	
	.loginChoice .column1
	{
		margin-left: 82px;
		margin-right: 85px;
	}	

	.loginChoice a 
	{
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat left -650px;
		display: block;
		padding: 0 0 0 10px;
	}
		.loginChoice a:hover 
		{
			background-position: left -700px;	
		}
	
	.loginChoice a .inner
	{
		text-align: center;
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat right -650px;
		padding: 8px 8px 10px 0;
		color: white;
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		*padding-top: 4px;
	}
		.loginChoice a:hover .inner
		{
			background-position: right -700px;
		}
	
	
	.passwordReminder .message
	{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 800px;
		height: 160px;
		background: #E4EEF0;
	}
	
	.passwordReminder .message span span
	{
		display: inline;
	}
	
	.passwordReminder .message a 
	{
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat left -650px;
		display: block;
		padding: 0 0 0 10px;
		width: 190px;
		margin: 10px auto 0;
	}
		.passwordReminder .message a:hover 
		{
			background-position: left -700px;	
		}
	
	.passwordReminder .message a .inner
	{
		text-align: center;
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat right -650px;
		padding: 8px 8px 10px 8px;
		color: white;
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 0;
	}
		.passwordReminder .message a:hover .inner
		{
			background-position: right -700px;
		}
	
/* Error Messages */
.errorMessages
{
	position: absolute;
	width: 800px;
	top: 0;
	left: 0;
	padding: 7px 13px 13px 33px;
	background: #d7bdbf url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat -372px -400px;
	display: none;
}
	.errorMessages span
	{
		font-size: 11px;
		margin-right: 11px;
	}
		.errorMessages span em
		{
			font-style: normal;
			font-weight: bold;
			color: #a70909;
			text-transform: uppercase;
			margin-right: 4px;
		}
	
	
	
/* Campaign Code */
input.campaigncode
{
	width: 70px;
	padding-right: 10px;
	background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat right -300px;
	margin-bottom: 3px;
	font-weight: bold;
	display:inline;
	border: 0;
	height: 20px;
	text-transform: uppercase;
}

.campaignBlock
{
	text-align: center;
	margin-top: 10px;
}

	.bookingWrapper .campaignBlock span.label
	{
		display: inline;
		margin-right: 13px;
	}
	
	.bookingWrapper .campaignBlock a.buttonNext
	{
		float: none;
		margin: 0 auto;
		background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat left -750px;
		width: 185px;
		margin-top: 6px;
		padding-left: 8px;
		display: block;
		text-decoration: none;
		height: 30px;
	}
		.bookingWrapper .campaignBlock a.buttonNext .inner
		{
			background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) no-repeat right -750px;
			padding: 6px 8px 12px 0;
			text-align: center;
			width: 185px;
			text-transform: uppercase;
			color: white;
			display: block;
			text-decoration: none;
			zoom: 1;
			position: relative;
		}
	
	
	
#footerTeasers
{
	clear: both;
	position: relative;
	zoom: 1;
}
	#footerTeasers h3 
	{
		position: relative;
		zoom: 1;
	}
	
	#footerTeasers h3 *
	{
		zoom: 1;
	}
	

/* Destination folders */
.bookingWrapper
{
	height: 280px;
}
#destinationFolders
{
	background: transparent url(/app/projects/common/templates/timebooking/img/sprite_booking.png) repeat-x left bottom;
	margin-bottom: 10px;
}
	#destinationFolders span
	{
		color: black;
		font-size: 14px;
		font-weight: bold;
	}
	#destinationFolders span,
	#destinationFolders a
	{
		display: block;
		float: left;
		padding: 7px 20px 10px;
	}
	#destinationFolders span
	{
		padding-top: 12px;
		padding-bottom: 5px;
	}
	#destinationFolders a
	{
		border-top: 2px solid #E4EEF0;
		color: #666;
	}
	#destinationFolders a:hover {
		background: #E4EEF0;
		border-top: 2px solid #666;
		color: black;
	}
	
	#destinationFolders a.selected,
	#destinationFolders a.selected:hover
	{
		background: #E4EEF0;
		border-top: 2px solid #FF6801;
		color: black;
	}
	
	#bookingSplash {
		position: absolute;
		width: 820px;
		height: 225px;
		top: 40px;
		left: 200px;
		background: #E4EEF0;
		opacity: 0.6;
		z-index: 9999;
		filter: alpha(opacity = 60);
		zoom: 1;
	}