body {

          background-color: ccddff;

          background-image: url(/images/qr_bg3.jpg);

          linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5))

          background-position: center;

          background-repeat: no-repeat;

          background-size: cover;

          position: relative;

          margin: 10px; 

          padding 10px;

      }

      button {

          -webkit-box-sizing:border-box;

          -moz-box-sizing:border-box;

          box-sizing:border-box;

          background-color: 228822;

          color: ffffff;

          font-size: 100%;

      }

      .imgbbbutton {

          vertical-align: middle;

      }

      #imagehtml {

          width: 60%;

      }

      .navodtable table, .navodtable th, .navodtable td {

          border: 1px solid black;

          background-color: ffffaa;

          vertical-align: top; 

          text-align: center;

          padding: 15px;

      }

      .navodtable {

          border-spacing: 15px;

      }

      .headtable table, .headtable th, .headtable td {

          border: 0px;

          vertical-align: middle; 

          text-align: center;

          padding: 15px;

      }

      .actable table, .actable th, .actable td {

          background-color: bbffbb;

          border: 0px;

          vertical-align: top; 

          text-align: center;

          padding: 15px;

      }

      .qrimage {

          width: 400px;

          height: 400px;

          box-shadow: 10px 10px 5px #888;

      }

#overlay {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 90%;

  height: 90%;

  background-color: rgba(220,255,255,0.9);

  z-index: 5;

  cursor: pointer;

}

.center {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}