@charset "utf-8";
/* CSS Document */
#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

#light{
    display: none;
    position: absolute;
    top: 30%;
    left: 45%;
    width: 380px;
    height: 530px;
    margin-left: -150px;
    margin-top: -100px;                 
    padding: 10px;
    border: 2px solid #FFF;
    background:#3A8CC8;
	color:#000;
	border-radius:10px;
    z-index:1002;
    overflow:visible;
}

@media only screen and (max-width: 479px){

#light{
    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    width: 300px;
    height: 600px;
    margin-left: -150px;
    margin-top: -100px;                 
    padding: 10px;
    border: 2px solid #FFF;
    background:#3A8CC8;
	color:#FFF;
	border-radius:10px;
    z-index:1002;
    overflow:visible;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
#light{
    display: none;
    position: absolute;
    top: 70%;
    left: 45%;
    width: 300px;
    height: 600px;
    margin-left: -150px;
    margin-top: -100px;                 
    padding: 10px;
    border: 2px solid #FFF;
    background:#3A8CC8;
	color:#FFF;
	border-radius:10px;
    z-index:1002;
    overflow:visible;
}	
}
img#close {
    position: absolute;
    right: 14px;

    cursor: pointer;
}