* { 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; } a.menuBtn { text-decoration: none; } button.menuBtn { background: none !important; color: inherit; border: none; padding: 0 !important; font: inherit; cursor: pointer; } .menuBtnW:hover { background-color: #c9c9c9; } .menuBtnW { display: inline-block; height: 100%; padding: 10px; position: relative; top: -10px; background-color: #ddd; border-right: 1px solid #bbb; } .menuBtnW:first-child { border-left: 1px solid #bbb; } div.toolbar form { display: inline; } 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; } .msgBox.warning { background-color: #ff583a; border: 1px solid #c43d25; }