@CHARSET "UTF-8";

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

html.ie .clearfix {
    zoom: 1;     /* triggers hasLayout */
}

form.dp * {
    margin: 0px;
    padding: 0px;
}

form.dp h1 {
    margin: 10px 0 15px;
}

form.dp p {
    margin: 5px 0 8px;
}

form.dp div {

}

form.test-account {
    background-color: #ffdddd;
}
form.dp fieldset, #dp_processing_container.single fieldset {
    margin: 20px 0px;
    padding: 10px 5px;
    border: 2px solid #eeeeee;
    background-color: #fcfcfc;
}

form.dp legend, #dp_processing_container.single legend {
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 5px;
    display: block;
}

form.dp label {
    display: block;
    float: left;
    clear: left;

    width: 200px;
    height: auto;
    padding: 5px 10px;

    font-weight: normal;
    font-size: 15px;
    color: #555555;

}

.card_images_spacer {
    width:200px;
    height:30px;
}

form.dp .card_images {
    float:left;
    clear:right;
    margin-bottom:10px;
}

form.dp .card_images img {
    display:inline;
}


form.dp input, form.dp select, form.dp textarea {
    margin-bottom: 10px;
}

form.dp input[type=text] {
    display: block;
    float: left;
    clear: right;
    width: 200px;
    padding: 4px;

    border: 2px solid #dddddd;
}

form.dp select {
    display: block;
    float: left;
    clear: right;
    position: relative;
    top: 2px;


    width: 213px;
    padding: 4px;

}

form.dp select.expirationdatemm {
    margin-right: 10px;
}

form.dp select.expirationdatemm,  form.dp select.expirationdateyy {
    width: 101px;

}

form.dp option {


}

form.dp div.dp_checkbox {

}

form.dp input[type=checkbox] {
    display: block;
    float: left;
    clear: left;

    width: auto;
    padding: 0px;
    margin: 5px 10px 0px 220px;
    text-align: right;
}

form.dp div.dp_checkbox label, form.dp label.dp_amount_sum {
    clear: none;
    padding: 0px;
    width: auto;
    margin-top: 1px;
}

form.dp div.dp-radiobuttons {
    float: left;
    padding: 4px 0px;
    margin-bottom: 10px;
}

form.dp div.dp-radiobuttons .radiogroup label {
    clear: none;
    padding: 0px;
    width: auto;
    margin: 0px 20px 0px 0px;
    position: inline;
}

form.dp div.radiogroup span.other label.other:before {
    content: "$";
    float: left;
    margin-right: 10px;
}

form.dp input[type=radio] {
    float: left;
    clear: none;
    width: auto;
    margin: 2px 5px 0px 0px;

}

form.dp label.dp_amount_sum, form.dp label.dp_amount_sum_label {
    font-weight: bold;
}

form.dp input[type=submit] {
    border: 1px solid #aaaaaa;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 10px 0px 0px 0px;
}

form.dp label.textarea {
    width: auto;
    clear: both;
    float: none;
}

form.dp textarea {
    display: block;
    width: 411px;
    float: none;
    border: 2px solid #DDDDDD;
    padding: 4px;
    font-family: Lucida Grande, sans-serif;
    font-size: 11px;
}

/**
  * form_payment block
*/

form.dp ul.dp_flipswitch {
    margin-top: 10px;
}

form.dp button.dp_processing {
    border: 2px solid #eeeeee;
    border-right: none;
    border-bottom: none;
    padding: 5px;
}

form.dp ul.dp_flipswitch button.selected {
    border-bottom: none;
    border-bottom: 1px solid #fcfcfc !important;
    background: #fcfcfc;
}

form.dp ul.dp_flipswitch {
    list-style: none;
    padding: 0 !important;
    border-right: 2px solid #eeeeee;
    width: auto;
    float: left;
    clear: both;
    margin: 0px !important;
    position: relative;
    top: 2px;
}

form.dp ul.dp_flipswitch li {
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}

form.dp button.dp_processing:hover {
    cursor: pointer;
    background-color: #f79323;
}

#dp_processing_container {
    display: block;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: #fcfcfc;
}

#dp_processing_container.single  {
    background-color: transparent;
}

#dp_processing_container.single fieldset, #dp_processing_container.multiple fieldset {
    margin: 0px 0px 10px;
}

#dp_processing_container.single {
}

#dp_processing_container.multiple {
    /*	margin: 0px 0px 20px;
        padding: 10px 5px;
        border: 2px solid #eeeeee;
        background-color: #fcfcfc; */
}

#dp_processing_container.multiple fieldset {
}

#dp_processing_container.multiple legend {
    display: none;
}

/* Std Gradient */

form.dp input[type=submit] {
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.16, #FFFFFF),
            color-stop(0.58, #DDDDDD)
    );
    background-image: -moz-linear-gradient(
            center top,
            #FFFFFF 16%,
            #DDDDDD 58%
    );
}

.disabled {
    color: #cccccc;
}

/**
	Errors
	*/

span.error {
    display: block;
    float: left;
    font-size: 12px;
    max-width: 140px;
    padding: 0px 0px 0px 10px;
}

ul.errorlist, div.error {
    padding: 15px 15px 15px 30px;
    margin: 10px 0px;
    border: 1px solid red;
    width: auto;
    border: 2px solid #eeaabb;
}
div.dp-radiobuttons.error,
div.radiogroup.error
{
    border: none;
}

li.error {
    font-size: 14px;
    padding: 0px 0px 4px 0px;
}

span.error,
li.error,
input.error {
    color: #cc6666;
}

input.error,
ul.errorlist
{
    background-color: #ffeeee;
}


div.clear {
    clear: both;
}





/* Fixes on top of above */

/* General fixes */

form.dp fieldset, #dp_processing_container.single fieldset {
    padding: 10px 15px;
}

form.dp label, form.dp legend, #dp_processing_container.single legend {
    padding-left: 0px;
    margin-left: 0px;
}

form.dp label {
    margin: 0px;
    padding: 0px 10px 0px 0px;
    line-height: 30px;
}



/* Payment container width fix */

div#payment_container {
    width: auto;
}

div#dp_processing_container.multiple {
    border: 2px solid #EEEEEE;
}

div#dp_processing_container fieldset {
    border: none;
}

#dp_processing_container {
    float: none;
}



/* Radiobuttons fixes */

form.dp div.dp-radiobuttons label {
    margin: 0px;
    padding: 0px 10px 0px 0px;
}

form.dp div.dp-radiobuttons label.transactionamount_other {
    margin-right: 0px;
}

form.dp div.dp-radiobuttons {
    clear: none;
    float: none;
    display:block;
    /*position: static;*/
}

form.dp input[type="radio"] {
    margin-top: 9px;
    width: 14px;
}

form.dp div.radiogroup.vertical span.cont {
    display: block;
    position: inline;
}


/* Radiobuttons vertical */

form.dp div.dp-radiobuttons.vertical div.radiogroup {
    float:left;
}

form.dp div.dp-radiobuttons label.radiogroup {
    width: 200px;
}

form.dp div.dp-radiobuttons input[type="text"].vertical {
    width: 70px;
}

form.dp input[type="radio"].vertical {
    clear:left;
}

form.dp div.dp-radiobuttons.vertical label.radio,
form.dp div.dp-radiobuttons.vertical label.radiogroup,
form.dp div.dp-radiobuttons.vertical label.transactionamount_other {
    line-height: 30px;
}

form.dp div.dp-radiobuttons.vertical input[type="radio"] {
    margin-top: 9px;
}

form.dp div.radiogroup.vertical span.cont {
    display: block;
    position: inline;
}

form.dp div.radiogroup.vertical span.cont.other {
    display: inline;
}

/* Radiobuttons inline */

form.dp div.dp-radiobuttons.inline label.radiogroup {
    width: 200px;
}

form.dp div.dp-radiobuttons input[type="text"].inline {
    width: 70px;
}

form.dp div.dp-radiobuttons.inline label.radio,
form.dp div.dp-radiobuttons.inline label.radiogroup,
form.dp div.dp-radiobuttons.inline label.transactionamount_other {
    line-height: 30px;
}

form.dp div.dp-radiobuttons.inline input[type="radio"] {
    margin-top: 9px;
}



/* Checkbox fixes */
form.dp div.dp_checkbox input[type="checkbox"] {
    margin-left: 210px;
}

form.dp div.dp_checkbox input.inline[type="checkbox"] {
    clear: none;
    margin: 8px 5px 5px 0;
}

form.dp div.dp_checkbox label {
    margin: 0px;
}

form.dp div.dp_checkbox label.inline {
    padding-right: 15px;
    max-width: 90%;
}

form.dp input[type="checkbox"] {
    margin-top: 8px;
}


/* row-clear */

form.dp input.row-clear {
    margin-left: 0px !important;
    margin: 8px 5px 5px 0;
}

form.dp div.dp_checkbox.row-clear {
    clear: both;
    float: none;
}

form.dp label.row-clear,
form.dp span.row-clear {
    width: 99%;
    clear: both;
    display: block;
    float: none;
}

/* radiobutton row-clear */
form.dp span.row-clear input[type="radio"] {
    clear: left;

}
form.dp span.cont.row-clear label {
    clear: right;
    width: 99%;
    padding-left: 20px;
    padding-right: 0px;
}

/* select row-clear */
form.dp select.row-clear {
    clear: both;
    float: none;
}

/* Tooltips */

form.dp .tooltip_container {
    width: 403px;

}

form.dp .tooltip {
    display:none;
    background: #fff;
    font-size:12px;
    padding:15px;
    color:#333;
    opacity: 0.8;
    font-family: Lucida Grande, helvetica, arial, sans-serif;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    line-height: 1.2em;
}

form.dp .tooltip p {
    padding: 0px 0px 8px;
}

/* Generic style classes */
form.dp .long {
    width: 400px;
}
form.dp .short {
    width: 75px !important;
}

/**
	ERRORS AND ALERTS
**/

form.dp .alert, form.dp .notice, form.dp .success, form.dp .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
form.dp .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
form.dp .notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
form.dp .success {background:#e6efc2;color:#264409;border-color:#c6d880;}
form.dp .info {background:#d5edf8;color:#205791;border-color:#92cae4;}
form.dp .alert a {color:#8a1f11;}
form.dp .notice a {color:#514721;}
form.dp .success a {color:#264409;}
form.dp .info a {color:#205791;}

/**
	SOCIAL MEDIA
**/
.sharing {
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    background: #fcfcfc;

    background-image: linear-gradient(left , rgb(252,252,252) 36%, rgb(238,238,238) 84%);
    background-image: -o-linear-gradient(left , rgb(252,252,252) 36%, rgb(238,238,238) 84%);
    background-image: -moz-linear-gradient(left , rgb(252,252,252) 36%, rgb(238,238,238) 84%);
    background-image: -webkit-linear-gradient(left , rgb(252,252,252) 36%, rgb(238,238,238) 84%);
    background-image: -ms-linear-gradient(left , rgb(252,252,252) 36%, rgb(238,238,238) 84%);

    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0.36, rgb(252,252,252)),
            color-stop(0.84, rgb(238,238,238))
    );
}
.sharing h3 {
    color: #bbb;
    float: left;
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0 25px 0 0;
    text-transform: uppercase;
    width: 200px;
}
.social_control {
    float: left;
    margin: 0 15px 0 0;
}
.sharing .image {
    border: 1px solid #DDDDDD;
    float: right;
    height: 80px;
    overflow: hidden;
}
.sharing .image img {
    height: 80px;
}
.facebook_like .fb-like {
    margin-top: 0px;
}

.sslBadge {
    width: 100px;
}

form.dp label.error {
    color: #d00;
    font-size: 12px;
    margin: -5px 0 20px 0;
    line-height: 10px;
}

form.dp input.invisible {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
}


/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;

    box-sizing: border-box !important;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}

.tabs .tab-links {
    margin-bottom: -2px;
}

.tab-links li {
    margin:0px 5px;
    float:left;
    list-style:none;

    border: 2px solid #eeeeee;
}

.tab-links a {
    padding:9px 15px;
    display:inline-block;
    xborder-radius:3px 3px 0px 0px;
    xbackground:#7FB5DA;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #555555;    transition:all linear 0.15s;
}

.tab-links a:hover {
    xbackground:#a7cce5;
    text-decoration:none;
}

li.active a, li.active a:hover {
    background:#fcfcfc;
    color:#4c4c4c;
}

li.active {
    border-bottom: 2px solid #fcfcfc;
}


/*----- Content of Tabs -----*/
.tabs .tab-content {
    padding:15px;
    border-radius:3px;
    xbox-shadow:-1px 1px 1px rgba(0,0,0,0.15);

    border: 2px solid #eeeeee;
    xborder: 2px solid red;
    background-color: #fcfcfc;

}

.tab {
    display:none;
}

.tab.active {
    display:block;
}

.tabs fieldset.credit-card, .tabs fieldset.ach {

    margin: 0;
    padding: 10px;
    border: none;
    background-color: #fcfcfc;
}

.tab label.error {
    margin-top: 5px;
    width: auto;
}