div.booking-table div.time-column{
	width:90px;
	float:left;
	margin-right:20px;
	display:none;
}

div.booking-table.booking-table-all div.time-column:nth-of-type(3n + 1){
	display:block;
	clear:both;
}

div.booking-table.booking-table-5 div.time-column:nth-of-type(5n + 1){
	display:block;
	clear:both;
}

div.booking-table  div.booking-column{
	width:250px;
	float:left;
	margin-right:20px;
}

div.booking-table.booking-table-all  div.booking-column:nth-of-type(3n){
	margin-right:0px;
}

div.booking-table.booking-table-5  div.booking-column:nth-of-type(5n){
	margin-right:0px;
}

div.booking-table  div.header{
	text-align:center;
	height:30px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-weight:bold;
	color:#084870;
}

div.booking-table div.row{
	height:30px;
	margin-bottom:10px;
}

div.booking-table div.row div.bookable{
	background-color:#eee;
	width:100%;
	height:100%;
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
}

div.booking-table div.row div.cancelable{
	cursor:pointer;
}

div.booking-table div.row div.bookable.selected{
	border:1px solid #22BC00;
	background-color:#B2FF96;
}

div.booking-table div.row div.cancelable.cancel{
	border:1px solid #ff0000;
	background-color:#FFE0E0;
}


div.booking-table div.row div.bookable div{
	font-style:italic;
	padding-top:2px;
	color:#aaa;
}

div.booking-table div.row div.bookable.selected div{
	padding-top:1px;
}

input.bookable-checkbox{
	display:none;
}

input.cancelable-checkbox{
	display:none;
}

div.booking-table div.row div.booked{
	background-color:#DEEBF2;
	border:1px solid #000;
	color:#000;
	width:100%;
	height:100%;
	text-align:left;
	padding-left:5px;
	box-sizing:border-box;
	padding-top:2px;
	font-size:12px;
}

div.booking-table div.row div.block{
	background-color:#C5EAB2;
}

div.date-bar{
	margin-bottom:20px;
	margin-top:20px;
	font-size:16px;
	position:relative;
}

div.date-bar div.next{
	position:absolute; 
	right:0px; top:0px;
	cursor:pointer;
}

div.date-bar div.current{
	text-align:center; 
	width:100%
}

div.date-bar div.previous{
	position:absolute; 
	left:0px; top:0px;
	cursor:pointer;
}

div.date-bar div.arrow{
	width:0px;
	height:0px;
	display:inline-block;
	vertical-align:bottom;
	border-bottom:10px solid transparent;
	border-top:10px solid transparent;
}

div.date-bar div.next div.arrow{
	border-left:20px solid #458BB7;
}

div.date-bar div.next:hover div.arrow{
	border-left:20px solid #084870;
}

div.date-bar div.previous div.arrow{
	border-right:20px solid #458BB7;
}

div.date-bar div.previous:hover div.arrow{
	border-right:20px solid #084870;
}

.ui-datepicker-trigger{
	cursor:pointer
}

.book-selection-button{
	background-color:#B2FF96;
	color:#000;
	border:1px solid #22BC00;
	float:left;
}

.book-selection-button:hover{
	border:none;
	border:1px solid #084870;
}

.cancel-selection-button{
	background-color:#FFE0E0;
	color:#000;
	border:1px solid #FF0000;
	float:left;
}

.cancel-selection-button:hover{
	border:none;
	border:1px solid #084870;
}

.two-buttons{
	width:50%;
	
}

.ui-datepicker-trigger{
	width:20px;
}

div.booking-note-icon{
	position:absolute;
	top:5px;
	right:4px;
	background-image:url("/resources/images/layout/info_icon.png");
	height:20px;
	width:20px;
	cursor:pointer;
	z-index:1;
}

div.booking-note-icon:hover{
	background-position: 0px 20px;
}

div.booking-note-close-icon{
	position:absolute;
	top:2px;
	right:2px;
	background-image:url("/resources/images/layout/close_icon.png");
	height:20px;
	width:20px;
	cursor:pointer;
	z-index:1;
}

div.booking-note-close-icon:hover{
	background-position: 0px 20px;
}

div.booking-note{
	position:absolute;
	top:2px;
	right:2px;
	height:150px;
	width:150px;
	background-color:#6297B9;
	color:#fff;
	z-index:2;
	padding:10px;
	padding-top:20px;
	text-align:left;
	display:none;
}

div#booking-buttons-container{
	overflow:hidden;
}

div#booking-buttons-container.sticky{
	position:fixed;
	top:0px;
	z-index:2;
	background-color:transparent;
}

div#booking-buttons-container.sticky .book-selection-button{
	margin-bottom:0px;
	margin-top:0px;
}
div#booking-buttons-container.sticky .cancel-selection-button{
	margin-bottom:0px;
	margin-top:0px;
}