/*@charset "windows-1252";*/
 
#menu {
  position:absolute;
  z-index:1;
  top:160px;
  left:10px;
  border-radius:3px;
  border: 1px solid #b5bdbd;
  width: 100px;
  }	
  
#menu button {
  font:13px/20px 'Calibri', sans-serif;
  background:#fff;
  color: #404040;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  padding:2px;
  /* border:none; */
  border-bottom:1px solid rgba(0,0,0,0.25);
  cursor:pointer;
  }
 #menu button:first-child {
    border-radius:3px 3px 0 0;
    }
  #menu button:last-child {
    border-radius:0 0 3px 3px;
    border:none;
    }
	
  #menu button:hover {
    background-color:#bdbdbd;
	color: #404040;
    }
	
  #menu button.active {
         background-color: #848484;
        color: #ffffff;
    }
  
	
  #menu button.active:hover {
    background-color:#848484;
    }
	
	

  .demo {
    padding: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.10);
    line-height: 18px;
    height: 150px;
    margin-bottom: 40px;
    width: 180px;
     }

  #menu2 {
        background: #fff;
        position: absolute;
        z-index: 1;
        top: 5px;
        left: 5px;
        border-radius: 3px;
        width: 70px;
        border: 1px solid #b5bdbd;
        font:12px 'Calibri', sans-serif;
    }

    #menu2 a {
        font-size: 12px;
        color: #404040;
        display: block;
        margin: 0;
        padding: 0;
        padding: 1px;
        text-decoration: none;
        border-bottom: 1px solid rgba(0,0,0,0.25);
        text-align: center;
    }

    #menu2 a:last-child {
        border: none;
    }

    #menu2 a:hover {
        background-color: #bdbdbd;	   
        color: #404040;
    }

    #menu2 a.active {
        background-color: #848484;
        color: #ffffff;
    }

    #menu2 a.active:hover {
        background: #848484;
    }
		

	
  .pagination {
        position: absolute;
		left:20px;
        top: 20px;
        background: rgba(255,255,255, .7);
        padding: 2px;
        font:13px/20px 'Calibri', sans-serif;;  
		border:2px solid #666;
    }  
	
	
.pagination {
    display: inline-block;	
	border-radius: 15px;	 
	background: #ccc;
	border: 2px solid #ccc;	 
	font:13px/20px 'Calibri', sans-serif;
}

.pagination a {
    color: black;
    float: left;
    padding: 2px 4px;
    text-decoration: none;	
	border-radius: 15px;
	border: 2px solid #ccc;
}

.pagination a.active {
    background-color: #000;
    color: white;
    border-radius: 15px;
}

.pagination a:hover:not(.active) {
    background-color: #ccc;
    border-radius: 15px;	
	border: 2px solid #ccc;	
	color: white;
}	
	
	
	
#geocoder-container {
    position: absolute;	
	right:60px;
    top: 10px;
    /* margin-top: 10px; */
}

#geocoder-container > div {
    width:100;
    margin-left:10;
}

#legend-container {
    position: absolute;	
	padding: 5px; 
	background: #fff;
            box-shadow: 0 1px 2px rgba(0,0,0,0.10);
            line-height: 18px;
            height: 150px;
            margin-bottom: 40px;
            width: 180px;
	right:10px;
    bottom: 20px; 
	z-index: 2;
    /* margin-top: 10px; */
}

#legend-container > div {
    width:100;
    margin-left:10;
}



   #map {   position:relative;
            top:0;
            bottom:0;
            width:100%;
	    height:600px;
	    border: 1px solid #666;
        margin-bottom: 10px;
        padding-bottom: 10px;
		background: rgba(255,255,255, .9);
	    }
			
			
  #frame   { position: relative; float:left; width: 800px; height: 550px; margin-top: 15px; border:2px solid #ccc; background: #fff;}  

   
  #noimage {
        background: rgba(255,255,255, .9);
        position: absolute;
        z-index: 1;
        top: 10px;
        left: 10px;
        border-radius: 3px;	
		padding: 5px 10px 5px 10px;
        /*width: 200px;	 */
        border: 1px solid #b5bdbd;
        font:20px/25px 'Calibri', sans-serif; 
		text-align: left;
    }
  
   #noimage_bottom {
		/*background-image:url(../images/softbank_logo.png);*/
        position: absolute;
        z-index: 1;
        bottom: 42px;
        left: 20px;
        border-radius: 3px;	
		padding: 2px 10px 2px 0px;
        /*width: 200px;	 */
        /*border: 2px solid #b5bdbd;  */
        font:15px/20px 'Calibri', sans-serif; 
		text-align: left;
		/* opacity: 0.6;
        filter: alpha(opacity=60); /* For IE8 and earlier */
    }	
	
	 #collins_coverage {
        

        position: absolute;
        z-index: 1;
        bottom: 40px;
        right: 2px;
        /* border-radius: 3px;	*/
		padding: 0px 0px 0px 0px;
        width: 40px;	
        height:39px;		
        /*border: 2px solid #b5bdbd;  */
        font:15px/20px 'Asul', sans-serif; 
		text-align: left;
		/* opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }
	
	  #nodata {
        background: rgba(255,255,255, .9);
        width: 600px;
        height: 200px; 
    
        position: absolute;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;

        margin: auto;
	
        z-index: 1;
        
        border-radius: 3px;	
		padding: 10px 10px 5px 10px;
        /*width: 200px;	 */
        border: 1px solid #b5bdbd;
        font:20px/25px 'Calibri', sans-serif; 
		text-align: center;
		line-height: 180%;
    }
	
	  #nodata .p {
        font: 15px/20px;
    }
	
	
	img {
    /* opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
        }
   
	
	div.background {
    background: url(klematis.jpg) repeat;
    border: 2px solid black;
}

div.transbox {
    margin: 30px;
    background-color: #ffffff;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	
	
	

#buttons {
        width: 100%;
        margin: 0 auto;
    }  

/*
	
.button  {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 50px;
        padding: 8px;
        border-radius: 3px;
        margin-top: 10px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        background: #999;
        font-family: sans-serif;
        font-weight: bold;
    }		
	
	
	.map-overlay {
            position: absolute;
            bottom: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.8);
            margin-right: 20px;
            font-family: Arial, sans-serif;
            overflow: auto;
            border-radius: 3px;
        }

        }
        #features {
            top: 0;
            height: 160px;
            margin-top: 20px;
            width: 250px;
        }
        #legend {
		    position: absolute;	
			z-index: 2;	
			bottom: 40px;
            right: 10px;
            padding: 5px;
			background: rgba(255, 255, 255, 0.8);
            
			
			border-radius: 3px;	

            border: 1px solid #b5bdbd;
		
            line-height: 18px;
            height: 80px; 
            margin-bottom: 10px;
            width: 140px; 
			font:15px/20px 'Calibri', sans-serif; 
        }
        .legend-key {
            display:inline-block;
            border-radius: 30%;
            width: 15px;
            height: 15px;
            margin-right: 5px;
        }	 


	.select-style {
	position: absolute;
    z-index: 1;
	font:15px/20px 'Calibri', sans-serif;
    border: 1px solid #b5bdbd;
    padding: 5px 15px 5px 5px;
	top: 320px;
	left: 10px;
    border-radius: 3px;
    overflow: hidden;
    background: rgba(255,255,255, .9) url("../images/dropdown_icon.png") no-repeat 95% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}	

   #coverSource {
        background: rgba(255,255,255, .9);
        width: 400px;

    
        position: absolute;
        top: 60px;
        left: -500000px;
        right: 0px;

        margin: auto;
	
        z-index: 100;
        
        border-radius: 3px;	
	    padding: 10px 10px 20px 10px;

        border: 1px solid #b5bdbd;
        font:20px/25px 'Convergence', sans-serif; 
		text-align: left;
		line-height: 180%;
		color: #000;
}	

.button_info {

    background-color: #848484; 
    border: 1px solid rgba(0,0,0,0.25);
	border-radius: 3px;	
    color: #fff;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font:13px/20px 'Convergence', sans-serif;

    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

.button_info:hover {
    background-color: #fff;
    color: #000;
}

.button {
    position: absolute;
	top: 5px;
	right: 5px;
    background-color: #848484; 
    border: 1px solid rgba(0,0,0,0.25);
	border-radius: 3px;	
    color: #fff;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font:13px/20px 'Convergence', sans-serif;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    cursor: pointer;
}

.button:hover {
    background-color: #fff;
    color: #000;
}

ul {
    list-style-type: square;
	padding: 30px 10px 20px 10px;
}	

ul li {
    padding: 7px;
    margin-left: 25px;
	font:15px/20px 'Convergence', sans-serif;
}

    #coverSource p {
	    font-family: myriad pro;
        color: #000;
    }



   #coverSource a {
        color: #ff0000;
        text-decoration: none;
        font-style: italic;
    }


    #coverSource a:hover {
        text-decoration: underline;
    }
	
	*/