html, body {width: 100%;height: 100%;margin: 0;padding: 0;}

body
   {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color:
   #333;
   }

*
   {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   }

#map_div
   {
   position: relative;
   width: 100.0%;
   height: 100.0%;
   left: 0.0%;
   top: 0.0%;
   }

.select_container 
   {
   position: absolute;
   top: 10px;
   left: 60px;
   z-index: 9999;
   border: 2px solid rgba(100, 100, 100, 0.4);
   background-color: rgba(255, 255, 255, 0.8);
   border-radius: 6px;
   padding: 10px;
   font-size: 18px;
   color: #333;
   }

.select_container input
   {
   margin-left: 20px;
   }

.select_container label
   {
   font-size: 14px;
   }

#guide_button
   {
   position: absolute;
   top: 11px;
   right: 175px;
   z-index:999;
   border: 2px solid rgba(0, 120, 158, 0.4);
   background-color: rgba(0, 140, 186, 0.8);
   border-radius: 6px;
   padding: 9px 10px;
   font-size: 20px;
   color: white;
   cursor: pointer;
   text-align: left;
   }

.active, #guide_button:hover
   {
   background-color: #555;
   }

.content
   {
   position: absolute;
   top: 11px;
   left: 330px;
   padding: 0 18px;
   display: none;
   width:60%;
   overflow: hidden;
   background-color: #f1f1f1;
   z-index: 1000000;
   }

.leaflet-image-layer
   {
   image-rendering: -webkit-optimize-contrast;
   image-rendering: crisp-edges;
   image-rendering: pixelated;
   image-rendering: -moz-crisp-edges;
   image-rendering: -o-crisp-edges;
   -ms-interpolation-mode: nearest-neighbor;
   }

div.model_run
   {
   font-size: 16px;
   text-align: center;
   margin-bottom: 5px;
   }

.leaflet-popup-content
   {
   text-align: center;
   }

div#ac_popup
   {
   position: absolute;
   top: 5px;
   left: 200px;
   display: inline-block;
   background: white;
   box-sizing: border-box;
   color: #333;
   box-shadow: 0 3px 14px rgba(0,0,0,0.4);
   text-align: center;
   font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
   cursor: grab;
   padding: 10px 5px;
   border-radius: 12px;
   z-index: 1000000;
   }

.ac_button
   {
   display: inline-block;
   width: 34px;
   height: 34px;
   margin: 2px -1px 3px -1px;
   padding: 0px;
   padding-top: 2px;
   border: 1px solid #AAAAAA;
   border-radius: 4px;
   background-color: #EEEEEE;
   background-image: linear-gradient(to top, #F0F0F0 20%, #E0E0E0 40%, #F8F8F8 60%, #FFFFFF 90%);
   background-position: center;
   background-repeat: no-repeat;
   box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
   opacity: 0.8;
   overflow: hidden;
   cursor: pointer;
   text-align: center;
   white-space: nowrap;
   font-size: 14px;
   }

.ac_button:hover
   {
   opacity: 1;
   box-shadow: rgba(80,160,240,0.7) 0px 0px 5px, inset rgba(80,160,240,0.7) 0px 0px 3px;
   }

.ac_button:active
   {
   box-shadow: rgba(80,160,240,0.7) 0px 0px 3px, inset rgba(60,60,60,0.15) -4px -4px 40px;
   opacity: 1;
   }

.ac_button.inactive
   {
   opacity: 0.7;
   -webkit-filter: grayscale(90%);
   -moz-filter: grayscale(90%);
   -ms-filter: grayscale(90%);
   -o-filter: grayscale(90%);
   filter: grayscale(90%);
   box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
   cursor: default;
   color: #AAA;
   }

.ac_button.inactive:hover
   {
   opacity: 0.7;
   box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
   }

.ac_button.inactive:active
   {
   opacity: 0.7;
   box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
   }

.ac_button.down
   {
   border-top: 1px solid #909090;
   border-left: 1px solid #909090;
   border-bottom: 1px solid #BBB;
   border-right: 1px solid #BBB;
   box-shadow: inset rgba(130,220,255,0.3) -4px -4px 40px;
   opacity: 1.0;
   }

.ac_button.down:hover
   {
   border-top: 1px solid #909090;
   border-left: 1px solid #909090;
   border-bottom: 1px solid #BBB;
   border-right: 1px solid #BBB;
   box-shadow: rgba(50,255,70,0.8) 0px 0px 5px, inset rgba(180,240,255,0.5) -4px -4px 40px;
   opacity: 1.0;
   }

.ac_button.close
   {
   position: absolute;
   top: 5px;
   right: 8px;
   width: 28px;
   height: 28px;
   line-height: 20px;
   font-size: 20px;
   z-index: 1000;
   }

#ac_popup_mode
   {
   position: absolute;
   display: inline-block;
   top: 8px;
   right: 65px;
   width: 48px;
   height: 48px;
   line-height: 15px;
   font-size: 14px;
   z-index: 600;
   border: 2px solid rgba(100, 100, 100, 0.4);
   box-shadow: none;
   color: #555;
   padding: 7px 0px 0px 0px;
   vertical-align: middle;
   }

div#station_popup
   {
   position: absolute;
   z-index: 10000001;
   border: 1px solid #555;
   border-radius: 5px;
   box-shadow: 3px 3px 5px rgba(100,100,100,0.5);
   background-color: white;
   padding: 0px 5px;
   min-width: 60px;
   height: 25px;
   max-width: 400px;
   overflow: hidden;
   text-align: center;
   line-height: 25px;
   font-size: 14px;
   }
   
div#product_title_div
   {
   position: absolute;
   display: inline-block;
   top: 11px;
   left: 50%;
   margin-left: -250px;
   z-index: 9990;
   border: 2px solid rgba(100, 100, 100, 0.4);
   background-color: rgba(255, 255, 255, 1.0);
   border-radius: 6px;
   padding: 3px;
   color: #333;
   cursor: grab;
   opacity: 0.9;
   }

div#model_run_div
   {
   background:rgba(255,255,255,0.4);
   position: fixed;
   color: black; font-family: Times; font-size:12pt; font-weight:bold;
   bottom: 10px; left: 130px;
   padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:10px;
   width:310px;height:60px;
   line-height:100%;
   z-index: 9990;
   }

div#ac_logo_div
   {
   background:rgba(255,255,255,0.4);
   position: fixed;
   color: black; font-family: Times; font-size:12pt; font-weight:bold;
   bottom: 10px; left: 10px;
   padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:10px;
   width:120px;height:60px;
   line-height:100%;
   z-index: 9990;
   }




#ac_display_mode
   {
   position: absolute;
   display: inline-block;
   top: 8px;
   right: 210px;
   width: 248px;
   height: 148px;
   line-height: 15px;
   font-size: 14px;
   z-index: 600;
   border: 2px solid rgba(100, 100, 100, 0.4);
   box-shadow: none;
   color: #555;
   padding: 7px 0px 0px 0px;
   vertical-align: middle;
   }

.dropbtn {
   top: 8px;
   right: 120px;
   width: 44px;
   height: 43px;
   line-height: 15px;
   font-size: 14px;
   z-index: 600;
   border: 0px solid rgba(100, 100, 100, 0.4);
   box-shadow: none;
   color: #555;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;

}

.dropdown {
  position: absolute;
  display: inline-block;
   top: 10px;
   right: 120px;
   width: 48px;
   height: 48px;
   line-height: 15px;
   font-size: 14px;
   z-index: 600;
   border: 2px solid rgba(100, 100, 100, 0.4);
   border-radius: 6px;
   box-shadow: none;
   color: #555;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}