body
{
    direction: ltr;
    background: black url( 'images/background.png' ) repeat top left;
    font-family: arial;

    label
    {
        display: none;
    }

    .roundCorners
    {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        behavior: url( 'pie/PIE.htc' );
    }

    .roundCornersBottom
    {
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        behavior: url( 'pie/PIE.htc' );
    }

    .noMargin
    {
        margin: 0px !important;
    }

    .noBorder
    {
        border: 0px !important;
    }

    .alignRight
    {
        text-align: left !important;
    }

    .alignLeft
    {
        text-align: right !important;
    }

    .isVisible
    {
        display: block !important;
    }

    .clearfix
    {
        clear: both;
    }

    #loggedUser
    {
        width: 738px !important;
        padding: 20px 20px 20px 20px;
        margin: 0px auto 0px auto;
        background-color: white;
        border-bottom: 3px solid green;

        .roundCornersBottom;

        .userDetails
        {
            .userImage
            {
                float: left;
    
                img
                {
                    padding-right: 10px;
                    margin-right: 10px;
                    border-right: 1px solid #EBEBEB;
                }
            }

            p
            {   
                margin: -5px 0px 0px 0px;

                float: left;

                b
                {
                    font-size: 11pt;
                }
    
                .returnBackLink
                {
                    background: none;
                    padding: 0px;
                    border: 0px;
                    text-decoration: underline;
                    cursor: help;
                }
            }
        }
    }

    #wrapper
    {
        
        padding: 20px 40px 20px 40px;
        margin: 30px auto 10px auto;
        background-color: white;
        border-bottom: 5px solid #B9B9B9;

        .roundCorners;

        .errorMessage,
        .successMessage
        {
            display: none;
            padding: 7px 10px 7px 10px;
            margin-bottom: 20px;
            border: 1px solid #E7B29A;
            background-color: #FFD9C8;
            color: #C04814;
            font-size: 10pt;

            p
            {
                margin: 0px;
                padding: 0px;
            }
        }

        .successMessage
        {
            border-color: #B3CD88;
            background-color: #D7ECB4;
            color: green;
            display: block;
        }

        .pageHeader
        {
            border-bottom: 3px solid #079B12;
            margin-bottom: 20px;

            h2
            {
                padding: 0px 0px 10px 0px;
                margin: 0px;
            }

            .completionRate
            {
                float: right;
                font-size: 10pt;
                font-weight: bold;
            }
        }
    }

    .loginForm
    {
        width: 400px;

        input
        {
            font-size: 10pt;
            width: 358px;
            padding: 10px;
            padding-left: 30px;
            margin-bottom: 20px;
            background: transparent url( 'images/user_gray.png' ) no-repeat 8px center;
            border: 1px solid #C0C0C0;

            -moz-box-shadow: inset 0 1px 2px #E5EAEF;
            -webkit-box-shadow: inset 0 1px 2px #E5EAEF;
            box-shadow: inset 0 1px 2px #E5EAEF;
        }

        .loginPass
        {
            background-image: url( 'images/key.png' );
        }

        .loginSubmit
        {
            float: right;
            border: 0px;
            border-top: 0px solid white;
            border-bottom: 5px solid #07790F;
            background-color: #079B12;
            color: white;
            padding: 7px 10px 7px 10px;
        }
    }

    .mainPage
    {
        width: 698px;

        .pageDescription
        {
            margin-bottom: 20px;
            padding: 10px;
            background-color: #F7F8F9;
            font-size: 10pt;
        }

        .createNew
        {
            padding: 10px;
            padding-left: 28px;
            border: 0px;
            border-left: 3px solid white;
            background: #D7ECB4 url( 'images/add.png' ) no-repeat 7px center;
            float: right;
            position: relative;
            right: -10px;
            top: -10px;
            font-size: 10pt;
            color: green;
            font-weight: bold;
        }

        .sectionLink
        {
            width: 125px;
            display: block;
            float: left;
            margin-right: 10px;
            padding: 70px 20px 70px 20px;
            border: 1px solid #C0C0C0;
            background-color: #EFEFEF;
            color: green;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
        }

        .recycleLink
        {
            padding-left: 20px;
            background: transparent url( 'images/bin.png' ) no-repeat left center;
            border-bottom: 1px dashed #C0C0C0;
            font-size: 10pt;
            text-decoration: none;
            color: red;
            font-weight: bold;
        }

        .returnBackLink
        {
            padding-left: 20px;
            background: transparent url( 'images/back.png' ) no-repeat left center;
            border-bottom: 1px solid #C0C0C0;
            font-size: 10pt;
            text-decoration: none;
            color: #545454;
            font-weight: bold;
        }

        .filterByMonth
        {
            float: right;

            *
            {
                font-size: 10pt;
            }
        }

        .coursesTable,
        .usersTable,
        .sessionsTable,
        .recycleTable,
        .formTable
        {
            width: 100%;
            margin-bottom: 20px;

            th
            {
                padding: 5px 7px 5px 7px;
                border-left: 1px solid #E5EAEF;
                border-right: 1px solid #E5EAEF;
                border-bottom: 3px solid #5CB3DC;
                font-size: 12pt;
            }

            td
            {
                padding: 5px 7px 5px 7px;
                border-bottom: 1px solid #E5EAEF;
                font-size: 10pt;
                text-align: center;
            }

            .noRows
            {
                font-style: italic;
                text-align: center;
            }

            .editButton
            {
                margin-right: 5px;
                padding: 2px 5px 4px 5px;
                border: 1px solid #C0C0C0;
            }

            .deleteButton
            {
                padding: 2px 5px 4px 5px;
                border: 1px solid #E7B29A;
                background-color: #FFD9C8;
            }

            input
            {
                width: 300px;
            }

            .submitButton
            {
                width: auto;
                border: 0px;
                border-top: 0px solid white;
                border-bottom: 5px solid #07790F;
                background-color: #079B12;
                color: white;
                padding: 7px 10px 7px 10px;
            }
        }

        .sessionActions
        {
            margin-bottom: 20px;

            button
            {
                border: 1px solid #C0C0C0;
                background-color: #EFEFEF;
                padding: 7px 10px 7px 10px;
            }
        }
    }

    .copyrights
    {
        margin: auto auto;

        p
        {
            text-align: center;
            font-size: 10pt;
            font-style: italic;
            color: white;

            a
            {
                color: grey;
            }
        }
    }
}