body{background:#eeeeee}form{margin:0;padding:0}#form{position:absolute;top:50%;left:50%;margin:-27px 0 0 -151px;width:302px;height:54px}.input_with_button{position:relative}.input_with_button button:hover,.input_with_button button{opacity:0;transition:opacity .1s ease-in-out}.input_with_button.enabled button{opacity:0.99}.is_ie .input_with_button button{height:0px}.is_ie .input_with_button.enabled button{height:28px}label,input,button{font:bold 14px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;opacity:0.99;margin:0px;padding:0px;vertical-align:top;box-sizing:content-box}label{display:none}label.placeholder{display:block;position:absolute;top:0px;left:0px;z-index:1;padding:13px 12px;cursor:text;color:#bbbbbb}.input_with_button{background:#f4f4f4;color:#444444;border:1px solid #bebebe;border-radius:4px;box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,0.1),0px 1px 0px 0px rgba(255,255,255,0.5);outline:none}.input_with_button input{background:transparent;border:none;outline:none;padding:10px 10px;width:205px;height:22px}.input_with_button button{position:absolute;top:0px;right:0px}::-webkit-input-placeholder{color:#bbbbbb}::-moz-placeholder{color:#bbbbbb}:-moz-placeholder{color:#bbbbbb}:-ms-input-placeholder{color:#bbbbbb}button{font-size:12px;background:#888888;color:#f4f4f4;transition:opacity .1s ease-in-out;height:28px;margin:7px 7px 7px 0px;padding:0px 10px;float:right;border:none;border-radius:3px;cursor:text}.input_with_button.enabled button{opacity:0.7;cursor:pointer}.input_with_button.enabled button:hover,button:hover{opacity:0.99}.input_with_button.fast button{transition-duration:0s}h2.error{font:bold 11px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;text-align:center;background:#e3e3e3;color:#888888;margin:10px 0px 0px;padding:6px 0px;border:1px solid #d5d5d5;border-radius:2px}.error{transition:all .3s;position:relative;z-index:-1}.error.hidden{overflow:hidden;margin-top:-36px}.animated{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:1s ease;animation:1s ease}.shake.animated{-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lilshake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}17%,50%,83%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}33%,67%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes lilshake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}17%,50%,83%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}33%,67%{-webkit-transform:translateX(5px);transform:translateX(5px)}}