body {
    background: #A90E10;
    margin: 0;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}

a {
    color: white;
    text-decoration: none;
    border-bottom: 1px dotted white;
}

a:hover {
    border-bottom: 1px dotted white;
}

a.img,
a img {
    border: 0;
    outline: 0;
}

h2, h3, p {
    margin: 0 0 1em;
}

h2 {
    font-size: 25px;
    line-height: 1.1em;
    font-style: italic;
}

#bg_wrapper {
}

#bg_header {
    height: 77px;
    background: url("images/bg_header.png") repeat-x top center;
}

#bg_top_gradient {
    height: 750px;
    background: url("images/bg_top_gr.png") repeat-x top center;
}

#bg_top {
    height: 750px;
    background: url("images/bg_top.jpg") no-repeat top center;
}

    .page-thankyou #bg_top {
        background-image: url("images/bg_top2.jpg");
    }

#bg_main {
    margin-top: -436px;
    height: 443px;
    background: url("images/bg_main.png") no-repeat top center;
}

/* content */

#page {
    width: 960px;
    margin: -835px auto 0;
}

#header {
    height: 77px;
}

    h1 {
        position: absolute;
        margin: 8px 0 0;
    }

    #tagline {
        position: absolute;
        margin: 24px 0 0 172px;
    }

    #header .gpuk-link {
        font-size: 12px;
        text-align: right;
    }

#top {
    clear: both;
    padding-top: 29px;
    height: 515px;
}

    #video-embed-wrapper {
        float: left;
        margin-left: 39px;
        width: 700px;
        height: 382px;
        background: url("images/bg_videoembed.png") no-repeat top center;
    }

    #video-embed {
        width: 640px;
        height: 380px;
        border: 1px solid white;
        margin: 0 auto;
        background: #555;
    }

    #message-wrapper {
        margin: 0 auto;
        width: 658px;
    }

    #message {
        margin-left: 50px;
        background: url("images/bg_cloudwmsg.png") no-repeat top center;
        width: 591px;
        height: 383px;
    }

    #message-content {
        float: left;
        padding-top: 62px;
        margin-left: 100px;
        margin-right: 13px;
        width: 388px;
        color: #E31619;
        font-size: 13px;
        font-weight: bold;
    }

    #message h2 {
        text-align: center;
        margin-left: 35px;
    }

    #message p a {
        color: #E31619;
    }

    #message p.msg a {
        color: #A70D0D;
        border-bottom: 1px dotted #A70D0D;
    }

    #message p.msg a:hover {
        color: #700606;
    }

    #message .back-to-video {
        text-align: center;
        margin-left: 30px;
    }

    #message .back-to-video a {
        display: inline-block;
        padding-right: 55px;
        height: 51px;
        line-height: 51px;
        background: url("images/rover_back.png") no-repeat top right;
        outline: 0;
    }

    #message .back-to-video a:hover {
        background-position: bottom right;
    }

    #share-links {
        float: left;
        margin-left: -22px;
    }

        .page-thankyou #share-links {
            margin-left: 6px;
            margin-top: 86px;
        }

    #share-links h2 {
        position: absolute;
        margin: 118px 0 0 15px;
    }

    #share-links .share-email,
    #share-links .share-fb,
    #share-links .share-tw,
    #share-links .share-video {
        position: absolute;
    }

    #share-links .rover {
        outline: 0;
        border: 0;
    }

    .share-email {
        margin-top: 29px;
        margin-left: 14px;
    }

        .page-thankyou .share-email {
            margin: 0;
        }

    .share-fb {
        margin-top: 44px;
        margin-left: 146px;
    }

        .page-thankyou .share-fb {
            margin-top: 77px;
            margin-left: 43px;
        }

    .share-tw {
        margin-top: 131px;
        margin-left: 180px;
    }

        .page-thankyou .share-tw {
            margin-top: 166px;
            margin-left: 10px;
        }

    .share-video {
        margin-top: 240px;
        margin-left: 55px;
    }

    .share-video .form-textarea-wrapper {
        margin-top: 5px;
        border: 1px solid #999;
        background: white url("images/form_textarea_embed.png") no-repeat top left;
    }

    .share-video .form-textarea {
        border: 0;
        background: transparent;
        padding: 0.3em 0.5em;
        width: 130px;
        height: 3em;
        font-size: 11px;
        line-height: 1em;
        font-family: Arial, Helvetica, sans-serif;
        overflow-x: hidden;
        overflow-y: scroll;
        resize: none;
        outline: 0;
    }

#main {
    clear: both;
    font-weight: bold;
    line-height: 1.8em;
}

    #main h2 {
        margin-bottom: 1em;
    }


#content {
    background: url("images/bg_content.png") repeat-y top center;
}

    #content .col-left {
        float: left;
        width: 395px;
    }

    #content .col-right {
        float: right;
        width: 477px;
    }

    #content .learn-more {
        font-style: italic;
    }

    #content .learn-more a {
        display: table;
        padding-right: 55px;
        height: 51px;
        line-height: 51px;
        background: url("images/rover_learnmore.png") no-repeat top right;
        outline: 0;
    }

    #content .learn-more a:hover {
        border: 0;
        background-position: bottom right;
    }

/* Footer */

#footer {
    background: url("images/bg_footer_gr.png") repeat-x bottom center;
}

#footer-inner {
    height: 112px;
    background: url("images/bg_footer.png") no-repeat bottom center;
}

#footer-content {
    width: 960px;
    margin: 0 auto;
}

#footer p {
    margin: 0;
    padding: 70px 0 1em;
    font-size: 12px;
    line-height: 1em;
    font-weight: normal;
}

#footer img {
    vertical-align: sub;
}

#footer a.img {
    margin-right: 2em;
}

/* Forms */

.eaTwoColumnFiller {
    clear: both;
    display: block;
}

.eaFullWidthContent {
    clear: both;
    font-size: 12px;
    line-height: 1.1em;
    font-weight: normal;
}

.eaFriendFormLabelLeft,
.eaFormElementLabel {
    float: left;
    width: 222px;
    padding-right: 12px;
    text-align: right;
}

.eaFriendFormLabelLeft label,
.eaMessageSubjectContainer label,
.eaFormElementLabel,
.form-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: bold;
}

.eaQuestionCheckbox {
    float: right;
    width: 243px;
    font-size: 11px;
    line-height: 1.1em;
    font-weight: normal;
    margin-bottom: 0.8em;
}

.eaQuestionCheckbox input {
    vertical-align: middle;
}

.eaFriendFormFieldContainerFull,
.text-wrapper {
    float: left;
    background: url("images/form_text.png") no-repeat top left;
    width: 243px;
    margin-bottom: 0.8em;
}

.textarea-wrapper {
    background: url("images/form_textarea.png") no-repeat top left;
    width: 474px;
    height: 127px;
    margin-bottom: 0.8em;
}

.form-text {
    width: 92%;
    border: 0;
    padding: 5px 0.7em;
    background: transparent;
    color: #E6171A;
    outline: 0;
}

.textarea-wrapper .form-text {
    padding-right: 0;
    line-height: 1.8em;
    height: 117px;
    width: 464px;
    resize: none;
}

.text-wrapper p {
    margin-top: 0.8em;
    font-size: 11px;
}

.front .eaMessageSubjectContainer .text-wrapper {
    background-image: url("images/form_text_full.png");
    width: 474px;
}

.front .eaMessageSubjectContainer .text-wrapper .form-text {
    width: 454px;
}

.eaMessageSignoffContainer .text-wrapper {
    float: right;
}

.eaSubmitResetButtonGroup input {
    outline: 0;
}

.eaResetButton {
    margin-left: 134px;
    margin-right: 6px;
}

.eaSubmitButton {
    margin-left: 43px;
    margin-right: -7px;
}

/* colorbox */

#cboxOverlay {
    opacity: 0.5;
    filter:alpha(opacity=50);
    overflow: hidden;
}

#cboxContent {
    background: #A90E10;
}

#staf-wrapper {
    width: 625px;
}

#staf-top,
#staf-btm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1em;
}

#staf-btm p,
#staf-top p {
    text-align: right;
    margin: 0;
}

#staf-content {
    padding: 1em 30px 0;
}

#staf-content h2 {
    margin-top: 0.5em;
}

#staf-content .eaMessageSubjectContainer {
    padding-top: 1em;
}

#staf-content .textarea-wrapper {
    float: left;
    background-image: url("images/form_textarea_staf.png");
    width: 243px;
    height: 42px;
}

#staf-content .textarea-wrapper .form-text {
    font-size: 12px;
    line-height: 1.1em;
    height: 30px;
    width: 230px;
}

#staf-content .eaSubmitResetButtonGroup {
}

#staf-content .eaSubmitButton {
    margin-top: 1em;
    margin-left: -7px;
    margin-right: 0;
}