/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 16, 2015, 2:11:58 PM
    Author     : SLAFF
*/

/******************************************************************************/
/****************************** INDEX HELP  ***********************************/
/******************************************************************************/
.helplinks {
    margin: 10px 1%;  
    padding-bottom: 20px; 
}

    .helplinks ol {
        font-size: 13px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    } 
    
    .helplinks ol li {
        float: left;
        width: 50%;
        margin: 8px 0;
        font-weight: bold;
        color: #fff;
        background: #a0a0a0 url('../../images/common.svg') -228px -606px no-repeat;
    }
    
    .helplinks ol li div {
        background-color: #fff;
        color: #686868;
        padding: 10px;
        font-weight: normal;
        margin-left: 36px;
    }

/******************************************************************************/
/********************************** FAQ ***************************************/
/******************************************************************************/
.helpfaq {
    font-size: 13px;
    margin: 10px 1%;
    padding-bottom: 10px;
}

.helpfaq .faqitem {
    margin: 10px 0;
    border-bottom: 1px solid #D0D0D0;
    background-color: #fff;
}

    .helpfaq .faqitem .title {
        background-color: #c0c0c0;
        color: #fff;
        padding: 8px;
        font-weight: bold;
        text-shadow: 1px 1px #787878;
    }

    .helpfaq .faqitem .subtitle {
        display: block;
        background-color: #f1f1f1;
        border-bottom: 1px solid #d0d0d0;
    }

        .helpfaq .faqitem .subtitle .author {
            display: inline;    
            float: left;    
            padding: 4px 10px;
            font-weight: bold;
            white-space: nowrap;
        }

        .helpfaq .faqitem .subtitle .published  {
            display: inline;    
            float: right;    
            padding: 4px 10px;
            white-space: nowrap;
        }

    .helpfaq .faqitem .text {
        padding: 10px;
        text-align: left;
    }

    
/******************************************************************************/
/********************************** ABOUT *************************************/
/******************************************************************************/ 
    .about .item {
        display: block;
        margin: 10px 40px;
        font-size: 13px;
    }
        
        .about .item .label {
            float: left;
            width: 18%;
            padding: 9px 2% 9px 0;
            text-align: left;
            background-color: #e0e0e0;
            font-weight: bold;
            text-align: right;
        }
        
        .about .item .value {
            float: left;
            width: 78%;
            text-align: left;
            padding: 9px 0 9px 2%;      
            background-color: #f1f1f1;
        } 

/******************************************************************************/
/************************ HELP TERMS, POLICIES, COOKIES ***********************/
/******************************************************************************/
.rankingawards,
.helpcookies,
.helppolicies,
.helpterms {
    font-size: 13px;
    padding-bottom: 10px;
}

.rankingawards .item,
.helpcookies .item,
.helppolicies .item,
.helpterms .item {
    margin: 10px 1%;
}

    .rankingawards .item .title,
    .helpcookies .item .title,
    .helppolicies .item .title,
    .helpterms .item .title {
        background-color: #c0c0c0;
        color: #fff;
        padding: 8px;
        font-weight: bold;
        text-shadow: 1px 1px #787878;
    }

    .rankingawards .item .text,
    .helpcookies .item .text,
    .helppolicies .item .text,
    .helpterms .item .text {
        padding: 10px;
        text-align: justify;
        border-bottom: 1px solid #d0d0d0;
    }
    
/******************************************************************************/
/************************ RANKING AWARDS, USER RANKING ************************/
/******************************************************************************/
.useranking,
.rankingawards {
    font-size: 13px;
    margin: 10px 1%;
    line-height: 20px;
}

    .useranking h2,
    .rankingawards h2 {
        text-align: center;
    }

    .useranking .item,
    .rankingawards .item {
        margin: 10px 0 20px 0;
    }

    .useranking .item .title,
    .rankingawards .item .title {
        background-color: #c0c0c0;
        color: #fff;
        padding: 8px;
        font-weight: bold;
        text-shadow: 1px 1px #787878;
    }

    .useranking .item .text,
    .rankingawards .item .text {
        padding: 10px;
        text-align: justify;
        border-bottom: 1px solid #d0d0d0;
    }
    
    .useranking .item .text.center,
    .rankingawards .item .text.center {
        text-align: center;
    }
    
        .useranking .item .text .go,
        .rankingawards .item .text .go {
            padding: 9px;
            border: 3px solid #FFD761;
            background-color: #FFF;
        }    
    
        .useranking .item .text img.floated,
        .rankingawards .item .text img.floated {
            float: left;
            margin: 0 10px 10px 0;
        }

            .useranking .item .text .badge,               
            .rankingawards .item .text .badge {                
                padding: 10px;
            }
            
            .useranking .item .text .badge img,
            .rankingawards .item .text .badge img {
                margin: -10px 10px -10px 0;
                height: 40px;
            }        

            
/******************************************************************************/
/********************************** CONTACT ***********************************/
/******************************************************************************/ 
.contact {
    font-size: 13px;
    padding-bottom: 10px;
    margin: 10px 1%;
}

    .contact .item {
        display: block;
        margin: 10px 0;
    }
        
        .contact .item.submit {
            text-align: center;
        }
    
        .contact .item .header {
            padding: 9px;
            font-weight: bold;
            text-align: left;
            text-shadow: 1px 1px #fff;
            background-color: #eee;
            border-bottom: 1px solid #d0d0d0;  
            margin-bottom: 10px;
        }    
    
        .contact .item .label {
            float: left;
            width: 220px;
            padding: 8px 10px 8px 0;
            text-align: left;
            font-weight: bold;
            text-align: right;
            text-shadow: 1px 1px #fff;
        }
        
        .contact .item .value {
            text-align: left;
            padding: 0 9px;
            margin-left: 230px;
            overflow: hidden;
        }   
        
            .contact .item .value .mail,
            .contact .item .value .link,
            .contact .item .value .text {
                padding: 9px 0;
            }
        
            .contact .item .value input {
                padding: 7px;
                width: 200px;
                border: 1px solid #d0d0d0;
                background-color: #fff;
            }

            .contact .item .value textarea {
                width: 90%;
                border: 1px solid #d0d0d0;
                background-color: #fff;            
            }
        
        .contact .item .error {
            background-color: #E42626;
            color: #fff;
            padding: 4px;
            margin-left: 239px;
            display: none;
            margin-top: 5px;
        }
        
        .contact .item .error.shown {
            display: block;
        }
        
        .contact .item .value .reload {
            float: left;
            width: 30px;
            height: 30px;
            background: #989898 url('../../images/common.svg') -10px -249px no-repeat;
            cursor: pointer;
        }
           
        .contact .item .value img {
            float: left;
            height: 30px;
        }

        ::-webkit-input-placeholder { color: #fff; }
        :-moz-placeholder { color: #fff; }
        ::-moz-placeholder { color: #fff; }
        :-ms-input-placeholder { color: #fff; }