@import url(http://fonts.googleapis.com/css?family=Bree+Serif);::selection{color:#fff;background:#292931}::-moz-selection{color:#fff;background:#292931}*{margin:0;padding:0;border:none;outline:none}body{background:#292931;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:300;text-align:left;text-decoration:none;height:500px}#wrapper{width:300px;height:400px;margin:70px auto}.gradient{width:600px;height:600px;position:fixed;left:50%;top:50%;margin-left:-300px;margin-top:-300px;z-index:-2;background-image:url(gradient.png);background-repeat:no-repeat;background-image:-webkit-gradient(radial, 0% 0%, 0% 100%, from(#d5f6ff), to(rgba(213,246,255,0)));background-image:-webkit-radial-gradient(50% 50%, 40% 40%, #d5f6ff, rgba(213,246,255,0));background-image:-moz-radial-gradient(50% 50%, 50% 50%, #d5f6ff, rgba(213,246,255,0));background-image:-ms-radial-gradient(50% 50%, 50% 50%, #d5f6ff, rgba(213,246,255,0));background-image:-o-radial-gradient(50% 50%, 50% 50%, #d5f6ff, rgba(213,246,255,0))}.login-form{width:300px;margin:0 auto;position:relative;background:#f3f3f3;border:1px solid #fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5)}.login-form .header{padding:40px 30px 30px 30px}.login-form .header h1{font-family:'Bree Serif', serif;font-weight:300;font-size:28px;line-height:34px;color:#414848;text-shadow:1px 1px 0 #fff;margin-bottom:10px}.login-form .header span{font-size:11px;line-height:16px;color:#678889;text-shadow:1px 1px 0 #fff}.login-form .content{padding:0 30px 25px 30px}.login-form .content .input{width:188px;padding:15px 25px;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:400;font-size:14px;color:#9d9e9e;text-shadow:1px 1px 0 #fff;background:#fff;border:1px solid #fff;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5)}.login-form .content .password,.login-form .content .pass-icon{margin-top:25px}.login-form .content .input:hover{background:#dfe9ec;color:#414848}.login-form .content .input:focus{background:#dfe9ec;color:#414848;box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25)}.user-icon,.pass-icon{width:46px;height:47px;display:block;position:absolute;left:0px;padding-right:2px;z-index:-1;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px}.user-icon{top:153px;background:rgba(65,72,72,0.75) url(user-icon.png) no-repeat center}.pass-icon{top:201px;background:rgba(65,72,72,0.75) url(pass-icon.png) no-repeat center}.content input:focus+div{left:-46px}.input,.user-icon,.pass-icon,.button,.register{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease}.login-form .footer{padding:25px 30px 40px 30px;overflow:auto;background:#d4dedf;border-top:1px solid #fff;box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15)}.login-form .footer .button{float:right;padding:11px 25px;font-family:'Bree Serif', serif;font-weight:300;font-size:18px;color:#fff;text-shadow:0px 1px 0 rgba(0,0,0,0.25);background:#56c2e1;border:1px solid #46b3d3;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 2px rgba(255,255,255,0.75);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,0.75);-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,0.75)}.login-form .footer .button:hover{background:#3f9db8;border:1px solid rgba(255,255,255,0.75);box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5)}.login-form .footer .button:focus{position:relative;bottom:-1px;background:#56c2e1;box-shadow:inset 0 1px 6px rgba(255,255,255,0.75);-moz-box-shadow:inset 0 1px 6px rgba(255,255,255,0.75);-webkit-box-shadow:inset 0 1px 6px rgba(255,255,255,0.75)}.login-form .footer .register{display:block;float:right;padding:10px;margin-right:20px;background:none;border:none;cursor:pointer;font-family:'Bree Serif', serif;font-weight:300;font-size:18px;color:#414848;text-shadow:0px 1px 0 rgba(255,255,255,0.5)}.login-form .footer .register:hover{color:#3f9db8}.login-form .footer .register:focus{position:relative;bottom:-1px}.message{background-size:40px 40px;background-image:linear-gradient(135deg, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.05) 75%, transparent 75%, transparent);box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);width:100%;border:1px solid;color:#fff !Important;padding:10px;position:fixed;top:0;_position:absolute;text-shadow:0 1px 0 rgba(0,0,0,0.5);animation:animate-bg 5s linear infinite}.error{background-color:#de4343;border-color:#c43d3d}.warning{background-color:#eaaf51;border-color:#d99a36}.message h3{margin:0 0 5px 0}.message p{margin:0;color:#fff}@keyframes animate-bg{from{background-position:0 0}to{background-position:-80px 0}}