.popup {
	/* http://codepen.io/shshaw/full/gEiDt */
	/* could make draggable: http://stackoverflow.com/questions/9334084/moveable-draggable-div-using-javascript */
	margin: auto;
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;

	display: none;
	z-index: 10000;
	height: 65%;
	width: 65%;
	min-width: 300px;
	max-width: 700px;
	overflow: auto; 
	background-color: white;
	padding: 1em;
	-webkit-box-shadow: 5px 5px 10px 3px #999;
	-moz-box-shadow: 5px 5px 10px 3px #999;
	box-shadow: 5px 5px 10px 3px #999;
}

.popup_small {
	width: 300px;
	height: 260px;
}

.popup div, .popup p { 
    border: 0px solid white;
}

.popup h3 {
	font-family: 'PT Sans';
	font-weight: bold;
	color: #51878B;
	border-width: 0;
	border-bottom: 1px solid #DDD;
	padding-bottom: 0.4em;
	margin-bottom: 0.5em;
}
.popup h3 a.close {
	float: right;
	font-size: 0.8em;
	color: black;
	cursor: pointer;
}