#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:5px;
	display:none;
	 width:auto;
	color:#fff;
	}

.leaflet-control-zoomslider-knob { width:14px; height:6px; }
.leaflet-container .leaflet-control-zoomslider-body {
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
  }


.ui-control {
  background:##c9c9c9;
  position:absolute;
  right:550px;
  padding:10px;
  z-index:3;
  border-radius:5px;
  }

.search-ui {
  position:absolute;
  left:50px;
  max-width:170px;
height:40px;
  z-index:5;
  padding:10px;
  }





.menu-ui {
  background:#66ccff;
  position:absolute;
  top:290px;
  left:-90px;
  z-index:1;
  border-radius:3px;
  width:75px;
  border:1px solid rgba(0,0,0,0.4);
  }
  .menu-ui a {
    font-size:11px;
    color:#404040;
    display:block;
    margin:0;padding:0;
    padding:10px;
    text-decoration:none;
    border-bottom:1px solid rgba(0,0,0,0.25);
    text-align:center;
    }
    .menu-ui a:first-child {
      border-radius:3px 3px 0 0;
      }
    .menu-ui a:last-child {
      border:none;
      border-radius:0 0 3px 3px;
      }
    .menu-ui a:hover {
      background:#f8f8f8;
      color:#404040;
      }


.btn_box{position:absolute;
  top:20px;
  right:10px;
  width:200px;
  height:0px;
background:#828282;
  clear:both; float:center;  display:none; border-radius:3px; background:; border:1px solid #ffffff; margin-top:10px; z-index:30;}



.btn_show {
  position:absolute;
  top:260px;
  right:483px;
  z-index:5;
  }

.btn_hide {
   top:5px;
 right:5px;
 
  z-index:5;
  }




#inputs,
#errors,
#directions {
    position: absolute;
    width: 25%;
    max-width: 300px;
    min-width: 200px;
height:700px;
}

 #inputs {
    z-index: 99;
    top: 60px;
    right:20px;
} 

#directions {
    z-index: 99;
    background: rgba(0,0,0,.8);
    top: 180px;
    right: 20px;
    bottom: 0;
    overflow: auto;
}

#errors {
    z-index: 8;
    opacity: 0;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    background: rgba(0,0,0,.25);
    top: 90px;
    right: 10px;
}



input[type=checkbox] { display:none;  margin:1px; } 

.checkbox_btn + label { 
  display:inline-block; 
  padding: 2px 2px;  
  background-color:#fffdf7; 
  border: 3px solid #ffffff; 
 border-radius: 2px; 
  font-size: 13px !important; 
  width: auto; 
 text-align: center; 
}

.checkbox_btn:checked + label {  
  background-color:#ff8080; 
  color:#fff; 
}