html 
{
	height: 100%;
	
}

body 
{
	font-family:Arial, sans-serif;
	font-size:1.25em;
	margin:0 auto;
	padding:2% 2% 2% 2%;
	background:url(../Images/mbg.jpg) top center no-repeat #006600;
	height:96%;
	max-width:500px;
}

.wrapper { width:96%; background:#fff; float:left; color:#FFF; padding:1.5%; box-shadow:0 0 .5em #000;}

.wrapper2 { width:92%; float:left; color:#FFF; padding:4%; background:#009900; 	 }


.header
{
	font-size: 1em;
	font-family: Arial;
	color: #fff;
	background:#006600;
	padding:.5em 0em;
	text-transform:uppercase;
	margin:0 auto 2% auto;
}

.padb { padding:.1em 0 .3em 0;}

input[type=text],
.inputfield
{
	font-size: .8em;
	padding:2% 2%;
	text-align:center;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	text-align: left;
	width: 96%;
	background:#fff;
	border:0;
	color:#333;
	margin:.2em auto;
}

.inputdrop
{
	font-size: .8em;
	padding:2% 0%;
	text-align:center;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	text-align: left;
	width: 100%;
	background:#fff;
	border:0;
	color:#333;
	margin:.2em auto;
}

.button
{
	font-size: 1em;
	font-weight: bold;
	color: White;
	background:#00cc00;
	padding:.5em .5em;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border:0; 
	cursor:pointer;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	margin:0 auto;
	width:auto;
}

.button2
{
	font-size: .8em;
	font-weight: bold;
	color: White;
	background:#00cc00;
	padding:.3em .5em;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border:0; 
	cursor:pointer;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	margin:0 auto;
	width:auto
}

.errMessage
{
	font-size: 1em;
	color: #00ff00;
}

.listing
{
	border:3px solid #FFF; 
	clear:both;
	font-size:1em;
	font-family: Arial;
	text-align:center;
	width:100%;
	border-collapse:collapse;
}

.listing th 
{
	padding:.4em .6em;
	color:#fff;
	font-size:0.7em;
	background:#006600;
	text-transform:uppercase;
	font-size:1em;
	border-collapse:collapse;
	border:0;
}

.listing th a
{
	color:#fff;
	text-decoration:none;
	font-size:0.7em;
}

.listing a
{
	color:#0a73b9;
}

.listing td
{
	padding:.4em .6em;
	background:#fff;
	color: #000;
	font-size:0.7em;
	font-weight:normal;
	border-collapse:collapse;
	border:0;
	border-bottom:1px dotted #ccc;
}

.listing td strong
{
	font-size: 0.8em; font-weight:normal
}



.pklogo { width:100%; text-align:center; clear:both; margin:1em auto;}
.pklogo img { width:75%; height:auto; margin:0 auto; border:0;}





@media screen and (max-width: 400px) {
body 
{
	font-family:Arial, sans-serif;
	font-size:1.1em;
	width:94%;
	margin:0 auto;
	padding:1% 3% 3% 3%;
	height:92%;
	background:url(../Images/mbg.jpg) top center no-repeat #006600;
	background-size:150% auto;
}

.wrapper { width:96%; background:#fff; padding:2%; float:left;}

input[type=text],
.inputfield
{
	font-size: .8em;
	padding:4% 2%;
	text-align:center;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	text-align: left;
	width: 96%;
	background:#fff;
	border:0;
	color:#333;
	margin:.2em auto;
}

.inputdrop
{
	font-size: .8em;
	padding:4% 0%;
	text-align:center;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	text-align: left;
	width: 100%;
	background:#fff;
	border:0;
	color:#333;
	margin:.2em auto;
}

.pklogo { width:100%; text-align:center; clear:both; margin:.5em auto;}
.pklogo img { width:75%; height:auto; margin:0 auto; border:0;}

.errMessage
{
	font-size: 1em;
	color: #00ff00;
}

}