/**************************/
/*** User's Points ***/
/*************************/
/*=== Options ===*/
div.pointsOptions
{
    font-family: Verdana, Arial, sans-serif;
    width: 100%;
}

    /* Matches' Count */
    div.pointsOptions div.matchesCount
    {
        float: left;
        height: 22px;
        width: 40%;
        padding: 5px 0 0 5px;
    }

        div.pointsOptions div.matchesCount span
        {
            color: #0d5995;
            font-size: 11px;
            font-weight: bold;
            font-family: Verdana;
        }

            div.pointsOptions div.matchesCount span.notPlayedMatches
            {
                color: Navy;
            }


    /* Points View Tab */
    div.pointsOptions div.pointsViewTab
    {
        float: right;
        color: #0d5995;
        text-align: right;
        width: 50%;
        height: 30px;
        padding-bottom: 10px;
        margin: 0 1% 0 1%;
    }

        div.pointsOptions div.pointsViewTab fieldset.radius
        {
            float: right;
            text-align: center;
            border: solid 1px #95bcd6;
            border-radius: 6px;
            padding-left: 2px;
            padding-right: 2px;
            width: 160px;
        }

        div.pointsOptions div.pointsViewTab a
        {
            color: #0d5995;
            font-size: 11px;
            cursor: pointer;
            margin: 0px 2px 0px 2px;
        }

            div.pointsOptions div.pointsViewTab a.current
            {
                font-weight: bold;
            }

            div.pointsOptions div.pointsViewTab a:hover
            {
                color: #FFC000;
            }

    /*=== searchOptions ===*/
    div.pointsOptions div.searchOptions {
        color: #0d5995;
        float: left;
        text-align: left;
        font-size: 12px;
        width: 48%;
        line-height: 20px;
        margin: 0 1%;
    }

        div.pointsOptions div.searchOptions div 
        {
            float: left;
        }

        div.pointsOptionss div.searchOptions input[type=checkbox] 
        {
            cursor: pointer;
        }

        div.pointsOptions div.searchOptions label 
        {
            cursor: pointer;
            margin-right: 10px;
        }

    /* Variation */
    div.pointsOptions div.variation
    {
        float: right;
        text-align: right;
        width: 47%;
        margin: 0% 1%;
    }

        div.pointsOptions div.variation span
        {
            color: #0d5995;
            font-size: 11px;
        }

        div.pointsOptions div.variation input[type="text"]
        {
            font-family: Arial;
            width: 20px;
            height: 14px;
        }

        div.pointsOptions div.variation input[type="image"]
        {
            width: 10px;
            border-width: 0px;
        }

/**** usersPoints  *****/
div.usersPoints
{
    font-size: 11px;
    font-family: Arial;
    text-align: center;
    min-height: 20px;
    width: 96%;
    height: 100%;
    padding: 0px 0px 20px 0px;
    margin: 10px 2% 0 2%;
}

    div.usersPoints table.points
    {
        text-align: center;
        border-spacing: 0px;
        border: solid 1px #95bcd6;
        border-radius: 6px;
        width: 100%;
    }

        div.usersPoints table.points tr
        {
            cursor: default;
            height: 19px;
        }

            div.usersPoints table.points tr.header
            {
                font-size: 11px;
                font-weight: bold;
                height: 30px;
            }

                div.usersPoints table.points tr.header:hover
                {
                    background-color: transparent;
                }

            div.usersPoints table.points tr.alternative
            {
                background-color: #f0f6f8;
            }

            div.usersPoints table.points tr.selected
            {
                background-color: #ffc000;
            }

            div.usersPoints table.points tr.top
            {
                background-color: #C3DEF5;
            }

            div.usersPoints table.points tr:hover
            {
                background-color: #C3DEF5;
            }

            div.usersPoints table.points tr.header th
            {
            }

                div.usersPoints table.points tr.header th a
                {
                    text-decoration: underline;
                    cursor: pointer;
                }

                div.usersPoints table.points tr.header th img
                {
                    border-width: 0px;
                    margin-left: 2px;
                }

            div.usersPoints table.points tr td
            {
                border-top: solid 1px #95bcd6;
                border-right: solid 1px #95bcd6;
            }

                div.usersPoints table.points tr td:last-child
                {
                    border-right: 0px;
                }

            div.usersPoints table.points tr:last-child td:first-child
            {
                border-bottom-left-radius: 6px;
            }

            div.usersPoints table.points tr:last-child td:last-child
            {
                border-bottom-right-radius: 6px !important;
            }

/* Buttons */
div.chartButton
{
    text-align: right;
    margin: 0 2% 0 2%;
}

    div.chartButton button
    {
        width: 100px;
    }