/*--Layout Elements
----------------------------------------------------*/
#sfp-wrapper {
    width: 940px;
    margin: 0 auto
    }
#sfp-main {
    width: 600px;
    background-color: #fff;
    box-shadow: 0 0 5px 1px #ccc;
    float: left;
    padding: 10px 10px 30px 10px;
    margin-bottom: 50px
    }
#sfp-sidebar {
    width: 270px;
    background-color: #fff;
    box-shadow: 0 0 5px 1px #ccc;
    margin: 160px 0 0 30px;
    float: left;
    padding: 10px
    }
.sfp-utility-links a {
    font-weight: normal
    }
/**
#sfp-team-picture {
    float: none;
}
**/
table#sfp-supporters {
    border-collapse: collapse
    }
table#sfp-supporters td {
    padding: 2px 5px
    }
/*
*
*   Content area styles
*
*/
.sfp-content-box {
    padding: 0 25px
    }
/* Jquery UI mod */
.ui-widget-content {
    border: none;
    font-family: Roboto, arial, helvetica, sans-serif
    }
/*
*
*   Donation form styles
*
*/
#sfp-donation-form #sfp-sidebar {
    opacity: 0.4
    }
.sfp-submit-button {
    width: 100%;
    padding: 30px 85px;
    margin-top: 20px;
    font-size: 1.25em;
    font-weight: bold;
    background: none repeat scroll 0 0 #67ae34;
    color: #FFF;
    border: none
    }
.sfp-submit-button:hover {
    background-color: grey;
    cursor: pointer
    }
.sfp-payment-radio {
    height: 80px;
    display: inline-block;
    vertical-align: top
    }
#sfp-creditcard {
    margin-right: 30px;
    height: auto
    }
label#sfp-creditcard, label#sfp-e-check, label#sfp-alternative {
    margin-top: 5px
    }
#sfp-e-check {
    background-image: url(payments.jpg);
    background-repeat: no-repeat;
    background-position: 0 16px;
    width: 105px
    }
[for|=scode] {
    padding-bottom: 30px;
    display: inline-block;
    width: 100%;
    background-image: url(security-code.jpg);
    background-repeat: no-repeat;
    background-position: 70px 20px
    }
#scode {
    margin-top: 7px
    }
.paymentFieldset {
    border: none;
    background-color: #f7f3d6;
    padding: 20px
    }
.paymentFieldset label {
    /*display: block;*/
    /*margin-top: 10px;*/
    }
.sfp-inline-field {
    float: left;
    margin-right: 10px
    }
.sfp-bold-label {
    font-weight: bold;
    font-weight: bold;
    color: #383838;
    display: block
    }
.sfp-bold-label span {
    font-weight: normal;
    color: grey;
    margin-left: 15px
    }
.sfp-clear-right {
    clear: right
    }
.sfp-clear-left {
    margin-bottom: 15px;
    clear: left
    }
.sfp-optional-label {
    font-weight: normal;
    color: grey
    }
/* Errors in fiels */
.sfp-error-field {
    color: red
    }
.sfp-error-field input[type|=text], .sfp-error-field textarea {
    border: 1px solid red
    }
/*
*
*   Sidebar styles
*
*/
#sfp-sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
#sfp-sidebar li.sfp-widget {
    padding: 0;
    list-style: none;
    margin-bottom: 10px
    }
/*--Page Style Classes
------------------------------------------------------*/
.sfp-section-header {
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px
    }
.sfp-section-header.main {
    margin-bottom: 20px
    }
.sfp-header-title {
    margin-bottom: 30px
    }
.sfp-supporters {
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #666;
    border-bottom: 1px solid #ddd;
    padding: 5px 0
    }
/*
.sfp-photo {
    padding: 5px 15px 5px 5px;
   
}

.sfp-photo img {
   float: none;
max-width: 510px;
margin-left: -11px;
}
*/
.sfp-sidebar-center {
    width: 200px;
    margin: 0 auto
    }
.sfp-progress {
    font-size: 1.3em;
    width: 250px;
    height: 50px;
    background-color: #eee;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    color: #333
    }
.sfp-prog-dollar {
    font-size: 1.3em;
    font-weight: bold
    }
.goals {
    height: auto
    }
/*---Sidebar Buttons
--------------------------------------------------*/
.sfp-button {
    padding: 20px 0;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1.5em;
    display: block;
    letter-spacing: 2px;
    text-align: center;
    clear: left;
    margin: 0 10px 0 0;
    width: 100%
    }
#sfp-donation-form #sfp-sidebar a:hover {
    color: #306186;
    cursor: default
    }
#sfp-donation-form #sfp-sidebar .sfp-button:hover {
    cursor: default
    }
a.sfp-green.sfp-disabled, a.sfp-green.sfp-disabled:hover {
    background: #d0d0d0;
    cursor: default
    }
/*  Green Buttons  */
.sfp-green, #sfp-donation-form #sfp-sidebar .sfp-green:hover {
    background: #64bf41;
    /* Old browsers */
    background: -moz-linear-gradient(top, #64bf41 0%, #42a32b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64bf41), color-stop(100%, #42a32b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #64bf41 0%, #42a32b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #64bf41 0%, #42a32b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #64bf41 0%, #42a32b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #64bf41 0%, #42a32b 100%);
    /* W3C */
    /* IE6-9 */
    color: #fff
    }
.sfp-green:hover {
    background: none repeat scroll 0 0 #398c26;
    color: #fff
    }
/*  Blue Buttons  */
.sfp-blue, #sfp-donation-form #sfp-sidebar .sfp-blue:hover {
    background: #3a79a6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3a79a6 0%, #3a79a6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a79a6), color-stop(100%, #3a79a6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3a79a6 0%, #3a79a6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3a79a6 0%, #3a79a6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3a79a6 0%, #3a79a6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3a79a6 0%, #3a79a6 100%);
    /* W3C */
    /* IE6-9 */
    color: #fff
    }
.sfp-blue:hover {
    background: none repeat scroll 0 0 #32678f;
    color: #fff
    }
/*  Orange Buttons  */
.sfp-orange, #sfp-donation-form #sfp-sidebar .sfp-orange:hover {
    background: #e36b00;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e36b00 0%, #d66000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e36b00), color-stop(100%, #d66000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e36b00 0%, #d66000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e36b00 0%, #d66000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e36b00 0%, #d66000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e36b00 0%, #d66000 100%);
    /* W3C */
    /* IE6-9 */
    color: #fff
    }
.sfp-orange:hover {
    background: none repeat scroll 0 0 #b25401;
    color: #fff
    }
.sfp-tall-button {
    line-height: 40px;
    font-size: 32px;
    font-weight: 300
    }
.sfp-tall-button i {
    font-weight: 300
    }
.sfp-short-button {
    line-height: 16px;
    font-size: 16px
    }
.sfp-small-button {
    width: 100px;
    font-size: 0.8em;
    margin: 10px 10px 15px 0;
    padding: 5px 0;
    border-radius: 5px;
    text-decoration: none;
    display: block;
    float: right;
    text-align: center;
    letter-spacing: 1px
    }
/* Progress bar */
#sfp-progress-bar .sfp-top {
    width: 100%;
    height: 30px;
    background-color: #E6E6E6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 30px;
    color: #555;
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3
    }
#sfp-progress-bar .sfp-top span {
    margin-left: 10px
    }
#sfp-progress-bar .sfp-progess-bar-container {
    width: 100%;
    height: 60px;
    background-color: white
    }
#sfp-progress-bar .sfp-progess-bar {
    background-color: #FFA500;
    /*width: 36%;*/
    height: 80%;
    position: relative;
    top: -33px;
    z-index: 999
    }
#sfp-progress-bar .sfp-progress-percentage {
    position: relative;
    top: 18%;
    left: 38%;
    font-size: 30px;
    z-index: 1000;
    color: #555
    }
#sfp-progress-bar .sfp-bottom {
    width: 100%;
    /*height:70px;*/
    overflow: hidden;
    background-color: #E6E6E6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3
    }
#sfp-progress-bar .left, #sfp-progress-bar .right {
    padding: 10px
    }
#sfp-progress-bar .left {
    float: left
    }
#sfp-progress-bar .right {
    float: right;
    text-align: right
    }
#sfp-progress-bar .left .amount, #sfp-progress-bar .right .amount {
    font-size: 14px;
    color: #6B6B6B
    }
#sfp-progress-bar .left .label, #sfp-progress-bar .right .label {
    color: grey
    }
/* Donations table */
.sfp-donation-key-memory {
    background-color: #CCF5AA;
    width: 10px;
    height: 10px;
    display: inline-block
    }
.sfp-donation-key-honor {
    margin-left: 20px;
    background-color: #D3E6EE;
    width: 10px;
    height: 10px;
    display: inline-block
    }
.yui3-table {
    word-break: break-all
    }
.yui3-table .yui3-table-odd.sfp-honor td, .yui3-table .sfp-honor td {
    background-color: #D3E6EE
    }
.yui3-table .yui3-table-odd.sfp-memory td, .yui3-table .sfp-memory td {
    background-color: #CCF5AA
    }
.yui3-table .yui3-table-odd.sfp-honor td.sfp-donor-message, .yui3-table .sfp-honor td.sfp-donor-message {
    color: #537685
    }
.yui3-table .yui3-table-odd.sfp-memory td.sfp-donor-message, .yui3-table .sfp-memory td.sfp-donor-message {
    color: #50921A
    }
.sfp-memory-honor-label {
    margin-top: 10px;
    font-style: italic;
    display: inline-block
    }
.sfp-donor-name {
    font-weight: normal;
    word-break: normal;
    width: 100px
    }
.sfp-content-box .yui3-table {
    color: #494949
    }
.sfp-donor-message {
    color: grey
    }
.sfp-pagination {
    text-align: right;
    margin-bottom: 14px
    }
.sfp-pagination a {
    color: blue
    }
.sfp-pagination a:hover {
    text-decoration: none
    }
.sfp-pagination a:visited {
    color: purple
    }
#sfp-honor-memory-text, #e-check-payment {
    display: none
    }
.sfp-payment-corner-left {
    background-image: url(payment-corner.gif);
    background-repeat: no-repeat;
    background-position: -36px 0
    }
.sfp-payment-corner-right {
    background-position: 514px 0
    }
.sfp-payment-arrow {
    background-image: url(payment-corner.gif);
    background-position: 0 0;
    background-repeat: no-repeat
    }
/* Messages table */
.sfp-supporter-name {
    font-weight: normal;
    word-break: normal;
    width: 100px
    }
.sfp-supporter-message {
    color: grey
    }
.sfp-content-box ul {
    list-style: disc;
    margin: 5px 20px;
    color: #666
    }
#sfp-paypal {
    background-image: url(paypal.gif);
    background-repeat: no-repeat;
    background-position: 0 20px;
    width: 79px;
    margin-left: 27px
    }
#paypal-button {
    background-image: url(donate-paypal.jpg);
    background-repeat: no-repeat;
    background-position: 180px 0;
    width: 100%;
    height: 51px;
    display: block;
    text-align: center
    }