.taskname
{
    text-align: center;
    padding: 30px 0px 0px 0px;
    font-size: 20px;
    color: #286e8f;
}

.tasknotes
{
    line-height: 150%;
    text-align: left;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border: 1px solid #e0e0e0;
    background-color: #f8f8f8;
    width: 900px;
}


#loginmain
{
    padding: 20px 120px 30px 120px;
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 16px;
    color: #38759c;
    overflow: auto;
}

    #loginmain .loginform
    {
        border: 2px solid #f8c07c;
        background-color: #fde5c6;
        padding-top: 20px;
        width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    #loginmain .loginform
    {
        border: 2px solid #f8c07c;
        background-color: #fde5c6;
        width: 400px;
        height: 200px;
        padding-top: 20px;
        float: left;
    }

    #loginmain .loginsignup
    {
        border: 2px solid #f8c07c;
        background-color: #fde5c6;
        margin-left: 30px;
        float: left;
        width: 300px;
        height: 200px;
        padding-top: 20px;
    }

    #loginmain .logintitle
    {
        text-align: center;
        padding-top: 10px;
        color: #45b1e4;
    }

    #loginmain .logininputline
    {
        clear: both;
        line-height: 150%;
        padding-top: 10px;
        vertical-align: middle;
    }

        #loginmain .logininputline .title
        {
            text-align: right;
            width: 180px;
            float: left;
        }

        #loginmain .logininputline .control
        {
            text-align: left;
            width: 200px;
            float: left;
        }

        #loginmain .logininputline input
        {
            width: 120px;
            height: 18px;
            border: 1px solid #888888;
        }

    #loginmain .loginbuttonline
    {
        clear: both;
        padding-bottom: 30px;
        padding-top: 20px;
    }

        #loginmain .loginbuttonline input
        {
            padding-bottom: 2px;
            padding-top: 2px;
            width: 100px;
            border: 1px solid #55b3fa;
            background-color: #79c4fd;
            color: White;
            font-size: 18px;
        }

    #loginmain .notes
    {
        padding: 10px;
        color: Red;
    }

#studentmain
{
    padding: 10px 50px 0px 50px;
    font-size: 13px;
}

    #studentmain .notes
    {
        margin-left: auto;
        margin-right: auto;
        width: 900px;
    }

        #studentmain .notes .caption
        {
            margin-top: 5px;
            background-color: #66CCFF;
            text-align: center;
            font-size: 14px;
            padding: 5px 5px 5px 5px;
        }

        #studentmain .notes .content
        {
            text-align: left;
            padding-top: 5px;
        }

            #studentmain .notes .content div
            {
            }

    #studentmain .items
    {
        padding-top: 20px;
        text-align: center;
    }

    #studentmain .itemgroup, #studentmain .itemgroup1
    {
        border: 1px solid #55b3fa;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        width: 900px;
        border-collapse: collapse;
    }

        #studentmain .itemgroup td table
        {
            border: 0px;
        }

            #studentmain .itemgroup td table th, #studentmain .itemgroup td table td, #student .itemgroup td div
            {
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                vertical-align: middle;
                border: 0px;
            }

        #studentmain .itemgroup caption, #studentmain .itemgroup1 caption
        {
            background-color: #79c4fd;
            text-align: center;
            padding-bottom: 8px;
            padding-top: 8px;
            font-weight: bold;
            border-bottom: 2px solid #ffffff;
        }

        #studentmain .itemgroup td
        {
            text-align: left;
            vertical-align: middle;
            padding: 2px 5px 2px 5px;
            border: 1px solid #79c4fd;
        }

            #studentmain .itemgroup td .notes
            {
                margin-left: 5px;
                color: Gray;
            }

        #studentmain .itemgroup th
        {
            width: 120px;
            background-color: #d5ebfc;
            text-align: center;
            vertical-align: middle;
            line-height: 150%;
            padding: 5px 0px 5px 0px;
            color: #4c90a6;
            border: 1px solid #79c4fd;
        }

        #studentmain .itemgroup .value21
        {
            width: 330px;
        }

        #studentmain .itemgroup .value22
        {
            width: 780px;
        }

        #studentmain .itemgroup .value1
        {
        }

        #studentmain .itemgroup .value2
        {
            width: 478px;
        }

        #studentmain .itemgroup .value3
        {
            width: 778px;
        }

        #studentmain .itemgroup input[type=text]
        {
            border: 1px solid #cccccc;
            height: 18px;
        }

            #studentmain .itemgroup input[type=text]:hover
            {
                border: 1px solid #888888;
            }

    #studentmain .info
    {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 30px;
        color: Blue;
    }

    #studentmain .btns
    {
        text-align: center;
        padding: 10px 0px 10px 0px;
    }

        #studentmain .btns input
        {
            padding-bottom: 5px;
            padding-top: 5px;
            margin-left: 5px;
            margin-right: 5px;
            width: 130px;
            border: 1px solid #55b3fa;
            background-color: #79c4fd;
            color: White;
            font-size: 18px;
        }

    #studentmain .itemgroup1 th
    {
        background-color: #e1eaf2;
        text-align: center;
        vertical-align: middle;
        line-height: 150%;
        padding: 5px 0px 5px 0px;
        color: #4c90a6;
        border: 1px solid #5da2dd;
    }

    #studentmain .itemgroup1 td
    {
        text-align: center;
        width: auto;
        vertical-align: middle;
        padding: 2px 5px 2px 5px;
        border: 1px solid #5da2dd;
    }
    #studentmain .dlg
    {
    }

        #studentmain .dlg .header
        {
            border-bottom: 2px solid #ff9933;
            text-align: center;
            padding: 10px;
            font-size: 16px;
            color: #286e8f;
            font-size: 16px;
            border-bottom-color: #286e8f;
        }

        #studentmain .dlg .content
        {
        }

        #studentmain .dlg .footer
        {
            text-align: center;
        }

#notesmain
{
    padding: 50px 0px 30px 0px;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

    #notesmain .notes
    {
        border: 2px solid #f8c07c;
        background-color: #faecdb;
        text-align: center;
        padding: 2px 2px 2px 2px;
        line-height: 200%;
        font-size: 14px;
    }

#flowmain
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 20px 0px;
}

    #flowmain .title
    {
        text-align: left;
        line-height: 150%;
        font-size: 18px;
        padding-top: 20px;
    }

    #flowmain .flowtitle
    {
        text-align: left;
    }

    #flowmain .flow1, #flowmain .flow2, #flowmain .flow3, #flowmain .flow4, #flowmain .flow5
    {
        border: 2px solid #f8c07c;
        background-color: #fde5c6;
        margin-top: 10px;
        padding: 5px 5px 5px 5px;
    }

    #flowmain .flowcontent
    {
        padding: 5px 0px 0px 55px;
        text-align: left;
    }