.pdAlertOverlay{
	background:			rgba(0,0,0,0.2);
	display:			block;
	position:			fixed;
	top:				0;
	left:				0;
	right:				0;
	bottom:				0;
	z-index:			1000
}

.pdalert{
	text-align:			center;
	display:			block;
	max-width:			600px;
	top:				calc(50% - 100px);
	left:				50%;
	position:			fixed;
	padding:			15px 20px;
	border-radius:		20px;
	border:				1px solid #ffffff;
	background: 		#f3f3f3;
	background: 		-moz-linear-gradient(top, #f3f3f3 0%, #f1f1f1 80%, #e7e7e7 100%);
	background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(80%,#f1f1f1), color-stop(100%,#e7e7e7));
	background: 		-webkit-linear-gradient(top, #f3f3f3 0%,#f1f1f1 80%,#e7e7e7 100%);
	background: 		-o-linear-gradient(top, #f3f3f3 0%,#f1f1f1 80%,#e7e7e7 100%);
	background: 		-ms-linear-gradient(top, #f3f3f3 0%,#f1f1f1 80%,#e7e7e7 100%);
	background: 		linear-gradient(to bottom, #f3f3f3 0%,#f1f1f1 80%,#e7e7e7 100%);
	filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e7e7e7',GradientType=0 );
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 	0px 0px 50px 0px rgba(0,0,0,0.4);
	box-shadow: 		0px 0px 50px 0px rgba(0,0,0,0.4);
}

.pdalert h1{
	font-size:			32px;
	margin-bottom:		10px
}

.pdalert p{
	font-size:			16px
}

.pdalert input[type=button]{
	background-color: 	#2f2f2f;
	color: 				#ffffff;
	border-radius: 		10px;
	padding: 			3px 38px 3px 15px;
	line-height: 		24px;
	border: 			0px;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out;
	background-image: 	none;
	margin:				20px 10px 0px 10px;
	font-family: 		'Raleway' , seans-serif;
	font-size: 			24px;
	font-weight: 		100;
	padding: 			6px 25px;
	text-align: 		center;
	width: 			auto;
}

.pdalert input[type=button]:hover{
	cursor:				pointer;
	background-color:	#e30075
}

.pdalert input.cancel{
	margin:				20px 10px 0px 10px;
	font-size: 			24px;
	padding: 			6px 25px;
	text-align: 		center;
	background-color:	#e70000
}

@-webkit-keyframes showPdAlert {
	0% {
		transform: 			scale(0.7);
    	-webkit-transform: 	scale(0.7)
	}
  	45% {
    	transform: 			scale(1.05);
    	-webkit-transform: 	scale(1.05)
	}
	80% {
    	transform:			scale(0.95);
    	-webkit-tranform: 	scale(0.95)
	}
  	100% {
    	transform: 			scale(1);
    	-webkit-transform: 	scale(1)
	}
}

@-moz-keyframes showPdAlert {
	0% {
		transform: 			scale(0.7);
		-webkit-transform: 	scale(0.7)
	}
	45% {
		transform: 			scale(1.05);
		-webkit-transform: 	scale(1.05)
	}
  	80% {
    	transform: 			scale(0.95);
    	-webkit-tranform: 	scale(0.95)
	}
	100% {
		transform: 			scale(1);
		-webkit-transform: 	scale(1)
	}
}

@keyframes showPdAlert {
	0% {
		transform: 			scale(0.7);
		-webkit-transform: 	scale(0.7)
	}
	45% {
		transform: 			scale(1.05);
		-webkit-transform: 	scale(1.05)
	}
	80% {
		transform: 			scale(0.95);
		-webkit-tranform: 	scale(0.95)
	}
	100% {
		transform: 			scale(1);
		-webkit-transform: 	scale(1)
	}
}
	
@-webkit-keyframes hidePdAlert {
 	0% {
    	transform: 			scale(1);
    	-webkit-transform: 	scale(1);
		opacity:			1
	}
  	100% {
    	transform:			scale(0.5);
    	-webkit-transform: 	scale(0.5); 
		opacity:			0
	}
}
@-moz-keyframes hidePdAlert {
  	0% {
    	transform: 			scale(1);
    	-webkit-transform: 	scale(1);
		opacity:			1
	}
  	100% {
    	transform: 			scale(0.5);
    	-webkit-transform: 	scale(0.5);
		opacity:			0
	}
}
@keyframes hidePdAlert {
  	0% {
    	transform: 			scale(1);
    	-webkit-transform: 	scale(1);
		opacity:			1
	}
  	100% {
    	transform: 			scale(0.5);
    	-webkit-transform: 	scale(0.5);
		opacity:			0
	}
}
	
.showPdAlert {
  	-webkit-animation: 		showPdAlert 0.4s;
  	-moz-animation: 			showPdAlert 0.4s;
  	animation:				showPdAlert 0.4s;
}

.hidePdAlert {
  	-webkit-animation: 		hidePdAlert 0.4s;
  	-moz-animation: 			hidePdAlert 0.4s;
  	animation: 				hidePdAlert 0.4s;
}