html, body { border: 0; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19px; }
input { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19px; outline: none; }

.checkbox { position: relative; cursor: pointer; height: 28px; display: inline-block; }
.checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox .checkmark { position: absolute; top: 0; left: 0; height: 26px; width: 26px; background-color: #fff; border: 1px solid #666; border-radius: 6px; }
.checkbox .checkmark:after { content: ""; position: absolute; border: solid #ccc; border-width: 0 3px 3px 0; }
.checkbox input:checked ~ .checkmark:after { border: solid #000; border-width: 0 3px 3px 0; }
.checkbox span.label { position: absolute; top: 0; display: inline-block; margin-left: 36px; line-height: 28px; white-space: nowrap; }

#main { padding: 40px; }
#logo { text-align: center; }
#logo img { max-height: 200px; }
#branding { text-align: center; }
#branding img { max-height: 100px; }
#form { width: 300px; margin: 0 auto; padding: 40px 0; }
#form input { width: 278px; border: 1px solid #666; padding: 10px; border-radius: 6px; margin: 5px 0; font-size: 16px; }
#form input[type=submit] { width: 300px; border: 0; padding: 10px 0; border-radius: 6px; margin: 5px 0; cursor: pointer; }
#form .checkbox { margin: 5px 0; }
#form .forgot { text-align: right; margin: 5px 0; }
#form h3 { margin: 0 0 20px 0; font-weight: 600; font-size: 16px; text-align: center; }

#form .success { text-align: center; margin: 5px 0 20px 0; padding: 10px; position: relative; background: #ccffcc; border: 1px solid #99ff99; color: #006600; border-radius: 6px; }
#form .error { text-align: center; margin: 5px 0 20px 0; padding: 10px; position: relative; background: #ffcccc; border: 1px solid #ff9999; color: #660000; border-radius: 6px; }