Re: manage_tabs

"Thorsten" <[email protected]> Fri, 03 May 2013 12:32:23 -0000
Newsgroups gmane.comp.cms.zms.devel
Message-ID <[email protected]>
--3-9304974063-0697715973=:1
Content-Type: text/plain; charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

Tobias,

to add a new menu tab item to you ZMS content object, you can do the
following:
    1. Add a method of type "interface" to your object, name it
"injectMenu" or so
    2. The ZMS menu tab is based upon jquery ui, inject a new
"li"-item with the name of your choice (e.g. "My Manage
Page") using jquery and a template, that has the appropriate JUI
styles (see A. below)
    3. Add you own management page by adding a method like
"manage_mypage" (DTML Template, Script (Python) or Page
Template, let it start with "manage_" to prevent unauthorized
access). This incorporates the ZMS manage page header and footer
constructs, and also injects the menu but furthermore takes care for
highlighting the appropriate menu item (found by id #mypage, see B.
below)

Please note: The new menu tab can only be seen when the first menu
(Edit/Bearbeiten) is active, not when you choose "Export" or
other menu tabs.

In the ongoing huge update of the ZMI interface, based upon bootstrap,
things that have to be injected might be slightly different, but
technically the same procedure will work.



A. Code sample for method "injectMenu" of object
"myobject":

<dtml-comment>--// BO myobject.injectMenu //--</dtml-comment>

<ul id=3D"templateTab" style=3D"display:none">

   <!-- ui-tabs-selected ui-state-active -->

   <li class=3D"ui-state-default ui-corner-top"><a

       onclick=3D"javascript:return confirmChanges(this);"

       href=3D"manage_mypage?lang=3D<dtml-var manage_lang>"> My Manage
Page</a></li>

</ul>

<script type=3D"text/javascript" language=3D"JavaScript" >

   $().ready(function() {

     $('#tabs ul').append( $('#templateTab li') );

   });

</script>

<dtml-comment>--// EO myobject.injectMenu //--</dtml-comment>



B. Code framework for "manage_mypage" (as DTML):

<dtml-comment>--// BO manage_ mypage //--</dtml-comment>

<dtml-var manage_page_header>

<dtml-var "manage_tabs(_,_,p_languages=3D1)">

<dtml-var f_bo_area>

<ul id=3D"templateTab" style=3D"display:none">

   <li class=3D"ui-state-default ui-corner-top" id=3D"mypage"><a

       onclick=3D"javascript:return confirmChanges(this);"

       href=3D"manage_mypage?lang=3D<dtml-var manage_lang>">My Manage
Page</a></li>

</ul>

<script type=3D"text/javascript" language=3D"JavaScript">

   $().ready(function() {

     $('#tabs ul').append( $('#templateTab li') );

     // de-select default menu (always the first)

     $('#tabs ul
li:eq(0)').removeClass('ui-tabs-selected').removeClass('ui-state-active'\
);

     $('#tabs ul
li#mypage').addClass('ui-tabs-selected').addClass('ui-state-active');

   });

</script>

#### YOUR CODE COMES HERE ####

<dtml-var f_eo_area>

<dtml-var manage_page_footer>

<dtml-comment>--// EO manage_ mypage //--</dtml-comment>
Hope this helps.
Greetings
tf

--- In [email protected], Tobias Greitzke  wrote:
>
> Hello ZMS-Developers,
>
> it used to be possible in version lower 2.12.1-12 to customize the
> manage_tabs by adding a method manage_tabs.ZMIManageTabs to the custom
> objects.
> I couldn't figure out how this is done in later versions, is this
still
> possible?
>
>
> Best Regards,
> Tobias Greitzke
>
> --
> tog.is - information design
>
> Tobias Greitzke
> Johannes-Mynsinger-Weg 18
> 89075 Ulm
>
> Fon: +49 (0)731 / 509 4567
> Fax: +49 (0)731 / 509 4568
> Mobil: +49 (0)163 / 632 32 60
> Skype: tobias.greitzke
>
> http://www.togis.com
> tobias.greitzke@...
>
> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
> Diese E-Mail enthaelt vertrauliche und/oder rechtlich geschuetzte
> Informationen. Wenn Sie nicht der richtige Adressat sind oder diese
> E-Mail irrtuemlich erhalten haben, informieren Sie bitte sofort den
> Absender und vernichten Sie diese Mail. Das unerlaubte Kopieren sowie
> die unbefugte Weitergabe dieser Mail ist nicht gestattet.
>


--3-9304974063-0697715973=:1
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>







<body style="background-color: #fff;">
<span style="display:none">&nbsp;</span>

<!--~-|**|PrettyHtmlStartT|**|-~-->
<div id="ygrp-mlmsg" style="position:relative;">
  <div id="ygrp-msg" style="z-index: 1;">
<!--~-|**|PrettyHtmlEndT|**|-~-->

    <div id="ygrp-text" >
      
      
      <p>
Tobias,<span lang="EN-US"><br><br>to add a
new menu tab item to you ZMS content object, you can do the following:</span>



<ol><li><span lang="EN-US">Add a
method of type "interface" to your object, name it "injectMenu" or so</span></li><li><span lang="EN-US">The ZMS
menu tab is based upon jquery ui, inject a new "li"-item with the name of your
choice (e.g. "My Manage Page") using jquery and a template, that has the
appropriate JUI styles (see A. below)</span></li><li><span lang="EN-US">Add you
own management page by adding a method like "manage_mypage" (DTML Template, Script
(Python) or Page Template, let it start with "manage_" to prevent unauthorized
access). This incorporates the ZMS manage page header and footer constructs, and
also injects the menu but furthermore takes care for highlighting the
appropriate menu item (found by id #mypage, see B. below)</span></li></ol>

<p class="MsoNormal"><span lang="EN-US">Please
note: The new menu tab can only be seen when the first menu (Edit/Bearbeiten)
is active, not when you choose "Export" or other menu tabs.</span></p>

<p class="MsoNormal"><span lang="EN-US">In the ongoing
huge update of the ZMI interface, based upon bootstrap, things that have to be
injected might be slightly different, but technically the same procedure will
work.</span></p>

<p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>

<p class="MsoNormal"><span lang="EN-US">A. Code sample
for method "injectMenu" of object "myobject":</span></p>

<p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-comment&gt;--// BO myobject.injectMenu
//--&lt;/dtml-comment&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;ul id=&quot;templateTab&quot;
style=&quot;display:none&quot;&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp; </span>&lt;!--
ui-tabs-selected ui-state-active --&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp; </span>&lt;li
class=&quot;ui-state-default ui-corner-top&quot;&gt;&lt;a </font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span>onclick=&quot;javascript:return confirmChanges(this);&quot; </font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>href=&quot;manage_mypage?lang=&lt;dtml-var
manage_lang&gt;&quot;&gt;<span lang="EN-US">
</span>My Manage Page&lt;/a&gt;&lt;/li&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;/ul&gt;</font></p><font face="courier new" size="2">

</font><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;script type=&quot;text/javascript&quot;
language=&quot;JavaScript&quot; &gt;<span>&nbsp;&nbsp; </span></font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;
</span>$().ready(function() {</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp; </span>$('#tabs
ul').append( $('#templateTab li') );</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp; </span>});</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;/script&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span lang="EN-US">&lt;dtml-comment&gt;--//
EO myobject.injectMenu //--&lt;/dtml-comment&gt;</span></font></p>

<p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>

<p class="MsoNormal"><span lang="EN-US">B. Code
framework for "manage_mypage" (as DTML):</span></p>

<p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-comment&gt;--// BO manage_ mypage //--&lt;/dtml-comment&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-var manage_page_header&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-var
&quot;manage_tabs(_,_,p_languages=1)&quot;&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-var f_bo_area&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;ul id=&quot;templateTab&quot;
style=&quot;display:none&quot;&gt; </font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp; </span>&lt;li
class=&quot;ui-state-default ui-corner-top&quot; id=&quot;mypage&quot;&gt;&lt;a
</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span>onclick=&quot;javascript:return confirmChanges(this);&quot; </font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span>href=&quot;manage_mypage?lang=&lt;dtml-var manage_lang&gt;&quot;&gt;My
Manage Page&lt;/a&gt;&lt;/li&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;/ul&gt; </font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;script type=&quot;text/javascript&quot; language=&quot;JavaScript&quot;&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;
</span>$().ready(function() {</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp; </span>$('#tabs
ul').append( $('#templateTab li') );</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp; </span>// de-select
default menu (always the first)</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp; </span>$('#tabs ul
li:eq(0)').removeClass('ui-tabs-selected').removeClass('ui-state-active');</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp;&nbsp;&nbsp; </span>$('#tabs ul
li#mypage').addClass('ui-tabs-selected').addClass('ui-state-active');</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2"><span>&nbsp; </span>});</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;/script&gt;</font></p><font face="courier new" size="2">

</font><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">#### YOUR CODE COMES HERE #### </font></p><font face="courier new" size="2">

</font><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-var f_eo_area&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-var manage_page_footer&gt;</font></p><font face="courier new" size="2">

</font><p class="MsoNormal"><font face="courier new" size="2">&lt;dtml-comment&gt;--// EO manage_ mypage //--&lt;/dtml-comment&gt;</font></p>

Hope this helps.<br>Greetings<br>tf<br><br>--- In [email protected], Tobias Greitzke  wrote:<br>&gt;<br>&gt; Hello ZMS-Developers,<br>&gt; <br>&gt; it used to be possible in version lower 2.12.1-12 to customize the <br>&gt; manage_tabs by adding a method manage_tabs.ZMIManageTabs to the custom <br>&gt; objects.<br>&gt; I couldn't figure out how this is done in later versions, is this still <br>&gt; possible?<br>&gt; <br>&gt; <br>&gt; Best Regards,<br>&gt; Tobias Greitzke<br>&gt; <br>&gt; -- <br>&gt; tog.is - information design<br>&gt; <br>&gt; Tobias Greitzke<br>&gt; Johannes-Mynsinger-Weg 18<br>&gt; 89075 Ulm<br>&gt; <br>&gt; Fon: &#43;49 (0)731 / 509 4567<br>&gt; Fax: &#43;49 (0)731 / 509 4568<br>&gt; Mobil: &#43;49 (0)163 / 632 32 60<br>&gt; Skype: tobias.greitzke<br>&gt; <
 br>&gt; http://www.togis.com<br>&gt; tobias.greitzke@...<br>&gt; <br>&gt; =========================================<br>&gt; Diese E-Mail enthaelt vertrauliche und/oder rechtlich geschuetzte <br>&gt; Informationen. Wenn Sie nicht der richtige Adressat sind oder diese <br>&gt; E-Mail irrtuemlich erhalten haben, informieren Sie bitte sofort den <br>&gt; Absender und vernichten Sie diese Mail. Das unerlaubte Kopieren sowie <br>&gt; die unbefugte Weitergabe dieser Mail ist nicht gestattet.<br>&gt;<br>

</p>

    </div>
     

    <!--~-|**|PrettyHtmlStart|**|-~-->
    <div style="color: #fff; height: 0;">__._,_.___</div>

        
  
  
    <table cellspacing=4px style="margin-top: 20px; margin-bottom: 10px;">
      <tbody>
        <tr>
          <td style="font-size: 12px; font-family: arial; font-weight: bold; padding: 7px 5px 5px; color: #FFF; background-color: #F2F2F2; border: 1px solid #EAEAEA "  >
                          <a style="text-decoration: none; color: #2D50FD" href="http://groups.yahoo.com/group/zms-developers/post;_ylc=X3oDMTJwNTZvY2dhBF9TAzk3MzU5NzE0BGdycElkAzg0NzA4MjEEZ3Jwc3BJZAMxNzA3MjgxOTQyBG1zZ0lkAzM4MzkEc2VjA2Z0cgRzbGsDcnBseQRzdGltZQMxMzY3NTg0MzQ1?act=reply&messageNum=3839">Reply via web post</a>
                      </td>
          <td style="font-size: 12px; font-family: arial; padding: 7px 5px 5px; color: #FFF; background-color: #F2F2F2; border: 1px solid #EAEAEA; " >
            <a href="mailto:[email protected]?subject=Re%3A%20manage_tabs" style="text-decoration: none; color: #2D50FD;">
              Reply to sender            </a> 
          </td>
          <td style="font-size: 12px; font-family: arial; padding: 7px 5px 5px; color: #FFF; background-color: #F2F2F2; border: 1px solid #EAEAEA; ">
            <a href="mailto:[email protected]?subject=Re%3A%20manage_tabs" style="text-decoration: none; color: #2D50FD">
              Reply to group            </a> 
          </td>
          <td style="font-size: 12px; font-family: arial; padding: 7px 5px 5px; color: #FFF; background-color: #F2F2F2; border: 1px solid #EAEAEA; " >
            <a href="http://groups.yahoo.com/group/zms-developers/post;_ylc=X3oDMTJlZ3JlNHJ1BF9TAzk3MzU5NzE0BGdycElkAzg0NzA4MjEEZ3Jwc3BJZAMxNzA3MjgxOTQyBHNlYwNmdHIEc2xrA250cGMEc3RpbWUDMTM2NzU4NDM0NQ--" style="text-decoration: none; color: #2D50FD">Start a New Topic</a>
          </td>
          <td style="font-size: 12px; font-family: arial; padding: 7px 5px 5px; color: #2D50FD; background-color: #F2F2F2; border: 1px solid #EAEAEA; " >
                            <a href="http://groups.yahoo.com/group/zms-developers/message/3814;_ylc=X3oDMTM0dTlqYjlhBF9TAzk3MzU5NzE0BGdycElkAzg0NzA4MjEEZ3Jwc3BJZAMxNzA3MjgxOTQyBG1zZ0lkAzM4MzkEc2VjA2Z0cgRzbGsDdnRwYwRzdGltZQMxMzY3NTg0MzQ1BHRwY0lkAzM4MTQ-" style="text-decoration: none; color: #2D50FD;">Messages in this topic</a>
                (7)
                      </td>
        </tr>
      </tbody>
    </table>

        
<!------- Start Nav Bar ------>

<!-- |**|begin egp html banner|**| -->
<div id="ygrp-vital" style="background-color: #f2f2f2; font-family: Verdana; font-size: 10px; margin-bottom: 10px; padding: 10px;">
      <span id="vithd" style="font-weight: bold; color: #333; text-transform: uppercase; ">Recent Activity:</span>

    <ul style="list-style-type: none; margin: 0; padding: 0; display: inline;">
                                                    </ul>
    
  <div style="clear: both; padding-top: 2px; color: #1e66ae;">
    <a href="http://groups.yahoo.com/group/zms-developers;_ylc=X3oDMTJlb29vMTdyBF9TAzk3MzU5NzE0BGdycElkAzg0NzA4MjEEZ3Jwc3BJZAMxNzA3MjgxOTQyBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTM2NzU4NDM0NQ--" style="text-decoration: none;">Visit Your Group</a>
  </div>
</div>


              <div id="ygrp-mkp" style="border: 1px solid #d8d8d8; clear: both; float: left; font-family: Arial; margin: 5px 0 10px 0; padding: 0 10px;">
      <div id="hd" style="color: #628c2a; font-size: 85%; font-weight: 700; line-height: 122%; margin: 10px 0;">MARKETPLACE</div>
      <div id="ads" style="margin-bottom: 10px;">
                  <div class="ad" style="color: #628C2A; font-family: Arial; font-weight: 700; padding: 0 0;">
            <!-- SpaceID=1707281942 loc=MKP1 noad-spid -->
<script language=javascript>
if(window.yzq_d==null)window.yzq_d=new Object();
window.yzq_d['9wQsP2KL5Q0-']='&U=1284qvt2k%2fN%3d9wQsP2KL5Q0-%2fC%3d-2%2fD%3dMKP1%2fB%3d-2%2fV%3d0';
</script><noscript><img width=1 height=1 alt="" src="http://us.bc.yahoo.com/b?P=82fdd06a-b3ed-11e2-ba46-fb9414c5f367&T=1d5tr3j29%2fX%3d1367584346%2fE%3d1707281942%2fR%3dgroups%2fK%3d5%2fV%3d2.1%2fW%3dH%2fY%3dYAHOO%2fF%3d3389908330%2fH%3dY29udGVudD0iR287UG9kY2FzdHM7V2lkZ2V0cztGbGlja3I7WWFob29fU2VhcmNoX01hcmtldGluZztGaW5hbmNlO0Jvb2ttYXJrO01lc3NhZ2VfQm9hcmRzO0NhbGVuZGFyO0V2ZW50czsiIGRpc2FibGVzaHVmZmxpbmc9IjEiIHNlcnZlSWQ9IjgyZmRkMDZhLWIzZWQtMTFlMi1iYTQ2LWZiOTQxNGM1ZjM2NyIgc2l0ZUlkPSI0NDUyNTUxIiB0U3RtcD0iMTM2NzU4NDM0NjA4MzE3OCIg%2fQ%3d-1%2fS%3d1%2fJ%3d2C27C10A&U=1284qvt2k%2fN%3d9wQsP2KL5Q0-%2fC%3d-2%2fD%3dMKP1%2fB%3d-2%2fV%3d0"></noscript><!-- fac-gd2-noad --><!-- gd2-status-2 --><!--QYZ CMS_NONE_AVAIL,,98.139.228.47;;MKP1;1707281942;2;--><script language=javascript>
if(window.xzq_d==null)window.xzq_d=new Object();
window.xzq_d['Q6F3DWKL4Js-']='(as$121u72bjv,aid$Q6F3DWKL4Js-,cr$-1,ct$25,at$H,eob$-1)';
</script><noscript><img width=1 height=1 alt="" src="http://csc.beap.bc.yahoo.com/yi?bv=1.0.0&bs=(13205ugje(gid$82fdd06a-b3ed-11e2-ba46-fb9414c5f367,st$1367584346083178,si$4452551,sp$1707281942,pv$1,v$2.0))&t=J_3-D_3&al=(as$121u72bjv,aid$Q6F3DWKL4Js-,cr$-1,ct$25,at$H,eob$-1)"></noscript>          </div>
                          <div class="ad" style="color: #628C2A; font-family: Arial; font-weight: 700; padding: 0 0;">
                          <hr style="border: 1px solid #d8d8d8;">
                        <!-- SpaceID=1707281942 loc=MKP1 noad-spid -->
<script language=javascript>
if(window.yzq_d==null)window.yzq_d=new Object();
window.yzq_d['9gQsP2KL5Q0-']='&U=128p3d8o0%2fN%3d9gQsP2KL5Q0-%2fC%3d-2%2fD%3dMKP1%2fB%3d-2%2fV%3d0';
</script><noscript><img width=1 height=1 alt="" src="http://us.bc.yahoo.com/b?P=82fdd06a-b3ed-11e2-ba46-fb9414c5f367&T=1d5jlqil1%2fX%3d1367584346%2fE%3d1707281942%2fR%3dgroups%2fK%3d5%2fV%3d2.1%2fW%3dH%2fY%3dYAHOO%2fF%3d1052800802%2fH%3dY29udGVudD0iR287UG9kY2FzdHM7V2lkZ2V0cztGbGlja3I7WWFob29fU2VhcmNoX01hcmtldGluZztGaW5hbmNlO0Jvb2ttYXJrO01lc3NhZ2VfQm9hcmRzO0NhbGVuZGFyO0V2ZW50czsiIGRpc2FibGVzaHVmZmxpbmc9IjEiIHNlcnZlSWQ9IjgyZmRkMDZhLWIzZWQtMTFlMi1iYTQ2LWZiOTQxNGM1ZjM2NyIgc2l0ZUlkPSI0NDUyNTUxIiB0U3RtcD0iMTM2NzU4NDM0NjA4MzE3OCIg%2fQ%3d-1%2fS%3d1%2fJ%3d2C27C10A&U=128p3d8o0%2fN%3d9gQsP2KL5Q0-%2fC%3d-2%2fD%3dMKP1%2fB%3d-2%2fV%3d0"></noscript><!-- fac-gd2-noad --><!-- gd2-status-2 --><!--QYZ CMS_NONE_AVAIL,,98.139.228.47;;MKP1;1707281942;2;--><script language=javascript>
if(window.xzq_d==null)window.xzq_d=new Object();
window.xzq_d['QON3DWKL4Js-']='(as$121ogb2dr,aid$QON3DWKL4Js-,cr$-1,ct$25,at$H,eob$-1)';
</script><noscript><img width=1 height=1 alt="" src="http://csc.beap.bc.yahoo.com/yi?bv=1.0.0&bs=(13205ugje(gid$82fdd06a-b3ed-11e2-ba46-fb9414c5f367,st$1367584346083178,si$4452551,sp$1707281942,pv$1,v$2.0))&t=J_3-D_3&al=(as$121ogb2dr,aid$QON3DWKL4Js-,cr$-1,ct$25,at$H,eob$-1)"></noscript>          </div>
                          <div class="ad" style="color: #628C2A; font-family: Arial; font-weight: 700; padding: 0 0;">
                          <hr style="border: 1px solid #d8d8d8;">
                        <!-- SpaceID=1707281942 loc=MKP1 noad-spid -->
<script language=javascript>
if(window.yzq_d==null)window.yzq_d=new Object();
window.yzq_d['.AQsP2KL5Q0-']='&U=128c07jat%2fN%3d.AQsP2KL5Q0-%2fC%3d-2%2fD%3dMKP1%2fB%3d-2%2fV%3d0';
</script><noscript><img width=1 height=1 alt="" src="http://us.bc.yahoo.com/b?P=82fdd06a-b3ed-11e2-ba46-fb9414c5f367&T=1d4q91fui%2fX%3d1367584346%2fE%3d1707281942%2fR%3dgroups%2fK%3d5%2fV%3d2.1%2fW%3dH%2fY%3dYAHOO%2fF%3d221758186%2fH%3dY29udGVudD0iR287UG9kY2FzdHM7V2lkZ2V0cztGbGlja3I7WWFob29fU2VhcmNoX01hcmtldGluZztGaW5hbmNlO0Jvb2ttYXJrO01lc3NhZ2VfQm9hcmRzO0NhbGVuZGFyO0V2ZW50czsiIGRpc2FibGVzaHVmZmxpbmc9IjEiIHNlcnZlSWQ9IjgyZmRkMDZhLWIzZWQtMTFlMi1iYTQ2LWZiOTQxNGM1ZjM2NyIgc2l0ZUlkPSI0NDUyNTUxIiB0U3RtcD0iMTM2NzU4NDM0NjA4MzE3OCIg%2fQ%3d-1%2fS%3d1%2fJ%3d2C27C10A&U=128c07jat%2fN%3d.AQsP2KL5Q0-%2fC%3d-2%2fD%3dMKP1%2fB%3d-2%2fV%3d0"></noscript><!-- fac-gd2-noad --><!-- gd2-status-2 --><!--QYZ CMS_NONE_AVAIL,,98.139.228.47;;MKP1;1707281942;2;--><script language=javascript>
if(window.xzq_d==null)window.xzq_d=new Object();
window.xzq_d['PSV4DWKL4Js-']='(as$1211bnvo7,aid$PSV4DWKL4Js-,cr$-1,ct$25,at$H,eob$-1)';
</script><noscript><img width=1 height=1 alt="" src="http://csc.beap.bc.yahoo.com/yi?bv=1.0.0&bs=(13205ugje(gid$82fdd06a-b3ed-11e2-ba46-fb9414c5f367,st$1367584346083178,si$4452551,sp$1707281942,pv$1,v$2.0))&t=J_3-D_3&al=(as$1211bnvo7,aid$PSV4DWKL4Js-,cr$-1,ct$25,at$H,eob$-1)"></noscript>          </div>
              </div>
    </div>
  
<div id="ft" style="font-family: Arial; font-size: 11px; margin-top: 5px; padding: 0 2px 0 0; clear: both;">
  <a href="http://groups.yahoo.com/;_ylc=X3oDMTJkcDY1ZjBlBF9TAzk3NDc2NTkwBGdycElkAzg0NzA4MjEEZ3Jwc3BJZAMxNzA3MjgxOTQyBHNlYwNmdHIEc2xrA2dmcARzdGltZQMxMzY3NTg0MzQ1" style="float: left;"><img src="http://l.yimg.com/a/i/us/yg/logo/us.gif" height="15" width="137" alt="Yahoo! Groups" style="border: 0;"/></a>
  <div style="color: #747575; float: right;">Switch to: <a href="mailto:[email protected]?subject=Change Delivery Format: Traditional" style="text-decoration: none;">Text-Only</a>, <a href="mailto:[email protected]?subject=Email Delivery: Digest" class="margin-rt" style="text-decoration: none;">Daily Digest</a> &bull; <a href="mailto:[email protected]?subject=Unsubscribe" style="text-decoration: none;">Unsubscribe</a> &bull; <a href="http://docs.yahoo.com/info/terms/" style="text-decoration: none;">Terms of Use</a> &bull; <a href="mailto:[email protected]?subject=Feedback on the redesigned individual mail v1" style="text-decoration: none;">Send us Feedback </a></div>
</div>

<!-- |**|end egp html banner|**| -->

  </div> <!-- ygrp-msg -->

  <!-- Sponsor -->
  <!-- |**|begin egp html banner|**| -->
  <div id="ygrp-sponsor" style="width:160px; float:right; clear:none; margin:0 0 25px 0; background: #fff;">

<!-- Start Recommendations -->
<div id="ygrp-reco">
     </div>
<!-- End Recommendations -->



  </div>   <!-- |**|end egp html banner|**| -->

  <div style="clear:both; color: #FFF; font-size:1px;">.</div>
</div>

  <img src="http://geo.yahoo.com/serv?s=97359714/grpId=8470821/grpspId=1707281942/msgId=3839/stime=1367584345/nc1=1/nc2=2/nc3=3" width="1" height="1"> <br>

<div style="color: #fff; height: 0;">__,_._,___</div>
<!--~-|**|PrettyHtmlEnd|**|-~-->

</body>

<!--~-|**|PrettyHtmlStart|**|-~-->
<head>
  <style type="text/css">
  <!--
  #ygrp-mkp {
  border: 1px solid #d8d8d8;
  font-family: Arial;
  margin: 10px 0;
  padding: 0 10px;
}

#ygrp-mkp hr {
  border: 1px solid #d8d8d8;
}

#ygrp-mkp #hd {
  color: #628c2a;
  font-size: 85%;
  font-weight: 700;
  line-height: 122%;
  margin: 10px 0;
}

#ygrp-mkp #ads {
  margin-bottom: 10px;
}

#ygrp-mkp .ad {
  padding: 0 0;
}

#ygrp-mkp .ad p {
  margin: 0;
}

#ygrp-mkp .ad a {
  color: #0000ff;
  text-decoration: none;
}
  #ygrp-sponsor #ygrp-lc {
  font-family: Arial;
}

#ygrp-sponsor #ygrp-lc #hd {
  margin: 10px 0px;
  font-weight: 700;
  font-size: 78%;
  line-height: 122%;
}

#ygrp-sponsor #ygrp-lc .ad {
  margin-bottom: 10px;
  padding: 0 0;
}

  #actions {
    font-family: Verdana;
    font-size: 11px;
    padding: 10px 0;
  }

  #activity {
    background-color: #e0ecee;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    padding: 10px;
  }

  #activity span {
    font-weight: 700;
  }

  #activity span:first-child {
    text-transform: uppercase;
  }

  #activity span a {
    color: #5085b6;
    text-decoration: none;
  }

  #activity span span {
    color: #ff7900;
  }

  #activity span .underline {
    text-decoration: underline;
  }

  .attach {
    clear: both;
    display: table;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0;
    width: 400px;
  }

  .attach div a {
    text-decoration: none;
  }

  .attach img {
    border: none;
    padding-right: 5px;
  }

  .attach label {
    display: block;
    margin-bottom: 5px;
  }

  .attach label a {
    text-decoration: none;
  }
  
  blockquote {
    margin: 0 0 0 4px;
  }

  .bold {
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
  }

  .bold a {
    text-decoration: none;
  }

  dd.last p a {
    font-family: Verdana;
    font-weight: 700;
  }

  dd.last p span {
    margin-right: 10px;
    font-family: Verdana;
    font-weight: 700;
  }

  dd.last p span.yshortcuts {
    margin-right: 0;
  }

  div.attach-table div div a {
    text-decoration: none;
  }

  div.attach-table {
    width: 400px;
  }

  div.file-title a, div.file-title a:active, div.file-title a:hover, div.file-title a:visited {
    text-decoration: none;
  }

  div.photo-title a, div.photo-title a:active, div.photo-title a:hover, div.photo-title a:visited {
    text-decoration: none;
  }

  div#ygrp-mlmsg #ygrp-msg p a span.yshortcuts {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
  }

  .green {
    color: #628c2a;
  }

  .MsoNormal {
    margin: 0 0 0 0;
  }

  o {
    font-size: 0;
  }

  #photos div {
    float: left;
    width: 72px;
  }

  #photos div div {
    border: 1px solid #666666;
    height: 62px;
    overflow: hidden;
    width: 62px;
  }

  #photos div label {
    color: #666666;
    font-size: 10px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 64px;
  }

  #reco-category {
    font-size: 77%;
  }

  #reco-desc {
    font-size: 77%;
  }

  .replbq {
    margin: 4px;
  }

  #ygrp-actbar div a:first-child {
   /* border-right: 0px solid #000;*/
    margin-right: 2px;
    padding-right: 5px;
  }

  #ygrp-mlmsg {
    font-size: 13px;
    font-family: Arial, helvetica,clean, sans-serif;
    *font-size: small;
    *font: x-small;
  }

  #ygrp-mlmsg table {
    font-size: inherit;
    font: 100%;
  }

  #ygrp-mlmsg select, input, textarea {
    font: 99% Arial, Helvetica, clean, sans-serif;
  }

  #ygrp-mlmsg pre, code {
    font:115% monospace;
    *font-size:100%;
  }

  #ygrp-mlmsg * {
    line-height: 1.22em;
  }

  #ygrp-mlmsg #logo {
    padding-bottom: 10px;
  }


  #ygrp-msg p a {
    font-family: Verdana;
  }

  #ygrp-msg p#attach-count span {
    color: #1E66AE;
    font-weight: 700;
  }

  #ygrp-reco #reco-head {
    color: #ff7900;
    font-weight: 700;
  }

  #ygrp-reco {
    margin-bottom: 20px;
    padding: 0px;
  }

  #ygrp-sponsor #ov li a {
    font-size: 130%;
    text-decoration: none;
  }

  #ygrp-sponsor #ov li {
    font-size: 77%;
    list-style-type: square;
    padding: 6px 0;
  } 

  #ygrp-sponsor #ov ul {
    margin: 0;
    padding: 0 0 0 8px;
  }

  #ygrp-text {
    font-family: Georgia;
  }

  #ygrp-text p {
    margin: 0 0 1em 0;
  }

  #ygrp-text tt {
    font-size: 120%;
  }

  #ygrp-vital ul li:last-child {
    border-right: none !important; 
  } 
  -->
  </style>
</head>

<!--~-|**|PrettyHtmlEnd|**|-~-->
</html>
<!-- end group email -->


--3-9304974063-0697715973=:1--