body {
    font-family: Candara, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

#headerBar {
    width: 100%;
    background-color: #a0cc82;
    color: #365635;
    padding: 1em 0;
    font-weight: bold;
}

#welcome {
    padding: 1em 0;
    font-size: 1.2em;
    color: #ddf;
}

#logForm, #setpwReqForm {
    display: inline-block;
}

#setpwReqForm {
    display: none;
    position: relative;
    top: -2.5em;
}

.formDiv, .formDivTop {
    /* position: fixed; top: 100px; left:75px; */
    background-color: #e3e1ce;
    border: solid 1px grey;
    border-radius: 10px;
    z-index: 200;
}
.formDivTop {
    border-radius: 0px;
}
.formDivTop .logoDiv img {
    width: 200px;
}

    .inputField input[type=text],input[type=password]{
        width: 100%;
        padding: 10px;
    }
    #pwiconCont {
        display: inline-block;
        width: 40px;
        position: relative;
        bottom: 30px;
    }
    #pwicon {
        width: 100%;
    }
    .textPrompt, .textPrompt2{
        padding: 10px 0;
    }
    .formDivTop .textPrompt{
        padding: 10px 20px;
    }
    .textPrompt a, .textPrompt2 a{
        color: #365635b2;
        font-weight: bold;
        text-decoration: none;
    }
    .textPrompt a:hover , .textPrompt2 a:hover{
        color: #353535;
    }
    .buttonDiv{ 
        margin-top: 10px;
    } 
        .button{
        background-color: #365635b2;
        color: white;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        padding: 5px 35px;
        cursor: pointer; 
        border-radius: 5px;
        }
        .button:hover{
            background-color: #ffffff;
            border: 1px solid #365635b2;
            color: #808080;
        }
        .whitebutton{
        background-color: #eeeeea;
        color: #365635b2;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        padding: 5px 35px;
        border-radius: 5px; 

        }
        .whitebutton:hover{
            background-color: #fcfcfc;
            border: 1px solid #365635b2;
            color: #808080;
        }
        #loginError, #emailError {
            color: #dd2222;
            display: none;
        }   

/* CSS For simple warning box */
        #curtain{
            display: none;
            position: fixed; top: 0; left: 0;
            width: 100%; height: 100%;
            background-color: black; opacity: 0.5;
            z-index: 1000;
        }


        .warningBox {
            background-color: #e0e0e0;
            color: black;
            padding: 25px;
            position: fixed; top: 100px; left: 40px;
            display: inline-block;
            width: 300px; 
            border-radius: 10px;
            z-index: 1200;
        }
        
        .warningBoxOK {
            float: right;
            background-color: #365635;
            color: #ffffff;
            font-size: large;
            font-weight: bold;
            margin: 15px;
            padding: 5px 10px;
            border: 1px solid #365635;
            border-radius: 5px;
            cursor: pointer;
        }
        
        .warningBoxOK:hover {
            background-color: #ffffff;
            color: #365635;
        }
    
        #couple{
            position:fixed;
            bottom: 0px;
        }
        #couple img {
            width: 100%;
        }

        #footerbar{
            width: 100%; 
            background-color: #444;
            position: fixed;
            bottom: 0;
        }