@CHARSET "UTF-8";

*
{
	line-height:1.6em;
}

html
{
	background: #666;
	background: -webkit-radial-gradient(center, circle ,#C1C1C1 -45%,#333 87%);
	background: -moz-radial-gradient(center, circle ,#C1C1C1 -45%,#333333 87%);
	background: -ms-radial-gradient(center, circle ,#C1C1C1 -45%,#333333 87%);
	background: -o-radial-gradient(center, circle ,#C1C1C1 -45%,#333333 87%);
	background: radial-gradient(center, circle ,#C1C1C1 -45%,#333333 87%);
}




.textfield
{
	-webkit-appearance: none;
	-moz-appearane: none;
	border: none;
	outline: none;
	padding: 6px 10px;
	margin: 14px 0;
	font-size: 14px;
	display:block;
	width:100%;
	box-sizing: border-box;
	background: #FFF;
	height:36px;
}

label
{
	font-size: 16px;
	font-weight: bold;
}

#login_wrapper
{
	padding:20px;
}

.screenshot
{
	position:absolute;
	z-index:-1;
	opacity:0.5;
	top:0;
	bottom:0;
	margin:auto;
}

.screenshot.left
{
	left:-265px;
}

.screenshot.right
{
	right:-265px;
}

#login, #reset
{
	padding: 50px 70px 60px;
	background: #4D4D4D;
	width: 400px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height: 360px;
	color:#fff;
}

#login .btn, #reset .btn
{
	cursor: pointer;
	background: #222;
	-webkit-appearance: none;
	-moz-appearane: none;
	border: none;
	outline: none;
	color: #FFF;
	padding: 6px 14px;
	border-radius: 3px;
	font-weight: bolder;
}

#login .btn:hover, #reset .btn:hover
{
	background:#FF5C00;
}

#login.msg
{
	height:420px;
}

.message
{
	margin-left:-16px;
	margin-right:-16px;
	padding:10px;
	margin-bottom:10px;
}

#reset
{
	height:400px;
}

#reset.msg
{
	height:450px;
}

#reset.short
{
	height:275px;
}

#reset.short.msg
{
	height:350px;
}

a
{
	color:#00ADEE;
	text-decoration:none;
}

a:hover
{
	color:#fff;
}

#brand
{
	color:#fff;
}

#v5video
{
	text-align:left;
}

#privacy{
	position: fixed;
	bottom:2em;
	right:2em;
}

#privacy a{
	margin-left:2em;
}