.dialog-overlay,.dialog{visibility:hidden;opacity:0}
.dialog-overlay.active,.dialog.active{visibility:visible;opacity:1;transition-delay:0s/* fixes fade-in/fade-out*/}

.dialog-overlay{
	transition:visibility 0s .35s, opacity .35s;

	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";/* IE8 */
	background-color:rgba(0,0,0,.75)
}

.dialog{
	position:absolute;top:0;left:0; /* fix for reserved space */

	transform:translateY(-15px);
	transition:visibility 0s .35s, opacity .35s ease-in, transform .35s ease-in;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8631a+0,f57a2d+100 */
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fff 0%,#ddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ddd',GradientType=0 ); /* IE6-9 */
    
	padding:0px;
	width:800px;
	max-width:98%;
	border-radius:0px;
	line-height:1.8;
	box-shadow: black 0 0 64px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
@media only screen and (max-width:480px){
	.dialog{width:auto}
}
.dialog.active{transform:translateY(0px)}