.container{
	/* this will be the dark background with rounded corners and a drop shadow */
	background: #101010; /* Old browsers */
	margin:0px auto;
	min-width:470px;
	max-width:750px;
	border: 1px solid #666666;
	border-radius:10px;
	box-shadow:8px 14px 51px #111111;
}

a{
	padding:3px;
	border:1px solid #666;
	border-radius:5px;
	text-decoration :none;
	color:#fff;
}

a:hover{
	background-color:#0078a3;
	border:1px solid #59b4d4;
}

.button{
	/*background-color:#555;*/
	text-align:center;
	color:#fff;
	border:1px solid #666666;
	padding:3px;
	border-radius:5px;
	background: #7d7e7d; /* Old browsers */
	font-weight:bold;
}

.inputgroup > input[type='text'], .inputgroup > input[type='password'] {
	border:1px solid #666;
	border-radius:5px;
	padding:3px;
}

.buttongroup{
	height:17px;
	margin:10px 0px 10px 0px;
	padding:10px;
}

.buttongroup > a{
	margin:0px 10px;
	float:right;
}

.container h3,.container h1{
	color:#fff;
	text-align:center;
}

.container > div:first-child{
	border-bottom:1px solid #666;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:0px 20px 0px 20px;
	text-transform :capitalize ;
}

.information{
	font-size:13px;
	color:Gray;
	padding:3px 0px 0px 3px;
}

.information:before{
	content:"Information";
}

.information > ul{
	margin:3px;
}

.error{
	color:Yellow;
	text-transform :uppercase ;
	font-size:14px;
}