html, body  { margin: 0px; }

/*#map_conainer {width: 800px; margin:5px; background-color:#f4faff; padding: 10px; }*/
.tb_controls {width:100%; border: solid 1px #67aaff; margin:auto }
.td_slgrdt, .td_nmprm, .td_prm_sldr { border: solid 1px #67aaff; border-width:1px 0px 1px 0px; padding:5px 2px; font-size:0.9em; }
.td_prm_sldr {padding:5px 22px; width:100%;}
.td_slgrdt {width:20px; }
.td_nmprm {width:80px; }

/* The location pointed to by the popup tip. 
    min-height: 70px; */
  .popup-tip-anchor {
    height: 0;
    position: absolute;
    /* The max width of the info window. */
    min-width: 200px;
  }
  /* The bubble is anchored above the tip. */
  .popup-bubble-anchor {
    position: absolute;
    width: 100%;
    bottom: /* TIP_HEIGHT= */ 8px;
    left: 0;
  }
  /* Draw the tip. */
  .popup-bubble-anchor::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* Center the tip horizontally. */
    transform: translate(-50%, 0);
    /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
    width: 0;
    height: 0;
    /* The tip is 8px high, and 12px wide. */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: /* TIP_HEIGHT= */ 8px solid white;
  }
  /* The popup bubble itself. */
  .popup-bubble-content {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    /* Style the info window. max-height: 60px;*/
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    font-family: sans-serif;
    overflow-y: auto;        
    box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
  }

.tb_sel_point td {padding: 3px 5px; font-size:1.2em; color:#002066; text-align:left;}
.tb_sel_point td.td_hdr_sel_point {padding: 3px 5px; font-size:1.3em; color:#008096; text-align:center; font-weight:bold;}
.dv_sel_point_inf_hdr {padding: 3px 5px; font-size:1.3em; color:#008096; text-align:center; font-weight:bold;}
.dv_sel_point_inf {padding: 3px 5px; font-size:1.2em; color:#002066; text-align:left;}

.hd { display:none; }

#info_block {
    position:absolute;
    top:3px; right:3px;
    border: 1px solid #25344b;
    background-color:#9ccde1;
    padding: 3px 10px;
}
#grh_hdr, #grh_pic, #grh_nm {display:block;}
#grh_hdr { text-align:center; font-size:1.3em; color:#002066; padding:5px; }
#grh_pic { color:#002066; }
#grh_nm  { text-align:left; padding:3px; font-style:italic; }

#grh_cls {    
    position:absolute;
    top:5px; right:5px;
    border: 1px solid #25344b;
    background-color:#dffcf6;
    color:#090835;
    padding: 0px 4px;
    cursor:pointer;
}