#PopUp {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1000; /* Sit on top */
        padding-top: 50px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        /*overflow: auto;  Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
      }

      #PopUpWindow {
        background-color: #ffffff;
        margin: auto auto 20px auto;
        padding: 10px 20px 20px 20px;
        border: 2px solid #00589c;
        width: 90%;
        height: 90%;
        max-width: 800px;
        max-height: 600px;
        overflow-y: auto;
      }

      /* The Close Button */
      #PopUpClose {
        color: #00589c;
        float: right;
        font-size: 36px;
        font-weight: bold;
      }

      #PopUpClose:hover,
      #PopUpClose:focus {
        color: #f0791d;
        text-decoration: none;
        cursor: pointer;
      }