/* tutorial */ input[type=text],input[type=password], textarea { padding: 5px; border: solid 1px #C9C9C9; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 200px; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F7F7F7), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #F7F7F7 1px, #FFFFFF 25px); } textarea { width: 400px; max-width: 400px; height: 150px; line-height: 150%; } input:hover, textarea:hover, input:focus, textarea:focus { box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; } label { cursor:pointer; } .button{ display: inline-block; background: #3c74a8; background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(239,242,242)), to(rgb(255,255,255))); background: -moz-linear-gradient(bottom, rgb(239,242,242), rgb(255,255,255)); box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px; border: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: RGB(46,46,46); padding: 5px 15px; margin:0px 5px 0px 5px; font-weight:normal; } .button:hover { box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px; color: RGB(46,46,46); cursor: pointer; } .actions{ text-align:right; } button,input[type=submit] { display: inline-block; background: #3c74a8; background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(60,116,168)), to(rgb(103,146,187))); background: -moz-linear-gradient(bottom, rgb(60,116,168), rgb(103,146,187)); box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px; border: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: white; margin:0px 5px 0px 5px; padding: 5px 15px; text-shadow: 0 1px 1px rgba(0,0,0,0.6); font-weight:normal; font-size:13px; } button:hover,input[type=submit]:hover { box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px; cursor: pointer; } .field_with_errors{ display:inline; color:red; } .field_with_errors input{ display:inline; border-color:red; } .errorExplanation{ border-top: 1px solid black; border-bottom: 1px solid black; padding:5px; border-color:#F2EDA1; background:#FEFCDB; } .errorExplanation h2{ font-size:13px; margin:0px; padding:0px; }