body {
    background-color: #EDECEC;
}

img { max-width:100%; }

div[ignite-content-container] {
    background-color:#EDECEC;
    margin: 0;
    padding: 15px;
}

.widget {
    background-color: #FFFFFF;
    padding:0 !important;
}

.sli-widget {
    display:block;
    padding:0 !important;
    margin: 0 auto;
    min-height: 300px;
    padding: 15px;
    position: relative;
}

/* Control header font sizes */
.sli-widget h1,
.sli-widget h2,
.sli-widget h3,
.sli-widget h4,
.sli-widget h5,
.sli-widget h6 {
    margin: 14px 0;
}
.sli-widget h1 {
    font-size:2em;
}
.sli-widget h2 {
    font-size:1.8em;
}
.sli-widget h3 {
    font-size:1.6em;
}
.sli-widget h4 {
    font-size: 1.4em;
}
.sli-widget h5 {
    font-size:1.2em;
}
.sli-widget h6 {
    font-size:1em
}
.sli-widget p {
    margin: 14px 0;
}
/* .sli-widget breakpoints
----------------------------------------------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .sli-widget {
        max-width:96%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    .sli-widget {
        max-width:96%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    .sli-widget {
        max-width:96%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-device-width: 1024px){
    .sli-widget {
        max-width:740px;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-device-width: 1024px)
and (orientation : landscape) {
    .sli-widget {
        width: 740px;
    }
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .sli-widget {
        width: 740px;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    .sli-widget {
        width: 740px;
    }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    .sli-widget {
        width: 740px;
    }
}



/* Containers
----------------------------------------------------------------------------------------------------*/

.sli-section {
    margin:0px;
    width: 100%;
    word-wrap: break-word;
}

.sli-element {
    font-size: 0.91667em;
    margin: 0 12px;
    padding: 0;
}

.sli-row {
    clear:both;
    /* width:92%; */
    margin-left: 4%;
    margin-right: 4%;
}

.sli-row:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.sli-columns-1,
.sli-columns-2,
.sli-columns-3,
.sli-columns-4,
.sli-columns-5,
.sli-columns-6,
.sli-columns-7,
.sli-columns-8,
.sli-columns-9,
.sli-columns-10,
.sli-columns-11,
.sli-columns-12 {
    display:block;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> .sli-column breakpoint widths
----------------------------------------------------------------------------------------------------*/

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .sli-section .sli-columns-1,
    .sli-section .sli-columns-2,
    .sli-section .sli-columns-3,
    .sli-section .sli-columns-4,
    .sli-section .sli-columns-5,
    .sli-section .sli-columns-6,
    .sli-section .sli-columns-7,
    .sli-section .sli-columns-8,
    .sli-section .sli-columns-9,
    .sli-section .sli-columns-10,
    .sli-section  .sli-columns-11,
    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:120px;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    .sli-section .sli-columns-1,
    .sli-section .sli-columns-2,
    .sli-section .sli-columns-3,
    .sli-section .sli-columns-4,
    .sli-section .sli-columns-5,
    .sli-section .sli-columns-6,
    .sli-section .sli-columns-7,
    .sli-section .sli-columns-8,
    .sli-section .sli-columns-9,
    .sli-section .sli-columns-10,
    .sli-section  .sli-columns-11,
    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:120px;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .sli-section .sli-columns-1,
    .sli-section .sli-columns-2,
    .sli-section .sli-columns-3,
    .sli-section .sli-columns-4,
    .sli-section .sli-columns-5,
    .sli-section .sli-columns-6,
    .sli-section .sli-columns-7,
    .sli-section .sli-columns-8,
    .sli-section .sli-columns-9,
    .sli-section .sli-columns-10,
    .sli-section  .sli-columns-11,
    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:120px;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 480px)
and (max-width: 768px){
    .sli-section .sli-columns-1,
    .sli-section .sli-columns-2,
    .sli-section .sli-columns-3,
    .sli-section .sli-columns-4,
    .sli-section .sli-columns-5,
    .sli-section .sli-columns-6,
    .sli-section .sli-columns-7,
    .sli-section .sli-columns-8,
    .sli-section .sli-columns-9,
    .sli-section .sli-columns-10,
    .sli-section  .sli-columns-11,
    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:80px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px){
    .sli-section .sli-columns-1 {
        width:6.333%;
    }

    .sli-section .sli-columns-2 {
        width:14.667%;
    }

    .sli-section .sli-columns-3 {
        width:23.0%;
    }

    .sli-section .sli-columns-4 {
        width:31.333%;
    }

    .sli-section .sli-columns-5 {
        width:39.667%;
    }

    .sli-section .sli-columns-6 {
        width:48.0%;
    }

    .sli-section .sli-columns-7 {
        width:56.333%;
    }

    .sli-section .sli-columns-8 {
        width:64.667%;
    }

    .sli-section .sli-columns-9 {
        width:73.0%;
    }

    .sli-section .sli-columns-10 {
        width:81.333%;
    }

    .sli-section .sli-columns-11 {
        width:89.667%;
    }

    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:60px;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-device-width: 1024px)
and (orientation : landscape) {
    .sli-section .sli-columns-1 {
        width:6.333%;
    }

    .sli-section .sli-columns-2 {
        width:14.667%;
    }

    .sli-section .sli-columns-3 {
        width:23.0%;
    }

    .sli-section .sli-columns-4 {
        width:31.333%;
    }

    .sli-section .sli-columns-5 {
        width:39.667%;
    }

    .sli-section .sli-columns-6 {
        width:48.0%;
    }

    .sli-section .sli-columns-7 {
        width:56.333%;
    }

    .sli-section .sli-columns-8 {
        width:64.667%;
    }

    .sli-section .sli-columns-9 {
        width:73.0%;
    }

    .sli-section .sli-columns-10 {
        width:81.333%;
    }

    .sli-section .sli-columns-11 {
        width:89.667%;
    }

    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:60px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and  (orientation : portrait){
    .sli-section .sli-columns-1 {
        width:6.333%;
    }

    .sli-section .sli-columns-2 {
        width:14.667%;
    }

    .sli-section .sli-columns-3 {
        width:23.0%;
    }

    .sli-section .sli-columns-4 {
        width:31.333%;
    }

    .sli-section .sli-columns-5 {
        width:39.667%;
    }

    .sli-section .sli-columns-6 {
        width:48.0%;
    }

    .sli-section .sli-columns-7 {
        width:56.333%;
    }

    .sli-section .sli-columns-8 {
        width:64.667%;
    }

    .sli-section .sli-columns-9 {
        width:73.0%;
    }

    .sli-section .sli-columns-10 {
        width:81.333%;
    }

    .sli-section .sli-columns-11 {
        width:89.667%;
    }

    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:60px;
    }
}

@media only screen and (min-width : 1024px)  {

    .sli-section .sli-columns-1 {
        width:6.333%;
    }

    .sli-section .sli-columns-2 {
        width:14.667%;
    }

    .sli-section .sli-columns-3 {
        width:23.0%;
    }

    .sli-section .sli-columns-4 {
        width:31.333%;
    }

    .sli-section .sli-columns-5 {
        width:39.667%;
    }

    .sli-section .sli-columns-6 {
        width:48.0%;
    }

    .sli-section .sli-columns-7 {
        width:56.333%;
    }

    .sli-section .sli-columns-8 {
        width:64.667%;
    }

    .sli-section .sli-columns-9 {
        width:73.0%;
    }

    .sli-section .sli-columns-10 {
        width:81.333%;
    }

    .sli-section .sli-columns-11 {
        width:89.667%;
    }

    .sli-section .sli-columns-12 {
        width:98.0%;
    }
    .sli-header {
        width:100% !important;
    }
    #sli-oneTimeDonationAmounts.sli-style-button,
    #sli-recurringDonationAmounts.sli-style-button  {
        min-height:60px;
    }
}

/* ----------------------------------------------------------------------------------------------------*/

.sli-section ul {
    list-style-type: none;
}

.sli-section > ul {
    float: left;
    clear: both;
    padding: 0px;
    width:100%;
}

.sli-section ul li p {
    margin:20px 24px;
}

.sli-form {
    color:#333333;
    font-size:14px;
}

.sli-subscription-info, .sli-confirmationMsg {
    background-color: #FFFFFF;;
    padding:20px 0;
}
.sli-confirmationMsg {
    margin-bottom: 20px;
}
.sli-confirmationMsg p {
    padding:50px 0 100px;
}

.sli-donation-amountblock {
    background-color: #F7F6F5;
    clear:both;
    margin:0;
    padding:2% 4%;
}
.sli-donationAmounts {
    display:block;
    clear:both;
}
.sli-selectRecurring {
    display:block;
    max-height:40px;
}
.sli-oneTimeDonation,
.sli-oneTimeDonation ul,
.sli-recurringDonation
.sli-recurringDonation ul {
    clear:both;
    display:block;

}
.sli-recurringFrequency,
.sli-recurringDonation,
.sli-recurringDonationAmounts,
.sli-donation-paymentblock {
    background-color: #F7F6F5;
    clear:both;
    margin:0;
    padding:8px 0px;
}
.sli-processing {
    background: #EDECEC;
    border:1px solid #DCDBDA;
    clear:both;
    display:block;
    margin:auto;
    padding:10px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

.sli-processing img,
.sli-processing span {
    clear:both;
    float:none;
}
.sli-processing img {
    margin:5px auto;
}
.sli-processing span {
    display:block;
    padding:5px 5px 0;
}
.sli-processing br {
    clear:both;
}

.sli-widget ul, ol, dl {
    /* font-size: .91667em;
    line-height:1.6; */
    margin-bottom: 1.66667em;
    list-style-position: outside;
    font-family: inherit
}

.sli-widget p.callout {
    background-color:#ECF8FF;
    margin-bottom: 15px;
    padding:15px;
}

.sli-widget .callout a {
    color: #2BA6CB;
    font-weight:bold;
}

.sli-widget button, input, select, textarea {
    font-family: inherit;
    font-size: 100%
}

.sli-widget div[ignite-content-container] {
    background-color: #d8d8d8;
    margin: 0;
    padding: 15px;
}

.sli-widget label {
    word-wrap: break-word;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 400;
    margin-bottom: .25em;
}

.sli-widget label input[type='radio'] {
    display:inline-block !important;
}

.sli-widget input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: rgba(0, 0, 0, .75);
    display: block;
    font-family: inherit;
    font-size: 1em;
    height: 40px;
    margin: 0 0 1.5em;
    position: relative;
    width: 100%;
    z-index: 10;
}

.sli-widget input[type=checkbox], input[type=radio] {
    margin: 0 0.5em 1em 0;
}

.sli-widget input[type=checkbox] + label,
.sli-widget input[type=radio] + label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: .44444em;
    margin-right: .88889em;
    vertical-align: baseline
}

.sli-widget input[type=checkbox] + label input[type=text],
.sli-widget input[type=radio] + label input[type=text] {
    display: inline-block;
    width: auto;
    margin-bottom: 0
}

.sli-widget input[type=submit] {
    background: #f3901d;
    border: none;
    color: #FFF;
    height: 38px;
    margin-bottom:20px;
    padding: 0.5em 2em;
}

.sli-widget select.sli-input {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #555;
    font-size: 1em;
    /* height: 2.4em; */
    height:40px;
    margin: 0 0 1.5em;
    padding: 0.5em;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
}

.sli-widget button, .button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-weight: 400;
    margin: 0 0 1.66667em;
    position: relative;
    text-decoration: none;
    text-align: center;
    padding-right: 2em;
    padding-left: 2em;
}

.sli-droppable-area {
    border: 0;
    list-style-type: none;
    margin: 15px 0;
    min-height: 5px;
}

.sli-header {
    box-sizing: border-box;
    color: #333;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin: 0px;
    padding: 20px;
    /* max-width: 640px !important; */
}

.sli-header-image {
    float: left;
    width: 100px;
}

.sli-header-image figure {
    margin:0;
}

.sli-header-image img {
    float: left;
}

.sli-header-text span,
.sli-header-text p {
    float: left;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.6;
    color: #FFF;
    line-height: 1.6;
    margin: 0;
}

.sli-instructions {
    display:block;
    margin:0;
    padding:5px 0;
}
.sli-label {
    /*clear: both;
    width: 100%;*/
}

.sli-field-address-zip {
    margin-right:0px;
}

.sli-selectRecurring {
    /* font-size: 0.91667em; */
}

.sli-widget
@-moz-document url-prefix () {
    .sli-address-home-state {
        overflow: hidden;
        background-color: transparent;
    }
}

.sli-date-input {
    border: 0px;
    float: left;
    font-weight: bold;
    height: 35px;
    margin-left: 4px;
    padding: 0.5em;
    position: relative;
    top: 0px;
    width: 70px;
}

.sli-oneTimeAmountLabel {
    display: inline-block;
    padding-left:0px;
}

.sli-recurringDonationAmount {
    display: inline;
    padding-left:0;
}
/*
.sli-ccInput {
    min-width: 275px !important;
}
*/
.sli-widget .hasDatePicker {
    display: block;
    float: left;
    margin: 0 0px 20px;
    width: 400px !important;
}

.sli-cards ul.hidden {
    display: none !important;
}

.sli-cards ol, .sli-cards ul {
    list-style: none;
    padding: 0;
}

.sli-cards {
    overflow: hidden;
    padding: 0;
}

.sli-cards li {
    background-repeat: no-repeat;
    float: left;
    height: 32px;
    margin-right: 8px;
    padding: 5px;
    text-indent: -9999px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 50px;
}

.sli-cards {
    display: inline-flex;
    list-style: none;
    padding: 0;
}

.sli-cards {
    overflow: hidden;
    padding: 0 !important;
}
.sli-cc-vertical ul {
    display: flex;
    vertical-align: middle;
}

.sli-cards li:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.sli-ccInfo {
    background-color: #fff;
    border: 1px solid #EDECEC;
    display: block;
    margin:10px 0 20px;
    padding: 20px 0 10px;
}
.sli-ccInfo .sli-row {
    margin:0 2%;
}
.sli-ccInfo ul {
    list-style: none;
    margin:0;
    padding:0;
    width:auto;
}
.sli-ccInfo ul.sli-cards {
    margin:0;
    padding:0;
}

.sli-cards .sli-visa {
    background-image: url(/public/images/visa-curved-32px.png);
}

.sli-cards .sli-mastercard {
    background-image: url(/public/images/mastercard-curved-32px.png);
}

.sli-cards .sli-discover {
    background-image: url(/public/images/discover-curved-32px.png);
}

.sli-cards .sli-amex {
    background-image: url(/public/images/american-express-curved-32px.png);
}

.sli-ccInfo h2 {
    color: #555;
    font-family: \Helvetica Neue\,Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 0
}

.sli-ccInfo li ul li {
    clear:none;
    float:left;
}

.sli-ccInfo label {
    color: #555;
    display: block;
    font-size: 14px
}

.sli-ccInfo label.sli-ccExpLabel {
    clear:both;
}

.sli-ccInfo label small {
    color: #aaa;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
}
.sli-cc-vertical {
    clear:both;
    display: block;
    margin:0;
}

.sli-cc-vertical li:last-child input {
    float: right
}

.sli-ccInfo input[type=text] {
    border: 1px solid #aaa;
    border-color: #aaa #ddd #ddd #aaa;
    color: #333;
    display: block;
    height: 40px;
    margin: 0 0 1.5em;
}

.sli-customAmount input[type=text] {
    display: inline-block;
}

/*  One-time Donation Amounts ---------------------------- */

#sli-oneTimeDonationAmounts.sli-style-button {
    list-style-type: none;
    margin: 10px 0 10px 0;
    padding: 0;
}

#sli-oneTimeDonationAmounts.sli-style-button li {
    float: left;
    margin: 0 8px 10px 0;
    height: 40px;
    position: relative;
}

#sli-oneTimeDonationAmounts.sli-style-button label,
#sli-oneTimeDonationAmounts.sli-style-button input[type='radio'] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#sli-oneTimeDonationAmounts.sli-style-button label {
    background-color: #DCDBDA;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    cursor: pointer;
    margin:0px;
    min-width: 60px;
    overflow: auto;
    padding:10px 3px;
    position: inherit;
    text-align: center;
    z-index: 90;
}


#sli-oneTimeDonationAmounts.sli-style-radio label:hover {
    background-color: #F7F6F5;
}

#sli-oneTimeDonationAmounts label.sli-customAmount {
    overflow: hidden;
    padding:1px;
}

#sli-oneTimeDonationAmounts .sli-customAmount span {
    margin: 2px 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    vertical-align: middle;
}

#sli-oneTimeDonationAmounts .sli-customAmount input {
    display:inline;
    height:31px;
    margin: 0 5px;
    width:60px;
}

#sli-oneTimeDonationAmounts input[type='text'].sli-oneTimeDonationInput {
    padding: 5px;
    /* height: 17px; */
    height: auto;
    margin: 3px 0 3px 4px;
}

#sli-oneTimeDonationAmounts.sli-style-button input[type='radio'] {
    opacity: 0.011;
    z-index: 100;
}


#sli-oneTimeDonationAmounts.sli-style-button input[type='radio']:checked + label {
    background-color: #757678;
    color: #F7F7F7;
}

#sli-oneTimeDonationAmounts.sli-style-button label:hover {
    background-color: #F7F6F5;
}

/*  Recurring Donations -----------------------------------*/


#sli-recurringDonationAmounts.sli-style-button {
    list-style-type: none;
    margin: 10px 0 10px 0;
    padding: 0;
}

#sli-recurringDonationAmounts.sli-style-button li {
    float: left;
    margin: 0 8px 10px 0;
    height: 40px;
    position: relative;
}

#sli-recurringDonationAmounts.sli-style-button label,
#sli-recurringDonationAmounts.sli-style-button input[type='radio'] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#sli-recurringDonationAmounts.sli-style-button label {
    background-color: #DCDBDA;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    cursor: pointer;
    margin:0px;
    min-width: 60px;
    overflow: auto;
    padding:10px 3px;
    position: inherit;
    text-align: center;
    z-index: 90;
}

#sli-recurringDonationAmounts.sli-style-radio label:hover {
    background-color: #F7F6F5;
}

#sli-recurringDonationAmounts label.sli-customAmount {
    overflow: hidden;
    padding:1px;
}

#sli-recurringDonationAmounts .sli-customAmount span {
    margin: 2px 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    vertical-align: middle;
}

#sli-recurringDonationAmounts .sli-customAmount input {
    display:inline;
    height:30px;
    margin: 2px 5px;
    width:60px;
}

#sli-recurringDonationAmounts input[type='text'].sli-oneTimeDonationInput {
    padding: 5px;
    /* height: 17px; */
    height: auto;
    margin: 3px 0 3px 4px;
}

#sli-recurringDonationAmounts.sli-style-button input[type='radio'] {
    opacity: 0.011;
    z-index: 100;
}


#sli-recurringDonationAmounts.sli-style-button input[type='radio']:checked + label {
    background-color: #757678;
    color: #F7F7F7;
}

#sli-recurringDonationAmounts.sli-style-button label:hover {
    background-color: #F7F6F5;
}

.sli-style-button {
    min-height:80px;
}
/* -------------------------------------------------------- */
.sli-orientation-vertical input[type='radio']{
    margin-bottom: .5em;
}

.sli-orientation-vertical label {
    display: block;
}

.sli-orientation-horizontal input[type='radio']{
    margin-right: .5em;
}

.sli-orientation-horizontal label {
    display: initial;
    margin-right: 1.5em;
}

.sli-result {
    padding:10px 20px;
}

.result {
    padding:0 20px 20px 20px;
}

/* Social Sharing */
.socialSharingBlockElement {
    clear:both;
    display:block;
    margin:0 24px;
    min-height: 45px;
}

.socialSharingBlockElement p {
    font-size: 14px;
    color: #333333;
    margin: 0 0 5px !important;
}

.socialSharingBlockElement .sli-socialSharing-item {
    float: left;
    margin-right: 5px;
    margin-bottom: 0px;
}

.socialSharingBlockElement.vertical .sli-socialSharing-item {
    float: left;
    clear: both;
    margin-right: 0px;
    margin-bottom: 5px;
}

/* date time picker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }


/* Background Colors */
.sli-default-background {
    background-color:#FFFFFF;
}
.sli-grey-background {
    background-color:#F7F6F5;
}/* Contact Info */
#contactInfo {
    font-size: 0.9em;
    line-height: 1.2em;
    padding-bottom: 20px;
    padding-top: 0px;
}

/* UNSUBSCRIBE STYLES */
div#unsubwidget .sli-row form {
    padding-top: 12px;
    padding-bottom:12px;
}

div#unsubwidget .result {
    padding: 20px;
}

.sli-row div#unsubwidget .sli-row {
    margin-left:0px;
    margin-right:0px;
}

/* Editor Styles for pre-Layout forms */

#vecanvas_ng .canvasWrapper .widgetWrapper .widget, #vecanvas .canvasWrapper .widgetWrapper .widget {
    background-color: #fff;
    display: table;
    height: 100%;
    margin: 0 auto;
    max-width: 800px;
    min-height: 300px;
    padding: 15px;
    position: relative;
    width: 100%;
}

#vecanvas_ng .canvasWrapper .widgetWrapper .widget section, #vecanvas .canvasWrapper .widgetWrapper .widget section {
    float: left;
    width: 100%;
}

#vecanvas_ng .canvasWrapper .widgetWrapper .widget section .header, #vecanvas .canvasWrapper .widgetWrapper .widget section .header {
    float: left;
    padding: 20px;
    width: 100%;
}

#vecanvas_ng .canvasWrapper .widgetWrapper .widget section .droppableArea, #vecanvas .canvasWrapper .widgetWrapper .widget section .droppableArea {
    border: 1px dashed #ccc;
    margin: 15px 0;
    min-height: 25px;
}

#vecanvas_ng .canvasWrapper .widgetWrapper .widget section#formWidget, #vecanvas .canvasWrapper .widgetWrapper .widget section#formWidget {
    padding: 20px;
}

#vecanvas_ng .canvasWrapper .widgetWrapper .widget section ul.sortable > li, #vecanvas .canvasWrapper .widgetWrapper .widget section ul.sortable > li {
    background-color: #f8f8f8;
    margin-bottom: 5px;
    min-height: 50px;
    padding: 10px;
    position: relative;
}

#vecanvas_ng .ui-state-default, #vecanvas_ng .ui-widget-content .ui-state-default, #vecanvas_ng .ui-widget-header .ui-state-default, #vecanvas .ui-state-default, #vecanvas .ui-widget-content .ui-state-default, #vecanvas .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: inherit;
}

.sli-contact-type {
    display: inline-block;
    margin-right: 10px;
}



.sli-channel-msg {
    margin-left: 5em;
}

.sli-channel-type {
    margin-left: 5em;
}
.sli-error {
            display: block;
            padding: 0.375rem 0.5625rem 0.5625rem;
            margin-top: -21px;
            margin-bottom: 1rem;
            font-size: 0.75rem;
            font-weight: normal;
            font-style: italic;
            background: #f04124;
            color: #fff;
        }

/* Subscription Management Page
----------------------------------------------------------------------------------------------------*/

/* Import Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");

html, body {
    padding: 0;
    margin: 0;
}
.sli-manage-sub-page {
    font-family: 'RobotoLight', Arial, sans-serif;
}
.sli-manage-sub-page .sli-header {
    padding: 0;
    margin-bottom: 25px;
}
.sli-manage-sub-page .sli-header-text p {
    color: inherit;
}
.sli-manage-sub-page .sli-header-image {
    background: #fff;
    text-align: center;
    float: none;
    width: 100%;
}
.sli-manage-sub-page .sli-header-image img {
    float: none;
    margin: 20px auto;
}

.sli-manage-sub-page .sli-header-text {
    text-align: center;
    background: #ddd;
    padding: 15px;
}

.sli-manage-sub-page .sli-header-text p,
.sli-manage-sub-page .sli-header-text span {
    float: none;
}

.sli-manage-sub-page .sli-button {
    padding: 10px;
}

.sli-manage-sub-page .sli-channel-types {
    margin-top: 1em;
}

.sli-manage-sub-page .sli-channel-type {
    margin-left: 0;
}

.sli-callout img,
.sli-text img{
    height: auto !important;
}
