#banner { width: 100%; height:64px; }

#bodyCanvas { padding-top: 100px; }

#bodyTable {
    background-image:url("../images/product/logon.jpg");
    background-repeat:no-repeat;
    background-position: center;
    border: 1px solid #000000;
    width: 769px;
    height: 374px;
}

table#logonTable { font-size: 14px; }

table#logonTable th {
    font-family: Verdana;
    font-size: 1.5em;
    font-weight: normal;
    border: 0px solid #000000;
    padding: 0px;
    text-align: left;
}

#logonTable tr.spacer1 {height:0px;}
#logonTable tr.spacer2 {height:7px;}
#logonTable tr.spacer3 {height:5px;}
#logonTable tr.spacer4 {height:11px;}

#logonTable td {
    border: 0px solid #000000;
    font-family: Verdana;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0px;
    text-align: left;
    vertical-align: top;
}

table#logonTable td#subTitleA { width: 80px; vertical-align: middle; text-align: center; }
table#logonTable td#subTitleB { width: 80px; vertical-align: middle; text-align: left; }
table#logonTable td.last { text-align: center; }

#logonTable a { color: #20558A; font-size: 10px; text-decoration: none; }
#logonTable a:hover { color: #20558A; text-decoration: underline; }

#logonTable .section {
    background-color: #EEEEEE;
    border:1px solid #CCCCCC;
    cursor: pointer;
    height: 23px;
}

#logonTable .sectionThumb { margin-left: 5px; position: absolute; }

#logonTable .sectionText { margin-left: 30px; }

table#logonTable input { width: 120px; border: 1px solid #AAAAAA; font-size: 1.2em; }
table#logonTable input.error { border: 1px solid #FF0000; }
table#logonTable td.error { color: #FF0000; }

#logonInput { width: 270px; vertical-align: bottom; text-align: left; padding-left: 150px; padding-bottom: 70px; }

#loginButton { cursor: pointer; }

#logonArtwork { padding: 20px; }

#logonProgress { display: none; position: absolute; }

#logonLearn { cursor: pointer; }