.popup{
	margin:10px;
	visibility:hidden;
	z-index:9999;
}
.popup-bg{
	visibility:hidden;
	position:fixed;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	opacity:.15;
	background-color:black;
	z-index:9997;
}
.popup-bg-color{
	margin:0;
	background-color:purple;/*#009cc4;*/
	opacity:.75;
	border-radius:10px;
	z-index:9998;
}
.popup-small{
	visibility:hidden;
	width:350px;
	height:250px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-175px;
	margin-top:-125px;
}
.popup-medium{
	visibility:hidden;
	width:500px;
	height:350px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-175px;
}
.popup-large{
	visibility:hidden;
	width:772px;
	height:548px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-386px;
	margin-top:-274px;
}
.popup-small-content{
	width:308px; /* 310 - (border * 2) */
	height:208px; /* 210 - (border * 2) */
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-165px;
	margin-top:-115px;
	padding:10px;
	background-color:white;
	border:1px solid black;
	overflow-y:auto;
	overflow-x:hidden;
}
.popup-medium-content{
	width:458px; /* 460 - (border * 2) */
	height:308px; /* 310 - (border * 2) */
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-240px;
	margin-top:-165px;
	padding:10px;
	background-color:white;
	border:1px solid black;
	overflow-y:auto;
	overflow-x:hidden;
}
.popup-large-content{
	width:750px; /* 760 - (border * 2) */
	height:525px; /* 460 - (border * 2) */
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-376px;
	margin-top:-263px;
	/*padding:10px;*/
	background-color:white;
	border:1px solid black;
	overflow-y:auto;
	overflow-x:hidden;
}