.modalDialog {
		position: 			fixed;
		font-family: 		Arial, Helvetica, sans-serif;
		top: 				0;
		right: 				0;
		bottom: 			0;
		left: 				0;
		background: 		rgba(0,0,0,0.8);
		z-index: 			99999;
		opacity:			0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: 	opacity 400ms ease-in;
		transition: 		opacity 400ms ease-in;
		pointer-events: 	none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: 	auto;
	}

	.modalDialog > div {

		height: 		80%;
		position: 		relative;
		margin: 		10% auto;
		padding: 		10px 20px 10px 20px;
		border-radius: 	10px;
		text-align: 	center;

	}


	.close:hover { background: #00d9ff; }