﻿@media (min-width:0px) {

    #NesdaCloud {
        padding: 20px;
    }

    .AODAThankYouMessage {
        display: none;
        opacity: 1;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 10%;
    }

    h3 {
        padding-bottom: 20px;
    }

    .topTitle {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .thankYouLine1 {
        margin-bottom: 10px;
    }

    .thankYouLine2 {
        margin-bottom: 10px;
    }

    .date {
        padding-bottom: 20px;
        padding-right: 20px;
        display: inline-block;
    }

    .time {
        padding-bottom: 20px;
        padding-right: 20px;
        display: inline-block;
    }

    .theRadioButtons {
        padding: 20px;
    }

        .theRadioButtons td {
            padding: 20px;
        }

        .theRadioButtons input {
            margin-right: 5px;
        }

    #txtComments {
        width: 650px;
    }

    .contactInfoText {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .name {
        margin: 0px 20px 20px 0px;
        display: inline-block;
    }

    .phone {
        margin: 0px 20px 20px 0px;
        display: inline-block;
    }

    .email {
        margin: 0px 20px 20px 0px;
        display: inline-block;
    }

    .address {
        margin: 0px 20px 20px 0px;
    }

    #txtAddress {
        display: inline-block;
        width: 650px;
    }

    .pleaseNote p {
        font-size: 12px;
    }

    .submitAndClear {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .submitButton {
        margin: 10px;
        display: inline-block;
    }

    .clearButton {
        margin: 10px;
        display: inline-block;
    }

    #AODAemailIssue {
        color: #f00;
        font-size: 18px;
    }

    #AODAhiddenIssue {
        display: none;
        height: 0px;
    }
}

@media (min-width:0px) and (max-width:649px) {
    #txtComments {
    width:100%;
    }

    #txtAddress {
    width:100%;
    }
}

@media (min-width:650px) and (max-width:959px) {
    #txtComments {
    width:475px;
    }

    #txtAddress {
    width:475px;
    }
}

@media (min-width:960px) and (max-width:1199px) {
    #txtComments {
    width:475px;
    }

    #txtAddress {
    width:475px;
    }
}

@media (min-width:1200px) {
    #txtComments {
    width:475px;
    }

    #txtAddress {
    width:475px;
    }
}
