html, body, #map {
      width:   100%;
      height:  100%;
      margin:  0;
      padding: 0;
      color:black;
      overflow: hidden;
      font-family: arial;
      background-color: white;
    }

    #mapbackground{
      width:   100%;
      height:  100%;
      margin:  0;
      padding: 0;
      color:black;
      overflow: hidden;
      font-family: arial;
      background-color: white;
      z-index: -1;
    }
    
    .esriPopup .outerPointer.left {
      visibility: hidden;
    }

    .esriPopupWrapper{
      visibility: hidden;
    }

    #initialLoad {
      position: absolute;
      top: 0%;
      left: 0%;
      text-align: center;
      width:   100%;
      height:  100%;
      z-index: 60; 
      background-color: white;
    }

    #mhCONoptions{
      position: absolute;
      top: 0%;
      right: -100%;
      text-align: center;
      width:   30%;
      height:  100%;
      z-index: 50;
      background: white;
    }

    #mhCONattributeUpdates{
      position: absolute;
      top: 0%;
      right: -100%;
      text-align: center;
      width:   30%;
      height:  100%;
      z-index: 55;
      background: white;
    }

    #mhCONattributeAttach{
      position: absolute;
      top: 0%;
      right: -100%;
      text-align: center;
      width:   30%;
      height:  100%;
      z-index: 55;
      background: white;
    }

    #navigatorTools {
            position:absolute;
            color:white;
            bottom:30px;
            left:0px;
            height: auto;
            z-index: 9;
            overflow: hidden;
            background: rgba(15,40,53,0.8);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E)";
    }

    #mapTools {
          position:absolute;
          color:white;
          top:5px;
          left:0px;
          height: auto;
          z-index: 8;
          overflow: hidden;
          background: rgba(207,219,226,0.9);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCF39116, endColorstr=#CCF39116);
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCF39116, endColorstr=#CCF39116)";
    }

        #shadowBox {
            position:absolute;
            color:white;
            top:-110%;
            left:0px;
            width:100%;
            height:100%;
            z-index: 330;
            overflow: hidden;
            background: rgba(207,219,226,0.7);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E)";
        }

        #movieList {
            position:absolute;
            color: rgba(15,40,53,0.8);
            text-align: center;
            font-size: 2.0vw;
            top:-110%;
            left:0px;
            width:100%;
            height:100%;
            z-index: 333;
            overflow: hidden;
            background: rgba(207,219,226,0.7);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E)";
        }

        #queryOptionsT {
            position:absolute;
            color: rgba(15,40,53,0.8);
            text-align: center;
            font-size: 3.0vw;
            top:-300%;
            left:10%;
            width:100%;
            height:100%;
            z-index: 335;
            overflow: hidden;
            background: rgba(207,219,226,0.7);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC03194E, endColorstr=#CC03194E)";            
        }

        #searchWindow {
            color:#28556e;
            font-size: 4.0vw;
            text-align: center;
            padding: 10%;
        }

        #addWindow {
            color:#28556e;
            font-size: 2.0vw;
        }

        #mailLabels{
            color:#28556e;
            font-size: 2.0vw;
            text-align: center;
        }

        #searchTerm {
            width: 80%;
            font-size: 2.0vw;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
        }

        #bufferValue {
            width: 49%;
            font-size: 0.75vw;
            padding: 0px 0px;
            margin: 5px 0;
            box-sizing: border-box;
        }


        #serchButton {
            font-size: 0.9vw;
            height:auto;
            float:left;
            border-radius: 10px;
            background-color: #01476a;
            padding: 20px;
            padding-right: 20px;
            margin-right: 10px;
            margin-top:10px;
            overflow:hidden;
        }

        #serchButtonClear {
            font-size: 0.9vw;
            width:10%;
            height:auto;
            float:left;
            border-radius: 10px;
            background-color: #f41c1c;
            padding: 20px;
            margin-right: 10px;
            margin-top:10px;
            overflow:hidden;
        }


        #selectTools {
            position:absolute;
            top:-500px;
            left:9.5%;
            width:48px;
            padding-bottom: 10px;
            height:auto;
            z-index: 30;
            background: rgba(15,40,53,0.8);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCF39116, endColorstr=#CCF39116);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCF39116, endColorstr=#CCF39116)";
        }

        #selectBuffer {
            position:absolute;
            font-size: 1.0vw;
            top:-500px;
            left:12.5%;
            width:auto;
            padding: 5px;
            color:#cfdbe2;
            height:auto;
            z-index: 30;
            background: rgba(15,40,53,0.8);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCF39116, endColorstr=#CCF39116);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCF39116, endColorstr=#CCF39116)";
        }

        #measuerholder {
          position:absolute;
          top:5px;
          left:-50%;
          width:auto;
          max-width: 20%;
          height:auto;
          z-index: 7;
        }

        .esriOverviewMap .ovwButton {
          height:0px;
        }

        #resultsTools{
            position:absolute;
            top:0px;
            right:20%;
            width:30px;
            height:0%;
            z-index: 30;
            overflow: hidden;
            background: rgba(15,40,53,0.8);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E)";
        }

        #resultsDIV{
            position:absolute;
            overflow: hidden;
            color:white;
            top:0%;
            right:-25%;
            width:20%;
            height:100%;
            z-index: 80;
            background: rgba(15,40,53,0.8);
        }

        #resultHolder {
            color: rgba(207,219,226,1);;
            width:100%;
            height:100%;
            z-index: 90;
            overflow: auto;
            background: rgba(15,40,53,0.1);
        }

        #resultsSingle {
            position:absolute;
            color:white;
            top:42%;
            right:-30%;
            width:20%;
            height:58%;
            z-index: 90;
            overflow: auto;
            background: rgba(15,40,53,0.8);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E)";
        }

        #pictoHOLDER{
            position:absolute;
            color:#cfdbe2;
            bottom:0px;
            right:-90%;
            width:80%;
            height:40%;
            z-index: 90;
            overflow: hidden;
            background: rgba(3,25,78,0.6);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E)";
            overflow-x: hidden;
        }

        #printHOLDER{
            position:absolute;
            padding: 10px;
            color:#cfdbe2;
            top:5px;
            right:-25%;
            width:20%;
            height:auto;
            z-index: 90;
            overflow: hidden;
            background: rgba(3,25,78,0.6);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E)";
            overflow-x: hidden;
        }

        #queryBuilder{
            position:absolute;
            padding: 10px;
            color:#cfdbe2;
            top:5px;
            right:-25%;
            width:20%;
            height:60%;
            z-index: 90;
            overflow: hidden;
            background: rgba(3,25,78,0.6);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E)";
            overflow-x: hidden;
        }

        #picSpotHOLDER{
            position:absolute;
            text-align: center;
            font-size: 1.3vw;
            color:#cfdbe2;
            bottom:0px;
            right:-30%;
            width:20%;
            height:10%;
            z-index: 90;
            overflow: hidden;
            background: rgba(3,25,78,0.6);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E)";
            overflow-x: hidden;
        }     

        #indvresultsTools {
            position:absolute;
            top:42%;
            right:-3000px;
            width:30px;
            height:150px;
            z-index: 30;
            background: rgba(15,40,53,0.8);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9903194E, endColorstr=#9903194E)";
        }

        #layerList{
            color:#28556e;
            position:absolute;
            top:5px;
            right:-315px;
            padding:5px;
            width:300px;
            height:95%;
            overflow-y:auto;
            overflow-x:auto;
            z-index: 105;
            background: rgba(207,219,226,0.9);
        }

.esriPrintButton{
  color:#28556e;
  font-size: 1.5vw;
  height: 50%;
  width: 100%;
  padding: 0px;
  background-color: rgba(207,219,226,0.9);
} 

#widgetContainer {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 10px;
  background: #fff;
  width: 20em;
}

#ProgressBar{
  position: absolute;
  width: 60%;
  height: 10%;
  left:20%;
  bottom: -20%;
  font-size: 2.5vw;
  color: white;
  background: rgba(3,25,78,0.6);
}