body {
    color: #777;
    padding: 0 20px
}

a,
a:link,
a:after,
a:hover,
a:active {
    color: #568c1e;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(to bottom, #ececec 0, #d4d4d4 100%) repeat scroll 0 0 #ececec;
    border: 1px solid #3dcdf0;
    color: #568c1e;
    cursor: pointer;
    font-weight: bold;
    text-transform: lowercase
}

.btn-primary:hover,
.btn-primary:hover:hover,
.btn-primary:focus:hover,
.btn-primary:active:hover {
    color: #568c1e;
    border-color: #3dcdf0;
    background: linear-gradient(to bottom, #e5f8fd 0, #9de6f7 100%) repeat scroll 0 0 #ececec
}

#page-frame {
    margin: 20px auto;
    padding: 0;
    border: solid 1px #568c1e
}

header {
    margin: 0 0 2em 0;
    padding: 1em 2em;
    border-bottom: solid 2px #568c1e
}

header #customer-header-container .customer-logo-container {
    float: right;
    margin: 0;
    padding: 0
}

header #customer-header-container .customer-logo-container .customer-logo {
    max-width: 200px
}

header #customer-header-container h2 {
    float: left;
    width: 60%;
    color: #c00;
    margin: .5em 0 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 22px
}

@media(max-width: 768px) {
    header #customer-header-container .customer-logo-container {
        float: none;
        width: auto;
        text-align: center
    }
    header #customer-header-container h2 {
        float: none;
        width: auto;
        margin-top: 1em;
        text-align: center
    }
}

#body-content {
    margin: 2em
}

#body-content #promo-content {
    display: none
}

#survey-container {
    float: left;
    width: 55%
}

#survey-container .btn-primary.submit {
    line-height: 50px;
    padding: 0 30px
}

#survey-container #question-list .question-text.descriptive {
    background-color: transparent
}

#subscriber-details-container {
    position: relative;
    float: right;
    width: 40%;
    padding: .5em;
    border: solid 1px #ccc;
    border-radius: 5px;
    background-color: #f7f7f7;
    color: #777
}

#subscriber-details-container h3 {
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 1em 0
}

#subscriber-details-container .subscriber-revealer {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 11px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    background-image: url(..\..\../layouts/img//subscriber-revealer-chevron.png)
}

#subscriber-details-container .subscriber-revealer.close-form {
    background-position-y: -11px
}

#subscriber-details-container em {
    font-weight: bold;
    font-style: italic;
    color: #c00
}

#subscriber-details-container .form-horizontal .control-label {
    font-weight: normal
}

@media(max-width: 768px) {
    #survey-container {
        float: none;
        width: auto
    }
    #subscriber-details-container {
        float: none;
        width: auto
    }
}

.disclaimer-container {
    color: #bbb
}

#footnote .publication-credits-container {
    border: none;
    padding: 0 2em
}

#footnote .publication-credits-container .caption {
    text-align: left
}

#footnote .publication-credits-container .logo-container {
    text-align: left
}

footer {
    padding: 0 2em;
    background-color: #f7f7f7;
    border-top: solid 1px #ccc;
    line-height: 2em
}

footer .reference-links {
    margin: 0
}

@media(max-width: 768px) {
    footer .reference-links li {
        display: block
    }
    footer .reference-links li.copyright {
        float: none
    }
}