html,
body,

#viewDiv {
  padding: 0;
  margin: 0;
  height: 97%;
  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}
#GOSEPLogo {float: left; top: 15px; left: 165px; position: absolute; z-index: 20; margin: 0; padding: 0; border: 0}
h2 {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;}


#read-me {float: right; top: 17px; right: 4%; width: 25px; position: absolute;
    background: none; padding-top: .2em; z-index: 100; cursor: pointer; height: 25px;}
#tool-rep {float: right; top: 17px; right: 7%; width: 25px; position: absolute;
    background: none; padding-top: .2em; z-index: 100; cursor: pointer; height: 25px;}
#movie-rep {float: right; top: 17px; right: 10%; 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('http://www.arcgis.com/sharing/rest/content/items/d8855ee4d3d74413babfb0f41203b168/info/thumbnail/world_street_map.jpg');}
  #basemapImagery {background: url('http://www.arcgis.com/sharing/rest/content/items/86de95d4e0244cba80f0fa2c9403a7b2/info/thumbnail/tempimagery.jpg');}
  #basemapTopo {background: url('http://www.arcgis.com/sharing/rest/content/items/6e03e8c26aad4b9c92a87c1063ddb0e3/info/thumbnail/topo_map_2.jpg');}
  .basemapDivs {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;}

#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;
  }


#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;}

#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-GeneralMaps {float: right; top: 70px; right: 180px; width: 55px; position: absolute; background: none; padding-top: .2em; z-index: 20; cursor: pointer; height: 48px;}
#header-CSZMaps {float: right; top: 70px; right: 95px; 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-GeneralMaps {position: absolute;
  height: 470px;
  background: none;
  width: 350px;
  float: right;
  top: 118px;
  right: 0px;
  display: none;
  text-shadow: none;
  font-size: 1.2em;
  overflow: auto;
  z-index: 200;
}
#content-CSZMaps {position: absolute;
  height: 470px;
  background: none;
  width: 400px;
  float: right;
  top: 118px;
  right: 0px;
  display: none;
  text-shadow: none;
  font-size: 1.2em;
  overflow: auto;
  z-index: 200;
}
#content-ProbMaps {position: absolute;
  height: 470px;
  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;
}


#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 {
    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;
}
#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;
}
#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;
}