*
{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body, html
{
	background: #f2f2f2;
	color: #666666;
	font : 14px 'Roboto Condensed', sans-serif;
	box-sizing: border-box;
}

h1
{
	text-align: center;
	font-size: 25px;
	color: #3399ff;
	font-weight: normal;
	margin-bottom: 15px;
}

a
{
	color : #3399ff;
	text-decoration : none;
}

a:hover
{
	color : #3399ff;
	text-decoration : underline;
}

p
{
	padding : 10px 0;
}

.center
{
	text-align: center;
}

.clear
{
	clear: both;
}

input:required
{
    box-shadow:none;
}

input:invalid
{
    box-shadow:none;
}

#loginContainer
{
	width: 400px;
	margin: 50px auto;
	padding: 40px;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 5px #cccccc;
	background-color: #ffffff;
	border-radius: 10px;
}

#loginContainer h1
{
	text-align: center;
}

.input
{
	width: 100%;
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	font-size: 14px;
}

.but
{
	width: 100%;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #666666;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
}