/* popup_box DIV-Styles*/
#popup_box { 
	display:none; /* Hide the DIV */
	position:relative;  
	/*_position:absolute;*/
	margin:0 auto;
	height:auto;  
	width:100% !important;  
	max-width:700px;
	background-image: url('popup.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;   
	
	z-index:12200; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	top:20%;  
	
	/* additional features, can be omitted */
	 	
	padding:15px;  
	color:#fff;
	font-size:15px; 
	box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 5px rgba(0, 0, 0, 0.08) !important;
    	
	
	
}

.overlaue {
   
    display:none;
    z-index: 12299; /* Sit on top */
	position:fixed;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

#bcontainer {
	background: rgba(0, 0, 0, 0.7) repeat scroll 0 0 !important; /*Sample*/
	width:100%;
	height:100%;
}

a{  
cursor: pointer;  
text-decoration:none;  
} 

/* 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;  	
}