Shawnee Lodge eLookout google.load("jquery", "1.4.2"); $(document).ready(function(){ try { $('#archive-list li:even').addClass("odd"); $('.field-group, .field-group input, .field-group select').live('click',function(event){ if (event.type == 'click') { if ($(this).hasClass('field-group')){ var fg = $(this); if($(this).children('.datefield').length == 1){ // Do not select 1st input so date picker will work. } else { $(this).find('input, select').slice(0,1).focus(); } } else { var fg = $(this).parents('.field-group'); $(this).focus(); } fg.not('.focused-field').addClass('focused-field').children('.field-help').slideDown('fast'); $('.focused-field').not(fg).removeClass('focused-field').children('.field-help').slideUp('fast'); } }); // Allow select inputs to be width:auto up to 500px (because max-width doesn't work in IE7) $("select").each(function(){ $(this).css("width", "auto"); if($(this).width() > 500){ $(this).css("width", "500px"); } }); } catch(e){ console.log(e); } }); </script> <style type="text/css"> body{ font:14px/20px 'Helvetica', Arial, sans-serif; min-width:600px; margin:0; padding:75px 0 0 0; text-align:center; } p{ padding:0 0 10px 0; } textarea{ font:12px/18px 'Helvetica', Arial, sans-serif; } h2{ font-size:22px; line-height:28px; margin:0 0 10px 0; } h3{ margin:0 0 5px 0; padding:0; } .headerBar{ background:none; padding:0; border:none; } .wrapper{ width:600px; margin:0 auto 10px auto; text-align:left; } .container{ position:relative; border-width:0 !important; border-color:transparent !important; margin:0; text-align:left; -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.1); box-shadow:2px 2px 4px rgba(0,0,0,0.1); background-color:#FFFFFF; color:#272727; font-size:18; } .tpl-image-content{ padding-left:20px; } fieldset{ padding:10px; background-color:#ddd; border:1px solid #ccc; } label{ float:none; clear:both; display:block; width:auto; margin-top:8px; text-align:left; font-weight:bold; position:relative; } .field-group{ float:none; margin:3px 0 15px 0; padding:5px; border-style:solid; background:-moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25)); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, rgba(255, 255, 255, .25))); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#3fffffff'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#3fffffff')"; } .field-group input{ display:block; margin:0; padding:5px; border:0; background:none; width:98%; color:#404042; font-size:14; } .radiogroup input,.phonearea input,.addressfield input,.datefield input,.groups input{ width:auto; } .field-group label{ clear:none; } .field-group textarea{ background:none; border:none; width:525px; height:150px; margin:0; overflow:auto; } .field-help{ display:none; font-weight:normal; position:static; float:none; clear:both; margin:5px -5px -5px -5px; width:auto; padding:8px 10px; line-height:16px; font-size:12px; -moz-border-radius:0; border-radius:0; -webkit-border-radius:0; color:#404042; } .field-help .help{ min-height:16px; text-decoration:none; } .field-group .feedback br{ display:none; } .field-group .feedback div{ margin:0 !important; padding:0 !important; } .indicates-required{ text-align:right; } .indicates-required span{ font-size:150%; font-weight:bold; } label .asterisk{ position:absolute; top:36px; right:10px; font-size:30px; } .error,.errorText{ margin:5px 0 0 0; padding:5px 10px; } .formstatus{ margin-bottom:10px; } .alert{ background:#e4f3d4; border:2px solid #5ca000; font-size:14px; color:#5ca000; margin:10px 0; padding:10px; } .alert a{ color:#5ca000; text-decoration:underline; } .datefield,.phonefield-us{ padding:5px; } .datefield input,.phonefield-us input{ display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0; } .datefield .small-meta{ font-size:11px; } .phonefield-us .phonearea input,.phonefield-us .phonedetail1 input{ width:40px; } .datefield .monthfield input,.datefield .dayfield input{ width:30px; } .datefield label,.phonefield-us label{ display:none; } ul.interestgroup_field{ display:block; padding:5px; margin:0; } ul.interestgroup_field li,.interestgroup_row{ display:block; margin:0; padding:0; list-style:none; } ul.interestgroup_field input{ display:inline !important; width:auto !important; } ul.interestgroup_field label{ display:inline; padding:0 30px 0 3px; font-weight:normal; } select{ width:300px; margin:5px; } ul.unsub-options{ display:block; } ul.unsub-options li{ display:block; padding-bottom:5px; } ul.unsub-options li label{ display:inline; padding-left:5px; } ul.unsub-options li textarea{ display:block; padding:5px; background:#fff; border:1px solid #ccc; margin:5px 0; width:350px; height:100px; } .addressfield span{ display:block; height:34px; } .addressfield input{ float:right; width:56%; margin:0 9% 0 0; padding:8px 0 2px 0; } .addressfield label{ float:left; font-weight:normal; text-align:right; width:33%; } .addressfield .countryfield{ display:block; height:45px; position:relative; } .addressfield .countryfield select{ margin:0; position:absolute; top:10px; left:35%; } .captcha{ float:left; width:340px; height:170px; } #archive-list{ display:block; margin:15px 0; padding:0; border-top:1px solid #eee; } #archive-list li{ display:block; list-style:none; margin:0; padding:6px 10px; border-bottom:1px solid #eee; } .button,.button-small{ display:inline-block; font-family:'Helvetica', Arial, sans-serif; width:auto; white-space:nowrap; height:32px; margin:5px 5px 0 0; padding:0 22px; text-decoration:none; text-align:center; font-weight:bold; font-style:normal; font-size:15px; line-height:32px; cursor:pointer; border:0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; vertical-align:top; } .button-small{ float:none; display:inline-block; height:auto; line-height:18px !important; padding:2px 15px !important; font-size:11px !important; } .button span{ display:inline; font-family:'Helvetica', Arial, sans-serif; text-decoration:none; font-weight:bold; font-style:normal; font-size:15px; line-height:32px; cursor:pointer; border:none; } .rounded6{ -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px; } .poweredWrapper{ padding:20px 0; width:560px; margin:0 auto; } .poweredBy{ display:block; text-align:center; } span.or{ display:inline-block; height:32px; line-height:32px; padding:0 5px; margin:5px 5px 0 0; } .clear{ clear:both; } .tpl-image-content{ padding-left:0px; } .profile-list{ display:block; margin:15px 20px; padding:0; list-style:none; border-top:1px solid #eee; } .profile-list li{ display:block; margin:0; padding:5px 0; border-bottom:1px solid #eee; } body{ -webkit-text-size-adjust:none; } input{ -webkit-appearance:none; } input[type=checkbox]{ -webkit-appearance:checkbox; } input[type=radio]{ -webkit-appearance:radio; } body{ background-color:#eeeeee; } h1{ font-size:18; margin-bottom:15px; padding:0; margin-top:0; } .wrapper{ background-color:none; } .container{ background-color:#FFFFFF; padding:20px; color:#272727; font-size:18; } .container{ line-height:150%; font-family:Helvetica; font-size:18; color:#272727; background-color:#FFFFFF; } a:link,a:active,a:visited,a{ color:#FF0000; } .button:link,.button:active,.button:visited,.button,.button span,.button-small:link,.button-small:active,.button-small:visited,.button-small{ background-color:#336699; color:#ffffff; } .button:hover,.button-small:hover{ background-color:#1e5781; color:#ffffff; } label{ line-height:150%; font-family:Helvetica; font-size:14px; color:#333333; } .field-group{ background-color:#eeeeee; border-width:2px; border-color:#d0d0d0; } .datefield input,.phonefield-us input,.addressfield input{ border-bottom-width:1px; border-bottom-style:solid; border-color:#999999; } .field-group input{ font-family:Helvetica; font-size:14; color:#404042; } .asterisk{ color:#cc6600; } .field-help{ background-color:#dcdcdc; color:#404042; } .error,.errorText{ font-size:12px; color:#6b0505; background-color:#f4bfbf; } </style></head> <body> <div class="wrapper rounded6"> <h1><div style="text-align: left;"><a href="http://www.shawneelodge.org/"><img src="http://gallery.mailchimp.com/c7777edcec7a4774ca57068d6/images/eLookout_Logo_NEW.png" alt="Shawnee Lodge #51, Order of the Arrow" border="0" style="margin: 0; padding: 0;" width="600" height="200"></a></div></h1> <div class="container rounded6"> <div id="subscribeFormWelcome">Welcome! Simply complete this form to subscribe to the Shawnee Lodge eLookout, our email newsletter. You may unsubscribe at any time. </div> <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> <form action="http://shawneelodge.us2.list-manage2.com/subscribe/post" method="POST"> <input type="hidden" name="u" value="c7777edcec7a4774ca57068d6"> <input type="hidden" name="id" value="70330a4cc2"> <div id="mergeTable" class="mergeTable"> <div class="mergeRow dojoDndItem mergeRow-text" id="mergeRow-1"> <label for="MERGE1"><strong>First Name</strong> <span class="asterisk">*</span></label> <div class="field-group"> <input type="text" name="MERGE1" id="MERGE1" size="25" value=""> </div> </div> <div class="mergeRow dojoDndItem mergeRow-text" id="mergeRow-2"> <label for="MERGE2"><strong>Last Name</strong> <span class="asterisk">*</span></label> <div class="field-group"> <input type="text" name="MERGE2" id="MERGE2" size="25" value=""> </div> </div> <div class="mergeRow dojoDndItem mergeRow-email" id="mergeRow-0"> <label for="MERGE0"><strong>Email Address</strong> <span class="asterisk">*</span></label> <div class="field-group"> <input type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value=""> </div> </div> <div class="mergeRow dojoDndItem mergeRow-dropdown" id="mergeRow-3"> <label for="MERGE3"><strong>Chapter</strong> <span class="asterisk">*</span></label> <div class="field-group"> <select id="MERGE3" name="MERGE3"><option value="Select One:">Select One:</option><option value="Boone Trails">Boone Trails</option><option value="Grand Towers">Grand Towers</option><option value="Gravois Trail">Gravois Trail</option><option value="New Horizons">New Horizons</option><option value="North Star">North Star</option><option value="Osage">Osage</option><option value="Ozark Trailblazers">Ozark Trailblazers</option><option value="Pathfinder">Pathfinder</option><option value="River Trails">River Trails</option><option value="Thunderbird">Thunderbird</option><option value="Council Staff">Council Staff</option><option value="Not from Shawnee Lodge">Not from Shawnee Lodge</option></select> </div> </div> <div id="interestTable"> <div id="mergeRow-100-2517" class="mergeRow dojoDndItem mergeRow-interests-checkboxes"> <label>Which newsletter(s) would you like to receive?</label> <div class="field-group groups"> <ul class="interestgroup_field" id="interestgroup_field_664421"><li class="interestgroup_row"><input type="checkbox" id="group_1" name="group[2517][1]" value="1"> <label for="group_1">eLookout (Digital Version of The Lookout)</label></li><li class="interestgroup_row"><input type="checkbox" id="group_2" name="group[2517][2]" value="1"> <label for="group_2">eLookout Updates</label></li></ul> </div> </div> </div> </div> <br> <input type="submit" class="button" name="submit" value="Subscribe to list"> </form> <div class="poweredWrapper"> <span class="poweredBy"><a href="http://www.mailchimp.com/monkey-rewards/?aid=c7777edcec7a4774ca57068d6&afl=1"><img src="http://gallery.mailchimp.com/089443193dd93823f3fed78b4/images/MC_MonkeyReward_08.png" border="0" alt="Email Marketing Powered by MailChimp" title="MailChimp Email Marketing"></a></span> </div> </body> </html> '</div>'</div>'</div>'
