body {
    //font-family: Verdana, Arial;
    font-family: 'Maven Pro', Arial, sans-serif;
    box-sizing: border-box;
    margin-top:0px;
    margin-bottom:50px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:50px;
}
.bodyBox {
    margin: auto;
    padding: 10px;
    width:100%;
    max-width: 800px;
    //font-family: Verdana, Arial;
    font-family: 'Maven Pro', Arial, sans-serif;
    box-sizing: border-box;
    /*
    border:1px solid #DDDDDD;
    border-radius: 6px;
    box-shadow: 5px 5px 5px #DDDDDD;
    */
    min-height: 800px;
}
.bodyBox td {
    padding-bottom: 10px;
}
.topSection {
    position:fixed;
    top:0px;
    left:0;
    padding-top:10px;
    z-index:100;
    //background-image: url("../images/aeTopBg.png");
    //background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:100%;
    height:70px;
}
.formSection {
    box-sizing: border-box;
    margin-top:75px;
    margin-bottom:0px;
    padding:0px;
    background-image: url("../images/da-bg-img-20201201-h600.png");
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: top right;
    min-height:400px;
    overflow:auto;
}

.formBox {
    box-sizing: border-box;
    text-align:center;
    max-width:340px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    background-color: #FFFFFF;
    border: 4px solid rgb(228,0,28);
    border-radius: 6px;
    height:100%;
    margin:0px;
}
.formBox h3 {
    font-size: 120%;
}

.formPage {
    height:400px;
    width:320px;
    margin:auto;
}

.middleSection {
    overflow: auto;
    text-align:center;
}

.logoBox {
    max-width:800px;
    margin:auto;
    width:100%;
}
.logoBox img {
    margin-left:20px;
}
.redBand{
    display:block;
    height:50px;
    background-color:rgba(219,0,18,1);*/
    /*background: rgba(0, 0, 0, 0.6);*/
    padding-left: 20px;
    width:100%;
    display:table;
}
.redBand h1 {
    margin:0px;
    padding-left: 20px;
    vertical-align:middle;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 1px #888888;
    display:table-cell;
    vertical-align: middle;
}

.headerBox {
    margin-top:100px;
    width:100%;
    margin:auto;
    text-align:center;
    font-size:80%;
    margin-top:50px;
    margin-bottom:50px;
    max-width:450px;
}

.errorBox {
    width:100%;
    margin:auto;
    margin-top: 200px;
    text-align:center;
    color:#FF0000;
}

.contentBox {
    width:100%;
    margin:auto;
    text-align:center;
}
.formTable {
    box-sizing: border-box;
    width:100%;
    text-align:left;
    margin-left:20px;
}
.label {
    text-align:right;
    vertical-align:middle;
    font-size:80%;
    padding-right:5px;
}
.field {
    text-align:left;
    vertical-align:middle;
}

.field-input {
    width:260px;
}
.field-uppercase {
    text-transform: uppercase;
}
.field-lowercase {
    text-transform: lowercase;
}

.field-center {
    text-align:center;
    vertical-align:middle;
}

.field-left {
    text-align:left;
    vertical-align:middle;
}

input[type="text"], input[type="password"], textarea {
    border:1px solid #888888;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    //font-family: Verdana, Arial;
    font-family: 'Maven Pro', Arial, sans-serif;
    box-sizing: border-box;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: #FFFF00;
}


select {
    border:1px solid #888888;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    //font-family: Verdana, Arial;
    font-family: 'Maven Pro', Arial, sans-serif;
    box-sizing: border-box;
}

input[type="button"], input[type="submit"], button {
    border:0px;
    border-radius: 6px;
    background-color: #555555;
    color:#FFFFFF;
    padding: 10px 15px 10px 15px;
    //font-family: Verdana, Arial;
    font-family: 'Maven Pro', Arial, sans-serif;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background-color: #FF0000;
}

.jobBox {
    display:block;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    text-align:left;
    margin-bottom: 10px;
}

.jobButtonBox {
    text-align:right;
}

.jobButtonBox button {
    padding-right:20px;
    
}

.buttonBox {
    padding-right:20px;
    width:100%;
    text-align:right;
    padding-bottom: 50px;
}

.floatItem {
    float:left;
    max-width:240px;
    padding:0px;
    margin-right:20px;
    text-align:center;
    margin-bottom:20px;
}

.floatItemHeader {
    background-color:rgb(83,91,80);
    color:#FFFFFF;
    height:45px;
    vertical-align:middle;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:bold;
}
.floatItemBody {
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}