<!doctype html>
	<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
	<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
	<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
	<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
	<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">
		
		<!-- Use the .htaccess and remove these lines to avoid edge case issues.
		More info: h5bp.com/i/378 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		
		<title>Dolphin beach resorts</title>
		<link rel="shortcut icon" href="http://bookings.dolphinbeach.lk/img/favicon.ico">
		<meta name="description" content="Dolphinbeach booking engine">
		<meta name="keywords" content="Dolphinbeach, dolphin beach, dolphin, booking engine, dolphin beach booking engine">
		<meta name="author" content="BenWorldwide">
		
		<!-- Mobile viewport optimized: h5bp.com/viewport -->
		<meta name="viewport" content="width=device-width">
		
		<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
		
		<link rel="stylesheet" href="http://bookings.dolphinbeach.lk/css/bootstrap.css">
<!--		<link rel="stylesheet" href="css/bootstrap-responsive.min.css">-->
		<link rel="stylesheet" href="http://bookings.dolphinbeach.lk/css/style.css">
		
		<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
		
		<!-- All JavaScript at the bottom, except this Modernizr build.
			Modernizr enables HTML5 elements & feature detects for optimal performance.
			Create your own custom Modernizr build: www.modernizr.com/download/ -->
		<script src="http://bookings.dolphinbeach.lk/js/libs/modernizr-2.5.3.min.js"></script>
		
		<style type="text/css">
			.nav-stacked > li > a {
				margin-right: -15px;
			}
			
			.sidebar{
				background-color:#FBFBFB;
				font-size:11px
			}
			
			.userbox{
				background-color:#FBFBFB;
				padding:10px 19px
			}
		</style>
		
<style type="text/css">
.dolphin-background{
	background-image:url('../img/dolphinbeachsand.jpg');
	z-index:-99;
}
.dolphin-background .border-1-solid{
	background-color:#fff;
}
.step-fix-margin{
	margin-top: 8px
}
.step-fix-padding{
	padding: 0 14px 0 8px;
}
.breadcrumb{
	width: 160px !important;
}
.payment-details-text{
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	font-size: 0.9em;
	padding: 15px;
	text-align: justify;
	border-radius: 3px;
}
.step-breadcrumb{
	margin: 0 0 18px;
	list-style: none;
	background-color: hsl(187, 100%, 35%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00cae5", endColorstr="#009db2");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#00cae5), to(#009db2));
	background-image: -moz-linear-gradient(top, #00cae5, #009db2);
	background-image: -ms-linear-gradient(top, #00cae5, #009db2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00cae5), to(#009db2));
	background-image: -webkit-linear-gradient(top, #00cae5, #009db2);
	background-image: -o-linear-gradient(top, #00cae5, #009db2);
	background-image: linear-gradient(#00cae5, #009db2);
	border-color: #009db2 #009db2 hsl(187, 100%, 32.5%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
	-webkit-font-smoothing: antialiased;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
</style>
<style type="text/css">
@import url("http://bookings.dolphinbeach.lk/css/ui-lightness/jquery-ui-1.8.21.custom.css");
</style>
<style type="text/css" media="print">
.print-hide{
	display:none;
}

#booknowheader{
	display:none;
}

#footerdiv{
	display:none;
}

.logoandheading{
	display:block;
}
</style>
	</head>
	<body class="dolphin-background">
		<div id="booknowheader" class="container" style="width:970px">
	<div class="row-fluid">
		<div class="span12 text-align-center">
			<img src="http://bookings.dolphinbeach.lk/img/makara_logo.png" alt="Makara Resorts" />
		</div>
	</div>
	<br />
	
	<div class="row-fluid">
<!--		<div class="span1"></div>-->
		<div style="margin-left:30px" class="span2 step-fix-padding step-breadcrumb ">
			<div class="row-fluid">
				<div class="text-align-center span10 step-fix-margin">
				<span style="font-weight:bold;font-size:1em">
					Date choice
				</span>
				</div>
			</div>
		</div>
		
		<div class="span2 step-fix-padding breadcrumb greyout-text">
			<div class="row-fluid">
				<div class="text-align-center span10 step-fix-margin">
				<span style="font-weight:bold;font-size:1em">
					Room choice
				</span>
				</div>
			</div>
		</div>
		<div class="span2 step-fix-padding breadcrumb greyout-text">
			<div class="row-fluid">
				<div class="text-align-center span10 step-fix-margin">
				<span style="font-weight:bold;font-size:1em">
					Guest details
				</span>
				</div>
			</div>
		</div>
		<div class="span2 step-fix-padding breadcrumb greyout-text">
			<div class="row-fluid">
				<div class="text-align-center span10 step-fix-margin">
				<span style="font-weight:bold;font-size:1em">
					Confirm details
				</span>
				</div>
			</div>
		</div>
		<div style="width:180px" class="span2 step-fix-padding breadcrumb greyout-text">
			<div class="row-fluid">
				<div class="text-align-center span12 step-fix-margin">
				<span style="font-weight:bold;font-size:1em">
					Booking complete
				</span>
				</div>
			</div>
		</div>
		<div class="span1"></div>
	</div>
</div>		<div class="container border-1-solid">

	<div class="row-fluid">
		<div class="span3"></div>
		<div class="span6">
						<h3>Select your dates</h3>
			<br />
			<form action="http://bookings.dolphinbeach.lk/booknow/step1" method="post" accept-charset="utf-8" class="form-horizontal" onsubmit="return checkform();">				<div class="control-group">
					<label class="control-label" for="arrival_date">Arrival date</label>
					<div class="controls">
						<div class="input-append">
							<input value="2014-05-20" type="text" class="span6" id="arrival_date" name="arrival_date"><a href="javascript:void(0);" class="add-on" id="arrival_date_icon"><i class="icon-calendar"></i></a>
						</div>
						<p class="help-block"></p>
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label" for="departure_date">Departure date</label>
					<div class="controls">
						<div class="input-append">
							<input value="2014-05-22" type="text" class="span6" id="departure_date" name="departure_date"><a href="javascript:void(0);" class="add-on" id="departure_date_icon"><i class="icon-calendar"></i></a>
						</div>
						<p class="help-block"></p>
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label" for="booking_basis">Booking basis</label>
					<div class="controls">
						<select name="booking_basis" id="booking_basis" class="span6">
							<option value="">Select</option>
							<option value="1" >Full Board</option><option value="2" >Half Board</option><option value="3" >Bed and Breakfast</option>						</select>
						<p class="help-block"></p>
					</div>
				</div>
		
				<input type="submit" name="savedates" class="btn btn-primary float-right" value="Next&nbsp;&raquo;" />
				<div class="clear-float"></div>
		
			</form>		</div>
		<div class="span3"></div>
	</div>

</div>
				<br />
		<div id="footerdiv" style="font-size:12px" class="container text-align-center">
		&copy;&nbsp;Dolphin beach 2014&nbsp;|&nbsp;<a href="http://dolphinbeach.lk" title="Home" target="_blank">Home</a><br />
		<a href="http://benworldwide.com" title="BenWorldwide" target="_blank">BenWorldwide</a>
		&nbsp;|&nbsp;
		<a href="http://global.benworldwide.com/contact/site-survey/" title="Website Feedback" target="_blank">Website Feedback</a>
		<br />
		<div id="browser-message">
			This site is best viewed on Chrome/Firefox/Safari/Opera/IE 8+
		</div>
		</div>
		
		<!-- JavaScript at the bottom for fast page loading -->
		
		<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<!--		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->
		<script src="http://bookings.dolphinbeach.lk/js/libs/jquery-1.7.1.min.js"></script>
		
		<script src="http://bookings.dolphinbeach.lk/js/bootstrap-alert.min.js"></script>
		<script src="http://bookings.dolphinbeach.lk/js/bootstrap-modal.min.js"></script>
				<script src="http://bookings.dolphinbeach.lk/js/bootbox.min.js"></script>
		
		<!-- scripts concatenated and minified via build script -->
		<script src="http://bookings.dolphinbeach.lk/js/plugins.js"></script>
		<script src="http://bookings.dolphinbeach.lk/js/script.min.js"></script>
		<!-- end scripts -->
		
		<script type="text/javascript" src="http://bookings.dolphinbeach.lk/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#arrival_date_icon').click(function(){
		$('#arrival_date').datepicker('show');
	});
	$('#departure_date_icon').click(function(){
		$('#departure_date').datepicker('show');
	});
	$('#arrival_date').datepicker({
		dateFormat: $.datepicker.ISO_8601,
		changeMonth: true,
		changeYear: true,
		minDate: 0,
		onSelect: function(seldate,inst){
			var thisdate=$(this).datepicker('getDate');
			var thisdateinms=thisdate.valueOf();
			thisdateinms+=(24*3600000); //60*60*1000=3600000
			var nextdate=new Date(thisdateinms);
			$('#departure_date').datepicker('option','minDate',nextdate);
		}
	});
	$('#departure_date').datepicker({
		dateFormat: $.datepicker.ISO_8601,
		changeMonth: true,
		changeYear: true,
		minDate: +1,
		onSelect: function(seldate,inst){
			var thisdate=$(this).datepicker('getDate');
			var thisdateinms=thisdate.valueOf();
			thisdateinms-=(24*3600000); //60*60*1000=3600000
			var prevdate=new Date(thisdateinms);
			$('#arrival_date').datepicker('option','maxDate',prevdate);
		}
	});
});

function checkform(){
	var status=true;
	if($('#arrival_date').val()==''){
		$('#arrival_date').parents('.control-group').addClass('error');
		status=false;
	}
	else{
		$('#arrival_date').parents('.control-group').removeClass('error');
	}
	
	if($('#departure_date').val()==''){
		$('#departure_date').parents('.control-group').addClass('error');
		status=false;
	}
	else{
		$('#departure_date').parents('.control-group').removeClass('error');
	}
	
	if($('#booking_basis').val()==''){
		$('#booking_basis').parents('.control-group').addClass('error');
		status=false;
	}
	else{
		$('#booking_basis').parents('.control-group').removeClass('error');
	}
	
	return status;
}
</script>		
		<!-- Google Website Optimizer Tracking Script -->
		<script type="text/javascript">
		if(typeof(_gat)!='object')document.write('<sc'+'ript src="http'+
		(document.location.protocol=='https:'?'s://ssl':'://www')+
		'.google-analytics.com/ga.js"></sc'+'ript>')
		</script>
		<script type="text/javascript">
		try {
		var gwoTracker=_gat._getTracker("UA-18380126-1");
		gwoTracker._trackPageview("/2868917285/test");
		}catch(err){}
		</script>
		<!-- End of Google Website Optimizer Tracking Script -->
		
	</body>
</html>