*
{
	padding: 0;
	margin: 0;
}
html, body
{
	width: 100%;
	height: 100%;
	font-family: Ubuntu, Arial, sans-serif;
	font-size: 14px;
	color: #4E4E4E;
}
#layout
{
	margin: 0 auto;
	padding: 80px 0 10px 0;
	width: 745px;
}

#wap
{
	font-size: 10em;
	color: #cccccc;
	text-shadow: -1px -1px #A9A9A9, 1px 1px #e9e9e9;
	font-family: serif;
	display: inline;
	float: left;
	width: 300px;
}
#loginArea
{
	margin: 30px 0 0 30px;
	display: inline-block;
	width: 415px;
}
#loginArea .row
{
	margin-bottom: 10px;
}
#loginArea label
{
	display: inline-block;
	font-weight: bold;
	color: #cccccc;
	min-width: 70px;
	text-align: right;
}
#loginArea input
{
	margin: 0 10px 0 10px;
	width: 162px;
}
#loginArea #iAmJerk
{
	font-size: 13px;
	color: #cccccc;/*border*/
	display: inline-block;
	cursor: pointer;
}
#loginArea #iAmJerk:hover {	color: #4E4E4E;}
#loginArea #passRecArea, #loginArea #passRecResult
{
	border-top: 1px solid #cccccc;
	padding-top: 10px;
}
#loginArea #passRecArea #email
{
	width: 235px;
}
#loginArea #passRecResult
{
	font-size: 14px;
	padding: 10px 0 10px 35px;
}
#loginArea #passRecResult.success
{
	background: center left url(/images/checked_24.png) no-repeat;
}
#loginArea #passRecResult.error
{
	background: center left url(/images/error_24.png) no-repeat;
	color: red;
}
#loginArea #rules ul
{
	margin-left: 20px;
}

.panel, .errPanel
{
	width: 100%;
	font-size: 1.5rem;
	margin: 15% auto;
	padding: 20px;
}
.errPanel
{
	padding-left: 70px;
	background-image: url(/images/assets/images/error_48.png);
	background-repeat: no-repeat;
	background-position: 10px 25px;
}
.check,
.check.error {
	display: inline-block;
 width: 20px;
	height: 20px;
	margin-right: 10px;
	}
.check:not(.error)
{
	background-image:url(/images/success20.png);
}
.check.error
{
	background-image:url(/images/error_20.png);
}


.hidden
{
	display: none;
}
.nonvisible
{
	visibility: hidden;
}
.disabled
{
	cursor: default;
	color:  #cccccc;/*border*/
	pointer-events: none;
}
.bold { font-weight: bold; }
.red { color: red; }

button
{
	outline:none;
	padding: 0 10px;
	height:25px;
	margin-top:5px;
	cursor: pointer;
	width: 100px;
	color: #4E4E4E;
}
button:disabled
{
	cursor: default;
	color:  #cccccc;/*border*/
}
input {
	border: 1px solid #cccccc;/*border*/
	border-radius: 4px;
	text-align: center;
	height: 20px;
	color: #4E4E4E;
}

#recaptcha
{
	float: right;
	margin-top: 30px;
	margin-right: 70px;
}