/* Oldstyller: somente identidade visual; links e scripts preservados. */
#Loginbox.OldStyllerLoggedOut {
    background: url('images/header/oldstyller-login-frame.png') center / 100% 100% no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 158px !important;
    position: relative !important;
    padding: 0 !important;
}
#Loginbox.OldStyllerLoggedOut #OldStyllerLoginButton {
    width: 125px !important;
}
#Loginbox.OldStyllerLoggedOut .Loginstatus {
    position: static !important;
    width: auto !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
}
#Loginbox.OldStyllerLoggedOut #LoginstatusText_1 {
    position: absolute !important;
    top: 52px !important;
    left: 20px !important;
    width: 140px !important;
    height: 14px !important;
    margin: 0 !important;
}
#Loginbox.OldStyllerLoggedOut #LoginButtonContainer {
    position: absolute !important;
    top: 69px !important;
    left: 20px !important;
    width: 140px !important;
    height: 30px !important;
    margin: 0 !important;
    background: none !important;
}
#Loginbox.OldStyllerLoggedOut #LoginstatusText_2 {
    position: absolute !important;
    top: 106px !important;
    left: 20px !important;
    width: 140px !important;
    height: 15px !important;
    margin: 0 !important;
    text-align: center !important;
    background: none !important;
}
#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'],
#news #OldStyllerJourney .tg-link,
#Loginbox #OldStyllerLoginButton,
#Themeboxes #NewcomerBox .ThemeboxButton,
.dl-button {
    background: linear-gradient(180deg, #942d35, #57171e) !important;
    border-color: #c29850 !important;
    color: #fff4df !important;
    transition:
        background 0.18s,
        box-shadow 0.18s;
}
#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile']:hover,
#news #OldStyllerJourney .tg-link:hover,
#Loginbox #OldStyllerLoginButton:hover,
#Themeboxes #NewcomerBox .ThemeboxButton:hover,
.dl-button:hover {
    background: linear-gradient(180deg, #b83c46, #76222b) !important;
    box-shadow: 0 0 12px rgba(160, 40, 50, 0.25);
}
#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'] span,
#news #OldStyllerJourney .tg-link .tg-label {
    color: #fff4df !important;
}
#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'] span[style*='background'] {
    background: #57171e !important;
    border-color: #c29850 !important;
}
#Loginbox.OldStyllerLoggedOut #OldStyllerCreateAccount {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 15px !important;
    line-height: 15px !important;
    font:
        10px/15px Arial,
        sans-serif !important;
    color: #fff4df !important;
    text-decoration: none;
}
#Loginbox.OldStyllerLoggedOut #OldStyllerCreateAccount:hover {
    background: none !important;
    color: #f4cc76 !important;
    text-decoration: underline;
}
#news #OldStyllerJourney .tg-link:focus-visible,
#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile']:focus-visible,
#Loginbox #OldStyllerCreateAccount:focus-visible,
#Loginbox #OldStyllerLoginButton:focus-visible,
.dl-button:focus-visible {
    outline: 2px solid #f4cc76 !important;
    outline-offset: 3px;
}

/* OLDSTYLLER VISUAL ETAPA 9 - SHOP / DONATE / ACCOUNT POLISH */
#shopsystem .BoxContent,
#donate .BoxContent,
#confirmacao .BoxContent {
    color: #e9e4d8;
}

#shopsystem > center > table,
#shopsystem > table {
    width: 100% !important;
    max-width: 760px;
    margin: 0 auto 18px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #191b1d !important;
    border: 1px solid #6f5728 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
}
#shopsystem > center > table tr:first-child td,
#shopsystem > table tr:first-child td {
    background: linear-gradient(180deg, #293036, #1b2024) !important;
    color: #f1cf73 !important;
    border-bottom: 1px solid #9b762d !important;
    padding: 10px 12px !important;
    font:
        700 15px Georgia,
        serif !important;
}
#shopsystem > center > table tr:nth-child(2) td,
#shopsystem > table tr:nth-child(2) td {
    background: #18372f !important;
    color: #f4dfaa !important;
    border-bottom: 1px solid #594923 !important;
    padding: 8px !important;
}
#shopsystem > center > table tr:not(:first-child):not(:nth-child(2)) td,
#shopsystem > table tr:not(:first-child):not(:nth-child(2)) td {
    background: #202326 !important;
    color: #e7e3da !important;
    border-bottom: 1px solid rgba(188, 145, 59, 0.16) !important;
    padding: 10px 9px !important;
    vertical-align: middle;
}
#shopsystem > center > table tr:not(:first-child):not(:nth-child(2)):hover td,
#shopsystem > table tr:not(:first-child):not(:nth-child(2)):hover td {
    background: #252a2e !important;
}
#shopsystem img {
    image-rendering: auto;
}
#shopsystem input[type='submit'] {
    min-width: 125px;
    padding: 7px 12px;
    border: 1px solid #b58a2e;
    background: linear-gradient(180deg, #8f2b35, #55171d);
    color: #fff1d0;
    font:
        bold 12px Georgia,
        serif;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    transition: 0.18s ease;
}
#shopsystem input[type='submit']:hover {
    background: linear-gradient(180deg, #b43a45, #72212a);
    transform: translateY(-1px);
}
#shopsystem form {
    margin: 0;
}
#shopsystem h2 {
    color: #f1cf73 !important;
    text-shadow: 0 1px 2px #000;
}
#shopsystem a {
    color: #e7c66d;
}
#shopsystem a:hover {
    color: #fff0b4;
}

#donate #fieldcontato {
    margin: 0 auto 18px;
    max-width: 760px;
    padding: 16px;
    border: 1px solid #745b28;
    background: #191b1d;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    color: #e8e3d8;
}
#donate #fieldcontato legend {
    padding: 7px 13px;
    border: 1px solid #8d6b2c;
    background: #20282d;
    color: #f1cf73;
    font:
        bold 15px Georgia,
        serif;
}
#donate #fieldcontato table {
    width: 100% !important;
    border-collapse: collapse;
}
#donate #fieldcontato td {
    padding: 9px 7px;
    border-bottom: 1px solid rgba(188, 145, 59, 0.14);
}
#donate #fieldcontato td:first-child {
    width: 30%;
    color: #f0cf75;
}
#donate #fieldcontato input:not([type='submit']),
#donate #fieldcontato select {
    box-sizing: border-box;
    width: min(100%, 430px);
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid #65512a;
    background: #101315;
    color: #f1eee6;
    outline: none;
}
#donate #fieldcontato input:not([type='submit']):focus,
#donate #fieldcontato select:focus {
    border-color: #c29850;
    box-shadow: 0 0 0 2px rgba(194, 152, 80, 0.12);
}
#donate #fieldcontato input[type='submit'],
#donate #fieldcontato input[type='reset'] {
    min-width: 110px;
    padding: 8px 16px;
    margin: 3px;
    border: 1px solid #b58a2e;
    background: linear-gradient(180deg, #8f2b35, #55171d);
    color: #fff1d0;
    font-weight: bold;
    cursor: pointer;
}
#donate #fieldcontato hr {
    border: 0;
    border-top: 1px solid rgba(188, 145, 59, 0.18);
}
#donate > .BoxContent > h3,
#donate > h3 {
    color: #f1cf73 !important;
}
#donate > .BoxContent > p,
#donate > p {
    color: #d8d3c8;
    line-height: 1.65;
}

#confirmacao #OldStyllerPixConfirmation {
    margin: 0 auto;
    max-width: 760px;
    padding: 18px !important;
    color: #e8e3d8 !important;
    background: #191b1d;
    border: 1px solid #745b28;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    box-sizing: border-box;
}
#confirmacao #OldStyllerPixConfirmation h2 {
    margin-top: 0;
    color: #f1cf73 !important;
}
#confirmacao #OldStyllerPixConfirmation label {
    color: #e8c86f;
    font-weight: bold;
}
#confirmacao #OldStyllerPixConfirmation input[type='text'],
#confirmacao #OldStyllerPixConfirmation select,
#confirmacao #OldStyllerPixConfirmation textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 36px;
    padding: 8px 10px;
    border: 1px solid #65512a;
    background: #101315 !important;
    color: #f1eee6 !important;
}
#confirmacao #OldStyllerPixConfirmation textarea {
    min-height: 90px;
    resize: vertical;
}
#confirmacao #OldStyllerPixConfirmation input:focus,
#confirmacao #OldStyllerPixConfirmation select:focus,
#confirmacao #OldStyllerPixConfirmation textarea:focus {
    border-color: #c29850;
    box-shadow: 0 0 0 2px rgba(194, 152, 80, 0.12);
    outline: 0;
}
#confirmacao #OldStyllerPixConfirmation button[type='submit'] {
    border: 1px solid #b58a2e !important;
    background: linear-gradient(180deg, #8f2b35, #55171d) !important;
    color: #fff1d0 !important;
    font:
        bold 13px Georgia,
        serif;
    padding: 9px 18px !important;
}

@media (max-width: 760px) {
    #shopsystem > center > table,
    #shopsystem > table {
        display: block;
        overflow-x: auto;
    }
    #shopsystem > center > table td,
    #shopsystem > table td {
        min-width: 100px;
    }
    #donate #fieldcontato {
        padding: 10px;
    }
    #donate #fieldcontato td {
        display: block;
        width: auto !important;
    }
    #donate #fieldcontato td:first-child {
        padding-bottom: 2px;
    }
    #donate #fieldcontato td:nth-child(2) {
        padding-top: 2px;
    }
    #confirmacao #OldStyllerPixConfirmation {
        padding: 13px !important;
    }
}

/* OLDSTYLLER VISUAL ETAPA 10 - INTERNAL PAGES POLISH */
#serverinfo .BoxContent,
#downloads .BoxContent,
#characters .BoxContent,
#whoisonline .BoxContent,
#killstatistics .BoxContent,
#wars .BoxContent,
#team .BoxContent,
#tibiarules .BoxContent,
#lostaccount .BoxContent,
#createaccount .BoxContent,
#about .BoxContent,
#spells .BoxContent,
#experiencetable .BoxContent,
#records .BoxContent,
#bans .BoxContent {
    color: #ddd8cc;
}

#serverinfo table,
#downloads table,
#characters table,
#whoisonline table,
#killstatistics table,
#wars table,
#team table,
#spells table,
#experiencetable table,
#records table,
#bans table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    background: #171a1c !important;
    border: 1px solid #5f4b25 !important;
    color: #ddd8cc !important;
}
#serverinfo th,
#downloads th,
#characters th,
#whoisonline th,
#killstatistics th,
#wars th,
#team th,
#spells th,
#experiencetable th,
#records th,
#bans th {
    padding: 9px 10px !important;
    background: linear-gradient(180deg, #30383d, #202529) !important;
    color: #f1cf73 !important;
    border-bottom: 1px solid #80642c !important;
    font-weight: 700 !important;
}
#serverinfo td,
#downloads td,
#characters td,
#whoisonline td,
#killstatistics td,
#wars td,
#team td,
#spells td,
#experiencetable td,
#records td,
#bans td {
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(188, 145, 59, 0.13) !important;
    background: #1d2124 !important;
}
#serverinfo tr:nth-child(even) td,
#downloads tr:nth-child(even) td,
#characters tr:nth-child(even) td,
#whoisonline tr:nth-child(even) td,
#killstatistics tr:nth-child(even) td,
#wars tr:nth-child(even) td,
#team tr:nth-child(even) td,
#spells tr:nth-child(even) td,
#experiencetable tr:nth-child(even) td,
#records tr:nth-child(even) td,
#bans tr:nth-child(even) td {
    background: #202528 !important;
}
#serverinfo tr:hover td,
#downloads tr:hover td,
#characters tr:hover td,
#whoisonline tr:hover td,
#killstatistics tr:hover td,
#wars tr:hover td,
#team tr:hover td,
#spells tr:hover td,
#experiencetable tr:hover td,
#records tr:hover td,
#bans tr:hover td {
    background: #262c30 !important;
}

#serverinfo h2,
#downloads h2,
#characters h2,
#whoisonline h2,
#killstatistics h2,
#wars h2,
#team h2,
#tibiarules h2,
#about h2,
#spells h2,
#experiencetable h2,
#records h2,
#bans h2,
#lostaccount h2,
#createaccount h2 {
    color: #f1cf73 !important;
}

#serverinfo a,
#downloads a,
#characters a,
#whoisonline a,
#killstatistics a,
#wars a,
#team a,
#tibiarules a,
#about a,
#spells a,
#experiencetable a,
#records a,
#bans a {
    color: #e4bd61;
}
#serverinfo a:hover,
#downloads a:hover,
#characters a:hover,
#whoisonline a:hover,
#killstatistics a:hover,
#wars a:hover,
#team a:hover,
#tibiarules a:hover,
#about a:hover,
#spells a:hover,
#experiencetable a:hover,
#records a:hover,
#bans a:hover {
    color: #fff0b0;
}

#serverinfo .SmallBox,
#downloads .SmallBox,
#characters .SmallBox,
#whoisonline .SmallBox,
#killstatistics .SmallBox,
#wars .SmallBox,
#team .SmallBox,
#tibiarules .SmallBox,
#about .SmallBox {
    margin: 12px 0;
}

#downloads .dl-button,
#downloads input[type='submit'],
#characters input[type='submit'],
#whoisonline input[type='submit'] {
    display: inline-block;
    padding: 7px 14px;
    border: 1px solid #b58a2e !important;
    background: linear-gradient(180deg, #8f2b35, #55171d) !important;
    color: #fff1d0 !important;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    border-radius: 2px;
    transition: 0.18s ease;
}
#downloads .dl-button:hover,
#downloads input[type='submit']:hover,
#characters input[type='submit']:hover,
#whoisonline input[type='submit']:hover {
    background: linear-gradient(180deg, #b43a45, #72212a) !important;
    transform: translateY(-1px);
}

#tibiarules .rule,
#tibiarules .rule-item {
    margin: 0 0 12px;
    padding: 12px 14px;
    background: linear-gradient(180deg, #23282b, #1b1f21);
    border: 1px solid rgba(194, 152, 80, 0.35);
    border-left: 3px solid #a8792e;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    line-height: 1.65;
}
#tibiarules .rule:last-child,
#tibiarules .rule-item:last-child {
    margin-bottom: 0;
}

#createaccount form,
#lostaccount form {
    max-width: 680px;
    margin: 0 auto;
    padding: 16px;
    background: #191c1e;
    border: 1px solid #665027;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
#createaccount input:not([type='submit']),
#createaccount select,
#lostaccount input:not([type='submit']),
#lostaccount select {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    background: #101315;
    border: 1px solid #5f4c27;
    color: #f0ece4;
}
#createaccount input:focus,
#createaccount select:focus,
#lostaccount input:focus,
#lostaccount select:focus {
    outline: 0;
    border-color: #c29850;
    box-shadow: 0 0 0 2px rgba(194, 152, 80, 0.12);
}

@media (max-width: 760px) {
    #serverinfo table,
    #downloads table,
    #characters table,
    #whoisonline table,
    #killstatistics table,
    #wars table,
    #team table,
    #spells table,
    #experiencetable table,
    #records table,
    #bans table {
        display: block;
        overflow-x: auto;
    }
    #serverinfo td,
    #downloads td,
    #characters td,
    #whoisonline td,
    #killstatistics td,
    #wars td,
    #team td,
    #spells td,
    #experiencetable td,
    #records td,
    #bans td {
        min-width: 110px;
    }
    #createaccount form,
    #lostaccount form {
        padding: 11px;
    }
}

/* OLDSTYLLER VISUAL ETAPA 11 - acabamento geral */
#ContentColumn .BoxContent {
    box-sizing: border-box;
}
#ContentColumn .BoxContent table {
    max-width: 100%;
}
#ContentColumn .BoxContent img {
    max-width: 100%;
    height: auto;
}

/* Consistência dos painéis internos. */
#ContentColumn .BoxContent h1,
#ContentColumn .BoxContent h2,
#ContentColumn .BoxContent h3,
#ContentColumn .BoxContent h4 {
    color: #f1cf73;
    letter-spacing: 0.15px;
}
#ContentColumn .BoxContent hr {
    border: 0;
    border-top: 1px solid rgba(188, 145, 59, 0.22);
    margin: 14px 0;
}

/* Tabelas: acabamento único para páginas legadas que ainda usam table layout. */
#ContentColumn .BoxContent table:not(.BigButton):not(.TableContent) tr:hover td {
    background: rgba(194, 152, 80, 0.055);
}
#ContentColumn .BoxContent table:not(.BigButton) th {
    color: #f0cf83;
}

/* Botões modernos sem substituir imagens/ações antigas. */
#ContentColumn input[type='submit'],
#ContentColumn input[type='button'],
#ContentColumn button,
#ContentColumn .button {
    transition:
        filter 0.15s ease,
        transform 0.15s ease,
        box-shadow 0.15s ease;
}
#ContentColumn input[type='submit']:hover,
#ContentColumn input[type='button']:hover,
#ContentColumn button:hover,
#ContentColumn .button:hover {
    filter: brightness(1.08);
}

/* Evita overflow horizontal causado por conteúdo legado muito largo. */
#ContentColumn,
#ContentColumn .Content,
#ContentColumn .BoxContent {
    min-width: 0;
}

/* Tablet: reduz espaços sem esmagar o conteúdo. */
@media (max-width: 1080px) {
    #ContentColumn {
        min-width: 0;
    }
    #MenuColumn,
    #ThemeboxesColumn {
        min-width: 0;
    }
}

/* Celular: uma coluna, controles ocupando a largura disponível. */
@media (max-width: 620px) {
    #ContentColumn .BoxContent {
        padding-left: 8px;
        padding-right: 8px;
    }
    #ContentColumn .BoxContent table {
        font-size: 12px;
    }
    #ContentColumn input[type='submit'],
    #ContentColumn input[type='button'],
    #ContentColumn button {
        max-width: 100%;
    }
    #ContentColumn .BigButton {
        max-width: 100%;
    }
}

/* Evita que imagens decorativas do tema provoquem barras horizontais. */
@media (max-width: 480px) {
    #ArtworkHelper,
    #Bodycontainer {
        overflow-x: hidden;
    }
    #ContentColumn .BoxContent {
        overflow-wrap: anywhere;
    }
}

/* OLDSTYLLER VISUAL ETAPA 12 - acabamento final */
:root {
    --os-gold-bright: #f1cf73;
    --os-gold: #c99d4c;
    --os-panel: #151a1f;
    --os-panel-2: #1b2126;
    --os-line: rgba(201, 157, 76, 0.24);
}

/* Conteúdo principal: aparência mais uniforme entre páginas antigas e novas. */
#ContentColumn .Content {
    filter: none;
}
#ContentColumn .Box {
    margin-bottom: 16px;
}
#ContentColumn .Box .BoxHeadline {
    border-bottom-color: var(--os-line) !important;
}
#ContentColumn .BoxContent a {
    transition:
        color 0.14s ease,
        opacity 0.14s ease;
}
#ContentColumn .BoxContent a:hover {
    color: var(--os-gold-bright) !important;
}

/* Notícias: cada notícia fica visualmente separada sem mudar o HTML. */
#news .NewsHeadline,
#news .newsheadline {
    border-bottom: 1px solid var(--os-line);
    padding-bottom: 7px;
    margin-bottom: 8px;
}
#news .NewsHeadline a,
#news .newsheadline a {
    color: var(--os-gold-bright);
}

/* Cards laterais: título mais legível e linhas mais respiradas. */
#ThemeboxesColumn .Themebox,
#ThemeboxesColumn #OldStyllerTopLevel,
#ThemeboxesColumn #OldStyllerGuildFrags,
#ThemeboxesColumn #OldStyllerStatus {
    border-radius: 3px;
    overflow: hidden;
}
#ThemeboxesColumn .Themebox h3,
#ThemeboxesColumn #OldStyllerTopLevel h3,
#ThemeboxesColumn #OldStyllerGuildFrags h3,
#ThemeboxesColumn #OldStyllerStatus h3 {
    letter-spacing: 0.3px;
}

/* Menu: estado ativo e hover mais perceptíveis, sem aumentar a altura. */
#Menu .menuitem {
    transition: transform 0.14s ease;
}
#Menu .menuitem:hover {
    transform: translateX(1px);
}
#Menu .MenuButton:hover {
    box-shadow: inset 3px 0 0 var(--os-gold) !important;
}

/* Ações principais: aparência consistente com a Home. */
#ContentColumn input[type='submit'],
#ContentColumn input[type='button'],
#ContentColumn button,
#ContentColumn .button,
#ContentColumn .BigButton {
    box-sizing: border-box;
}

/* Rodapé: menos destaque, mas ainda legível. */
#Footer {
    border-top: 1px solid var(--os-line);
    padding-top: 12px;
}

@media (max-width: 620px) {
    #Menu .menuitem:hover {
        transform: none;
    }
    #ContentColumn .Box {
        margin-bottom: 12px;
    }
}

/* OLDSTYLLER VISUAL ETAPA 14 - polish without changing page content */
#ContentColumn .BoxContent img,
#ContentColumn img {
    max-width: 100%;
    height: auto;
}

#ContentColumn table {
    border-collapse: separate;
    border-spacing: 0;
}

#ContentColumn table tr td,
#ContentColumn table tr th {
    vertical-align: middle;
}

#ContentColumn input[type='text'],
#ContentColumn input[type='password'],
#ContentColumn input[type='email'],
#ContentColumn input[type='number'],
#ContentColumn select,
#ContentColumn textarea {
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(201, 157, 76, 0.28);
    background: #11161a;
    color: #e9e1cf;
    border-radius: 3px;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}

#ContentColumn input[type='text']:focus,
#ContentColumn input[type='password']:focus,
#ContentColumn input[type='email']:focus,
#ContentColumn input[type='number']:focus,
#ContentColumn select:focus,
#ContentColumn textarea:focus {
    outline: none;
    border-color: var(--os-gold);
    box-shadow: 0 0 0 2px rgba(201, 157, 76, 0.1);
    background: #151b20;
}

#ContentColumn textarea {
    min-height: 110px;
    resize: vertical;
}

#ContentColumn .si-wrap,
#ContentColumn .guild-wrap,
#ContentColumn .character-wrap {
    max-width: 100%;
    box-sizing: border-box;
}

/* Prevent old fixed-width tables from forcing horizontal scroll on small screens. */
@media (max-width: 760px) {
    #ContentColumn table {
        width: 100% !important;
        max-width: 100%;
    }

    #ContentColumn table[width],
    #ContentColumn .TableContainer,
    #ContentColumn .TableContainer table {
        width: 100% !important;
        max-width: 100%;
    }

    #ContentColumn .BoxHeadline,
    #ContentColumn .BoxHeadline h1,
    #ContentColumn .BoxHeadline h2,
    #ContentColumn .BoxHeadline h3 {
        line-height: 1.35;
    }
}

@media (max-width: 520px) {
    #ContentColumn .BoxContent {
        padding-left: 7px;
        padding-right: 7px;
    }

    #ContentColumn table tr td,
    #ContentColumn table tr th {
        padding-left: 6px;
        padding-right: 6px;
    }

    #ContentColumn input[type='text'],
    #ContentColumn input[type='password'],
    #ContentColumn input[type='email'],
    #ContentColumn input[type='number'],
    #ContentColumn select,
    #ContentColumn textarea {
        width: 100%;
    }

    #ContentColumn input[type='submit'],
    #ContentColumn input[type='button'],
    #ContentColumn button {
        min-height: 34px;
    }
}