html {
    height: 100%;
}

body {
    background: rgb(52,73,94);
    background: linear-gradient(144deg, rgb(52 73 94) 0%, rgb(26 188 156 / 70%) 100%);
    height: 100%;
    overflow: hidden;
    font-family: Arial;
    font-size: 9pt;
}

.Button {
    font-weight: normal;
    font-size: 11px;
    margin: 2px 2px 2px 0px;
    color: #34495E;
    font-family: "Arial";
}

.loginbox {
    margin-top: 80px;
    padding: 0px 0px 0px 0px;
    width: 360px;
    height: 185px;
    background-image: url(login.png);
    background-repeat: no-repeat;
    text-align: left;
}

.accountbox {
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    border-color: white;
    border-width: 2px;
    border-radius: 5px;
    border-style: solid;
}

    .accountbox td {
        color: white;
        margin-left: 80px;
    }

        .accountbox td.tl, .accountbox td.tm, .accountbox td.tr,
        .accountbox td.lm, .accountbox td.rm,
        .accountbox td.bl, .accountbox td.bm, .accountbox td.br {
            padding: 0 0 0 0;
        }

        .accountbox td.tl {
            display: none;
        }

        .accountbox td.tm {
            display: none;
        }

        .accountbox td.tr {
            display: none;
        }

        .accountbox td.lm {
            display: none;
        }

        .accountbox td.mm {
            background-color: rgba(52, 73, 94, 0.75);
            background-repeat: repeat;
            padding: 10px 10px 10px 10px;
            margin-left: 80px;
        }

        .accountbox td.rm {
            display: none;
        }

        .accountbox td.bl {
            display: none;
        }

        .accountbox td.bm {
            display: none;
        }

        .accountbox td.br {
            display: none;
        }

input#ctl00_BodyContentPlaceHolder_LoginUser_LoginButton {
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-radius: 3px;
    color: black;
}

.forgotpassword {
    color: white !important;
}

.accountbox .logo {
    /*background-image: url(logo.png);*/
    background-repeat: no-repeat;
    width: 107px;
    height: 57px;
}

table.accountinfo td {
    padding: 4px 4px 4px 4px;
}

    table.accountinfo td.status {
        max-width: 300px;
        padding-bottom: 20px;
    }

table.accountinfo div.failure {
    color: #a00000;
}

table.accountinfo td.label, table.accountinfo td .button {
    color: white;
    font-weight: bold;
}

table.accountinfo tr.button td {
    padding-top: 20px;
    vertical-align: top;
}

table.accountinfo td.title {
    color: white;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}

div.footer {
    position: absolute;
    bottom: 4px;
    width: 100%;
}

table.footer {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

    table.footer td {
        padding: 8px 8px 8px 8px;
        text-align: center;
    }

        table.footer td.disclaimer {
            font-size: 7pt;
        }

        table.footer td.powered {
            font-size: 10pt;
            font-weight: bold;
        }