.popup{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:9999;
	overflow-x:hidden;
	overflow-y:scroll;
	background:rgba(0,0,0,0.5);
}
@media(max-width:900px){
	.popup .popupContent{
		position:relative;
		margin:0px auto;
		margin-top:150px;
		width:90%;
		padding:25px;
		background:#FFFFFF;
	}
}
@media(min-width:900px){
	.popup .popupContent{
		position:relative;
		margin:0px auto;
		margin-top:150px;
		width:600px;
		padding:75px;
		background:#FFFFFF;
	}
}
.popup .popupContent .closeBtn{
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	background:url(../images/close-blue.png) center no-repeat;
	background-size:20px 20px;
	z-index:99999;
}
.popup .popupContent .closeBtn:hover{
	background:url(../images/close-red.png) center no-repeat;
	background-size:20px 20px;
}

.popup .popupContent textarea{
	width:100%;
	height:100px;
	padding:10px;
	border:1px solid #003E71;
	resize:none;
}

.popup .popupContent input[type="text"]{
	width:100%;
	padding:5px;
	border:1px solid transparent;
	outline:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-box-shadow: -1px 1px 2px 2px #E0E0E0;
	-moz-box-shadow: -1px 1px 2px 2px #E0E0E0;
	box-shadow: -1px 1px 2px 2px #E0E0E0;
}
.popup .popupContent select{
	width:100%;
	padding:5px;
	border:1px solid transparent;
	outline:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background:#FFF url("../images/dpd-arrow.png") 97% no-repeat;
	-webkit-box-shadow: -1px 1px 2px 2px #E0E0E0;
	-moz-box-shadow: -1px 1px 2px 2px #E0E0E0;
	box-shadow: -1px 1px 2px 2px #E0E0E0;
}


