﻿/* Body style */
body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; font-size: 16pt; color: #000000; font-family: Calibri, Arial, sans-serif; background-color: #e6e2c1; }

/* Menu bar style*/
#menubar { background-color: #C0C0C0; color: white; clear: both; width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; text-align: center; font-size: 100%; font-weight: bold; letter-spacing: 1px; text-align: left; }
    #menubar ul { list-style: none; padding: 0; margin: .1em; }
    #menubar li { display: inline; margin: 0; }
    #menubar a { text-decoration: none; color: #000000; border: 1px solid #C0C0C0; padding: 1px; line-height: 1em; }
    #menubar span { padding-left: 0; padding-right: 6px; border-right: #FFFFFF solid 2px; display: inline-block; margin: 0; }
    #menubar span.menuend { border-right: none; }
    #menubar a:hover { border: 1px solid #FF0000; color: #FF0000; }

/* Header style */
#header { padding: 0px; margin: 0px; height: 81px; position: relative; }
    #header img { padding: 0px; padding-right: 1em; margin: 0px; }
    #header h1 { margin-left: 122px; padding-left: 20px; text-align: left; height: 33px; width: auto; color: #000000; position: absolute; bottom: 4px; font-size: 24pt; font-weight: bold; clear: none; }

a:link {color: #0000FF; font-weight: bold; text-decoration: none; }
a:visited {color: #0000FF; font-weight: bold; text-decoration: none; }
a:hover { color: #FF0000; font-weight: bold; text-decoration: none; }
a:active { color: #0000FF; font-weight: bold; text-decoration: none; }

hr { border: 1px solid black; }

legend {
    color: black;
    font-weight: bold;
    font-size: 100%;
}
table {
    width: 100%;
    border-spacing: 0px;
    border-color: #000000;
    background: #F0F0F0;
    font-size: 10pt;
}
td {
    border-color: #a0a0a0;
    border-style: solid;
    border-width: thin;
    text-align: center;
}

/* Main content area */
#logincontent {
    position: relative;
    width: 50%;
    left: 25%;
    margin-top: 10px;
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
}
#content {
    position: relative;
    width: 90%;
    left: 5%;
    margin-top: 10px;
}
    #content.img {
        padding: 0px;
        padding-right: 1em;
        margin: 0px;
        border: 2px, solid, #000000;
    }

    #content p.contitle {
        text-align: center;
        color: #000000;
        font-size: 24pt;
        font-weight: bold;
    }
    #content p.consubtitle {
        text-align: center;
        color: #000000;
        font-size: 14pt;
        font-weight: bold;
    }
    #content p.contenttext {
        text-align: center;
        color: #000000;
    }
#content p.conleader {
    text-align: left;
    color: #000000;
    font-weight: bold;
}

/* Sub content area */
#subcontent {
    position: relative;
    width: 80%;
    left: 10%;
    margin-top: 20px;
}
#subcontent table.tblDload {
    width: 100%;
    border-spacing: 0px;
    border-color: #000000;
    background-color: #e0e0e0;
    font-size: 14pt;
}
    #subcontent p.subtitle {
        text-align: left;
        color: #000000;
        font-weight: bold;
    }

    #subcontent p.subcontext {
        text-align: left;
        color: #000000;
    }

    #subcontent p.centertext {
        text-align: center;
        font-weight: bold;
    }

    #subcontent p.header {
        text-align: left;
        color: #000000;
        font-size: 18pt;
        font-weight: bold;
    }
    #subcontent input {
        color: #000000;
        font-size: 14pt;
        font-family: Calibri, Arial, sans-serif;
    }
    #subcontent textarea {
        color: #000000;
        font-size: 14pt;
        font-family: Calibri, Arial, sans-serif;
    }

#tabwidth {
    position: relative;
    width: 96%;
    left: 2%;
}



/* Footer area */
#footing {
    position: relative;
    background-color: #C0C0C0;
}
    #footing p.bottomtext {
        text-align: center;
        color: #000000;
        font-size: 14pt;
        font-weight: bold;
    }

button {
    width: 240px;
    background-color: lightgray;
    text-align: center;
    color: #0000FF;
    font-size: 14pt;
    font-weight: bold;
    font-family: Calibri, Arial, sans-serif;
    border: 1px solid blue;
    margin: 1px;
}
    button:hover {
        width: 240px;
        background-color: lightgray;
        text-align: center;
        color: #FF0000;
        font-size: 14pt;
        font-weight: bold;
        font-family: Calibri, Arial, sans-serif;
        border: 1px solid red;
        margin: 1px;
    }

    label {
        font-weight: bold;
    }

#subcontent span.refupper {
    vertical-align: super;
    font-size: smaller;
}
#content span.refupper {
    vertical-align: super;
    font-size: smaller;
}
