/* THEME: Naked (Default) */

.sinkstripes_container {
    padding: 2%;
    width: 96%
}

.sinkstripes_container #sinkstripes_form {
    display: none
}

.sinkstripes_container .clearfix {
    clear: both
}

.sinkstripes_container .success {
    color: green
}

.sinkstripes_container .error {
    color: #bb0e0e
}

.sinkstripes_container .accordion_target {
    display: none
}

.sinkstripes_container #show_ccv {
    display: inline-block;
    font-size: 80%;
    margin-left: 10px
}

.sinkstripes_container #sinkstripes_error,
#sinkstripes_response {
    display: none
}

.sinkstripes_container .status_header {
    display: inline-block;
    font-size: 110%;
    padding-right: 240px
}

.sinkstripes_container .processing .status_header {
    background: url("../../images/ajax-loader.gif") no-repeat scroll right center transparent
}

.sinkstripes_container .error .status_header {
    color: #bb0e0e !important
}

.sinkstripes_container .msg_error {
    display: none
}

.sinkstripes_container .error .msg_error {
    display: inline-block
}

.sinkstripes_container .error .msg_processing {
    display: none
}

.sinkstripes_container .success .status_header {
    color: green !important
}

.sinkstripes_container .success .status_header:before {
    color: green;
    content: '🚀  '
}

.sinkstripes_container .sinkstripe_field {
    margin-bottom: 1em
}

.sinkstrip es_container .sinkstripe_field .short_entry {
    width: 35px
}

.sinkstripes_container .sinkstripe_label {
    display: block;
    font-weight: bold;
    margin-bottom: .35em
}

.sinkstripes_container .sinkstripe_divider {
    border-bottom: 1px solid;
    margin-bottom: 4px
}

.sinkstripes_container .body_input {
    display: none
}

.sinkstripes_container .sinkstripe_input_area input.required.valid {
    border-color: #8cc63f;
    background: url("../../images/icon_checkmark.png")no-repeat scroll 95% center transparent
}

.sinkstripes_container .sinkstripe_input_area input.required.invalid {
    border-color: #bb0e0e;
    background: #f8f8f8
}

.sinkstripes_container .sinkstripe_input_area input#expiration {
    display: inline-block;
    width: 20%
}

.sinkstripes_container .sinkstripe_input_area select#address_state {
    border: 1px solid #ccc;
    padding: .75em;
    width: 25%
}

.sinkstripes_container h3,
.sinkstripes_container .content h3 {
    margin-top: 2em
}

.sinkstripes_container p.response_validation,
.sinkstripes_container .content p.response_validation {
    font-style: italic
}

.sinkstripes_container .sinkstripe_input_area input#notes {
    width: 80%
}

.sinkstripes_container .nojavascript_alert {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px
}

.sinkstripes_container .nojavascript_alert h3,
.sinkstripes_container .nojavascript_alert p {
    margin: 0 0 20px;
    text-align: center
}

.sinkstripe_field input[type="text"] {
    width: 69%;
    margin-bottom: .35em;
    padding: .75em;
    border: 1px solid #ddd
}

.sinkstripe_field input[type=text].monetary_inputbox {
    width: 100px
}

.sink_onechoice {
    margin-bottom: .35em
}

.sinkstripe_field #amount,
.sinkstripe_field #exp-month,
.sinkstripe_field #exp-year,
.sinkstripe_field #sinkcard_sec,
.sinkstripe_field #address_zip {
    width: 2%;
    min-width: 60px
}

.sinkstripe_field #sinkcard,
.sinkstripe_field #email,
.sinkstripe_field #address_city,
.sinkstripe_field #phone,
.sinkstripe_field #country,
.sinkstripe_field #name_first,
.sinkstripe_field #name_last {
    width: 40%
}

.sinkstripe_field#exp-month,
.sinkstripe_field#exp-year,
.sinkstripe_field#sinkcard_sec,
.sinkstripe_field#address_city,
.sinkstripe_field#address_state,
.sinkstripe_field#address_zip {
    float: left
}

.sinkstripe_field .billing_details,
.sinkstripe_field#phone {
    clear: both
}

.sinkstripes_module #sinkstripes_submit {
    padding: 1.5em
}

.sinkstripes_container .error .status_header,
#sinkstripes_error h2,
#sinkstripes_error p,
#sinkstripes_error.error .status_header {
    color: red
}

.sinkstripes_container .sinkstripe_field label.error {
    border-radius: 24px;
    display: inline-block;
    font-style: normal;
    padding: 1.1em 1em;
    width: auto;
    margin-left: 10px;
    font-size: 80%;
    color: #fff;
    background-color: #bb0e0e
}

#sinkstripes_error.error .status_header:before {
    content: none
}

.sinkstripe_input_area.checkbox_area input,
.sinkstripe_input_area.checkbox_area label {
    display: inline-block
}

.sinkstripe_input_area.checkbox_area input {
    margin-right: 10px
}

input[type="radio"],
input[type="checkbox"] {
    line-height: normal;
    margin: 5px 7px 0;
}