/* 
    Document   : donate
    Created on : 01-Aug-2009, 15:09:23
    Author     : drewkam
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#donateblock, #donateinfoblock {
    /*border: 1px solid #81c43c;*/
    margin: 20px 0 20px 0;
    overflow: hidden;
    position: relative;
    width: 534px;
    z-index: 1;
}

#donateblock .tabblock { border: 1px solid #81c43c;}
#donateblock .toprow { /*padding: 25px 28px;*/ font-size: 13px; width: 534px;  }
#donateblock .row {padding: 25px 28px; font-size: 13px; width: 476px; overflow: hidden;}
#donateblock .dgreen { background-color: #a8d679;}
#donateblock .mgreen { background-color: #d4ebbc;}
#donateblock .lgreen { background-color: #e9f5dd;}
#donateblock .row .left, #donateblock .row span { float: left; width: 130px; font-size: 24px; color: #26531D;}
#donateblock .row .left input { height: 20px; font-size: 13px; }
#donateblock .row span { line-height: 24px; width: auto;}
#donateblock .row .right { float: left; width: 335px; line-height: 15px;}
#donateblock .row .right input { border: 0; width: 241px; height: 24px; font-size: 18px; }

a.donatebutton {
    background: transparent url(images/button_donatenow.gif) no-repeat 0 -28px;
    display: block;
    height: 28px;
    margin: 0 auto;
    overflow: hidden; /* IE 6 fix */
    text-indent: -4000px;
    width: 133px;
}

a.donatebutton:hover {background-position: 0 0}

#donateblock h2 {
    background: transparent url(images/donatetab_lightgreen.gif) no-repeat top left;
    color: #6EBB1F;
    height: 31px;
    line-height: 31px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 264px;
}
#donateblock h2 a { color: #6EBB1F; text-decoration: none;}
#donateblock h2 a:hover { text-decoration: underline;}
#donateblock h2 span {
    background: transparent url(images/downarrow.gif) no-repeat top left;
    display: none;
    font-size: 0; /* IE6 fix! bah ... */
    height: 8px;
    left: 125px;
    position: absolute;
    text-indent: -4000px;
    bottom: -8px;
    _bottom: -9px;
    width: 13px;
    z-index: 5;
}
#donateblock h2.on span {display: block;}

#donateblock h2#tab-single { float: right; }
#donateblock h2#tab-regular { float: left; }
#donateblock h2.on { background: transparent url(images/donatetab_darkgreen.gif) no-repeat  top left; color: #fff;}
#donateblock h2.on a {color: #fff;}

#donateblock .tab-2 {display: none;} /* Normally none on live */

#donateblock #gifta { height: 20px; width: auto; margin-top: 1px; }
#donateblock #gifta, #donateblock label { float: left; }
/*#donateblock #gifta, #donateblock label { border: 1px solid green;}*/
#giftbutton { position: relative; cursor: hand;}

#donateinfoblock .column{
    background-color: #68b420;
    color: #fff;
    float: left;
    font-size: 12px;
    width: 170px;
}

#donateinfoblock .column h3{
    background-color: #458f29;
    color: #CCFF42;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 3px 8px 3px 8px;
}
#donateinfoblock .column p {padding: 8px;}

#donateinfoblock .space {margin-left: 12px;}