#modal_wrapper
{
	font-size: 12pt;
}

@media screen and (max-device-width: 640px){
#modal_wrapper
{
	font-size: 9pt;
}
}

#modal_wrapper h3
{
	font-size: 1.1rem;
}

#modal_wrapper input
{
	width: 95%;
	height: 1rem;
	margin: 5px;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px;
}

#modal_wrapper input[type=button]
{
	background-color: #369;
	border: 1px solid white;
	font-Weight: bold;
	font-size: 18px;
	height: 2rem;
	color: white;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	width: 100%;
}

#modal_wrapper textarea
{
	width: 95%;
	margin-top: 5px;
	border-radius: 3px;
	padding: 5px;
	resize: none;
	height: 6em;
}

#returnmessage
{
	font-size: 1.25rem;
	color: green;
	text-align: center;
}

.ui-front
{
	z-index:100000;
}

#modal_wrapper.overlay:before 
{
	content: " ";
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: #000;
	background: rgba(048,096,154,0.7);
}

#modal_window 
{
/*     display: none; */
	z-index: 200;
	position: fixed;
	left: 50%;
	top: 50%;
 	width: 260px;
	padding: 10px 20px;
	background: #ffe;
	border: 5px solid #036;
	border-radius: 10px;
	box-shadow: 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#modal_wrapper.overlay #modal_window 
{
	display: block;
}

@media screen and (max-device-width: 640px){
#modal_wrapper textarea
{
	height: 3em;
}

#modal_window 
{
	padding: 2px 10px;
	border: 2px solid #036;
	border-radius: 5px;
}
}