html,body{

font-family: Calibri;
text-align:center;
font-size:1.0em;
}

.clearB{
height:.01em;
width:100%;
clear:both;
overflow:hidden;	
}

/*calendar styles*/
.calendarCellCleared{
position:relative;
float:left;
clear:both;
width:38px;
height:38px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
text-align:left;
/*border-color:red;*/
}
.calendarCellCleared a{
text-decoration:none;

}


.calendarCell{
position:relative;
float:left;
width:38px;
height:38px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
text-align:left;
overflow:auto;
}

.calendarCell a{
text-decoration:none;

}

.calendarCellCentred{
position:relative;
float:left;
width:38px;
height:38px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
text-align:center;
}

.availableStyle{
	background-color:#CDEFC9;
}
.bookedStyle{
	background-color:red;
	color:white;
}

.bookedStyle a{
	color:#FFFFFF;
	text-decoration:none;
	
}

.startDayStyle{
	background-color:green;
	color:white;
}
.startDayStyle a{
color:#FFFFFF;
text-decoration:none;
}

.notBookableStyle{
	background-color:gray;
	color:#000000;
}

.notDayStyle{
	background-color:#FFFFFF;
}

.startDayWithBookingBefore{
	width: 0;
	height: 0;
	border-bottom: 38px solid green;
	border-left: 38px solid transparent;
	background-color:red;
}

.startDayWithBookingBefore a{
color:#FFFFFF;
text-decoration:none;	
}

.triangle-topleft {
	width: 0;
	height: 0;
	border-top: 38px solid red;
	border-right: 38px solid transparent;
}

.triangle-bottomright {
	width: 0;
	height: 0;
	border-bottom: 38px solid red;
	border-left: 38px solid transparent;
}

.arrow_right {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid blue;
}

.arrow_left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}

#admin_nav{
	
	line-height: 120%;
}

.search_box{
	position:relative;
	float:left;
	width:300px;
	
}

/*forms style */
.form_row{
	position:relative;
	clear:both;
	
	margin-bottom:20px;
	text-align:left;
	
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	width:100%;
	
}

.form_row_borderless{
position:relative;
	clear:both;
	
	margin-bottom:20px;
	text-align:left;
	
}



.input_title{
position:relative;	
float:left;	
text-align:left;
margin-left:10px;
width:150px;
}
.input_data{
	
	position:relative;
	float:left;	
	text-align:left;
	margin-left:10px;
	width:150px;
}

.input_title{
position:relative;	
float:left;	
text-align:left;
margin-left:10px;
width:150px;
}
.input_data_small{
	
	position:relative;
	float:left;	
	text-align:left;
	margin-left:10px;
	
}
.input_title_small{
position:relative;	
float:left;	
text-align:left;
margin-left:10px;

}


.mock_cell{
position:relative;
	float:left;	
	text-align:left;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	margin-left:2px;	
	
}

/* end forms style */

#searches{
position:fixed;
top:0px;
left:0px;
right:0px;

background-color:#996633;
color:#FFF;


	z-index:100;
	border-style:solid;
	border-width:5px;
	border-color:#FFFFFF;
	text-align:left;
}

#cottageResults{
position:absolute;
top:140px;
left:0;
/*height:400px;*/
overflow:auto;
background-color:#FFF;	

}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#cottageResults{
top:170px;
}	
	
}