body {
}

.hider {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    background-color: Black;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.popupbox {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    margin-left: -300px; /*genişliğin yarısı olmalı*/
    border: 2px solid #555;
    z-index: 100;
    background-color: #fff;
    padding: 10px;
    -moz-box-shadow: 10px 10px 5px rgb(50,50,50);
    -webkit-box-shadow: 10px 10px 5px rgb(50,50,50);
    box-shadow: 10px 10px 5px rgba(50,50,50,0.3);
}