body {
  /* fallback */
  background-color: #006296;
  
  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#006296), to(#00304A));
  
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #006296, #00304A);
  
  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #006296, #00304A);
  
  /* IE 10 */ 
  background: -ms-radial-gradient(circle, #006296, #00304A);
  
  /* Opera cannot do radial gradients yet */
}

#wrapper{
	width:100%;
	height:100%;
}
#hcenter {
	position: relative;
	max-width: 500px;
	min-width: 320px;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
#vcenter {
	width: 100%;
	height: 300px;
	text-align: center;
	position: absolute;
	left:0;
	top: 50%;
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -150px; 
	/* Half the height of the DIV tag which is also 50 pixels */

}
img.logo {
	display: block;
    height: 50px;
    width: 256px;
}
#loginfieldtop{
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	padding:20px;
	background-color: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
		
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#BDBFBF));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #F2F2F2, #BDBFBF);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #F2F2F2, #BDBFBF);

  /* IE 10 */
  background: -ms-linear-gradient(top, #F2F2F2, #BDBFBF);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #F2F2F2, #BDBFBF);

	-moz-box-shadow:0px 1px 5px #000009;
    -webkit-box-shadow:0px 1px 5px #000009;
	text-shadow:
		0px 1px 0px rgba(255,255,255,1);
}
.texttop {
	display: block;
	font-size:20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 5px;
    border: 1px solid #000000;
}
.textbottom {
	display: block;
	font-size:20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
    border: 1px solid #000000;
}
#submit{
	-webkit-appearance:none;
	width: 100%;
	height: 45;
	margin-top: 20px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #000000;
		padding: 10px 20px;
		background: -moz-linear-gradient(
				top,
				#84e3b0 0%,
				#399e65);
			background: -webkit-gradient(
				linear, left top, left bottom, 
				from(#84e3b0),
				to(#399e65));
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border: 1px solid #000000;
		-moz-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(255,255,255,1);
		-webkit-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(255,255,255,1);
		text-shadow:
			1px 1px 2px rgba(255,255,255,0.8);
}