@font-face {

  font-family: 'Droid Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Droid Sans'), local('DroidSans'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

}

@font-face {

  font-family: 'Droid Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');

}





html , body						{	margin:0; padding:0;}

body 							{	font: normal 12px Tahoma,Verdana,Arial; color:#626262; background:  url(../images/login_bg.png); }

* {
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


hr, .clear						{	clear:both; margin:0; padding:0; height:0px; width:0px; line-height:0px; font-size:0px; overflow:hidden; display:block; border:0; background:none;}		

a								{	margin:0; padding:0; text-decoration:none; outline:none; color:#217d33; }

a:hover							{	text-decoration:underline;}

a img							{	border:0px;}

form, table, tr, td, table		{	margin:0; padding:0; }

h1,h2,h3,h4,h5,h6				{	margin:0; padding:0; font-weight:normal; font-size:14px;}

p								{	margin:0; padding:5px 0px; }

ul, dl, dt, dd, li				{	margin:0; padding:0;}

ul,ol,dt						{	padding:15px 10px 15px 30px;}

nav,figure,footer,aside,article	{	display:block; margin:0; padding:0;}





#login-form {
    display: inline-block;
    position:absolute; top:50%; left:50%;
    margin:-195px 0 0 -180px;
    width: 360px;
    background-color: #fefefe;
    border: 1px solid #c4c4c4;   
}

#login-form::before,
#login-form::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: -1px;
    top: 0;
    background-color: #f5f5f5;
    border: 1px solid #c4c4c4; 
}

#login-form::before {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: -2;
}

#login-form::after {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    top: 0;
    z-index: -1;
}

#login-form .inner {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 20px;
}

#login-form .logo {
    display: inline-block;
    float: left;
    width: 100%;
}

#login-form .title {
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    color: #58595b;
    text-align: center;
    text-transform: uppercase;
}

#login-form .error{
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    color:#4fb5d3;
}

#login-form .input_row {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

#login-form .input_row:last-child {
    margin-bottom: 0;
}

#login-form label{
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

#login-form input{
    display: inline-block;
    float: left;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    background-color: #fefefe;
}

#login-form .email {
     background: url(../images/i_user.png) no-repeat 97% 50%;
}

#login-form .user_pass {
     background: url(../images/i_lock.png) no-repeat 97% 50%;
}

#login-form .btns_holder {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
}

#login-form .submit{
    display: inline-block;
    float: right;
    width: 86px;
    height: 30px;
    background: url(../images/bg_login2.png) no-repeat left top;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor:pointer;
}

#login-form .submit span {
    display: inline-block;
    margin-left: 20px;
}