/*--Page Elements-
--------------------------------------------------------*/
html {
    color: #666;
    background: none;
}

body {

    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #fdfdfd;
    background-image:  url(tail-top.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

p {
    color: #666;
    font-size: 1em;
    line-height: 1.48em;
    margin-bottom:1.48em;
    margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {

    color: #464646;

}

h1 {

    font-size: 2.7em;
    line-height: 150%;
    color: #424242;
    font-weight: 700;
}

h2 {
    font-size: 1.9em;
    line-height: 150%;
    font-weight: normal;
}

h3 {
    font-size: 1.5em;
    line-height: 150%;
    font-weight: normal;
}

h4, h5 {

    font-size: 1em;
    line-height: 150%;
}

h1 + h2 {
    font-weight: 200;
}

#sfp-main ul {
    font-size: 12.8px;
    line-height: 17.76px;
    letter-spacing: 1px;
    word-spacing: 2px;
}
#sfp-main ol{
    font-size: 12.8px;
    line-height: 17.76px;
    letter-spacing: 1px;
    word-spacing: 2px;
}
#sfp-main li {
    font-size: 12.8px;
    line-height: 17.76px;
    letter-spacing: 1px;
    word-spacing: 2px;
}
#sfp-main div {
    font-size: 12.8px;
    line-height: 17.76px;
    letter-spacing: 1px;
    word-spacing: 2px;
}
p {
    font-size: 12.8px !important;
    padding: 0 !important;
}

a {
    color: #306186;
    font-size: 14px;

}
a:hover {
    color: #54A2DD;
}


/*--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: 0px 25px;

}

.sfp-content-box img {



}


/* 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 {
    /*background-image: url('payments.jpg');
    background-repeat: no-repeat;
    background-position: -106px 16px;*/
    width: 330px;

}

label#sfp-creditcard, label#sfp-e-check ,label#sfp-alternative, label#sfp-daf-pay{
    margin-top: 5px;
}
#sfp-e-check {
    background-image: url('payments.jpg');
    background-repeat: no-repeat;
    background-position: 0px 16px;
    width: 105px;

}
#sfp-daf-pay {
    background-image: url('daf.svg');
    background-repeat: no-repeat;
    background-position: 5px 35px;
    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;
}

fieldset {
    border: none;
    background-color: #f7f3d6;
    padding:20px
}

fieldset label {
    display: block;
    margin-top: 10px;
}

label {
    display: block;
}

.sfp-form-field {


}

.sfp-inline-field {

    float:left;
    margin-right: 10px;

}

.sfp-bold-label {
    font-weight: bold;
    font-weight: bold;
    color: #383838;
}

.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;
}

input[type|=text], textarea {
    font-weight: normal;
    color:	#333333;
    padding: 4px;
    border: 1px solid #B2B2B2;
}

input[type|=checkbox] {
    border:none;
}

/*
*
*   Sidebar styles
*
*/


#sfp-sidebar ul
{
    margin:0px;
    padding: 0px;
    list-style-type: none;
}

#sfp-sidebar li.sfp-widget {padding:0px; list-style:none; margin-bottom:10px }

/*--Page Style Classes
------------------------------------------------------*/

.sfp-section-header
{
    color: #666666;
    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;

}

.main {
    text-align: center;
    height: 150px;
    overflow: hidden;
}
.headrow {
    font-size: .9em;
    font-weight: bold;
    line-height: normal;
}

.sfp-supporters {
    font-size: .8em;
    letter-spacing: 1px;
    color: #666;
    border-bottom: 1px solid #dddddd;
    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 0px;
    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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64bf41', endColorstr='#42a32b',GradientType=0 ); /* 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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a79a6', endColorstr='#3a79a6',GradientType=0 ); /* 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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36b00', endColorstr='#d66000',GradientType=0 ); /* 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: .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;
}
a.sec, a.sfp-small-button {
    background-color: #aaa;
    color: #fff;
}
a:hover.sec, a:hover.sfp-small-button {
    background-color: #ccc;
    color: #fff;
}
a.donate {
    height: 75px;
    line-height: 75px;
    background-color: #8eb524;
    color: white;
    font-size: 2em;
}
a:hover.donate {
    background-color: #afd152;
    color: #fff;
}

/* 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;
    *zoom:1;
    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 0px
}

.sfp-payment-corner-right {
    background-position: 514px 0px
}

.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: 0px 20px;
    width: 79px;
    margin-left: 27px;
}

#paypal-button {
    background-image: url('donate-paypal.jpg');
    background-repeat: no-repeat;
    background-position: 180px 0px;
    width: 100%;
    height: 51px;
    display: block;
    text-align: center;
}
#sfp-main table {
    border-collapse:collapse;
}
#sfp-main table tr:first-child{
    background-color: #EEEEEE;
}
#sfp-main table td,th{
    font-size: 12.8px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 5px;
    border: none;
    border-bottom: 1px solid #DDDDDD;

    line-height: 18.648px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

.neon_plaid_ach fieldset {
    padding: 15px;
    margin: 10px;
    background-color: rgba(255,255,255,0.45)
}