#copyTarget{
 
 position: absolute;
 margin: 0px;
 padding: 0px;
 margin-top: -20px;
}

 
#slider{
   position: absolute;
   top: 95px;
   right: 20px;
}
   
.searchDataBp{
    cursor: pointer;
    color: #3367D6;
}
.searchDataBp:hover{
    color: #0000EB;
    
}
  
#closeSearchDataWindow{
  position: absolute;
  border-radius: 4px;
  cursor: pointer;
  margin-top: -2px;
  left: 207px;
  opacity: 0.8;
  z-index: 3;  
}
#closeSearchDataWindow:hover{
  opacity: 1;  
}
#searchDataWindow{
 padding-left: 3px;
 margin-top: 17px;
 width: 222px;
 background-color: #F5F2F0;
 border: 1px solid gray;
 border-radius: 4px;
 height: auto;
 }
#rightCornerSpacer{
margin: 0px;
border: 1px solid black;
float: right;
width: 15px;
height: 15px;
background-color: black;
opacity: 0;
}
 
#searchDataP{
  margin: 0px;
  padding: 2px;
  height: auto;    
}
/* #searchDataP p:hover{
} */
#searchDataP p{
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;  
}   
   
#searchTypeWindow{
 margin: 0px;
 margin-top: 0px;
 border: 1px solid gray;
 background-color: white;
 border-radius: 4px;
 background: url(../_images/bg_parchmap.jpg) repeat left top;
}
#searchTypeButton{
  margin: 0px;
  border: 1px solid gray;
  border-radius: 4px;
  background-color: #F1F1F1;
  width: 92px;
  cursor: pointer;
  font-size: 11.6px;
  color: black;
  padding-left: 1px;
  font-weight: bold;
}
#searchTypeButton:hover{
  background-color: #D2D8DF;  
}
#mapSearch{
   border-radius: 4px;
   width: 160px;  
}
#searchDiv button{
   width: 60px; 
}
.container {
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
  }
.container input {
  cursor: pointer;
}
#all{
 margin-left: 1px;   
}
#house{
    margin-left: 1px;
}
#recType{
  margin-left: 1px;  
}
#landParcel{
  margin-left: 1px; 
}
#buildParcel{
  margin-left: 51px;  
}
#recYear{
  margin-left: 26px;  
}
#generalName{
  margin-left: 1px;  
}
#surname{
  margin-left: 38px;  
}
#givenName{
  margin-left: 47px;  
}
#birthName{
  margin-left: 1px;  
}
#marriageName{
  margin-left: 30px;  
}
#deathName{
  margin-left: 9px;  
}
#otherRecName{
  margin-left: 90px;
  padding-right: 3px;   
}
#recCategory{
  margin-left: 1px;  
}


#dOnOff{
  width: 60px;
  height: 15px;
  cursor: pointer;
  border-radius: 4px;
  border-top-left-radius: 5px;
  font-weight: bold;
  font-size: 8px;
  left: 0px;
  top: 0px;
  text-align: center;
  position: absolute;
}
#dOnOff:hover{
  opacity: 0.9;  
}
#popUpClose{
 position: absolute;
    padding: 0px;
    width: 19px;
    height: 19px;
    right: 0px;
    top: 0px;
    cursor: pointer;
    border-top-right-radius: 5px;
    opacity: 0.8;  
}
#popUpClose:hover{
    opacity: 1;
}
#infoTest{
  position: fixed;
  z-index: 1;
  width: auto;
  height: auto;
  border: 1px solid black;
  background-color: white;
  padding: 7px;
  padding-top: 21px;
  border-radius: 6px;
  margin-left: 30px;
  margin-top: -140px;
  cursor: move;
  font-size: 15px;
  background-color: white;
  font-style: normal;
  color: black;
  max-height: 60%;
}
   
html  {
   width:100%;
   height:100%;
   margin:0;
   padding:0;
   }
body{
    width:100%;
   height:100%;
   margin:0;
   padding:0;
   overflow: hidden;    
}
#map{
  width:100%;
  height: 90%;     
}

#header{
    border: 0px solid #543109;
    height: 60px;
    background: url(../_images/bg_parchmap.jpg) repeat left top;
  }
   
#logo{
    height: 60px;
    position: absolute;
   }
.headerTitle{
    font-family: Tinos;
    margin: 0; 
	padding: 0px;
    margin-left: 120px;
    text-align: left;
    font-size: 20px;
    color: #543109;
    font-style: normal;    
}
.headerText{
     margin: 0;
	 padding: 0px;
     margin-left: 120px;
     font-size: 14px;
     color:#543109;
     font-style: normal;
     font-family: Tinos;
   }
   
#subheader{
    font-family: Tinos;
    height: 14px;
    padding: 1px;
    text-align: left;
    font-size: 12px;
    background: #543109;
    color: #ffffff;
    padding-left: 3px;
}
body #subheader a {
	color:#ffffff; 
	text-decoration:underline;
	}
body #subheader a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

   

.ol-control.ol-zoom{
    top: 55px;
    right: 25px;
}

.ol-mouse-position{
  bottom: 30px;
  right: 15px;
  font-weight: bold;
  position:absolute;
}
.ol-attribution {
  background: rgba(84, 49, 9, .3);
  color: white;
  font-weight: normal; 
  font-size: 13px;
}
.ol-attribution:hover{
  background: rgba(84, 49, 9, .5);;
}

#searchDiv{
    margin-top: 3px;
    z-index: 1;
    position: absolute;
    margin-left: 5px;
}


.markersBlue {
  border: 1px solid black;
  background-color: blue; 
  width: 8px;
  height: 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px;  
}
.markersOrange {
  border: 1px solid black;
  background-color: orange; 
  width: 8px;
  height: 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px;  
}
.markersWhite {
  border: 1px solid black;
  background-color: white; 
  width: 8px;
  height: 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px; 
}
.markersPurple {
  border: 1px solid black;
  background-color: #D491EB; 
  width: 8px;
  height: 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px; 
}
.markersBrightGreen {
  border: 1px solid black;
  background-color: #00cc00; 
  width: 8px;
  height: 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px;   
}
.markersDarkGrey {
  border: 1px solid black;
  background-color: #333333; 
  width: 8px;
  height: 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px;   
}
.markersLightGrey {
  border: 1px solid black;
  background-color: #f2f2f2; 
  width: 8px;
  height: 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: -5px;
  margin-top: -5px;    
}

.redDot {
  border: 1px solid black;
  background-color: red;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  margin-left: -4.7px;
  margin-top: -4.7px;
}

.searchResultTitle {
  font-weight: bold;
  font-style: italic;
  font-size: 13px;
  line-height: 14px;
}

#popUpScrollData{
  overflow-y: auto;
}