<!-- DO NOT REMOVE  -->
 /* U8 sets the mime type so no style dec is needed */

<!--
 img {
 -ms-interpolation-mode: bicubic;
}
img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
/* ================   OVERIDE LO STYLES   ==================================*/


/*.employer-address-container .form-row {
    display: none;
}
.employer-address-container .form-row:nth-child(3) {
    display: block;
}*/
#body_container.team_raiser .tr-page-container .side-bar, div.tr-page-container div.section-sub-header.empty, div#entry_campaign_banner_container {
    display: none;
}
#body_container .responsive, .mobile div.html-caption-container, div.responsive div.ErrorMessage.page-error>span.field-error-text {
    width: auto;
}
.mobile #billing_addr_street1_row input, .mobile #billing_addr_street2_row input, .mobile #billing_addr_street3_row input, .mobile #billing_addr_country_row input.ui-autocomplete-input, .mobile #donor_addr_street1_row input, .mobile #donor_addr_street2_row input, .mobile #donor_addr_street3_row input, .mobile #donor_addr_country_row input.ui-autocomplete-input, .mobile #shipping_addr_street1_row input, .mobile #shipping_addr_street2_row input, .mobile #shipping_addr_street3_row input, .mobile #shipping_addr_country_row input.ui-autocomplete-input, .mobile #tribute_notify_recip_street1_row input, .mobile #tribute_notify_recip_street2_row input, .mobile #tribute_notify_recip_street3_row input, .mobile #tribute_notify_recip_country_row input.ui-autocomplete-input, .mobile #tribute_signature_row input, .mobile #tribute_message_closing_row input, .mobile div.employer-address-container input#employer_street {
    width: 100%;
}
.mobile div.responsive div.form-checkbox label, label.custom-element-checkbox-label, .mobile div.employer-address-container select, .mobile div.responsive textarea {
    max-width: 100%;
    letter-spacing: -0.6px;
    -webkit-appearance: none !important;
}
.mobile div.responsive div.form-row {
    margin: 0;
}
div.responsive span.field-required {
    display: none;
    margin: 0;
}
div.form-row {
    margin: auto;
    padding: 0px 0px 23px 0px;
}
div#responsive_payment_typecc_type_row {
    padding: 0;
}
div.responsive a.step-button:hover, div.responsive button.step-button:hover {
    background: white;
    border: 1px solid;
    color: rgb(118, 40, 124);
}
div.responsive div.form-error {
    border: none;
    background-color: transparent;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 0;
    margin-top: 0;
}
.form-error .field-required input {
    border: 2px solid red!important;
}
.ErrorMessage {
}
label.FormLabel {
    display: none;
}
a.HelpLink {
    color: #0090D9;
}
#body_container div.form-row div.form-content, div.donation-level-input-container, div.generic-repeat-label-checkbox-container {
    display: inline;/*position: relative;*/
}
#body_container .section-header-container {
    padding-top: 0px;
    margin-top: 0;
    border: none;
    color: #b0b0b2;
    font-size: .80rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
}
#body_container .donation-level-general-ask, #body_container .html-caption-container {
    max-width: 100%;
}
#body_container .donation-form-container.responsive {
    background: none;
    border: none;
    padding: 0;
}
#body_container div.donation-level-amount-container,
div.donation-level-amount-container+div.donation-level-label-container {
    display: block;
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
}

.donation-level-label-container {
    display: none !important;
    color: #ffffff;
    position: absolute;
    visibility: hidden;
    left: -100000em;
}

/*#body_container div.donation-level-amount-container, */
span.FormLabelText, .payment-information.section-inputs h3 {
    display: none;
}
.section-inputs label {
    top: 0px;
    left: 14px;
    z-index: 9;
    margin: 0;
    padding: 0;
}
.section-inputs label + input {
    height: 40px;
    display: block;
}
/* Moz styling hacks */
select:-moz-focusring {
 color:transparent!important;;
 text-shadow: 0 0 0 #000!important;;
 border: 0;
}
select option {
    padding-left: 20px !important;
    border: none !important;
}
#employer_street_row input, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input, #billing_addr_country_row input.ui-autocomplete-input, #donor_addr_street1_row input, #donor_addr_street2_row input, #donor_addr_street3_row input, #donor_addr_country_row input.ui-autocomplete-input, #shipping_addr_street1_row input, #shipping_addr_street2_row input, #shipping_addr_street3_row input, #shipping_addr_country_row input.ui-autocomplete-input, #tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input, #tribute_notify_recip_street3_row input, #tribute_notify_recip_country_row input.ui-autocomplete-input, #tribute_signature_row input, #tribute_message_closing_row input, div.employer-address-container input#employer_street, div.payment-field-container #responsive_payment_typecc_number_row input {
    width: 100%;
}
div.form-row div.form-content>select, div.form-row div.form-content>input[type="text"], div.form-row div.form-content input.ui-autocomplete-input, div.form-row div.form-content>textarea, div.form-row div.form-content>button {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.responsive input[type="text"], div.responsive select, div.responsive input[type="number"], div.responsive input[type="password"], div.responsive input[type="email"], div.responsive textarea {
    border: none;
    padding: 5px 7px;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f2f2f2;
    color: #616265;
    font-size: 12px;
    /*     text-transform: uppercase; */
    padding-left: 20px;
}
div.responsive textarea {
    padding: 13px 7px 13px 20px;
}
div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive input[type="email"] {
    height: 38px;
    line-height: 38px;
    padding: 0px 7px 0px 20px;
}
div.responsive select {
    color: #ababab;
    height: 38px;
    padding: 0px 7px 0px 20px;
}
::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder {
 color: #ababab;
 opacity: 1;
}
:-moz-placeholder, input:-moz-placeholder, select:-moz-placeholder {
 color: #ababab;
 opacity: 1;
}
::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder {
 color: #ababab;
 opacity: 1;
}
:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder {
 color: #ababab;
 opacity: 1;
}
html.mac.ff div.responsive select, html.win div.responsive select {
    padding-left: 15px;
}
#responsive_payment_typecc_cvv_row {
    padding-bottom: 0px;
}
div.button-container {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}
div#tribute_notify_recip_name_row {
    width: 100%;
}
/* Global format */
strong {
    font-weight: 700!important;
    color: purple;
}
/*.employer-address-container .form-row, */
[id*="tribute_notify"], [id*="tribute_honoree"], [id*="billing_"] {
    /*display: inline-block;*/
    float: left;
    vertical-align: top;
    width: 50%;
}
[id*="tribute_notify"] input, [id*="tribute_honoree"] input, [id*="billing_"] input, [id*="tribute_message"] textarea {
    border: 1px solid #E4E4E4;
    background-color: #f2f2f2;
}
[id*="tribute_notify"] label, [id*="tribute_honoree"] label, [id*="billing_"] label, [id*="tribute_message"] label, [class*="employer-address-container"] label, #donor_email_address_row label, #payment-information label {
    display: none;
}
#donor_email_address_row {
    clear: both;
}
#payment-information #responsive_payment_typepay_typeradio_row label {
    display: block;
}
#payment-information #responsive_payment_typeach_confirm_row input[type="checkbox"], #payment-information #tr_recognition_nameanonymous_row input[type="checkbox"], #payment-information #tr_show_gift_to_public_row input[type="checkbox"] {
    display: none;
}
#payment-information #responsive_payment_typeach_confirm_row label, #payment-information #tr_recognition_nameanonymous_row label, #payment-information #tr_show_gift_to_public_row label {
    display: block;
    position: relative;
    left: auto;
    padding-left: 46px !important;
}
#payment-information #tr_recognition_nameanonymous_row label, #payment-information #tr_show_gift_to_public_row label {
    line-height: 26px;
}
#payment-information #responsive_payment_typeach_confirm_row input[type="checkbox"] + label:before, #payment-information #tr_recognition_nameanonymous_row input[type="checkbox"] + label:before, #payment-information #tr_show_gift_to_public_row input[type="checkbox"] + label:before {
    content: '\ea10';
    font-family: 'icons';
    font-size: 14px;
    display: inline-block;
    padding: 5px;
    background: #f2f2f2;
    border-radius: 4px;
    color: transparent;
    border: 1px solid #cfd0d0;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0px;
    line-height: normal;
}
#payment-information #responsive_payment_typeach_confirm_row input[type="checkbox"]:checked + label:before, #payment-information #tr_recognition_nameanonymous_row input[type="checkbox"]:checked + label:before, #payment-information #tr_show_gift_to_public_row input[type="checkbox"]:checked + label:before {
    content: '\ea10';
    font-family: 'icons';
    background: #63046A;
    color: white;
}
#responsive_payment_type\.account_type_row ul.radio-array-list, #responsive_payment_type_account_type_row ul.radio-array-list {
    display: block;
}
#responsive_payment_type\.account_type_row ul.radio-array-list li, #responsive_payment_type_account_type_row ul.radio-array-list li {
    margin-top: 10px;
}
#responsive_payment_type\.account_type_row ul.radio-array-list input[type="radio"], #responsive_payment_type_account_type_row ul.radio-array-list input[type="radio"] {
    display: none;
}
#responsive_payment_type\.account_type_row ul.radio-array-list label, #responsive_payment_type_account_type_row ul.radio-array-list label {
    display: block;
    position: relative;
    left: auto;
    padding-left: 66px !important;
    line-height: 26px;
}
#responsive_payment_type\.account_type_row ul.radio-array-list input[type="radio"] + span label:before, #responsive_payment_type_account_type_row ul.radio-array-list input[type="radio"] + span label:before {
    content: '\2022';
    font-size: 45px;
    display: inline-block;
    padding: 0px;
    background: #f2f2f2;
    border-radius: 13px;
    color: transparent;
    border: 1px solid #cfd0d0;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 20px;
    text-align: center;
    line-height: 26px;
}
#responsive_payment_type\.account_type_row ul.radio-array-list input[type="radio"]:checked + span label:before, #responsive_payment_type_account_type_row ul.radio-array-list input[type="radio"]:checked + span label:before {
    content: '\2022';
    background: #63046A;
    color: white;
}
div.responsive #responsive_payment_typepay_typeradio_payment_types a:link, div.responsive #responsive_payment_typepay_typeradio_payment_types a:visited {
    color: #616265;
    font-size: 18px;
    font-weight: 600;
    display: block;
    line-height: 35px;
}
div.payment-field-container span.internal-payment {
    border: 1px solid #cfd0d0;
}
div.payment-field-container span.internal-payment:hover {
    border: 1px solid #63046A;
}
div.payment-field-container span.payment-type-option {
    color: #616265;
    background: #f2f2f2;
    font-family: 'Myriad Pro', 'PT Sans', Arial, Verdana;
    padding: 0px 20px;
    line-height: 35px;
}
div.payment-field-container span.payment-type-option:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
div.payment-field-container span.payment-type-option:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
div.payment-field-container span.payment-type-option:hover {
    background: #ffffff;
    color: #63046A;
}
div.payment-field-container span.payment-type-option.selected, div.payment-field-container span.payment-type-option.selected:hover {
    background: #63046A;
    color: #ffffff;
    /*border: 1px solid #63046A !important;*/
}
div.responsive #responsive_payment_typepay_typeradio_payment_types span.payment-type-option.selected a:link, div.responsive #responsive_payment_typepay_typeradio_payment_types span.payment-type-option.selected a:visited {
    color: #ffffff;
}
.additional-entries + p {
    margin-top: 20px;
}
/* ===================================================================     
            FONTS
/* =================================================================== */

@font-face {
    font-family: 'icons';
    src: url('../fonts/icons/icons.eot?-xmajxu');
    src: url('../fonts/icons/icons.eot?#iefix-xmajxu') format('embedded-opentype'), url('../fonts/icons/icons.woff?-xmajxu') format('woff'), url('../fonts/icons/icons.ttf?-xmajxu') format('truetype'), url('../fonts/icons/icons.svg?-xmajxu#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                BUTTONS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.button-sub-container {
    text-align: center;
}
#body_container .div.responsive a.next-step, #body_container .responsive button.next-step {
    background: #ffb60f;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    float: none;
    max-width: 100%;
    padding: 0px 55px;
    height: 52px;
    line-height: 50px;
    border: 1px solid #cfd0d0;
    font-size: 18px;
    -webkit-appearance: none;
    appearance: none;
}
#body_container .div.responsive a.next-step:hover, #body_container .responsive button.next-step:hover {
    background: #f2ae00;
}


.mobile div.button-sub-container {
    width: auto;
}

/*.lupbtn-small {
    font-size: 1em;
    width: 100px;
    display: block;
    text-align: center;
}
.lupbtn-medium {
    font-size: 1.4em;
    width: 180px;
    display: block;
    text-align: center;
}
.lupbtn-large {
    font-size: 1.7em;
    width: 200px;
    display: block;
    text-align: center;
}
.lupbtn-xlarge {
    font-size: 2.2em;
    width: 280px;
    display: block;
    text-align: center;
}*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^     
            BODY CONTAINER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#body_container {
    min-height: 400px;
    padding: 0 70px;
    padding-top: 40px;
    background-color: #fff;
    max-width: 1130px;
    margin: 0 auto;
    display: block;
    width: 100%;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^     
            FORM SETTINGS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.wysiwyg-content a:not(.btn), a.-underlined:not(.btn) {
    border: 0;
}
input[id*="amount"] {
    text-transform: uppercase;
}
input {
}
input#tribute_notify_recip_cityname, input#tribute_notify_recip_street1name, input#tribute_honoree_first_namename, input#tribute_notify_recip_zipname, input#billing_first_namename, input#billing_addr_street1name, input#billing_addr_cityname, input#billing_addr_zipname {
    border: 1px solid #cfd0d0;
    /*border-radius: 5px 0 0 5px;
    border-right: 0;*/
}
input#tribute_honoree_last_namename, input#tribute_notify_recip_street2name, select#tribute_notify_recip_state, select#tribute_notify_recip_country, input#billing_last_namename, input#billing_addr_street2name, select#billing_addr_state, select#billing_addr_country {
    border: 1px solid #ccc;
    /*border-radius: 0 5px 5px 0;*/
}
div.form-row div.form-content>select, div.form-row div.form-content>textarea {
    border-radius: 5px;
    border: 1px solid #cfd0d0;
}
div.form-row div.form-content>input, div.form-row div.form-content>select, div.form-row div.form-content>textarea {
    border-radius: 5px;
    border: 1px solid #cfd0d0;
}
#tribute-section.show {
    height: 543px;
}
#tribute_message_body_row {
    padding: 0px;
}
/*.employer-address-container > .form-row:first-child, .employer-address-container > .form-row:nth-child(2), #donor_matching_employersubmit + .form-row {
    padding: 0px;
}
.employer-address-container.show {
    height: 61px;
}
#tribute-section, .employer-address-container {
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    transition: height 1s ease;
    height: 0;
    overflow: hidden;
}*/
#donor_email_opt_in_Row {
    padding-bottom: 0px;
}
ul.radio-array-list {
    display: none;
}
/* Credit Card Section */

input#responsive_payment_typecc_numbername {
    background: url(../dls/images/cc.png)no-repeat right 8px #f2f2f2;
}
select#responsive_payment_typecc_exp_date_MONTH {
    width: 33%;
    float: left;
    border: 1px solid #ccc;
}
input#responsive_payment_typecc_cvvname {
    float: left;
    border: 1px solid #ccc;
    /*border-radius: 5px 0 0 5px;*/
    width: 33%;
    height: 38px;
    /*border-right: 0;*/
    background: #f2f2f2;
    margin-bottom: 23px;
}
select#responsive_payment_typecc_exp_date_YEAR {
    width: 34%;
    float: left;
    /*border-radius: 0 5px 5px 0;*/
    border: 1px solid #ccc;
    /*border-left: 0;*/
}
div.form-info-message {
    margin: 20px 0px;
}
.brand_message {
/*  padding: 0 60px; */
}
.brand_message h1 {
    font-size: 45px;
    line-height: normal;
}
.brand_message .form-row {
    padding-bottom: 0px;
}
.brand_message .form-row p {
    margin-bottom: 0px;
    color: #616265;
}
div.head {
    position: relative;
}
div.head .brand_message {
    position: absolute;
    left: 33%;
    right: 0px;
    bottom: -3px;
}
label {
    font-family: 'Myriad Pro', 'PT Sans', Arial, Verdana;
    font-size: 16px;
    color: #616265;
}
/* CUSTOM RADIO BUTTON STYLES */

div#tribute_show_honor_fields_row {
    padding: 0;
}
.donation-level-container-generic-repeat {
    margin-bottom: 20px;
}
/* BIG BUTTON DONATION LEVEL STYLE */

#level_standard_row {
    padding: 0;
    /*   height: 50px; */
    
    vertical-align: top;
}
#level_standard_row .donation-levels {
    display: table;
}
/*myMarker*/
#level_standard_row label:before {
    display: none;
}
#level_standard_row .donation-level-container {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border: none;
    float: left;
}
#level_standard_row .donation-level-user-entered:after, #level_standard_row .donation-level-user-entered.active_level:after {
    /*   content: '$'; */
    display: block;
    clear: both;
    position: absolute;
    top: 7px;
    left: 32px;
}
#level_standard_row .donation-level-user-entered:after, #level_standard_row .donation-level-user-entered:after input:focus {
 color:#616265;
}
#level_standard_row .donation-level-user-entered.active_level:after {
    color: white;
}
.donation-level-label-input-container {
    position: absolute;
}
#level_standard_row .donation-level-label-input-container input[type="radio"] {
    display: none;
}
label[for*="level_standardauto_repeatname"]:hover:before, label[for*="donor_email_opt_inname"]:hover:before, label[for*="matching_gift_employer"]:hover:before, label[for*="tribute_show_honor_fieldsname"]:hover:before, label[for*="tribute_show_honor_fields_row"]:hover:before {
    border: 1px solid purple;
    border: 1px solid #63046A;
    background: white;
    color: white;
    cursor: pointer;
}
#level_standard_row .donation-level-label-input-container + label:hover {
    border: 1px solid #63046A;
    background: white;
    color: #63046A;
    cursor: pointer;
}
#level_standard_row .donation-level-label-input-container + label {
    padding: 0px 12px;
    height: 37px;
    line-height: 37px;
    background: #f2f2f2;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #cfd0d0;
    width: 72px;
    text-align: center;
    font-family: 'Myriad Pro', 'PT Sans', Arial, Verdana;
    margin-right: 12px !important;
}
#level_standard_row .donation-level-container:first-child .donation-level-label-input-container + label {
    margin-left: 0px;
}
#level_standard_row .donation-level-label-input-container.active_level + label {
    background: #63046A;
    color: white;
    cursor: pointer;
}
#level_standard_row .donation-level-user-entered input {
    display: block;
    width: 199px;
    border-radius: 4px;
    border: 1px solid #cfd0d0;
    position: relative;
    top: -1px;
    margin: 0;
    padding: 0px 20px;
    height: 37px;
    line-height: 37px;
}
#level_standard_row .donation-level-user-entered input:hover {
    border: 1px solid #63046A;
    background: white;
    cursor: pointer;
}
#level_standard_row .donation-level-user-entered.active_level input {
    background: #63046A;
    color: white;
}
#level_standard_row .donation-level-user-entered.active_level input:focus {
    color: #616265;
}
#level_standard_row .donation-level-user-entered.active_level input::-webkit-input-placeholder {
 color: #ffffff;
}
#level_standard_row .donation-level-user-entered.active_level input::-moz-placeholder {
 color: #ffffff;
}
#level_standard_row .donation-level-user-entered.active_level input:-moz-placeholder {
 color: #ffffff;
}
#level_standard_row .donation-level-user-entered.active_level input::-ms-input-placeholder {
 color: #ffffff;
}
button#pstep_finish:hover {
    background-color: #E1A201;
    border: 0;
    color: white;
}
button#pstep_finish {
    background-color: #FCA81B;
    padding: 20px;
    margin: 0 auto;
    display: block;
    font-size: 1.3rem;
    cursor: pointer;
    float: none;
    max-width: 300px;
    min-width: 300px;
}
label+div.donation-level-user-entered {
    margin: 0px;
    display: block;
    padding-left: 11px;
    border-left: 2px solid #e8e9e9;
}
#level_standard_row .donation-level-user-entered label, #level_standard_row .donation-level-container:last-child label {
    display: none;
}
#level_standard_row input[id*="level_flexibleexpanded"] {
    height: 30px;
    display: block;
    width: 100%;
    border: none;
}
div.responsive a.step-button, div.responsive button.step-button {
    background: rgb(118, 40, 124);
    color: white;
    text-transform: uppercase;
    border: none;
    border: 1px solid #ffffff;
}
button#pstep_cancel {
    text-align: center;
    width: 100%;
    margin-left: 23%;
    background: rgb(233, 233, 233);
    text-decoration: none;
    color: rgb(118, 40, 124);
}
/**/

input.activated {
    border-color: purple!important;
    background: white!important;
}
input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: purple!important;
    background-color: white!important;
    background-image: url(https://www.lupus.org/dls/images/focus-arrow.png)!important;
    background-repeat: no-repeat!important;
    background-position: 8px 16px!important;
}
textarea:focus {
    background-position: 8px 8px;
}
.search-input-wrapper {
    background: white;
    padding: 15px 0;
    border-radius: 4px;
    position: relative;
    text-align: right;
}
input.search-input[type="text"] {
    width: 33%;
    border: 1px solid #ccc;
    height: 30px;
    vertical-align: top;
    text-align: right;
    font-size: 15px;
    border-radius: 20px;
    padding: 4px 42px 0 0;
    color: #A9A1A1;
    position: relative;
}
input.search-button {
    background: url('../dls/assets/images/search.gif')no-repeat top;
    top: 0px;
    border: 0;
    border-radius: 3px;
    color: white;
    text-indent: -1999px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 1%;
    top: 36%;
}
main label {
    display: inline-block;
}
#giving label {
    display: inline;
    cursor: pointer;
}
main select, main textarea, main input[type="text"], main input[type="password"], main input[type="datetime"], main input[type="datetime-local"], main input[type="date"], main input[type="month"], main input[type="time"], main input[type="week"], main input[type="number"], main input[type="email"], main input[type="url"], main input[type="search"], main input[type="tel"], main input[type="color"], {
 display: inline-block;
 height: 20px;
 padding: 4px 6px;
 margin-bottom: 10px;
 font-size: 14px;
 line-height: 20px;
 color: #555555;
 vertical-align: middle;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
main textarea {
    height: auto;
}
.mobile textarea, main input[type="text"], main input[type="password"], main input[type="datetime"], main input[type="datetime-local"], main input[type="date"], main input[type="month"], main input[type="time"], main input[type="week"], main input[type="number"], main input[type="email"], main input[type="url"], main input[type="search"], main input[type="tel"], main input[type="color"], {
 background-color: #e9e9e9;
    /*border: none;*/
      -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
 transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, {
 border-color: rgba(82, 168, 236, 0.8);
 outline: 0;
 outline: thin dotted \9;
/* IE6-9 */
    /*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
*/
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
 *margin-top: 0;
    line-height: normal;
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
    cursor: pointer;
}
select, input[type="file"] {
    height: 40px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */
    
    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */
    
    line-height: 30px;
}
select {
    width: 220px;
    background-image: url(../dls/images/select-arrow.gif);
    background-position: right 15px;
    background-repeat: no-repeat;
    border: none;
    padding: 0 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

main select:focus, main input[type="file"]:focus, main input[type="radio"]:focus, main input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
main input[type=text], main input[type=textarea] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
div.responsive div.form-error {
    padding: 0px 0px 23px 0px;
}
input:focus, select:focus {
    background-position: 8px center !important;
}
.employer-address-container .form-row, [id*="tribute_notify"], [id*="tribute_honoree"], [id*="billing_"] {
    vertical-align: bottom;
}
.donation-form-content > .row:after, #tribute-section:after {
    height: 100px;
}
#tribute-section.show {
    height: 573px;
}
.donation-form-container p {
    color: #616265;
}
.content {
    padding-top: 90px;
}
div.transaction-summary-info:before {
    content: '';
    width: 100%;
    background: url(../dls/images/separator.png)repeat-x center 53%;
    height: 100px;
    box-sizing: content-box;
    display: block;
}
div.errorMessageContainer + div.donation-form-content #tribute-section.show {
    height: auto !important;
}
div.transaction-summary-info {
    color: #616265;
    width: 100%;
}
div.transaction-summary-info h5.dividerHeading, div.transaction-summary-info h5.summary-section-header {
    color: #71277a;
    font-family: 'Myriad Pro', 'PT Sans', sans-serif;
    font-weight: bold;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    position: relative;
    bottom: -2em;
}
div.transaction-summary-entry {
    margin-left: 300px;
}
.wrapper {
    width: 100%;
}
#single_designee_row {
    display: none;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^     
            MOBILE BREAKPOINTS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

@media (max-width: 1200px) {
.wrapper {
    width: 100%;
}
}

@media only screen and (min-width: 769px) and (max-width: 1143px) {
label+div.donation-level-user-entered {
    padding-left: 0px;
    border-left: none;
    padding-right: 30px;
    /*margin: 20px 0px 0px 0px;*/
    margin: 0px;
}
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
#body_container [class*="col"] {
    float: left;
    width: 100%;
    margin: 0 2% 0 0;
}
button#pstep_cancel {
    margin-left: 15%;
}
div.head .brand_message {
    position: relative;
    left: 0;
    right: 0px;
    bottom: -3px;
    text-align: center;
}
.brand img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
}

@media (max-width: 768px) {
.wrapper {
    width: 95%;
}
button#pstep_cancel {
    margin-left: 0;
}
#body_container .head .brand_message {
    position: relative!important;
    left: 0;
    right: 0;
    bottom: 0;
}
label+div.donation-level-user-entered {
    padding: 0;
    border: none;
}

#level_standard_row .donation-level-user-entered input {
    margin-left: 0;
    width: 167;
}
#nav li:hover ul {
    display: block;
    position: relative;
    width: 100%;
}
input#responsive_payment_typecc_numbername {
    background-image: none;
}
#body_container {
    padding: 0 30px;
    padding-top: 80;
}
#body_container .brand {
    margin-bottom: 50px;
}
#body_container {
    padding-top: 40px;
}
.head.row {
    text-align: center;
}
.brand {
    margin: 3% 0% 14% 0;
}
#level_standard_row .donation-level-container {
    width: 50%;
    margin-bottom: 20px;
}
div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive input[type="email"], #level_standard_row .donation-level-user-entered input, #level_standard_row .donation-level-label-input-container + label {
    height: 56px;
    line-height: 56px;
    width: 100%;
    display: block;
}
div.responsive select {
    height: 56px;
    display: block;
}
#tribute_honoree_first_name_row, #tribute_honoree_last_name_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #billing_first_name_row, #billing_last_name_row, #billing_addr_street1_row, #billing_addr_street2_row {
    display: block;
    width: 100%;
}
input#tribute_notify_recip_street1name, input#tribute_honoree_first_namename, input#billing_first_namename, input#billing_addr_street1name, input#tribute_honoree_last_namename, input#tribute_notify_recip_street2name, input#billing_last_namename, input#billing_addr_street2name {
    border: 1px solid #cfd0d0;
    border-radius: 5px;
}
input#responsive_payment_typecc_cvvname {
    display: block;
    float: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 56px !important;
    width: 100%;
}
select#responsive_payment_typecc_exp_date_MONTH {
    width: 50%;
    border-radius: 5px 0 0 5px;
}
select#responsive_payment_typecc_exp_date_YEAR {
    width: 50%;
}
#level_standard_row .donation-level-user-entered input {
    left: 0;/*
        height: 45px;
        */
}
#level_standard_row .donation-level-user-entered input, #level_standard_row .donation-level-label-input-container + label {
    width: 144px;
}
#level_standard_row .donation-level-label-input-container + label {
    margin: 3px 4px 0 0;
}
.brand_message h1 {
    font-size: 35px;
    letter-spacing: -1px;
}
h1, h2 {
    line-height: 2.4rem;
}
.utility_section p {
    font-size: 12px;
}
.brand_logo a {
    padding: 7px;
}
#footer [class*="col"] {
    float: left;
    width: 100%;
    margin: 0 2% 0 0;
}
.footer_links {
    text-align: center;
}
#footer .footer_logo img {
    margin: 30px auto;
    width: 50%;
}
#tribute-section.show {
    /*
        height: 830px;
        */
    height: 890px;
}
.employer-address-container.show {
    /*
        height: 474px;
        */
    height: 61px;
}
button#pstep_finish {
    max-width: 100%;
    min-width: initial;
    width: 100%;
}
#level_standard_row .donation-levels {
    width: 100%;
}
#level_standard_row .donation-level-user-entered input, #level_standard_row .donation-level-label-input-container + label {
    width: 100%;
}
#level_standard_row .donation-level-container:nth-child(1), #level_standard_row .donation-level-container:nth-child(3), #level_standard_row .donation-level-container:nth-child(5), #level_standard_row .donation-level-container:nth-child(7), #level_standard_row .donation-level-container:nth-child(9) {
    /*padding-right: 15px;*/
}
#level_standard_row .donation-level-container:nth-child(2), #level_standard_row .donation-level-container:nth-child(4), #level_standard_row .donation-level-container:nth-child(6), #level_standard_row .donation-level-container:nth-child(8), #level_standard_row .donation-level-container:nth-child(10) {
    /*padding-left: 15px;*/
}
.content {
    padding-top: 60px;
}
div.transaction-summary-info h5.dividerHeading, div.transaction-summary-info h5.summary-section-header {
    position: static;
    bottom: auto;
    margin: 30px 0px 20px 0px;
}
div.transaction-summary-info h5.dividerHeading {
    margin: 0px 0px 20px 0px;
}
div.transaction-summary-entry {
    margin-left: 0px;
}
}

/* --------------------------------------------------------------
  Mobile Narrow Only: ~320px - 479px
-------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
div.payment-field-container div.payment-type-selections span.payment-type-option {
    display: block;
}
div.payment-field-container span.payment-type-option:first-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
}
div.payment-field-container span.payment-type-option:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 4px;
}
div.payment-field-container div.payment-type-selections span {
    display: block;
}
div.payment-field-container span.internal-payment span.payment-type-option+span.payment-type-option {
    margin-left: auto;
}
#payment-information #tr_recognition_nameanonymous_row label, #payment-information #tr_show_gift_to_public_row label {
    line-height: normal;
}
}

@media (max-width: 360px) {
}

/* --------------------------------------------------------------
   2019 CP updates 
-------------------------------------------------------------- */

/*** css additional messages ***/
div#tribute_message_body_row .form-content:after {
    content: "(Upto 255 Characters)";
    display: block;
    font-size: smaller;
    color: #b0b0b2;
    margin-top: 20px;
}
div#tribute_notify_recip_name_row .form-content:before {
    content: "WHERE WOULD YOU LIKE US TO SEND A CARD:";
    }

div#tribute_type_row .form-content:before {
    content: "Honoree Information:";
    margin-top: 30px;
   }

div#tribute_type_row .form-content:before,
div#tribute_notify_recip_name_row .form-content:before {
    display: block;
    padding-top: 0px;
    border: none;
    color: #b0b0b2;
    font-size: .80rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase;
}
/*** Form labels ***/
label.FormLabel,[id*="tribute_notify"] label, [id*="tribute_honoree"] label, [id*="billing_"] label, [id*="tribute_message"] label, [class*="employer-address-container"] label, #donor_email_address_row label, #payment-information label {
    display: inline-block;
    /*font-size: 14px;
    color: #bbbbbb;
    text-transform: lowercase;*/
    vertical-align: baseline;
}
div#responsive_payment_typeach_confirm_row label {
    max-width: 95%;
    vertical-align: top;
}
#body_container .section-header-container {
    /*font-size: 18px;*/
}
/*** Form fields ***/
div.responsive input[type="checkbox"] {
    /*width: 20px;
    height: 20px;
    display: inline-block;
    display: none;
    vertical-align: text-bottom;*/
    position: absolute;
    left: -10000em;
    visibility: hidden;
}
/*.employer-address-container .form-row, */
[id*="tribute_notify"], [id*="tribute_honoree"], [id*="billing_"] {
    float: left;
    vertical-align: top;
    width: 49.5%;
    margin: auto .5% auto 0!important;
}
@media (max-width: 768px) {
.employer-address-container .form-row, [id*="tribute_notify"], [id*="tribute_honoree"], [id*="billing_"] {
    width: 100%;
    max-width:100%

}
}
/*** hide stuff ***/ 
.employer-address-container .form-row,
#send_ecard_row span.check-box-form-label-text,
div#payment_bank_container li:before,
.payment-type-element-container h3 {
    display: none;
}
/*** fancy buttons and boxes **/
.donation-form-content input[type="checkbox"]:checked + label:before {
    content: '\ea10';
    font-family: 'icons';
    background: #63046A;
    color: white;
}
.donation-form-content input[type="checkbox"] + label:before {
    content: '\ea10';
    font-family: 'icons';
    font-size: 14px;
    display: inline-block;
    padding: 5px;
    background: #f2f2f2;
    border-radius: 4px;
    color: transparent;
    border: 1px solid #cfd0d0;
    margin-right: 10px;
    /* margin-bottom: 20px; */
    width: 26px;
    height: 26px;
}
/*myMarker*/
.donation-form-content input#level_standardauto_repeatname:checked + label:before {
    content: '\ea10';
    font-family: 'icons';
    background: #63046A;
    color: white;
}
.donation-form-content input#level_standardauto_repeatname + label:before {
    content: '\ea10';
    font-family: 'icons';
    font-size: 14px;
    display: inline-block;
    padding: 5px;
    background: #f2f2f2;
    border-radius: 4px;
    color: transparent;
    border: 1px solid #cfd0d0;
    margin-right: 10px;
    /* margin-bottom: 20px; */
    width: 26px;
    height: 26px;
}

#level_standard_row .donation-level-user-entered input {
    color: #f2f2f2;
}

#level_standard_row .donation-level-label-input-container + label {
    min-width: 140px;
    width: auto;
}
#level_standard_row .form-content.active .donation-level-input-container .donation-level-user-entered input[type="text"], #level_standard_row .form-content.active .donation-level-label-input-container + label {
    background-color: #7c2a83 !important;
    background: #7c2a83;
    border-color: #7c2a83;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
/***employer match section ***/
.employer-address-container .form-row {
    height: auto;
    padding-bottom: 0;
}
.employer-address-container div.form-row div.form-content>input[type="text"], .employer-address-container div.form-row div.form-content select {
    margin-bottom: 23px;
    display: inline-block;
}

/*** payment type section ***/
div#responsive_payment_typecc_exp_date_row {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
}

div#responsive_payment_typecc_cvv_row {
    display: inline-block;
}

div#responsive_payment_typecc_cvv_row label , div#responsive_payment_typecc_cvv_row label span {
    display: inline-block;
}
div#responsive_payment_typecc_cvv_row a {
    font-size: 16px;
    font-weight: normal;
}
select#responsive_payment_typecc_exp_date_MONTH {
    width: auto;
    min-width: 100px;
    float: left;
    border: 1px solid #ccc;
    /*border-radius: 5px 0 0 5px;
    border-right: none;*/
    border-radius: 5px;
    margin-right: 5px;
}
input#responsive_payment_typecc_cvvname {
    float: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 33%;
    height: 38px;
    /*border-right: 0;*/
    background: #f2f2f2;
    margin-bottom: 23px;
}
select#responsive_payment_typecc_exp_date_YEAR {
    width: auto;
    min-width: 100px;
    float: left; 
   /* border-radius: 0 5px 5px 0;*/
    border-radius: 5px;
    border: 1px solid #ccc;
    /* border-left: 0; */
}
div.payment-field-container span.external-payment span.payment-type-option {
    margin-right: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 20px 0;
    height: 38px;
    border: 1px solid #cccccc;
}
@media (max-width: 768px) {
div.payment-field-container span.internal-payment:hover {
    border: none;
}
.mobile div.payment-field-container div.payment-type-selections {
    width: 100%;
}
.mobile div.payment-field-container span.internal-payment span.payment-type-option {
    border-radius: 5px;
    border: 1px solid #ccc;
}
}
/** ecard **/
div#send_ecard_row {
    margin-top: 20px;
    padding-bottom: 0;
}
div#ecard_recpients_row {
    padding-top: 20px;
}
div#null_row,
div#preview_button_row {
    padding-bottom: 0;
}

/** preview button popup note **/
div#preview_button_row:after {
    content: "(Make sure any popup blocker is disabled)";
    font-style: italic;
    display: block;
    font-size: smaller;
    color: #b0b0b2;
    margin-top: 10px;
}

/** touch ups to donation levels **/
.don-standard-levels.form-row {
    padding-bottom: 0;
}
#level_standard_row .donation-level-container {
    padding-bottom: 20px;
}

#level_standard_row .donation-level-user-entered input {
    display: inline-block;
}
.donation-level-user-entered:before {
    content: "$";
    display: inline-block;
    font-family: "myriad pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    width: 12px;
    height: 35px;
    line-height: 35px;
    color: #616265;
}

label+div.donation-level-user-entered {
    margin: 0px;
    display: block;
    padding-left: 11px;
    border-left: 2px solid #e8e9e9;
}

[id*="tribute_notify"], [id*="tribute_honoree"], [id*="billing_"] {
    width: 48.75%;
    margin: auto !important;
}

div:nth-child(even)[id*="tribute_notify"],
div:nth-child(even)[id*="billing_"] {
    margin: auto 2.2% auto 0!important;
}

div:nth-child(even)[id*="tribute_honoree_"] {
    margin: auto 2.2% auto 0!important;
}
@media (max-width: 768px) {
#level_standard_row .form-content .donation-level-input-container .donation-level-user-entered input[type="text"] {
    max-width: 96%;
    margin-top: 4px;
}
label+div.donation-level-user-entered {
    padding-left: 0;
    border-left: none; 
}
.donation-level-user-entered:before {
   /* font-size: 18px;
    width: 18px;
    height: 45px;
    line-height: 55px;*/
}
.donation-level-user-entered:before {
    content: "";
    display: none;
}
}
@media (max-width: 400px){
#level_standard_row .form-content .donation-level-input-container .donation-level-user-entered input[type="text"] {
    max-width: 80%;
}
#level_standard_row .donation-level-label-input-container + label {
    min-width: auto;

}
}
-->