/*
 Title: Tinga Tinga Website
 Description: Grownups - Competitions CSS for Tinga Tinga Website
 */
body {
    background: #ea8c14 url(../images/background-competitions.jpg) 0 0 repeat;
}

#main {
    background: url(../images/grownups_competitions_content_back.jpg) 0 0 no-repeat;
}

a {
    color: #60196c;
    text-decoration: underline;
}

.br {
    background: #e9c9b5;
}

/*
 Main Content
 */
#grownups {
    height: 1013px;
    overflow: hidden;
}

#grownups #content {
    float: left;
}

/* Grownups Content Section */
#content {
    margin: 0px 20px 0 20px;
    width: 556px;
    color: #60196c;
}

h2.grownups_comp_header {
    background: url(../images/grownups_comp_header.png) 0 0 no-repeat;
    width: 412px;
    height: 58px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

h3.grownups_comp_subheader {
    margin: 10px 0;
    background: url(../images/grownups_comp_subheader.png) 0 0 no-repeat;
    width: 406px;
    height: 43px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

h3.comp_thanks {
    margin-top: 10px;
    background: url(../images/comp_thanks.png) 0 0 no-repeat;
    width: 421px;
    height: 85px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

h4.question {
    margin-top: 30px;
    margin-bottom: 10px;
    width: 196px;
    height: 19px;
    background: url(../images/comp_question.png) 0 0 no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}

h4.answer {
    margin-top: 30px;
    margin-bottom: 10px;
    width: 216px;
    height: 19px;
    background: url(../images/comp_answer.png) 0 0 no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}

/* */
.comp {
    width: 100%;
    height: 532px;
    overflow: hidden;
}

.comp .formimage {
    float: right;
}

/* Form */
.submit {
    width: 100%;
    overflow: hidden;
    /*border-top: 1px solid #e9c7ad;*/
}

.compinfo {
    padding-top: 12px;
    float: left;
}

form p {
    /*width: 100%;*/
    overflow: hidden;
}

/*.form input {
 padding: 10px 14px;
 width: 208px;
 background: transparent url(../images/input_back.png) 0 0 no-repeat;
 display: block;
 float: left;
 }*/
.form input.submit_button {
    margin-left: 50px;
    padding: 0;
    width: 114px;
    height: 44px;
    background: none;
    display: block;
    float: left;
}

.form input.next_button {
    margin-left: 50px;
    padding: 0;
    width: 114px;
    height: 44px;
    background: none;
    display: block;
    float: left;
}

.form label {
    margin-right: 10px;
    width: 250px;
    height: 34px;
    display: block;
    overflow: hidden;
    float: left;
}

.form label.answer {
    padding-top: 6px;
    width: 240px;
    /*height: 34px;
     display: block;
     overflow: hidden;
     text-indent: -9999px;
     background: url(../images/answer_label_purple.png) 0 0 no-repeat;*/
}

.form label.label_firstname {
    background: url(../images/label_firstname_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.label_lastname {
    background: url(../images/label_lastname_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.label_email {
    background: url(../images/label_email_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.label_dob {
    background: url(../images/label_dob_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.label_postcode {
    background: url(../images/label_postcode_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.label_gender {
    background: url(../images/label_gender_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.label_male {
    width: 69px;
    background: url(../images/label_male_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.label_female {
    width: 69px;
    background: url(../images/label_female_comp.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.form label.disclaimer {
    padding-top: 6px;
    width: 450px;
    font-size: 0.8em;
}

/* Custom form elements */
input.dob {
    margin-right: 5px;
    padding: 10px 14px;
    width: 36px;
    background: transparent url(../images/input_back_dob.png) 0 0 no-repeat;
    display: block;
    float: left;
}

input.dob_yr {
    padding: 10px 14px;
    width: 66px;
    background: transparent url(../images/input_back_dob_yr.png) 0 0 no-repeat;
    display: block;
    float: left;
}

input.large {
    padding: 10px 14px;
    width: 268px;
    background: transparent url(../images/input_back_lrg.png) 0 0 no-repeat;
    display: block;
    float: left;
}

input.gender {
    margin-right: 10px;
    padding: 10px 14px;
    width: 6px;
    background: transparent url(../images/input_back_gender.png) 0 0 no-repeat;
    display: block;
    float: left;
}

span.checkbox, span.radio {
    width: 34px;
    height: 34px;
    padding: 0 5px 0 0;
    background: url(../images/input_back_checkbox.png) no-repeat;
    display: block;
    float: left;
}

span.radio {
    background: url(../images/input_back_radio.png) no-repeat;
}

/* Grownups right column */
#right_column {
    /*width: 350px;*/
    float: left;
}

.rightcolumn_ad {
    margin-bottom: 60px;
    display: block;
}

.flash_monkey {
}

.flash_footer {
    padding-left: 85px;
}

/*
 Footer
 */
#footer {
    background: #006982;
}

#footer_nav {
    color: #fff;
}

#footer_nav a {
    color: #fff;
    border-right: 1px solid #fff;
}

/*
 
 */
#ph_CompetitionError, #ph_CompetitionErrorQuestion {
    padding: 8px;
    border: 2px solid #000000;
}

#ph_CompetitionError p, #ph_CompetitionErrorQuestion p {
    margin: 0px;
}
