/*The main div containing content for the page*/
#mainDiv 
{
    position:relative;
    border-width:1px;
    border-style:solid;
    border-color:#D8D8D8;
    background: #F5F5F5;
    float: left;
    min-height: 620px;
    width:42%;
    margin-top:15px;
}

#mainDiv div {
    background: #F5F5F5;
}

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

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

    #button:hover {
        background: #00c1d6;
        transition: .5s ease;
    }

#username
{
    margin-bottom:10px;
}

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

/*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;
    color: #434343;
}

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

/*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;
}

.helpLinks .sectionTitle {
    font-weight: bold;
    color: #F47920;
}

.helpLinks .question {
    color: #434343;
}