@charset "UTF-8";
/* 
CSS Document 
Written by Leo Florendo
© 2012 Freestyle Academy
https://www.freestyleacademy.rocks
*/

#overlayBox {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	height: 1px;
	width: 1px;
	left: 0px;
	top: -1px;
}
#displayBox {
	background-color: rgba(0,0,0,1);
	position: absolute;
	width: 873px;
	height: 500px;
	left: 0px;
	top: -200%;
	border:medium solid #FFF;
	border-top-left-radius: 25px;
	-o-border-top-left-radius: 25px;
	-ms-border-top-left-radius: 25px;
	-moz-border-top-left-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	-o-border-bottom-right-radius: 25px;
	-ms-border-bottom-right-radius: 25px;
	-moz-border-bottom-right-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	opacity:0;
}
#displayBoxContentHolder {
	width: 853px;
	height: 480px;
	margin:10px;
	color:#FFF;
	background-color: #000;
}
#closeX {
	position:absolute;
	width:35px;
	height:35px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight:bold;
	padding-top:2px;
	text-align: center;
	background-color: #666666;
	border:2px solid #FFF;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	color: #FFF;
	top:-17px;
	right:-17px;
	cursor: pointer;
}
#closeX:hover{
	color: #FF0;
	border:2px solid #FF0;
}
#closeX, #displayBox{
	box-shadow:0px 0px 20px #000000;
	-o-box-shadow:0px 0px 20px #000000;
	-ms-box-shadow:0px 0px 20px #000000;
	-moz-box-shadow:0px 0px 20px #000000;
	-webkit-box-shadow:0px 0px 20px #000000;
}