#map {
      height: 85%;
      width: 100%;
    }

    #emailView {
      border-radius: 5px;
      height: 50%;
      width: 35%;
      float: top;
      position: absolute;
      left: 7%;
      top: 18%;
    }

    #searchView {
      border-radius: 5px;
      height: 77%;
      width: 75%;
      float: top;
      position: absolute;
      left: 7%;
      top: 18%;
/* 		  overflow: auto; */
}
      #searchInput {
        background-image: url('./icons/searchicon.png');
        background-position: 10px 10px;
        background-repeat: no-repeat;
         width: 93%;
        font-size: 16px;
        padding: 12px 20px 12px 40px;
        border: 1px solid #ddd;
        margin-bottom: 12px;
        margin-left: 12px;
      } 
      #exitButton {
          background-image: url('./icons/exit32.png');
          background-size: 32px 32px;
          height: 32px;  
          width: 32px;
          margin-top: 10px;
          position:absolute;
          top:0;
          right:0;
          background-color: Transparent;
          background-repeat:no-repeat;
          border: none;
          outline:none;
      }
      #tableArea {
        overflow: auto;
        height: 80%;
      }

      #emailTableArea {
        border: 2px solid #A40808;
        width: 98%;
        text-align: left;
        border: 1px solid #ddd;
        margin-bottom: 12px;
        margin-left: 12px;
/* 		  overflow-x: auto; */
      }
      #emailTableArea {
        width:80%;
      }
      #searchTable {
        border: 2px solid #A40808;
        background-color: #EEE7DB;
        width: 100%;
/* 		  height: 483px; */
        height: 50%;
        text-align: left;
        border-collapse: collapse;
/* 		  overflow:auto; */
        table-layout: fixed;
      }
      #searchTable td, #searchTable th {
        border: 1px solid #AAAAAA;
        padding: 3px 2px;
      }
      #searchTable tbody td {
        font-size: 13px;
       /* overflow:scroll; */
       /* overflow: hidden; */
       /* text-overflow: ellipsis; */
       /* white-space:nowrap; */
       word-wrap:break-word;
      }
      /*
      #searchTable tbody td:hover {
          overflow: visible;
      */
      #searchTable thead {
        background: red;
        position: sticky;
        top: 0;
        z-index: 1;
      }
      #searchTable thead th {
        font-size: 19px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;
        position: sticky;
        top: 0;
        z-index: 1;
      }
      #searchTable tr {
          height:1em;
      }
      #searchTable tr.header {
        background-color: orange;
      }
      /*
      #searchTable tr:hover { //
        background-color: brown; //#f1f1f1
      */
      #searchTable tbody tr:hover { background-color : #f1f1f1 }
      /* td:hover { background-color : lime } */

      #searchTable tfoot td {
        font-size: 13px;
      }
      #searchTable tfoot .links {
        text-align: right;
      }
      #searchTable tfoot .links a{
        display: inline-block;
        background: #FFFFFF;
        color: #A40808;
        padding: 2px 8px;
        border-radius: 5px;
      }

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

      #popUpPhotos {
          display: block;
          margin-left: auto;
          margin-right: auto;
      }

    #blocksUI {
      border: 2px solid #fff;
      border-radius: 5px;
      box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
      cursor: pointer;
      float: top;
      margin-bottom: 22px;
      margin-right: 10px;
      margin-left: 10px;
      text-align: center;
    }

    #homesUI,
    #markerButtonUI,
    #centerUI,
    #massEmailUI,
    #colorBlockUI,
    #findUI {
      border: 2px solid #fff;
      border-radius: 5px;
      box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
      cursor: pointer;
      float: bottom;
      margin-bottom: 22px;
      margin-right: 10px;
      margin-left: 20px;
      text-align: center;
    }

    #goPdfUI,
    #goWhyUI {
      border: 2px solid #fff;
      border-radius: 5px;
      box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
      cursor: pointer;
      float: left;
      margin-bottom: 22px;
      text-align: center;
    }

    #blocksText,
    #homesText,
    #markerButtonText,
    #centerText,
    #massEmailText,
    #findText,
    #colorBlockText,
    #goPdfText,
    #goWhyText {
      font-family: Roboto, Arial, sans-serif;
      font-size: 15px;
      line-height: 25px;
      padding-left: 5px;
      padding-right: 5px;
    }

    #goPdfUI,
    #goWhyUI {
      margin-top: 12px;
      margin-left: 12px;
    }

    #homesUI,
    #markerButtonUI,
    #centerUI,
    #massEmailUI,
    #findUI {
      margin-left: 10px;
   }

    #colorBlockUI {
      margin-top: 4px;
      margin-right: 10px;
      margin-left: 10px;
    }

    #colorControlContainer {
      padding:4px;
      /* background:#f00; */
      margin-right: 10px;
      }

  #colorControlScrollable {
      overflow:auto;
      margin-left: 1px;
      /* background:#fff; */
      }

  #blockControlContainer {
      padding:4px;
      /*background:#f00;*/
      margin-left: 5px;
      }

  #blockControlScrollable {
      overflow:auto;
      margin-left: 5px;
      /*background:#fff;*/
      }