body{font:13px/20px "Lucida Grande",Tahoma,Verdana,sans-serif;color:#404040;background:#0ca3d2}#container{margin:80px auto}.form{position:relative;margin:0 auto;padding:20px 20px 20px;width:310px;background:#fff;border-radius:3px;-webkit-box-shadow:0 0 200px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.3);box-shadow:0 0 200px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.3)}.form:before{content:'';position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;background:rgba(0,0,0,.08);border-radius:4px}.form h1{margin:-20px -20px 21px;line-height:40px;font-size:15px;font-weight:bold;color:#555;text-align:center;text-shadow:0 1px white;background:#f3f3f3;border-bottom:1px solid #cfcfcf;border-radius:3px 3px 0 0;background-image:-webkit-linear-gradient(top,whiteffd,#eef2f5);background-image:-moz-linear-gradient(top,whiteffd,#eef2f5);background-image:-o-linear-gradient(top,whiteffd,#eef2f5);background-image:linear-gradient(to bottom,whiteffd,#eef2f5);-webkit-box-shadow:0 1px whitesmoke;box-shadow:0 1px whitesmoke}.form p{margin:20px 0 0}.form p:first-child{margin-top:0}.form input[type=text],.form input[type=password]{width:278px}.form p.link{float:left;line-height:31px;font-size:12px;color:#777;cursor:pointer}.form p.link span{padding:0 5px}.form p.button{text-align:right}input{font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;font-size:14px}input[type=text],input[type=password]{margin:5px;padding:0 10px;width:200px;height:34px;color:#404040;background:#fff;border:1px solid;border-color:#c4c4c4 #d1d1d1 #d4d4d4;border-radius:2px;outline:5px solid #eff4f7;-moz-outline-radius:3px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.12);box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}input[type=text]:focus,input[type=password]:focus{border-color:#7dc9e2;outline-color:#dceefc;outline-offset:0}input[type=button]{padding:0 18px;height:29px;font-size:12px;font-weight:bold;color:#527881;text-shadow:0 1px #e3f1f1;background:#cde5ef;border:1px solid;border-color:#b4ccce #b3c0c8 #9eb9c2;border-radius:16px;outline:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-image:-webkit-linear-gradient(top,#edf5f8,#cde5ef);background-image:-moz-linear-gradient(top,#edf5f8,#cde5ef);background-image:-o-linear-gradient(top,#edf5f8,#cde5ef);background-image:linear-gradient(to bottom,#edf5f8,#cde5ef);-webkit-box-shadow:inset 0 1px white,0 1px 2px rgba(0,0,0,.15);box-shadow:inset 0 1px white,0 1px 2px rgba(0,0,0,.15)}input[type=button]:active{background:#cde5ef;border-color:#9eb9c2 #b3c0c8 #b4ccce;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.2);box-shadow:inset 0 0 3px rgba(0,0,0,.2)}.validation-wrapper{position:relative}.field-validation-valid{display:none}.field-validation-error>span{position:absolute;z-index:1;left:10px;bottom:-25px;padding:3px 12px;background:#f03040;color:#fff;font-size:12px;box-shadow:#999 3px 3px 3px;white-space:nowrap}.field-validation-error>span:before{content:"";position:absolute;z-index:1;top:-5px;left:12px;border-top:0;border-right:5px solid transparent;border-bottom:5px solid #f03040;border-left:5px solid transparent}input.input-validation-error,input.input-validation-error:focus{border:1px solid #f03040}