html {
margin:  0px;
padding:  0px;
}

body {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #16380f;
}
h2{
color: white;
margin: 0;
padding: 5px;
background-color: #808000;
border: 1px solid #52510a;

}
a {
color: #f85734;
}
a:hover {
color: #5aff53;
}
.clear {
clear: both;
height: 0;
}

.topnav {  
position: relative;  
height: 30px;  
top:10px;  
clear: both; 
}    
.topnav ul {   
text-align: center;    
}    
.topnav li {   
font-size: 12px;  
display: inline;  
padding:  5px; 
background-color: #d6d8a8; 
}      
.topnav li a {   
color: black;  
text-decoration: none;     
padding: 5px;       
}  
.topnav li.active {   
background-color:  orange; 
}  
.topnav li a:hover {   
text-decoration: underline; 
}


.key{
width:  300px;
float:  left;
padding: 2px 2px 4px;
color: olive;
font-size: 12px;
}
.swatch{
top:15px;

}


.calendar-controls-left{
width:  100px;
float:  right;
padding: 5px;
color: olive;
font-size: 12px;
font-weight: bold;
}
.calendar-controls-right{
width:  100px;
float:  right;
padding: 5px;
color: olive;
font-size: 12px;
font-weight: bold;
}
.calendar-controls img{

float: left;
}


#outer_wrapper {
width:500px;
margin: 0 auto;

text-align:  left;
}
table {
margin: 0px;

}
/*td {
width:  20px;
margin:  0px;
padding:  1px;
font-size: 12px;
background-color: white;
text-align: center;
}*/

#start_day_wrapper td, end_day_wrapper td, {
width:  20px;
margin:  0px;
padding:  1px;
font-size: 12px;

text-align: center;
}
#months_wrapper {
width: 500px;

}


.modify_booking_wrapper {
width:  500px%;
}

.admin_buttons{
float:  left;
width:  500px;
}




#month1_wrapper, #month2_wrapper,#month3_wrapper, #month4_wrapper, #month5_wrapper, #month6_wrapper, #month7_wrapper, #month8_wrapper, #month9_wrapper, #month10_wrapper, #month11_wrapper, #month12_wrapper  {
width:  150px;
height: 160px;
float:left;
background-color: #d6d8a8;
margin: 5px 10px 5px 0;
padding:  2px;
border: 1px solid #7b520d;
}

#month1_wrapper td, #month2_wrapper td, #month3_wrapper td, #month4_wrapper td,#month5_wrapper td, #month6_wrapper td, #month7_wrapper td, #month8_wrapper td, #month9_wrapper td, #month10_wrapper td, #month11_wrapper td, #month12_wrapper td{
width:  20px;
margin:  0px;
padding:  1px;
font-size: 12px;
text-align: center;	
}

.month_title
{
color: #393a07 ;
font-weight: bold;
background-color: #d6d8a8;
text-transform: uppercase;
}

.year_title
{
color: #393a07 ;
font-weight: bold;
background-color: #d6d8a8;
text-transform: uppercase;
}


#month1title0 {
font-weight: bold;
text-align: center;

}

.day_of_week
{
font-weight: bold;
text-align: center;
color: #393a07 ;
background-color: #eeebc8;
}





.select_dates_wrapper {
width:  500px;
}
.startend_wrapper{
float:  left;
width: 160px;
margin: 5px;
padding:  5px;
background-color:white;
border-style: solid;
border-color: #d6d8a8;
text-align: left;
font-weight: bold;
color: olive;
}
.startend_wrapper img {
float: left;
top: 5px;
padding:  2px;
}
.startend_wrapper:hover {
background-color: #fcf686;
}

.form_error {
color: red;
display: block;
clear: both;
}

#dates_error_wrap
{
display : none;
}

#form_error_wrap
{
display : none;
}

#start_day_plus_wrapper, #start_day_minus_wrapper, #end_day_plus_wrapper, #end_day_minus_wrapper
{
cursor : pointer;
}

#customer_DB_scroll_1, 
#customer_DB_scroll_2, 
#customer_DB_scroll_3, 
#customer_DB_scroll_4, 
#customer_DB_scroll_5, 
#customer_DB_scroll_6, 
#customer_DB_scroll_7, 
#customer_DB_scroll_8, 
#customer_DB_scroll_9,
enquiry_customer_DB_scroll_1,
enquiry_customer_DB_scroll_2,
enquiry_customer_DB_scroll_3,
enquiry_customer_DB_scroll_4,
enquiry_customer_DB_scroll_5,
enquiry_customer_DB_scroll_6,
enquiry_customer_DB_scroll_7,
enquiry_customer_DB_scroll_8,
enquiry_customer_DB_scroll_9
{
cursor : pointer;
}











.calendar_fx_class
{
position : absolute;
z-index: 10;
display : none;
border-style :solid;
background-color: white;
}




#start_day_wrapper {
 width:  150px;
height: 170px;
float:left;
background-color: #d6d8a8;
margin: 5px 10px 5px 0;
padding:  2px;
border: 1px solid #7b520d;
}

.calendar_close
{
border: 1px solid #7b520d;
float: right;
cursor : pointer;
}


#start_day_minus_wrapper {

}
#end_day_wrapper {
 width:  150px;
height: 170px;
float:left;
background-color: #d6d8a8;
margin: 5px 10px 5px 0;
padding:  2px;
border: 1px solid #7b520d;
}
#end_day_outer {
border:  2px red solid;
}
#start_day_outer {
border:  2px red solid;
}




#enquiry_customer_DB_input_wrapper {
padding: 0;
}
.formtable{
width:  500px;
padding:  10px;
background-color: white;
border: 1px solid #7b520d;
text-align: left;

}

.formtable td{
text-align: left;
padding:  3px;
color: olive;
font-size: 12px;
font-weight: bold;
}


#comments_textarea_field{
border-bottom: 1px solid #7b520d;;
border-top: none;
border-right-style: none;
border-left-style: none;
background-color: #f8f7d9;

}
textarea{
max-width: 500px;
}

#comments_textarea_field:hover{
background-color: #fcf686;

}
.formtable .input_text{
border-bottom: 1px solid #7b520d;;
border-top: none;
border-right-style: none;
border-left-style: none;
background-color: #f8f7d9;
}
.formtable .input_text:hover{

background-color: #fcf686;
}



.enquiry_customer_DB_list_wrapper{
line-height:  17px;
width:  500px;
padding: 0;
margin: 0;
text-align:  left;

}




.enquiry_customer_DB_list_item_wrapper
{
border-bottom: 1px solid #d6d8a8;
padding: 10px 0 5px 10px;
width: 500px;
float:  left;
margin:  0;
background-color: #f3f3f3;
}




.enquiry_customer_DB_firstname_item, .customer_DB_firstname_item  {
font-weight: bold;


}
.enquiry_customer_DB_lastname_item, .customer_DB_lastname_item {
font-weight: bold;


}

.enquiry_customer_DB_start, .customer_DB_start {
font-weight: bold;
}

.enquiry_customer_DB_end, .customer_DB_end {
font-weight: bold;
}

.enquiry_customer_DB_can_book, .customer_DB_can_book {
font-weight: bold;

}

.enquiry_customer_DB_comments_item {
width: 300px;
}




.enquiry_customer_DB_list_buttons
{
margin:  5px;
padding: 5px;

height:  30px;
}
.customer_DB_list_buttons
{
margin:  5px;
padding: 5px;

height:  30px;
}

.enquiry_customer_DB_scroll_box
{
float: left;
width: 20px;
color: black;
text-align: center;
font-weight: bold;
padding: 3px;
margin: 3px;
}
.customer_DB_scroll_box
{
float: left;
width: 20px;
color: black;
text-align: center;
font-weight: bold;
padding: 3px;
margin: 3px;
}
.terms { margin-top: 5px; 
list-style-position: outside; 
padding-right: 10px; 
border-color: #002c0a; 
border-style: none; 
width: 500px; 
}
.terms ol { 
padding-right: 25px; 
padding-left: 25px; 
padding-bottom: 0px; 
padding-top: 0px; }
.terms ol li { 
line-height: 1.5em; 
padding-bottom: 5px; }

#booking_id { 
font-size: 1.5em; }
/*styles specific to admin menu html in php page*/

#outer_wrapper_admin {
	width: 480px;
	border: 1px solid olive;
}
#outer_wrapper_admin form {
	padding:  0px;
	margin: 0px;
}
.adminsteps ol{
	padding: 0px;
	margin:  0px;
	}
.adminsteps ol li {
	padding: 10px;
	border-bottom:  1px solid olive;
	list-style-position: inside;
	font-size: 16px;
}
/*styles specific to login page form*/
.login {

	padding:  10px;
}
.login ul {
	padding: 0px;
	margin:  0px;
}
.login li {
	list-style-type: none;
}