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%; }