Water=Hope Widget

To put the widget on your website, copy the code below and insert on your website page. <form action="https://hopethroughhealinghands.mcommons.com/profiles/join" method="POST" id="waterWidget" style="background: url("http://www.hopethroughhealinghands.org/_skins/hthh/images/bg_water_widget.jpg") no-repeat scroll 0% 0% transparent; height: 278px; position: relative; text-indent: -9999px; width: 247px; margin: 0pt; padding: 0pt; z-index: 20;" onsubmit="if(document.getElementById('ww_emailAddress').value == 'Email Address'){ document.getElementById('ww_emailAddress').value = ''; }"> <input name="redirect_to" value="http://www.hopethroughhealinghands.org/water-hope-thank-you" type="hidden" /> <input id="ww_emailAddress" class="emailAddress" name="person[email]" value="Email Address" onfocus="if(this.value=='Email Address') this.value='';" onblur="if(this.value=='') this.value='Email Address';" style="background: none repeat scroll 0% 0% transparent; border: 0pt none; color: #272258; font: 12px/28px Tahoma; height: 28px; position: absolute; left: 25px; top: 163px; width: 195px;" type="text" /> <input id="ww_mobileNumber" class="mobileNumber" name="person[phone]" value="Mobile Number" onfocus="if(this.value=='Mobile Number') this.value='';" onblur="if(this.value=='') this.value='Mobile Number';" style="background: none repeat scroll 0% 0% transparent; border: 0pt none; color: #272258; font: 12px/28px Tahoma; height: 28px; position: absolute; left: 25px; top: 204px; width: 125px;" type="text" /> <input name="fundraising" value="974" type="hidden" />Donate $10 <input class="submit" onmouseover="this.styles.cursor='pointer';" onmouseout="this.styles.cursor='default';" style="background: none repeat scroll 0% 0% transparent; border: 0pt none; color: #272258; font: 12px Tahoma; height: 36px; position: absolute; top: 200px; left: 160px; width: 68px;" type="submit" /> </form>