/**
 * CSS which compliments the jquery.prompt.js plugin
 * @Author Andrew Dodson
 * @since Jan 2012
 */

.jquery_prompt{
	position:fixed;
	top:0;
	left:0; 
	right: 0;
	bottom:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#30000000', endColorstr='#30000000');
	background-color:transparent;
	background-color:rgba(0,0,0,0.2);
	color:#444;
	z-index:10000;
	border:none;


	/* display content vertically, with flex box */
	display: -webkit-box; 
	-webkit-box-align: center;
	display: -moz-box; 
	-moz-box-align: center;
	display: -ms-box; 
	-ms-box-align: center;
	display: box; 
	box-align: center;
}
iframe.jquery_prompt{
	display:table;
	filter: alpha(Opacity=20);
}
.jquery_prompt ~ *:not(.jquery_prompt) {
	-webkit-filter: blur(2px);
}

	.jquery_prompt form{
		margin:5% auto;
		/* display:table seems to work at positioning horizontally in all but IE, however it means we can't use IE filters*/;
		display:table;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	.plugin form{
		text-align:center;
		background-color:#F0F0F0;
		max-width: 76%;
		border-radius: 5px;
		box-shadow:0 20px 60px black;
		box-shadow:0 20px 60px rgba(0,0,0,0.8);
		padding:0;
		font-size:1.5em;
		position: relative;
		line-height:1.2em;
	}
	.plugin form > *,
	.plugin form h1,
	.plugin form .footer{
		padding-left:20px;
		padding-right:20px;
	}
	.plugin form > :first-child{
		padding-top:20px;
	}
	.plugin form .footer{
		padding-bottom:20px;
		position: relative;
	}