body {
  opacity: 1.0;
  background-color: lightblue;
  background: -webkit-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 255)) repeat scroll 0% 0% transparent;
  background: -o-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 255)) repeat scroll 0% 0% transparent;
  background: -moz-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 255)) repeat scroll 0% 0% transparent;
  background: linear-gradient(180deg, rgb(255, 255, 0), rgb(0, 255, 255)); /* linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 255)) repeat scroll 0% 0% transparent */
}

#pWin {
  background-color: #FF8000;
  width: 410px;
  height: 410px;
  position: absolute;
  font: .9em arial, helvetica, sans-serif;
  padding: 7px;
  visibility: hidden;
  top: 15px;
  left: 15px;
  border: 2px #CC1000 dashed;
  clip: auto;
  overflow: hidden;
  z-index:8; 
  opacity:0.8;
}


#infoWin {
  background-color: #FF8000;
  width: 410px;
  height: 410px;
  position: absolute;
  font: .9em arial, helvetica, sans-serif;
  padding: 7px;
  visibility: visible;
  top: 65px;
  left: 15px;
  border: 2px #CC1000 dashed;
  clip: auto;
  overflow: hidden;
  z-index:8; 
  opacity:0.8;
}

h1 {
    position: absolute;
    top: 15px;
    left: 45px;
    color: #ffffff;
    font: 24pt Arial;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    z-index:9; 
}

div {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}