@charset "utf-8";
/* CSS Document */

#popup {
	position:absolute;
	top:100%;
	left:0px;
	
	width:100%;
	height:100%;	
		
	z-index:50;
}

#popup-bg {
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	background:#000;
	
	z-index:50;
}

#popup-container {
	position:absolute;

	z-index:55;
	
	background:url(images/papyrus-tileable.jpg) repeat;
	
	overflow:hidden;
}

#popup .relative {
	position:relative;
	
	width:100%;
	height:100%;
	
	z-index:55;
}

#popup .background {
	position:absolute;
	top:0px;
	left:0px;

	width:100%;
	height:100%;
	
	z-index:0;
}

#popup .content {
	position:relative;

	width:100%;
	height:100%;
	
	margin:0px;
	padding:20px 20px 40px 20px;
	
	overflow: hidden;
	
	border:1px solid #000;
	
	z-index:55;
}

#popup-close {
	position:absolute;
	top:-25px;
	right:-25px;
	
	width:20px;
	height:20px;
	
	background-image:url(../images/button-close.png);
	background-repeat:no-repeat;
	background-position:0 0;
	
	overflow:hidden;
	
	cursor:pointer;
}