html, body {
	background:#fff;
	width:100%;
	height:100%;
}

html {
	background:url('/public/images/loader_16x16.gif') 10px 10px no-repeat #fff;
}

a:focus {
	text-decoration:underline;
}

body {
	overflow:hidden;
}

.logon_image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url('/public/images/loader_16x16.gif') center center no-repeat #fff;
}

body, div.logon {
	
}

div.logon_border {
	background:#212121;
	height:240px;
	width:420px;
	position:absolute;
	left:50%; top:50%;
	margin-left:-210px;
	margin-top:-120px;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

div.logon_form {
	height:220px;
	width:400px;
	position:absolute;
	left:50%; top:50%;
	margin-left:-200px;
	margin-top:-110px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background-color:#fff;
    box-shadow:0 0px 10px 0 #333;
	-webkit-box-shadow:0 0px 10px 0 #333;
	-moz-box-shadow:0 0px 10px 0 #333;
}

div.form {
	padding:0;
	text-align:left;
}

.auth_icon {
	width:16px;
	height:16px;
	display:inline-block;
	background:url('/public/images/auth16.png') 0 0 no-repeat transparent;
	margin-right:5px;
	cursor:pointer;
	text-decoration:none;
	border:none;
}

.auth_vk {
	background-position:0 0;
}

.auth_fb {
	background-position:0 -32px;
}

.auth_tw {
	background-position:0  -64px;
}

.auth_mr {
	background-position:0  -96px;
}

.auth_gp {
	background-position:0  -128px;
}

.input_text{
    width: 200px;
    background: #fff;
    border:1px solid #d4d4d4;
	color:#2c3a4c;
	height:30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding:0 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    box-shadow:inset 0 1px 5px 0 #d4d4d4;
	-webkit-box-shadow:inset 0 1px 5px 0 #d4d4d4;
	-moz-box-shadow:inset 0 1px 5px 0 #d4d4d4;
    margin: 5px 0;
}