body{
  width:100%;
  height:100%;
  margin:0px;
  border:0px;
  padding:0px;
  background:#333;
}

.vfe{
  font-family:arial;
  font-size:13px;
}

.vfe-button{
  background:#f60;
  color:#fff;
  padding:6px;
  border-radius:5px;
  cursor:pointer;
}

.vfe-button:hover{
  background:#d40;
}

.vfe-header {
  padding:10px;
  background-color:#f0f0f0;
  color:#444;
  margin-bottom: 20px;
  /* overflow:hidden; */
  position:fixed;
  left:0px;
  right:0px;
  top:0px;
  z-index:9999;
}

.vfe-fragment {
  display:block;
  background:rgba(0,0,0,0.5);
  position:absolute;
  text-align:center;
  color:#3f3;
  font-size:7px;
  overflow:hidden;
  border:solid 1px #888;
}

.vfe-fragment:hover {
  opacity:0.8;
  background:#FF6;
  color:#000;
  border-color:#fff;

}




#vfe-map-container{
  position:absolute;  
  top:40px;
  bottom:1px;
  left:0px;
  right:0px;
  overflow:auto;  
}

.vfe-map {
  position:relative;
  background:#888;
  width:3200px;
  height:2000px;
  background-image: url('../../../../images/map.jpg');
  background-size:100% 100%;  
}


#vfe-message{
  
  position:absolute;
  top:70px;
  left:70px;
  bottom:120px;
  right:70px;
  background:rgba(255,255,255,0.7);
  color:#fff;
  border-radius:20px;
  border:solid 1px #fff;
}

#vfe-message-title{
  position:absolute;
  top:20px;
  left:20px;
  right:80px;
  border-radius:10px;
  background:#555;
  color:#fff;
  font-size:25px;
  line-height:40px;
  height:40px;
  padding-left:20px;
}


#vfe-message-content{
  position:absolute;
  top:80px;
  left:20px;
  right:20px;
  bottom:20px;
  border-radius:10px;
  background:#eee;
  color:#333;
  font-size:16px;
  padding:20px;
  overflow:auto;
}

#vfe-message-close{
  position:absolute;
  top:20px;
  right:20px;
  background:#000;
  color:#fff;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-size:30px;
  cursor:pointer;
  border-radius:20px;
  border:solid 1px #000;
}

#vfe-message-close:hover{
  background:#444;
}


.vfe-pois-table{
  width:100%;
}

.vfe-pois-table td{
  border-bottom:dotted 1px #ddd;
  padding:4px;
  font-size:12px;
}


.vfe-form form{
  margin:0px;
  padding:0px;
  border:0px;  
}

.vfe-form select{
  margin:0px;
  padding-left:4px;
  height:24px;
  line-height:24px;
  border:solid 1px #666;
  font-size:14px;
  color:#666;
  background:#fff;
  border-radius:3px;
}

#vfe-jsonParameters{
  border:0px;
  margin:0px;
  padding:5px;
  color:#aaf;
  background:#003;
  font-family:courier;
  font-size:11px;  
  height:19px;
  width:500px;
  position:absolute;
  right:50px;
  top:10px;
}

#vfe-jsonParameters:hover{
  width:700px;
  height:400px;
  opacity:0.9;
}


#vfe-CitiesList{
  border:0px;
  margin:0px;
  padding:5px;
  color:#aaf;
  background:#444;
  font-family:courier;
  font-size:11px;  
  height:19px;
  width:400px;
  position:absolute;
  right:600px;
  top:10px;
  overflow:auto;
}

#vfe-CitiesList:hover{
  height:400px;
  opacity:0.9;
}