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

/** position absolute or position fixed for nonmoving overlay **/
#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('images/overlay.png') repeat 0 0;
    display: none;
}

#overlay-panel {
//    margin-top: 50;
//    margin-right: 50%;
//    margin-left: auto;
    margin: 5% 50% 0 auto;
 margin-left: expression(0 - parseInt(this.offsetWidth / 3) + 500 + (TBWindowMargin = document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
    width: 350px;
    background: #FFF;
     -moz-border-radius: 10px; /* FF1+ */
     -webkit-border-radius: 10px; /* Saf3+, Chrome */
     border-radius: 10px; /* Opera 10.5, IE 9 */
}

/** ie6 and below only **/

* html #overlay {
    background-image: url('images/overlay-ie6.png');
//    height: 100%;
      position: absolute;
      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
margin-top: expression(0 - parseInt(this.offsetHeight / 2.6) + parseInt(this.offsetHeight / 2.8) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
// margin-top: 450;
}

.popup {

padding: 0px;
box-shadow: 7px 7px 5px #444444;
border-style:none;
border-width:3px;
     -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */
}



.popuphead {

background-color: #ffffff;
padding: 8px;
}