* { margin: 0; padding: 0; font-family: Helvetica; font-size: 12pt; color: #333; box-sizing: border-box; } input { outline: none; border-radius: 0; -webkit-appearance: none; } table, tr, td { border-style: none; border-collapse: collapse; vertical-align: middle; text-align: left; } body { background: #f0f0ef; } table.form { border-collapse: separate; margin: 12pt auto auto; background: white; padding: 24pt; box-shadow: 0 0 15px rgba(127,127,127,0.5); } span.form_title { font-size: 18pt; color: #36f; } input.form_field { border-style: solid; border-width: 1px; border-color: #aaa; margin: auto; padding: 8pt 6pt 8pt 6pt; width: 100%; } input.form_field:focus { border-color: #36f; } div.form_button, input.form_button{ border: none; background: #36f; width: 100%; padding: 6pt; color: #fff; text-align: center; } div.form_button:hover, input.form_button:hover{ cursor: pointer; } div.form_button:active, input.form_button:active{ background: #25f; } span.form_section { color: #36f; } a:link { color: #36f; text-decoration: underline; } a:hover { cursor: pointer; } a:visited { color: #808; } div.copyright { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #aaa; font-size: 10pt; padding: 4pt; }