::selection{color:#fff;background:#f676b2}
::-moz-selection{color:#fff;background:#f676b2}
*{margin:0;padding:0;border:0}
body{background:url(../images/login/bg.png) repeat;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:300;text-align:left;text-decoration:none;font-size:12px}
#wrapper{width:300px;height:400px;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-200px}
.gradient{width:600px;height:600px;position:fixed;left:50%;top:50%;margin-left:-300px;margin-top:-300px;background-image:url(../images/login/gradient.png);background-repeat:no-repeat;background-image:-webkit-gradient(radial,0% 0,0% 100%,from(rgba(213,246,255,1)),to(rgba(213,246,255,0)));background-image:-webkit-radial-gradient(50% 50%,40% 40%,rgba(213,246,255,1),rgba(213,246,255,0));background-image:-moz-radial-gradient(50% 50%,50% 50%,rgba(213,246,255,1),rgba(213,246,255,0));background-image:-ms-radial-gradient(50% 50%,50% 50%,rgba(213,246,255,1),rgba(213,246,255,0));background-image:-o-radial-gradient(50% 50%,50% 50%,rgba(213,246,255,1),rgba(213,246,255,0))}
a{font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;font-size:13px;padding:3px;display:block}
a:link,a:visited{color:#77bace;text-decoration:none}
a:hover{text-decoration:underline}
.custom_loginDiv{float:left;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;font-size:14px;padding:5px 0}
.login-form{width:325px;margin:0 auto;position:relative;z-index:5;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 rgba(256,256,256,1.0);margin-bottom:10px}
.login-form .header span{font-size:11px;line-height:16px;color:#678889;text-shadow:1px 1px 0 rgba(256,256,256,1.0)}
.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 rgba(256,256,256,1.0);background:#fff;border:1px solid #fff;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50)}
.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:0;padding-right:2px;z-index:3;-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:148px;background:rgba(65,72,72,0.75) url(../images/login/user-icon.png) no-repeat center}
.pass-icon{top:222px;background:rgba(65,72,72,0.75) url(../images/login/pass-icon.png) no-repeat center}
.input,.user-icon,.pass-icon,.button,.register{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}
.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:0 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(256,256,256,0.75);-moz-box-shadow:inset 0 0 2px rgba(256,256,256,0.75);-webkit-box-shadow:inset 0 0 2px rgba(256,256,256,0.75)}
.login-form .footer .button:hover{background:#3f9db8;border:1px solid rgba(256,256,256,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(256,256,256,0.75);-moz-box-shadow:inset 0 1px 6px rgba(256,256,256,0.75);-webkit-box-shadow:inset 0 1px 6px rgba(256,256,256,0.75)}
.login-form .footer .register{display:block;float:right;padding:10px;margin-right:20px;background:0;border:0;cursor:pointer;font-family:'Bree Serif',serif;font-weight:300;font-size:18px;color:#414848;text-shadow:0 1px 0 rgba(256,256,256,0.5)}
.login-form .footer .register:hover{color:#3f9db8}
.login-form .footer .register:focus{position:relative;bottom:-1px}
fieldset{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#f6f6f6;border:1px solid #ccc;padding:1% 0;margin:10px 0}
fieldset label{display:block;float:left;width:200px;height:25px;line-height:25px;text-shadow:0 1px 0 #fff;font-weight:bold;padding-left:10px;margin:-5px 0 5px 0;text-transform:uppercase}
fieldset input[type=text],fieldset input[type=password]{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #bbb;height:30px;color:#666;-webkit-box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;-moz-box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;padding-left:10px;background-position:10px 6px;margin:0;display:block;float:left;width:92%;margin:0 10px}
fieldset input[type=text]:focus,fieldset input[type=password]:focus{outline:0;border:1px solid #77bace;-webkit-box-shadow:inset 0 2px 2px #ccc,0 0 10px #addce6;-moz-box-shadow:inset 0 2px 2px #ccc,0 0 10px #addce6;box-shadow:inset 0 2px 2px #ccc,0 0 10px #addce6}
fieldset select{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #bbb;height:30px;color:#666;-webkit-box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;-moz-box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;padding:5px;background-position:10px 6px;margin:0;display:block;float:left;width:99%;margin:0 10px}
fieldset textarea{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #bbb;color:#666;-webkit-box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;-moz-box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;box-shadow:inset 0 2px 2px #ccc,0 1px 0 #fff;padding-left:10px;background-position:10px 6px;margin:0 .5%;display:block;float:left;width:96%;margin:0 10px}
fieldset textarea:focus{outline:0;border:1px solid #77bace;-webkit-box-shadow:inset 0 2px 2px #ccc,0 0 10px #addce6;-moz-box-shadow:inset 0 2px 2px #ccc,0 0 10px #addce6;box-shadow:inset 0 2px 2px #ccc,0 0 10px #addce6}
