/* jooto - Login Page CSS */

div#login-desk {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background: url('../gfx/desk/bg.png') left top repeat;
}

div#login-box { display: none; }

img#login-logo {
	position: absolute;
	left: 10px;
	top: 9px;
	flaot: left;
}

div#msg-box.login-form {
	text-align: left;
}
div#msg-box.login-form h1 { width: 100%; }
div#msg-box.login-form input.login {
	display: block;
	width: 140px;
	height: 35px;
	padding: 5px 10px 5px 35px;
	float: right !important;
	margin: 5px;
	font-size: 14px;
	line-height: 25px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);	
}
div#msg-box div#btn-wrapper .login { background: url('../gfx/msg-box/yes.png') 0 0 no-repeat; text-shadow: #000 1px 1px 1px; }
div#msg-box div#btn-wrapper .login:hover { background: url('../gfx/msg-box/yes.png') 0 -35px no-repeat !important; }
div#msg-box div#btn-wrapper .login:active { background: url('../gfx/msg-box/yes.png') 0 -70px no-repeat !important; }


div#msg-box.login-form p#login-field {
	margin: 20px 0 0 30px;
}

div#msg-box.login-form .ui-input {
	width: 282px;
}
div#msg-box.login-form span {
	display: block;
	float: left;
	margin: 20px 0 0 0;
}
div#msg-box.login-form p.error {
	margin-left: 30px;
	margin-top: 5px;
}