/* *********************************************************** */ /* MEMORIAL DONATIONS */ /* *********************************************************** */ #dialogPageWrapper {height: 37.5em;} /* REMOVE MODULES FROM THE SCREEN */ #modules {display: none;} #content {width: 672px;} #memorialDonations {position: relative; zoom: 1;} #memorialDonations form {margin: 0;} #memorialDonations .tooltip-element {padding: 14px 0 0 20px; background-position: 4px 0; background-image: url(help-icon.png); background-repeat: no-repeat; font-size: 0;} #memorialDonations .note {font-weight: normal; font-size: 0.9em; font-style: italic; margin-bottom: 5px;} #memorialDonations, #memorialDonations h1, #memorialDonations h2, #memorialDonations h3, #memorialDonations p {font-size: 12px; font-family: Arial, Verdana, sans-serif; font-weight: bold;} #memorialDonations h2 {font-size: 1.2em; margin: 1em 0 0; padding: 0.2em 0;} #memorialDonations p {line-height: 1.2em;} #memorialDonations .question, #memorialDonations .textGroup, #memorialDonations .charity, #memorialDonations .radioGroup {clear: both;} #memorialDonations .radioGroup, #memorialDonations .checkGroup, #memorialDonations .textGroup {padding: 1em 0; overflow: auto; padding: 0.5em 0;} #memorialDonations .error {color: #DA695A; font-size: 1.2em;} #memorialDonations #preferredCharity .description {font-weight: normal; width: 26em; font-size: 0.9em; margin-top: 0.8em;} #memorialDonations #preferredCharity .paymentMethods {font-size: 0.9em; margin-top: 0.5em;} #memorialDonations #preferredCharity .paymentList {overflow:auto; margin: 0; line-height: 1.6em; font-size: 0.8em;} #memorialDonations #preferredCharity .paymentList li {float: left; margin-right: 1em;} #memorialDonations .example {display: block; float: left; padding: 0.5em;font-size: 0.8em; line-height: 1em; font-style: italic;} #memorialDonations #searchBtn {display: block; float: right; width: 51px; height: 21px; background-repeat: no-repeat; background-image: url(search-small.png); cursor: pointer;} #memorialDonations #searchBtn span {display: none;} #memorialDonations .charity {position: relative; padding-left: 9em; min-height: 8em; padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid; clear: left;} #memorialDonations .charity, #memorialDonations .charity p {font-weight: normal;} #memorialDonations .charity p {padding-bottom: 30px;} #memorialDonations .charity img {position: absolute; top: 1em; left: 0;} #memorialDonations .charity .charityLogoBox {position: absolute; top: 1em; left: 0; width: 98px; height: 98px; background-image: url(logo-default.png); background-repeat: no-repeat;} #memorialDonations .charity h3 {font-weight: bold; clear: none;} #memorialDonations .charity .btnBox {position: absolute; height: 21px; bottom: 1em;} #memorialDonations .charity .btnBox a {} #memorialDonations .charity .donate, #memorialDonations .charity .donateCheck, #memorialDonations .charity .donateCheque, #memorialDonations .charity .donateCC {display: block; float: left; width: 78px; height: 100%; margin-right: 1em; background-repeat: no-repeat; bottom: 1em;} #memorialDonations .charity .donate span, #memorialDonations .charity .donateCheck span, #memorialDonations .charity .donateCheque span, #memorialDonations .charity .donateCC span {display: none; } #memorialDonations .charity .donateCheck {width: 107px; background-image: url(donate-check-btn.png);} #memorialDonations .charity .donateCheque {width: 117px; background-image: url(donate-cheque-btn.png);} #memorialDonations .charity .donateCC {width: 133px; background-image: url(donate-cc-btn.png);} #memorialDonations .charity .familyPreferred {background-image: url(family-preferred-icon.gif); background-repeat: no-repeat; position: relative; padding-left: 18px; background-position: 0 1px;} #memorialDonations .charity .paymentMethods, #memorialDonations .charity .paymentList {font-size: 0.9em; display: none;} #memorialDonations .charity .paymentMethods {height: 0.5em;} #memorialDonations .charity .paymentList {overflow: auto; line-height: 1em;} #memorialDonations .charity .paymentList li {float: left;} #memorialDonations .charity .charityLogo {top: 1.4em; left: 0.5em;} #memorialDonations .charity .charityLocation {display: block; font-size: 0.9em; font-style: italic; font-weight: normal; padding: 0em 0 0.5em;} #memorialDonations #preferredCharitiesWrapper {position: relative; overflow: auto; padding: 15px; margin: 10px 0; border-left: 20px solid; float: right; width: 300px; z-index: 10; margin-left: 20px;} #memorialDonations #preferredCharitiesWrapper #charityLoading {display: none;} #memorialDonations #preferredCharitiesWrapper h1 {font-size: 1em; border-bottom: 1px solid #BDCBA6; padding-bottom: 0.4em; margin-bottom: 0.4em;} #memorialDonations #preferredCharitiesWrapper h1 span {font-weight: normal;} #memorialDonations #preferredCharitiesWrapper .charityList h2 {display: none;} #memorialDonations .navigation {position: relative; height: 22px; margin-top: 1em; clear: both;} #memorialDonations .navigation a {display: block; position: absolute; top: 0; width: 86px; height: 100%; background-repeat: no-repeat; cursor: pointer;} #memorialDonations .navigation span {display: none;} #memorialDonations .navigation #prevStep {background-image: url(previous-btn.png);} #memorialDonations .navigation #nextStep {right: 0; background-image: url(continue-btn.png);} #memorialDonations .topContainer h1, #memorialDonations h3, #memorialDonations .topContainer h2 {border: none; margin: 0; padding: 0; font-size: 1em; font-weight: normal;} #memorialDonations .topContainer h1 {font-size: 1.4em; font-weight: bold;} #memorialDonations .button {position: relative; height: 20px; background-repeat: no-repeat; cursor: pointer;} #memorialDonations .button span {display: none;} #memorialDonations #clearData {width: 120px; background-image: url(clear-data-btn.png); margin-top: 1em; float: right;} /* #memorialDonations #mdBoxStep1 {height: 216px; background-image: url(md-box-step1.png);} */ #memorialDonations #mdBoxStep1 h2 {padding-bottom: 15px;} #memorialDonations #mdBoxStep1 h3 {font-weight: bold; font-size: 1.2em;} #memorialDonations #mdBoxStep1 .col p {font-weight: normal; height: 12em;} #memorialDonations #mdBoxStep1 .col {float: left; width: 200px; padding: 0 10px; height: 1%; position: relative;} #memorialDonations #mdBoxStep1 .first {padding-left: 0;} #memorialDonations #mdBoxStep1 .last {padding-right: 0;} #memorialDonations #mdBoxStep1 .seperator {float: left; width: 1px; height: 120px; } #memorialDonations .largeSubmit, #memorialDonations .largeSelect {display: block; width: 104px; height: 35px; background-repeat: no-repeat; cursor: pointer;} #memorialDonations .largeSubmit span, #memorialDonations .largeSelect span {display: none;} #memorialDonations #mdBoxStep1 .largeSelect {width: 200px; background-position: 50%; margin-top: -22px; margin-bottom: -24px; position: relative; z-index: 9999;} #memorialDonations #charityRegistrationSelect .largeSelect {float: right;} #memorialDonations #charityRegistrationForm .largeSubmit {background-image: url(large-submit.png); float: right; margin-right: 3em;} /*#memorialDonations #mdBoxStep2 {position: relative; height: 50px; background-image: url(md-box-step2.png); padding-bottom: 0;}*/ #memorialDonations #mdBoxStep2 .largeBtn {position: relative; float: left; height: 35px; top: 0px; cursor:pointer; margin-right: 0.4em; } #memorialDonations .largeBtn a {display: block; width: 100%; height: 100%; background-repeat: no-repeat;} #memorialDonations #mdBoxStep2 .largeBtn, #memorialDonations #mdBoxStep2 a.enabled {background-position: 0 -35px;} #memorialDonations #mdBoxStep2 a span {display: none;} #memorialDonations #charityBtnSelectWrapper {position: absolute; top: 8.8em; right: 2em; z-index: 9999; overflow: auto;} #memorialDonations #mdBoxStep2 #btnCreditCards {width: 154px;} #memorialDonations #mdBoxStep2 #btnCreditCards a {background-image: url(credit-cards-btn.png);} #memorialDonations #mdBoxStep2 #btnFamiliesPreferred {width: 154px;} #memorialDonations #mdBoxStep2 #btnFamiliesPreferred a {background-image: url(families-preferred-btn.png);} #memorialDonations #mdBoxStep2 #btnViewAll {width: 93px;} #memorialDonations #mdBoxStep2 #btnViewAll a {background-image: url(view-all-btn.png);} #memorialDonations #charityListContent h2 {display: none; margin-top: 0;} #memorialDonations #charityListBottom {position: relative; height: 12px; background-repeat: no-repeat; background-image: url(md-box-step2-bottom.png); } #memorialDonations #otherCharities {margin: 2em 0 1em;} #memorialDonations #otherCharities li {float: left; margin-right: 0.5em; border-right: 1px solid black; line-height: 1em; padding-right: 0.5em; } #memorialDonations #otherCharities li a {font-weight: bold; cursor: pointer;} #memorialDonations #otherCharities ul {padding: 0; overflow: auto; margin: 0;} #memorialDonations #otherCharities #searchArea {margin-top: 0.5em; width: 26em;} #memorialDonations #donationAmountWrapper h2 {margin-bottom: 1em;} #memorialDonations #donationAmountWrapper label {font-size: 1.2em;} #memorialDonations #donationAmountWrapper input {margin: 1em 0.2em 1em 1em; border: 1px solid;} #memorialDonations #donationAmountWrapper #otherDonationAmount {width: 5em;} #memorialDonations .fundsNote {font-weight: normal; font-size: 0.8em;} #memorialDonations #backToPaymentDetails {background-image: url(back-to-payment-details-btn.png); width: 176px;} #memorialDonations .radioGroup label, #memorialDonations .radioGroup input, #memorialDonations .textGroup label, #memorialDonations .textGroup textarea, #memorialDonations .textGroup input {float: left;} #memorialDonations .required {color: #da695a; font-weight: bold;} #memorialDonations .question {margin: 1.5em 0; font-weight: bold; line-height: 1.2em;} #memorialDonations .textGroup label {width: 9.3em; padding-right: 1em; text-align: right; font-weight: bold; line-height: 1.7em;} #memorialDonations .textGroup textarea, #memorialDonations .textGroup input {width: 20em; border: 1px solid; padding: 0.3em;} #memorialDonations .textGroup textarea {width: 22em; height: 13em;} #memorialDonations .checkGroup input, #memorialDonations .radioGroup input {margin-left: 9.2em; margin-right: 0.5em;} #memorialDonations .checkGroup input {margin-left: 2em;} #memorialDonations #requiredFields {margin: 1em 0.5em 0.5em 11.2em; font-size: 0.9em;} #memorialDonations #Address2, #memorialDonations #PrintCardAddress2, #memorialDonations #AltAddress2 {margin-top: 1em; margin-left: 9.2em; clear: both;} /* Theme specific */ #memorialDonations .largeSelect {background-image: url(large-select.png);} #memorialDonations .disabled .largeSelect {background-image: url(large-select-disabled.png);} #memorialDonations .charity .donate {background-image: url(donate-small.png);} #memorialDonations .breadcrumb {height: 38px; margin: 0; width: 100%;} #memorialDonations .breadcrumb li {position: relative; float: left; width: 13.6%;height: 100%;padding: 0 0 0 19px; margin-right: 19px; margin-left: -11px; background-position: 0 -190px; background-repeat: no-repeat; background-image: url(breadcrumb-left.png);} #memorialDonations .breadcrumb li.first {padding-left: 10px; margin-left: 0; background-position: 0 -76px;} #memorialDonations .breadcrumb li .breadcrumb_right {position: absolute; right: -19px; top: 0; height: 100%; width: 19px; background-repeat: no-repeat; background-position: 0 -190px; background-image: url(breadcrumb-right.png); } #memorialDonations .breadcrumb li a {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 -76px; text-decoration: none;} #memorialDonations .breadcrumb li a span {display: none;} #memorialDonations .breadcrumb li.current {background-position: 0 -114px;} #memorialDonations .breadcrumb li.current.first, #memorialDonations .breadcrumb li.current a, #memorialDonations .breadcrumb li.current .breadcrumb_right {background-position: 0 0;} #memorialDonations .breadcrumb li.complete {background-position: 0 -152px;} #memorialDonations .breadcrumb li.complete.first, #memorialDonations .breadcrumb li.complete a, #memorialDonations .breadcrumb li.complete .breadcrumb_right {background-position: 0 -38px;} #memorialDonations #mdTopNav, #memorialDonations #returnDonationLink {margin-top: -0.5em; margin-bottom: 0.8em; padding-bottom: 0.5em; border-bottom: 2px solid; height: 22px; position: relative;} #returnDonationLink a, #mdTopNav a {display: block; height: 100%; width: 315px; background-repeat: no-repeat; cursor: pointer;} #mdTopNav #registerCharityBtn {float: left; background-image: url(register-charity-btn.png); margin-left: 0.5em;} #mdTopNav #cancelBtn {background-image: url(cancel-donation-btn.png); float: left; width: 112px;} #returnDonationLink a {background-image: url(back-to-donation-btn.png); float: none;} #returnDonationLink a span, #mdTopNav a span {display: none;} #charityRegistrationSelect {height: 478px; padding-right: 31.8em; background-image: url(register-charity-bg.jpg); background-repeat: no-repeat; background-position: top right;} #memorialDonations #step1 a {background-image: url(breadcrumb-step1-text.png);} #memorialDonations #step2 a {background-image: url(breadcrumb-step2-text.png);} #memorialDonations #step3 a {background-image: url(breadcrumb-step3-text.png);} #memorialDonations #step4 a {background-image: url(breadcrumb-step4-text.png);} #memorialDonations #step5 a {background-image: url(breadcrumb-step5-text.png);} #memorialDonations #step6 a {background-image: url(breadcrumb-step6-text.png);} #memorialDonations #printCard {display: block; width: 116px; height: 36px; margin: 1em 0; background: no-repeat url(print-card-btn.png);} #memorialDonations #printCard span {display: none;} #memorialDonations #charityLoading {display: none; padding: 1em 0; text-align: center;} .mdBox {padding: 10px 0; margin: 0 1em;} .mdBoxTop, .mdBoxBottom, .mdBoxContent {position: relative; padding: 0 11px;} .mdBoxTop, .mdBoxBottom {height: 11px; background-repeat: repeat-x;z-index:2;} .mdBoxContent {z-index: 3;} .mdBoxContent p {margin: 0;} .mdBoxTL, .mdBoxTR, .mdBoxBL, .mdBoxBR, .mdBoxCL, .mdBoxCR {position: absolute; top: 0; width: 11px; background-repeat: no-repeat;} .mdBoxCL, .mdBoxCR {background-repeat: repeat-y;} .mdBoxTL {background-position: 0px 0px;} .mdBoxTR {background-position: -11px 0px;} .mdBoxBL {background-position: 0px -11px;} .mdBoxBR {background-position: -11px -11px;} .mdBoxCL {background-position: 0px 0px;} .mdBoxCR {background-position: -11px 0px;} .mdBoxBottom {background-position: 0 -11px;} .mdBoxTL, .mdBoxTR, .mdBoxBL, .mdBoxBR {height: 11px;} .mdBoxTL, .mdBoxBL, .mdBoxCL {left: -11px;} .mdBoxTR, .mdBoxBR, .mdBoxCR {right: -11px;} .mdBoxCL, .mdBoxCR {height: 100%;} .mdBoxCL {_margin-left: -0.9em;} .mdBoxCR {_margin-right: 2em;} .mdBoxTL, .mdBoxTR, .mdBoxBL, .mdBoxBR {background-image: url(md-box-corners.png);} .mdBoxCL, .mdBoxCR {background-image: url(md-box-lr.png);} .mdBoxTop, .mdBoxBottom {background-image: url(md-box-tb.png);}