img.framed
{
    margin-right: 5px;
    border: solid 1px black;
}

#secondaryPanelContainer #Competition
{
    background-image: url( '../gfx/CompetitionBoxBackground.png' );
    margin-bottom: 5px;
}

    #Competition .titleBar
    {
        padding: 5px 10px 5px 10px;
    }

        #Competition .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }

        #Competition .titleBar .boxMoreLink
        {
            
            float: right;
            font-size: 10px;
            color: #ffffff;
        }

        #Competition .boxMoreLink a
        {
            text-decoration: none;
            color: #ffffff;
        }

        #Competition .boxMoreLink a:hover
        {
            text-decoration: none;
            color: #cccccc;
        }

    #Competition .boxContent
    {
        padding: 10px 10px 10px 10px;
        color: white;
    }

        #Competition .boxContent .competitionName
        {
            font-weight: bold;
        }

        #Competition .boxContent .competitionDescription
        {
            color: white;
        }

        #Competition .boxContent a.readMore
        {
            color: #959595;
        }

        #Competition .boxContent img
        {
            margin-right: 5px;
        }

/* *********************************************************** */

#secondaryPanelContainer #Newsletter
{
    background-color: #1C1C1C;
    padding-bottom: 5px;
}

    #Newsletter .titleBar
    {
        background-color: #791317;
        padding: 5px 10px 5px 10px;
        border-bottom: solid 1px black;
    }

        #Newsletter .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }


    #Newsletter .boxContent
    {
        padding: 3px 10px 3px 10px;
        color: white;
        text-align: center;
    }

        #Newsletter .boxContent input.newsletter
        {
            border: solid 1px #5a5a5a;
            background-color: #333333;
            color: white;
        }

        #Newsletter .boxContent .resign
        {
            color: #959595;
        }




/* *********************************************************** */

#secondaryPanelContainer #ClubsRank
{
    background-color: #1C1C1C;
}

    #ClubsRank .titleBar
    {
        background-color: #791317;
        padding: 5px 10px 5px 10px;
        border-bottom: solid 1px black;
    }

        #ClubsRank .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }

        #ClubsRank .titleBar .boxMoreLink
        {
            
            float: right;
            font-size: 10px;
            color: #ffffff;
        }

        #ClubsRank .boxMoreLink a
        {
            text-decoration: none;
            color: #ffffff;
        }

        #ClubsRank .boxMoreLink a:hover
        {
            text-decoration: none;
            color: #cccccc;
        }

    #ClubsRank .boxContent
    {
        padding: 3px 10px 3px 10px;
        color: #959595;
        text-align: center;
    }

        #ClubsRank .boxContent table
        {
            width: 95%;
            border-style: none none none none;
            border-collapse: collapse;
        }

            #ClubsRank .boxContent table tr
            {
                border-spacing: 0px;
            }

                #ClubsRank .boxContent table td
                {
                    font-size: 1em;
                    vertical-align: top;
                    padding: 2px 2px 2px 2px;
                    text-align: left;
                }

                #ClubsRank .boxContent table td a
                {
                    color: #959595;
                }


/* *********************************************************** */

#secondaryPanelContainer #Download
{
    background-color: #1C1C1C;
}

    #Download .titleBar
    {
        background-color: #791317;
        padding: 5px 10px 5px 10px;
        border-bottom: solid 1px black;
    }

        #Download .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }

        #Download .titleBar .boxMoreLink
        {
            
            float: right;
            font-size: 10px;
            color: #ffffff;
        }

        #Download .boxMoreLink a
        {
            text-decoration: none;
            color: #ffffff;
        }

        #Download .boxMoreLink a:hover
        {
            text-decoration: none;
            color: #cccccc;
        }

    #Download .boxContent
    {
        padding: 3px 10px 3px 10px;
        color: #959595;
        text-align: center;
    }

        #Download .boxContent table
        {
            width: 95%;
            border-style: none none none none;
            border-collapse: collapse;
        }

            #Download .boxContent table tr
            {
                color: #959595;
            }

                #Download .boxContent table th, #Download .boxContent table td
                {
                    border-spacing: 4px;
                    font-size: 1em;
                    vertical-align: top;
                    padding: 2px 2px 2px 2px;
                    text-align: left;
                }

                #Download .boxContent table th
                {
                    font-weight: bold;
                }


/* *********************************************************** */

#secondaryPanelContainer #News
{
    background-color: #1C1C1C;
}

    #News .titleBar
    {
        background-color: #791317;
        padding: 5px 10px 5px 10px;
        border-bottom: solid 1px black;
    }

        #News .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }

        #News .titleBar .boxMoreLink
        {
            
            float: right;
            font-size: 10px;
            color: #ffffff;
        }

        #News .boxMoreLink a
        {
            text-decoration: none;
            color: #ffffff;
        }

        #News .boxMoreLink a:hover
        {
            text-decoration: none;
            color: #cccccc;
        }

    #News .boxContent
    {
        padding: 3px 10px 3px 10px;
        color: #959595;
        text-align: center;
    }

        #News .boxContent table
        {
            width: 95%;
            border-spacing: 1px;
            border-style: none none none none;
            border-collapse: collapse;
        }

            #News .boxContent table tr
            {
                border-spacing: 1px;
                color: #959595;
            }

                #News .boxContent table td
                {
                    border-spacing: 4px;
                    border-bottom: solid 1px #791317;
                    font-size: 1em;
                    vertical-align: top;
                    padding: 2px 2px 2px 2px;
                    text-align: left;
                }

                #News .boxContent table td a.newsTitle
                {
                    font-weight: bold;
                    color: #959595;
                }

                #News .boxContent table td a.newsTitle:hover
                {
                    font-weight: bold;
                }

                #News .boxContent table td .newsDate
                {
                    font-size: 0.9em;
                }



/* *********************************************************** */

#secondaryPanelContainer #Fotozone
{
    background-color: #1C1C1C;
}

    #Fotozone .titleBar
    {
        background-color: #791317;
        padding: 5px 10px 5px 10px;
        border-bottom: solid 1px black;
    }

        #Fotozone .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }

        #Fotozone .titleBar .boxMoreLink
        {
            
            float: right;
            font-size: 10px;
            color: #ffffff;
        }

        #Fotozone .boxMoreLink a
        {
            text-decoration: none;
            color: #ffffff;
        }

        #Fotozone .boxMoreLink a:hover
        {
            text-decoration: none;
            color: #cccccc;
        }

    #Fotozone .boxContent
    {
        padding: 10px 10px 5px 10px;
        color: #959595;
    }

        #Fotozone .boxContent .fotozoneItem
        {
            width: 65px;
            text-align: center;
            float: left;
            margin-right: 5px;
        }

        #Fotozone .boxContent .fotozoneItem img
        {
            border: solid 1px #791317;
            margin: 4px;
        }



/* *********************************************************** */

#secondaryPanelContainer #ChartHits
{
    background-color: #1C1C1C;
}

    #ChartHits .titleBar
    {
        background-color: #791317;
        padding: 5px 10px 5px 10px;
        border-bottom: solid 1px black;
    }

        #ChartHits .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }

        #ChartHits .titleBar .boxMoreLink
        {
            
            float: right;
            font-size: 10px;
            color: #ffffff;
        }

        #ChartHits .boxMoreLink a
        {
            text-decoration: none;
            color: #ffffff;
        }

        #ChartHits .boxMoreLink a:hover
        {
            text-decoration: none;
            color: #cccccc;
        }

    #ChartHits .boxContent
    {
        padding: 10px 10px 5px 10px;
    }

        #ChartHits .boxContent ol
        {
            padding: 0em 0.3em 0.2em 1.5em;
            margin: 0px;
        }
            #ChartHits .boxContent li
            {
                color: #959595;
            }


/* *********************************************************** */
#secondaryPanelContainer #Hardware
{
    background-image: url( '../gfx/HardwareBoxBackground.png' );
}

    #Hardware .titleBar
    {
        background-color: #791317;
        padding: 5px 10px 5px 10px;
        border-bottom: solid 1px black;
    }

        #Hardware .titleBar .boxTitle
        {
            float: left;
            font-size: 1.0em;
        }

        #Hardware .titleBar .boxMoreLink
        {
            
            float: right;
            font-size: 10px;
            color: #ffffff;
        }

            #Hardware .boxMoreLink a
            {
                text-decoration: none;
                color: #ffffff;
            }

            #Hardware .boxMoreLink a:hover
            {
                text-decoration: none;
                color: #cccccc;
            }

    #Hardware .boxContent
    {
        padding: 10px 10px 10px 10px;
        color: #959595;
    }

        #Hardware .boxContent .hardwareName
        {
            font-weight: bold;
            font-size: 1em;
        }

        #Hardware .boxContent .hardwareDescription
        {
            font-size: 0.9em;
        }

        #Hardware .boxContent a.readMore
        {
            font-size: 0.9em;
            color: #959595;
        }

        #Hardware .boxContent img
        {
            margin-right: 5px;
        }