﻿body {
    font-family: Arial, sans-serif;
    background-color: #eeeeee;
    padding: 20px;
}

.Contact *, .Contact *:before, .Contact *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Contact .input.column-2.hide {
    display: none;
}

.Contact .header {
    background-color: #FFF;
}

    .Contact .header > span {
        background-color: #ed1c24;
        color: #fff;
        display: inline-block;
        font-size: 3.2rem;
        font-size: 32px;
        margin: 2px 16px 2px 2px;
        padding: 24px 0;
        text-align: center;
        width: 72px;
        font-weight: 400;
    }

    .Contact .header > h2 {
        color: #ed1c24;
        font-family: "roboto_slabregular",Helvetica,sans-serif;	
        font-size: 2.6rem;
        font-size: 26px;
        margin-bottom: 24px;
        margin-top: 24px;
        font-weight: 400;
        display: inline-block;
	background: transparent;
    }

.Contact .input,
.Contact .inputs {
    clear: both;
    width: 100%;
}

    .Contact .inputs input[type=text],
    .Contact select,
    .Contact .txtConsentCaptcha,
    .Contact textarea {
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #555;
        display: block;
        font-size: 1.4rem;
        font-size: 14px;
        height: 34px;
        line-height: 1.42857;
        padding: 6px 12px;
        vertical-align: middle;
        width: 100%;
        font-family: "roboto_slabregular",Helvetica,sans-serif;
    }

.Contact .button {
    float: right;
    margin-top: 20px;
}

    .Contact .button .button-next-step,
    .Contact .lnkButton > div {
        border: 0;
        background-color: #ED1C24;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJBAMAAAAbVLtZAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAgEDF2BAwIGCf64j2264AAAA1SURBVAjXYwCBBgYIMA6A0NZuDAyKgoKCq3cnMEjvBgEHhiIlJSXvzQEQ+QkQdRZQfQUMDACQRws6ikutDAAAAABJRU5ErkJggg==') /*../../Images/PUPD/btn_arrow_right.png*/ no-repeat right center #ED1C24;
        *background: url("../../Images/PUPD/btn_arrow_right.png") no-repeat right center #ED1C24; /* For IE 6 and 7 */
        border-left: 8px solid #ED1C24;
        border-right: 8px solid #ED1C24;
        padding: 8px 24px 8px 12px;
        color: #FFF;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-size: 13px;
        line-height: 1.4;
        text-decoration: none;
    }

.Contact .lnkButton {
    text-decoration: none;
}

.Contact .button:after {
    clear: both;
}

.Contact .section {
    padding-top: 20px;
}

    .Contact .section:first-child {
        padding-top: 0;
    }

.Contact .literals,
.Contact label,
.Contact .rbtnConsentText,
.Contact .consentCaptchaQuestion {
    font-family: "roboto_slabregular",Helvetica,sans-serif;
    font-size: 1.4rem;
    font-size: 14px;
    color: #333;
    padding-top: 7px;
    padding-bottom: 8px;
}

.Contact hr {
    border: none;
    border-color: none;
    border-bottom: 2px solid #CAC2AE;
    margin-top: 20px;
}

.Contact .consentCaptchaQuestion {
    float: left;
}

.Contact .dropDownValidation,
.Contact .errorValidation {
    color: #ED1C24;
    font-family: "roboto_slabregular",Helvetica,sans-serif;
    font-size: 1.4rem;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px;
    float: left;
}

.Contact .consentContent .valConsent {
    clear: both;
}

.Contact .rbtnConsentText {
    float: left;
    padding: 0;
}

.Contact .consentCaptcha > img {
    clear: both;
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

.Contact .consentCaptcha > div {
    float: left;
}

    .Contact .consentCaptcha > div > span {
        float: left;
    }

.Contact .consentCaptcha input {
    height: 40px;
    width: 120px;
}

/*.Contact .consentCaptcha {
    float: left;
}
    .Contact .consentCaptcha img {
        float: left;
    }
    .Contact .consentCaptcha span {
        float: left;
        margin-left: 15px;
        margin-top: 11px;
    }

.Contact .consentCaptchaBG {
    clear: both;
    float: left;
    width: 125px;
    padding-right: 15px;
}
    .Contact .consentCaptchaBG input {
        height: 40px;
    }*/

.Contact h2.ok:hover {
    cursor: pointer;
    text-decoration: underline;
}

.Contact .rbConsent {
    float: left;
    padding-bottom: 5px;
    padding-right: 10px;
}

.Contact .rbtnConsent {
    clear: both;
    float: left;
    padding-top: 7px;
    padding-bottom: 8px;
}

.Contact .rbConsent input {
    margin: 0;
}

.Contact .topicBody .literals {
    float: left;
    width: 100%;
}

    .Contact .topicBody .literals > div {
        float: right;
    }

        .Contact .topicBody .literals > div:first-child {
            float: left;
        }

.Contact .topicBody .inputsBig {
    width: 100%;
    float: left;
}

    .Contact .topicBody .inputsBig textarea {
        resize: none;
    }

.Contact .btnBackground {
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sidebar {
    font-size: 12px;
    line-height: 1.1;
}

.lefticon {
    padding: 5px;
    float: left;
    padding-right: 15px;
}

.right-text {
    padding: 5px;
}

.text-highlighted {
    font-size: 13px;
    color: red;
    font-weight: bold;
}

.nav-container {
    background: #fff;
    max-width: 300px;
    margin-top: 20px;
}

.nav-container-top {
    max-width: 300px;
    margin-top: 0;
}

.container {
    margin: 0;
    padding: 0;
}

@media (max-width: 991px) {
    .Contact .header h2 {
        font-size: 2rem;
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .Contact .header span {
        padding: 8px;
        width: 40px;
    }
}

@media (max-width: 767px) {
    .Contact {
        padding-left: 0;
        padding-right: 0;
    }

        .Contact .header h2 {
            font-size: 1.6rem;
            font-size: 16px;
            margin-bottom: 0;
            margin-top: 0;
        }

    .nav-container-top {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .nav-container {
        margin-left: auto;
        margin-right: auto;
    }

    .sidebar {
        margin-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Repeater Page */
#Repeat .salutationContent > div {
    float: left;
    color: #333;
    font-family: "roboto_slabregular",Helvetica,sans-serif;
    font-size: 14px;
    padding-bottom: 8px;
    padding-top: 7px;
    width: 75%;
}

#Repeat .salutationContent > .literals {
    clear: both;
    color: #666;
    width: 25%;
    overflow: hidden;
}

#Repeat .btnBackground:last-child {
    float: left;
}

    #Repeat .btnBackground:last-child div {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGBJREFUKFNjQAf///9PgDIJA6BiASA+CsJQIfwAqNAAiG8AMQgQ1gRUBNKADF4DcQMe7ADSBLOBWNCA7BcYABnigAcrQB0JduZ8IAYB4gICBoAaEkjWBAJATQjrsQIGBgBHC8CAHA2ybAAAAABJRU5ErkJggg==') /*../../Images/PUPD/btn_arrow_left.png*/ no-repeat scroll left center #ed1c24;
        *background: url("../../Images/PUPD/btn_arrow_left.png") no-repeat scroll left center #ed1c24; /* For IE 6 and 7 */
        padding: 8px 12px 8px 24px;
    }


/* Final Page */
#AlreadySentPage h2,
#FinalPage h2,
#ErrorPage h2 {
    color: #ed1c24;
    font-family: "roboto_slabregular",Helvetica,sans-serif;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 24px;
    margin-top: 40px;
}

.Contact h2.check {
    background: url("../../Images/PUPD/check.png") no-repeat;
    font-family: "roboto_slabregular",Helvetica,sans-serif;
    font-size: 26px;
    height: 40px;
}

    .Contact h2.check span {
        display: inline-block;
        margin-left: 60px;
    }


/* Columns */
/*@keyframes scaleUpTo {
    .Contact .column-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.Contact .column-2 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 992px) {
    .Contact .column-2 {
        float: left;
        width: 50%;
    }
}*/

.file-upload-control {
    color: #000000;
    font-size: 14px;
}
.FormUploadResetButton { 
    padding-left: 16px; 
}
a.FormUploadResetButton {
    color: blue;
    text-decoration: underline;
}
a.FormUploadResetButton:hover { 
    color: red;
    text-decoration: underline;
}
.FormUploadFileNameDisplay {
    color: #000000;
    font-family: monospace; 
}
