/********************************************
* Hospice of the Valley
* Developed by I-ology
* http://www.i-ology.com
*
* Created 07/16/07 - BD
*
* Donate Definitions
********************************************/

.form-fieldsm {
    width: 90px;
}

#step {
    margin-left: -9px;
}
#step li.step3 {
    background: url(/images/btn_step3.gif) top left no-repeat;
    width: 80px;
}
#step li.step4 {
    background: url(/images/btn_step4.gif) top left no-repeat;
    width: 79px;
}
#step li.step3-on {
    background: url(/images/btn_step3.gif) bottom left no-repeat;
    width: 80px;
}
#step li.step4-on {
    background: url(/images/btn_step4.gif) bottom left no-repeat;
    width: 79px;
}

.form-field-wide {
    width: 410px;
}

/*********************************
* Donate Steps
*********************************/

#step-donate {
    width: 453px;
    padding: 0;
    overflow: hidden;
}

#step-donate li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 31px;
    overflow: hidden;    
}

#step-donate li#step1-donation {
    background: url(/images/step1_donation_info.gif) top left no-repeat;
    width: 126px;
}
#step-donate li#step1-donation-on {
    background: url(/images/step1_donation_info.gif) bottom left no-repeat;
    width: 126px;
}

#step-donate li#step2-donor {
    background: url(/images/step2_donor_info.gif) top left no-repeat;
    width: 129px;
}
#step-donate li#step2-donor-on {
    background: url(/images/step2_donor_info.gif) bottom left no-repeat;
    width: 129px;
}

#step-donate li#step3-verification, #step-donate li.step3-verification {
    background: url(/images/step3_verification.gif) top left no-repeat;
    width: 128px;
}
#step-donate li#step3-verification-on, #step-donate li.step3-verification-on {
    background: url(/images/step3_verification.gif) bottom left no-repeat;
    width: 128px;
}

#step-donate li#step4-credit-card {
    background: url(/images/step4_credit_card.gif) top left no-repeat;
    width: 70px;
}
#step-donate li#step4-credit-card-on, #step-donate li.step4-credit-card-on {
    background: url(/images/step4_credit_card.gif) bottom left no-repeat;
    width: 70px;
}

#step-donate li#step1-donor {
    background: url(/images/step1_donor_information.gif) top left no-repeat;
    width: 129px;
}
#step-donate li#step1-donor-on {
    background: url(/images/step1_donor_information.gif) bottom left no-repeat;
    width: 129px;
}

#step-donate li#step2-verification {
    background: url(/images/step2_verification.gif) top left no-repeat;
    width: 128px;
}
#step-donate li#step2-verification-on {
    background: url(/images/step2_verification.gif) bottom left no-repeat;
    width: 128px;
}

#step-donate li#step3-credit-card {
    background: url(/images/step3_credit_card.gif) top left no-repeat;
    width: 70px;
}
#step-donate li#step3-credit-card-on, #step-donate li.step3-credit-card-on {
    background: url(/images/step3_credit_card.gif) bottom left no-repeat;
    width: 70px;
}


/*********************************
* Titles
*********************************/

#ttl-donate,
#ttl-donate-online,
#ttl-ways-give,
#ttl-donations,
#ttl-gc-business-group,
#ttl-verify-information,
#ttl-gc-personal,
#ttl-mc-personal,
#ttl-mc-business-group,
#ttl-hc-personal,
#ttl-hc-business-group,
#ttl-donation-faqs,
#ttl-checkout,
#ttl-thankyou {
    height: 23px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 12px;
}

#ttl-donate {
    background: url(/images/ttl_donate.gif) top left no-repeat;
}
#ttl-donate-online {
    background: url(/images/ttl_donate_online.gif) top left no-repeat;
}
#ttl-ways-give {
    background: url(/images/ttl_ways_give.gif) top left no-repeat;
}
#ttl-donations {
    background: url(/images/ttl_donations.gif) top left no-repeat;
}
#ttl-gc-business-group {
    height: 25px;
    background: url(/images/ttl_gc_business.gif) top left no-repeat;
}
#ttl-verify-information {
    background: url(/images/ttl_verify_information.gif) top left no-repeat;
}
#ttl-gc-personal {
    background: url(/images/ttl_gc_personal.gif) top left no-repeat;
}
#ttl-mc-personal {
    background: url(/images/ttl_mc_personal.gif) top left no-repeat;
}
#ttl-mc-business-group {
    background: url(/images/ttl_mc_business.gif) top left no-repeat;
}
#ttl-hc-personal {
    background: url(/images/ttl_hc_personal.gif) top left no-repeat;
}
#ttl-hc-business-group {
    background: url(/images/ttl_hc_business.gif) top left no-repeat;
}
#ttl-donation-faqs {
    background: url(/images/ttl_donation_faqs.gif) top left no-repeat;
}
#ttl-checkout {
    background: url(/images/ttl_checkout.gif) top left no-repeat;
}
#ttl-thankyou {
    background: url(/images/ttl_thankyou.gif) top left no-repeat;
}

/*********************************
* Promos
*********************************/

#promo-news-events {
    display: block;
    width: 197px;
    height: 55px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/promo_news_events.gif) top left no-repeat;
}

a:hover#promo-news-events {
    background: url(/images/promo_news_events.gif) bottom left no-repeat;
}

#promo-special-events {
    display: block;
    width: 197px;
    height: 55px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/promo_special_events.gif) top left no-repeat;
}
#promo-donation-faqs {
    display: block;
    width: 197px;
    height: 55px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/promo_donation_faqs.gif) top left no-repeat;
}
#promo-printable-form {
    display: block;
    width: 197px;
    height: 55px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/promo_printable_form.gif) top left no-repeat;
}

a:hover#promo-special-events,
a:hover#promo-donation-faqs,
a:hover#promo-printable-form {
    background-position: bottom left;
}

h3 a#promo-donate-now {
    width: 240px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 15px 20px 0 0;
    background: url(/images/promo_donate_now.gif) top left no-repeat;
}

h3 a:hover#promo-donate-now {
    background: url(/images/promo_donate_now.gif) bottom left no-repeat;
}

div#promo-photo-lual a {
    width: 240px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    margin: 0 0 25px 0;
    background: url(/images/promo_photo_lual.gif) top left no-repeat;
}

div#promo-photo-lual a:hover {
    background-position: bottom left;
}

h3 a#promo-visit-sos {
    width: 240px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 15px 20px 0 0;
    background: url(/images/promo_visit_sos.gif) top left no-repeat;
}

h3 a:hover#promo-visit-sos {
    background: url(/images/promo_visit_sos.gif) bottom left no-repeat;
}

h3 a#promo-lual-donation2 {
    width: 240px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 15px 20px 0 0;
    background: url(/images/promo_lual_donation2.gif) top left no-repeat;
}

h3 a:hover#promo-lual-donation2 {
    background: url(/images/promo_lual_donation2.gif) bottom left no-repeat;
}

/*********************************
* Lists 
*********************************/

#left-column ul li {
    margin-bottom: 5px;
}

ol {
    margin-top: 0;
}

ol li {
    margin-bottom: 10px;
}

ol li ul {
    margin-top: 15px;
}

/*********************************
* Sub Navigation 
*********************************/

#subnav {
    width: 197px;
    margin: 0 0 18px 0;
    border-top: 0;
    border-left: 0;
}

#subnav a#donate {
    background: url(/images/subnav_donate.gif) top left no-repeat;
}
#subnav a#donate-online {
    height: 48px;
    background: url(/images/subnav_donate_online.gif) top left no-repeat;
}
#subnav a#ways-give {
    background: url(/images/subnav_ways_give.gif) top left no-repeat;
}

#subnav a:hover#donate, body.donate-on #subnav #donate {
    background: url(/images/subnav_donate.gif) bottom left no-repeat;
}
#subnav a:hover#donate-online, body.donate-online-on #subnav #donate-online {
    height: 48px;
    background: url(/images/subnav_donate_online.gif) bottom left no-repeat;
}
#subnav a:hover#ways-give, body.ways-give-on #subnav #ways-give {
    background: url(/images/subnav_ways_give.gif) bottom left no-repeat;
}