﻿.competition
{
    position:relative;
    float:left;
    background-color:White;
    color:Black;
    text-align:center;
    max-width:100%;
}

.competition img.background{max-width:100%;}

.competition span.competitiontitle{position:relative;float:left;width:70%;margin:10px 15%;text-align:center;font-size:2em;font-weight:bold;}

.competition span.competitiondetails{position:relative;float:left;width:66%;margin:10px 15%;padding:5px 2%;text-align:left;font-size:1.1em;background-color:Black;color:White;border:1px solid Black;}

.competition span.competitiondetails img.fever-tree-logo
{
    position:relative;
    float:right;
    width:50%;
}

.competition .details
{
    position:relative;
    float:left;
    width:66%;
    margin:10px 15%;
    padding:5px 2%;
    z-index:2;
    background-color:White;
    border:1px solid Black;
}

.competition .details .validate
{
    position:relative;
    float:left;
    clear:both;
    padding-left:120px;
    color:Red;
    font-size:0.8em;
    z-index:2;
}

.competition .details h3
{
    margin:0px;
    padding:5px;
    text-align:left;
}

.competition .details span.complabel
{
    position:relative;
    float:left;
    clear:both;
    width:100px;
    padding:5px;    
    text-align:right;
    z-index:2;
}

.competition .details input.comp
{
    position:relative;
    float:left;
    margin:5px;
    z-index:2;
    max-width:90%;
}

.competition .details span.compentry
{
    position:relative;
    float:left;
    margin:5px;
    z-index:2;
}

.competition .details span.privacy
{
    position:relative;
    float:left;
    clear:both;
    z-index:2;
    font-size:0.9em;
    vertical-align:bottom;
}

.competition .questions
{
    position:relative;
    float:left;
    width:66%;
    margin:10px 15%;
    padding:5px 2%;
    background-color:Black;
    color:White;
    z-index:2;
}

.competition .questions .validate
{
    position:relative;
    float:left;
    clear:both;
    padding-left:0px;
    color:Red;
    font-size:0.8em;
    z-index:2;
}

.competition .questions span.compquestion
{
    position:relative;
    float:left;
    clear:both;
    padding:0;
    margin:0;
    font-size:1.2em;
    font-weight:bold;
    text-align:left;
    z-index:2;
}

.competition .questions input.companswer
{
    position:relative;
    float:left;
    clear:both;
    text-align:left;
    width:600px;
    max-width:90%;
    margin:0;
    z-index:2;
}

.competition input.button
{
    position:relative;
    float:left;
    clear:both;
    margin-left:17%;
    padding:10px;
    z-index:2;
    top: 0px;
    left: 0px;
    font-size:1.2em;
    font-weight:bold;
    background-color:White;
    border:1px solid Black;
}

.competition .tandc
{
    position:relative;
    float:left;
    clear:both;
    width:80%;
    margin:10px 10%;
    text-align:left;
    font-size:0.7em;
    z-index:2;
}