﻿.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 {
        display: none;
    }

    .competition span.competitiondetails {
        position: relative;
        float: left;
        width: 66%;
        margin:30px 18%;
        font-size:1.6em;
    }
    .competition span.competitiondetails img{
            position:relative;
            float:left;
            width:35%;
            margin-right:5%;
    }

        .competition span.competitiondetails span.runnersup {
            position: relative;
            float: left;
            width:45%;
            text-align: left;
        }



        .competition span.competitiondetails span.toenter{
            position: relative;
            float: left;
            width:100%;
            clear: both;
            text-align: left;
        }

    .competition .details {
        position: relative;
        float: left;
        width: 66%;
        margin: 10px 14%;
        padding: 5px 2%;
        border:1px solid black;
        z-index: 2;
    }

        .competition .details .validate {
            position: relative;
            float: left;
            clear: both;
            padding-left: 120px;
            color: red;
            font-size: 1em;
            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: 9pt;
            vertical-align: bottom;
        }

    .competition .questions {
        position: relative;
        float: left;
        width: 66%;
        margin: 10px 15%;
        padding: 5px 2%;
        z-index: 2;
    }

        .competition .questions .validate {
            position: relative;
            float: left;
            clear: both;
            padding-left: 0px;
            color: red;
            font-size: 1em;
            z-index: 2;
        }

        .competition .questions span.compquestion {
            position: relative;
            float: left;
            clear: both;
            padding: 0;
            margin: 0;
            font-size: 1.5em;
            font-weight: bold;
            text-align: left;
            z-index: 2;
        }

        .competition .questions input.companswer {
            position: relative;
            float: left;
            clear: both;
            text-align: left;
            margin: 0;
            z-index: 2;
        }

    .competition input.button {
        position: relative;
        float: left;
        clear: both;
        margin-left: 15%;
        padding: 5px;
        z-index: 2;
        top: 0px;
        left: 0px;
        font-size: 1.2em;
    }

    .competition .tandc {
        position: relative;
        float: left;
        clear: both;
        width: 80%;
        margin: 10px 10%;
        text-align: left;
        font-size: 0.7em;
        z-index: 2;
    }

    a.toprightimage{display:none !important;}
    a.footer728x90{display:none !important;}

@media screen and (max-width:800px) {
    .competition span.competitiondetails {
        width: 90%;
        margin: 30px 5%;
    }

    .competition span.competitiondetails span.runnersup {
        width: 60%;
    }