/*The main div containing content for the page*/
#mainDiv 
{
    position:relative;
    border-width:1px;
    border-style:solid;
    border-color:#CBCBCB;
    width:42%;
    margin-top:15px;
}

/*The authenticating image*/
#waitingDiv
{
    display:none;
    padding-left:30px;
    height:25px;
    padding-top:5px;
    margin-right:15px;
    margin-bottom:15px;
    color:#008067;
    font-weight:bold;
}

/*The continue button*/
#button {
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
    width: 125px;
    height: 30px;
    color: #EEEEEE;
    font-weight: normal;
    background: #008897;
    transition: .5s ease;
    border: 1px solid #144984;
}

    #button.ACP040, #button.APO042 {
        background: linear-gradient(to bottom, rgba(49, 150, 131) 0%, rgba(2, 102, 83) 100%);
        transition: .5s ease;
    }

        #button.ACP040:hover, #button.APO042:hover {
            background: linear-gradient(to bottom, rgba(79, 180, 161) 0%, rgba(32, 132, 113) 100%);
            transition: .5s ease;
        }

#username
{
    margin-bottom:10px;
}

#usernameLabel
{
    display:block;
    margin-bottom:10px;
}

/*A way to put space in the content*/
#upperSpacer
{
    height:40px;
}

#lowerSpacer
{
    height:40px;
}

/*Setting the background color for the pages main content*/
.mainDiv
{
    background-color:#EEEEEE;
}

.mainDiv div
{
    background-color:#EEEEEE;
}

/*Moving items away from the left border of the main content area*/
#usernameLabel, #username, .errorDiv
{
    margin-left:20px;
}

#checkBox
{
    margin-top:10px;
    margin-left:20px;
}

#checkLabel
{
    vertical-align:text-bottom;
}

/*The bold information at the top giving the user instructions*/
.mainInstructions
{
    font-weight:bold;
    margin-top:15px;
    margin-left:5px;
}

/*A space to house the error so the page doesn't change shape*/
.errorSpacer
{
    height:20px;
}

/*A div that contains error messages.  This should be in a global or master css*/
.errorDiv
{
    color:#FF0000;
}

/*The button and authenticating action*/
.bottomLeft
{
    float:left;
}

/*Working with the Remember Me label and checkbox*/
.bottomRight
{
    float:right;
}