.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;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		position: relative;
		max-width: 500px; min-width: 290px;
		margin: 10% auto;
		text-align: center;

		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		border-radius: 12px;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}


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

#contact_fldset {margin: 4px; padding: 8px; text-align: right;}
.contact {width:100%;}
	.contact-lft {width: 45%; float: left;}
	.contact-rgth {width: 45%; margin-left: 55%;}
	.contact {
		min-width: 160px;
		margin:3px auto;
	}
@media screen and (max-width: 700px) {
	.modalDialog {position: absolute;}
}

@media screen and (max-width: 550px) {
	.close {
		right: 1px;
		top: 1px;
	}
}
@media screen and (max-width: 400px) {
	.contact-lft  {width: 100%; float: none;}
	.contact-rgth {width: 100%; margin-left:0;}
}