هل لي بشريط آخر المواضيع مع أفضل عشر أعضاء في الشهر

    <div id="{ID_LEFT}">



            <!-- BEGIN giefmod_index1 -->

            {giefmod_index1.MODVAR}

            <!-- BEGIN saut -->

            <div style="height:{SPACE_ROW}px"></div>

            <!-- END saut -->

            <!-- END giefmod_index1 -->

    </div>

{CHATBOX_TOP}

    <div id="{ID_LEFT}" class="main">



       <div class="main-head">

          <div class="page-title">

             <h2>مايكل سوفت</h2>

          </div>

       </div>

         <div class="main-content">

          <table cellspacing="0" class="table">

             <tbody class="statused">

                <!-- BEGIN giefmod_index1 -->

                {giefmod_index1.MODVAR}

                <!-- END giefmod_index1 -->

             </tbody>

          </table>

       </div>

       <script type="text/javascript">

          //<![CDATA[

          var versionMinor = parseFloat(navigator.appVersion),

             versionMajor = parseInt(versionMinor),

             IE = document.all && !window.opera && 7 > versionMajor,

             IE7 = document.all && !window.opera && 7 <= versionMajor,

             OP = window.opera,

             FF = document.getElementById,

             NS = document.layers;

     

          function get_item(a, c) {

             if (IE) return c ? window.opener.document.all[a] : document.all[a];

             if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);

             if (NS) return c ? window.opener.document.layers[a] : document.layers[a]

          }

     

          var current_tooltip;

     

          function show_tooltip(a, c) {

             var b = get_item("tooltip");

             b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));

             b.style.zIndex = 1000;

             b.style.position = "absolute";

             b.innerHTML = "<p>" + c + "</p>";

             b.style.visibility = "visible";

             a.onmousemove = move_tooltip;

             a.onmouseout = function() {

                b.style.visibility = "hidden"

             };

             a.title = ""

          }

          var offsetxpoint = -60,

             offsetypoint = 20,

             real_body = document.compatMode && "BackCompat" !=
document.compatMode ? document.documentElement : document.body,

             real_body = document.documentElement ? document.documentElement : document.body;

     

          function move_tooltip(a) {

             var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,

                d = !IE ? a.pageY : event.clientY + real_body.scrollTop,

                b = IE && !window.opera ? real_body.clientWidth -
 event.clientX - offsetxpoint : window.innerWidth - a.clientX -
offsetxpoint - 20,

                e = IE && !window.opera ? real_body.clientHeight
 - event.clientY - offsetypoint : window.innerHeight - a.clientY -
offsetypoint - 20,

                f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;

             current_tooltip = get_item("tooltip");

             current_tooltip.style.left = b <
current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX -
 current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX -
current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint
 + "px";

             current_tooltip.style.top = e <
current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY -
 current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset
 + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d +
offsetypoint + "px"

          }

          $("#recent_topics li a:first-child").mouseover(function() {

             show_tooltip(this, $(this).next().html())

          });

          $("#active_topics a, #viewed_topics a").mouseover(function() {

             show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));

          }).after(function() {

             return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'

          });

          $(".changeLast").change(function() {

             $(".half.group_" + $(this).data("group")).hide();

             $("#" + this.value).show();

          });

           //]]>

       </script>

    </div>

    </div>

    <!-- BEGIN classical_row -->



    <tr>

       <th class="double">

          <h2>اجدد المواضيع

             <span class="right">اخر رد</span>

          </h2>

       </th>

       <th>

          <select class="changeLast" data-group="post">

             <option value="top_posters">افضل المشاركين</option>

             <option value="active_starters">الاكثر نشاطا</option>

          </select>

       </th>

       <th>

          <select class="changeLast" data-group="time">

             <option value="users_week">الاعضاء الاكثر نشاطا لهذا الاسبوع</option>

             <option value="users_month">الاعضاء الاكثر نشاطا لهذا الشهر</option>

          </select>

       </th>

    </tr>

      <td class="double" rowspan="3">

          <ul id="recent_topics">

             <!-- BEGIN recent_topic_row -->

             <li>

                <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>

                <div class="tooltip_data" style="display:none">

                   <p>

                      <span style="color:red">الموضوع</span>: {classical_row.recent_topic_row.L_TITLE}

                   </p>

                   <p>

                      <span style="color:blue">وقت الانشاء</span>: {classical_row.recent_topic_row.S_POSTTIME}

                   </p>

                </div>



                <!-- BEGIN switch_poster -->

                <a class="lastRight"
href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>

                <!-- END switch_poster -->

                <!-- BEGIN switch_poster_guest -->

                <span class="lastRight">

                   {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}

                </span>

                <!-- END switch_poster_guest -->

             </li>

             <!-- END recent_topic_row -->

          </ul>

       </td>

    <!-- </tr> -->

    <!-- END classical_row -->

    <tr>



       <th class="topicLast">

          <h2>الاكثر ردودا</h2>

       </th>

       <th class="topicLast">

          <h2>الاكثر مشاهدات</h2>

       </th>

    </tr>

    <tr>

       <td>

          <ul id="active_topics" class="half">

             <!-- BEGIN TOPIC -->

             <li>

                <span style="display:none">{TOPIC.TITLE}</span>

                <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>

             </li>

             <!-- END TOPIC -->

          </ul>

       </td>

    <!--</tr>-->

    <!--<tr>-->



       <td>

          <ul id="viewed_topics" class="half">

             <!-- BEGIN TOPIC -->

             <li>

                <span style="display:none">{TOPIC.TITLE}</span>

                <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>

             </li>

             <!-- END TOPIC -->

          </ul>

       </td>

    </tr>

<!--<td>-->

 <ul id="active_starters" class="half group_post">

 <!-- BEGIN POSTER -->

 <li>

 {POSTER.NAME}

 <span class="lastRight">

 {POSTER.NB_TOPICS}

 </span>

 </li>

 <!-- END POSTER -->

 </ul>

 </td>

    <!--<tr>-->



       <!--<td>-->  

          <ul id="users_month" class="half group_time">

             <!-- BEGIN POSTER -->

             <li>

                {POSTER.NAME}

                <span class="lastRight">

                   {POSTER.NB_POSTS}

                </span>

             </li>

             <!-- END POSTER -->

          </ul>

       </td>

    </tr>

    <td>



       <ul id="users_week" class="half group_time">

          <!-- BEGIN POSTER -->

          <li>

             {POSTER.NAME}

             <span class="lastRight">

                {POSTER.NB_POSTS}

             </span>

          </li>

          <!-- END POSTER -->

       </ul>

    <!--</td>-->

    <td>



       <ul id="top_posters" class="half group_post">

          <!-- BEGIN POSTER -->

          <li>

             {POSTER.NAME}

             <span class="lastRight">

                {POSTER.NB_POSTS}

             </span>

          </li>

          <!-- END POSTER -->

       </ul>

    <!--</td>-->

    /* مايكل سوفت */



    #content-container div#main{margin-bottom:0}

    *+ html #content-container div#main{margin-left:0;margin-right:0}

    #content-container div#left{float:none;width:100%}

    #left{margin:30px 0}

    #left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

    #left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}

    #left a{text-decoration:none}

    #left td{width:25%;vertical-align:top;border-width:0 1px}

    #left .double{border-left:0;width:50%}

    #left
li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px
 dashed #CCC;counter-increment:Zzindex}

    #left
li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}

    #left li:after{content:"
";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}

    #left li:nth-child(1):before,#left li:nth-child(1):after{background:red}

    #left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}

    #left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}

    #left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}

    #left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}

    #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}

    #active_topics a,#viewed_topics a{width:70%}

    #left #recent_topics a{width:80%}

    #left
.lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}

    #left ul,#left th{padding-left:34px;padding-right:10px;margin:0}

    #left ul{height:114px}

    #left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}

    #left .changeLast,#left th h2{color:#777}

    #left th{width:25%;vertical-align:middle}

    th.topicLast{border-top:1px solid #F3F3F3!important}

    th.double{text-align:left}

    #recent_topics li{margin:.5px 0}

    #left #recent_topics .lastRight{width:20%!important}

    .half li:nth-child(6),.half li:nth-child(7),.half
li:nth-child(8),.half li:nth-child(9),.half
li:nth-child(10),#active_starters,#users_month{display:none}

    /* Tooltip */

    #tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}

        <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>                  <table cellpadding="0" cellspacing="0"width="100%" class="three-col">                   <tbody>                        <tr>                          <td valign="top" width="{C1SIZE}">                              <div id="{ID_LEFT}">                                <!-- BEGIN giefmod_index1 -->                                {giefmod_index1.MODVAR}                                    <!-- BEGIN saut -->                                    <div style="height:{SPACE_ROW}px"></div>                                    <!-- END saut -->                                <!-- END giefmod_index1 -->                              </div>                          </td>                         <td valign="top" width="100%"><!-- BEGIN html_validation --> 

          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>                  <table cellpadding="0" cellspacing="0"width="100%" class="three-col">                   <tbody>                        <tr>                                      <table class="tborder"cellpadding="6" cellspacing="1" border="0" width="100%"align="center"><thead> <tr valign="top"> <tdclass="tcat" align="right" colspan="3">                    <span id="cybstatsoptions_o"> إحصائيات المنتدى </span> </td> </tr> </thead> <tbodyid="collapseobj_cyb_fh_stats" style=""><tralign="center">  <td class="thead" width="25%">أفضل الأعضاء هذا الشهر</td> <td class="thead" width="50%"><div align="center">أخر المشاركات</div></td> <tdclass="thead" with="25%">أفضل الأعضاء هذا الأسبوع</td></tr> <tr valign="top">                                                        <!-- BEGIN giefmod_index1 -->                                    {giefmod_index1.MODVAR}                                        <!-- BEGIN saut -->                                        <div style="height:{SPACE_ROW}px"></div>                                        <!-- END saut -->                                    <!-- END giefmod_index1 -->                                                                              </tr> </tbody> </table> <br />                                                                                                                                                                                                                                                                                                                </div></td></tr>                                <tr>                <td valign="top" width="100%"><!-- BEGIN html_validation -->                                   </td>                                </tr>                            </tbody>                        </table>                    </div>                </div>            </td>        </tr>    </table></body></html><!-- END html_validation -->

        <td class="alt2" width="50%"id="cybstats_lpdiv"style="padding:0px;margin:0px;border-width:0px;"rowspan="3">                                <!-- BEGIN classical_row -->    <table width="100%" border="0"cellspacing="0" cellpadding="0">    <tr>  <tdwidth="20"> </td><td width="80%"></td>  <tdwidth="20%"></td>  </tr>    <tr>      <td colspan="1"style="border-top: 0px none; padding: 0px; background:transparenturl(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif)no-repeat scroll center top; -moz-background-clip:border;-moz-background-origin: padding; -moz-background-inline-policy:continuous;" width="0"><imgsrc="http://2img.net/i/fa/empty.gif" border="0"width="24"></td>    <td style="line-height:18px;background: transparenturl(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif)repeat" width="80%" valign="top" colspan="2" > <divid="RefreshVDS_Main"><div id="RefreshVDS">  <!-- BEGIN recent_topic_row -->    <table class="c3zonee"width="100%" border="0" cellspacing="0" cellpadding="0"style="height:20px">                            <tdwidth="85%" nowrap="none">        <div style="font-size:11px;font-weight:bold">          <spanclass="ktrf"><a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></span>        </div>            </td>                 <td width="15%" align="right" nowrap="none">         <div style="font-size:11px;font-weight:bold">              <!-- BEGIN switch_poster -->            <a onmouseover="showtip('<b></b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>                      <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}            <!-- END switch_poster_guest -->       </div></td>                                    </div></div>        </table>              <!-- END recent_topic_row --><!-- END classical_row -->         </td>          </tr>

             <td class="alt2" width="25%"id="cybstats_udiv"style="padding:0px;margin:0px;border-width:0px;"><tablecellpadding="2" cellspacing="0" border="0" width="100%"align="center"><tr>  <!-- Code By Sam Hameed-->  <tr><td style="padding: 0px; background: rgb(255, 255, 255)none repeatscroll 0% 0%; -moz-background-clip: border;-moz-background-origin:padding; -moz-background-inline-policy: continuous;" width="100%"><table colspan="1"border="0" cellpadding="0" cellspacing="0"width="100%"><tr></td></tr><!-- Code By Sam Hameed--><tr valign="top"><td colspan="1" style="border-top:0px none; padding: 0px; background: transparenturl(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif)no-repeat scroll center top; -moz-background-clip:border;-moz-background-origin: padding; -moz-background-inline-policy:continuous;" width="24"><imgsrc="http://2img.net/i/fa/empty.gif" border="0"width="24"></td><!-- Code By Sam Hameed--><tdstyle="border-top: 0px none; padding: 0px; line-height:20px; background-repeat: repeat;"background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"width="98%" align="right"><!-- Code By Sam Hameed-->      <!-- BEGIN POSTER --><table border="0"cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="text-align: right;"><divclass="poster.name">{POSTER.NAME}</div> </td><tdstyle="text-align: left;"><divclass="poster.nb_posts">{POSTER.NB_POSTS}</div> </td></tr></tbody></table>  <!-- END POSTER -->        d-->

          <td class="alt2" width="25%"id="cybstats_udiv"style="padding:0px;margin:0px;border-width:0px;"><tablecellpadding="2" cellspacing="0" border="0" width="100%"align="center"><tr>  <!-- Code By Sam Hameed-->  <tr><td style="padding: 0px; background: rgb(255, 255, 255)none repeatscroll 0% 0%; -moz-background-clip: border;-moz-background-origin:padding; -moz-background-inline-policy: continuous;" width="100%"><table colspan="1"border="0" cellpadding="0" cellspacing="0"width="100%"><tr></td></tr><!-- Code By Sam Hameed--><tr valign="top"><td colspan="1" style="border-top:0px none; padding: 0px; background: transparenturl(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif)no-repeat scroll center top; -moz-background-clip:border;-moz-background-origin: padding; -moz-background-inline-policy:continuous;" width="24"><imgsrc="http://2img.net/i/fa/empty.gif" border="0"width="24"></td><!-- Code By Sam Hameed--><tdstyle="border-top: 0px none; padding: 0px; line-height:20px; background-repeat: repeat;"background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"width="98%" align="right"><!-- Code By Sam Hameed-->      <!-- BEGIN POSTER --><table border="0"cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="text-align: right;"><divclass="poster.name">{POSTER.NAME}</div> </td><tdstyle="text-align: left;"><divclass="poster.nb_posts">{POSTER.NB_POSTS}</div> </td></tr></tbody></table>  <!-- END POSTER -->        <!-- Code By Sam Hameed-->

    <div id="{ID_LEFT}">               <!-- BEGIN giefmod_index1 -->             {giefmod_index1.MODVAR}             <!-- BEGIN saut -->             <div style="height:{SPACE_ROW}px"></div>             <!-- END saut -->             <!-- END giefmod_index1 -->     </div>

{CHATBOX_TOP}

            <div id="{ID_LEFT}" class="main">
              <div class="main-head">
                  <div class="page-title">
                    <h2><a href="http://msoft.olympe.in">مايكل سوفت</a><br /></h2>
                  </div>
              </div>
                <div class="main-content">
                  <table cellspacing="0" class="table">
                    <tbody class="statused">
                        <!-- BEGIN giefmod_index1 -->
                        {giefmod_index1.MODVAR}
                        <!-- END giefmod_index1 -->
                    </tbody>
                  </table>
              </div>
              <script type="text/javascript">
                  //<![CDATA[
                  var versionMinor = parseFloat(navigator.appVersion),
                    versionMajor = parseInt(versionMinor),
                    IE = document.all && !window.opera && 7 > versionMajor,
                    IE7 = document.all && !window.opera && 7 <= versionMajor,
                    OP = window.opera,
                    FF = document.getElementById,
                    NS = document.layers;
                  function get_item(a, c) {
                    if (IE) return c ? window.opener.document.all[a] : document.all[a];
                    if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
                    if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
                  }
                  var current_tooltip;
                  function show_tooltip(a, c) {
                    var b = get_item("tooltip");
                    b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
                    b.style.zIndex = 1000;
                    b.style.position = "absolute";
                    b.innerHTML = "<p>" + c + "</p>";
                    b.style.visibility = "visible";
                    a.onmousemove = move_tooltip;
                    a.onmouseout = function() {
                        b.style.visibility = "hidden"
                    };
                    a.title = ""
                  }
                  var offsetxpoint = -60,
                    offsetypoint = 20,
                    real_body = document.compatMode && "BackCompat" !=
        document.compatMode ? document.documentElement : document.body,
                    real_body = document.documentElement ? document.documentElement : document.body;
                  function move_tooltip(a) {
                    var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
                        d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
                        b = IE && !window.opera ? real_body.clientWidth -
        event.clientX - offsetxpoint : window.innerWidth - a.clientX -
        offsetxpoint - 200,
                        e = IE && !window.opera ? real_body.clientHeight
        - event.clientY - offsetypoint : window.innerHeight - a.clientY -
        offsetypoint - 20,
                        f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
                    current_tooltip = get_item("tooltip");
                    current_tooltip.style.left = b <
        current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX -
        current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX -
        current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint
        + "px";
                    current_tooltip.style.top = e <
        current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY -
        current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset
        + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d +
        offsetypoint + "px"
                  }
                  $("#recent_topics li a:first-child").mouseover(function() {
                    show_tooltip(this, $(this).next().html())
                  });
                  $("#active_topics a, #viewed_topics a").mouseover(function() {
                    show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
                  }).after(function() {
                    return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
                  });
                  $(".changeLast").change(function() {
                    $(".half.group_" + $(this).data("group")).hide();
                    $("#" + this.value).show();
                  });
                  //]]>
              </script>
            </div>

    <!-- BEGIN classical_row -->       <tr>        <th class="double">           <h2>اجدد المواضيع              <span class="right">اخر رد</span>           </h2>        </th>        <th>           <select class="changeLast" data-group="post">              <option value="top_posters">افضل المشاركين</option>              <option value="active_starters">الاكثر نشاطا</option>           </select>        </th>        <th>           <select class="changeLast" data-group="time">              <option value="users_week">الاعضاء الاكثر نشاطا لهذا الاسبوع</option>              <option value="users_month">الاعضاء الاكثر نشاطا لهذا الشهر</option>           </select>        </th>     </tr>       <td class="double" rowspan="3">           <ul id="recent_topics">              <!-- BEGIN recent_topic_row -->              <li>                 <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>                 <div class="tooltip_data" style="display:none">                    <p>                       <span style="color:red">الموضوع</span>: {classical_row.recent_topic_row.L_TITLE}                    </p>                    <p>                       <span style="color:blue">وقت الانشاء</span>: {classical_row.recent_topic_row.S_POSTTIME}                    </p>                 </div>                   <!-- BEGIN switch_poster -->                 <a class="lastRight" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>                 <!-- END switch_poster -->                 <!-- BEGIN switch_poster_guest -->                 <span class="lastRight">                    {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}                 </span>                 <!-- END switch_poster_guest -->              </li>              <!-- END recent_topic_row -->           </ul>        </td>     <!-- </tr> -->     <!-- END classical_row -->

    <tr>          <th class="topicLast">           <h2>الاكثر ردودا</h2>        </th>        <th class="topicLast">           <h2>الاكثر مشاهدات</h2>        </th>     </tr>     <tr>        <td>           <ul id="active_topics" class="half">              <!-- BEGIN TOPIC -->              <li>                 <span style="display:none">{TOPIC.TITLE}</span>                 <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>              </li>              <!-- END TOPIC -->           </ul>        </td>     <!--</tr>-->

    <!--<tr>-->          <td>           <ul id="viewed_topics" class="half">              <!-- BEGIN TOPIC -->              <li>                 <span style="display:none">{TOPIC.TITLE}</span>                 <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>              </li>              <!-- END TOPIC -->           </ul>        </td>     </tr>

<!--<td>-->   <ul id="active_starters" class="half group_post">  <!-- BEGIN POSTER -->  <li>  {POSTER.NAME}  <span class="lastRight">  {POSTER.NB_TOPICS}  </span>  </li>  <!-- END POSTER -->  </ul>  </td>

    <!--<tr>-->          <!--<td>-->             <ul id="users_month" class="half group_time">              <!-- BEGIN POSTER -->              <li>                 {POSTER.NAME}                 <span class="lastRight">                    {POSTER.NB_POSTS}                 </span>              </li>              <!-- END POSTER -->           </ul>        </td>     </tr>

    <td>          <ul id="users_week" class="half group_time">           <!-- BEGIN POSTER -->           <li>              {POSTER.NAME}              <span class="lastRight">                 {POSTER.NB_POSTS}              </span>           </li>           <!-- END POSTER -->        </ul>     <!--</td>-->

    <td>          <ul id="top_posters" class="half group_post">           <!-- BEGIN POSTER -->           <li>              {POSTER.NAME}              <span class="lastRight">                 {POSTER.NB_POSTS}              </span>           </li>           <!-- END POSTER -->        </ul>     <!--</td>-->

  /* مايكل سوفت */
    #content-container div#main{margin-bottom:0}
    *+ html #content-container div#main{margin-right:0;margin-left:10}
    #content-container div#left{float:left;width:100%}
    #left{margin:15px 0}
    #left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
    #left a{text-decoration:bold}
    #left td{width:25%;vertical-align:top;border-width:0 1px}
    #left .double{border-left:0;width:50%}
    #left li{position:relative;width:100%; list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #000000!important;counter-increment:Zzindex}
    #left li:before{content:counter(Zzindex);display:block;height:16px;background:#000;position:absolute;right:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
    #left li:after{content:"";background:#74F3FF;display:block;width:6px;height:6px;position:absolute;top:10px;right:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
    #left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
    #left li:nth-child(2):before,#left li:nth-child(2):after{background:#FF9300}
    #left li:nth-child(3):before,#left li:nth-child(3):after{background:#FFC700}
    #left li:nth-child(4):before,#left li:nth-child(4):after{background:#FFF100}
    #left li:nth-child(5):before,#left li:nth-child(5):after{background:#E9FE01}
    #left li:nth-child(6):before,#left li:nth-child(6):after{background:#BBFF00}
    #left li:nth-child(7):before,#left li:nth-child(7):after{background:#75FF00}
    #left li:nth-child(8):before,#left li:nth-child(8):after{background:#0DFA05}
    #left li:nth-child(9):before,#left li:nth-child(9):after{background:#03FC8E}
    #left li:nth-child(10):before,#left li:nth-child(10):after{background:#01FEC4}
    #left li:nth-child(11):before,#left li:nth-child(11):after{background:#01F8FE}
    #left li:nth-child(12):before,#left li:nth-child(12):after{background:#01C9FE}
    #left li:nth-child(13):before,#left li:nth-child(13):after{background:#0084FF}
    #left li:nth-child(15):before,#left li:nth-child(15):after{background:#001AFF}
    #left li:nth-child(16):before,#left li:nth-child(16):after{background:#7E00FF}
    #left li:nth-child(17):before,#left li:nth-child(17):after{background:#C200FF}
    #left li:nth-child(18):before,#left li:nth-child(18):after{background:#C200FF}
    #left li:nth-child(19):before,#left li:nth-child(19):after{background:#E51ADA}
    #left li:nth-child(20):before,#left li:nth-child(20):after{background:#9A40BF}
    #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
    #active_topics a,#viewed_topics a{width:70%}
    #left #recent_topics a{width:80%}
    #left .lastRight{left:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;right:auto}
    #left ul,#left th{padding-left:0px;padding-right:25px;margin:0}
    #left ul{height:114px}
    #left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
    #left .changeLast,#left th h2{color:#FFFFFF}
    #left th{width:30%;vertical-align:right}
    th.topicLast{border-top:1px solid #FFFFFF!important}
    th.double{text-align:right}
    #recent_topics li{margin:.0px 0}
    #left #recent_topics .lastRight{width:20%!important}
    .half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
    /* Tooltip */
    #tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
  /* مايكل سوفت */

align:center;width:18px;color:#FFF;line-height:16px}