/**
 * 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;
	font-family:arial;
	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;
	}

		.plugin input{
			width:100%;
			font-size:inherit;
			margin-top:20px;
			height:34px;
			line-height:34px;
		}
		.plugin button{
			margin-top:20px;
		}
		.plugin button[type=button]{
			font-size:0.7em;
			padding:9px 10px;
		}
		
		.plugin button[type=submit]{
		}

		.plugin input[type=checkbox],.plugin input[type=checkbox] + label{
			width:auto;
			font-size:12px;
		}


/**
 * Add Gradients
 */
	.plugin .gradient{
		/* IE<=9 */
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00000000', endColorstr='#99000000');
		/* Safari 4-5, Chrome 1-9 */
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0,0,0,0.6)));
		/* Safari 5.1, Chrome 10+ */
		background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.6));
		/* Firefox 3.6+ */
		background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.6));
		/* IE 10 */
		background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,0.6));
		/* Opera 11.10+ */
		background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,0.6));
		/* future */
		background-image: linear-gradient(top, transparent, rgba(0,0,0,0.6));	
	}