* { margin: 0; } html { height: 100%; } body { background-color: #ccc; height: 100%; } body, a { font-family: sans-serif; color: #333; font-size: 14px; line-height: 1.6em; } p { margin-bottom: 0.8em; } .inner { background-color: white; min-height: calc(100% - 10px); margin-left: auto; margin-right: auto; max-width: 750px; padding-top: 10px; } .body { max-width: 700px; margin-left: auto; margin-right: auto; } .toolbar { border: 1px solid #bbb; margin-left: auto; margin-right: auto; max-width: 700px; padding: 10px; border-radius: 5px; background-color: #efefef; } .toolbar #email { font-style: italic; } center h1 { border-bottom: 2px solid #333; padding-bottom: 10px; margin-left: 1rem; margin-right: 1rem; text-align: left; } a.bracketButton { text-decoration: none; } a.bracketButton:hover { text-decoration: underline; } button.textButton { background: none !important; color: inherit; border: none; padding: 0 !important; font: inherit; cursor: pointer; } button.textButton:hover { text-decoration: underline; } form.login>table>tbody>tr>td>label { margin-right: 10px; } table.domains { width: 100%; } table.domains td:first-child { width: 50%; } table.t, table.t th, table.t td { border: 1px solid #bbb; } table.t { border-radius: 2px; border-collapse: collapse; } table.t td { padding: 10px } table.t tr:first-child { background-color: #aad3e0; } .msgBox { border: 1px solid #5bc0de; display: inline-block; padding: 10px; background-color: #aad3e0; border-radius: 2px; max-width: 650px; }