#booko-calendar-widget table
{width:100%;
font-size:90%;
}

#booko-progress-bar ul li
{
	display: inline;
	margin-right: 30px;
	text-align: left;
	color: #ccc;
}

#booko-progress-bar{
	text-align: left;
}



.booko-calendar .booko-unavailable
{
	color: red;
	background:#e6106b;
	padding:20px 10% 0 10%;
	width:80%;
	height:40px;
	color:#fff;
	float:right;
	text-align:center;
	cursor:default;
}

.booko-calendar .booko-restrict
{
	color: red;
	background:#000;
	padding:20px 10% 0 10%;
	width:80%;
	height:40px;
	color:#fff;
	float:right;
	text-align:center;
	cursor:default;
}

.booko-calendar .booko-available
{
	color: green;
	width:80%;
	padding:20px 10% 0 10%;
	height:40px;
	background:#eee;
	color:#333;
	float:right;
	text-align:center;
}

.booko-calendar .booko-available:hover
{
cursor: pointer;
background: #fff;
}


.booko-day-number{
width: 32%;
background:#eee;
}


#booko-calendar-back, #booko-calendar-forward
{
	color: #424242;
	background: #ccc;
	width: 20px;
	height:160px;
	margin-top:15px;
	padding-top:140px;
	
}

#booko-calendar-back {
	-webkit-border-top-left-radius: 12px;    
	-moz-border-top-left-radius: 12px;      
	border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;    
	-moz-border-bottom-left-radius: 12px;      
	border-bottom-left-radius: 12px;
	
	padding-right:10px;
	}

#booko-calendar-forward 
{
	-webkit-border-top-right-radius: 12px;    
	-moz-border-top-right-radius: 12px;      
	border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;    
	-moz-border-bottom-right-radius: 12px;      
	border-bottom-right-radius: 12px;
	
	padding-left:10px;
}

#booko-calendar-forward:hover, #booko-calendar-back:hover {
	background: #ddd;
	cursor: pointer;
}


form label
{
	width: 150px;
	display: block;
	position: relative;
	float: left;
	clear :left;
}

form input
{
	position: relative;
	float: left;
}

.booko-room-price
{
	font-size: 2em;
}

.booko-room-price-detail{
	font-size: 0.8em;
	margin-bottom: 10px;
}

table.booko-available-rooms
{
	padding: 0px;
	margin: 0px;
}

table.booko-available-rooms img
{
	width: 100px;
}


#booko-progress-bar ul li.booko-progress-active{
	font-weight: bold;
	color: #000;
}

.booko-calendar-key-panel{
	width: 330px;
	height: 20px;
	background: #eee;
	border:1px solid #ccc;
	color: #000;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px;
	-webkit-border-radius: 8px;    
-moz-border-radius: 8px;      
border-radius: 8px;
}

.booko-calendar-key{
	width: 20px;
	height: 20px;
	float: left;
	border:1px solid #bbb;
}

.booko-calendar-key-available{
	background: #eee;
	margin-right: 5px;
}

.booko-calendar-key-booked{
	background: #e6106b;
	margin-right: 5px;
}

.booko-calendar-key-restrict{
	background: #000000;
	margin-right: 5px;
}

.key-label{
	float: left;
	margin-right: 20px;
}

#booko-calendar-widget{
	margin-top: 20px;
	width: 100%;
}

.cardsave-form input,
#booko-booking-form-stage-1 input, {
	width: 50%;
	height: 30px;
	padding-left: 10px;
	background: #eee;
	border: 1px solid #ccc;
		-webkit-border-radius: 5px;    
-moz-border-radius: 5px;      
border-radius: 5px;
margin-right: 10px;
font-size: 18px;
	
}

.booko-styled-select select, .booko-available-room-qty select{

   background: transparent;
   width: 80px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   height: 34px;
   -webkit-appearance: none;
   cursor:pointer;
}

.booko-styled-select, .booko-available-room-qty {
display:inline-block;
   width: 60px;
   height: 34px;
   overflow: hidden;
   background: url(../img/arrow.png) no-repeat right #eee;
   border: 1px solid #ccc;
   -webkit-border-radius: 5px;    
   -moz-border-radius: 5px;      
   border-radius: 5px;
   
 }






#booko-booking-form-stage-1 p{
text-align: left;
float: left;
width: 100%;
}

.booko-available-room{

	width: 80%;
	padding: 20px 20px 20px 10px;
	margin: 10px 0 10px 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBREIxNUI0ODg1Q0ExMUUyQUFEOERBOUREM0I4MjZEMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBREIxNUI0OTg1Q0ExMUUyQUFEOERBOUREM0I4MjZEMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxREUxM0UzODVCQjExRTJBQUQ4REE5REQzQjgyNkQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxREUxM0U0ODVCQjExRTJBQUQ4REE5REQzQjgyNkQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nd3hNAAAABBJREFUeNpi+P///0yAAAMACZUDl8+B/NgAAAAASUVORK5CYII=);
	background:url(../img/paper-bg.jpg);
	color:#333;
	border: 1px solid #B7BFC0;	
	display:block;
}

.booko-available-room-pic {
width:180px;
height:180px;
overflow: hidden;
float:left;

}

.booko-available-room-pic img {
border:5px solid #fff;
}

.booko-available-room-type{
	
	width:100%;
	display:block;
	text-align: left;
}

.booko-room-type-name{
	font-size: 24px;
	width:100%;
}

.booko-room-type-name a{
font-size:11px;
margin-left:10px;
}

.booko-available-room-prices{
	text-align: left;
	width: 25%;
	float: left;
}

.booko-room-price{
display:inline-block;
	font-size: 40px;
	font-weight: bold;
}

a.booko-room-details{
	color: #424242;
	text-align: right;
}

a.booko-room-details:hover{
text-decoration: none;
color: #1d1d1d;
}

.booko-select-container {
	float: right;
	margin-top: 20px;
}

.booko-select-container span {
	display:block;
	text-align: center;
	text-transform: uppercase;
	font-size:9px;
	letter-spacing: 1px;
	margin-top:5px;
	}


.rooms-text, .guest-type-text, .extra-type-text {
	float: left;
	margin: 26px 10px 0px 10px;
	font-size: 16px;
	color:#333;
}

.rooms-text {
	float:right;
	}

.booko-extra-text	{
	float:right;
	margin: 10px 10px 0px 10px;
	font-size: 16px;
	color:#333;
}

.booko-available-room-details{
	width: 90%;
	clear: both;
	margin-top: 20px;
	padding:5%;
	display:block;
}

.booko-extra-detail	{
	clear:both;
	margin-top:10px;
	display:block;
	padding:15px;
	width:350px;
}

#booko-booking-form-stage-2 {
background:url(../img/paper-bg.jpg);
width:90%;
padding:20px;
color:#000;
}


#booko-booking-form-stage-2 label{
	font-size: 14px;
	float: left;
	text-align: left;
	margin-bottom: 2px;
}

#booko-booking-form-stage-2 textarea{
font-family: 'Helvetica', Sans-serif;
width:80%;
font-size: 18px;
float: left;
text-align: left;
clear: both;
	-webkit-border-radius: 5px;    
-moz-border-radius: 5px;      
border-radius: 5px;
border: 1px solid #ccc;
padding:10px;
}

#booko-booking-form-stage-2 input, .booko-booking-form input {
width: 80%;
clear: both;
margin-bottom: 5px;
	-webkit-border-radius: 5px;    
-moz-border-radius: 5px;      
border-radius: 5px;
border: 1px solid #ccc;
padding:10px;
font-size:18px;
}

#booko-booking-form-stage-1 h2 {
text-align: left;
}

input.booko-submit:hover {
cursor: pointer;
background:#e6106b;
}

.booko-summary {
font-size:16px;
background:#fff;
}

.cardsave-form input[type=submit],
#booko-booking-form-stage-1 input[type=submit], #booko-booking-form-stage-2 input[type=submit], .booko-booking-form input[type=submit]  {
	border: 1px solid #fff;
	width:80%;
	max-width:300px;
	height:45px;
	margin-top:10px;
	color:#fff;
	background-image: -ms-linear-gradient(top, #b91d25 0%, #98282e 100%);
	background-image: -moz-linear-gradient(top, #b91d25 0%, #98282e 100%);
	background-image: -o-linear-gradient(top, #b91d25 0%, #98282e 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b91d25), color-stop(1, #98282e));
	background-image: -webkit-linear-gradient(top, #b91d25 0%, #98282e 100%);
	background-image: linear-gradient(to bottom, #b91d25 0%, #98282e 100%);
	cursor: pointer;
}

.cardsave-form input[type=submit]:hover,
	#booko-booking-form-stage-1 input[type=submit]:hover, #booko-booking-form-stage-2 input[type=submit]:hover, .booko-booking-form input[type=submit]:hover {

	background-image: -ms-linear-gradient(top, #33a401 0%, #257103 100%);
	background-image: -moz-linear-gradient(top, #33a401 0%, #257103 100%);
	background-image: -o-linear-gradient(top, #33a401 0%, #257103 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #33a401), color-stop(1, #257103));
	background-image: -webkit-linear-gradient(top, #33a401 0%, #257103 100%);
	background-image: linear-gradient(to bottom, #33a401 0%, #257103 100%)!important;
}

.booko-booking-form {
	float:left;
	margin-right:20px;
}

.booko-guest-types{
	float:left;
	clear:both;
}

#booko-available-rooms hr {
	opacity: 0.2;
}