html,
body,

#viewDiv {
  padding: 0;
  margin: 0;
  height: 97.4%;
  width: 100%;
  /* change all the other figures: absolute / % */
}

#overviewDiv {
  position: absolute;
  bottom: 20px;
  right: 12px;
  width: 300px;
  height: 200px;
  border: 1px solid black;
  z-index: 100;
  overflow: hidden;
}

#extentDiv {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 101;
}

#OSULogo {float: left; left: 10px; top: 4px; position: absolute; z-index: 20; margin: 0; padding: 0; border: 0}
#OHELPLogo {float: left; top: 15px; left: 165px; position: absolute; z-index: 20; margin: 0; padding: 0; border: 0}
h5 {margin: 0; font-size: 20px; line-height: 30px; text-align: center; height: 70px; z-index: 1; background-color: #241F20;}

/* #map {
padding: 0;
height: 100%;
min-height: 100%;
font-family: Arial;
} */

#PGELogo {float: left; bottom: 20px; margin-left: 30%; position: absolute; z-index: 20;}
#BPALogo {float: left; bottom: 20px; margin-left: 34%; position: absolute; z-index: 20;}
#ODOTLogo {float: left; bottom: 20px; margin-left: 39%; position: absolute; z-index: 20;}
#NWLogo {float: left; bottom: 20px; margin-left: 44%; position: absolute; z-index: 20;}
#EWEBLogo {float: left; bottom: 20px; margin-left: 49%; position: absolute; z-index: 20;}
#PortlandLogo {float: left; bottom: 20px; margin-left: 54%; position: absolute; z-index: 20;}
#PortlandWaterLogo {float: left; bottom: 20px; margin-left: 61%; position: absolute; z-index: 20;}
#tualatinLogo {float: left; bottom: 20px; margin-left: 66%; position: absolute; z-index: 20;}

#book-rep {float: right; top: 17px; right: 4%; width: 25px; position: absolute;
    background: none; padding-top: .2em; z-index: 100; cursor: pointer; height: 25px;}
#manual-rep {float: right; top: 17px; right: 7%; width: 25px; position: absolute;
    background: none; padding-top: .2em; z-index: 100; cursor: pointer; height: 25px;}
#tool-rep {float: right; top: 17px; right: 10%; width: 25px; position: absolute;
    background: none; padding-top: .2em; z-index: 100; cursor: pointer; height: 25px;}
#movie-rep {float: right; top: 17px; right: 13%; width: 25px; position: absolute;
    background: none; padding-top: .2em; z-index: 100; cursor: pointer; height: 25px;}


#header-basemaps {cursor: pointer; position: absolute; top: 320px; left: 14px;
  z-index: 50; width: 34px; height: 34px; background: url('../images/basemap.png') no-repeat center;
  background-color: rgba(102,102,102,0.80); border-radius: 5px;
  -webkit-border-radius: 5px;  -moz-border-radius: 5px;}
  #content-basemaps{position: absolute; display: none; z-index: 150; width: 180px; left: 50px; top: 284px;
      background: #e58956; padding: 8px; text-shadow: none; color: white; font-family: Arial;font-size: 1em; border-radius: .5em;}
  #basemapStreets {background-position: 65px 65px !important;
      background: url('../images/street_basemap.png');}
  #basemapImagery {background: url('../images/satellite_basemap.png');}
  #basemapTopo {background: url('../images/topo_basemap.png');}
  .basemapDivs {position: relative; width: 45px; height: 45px; display: inline-block; margin: 5px; background: white; cursor: pointer;}

#header-trans {cursor: pointer; position: absolute; top: 363px; left: 14px; z-index: 50;
  width: 34px; height: 34px; background: url('../images/transparentTool.png') no-repeat center;
  background-color: rgba(102,102,102,0.80); border-radius: 5px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}
  #slider-Transparency {position: absolute; display: none; z-index: 150; width: 180px; height: 50px; left: 50px;
    top: 327px; background: #e58956; padding: 8px; text-shadow: none; color: white; font-family: Arial; font-size: 1em; border-radius: .5em}
  #slider-Bar{top: 10px; width: 175px;}
  .slider-hazus-Bar{top: 10px; left: 50px; width: 250px}

#header-report {cursor: pointer; position: absolute; top: 406px; left: 14px; z-index: 50; width: 34px;
  height: 34px; background: url('../images/reportTool.png') no-repeat center; background-color: rgba(102,102,102,0.80);
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
  #content-report {position: absolute; display: none; z-index: 150; width: 240px; left: 50px; top: 413px;
        background: #e58956; padding: 8px; text-shadow: none; color: white; font-family: Arial;font-size: 1em; border-radius: .5em;}
  #printButton {
      width: 10px;
      position: absolute;
      top: 20px;
      left: 150px;
      z-index: 100;
  }
  #measure-point {background: white url('../images/measure_point_icon.png') no-repeat center;}
  #measure-multipoint {background: white url('../images/measure_multipoint_icon.png') no-repeat center;}
  #measure-multipoint-csv {background: white url('../images/measure_multipoint_csv_icon.png') no-repeat center;}
  #measure-screenshot {background: white url('../images/measure_screenshot_icon.png') no-repeat center;}
  .reportDivs {position: relative; width: 45px; height: 45px; display: inline-block; margin: 5px; background: white; cursor: pointer;}

#header-measure {cursor: pointer; position: absolute; top: 449px; left: 14px;
  z-index: 50; width: 34px; height: 34px; background: url('../images/measureTool.png') no-repeat center;
  background-color: rgba(102,102,102,0.80); border-radius: 5px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}
  #content-measure {position: absolute; display: none; z-index: 150; width: 180px; left: 50px; top: 413px;
      background: #e58956; padding: 8px; text-shadow: none; color: white; font-family: Arial;font-size: 1em; border-radius: .5em;}
  #measure-line {background: white url('../images/measure_line_icon.png') no-repeat center;}
  #measure-polygon {background: white url('../images/measure_polygon_icon.png') no-repeat center;}
  #measure-clear {background: white url('../images/clearGraphics.png') no-repeat center;}
  /* #measure_value {text-align: center;text-shadow: none;font-weight: bold; margin-top: .5em;margin-bottom: .5em;} */
  .measureDivs {position: relative; width: 45px; height: 45px; display: inline-block; margin: 5px; background: white; cursor: pointer;}

#clearButton {cursor: pointer; position: absolute; top: 494px; left: 14px; z-index: 50;
  width: 34px; height: 34px; background: url('../images/eraseTool.png') no-repeat center;
  background-color: rgba(102,102,102,0.80); border-radius: 5px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}

/* #sponsorButton {display: none; cursor: pointer; position: absolute;
  top: 469px; left: 20px; z-index: 50; width: 34px; height: 34px;
  background: url('../images/clearGraphics.png') no-repeat center;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} */

#header-PortlandHills {float: right; top: 70px; right: 95px; width: 55px; position: absolute; background: none; padding-top: .2em; z-index: 20; cursor: pointer; height: 48px;}
#header-GeneralMaps {float: right; top: 70px; right: 270px; width: 55px; position: absolute; background: none; padding-top: .2em; z-index: 20; cursor: pointer; height: 48px;}
#header-CSZMaps {float: right; top: 70px; right: 190px; width: 50px; position: absolute; background: none; padding-top: .2em; z-index: 20; cursor: pointer; height: 48px;}
#header-ProbMaps {float: right; top: 70px; right: 10px; width: 50px; position: absolute; padding-top: .2em; z-index: 20; cursor: pointer; height: 50px; background: none;}

#content-PortlandHills {position: absolute;
  height: 500px;
  background: none;
  width: 600px;
  float: right;
  top: 225px;
  right: 0px;
  display: none;
  text-shadow: none;
  font-size: 1.2em;
  overflow: auto;
  z-index: 200;
}
#slider-Magnitude {
    position: absolute;
    display: none;
    z-index: 150;
    width: 585px;
    height: 30px;
    right: 0px;
    top: 128px;
    background: #686868;
    padding: 8px;
    text-shadow: none;
    color: white;
    font-family: Arial;
    font-size: 1em;
    border-radius: .5em
}
#slider-Magnitude-Bar{position: absolute;; top: 17px; left: 300px; width: 170px}
#slider-Moisture {
    position: absolute;
    display: none;
    z-index: 150;
    width: 585px;
    height: 30px;
    right: 0px;
    top: 177px;
    background: #686868;
    padding: 8px;
    text-shadow: none;
    color: white;
    font-family: Arial;
    font-size: 1em;
    border-radius: .5em
}
#slider-Moisture-Bar{position: absolute;; top: 17px; left: 300px; width: 170px}

#content-GeneralMaps {position: absolute;
  height: 625px;
  background: none;
  width: 480px;
  float: right;
  top: 118px;
  right: 0px;
  display: none;
  text-shadow: none;
  font-size: 1.2em;
  overflow: auto;
  z-index: 200;
}
#slider-Scenario {
    position: absolute;
    display: none;
    z-index: 150;
    width: 435px;
    height: 30px;
    right: 0px;
    top: 128px;
    background: #686868;
    padding: 8px;
    text-shadow: none;
    color: white;
    font-family: Arial;
    font-size: 1em;
    border-radius: .5em
}
#slider-Scenario-Bar{position: absolute;; top: 17px; left: 250px; width: 170px}

#content-CSZMaps {position: absolute;
  height: 500px;
  background: none;
  width: 450px;
  float: right;
  top: 175px;
  right: 0px;
  display: none;
  text-shadow: none;
  font-size: 1.2em;
  overflow: auto;
  z-index: 200;
}
#content-ProbMaps {position: absolute;
  height: 500px;
  background: none;
  width: 350px;
  float: right;
  top: 118px;
  right: 0px;
  display: none;
  text-shadow: none;
  font-size: 1.2em;
  overflow: auto;
  z-index: 200;
}

.esriPopup .titleButton.maximize {
    display: none;
}
.esriPopup .titlePane {
    line-height: 22px;
    background-color: #c44500;
}
.esriPopup .titleButton {
    top: 4px;
}
.esriPopup .contentPane {
    font-weight: 700;
}
.ui-radio{
    width: 65%;
    display: inline-block;
}
.ui-accordion .ui-accordion-content {padding:10px}

#info_PH_pipematerial, #info_PH_16th_percentile, #info_PH_50th_percentile, #info_PH_84th_percentile,
#info_PHm6p8_problandslidedry,#info_PHm6p8_pgdlandslidedry,#info_PHm6p8_problandslidewet,
#info_PHm6p8_pgdlandslidewet,#info_PHm6p8_probliquefactionwet,#info_PHm6p8_pgdliquefactionwet,
#info_PHm6p8_SA0p3,#info_PHm6p8_SA1p0,#info_PHm6p8_PGA,#info_PHm6p8_PGV,
#info_PHm9p0_problandslidedry,#info_PHm9p0_pgdlandslidedry,#info_PHm9p0_problandslidewet,
#info_PHm9p0_pgdlandslidewet,#info_PHm9p0_probliquefactionwet,#info_PHm9p0_pgdliquefactionwet,
#info_PHm9p0_SA0p3,#info_PHm9p0_SA1p0,#info_PHm9p0_PGA,#info_PHm9p0_PGV,
#info_railroadbridges,
#info_aquifers, #info_reclamationreservoirs, #info_watershedshuc, #info_watershedregions,
#info_landmobiletowers, #info_fmtowers, #info_amtowers, #info_pagingtowers, #info_celltowers,
#info_pumpingstation, #info_petroleumterminals, #info_petroleumport, #info_ocsprogram, #info_oilrefinieries, #info_gaswells, #info_gasplatforms, #info_gasinterconnects, #info_gasfields, #info_storagefacilities, #info_serviceterritories, #info_deliverypoints, #info_processingplants, #info_localdistribution, #info_liquidpipelines, #info_importexport, #info_compressor,
#info_generating, #info_uswind, #info_wind, #info_power, #info_dams, #info_retail, #info_transmission, #info_substations, #info_susceptibility,
#info_30mresolution, #info_surficialgeology, #info_bridges,  #info_lithology, #info_faults, #info_highway, #info_distancetofaults, #info_distancetofaults, #info_peakgroundacceleration,#info_peakgroundacceleration2p50,#info_peakgroundacceleration10p50, #info_peakgroundvelocity, #info_spspectralresponse, #info_osspectralresponse, #info_lptransitionperiod, #info_lsprobab,#info_ls2p50,#info_ls10p50,#info_ls_susep1,#info_ls_susep2,#info_ls_susep3,#info_ls_susep4, #info_hzdp, #info_sbmg,#info_Ext, #info_dtls, #info_lqprobab, #info_hazus, #info_hazus2, #info_latdp, #info_inundationarea, #info_nehrp, #info_modifiedmercalli, #info_polygon, #info_points, #info_TRA0,#info_TRA1 ,#info_bh, #info_landslidedisp, #info_hillshade, #info_buildings, #info_rails {
    width: 25px;
    height: 25px;
    /* position: absolute;  */
    float: right;
    margin-right: 5px;
    background: white url('../images/info_24by24.png') no-repeat center;
    background-size: 20px 20px;
    border-radius: .2em;
    box-shadow: 2px 2px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border: 1px solid #BEBEBE;
}

@media only screen and (max-width : 767px) {
  #info_PH_pipematerial, #info_PH_16th_percentile, #info_PH_50th_percentile, #info_PH_84th_percentile,
  #info_PHm6p8_problandslidedry,#info_PHm6p8_pgdlandslidedry,#info_PHm6p8_problandslidewet,
  #info_PHm6p8_pgdlandslidewet,#info_PHm6p8_probliquefactionwet,#info_PHm6p8_pgdliquefactionwet,
  #info_PHm6p8_SA0p3,#info_PHm6p8_SA1p0,#info_PHm6p8_PGA,#info_PHm6p8_PGV,
  #info_PHm9p0_problandslidedry,#info_PHm9p0_pgdlandslidedry,#info_PHm9p0_problandslidewet,
  #info_PHm9p0_pgdlandslidewet,#info_PHm9p0_probliquefactionwet,#info_PHm9p0_pgdliquefactionwet,
  #info_PHm9p0_SA0p3,#info_PHm9p0_SA1p0,#info_PHm9p0_PGA,#info_PHm9p0_PGV,
  #info_railroadbridges,
  #info_aquifers, #info_reclamationreservoirs, #info_watershedshuc, #info_watershedregions,
  #info_landmobiletowers, #info_fmtowers, #info_amtowers, #info_pagingtowers, #info_celltowers,
  #info_pumpingstation, #info_petroleumterminals, #info_petroleumport, #info_ocsprogram, #info_oilrefinieries, #info_gaswells, #info_gasplatforms, #info_gasinterconnects, #info_gasfields, #info_storagefacilities, #info_serviceterritories, #info_deliverypoints, #info_processingplants, #info_localdistribution, #info_liquidpipelines, #info_importexport, #info_compressor,
  #info_generating, #info_uswind, #info_wind, #info_power, #info_dams, #info_retail, #info_transmission, #info_substations, #info_susceptibility,
  #info_30mresolution, #info_surficialgeology, #info_bridges,  #info_lithology, #info_faults, #info_highway, #info_distancetofaults, #info_distancetofaults, #info_peakgroundacceleration,#info_peakgroundacceleration2p50,#info_peakgroundacceleration10p50, #info_peakgroundvelocity, #info_spspectralresponse, #info_osspectralresponse, #info_lptransitionperiod, #info_lsprobab,#info_ls2p50,#info_ls10p50,#info_ls_susep1,#info_ls_susep2,#info_ls_susep3,#info_ls_susep4, #info_hzdp, #info_sbmg,#info_Ext, #info_dtls, #info_lqprobab, #info_hazus,#info_hazus2, #info_latdp, #info_inundationarea, #info_nehrp, #info_modifiedmercalli, #info_polygon, #info_points, #info_TRA0,#info_TRA1 ,#info_bh, #info_landslidedisp, #info_hillshade, #info_buildings, #info_rails {
    width: 15px;
    height: 15px;
  }
}
#legend_PH_pipematerial,#legend_PH_16th_percentile,#legend_PH_50th_percentile,#legend_PH_84th_percentile,
#legend_PHm6p8_problandslidedry,#legend_PHm6p8_pgdlandslidedry,#legend_PHm6p8_problandslidewet,
#legend_PHm6p8_pgdlandslidewet,#legend_PHm6p8_probliquefactionwet,#legend_PHm6p8_pgdliquefactionwet,
#legend_PHm6p8_SA0p3,#legend_PHm6p8_SA1p0,#legend_PHm6p8_PGA,#legend_PHm6p8_PGV,
#legend_PHm9p0_problandslidedry,#legend_PHm9p0_pgdlandslidedry,#legend_PHm9p0_problandslidewet,
#legend_PHm9p0_pgdlandslidewet,#legend_PHm9p0_probliquefactionwet,#legend_PHm9p0_pgdliquefactionwet,
#legend_PHm9p0_SA0p3,#legend_PHm9p0_SA1p0,#legend_PHm9p0_PGA,#legend_PHm9p0_PGV,
#legend_susceptibility,
#legend_30mresolution, #legend_surficialgeology,#legend_faults, #legend_bridges, #legend_modifiedmercalli, #legend_peakgroundacceleration,#legend_peakgroundacceleration2p50, #legend_peakgroundacceleration10p50,  #legend_peakgroundvelocity, #legend_nehrp, #legend_spspectralresponse, #legend_osspectralresponse, #legend_lsprobab,#legend_ls2p50,#legend_ls10p50,#legend_ls_susep1,#legend_ls_susep2,#legend_ls_susep3,#legend_ls_susep4,#legend_polygon,#legend_bh, #legend_points,#legend_TRA0,#legend_TRA1, #legend_lqprobab, #legend_hazus,#legend_hazus2, #legend_hzdp, #legend_landslidedisp, #legend_sbmg ,#legend_Ext{
    width: 25px;
    height: 25px;
    float: right;
    margin-right: 5px;
    background: white url('../images/legend_24by24.png') no-repeat center;
    background-size: 20px 20px;
    border-radius: .2em;
    box-shadow: 2px 2px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border: 1px solid #BEBEBE;
}
@media only screen and (max-width : 767px) {
  #legend_PH_pipematerial,#legend_PH_16th_percentile,#legend_PH_50th_percentile,#legend_PH_84th_percentile,
  #legend_PHm6p8_problandslidedry,#legend_PHm6p8_pgdlandslidedry,#legend_PHm6p8_problandslidewet,
  #legend_PHm6p8_pgdlandslidewet,#legend_PHm6p8_probliquefactionwet,#legend_PHm6p8_pgdliquefactionwet,
  #legend_PHm6p8_SA0p3,#legend_PHm6p8_SA1p0,#legend_PHm6p8_PGA,#legend_PHm6p8_PGV,
  #legend_PHm9p0_problandslidedry,#legend_PHm9p0_pgdlandslidedry,#legend_PHm9p0_problandslidewet,
  #legend_PHm9p0_pgdlandslidewet,#legend_PHm9p0_probliquefactionwet,#legend_PHm9p0_pgdliquefactionwet,
  #legend_PHm9p0_SA0p3,#legend_PHm9p0_SA1p0,#legend_PHm9p0_PGA,#legend_PHm9p0_PGV,
  #legend_susceptibility,
  #legend_30mresolution, #legend_surficialgeology,#legend_faults, #legend_bridges, #legend_modifiedmercalli, #legend_peakgroundacceleration,#legend_peakgroundacceleration2p50, #legend_peakgroundacceleration10p50,  #legend_peakgroundvelocity, #legend_nehrp, #legend_spspectralresponse, #legend_osspectralresponse, #legend_lsprobab,#legend_ls2p50,#legend_ls10p50,#legend_ls_susep1,#legend_ls_susep2,#legend_ls_susep3,#legend_ls_susep4,#legend_polygon,#legend_bh, #legend_points,#legend_TRA0,#legend_TRA1, #legend_lqprobab, #legend_hazus,#legend_hazus2, #legend_hzdp, #legend_landslidedisp, #legend_sbmg ,#legend_Ext{
    width: 15px;
    height: 15px;
  }
}



#legendimage_30mresolution, #legendimage_modifiedmercalli, #legendimage_peakgroundacceleration, #legendimage_peakgroundvelocity, #legendimage_lsprobab,#legendimage_ls2p50,#legendimage_ls10p50,#legendimage_landslideSuscep, #legendimage_lqprobab, #legendimage_hazus,#legendimage_hazus2, #legendimage_landslidedisp,#legendimage_landslidedispM, #legendimage_sbmg, #legendimage_Ext {
    height: 200px;
    width: 270px;
}
#legendimage_TRA{
	height: 120px;
    width: 125px;
}
#legendimage_surficialgeology {
    height: 330px;
    width: 250px;
}
#legendimage_faults {
    height: 250px;
    width: 180px;
}
#legendimage_bridges {
    height: 330px;
    width: 250px;
}
#legendimage_nehrp {
    height: 200px;
    width: 185px;
}
#legendimage_spspectralresponse, #legendimage_osspectralresponse {
    height: 150px;
    width: 240px;
}
#legendimage_polygon,#legendimage_bh, #legendimage_hzdp {
    height: 150px;
    width: 280px;
}
#legendimage_points {
    height: 50px;
    width: 140px;
}

#legendimage_surficialgeology {
    background: white url('../images/legend/geology.png') no-repeat center;
    background-size: contain;
}
#legendimage_faults {
    background: white url('../images/legend/faultage.png') no-repeat center;
    background-size: contain;
}
#legendimage_bridges {
    background: white url('../images/legend/geology.png') no-repeat center;
    background-size: contain;
}
#legendimage_30mresolution {
    background: white url('../images/legend/ELEV.png') no-repeat left;
    background-size: contain;
}
#legendimage_modifiedmercalli {
    background: white url('../images/legend/MMS.png') no-repeat center;
    background-size: contain;
}
#legendimage_peakgroundacceleration {
    background: white url('../images/legend/PGA.png') no-repeat center;
    background-size: contain;
}
#legendimage_peakgroundvelocity {
    background: white url('../images/legend/PGV.png') no-repeat center;
    background-size: contain;
}
#legendimage_nehrp {
    background: white url('../images/legend/NEHRP.png') no-repeat center;
    background-size: contain;
}
#legendimage_spspectralresponse {
 background: white url('../images/legend/SPSEC_SPEC.png') no-repeat center;
    background-size: contain;
}
#legendimage_osspectralresponse {
    background: white url('../images/legend/ONESEC_SPEC.png') no-repeat center;
    background-size: contain;
}
#legendimage_lsprobab {
    background: white url('../images/legend/LS.png') no-repeat center;
    background-size: contain;
}
#legendimage_landslidedisp {
    background: white url('../images/legend/LSDisp.png') no-repeat center;
    background-size: contain;
}
#legendimage_landslidedispM{
    background: white url('../images/legend/LSDispM.png') no-repeat center;
    background-size: contain;
}
#legendimage_ls2p50 {
    background: white url('../images/legend/LSDisp.png') no-repeat center;
    background-size: contain;
}
#legendimage_ls10p50 {
    background: white url('../images/legend/LSDisp.png') no-repeat center;
    background-size: contain;
}
#legendimage_landslideSuscep {
    background: white url('../images/legend/LS_Susp.png') no-repeat center;
    background-size: contain;
}

#legendimage_polygon {
    background: white url('../images/legend/polygons.png') no-repeat center;
    background-size: contain;
}
#legendimage_TRA{
    background: white url('../images/legend/TRA.png') no-repeat center;
    background-size: contain;
}

#legendimage_points {
    background: white url('../images/legend/points.png') no-repeat center;
    background-size: contain;
}
#legendimage_bh {
    background: white url('../images/legend/bh.png') no-repeat center;
    background-size: contain;
}
#legendimage_lqprobab {
    background: white url('../images/legend/LIQ_PROB.png') no-repeat center;
    background-size: contain;
}
#legendimage_hazus {
    background: white url('../images/legend/Bridges.png') no-repeat center;
    background-size: contain;
}
#legendimage_hazus2 {
    background: white url('../images/legend/Bridges.png') no-repeat center;
    background-size: contain;
}
#legendimage_hzdp {
    background: white url('../images/legend/LATERAL_SP.png') no-repeat center;
    background-size: contain;
}
#legendimage_sbmg {
    background: white url('../images/legend/Subsidence.png') no-repeat center;
    background-size: contain;
}

/* #legendcontent_30mresolution, #legendcontent_surficialgeology,#legendcontent_faults, #legendcontent_bridges {
    max-width: 200px !important;
} */

.ui-fullsize .ui-btn-inner, .ui-fullsize .ui-btn-inner {
    font-size: 12px;
}

#infoDiv {
  position: absolute;
  top: 85px;
  left: 60px;
}

#infoDiv input {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
}


.esri-popupTemplate {
  /* max-height: 100%; */
  max-width: 50%;
  width: 100px;
}

/* ScreenShot */
.hide {
  display: none;
}

#screenshotDiv {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}

#screenshot-image {
  border: 10px solid white;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

#screenshotDiv > * {
  margin: 0.5em;
}

.screenshotCursor {
  cursor: crosshair;
}

.action-button {
  padding: 0.6em;
  border: 1px solid #0079c1;
  text-align: center;
  background-color: white;
  cursor: pointer;
}

.action-button:hover,
.action-button:focus {
  background: #0079c1;
  color: white;
}

#maskDiv {
  position: absolute;
  background: rgba(255, 51, 0, 0.1);
  border: 2px dashed rgb(255, 51, 0);
}

.no-close .ui-dialog-titlebar-close {  display: none;}

@media (max-width : 1024px) and (min-width : 768px) {
  #sponsorBottom, #OHELPLogo{
    display: none;
  }
  #OHELPtitle{
    font-size: 15px;
  }
  #movie-rep {
    right: 19%;
  }
  #tool-rep {
    right: 14%;
  }
  #manual-rep {
    right: 9%;
  }
  #overviewDiv{
    bottom: 3%;
    width: 22%;
    height: 25%;
  }
}

@media only screen and (max-width : 767px) {
  #sponsorBottom, #OHELPtitle, #OHELPLogo {
    display: none;
  }
  #movie-rep {
    right: 31%;
  }
  #tool-rep {
    right: 22%;
  }
  #manual-rep {
    right: 13%;
  }
  #overviewDiv{
    bottom: 8%;
    width: 35%;
    height: 25%;
  }
  #Disclaimer {
    font-size: 50%;
  }
  #content-GeneralMaps{
    width: 60%;
    font-size: 60%;
  }
  #content-CSZMaps{
    width: 60%;
    font-size: 60%;
  }
  #content-ProbMaps{
    width: 60%;
    font-size: 60%;
  }

  #slider-Scenario{
    width: 56.5%;
    font-size: 60%;
  }
  #slider-Scenario-Bar{
    left: 50%;
    width: 100px;
  }
  #slider-Magnitude{
    width: 56.5%;
    font-size: 60%;
  }
  #slider-Magnitude-Bar{
    left: 50%;
    width: 100px;
  }
  #slider-Moisture{
    width: 56.5%;
    font-size: 60%;
  }
  #slider-Moisture-Bar{
    left: 50%;
    width: 100px;
  }
  #overviewDiv{
    display: none;
  }
}