body { font-family: Sans; color: #8080a5; padding: 80px 0px 0px 0px; } input.rounded { border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; font-size: 20px; padding: 4px 7px; outline: 0; -webkit-appearance: none; } input.rounded:focus { border-color: #339933; } input.almostrounded { border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; font-size: 20px; padding: 4px 7px; outline: 0; -webkit-appearance: none; } input.almostrounded:focus { border-color: #339933; } div.centered { /* gradient */ background-image: -webkit-gradient( linear, left bottom, left bottom, color-stop(0.11, #C7C7C7), color-stop(0.81, #EEEEEE) ); background-image: -o-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: -moz-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: -webkit-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: -ms-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: linear-gradient(to left bottom, #C7C7C7 11%, #EEEEEE 81%); /* border */ border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; font-size: 20px; padding: 16px 24px; outline: 0; -webkit-appearance: none; } div.centered { text-align: center; width: 450px; margin-left: auto; margin-right: auto; } p.title { font-size: 28px; padding: 0px 0px 20px 0px; } .aligned { list-style-type: none; padding-left: 30px; } .aligned .label { float: left; width: 50px; padding: 4px 10px 0px 0px; }