@charset "utf-8";
body{ background:#f5f5f5; }

input.error, textarea.error, select.error { border-color:#9F0000 !important; background:#FFE1E1 !important; }
label.error { display:none !important; }


div.userpage{ width:100%; max-width:450px; background:#FFF; border:1px solid #DDD; margin:50px auto; display:block; box-shadow:0px 0px 1px #bbb; border-radius:4px; overflow:hidden; }
div.userpage h1 { float:left; width:100%; text-align:center; font-size:25px; font-weight:600; padding:30px; margin:0; border-bottom:1px solid #ddd; background:#f9f9f9; }
div.userpage form{ float:left; width:100%; padding:50px; }

div.userpage label{ float:left; width:100%; margin-bottom:30px; }
div.userpage label span{ float:left; width:100%; margin-bottom:5px; font-size:16px; }
div.userpage label input{ float:left; width:100%; border:1px solid #dddd; border-radius:3px; font-size:15px; background:#f9f9f9; padding:15px; }
div.userpage button{ cursor:pointer; float:left; width:100%; background:#ad3c7f; text-align:center; padding:15px 0; color:#fff; border:0; border-radius:4px; font-size:18px; margin-bottom:20px; }
div.userpage button:hover{ background:#333; }

div.userpage a.forgot_pass{ float:right; margin:0 0 10px 0; font-size:14px; color:#333; text-decoration:none; }
div.userpage a.forgot_pass:hover{ text-decoration:underline; }
div.userpage a.signin,div.userpage button#delete{ float:left; width:100%; background:transparent; text-align:center; padding:11px 0; color:#555; border:3px solid #999; border-radius:4px; font-size:18px; }
div.userpage a.signin:hover{ border-color:#000; color:#000; }
div.userpage button#delete:hover{ background:#BF2E31; color: #fff; border-color:#BF2E31; }
.pw_forgot_info{ float:left; width:100%; border-radius:5px; padding:15px; color: #c09853; background: #fcf8e3; font-size:16px; margin-bottom:20px; text-align:center; }


@media screen and (max-width:900px) {
	div.userpage form{ padding:20px; }
}