/**
 * MageWorx
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the MageWorx EULA that is bundled with
 * this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.mageworx.com/LICENSE-1.0.html
 *
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@mageworx.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the extension
 * to newer versions in the future. If you wish to customize the extension
 * for your needs please refer to http://www.mageworx.com/ for more information
 * or send an email to sales@mageworx.com
 *
 * @category   skin_default
 * @package    MageWorx_CustomerCredit
 * @copyright  Copyright (c) 2009 MageWorx (http://www.mageworx.com/)
 * @license    http://www.mageworx.com/LICENSE-1.0.html
*/

.product-donation .added_donation { box-shadow: 2px 4px 9px -3px; border: 1px solid #AAA; border-radius: 6px; padding: 5px 5px 5px 35px; background: #ffffff url(../../images/mageworx/donations/checkbox_filled.png) 2% 40% no-repeat; background-size: 25px; }

/*#donations-overlay { cursor: pointer; opacity: 0.8; display: block; position: fixed; bottom:0; right: 0; background: #000000; width: 100%; height: 100%; z-index: 100; }*/

#donations_popup { z-index: 101; width: 630px; height: auto; position: fixed; background: #ffffff; border-radius: 8px; }
#donations_popup .minimum_donation { padding: 0 80px 5px 0; font-size: 10px; }
#donations_popup .close-button { background: transparent url(../../images/mageworx/donations/close-button.png) 0 0 no-repeat; position: absolute; width: 32px; height: 32px; cursor: pointer; position: absolute; top: -15px; left: 615px; }
#donations_popup .main-cont { text-align: left; }
#charities-head { padding: 0px 0 0 20px; }
.charity-select { float: left; }

/*background: #ffffff url(../../images/mageworx/donations/checkbox.png) 2% 40% no-repeat;*/
/*font-style: italic;*/
/*
.charity-select .charity-item { font-size: 12px;  background-size: 15px;   font-weight: bold; padding: 5px 10px 5px 25px; cursor: pointer; margin: 3px 3px 3px 11px; border-radius: 7px 0 0 7px; border: 0px solid #aaaaaa; }
.charity-select .current { background: #ffffff url(../../images/mageworx/donations/checkbox_filled.png) 2% 40% no-repeat; background-size: 20px; margin-right: -1px; border-right-color: #ffffff; box-shadow: -3px 4px 9px -3px; border-width: 1px; }
*/

.charity-select .charity-item {
    font-size: 12px; background-image: url(../../images/bg-check.png);
    background-repeat: no-repeat; background-size:20px;  background-position: 0px 0px;
    padding: 3px 0px 5px 25px; margin: 3px 0px 0px 20px;
    cursor: pointer;
    cursor: hand;
    display: block;
}
.charity-select .current { background-image: url(../../images/bg-check.png);
    background-repeat: no-repeat; background-position: 0px -42px; background-size:20px;
    padding: 3px 0px 5px 25px;  margin: 3px 0px 0px 20px;
    cursor: pointer;
    cursor: hand;
    display: block;
}


.charity-select .first { margin-top: 8px; }
.charity-select .last { margin-bottom: 8px; }
.charity-content {float: left;  width: auto; }
.charity-content .charity-desc {
    float: left;
    padding: 0px 20px 15px 20px;
    display: none;
}
.charity-content .charity_image_box { float: left; padding: 0 7px 2px 0; }
.donated-message {
    margin: 0px;
    padding: 0px 20px 10px 20px;
    font-weight: bold;
    color: #fff;
}
#donation-actions {
    float: left; margin: 0px 20px; }
#donation-actions .left-actions { float: left; margin-top: 8px; width: 100%; }
#donation-actions .right-actions { text-align: left; }
#donations-spinner {
    background: url(../../images/mageworx/donations/spinner.gif) no-repeat center center; display: none; }

.donation-form #dоnation_content{
    float: left;
    padding: 0px 0px 10px 0px;
    background-image: url(../../images/right-box-bot.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.donation-form-mini{
    float: left;
    width: 200px;
    text-align: left;
}
.donation-form-mini #donation-actions{
    margin: 0px;
}
.donation-form-mini .right-actions{
    float: left;
    width:100%;
    text-align: left;
}

.donation-form-mini .left-actions{
    float: right;
    width:100%;
    text-align: left !important;
}

.donation-form .right-actions .title{
    float: left; width: 100%;
    font-size: 16px;
    font-weight: bold;
}
.donation-form .right-actions .note{
    float: left; width: 100%;
    font-size: 12px;
    padding: 5px 0px 10px 0px;
}

.donation-form #donation_value{
    padding: 7px 10px;
    color: #666;
    line-height: 15px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #dbdad7;
    -webkit-box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.6);
    margin: 0;
    height: 15px;
    behavior: url(js/PIE.htc);
    position: relative;
    width: 130px;
}

.donation-form-mini #donation_value{
    padding: 7px 10px;
    color: #666;
    line-height: 15px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #dbdad7;
    -webkit-box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.6);
    margin: 0;
    height: 15px;
    behavior: url(js/PIE.htc);
    position: relative;
    width: 60px;
}

.donation-form{
    float: left;
    background-image: url(../../images/right-box-bg.jpg);
    background-repeat: repeat-y;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.donation-form .main-cont{
    background-image: url(../../images/right-box-top.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    float: left;
}

.donation-form button span{
    border: 1px solid #2a5097 !important;
}

.donation-form button span span{
    background: #436ac7 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#436ac7), color-stop(100%,#6a90d7)) !important;
    border: 1px solid #6a90d7 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

#donation-actions .validation-advice{
    float: right;
    width: 100%;
}