.popup_box { 
    display:none;
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height: 65%;  
    width: 50%;  
    background:#FFFFFF;  
    left: 25%;
    top: 150px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;  
    
    /* additional features, can be omitted */     
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 0 0 5px #A0A5AA;
    -webkit-box-shadow: 0 0 5px #A0A5AA;
    box-shadow: 0 0 5px #A0A5AA;
    
}

#container {
/*Sample*/
    width:100%;
    height:100%;
}

.axl{  
cursor: pointer;  
text-decoration:none;  
background-color: black;
color: white;
padding: 3%;
border-radius: 50px;
} 

/* This is for the positioning of the Close Link */
#popupBoxClose {
    font-size:20px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#6fa5e2;  
    font-weight:500;      
}


#popup_box2 { 
    display:none;
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:450px;  
    width:650px;  
    background:#FFFFFF;  
    left: 350px;
    top: 100px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;  
    
    /* additional features, can be omitted */
    border:2px solid #ff0000;      
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 0 0 5px #ff0000;
    -webkit-box-shadow: 0 0 5px #ff0000;
    box-shadow: 0 0 5px #ff0000;
    
}