body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

/***** -[loginform]- *****/
body#login form#login_form {
	padding: 50px;
}

#login_input_wrapper_bg {
	border-radius: 4px;
	width: 280px;
	height: 100px;
	background: transparent url(../images/login_bg.png) top left repeat-x;
	margin: 0 auto;
}

#login_input_wrapper {
	border-radius: 4px;
	width: 280px;
	height: 100px;
	
	-webkit-box-shadow:rgba(151, 153, 255, 0) 0 0 0 1px inset, 
	rgba(0, 0, 0, 0.498039) 0 2px 5px inset, 
	rgba(255, 255, 255, 0.498039) 0 1px 1px, 
	rgba(51, 153, 255, 0) 0 0 0;
	
  	box-shadow:rgba(151, 153, 255, 0) 0 0 0 1px inset, 
  	rgba(0, 0, 0, 0.74902) 0 2px 5px inset, 
  	rgba(255, 255, 255, 0.498039) 0 1px 1px, 
  	rgba(51, 153, 255, 0) 0 0 0;
}

.username {
	border-bottom: 1px solid #000;
	height: 50px;	
}

.username_icon {
	display: block; 
	margin: 0 10px 0 10px; 
	width:16px; 
	height: 16px; 
	background: transparent url(../images/login_user.png) no-repeat center center;	
}

input.username {
	background: transparent;
	border: none;
	border-radius: 4px 4px 0 0;
	width: 222px;
	height: 25px;
	padding: 14px 0;
	color: #fff;
}

.password {
	border-top: 1px solid #5e5e5e;
	height: 50px;	
}

.password_icon {
	display: block; 
	margin: 0 10px 0 10px; 
	width:16px; 
	height: 16px; 
	background: transparent url(../images/login_lock.png) no-repeat center center;	
}

input.password {
	background: transparent;
	border: none;
	border-radius: 0 0 4px 4px;
	width: 222px;
	height: 25px;
	padding: 10px 0;
	color: #fff;

}

input[type="submit"] {
	padding: 12px 30px 11px 30px;
    margin: 15px 2px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
	font-family: 'Lato', sans-serif;
    font-weight: 900;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
	width: 282px;
    color: #222222;

	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f7), to(#dcdce0), color-stop(0.5, #dededf), color-stop(0.5, #d1d1d2));
	background: -webkit-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
	background: -moz-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
	background: -ms-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
	background: -o-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
	background: linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
	
    border: 1px solid #dcdcdc;
    text-shadow: 0px 1px 0px white;
}

input[type="submit"]:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafc), to(#e8e8eb), color-stop(0.5, #ededf0), color-stop(0.5, #e3e3e5));
	background: -webkit-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: -moz-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: -ms-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: -o-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);

    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
    box-shadow: 0px 1px 1px rgba(0,0,0,.3);
    border: 1px solid #cecece;
}

input[type="submit"]:active {
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;
    box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;
    border: 1px solid #c9c9c9;
}
	
div#login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 20px;
	width: 500px;
}