body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #444444;
}

div.container
{
	width: 600px;
	height: 600px;
	margin: 50px auto;
}

div.main
{
	background-size: 15px 15px;
	background-position: center center;
	background-color: #F1F1F1;
	width: 300px;
	padding: 10px 50px 25px;
	border: 2px solid gray;
	border-radius: 10px;
	float:left;
	margin: 50px;
}

h2
{
    border: 1px #000000 solid;
	background-color: #fff0b0;
	background-image: linear-gradient(to bottom right, #fff0b0, #ffcc00);
	padding: 20px 25px;
	margin: -10px -50px;
	margin-bottom: 20px;
	text-align:center;
	border-radius: 10px 10px 0 0;
	font-size: 20px;
}

input[type=text], input[type=password]
{
	width: 100%;
	height: 40px;
	padding: 5px;
	margin-bottom: 25px;
	margin-top: 5px;
	border: 2px solid #ccc;
	color: #4f4f4f;
	font-size: 16px;
	border-radius: 5px;
}

label{
	color: #464646;
	text-shadow: 0 1px 0 #fff;
	font-size: 14px;
	font-weight: bold;
}

input[type=submit]
{
	font-size: 16px;
	background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
	border: 1px solid #e5a900;
	color: #4E4D4B;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	border-radius: 5px;
	padding: 10px 0;
	outline:none;
}

input[type=submit]:hover
{
	background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}

.messagebox
{
	position: absolute;
	width:auto;
	font-weight:bold;
	color:red;
}

.messageboxok
{
	position:absolute;
	width:auto;
	font-weight:bold;
	color:#008000;
}

.messageboxerror
{
	position:absolute;
	width:auto;
	font-weight:bold;
	color:#CC0000;
}