/* 
    Document   : stylesheet-sidebar
    Created on : 11-Mar-2014, 11:05:45
    Author     : simon
*/


#searchWrapper {
    float: left;
    margin-right: 10px;
    top:8px;    
    width:200px;
}


.styled {
	background-color: #FFF;
   padding: 5px 5px 5px 5px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   font-family: Verdana;
   border-radius:4px;
   width:100%;
   height: 34px;
   overflow: hidden;
   border: 1px solid #000;
   margin-bottom: 7px
}
.ui-datepicker-div {}
.ui-datepicker {background-color:#84B099;font-size:10pt;}
.ui-datepicker-calendar {background-color:#3A85BE;}
.ui-widget {background-color:purple;}
.ui-widget-content {background-color:yellow;}
.ui-helper-clearfix {background-color:blue;}
.ui-corner-all {background-color: white;}
.error {
    color: red;
}
   
.booking-sidebar {
	line-height: 20px;
	background-color: #FFFFFF;
	border: 4px solid #84B099;
	border-radius: 6px;
}
	
.select-title {
	font-family: Verdana;
	font-size: 14px;
        color: #FFF;
	font-weight: normal;
        display:block;
}

.select-title.err { color:red;}

.button {
	height: 32px;
	background-color: #FFFFFF;
	border-radius: 6px;
	font-family: Verdana;
	font-size: 16px;
	
	display: block;
	margin: auto;
	}
#showBtn {height:16px; font-size:10pt; float:right;
          margin-top:4px; display:none;}	
.hwtitle {
	display: block;
	font-size: 20px;
	font-family: Arial;
	
        color: #FFF;
	background-color: #3A85BE;
	padding: 10px 10px 10px 10px;
}

.select-boxes {
        background-color: #3A85BE;
        font-size: 14px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
        
#advanced-title {
        background-color: #515448;
        }
#advanced-title .menu {float: right;}
#advanced-title .menu a {color: white; text-decoration: none;}
#advanced-title .menu a:hover {color: green;}

#advanced-search {
        background-color: #F0F0F0;
        display:none;
        }

#advanced-search .select-title {
        color: #000;    
        }
#features {display:inline-block; border:0px solid red;}        
.feature {float:left; display:block; width:100%;}
@media (min-width: 811px) {
#showBtn {display:none;}
#search {display:block;}
}
@media (max-width: 810px) {
#searchWrapper {width:100%; margin-bottom:10px;}
#showBtn {display:block;}
#search {display:none;}
}