مشكلة بشكل صفحة المواضيع

السلام عليكم ورحمة الله وبركاتة 

الحين انا عندي مشكلة بكل التصاميم اللي اركبها بمنتداي (تومبيلات)

اي تصميم بركبة بيكون هذا شكل  صفحة المواضيع 



مع العلم ان اكواد التومبيلات صحيحة والخطأ مش منها 

لأن نفس التصميم بركبه على منتدى آخر وبيكون شكله هكذا 



وتمت التجربه على  اكثر من 3 تصاميم تومبيلات مختلفه

مرحباص بك عزيزي

ينقل الى قسم التومبلايت +

بالأضافة ادرج لي قالب topics_list_box مع css المنتدى 
للتعديل :

الكود:

<!-- بداية اطار علوي -->
 <div class="border_bg">
<div class="border_r"></div>
<div class="border_l"></div>
</div>
<div class="border_bg_c">
<div class="border_bg_r">
<div class="border_bg_l">
<!-- / نهاية اطار علوي -->
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thead" colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap">&nbsp;{topics_list_box.row.L_TITLE}&nbsp;</th>
      <th class="thead" align="center" nowrap="nowrap" width="80">&nbsp;{topics_list_box.row.L_REPLIES}&nbsp;</th>

      <th class="thead" align="center" nowrap="nowrap" width="50">&nbsp;{topics_list_box.row.L_VIEWS}&nbsp;</th>
      <th class="thead" align="center" nowrap="nowrap" width="100">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</th>

          <!-- BEGIN multi_selection -->
      <th class="thead" align="center" nowrap="nowrap" width="20" ><input  onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="thead" class="alt1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="thead" class="alt2" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">&nbsp;<b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
  <div class="topictitle">
    {topics_list_box.row.END_TABLE_STICKY}</div>
   <tr>
      <!-- BEGIN single_selection -->
      <td class="alt1" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="alt2" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="alt1" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="alt2" onmouseover='this.className="alt1"' onmouseout='this.className="alt2"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
       </span>
                          <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree -->
                          <br/> <br/>  <font size="1" color="Navy" face="tahoma">كاتب الموضوع: </font>
 </span><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
                  </td>

      <td class="alt1" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="alt2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="alt1" onmouseover='this.className="alt1"' onmouseout='this.className="alt1"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
      
                  <!-- BEGIN multi_selection -->
      <td class="alt1" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="alt2" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="thead" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td>&nbsp;<span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
 


          <!-- بداية اطار سفلي -->
</div>
</div>
</div>
<div class="border_f_bg">
<div class="border_f_r"></div>
<div class="border_f_l_1"></div>
<div class="border_f_l_2"></div>
</div>
<br />
<!-- / نهاية اطار سفلي -->

وهذا الـ css 

الكود:

/*a7medvirus Tutorial*/
    .code{
  background:#F5F5F5 url(http://i16.servimg.com/u/f16/15/04/02/38/page_w10.png)6px 6px no-repeat;
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    } 
/*by: Traid web*/
.genmed{-moz-border-radius:7px;-webkit-border-radius:7px;background:#F5F5F5 url()6px 6px no-repeat;background-color:#ededed;border:1px solid #C3C3C3;border-radius:7px;border-style:solid;border-width:1px;box-shadow:inset 0 0 7px 4px#e8e8e8;color:#000;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;line-height:125%;overflow:hidden}
  .div.title {
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        text-align:center;
        }

.quote{-moz-border-radius:7px;-webkit-border-radius:7px;background:#F5F5F5 url(http://i16.servimg.com/u/f16/15/04/02/38/quote_10.png)6px 6px no-repeat;background-color:#ededed;border:1px solid #C3C3C3;border-radius:7px;border-style:solid;border-width:1px;box-shadow:inset 0 0 7px 4px#e8e8e8;color:#000;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;line-height:125%;overflow:hidden}

  /* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 18px;

font-weight: bold;
font-family:
 Traditional Arabic;
}

#avatar img{
max-height: 27px;
max-width:  27px;
border:  1px solid #4F4F4F;
border-radius: 4px;    }

#a7la55-avatar img{
max-height: 22px;
max-width:  22px;
      float:right;
border:  1px solid #4F4F4F;
border-radius: 4px; 
    }
.AVATAR img {
        height: 220px;
        width: 165px;
    }

.a7la7ekaya img {
        height: 100px;
        width: 100px;
    }

.ahla7ekaya img {
        height: 500px;
        width: 500px;
    }

#a7la88-avatar img{
max-height: 30px;
max-width:  30px;
      float:right;
border:  1px solid #4F4F4F;
border-radius: 4px; 
    } 

.AVATAR img {
        height: 220px;
        width: 165px;
    }

.a7la7ekaya img {
        height: 100px;
        width: 100px;
    }


  .gowetobilobed-offlinebutton {
background-color:transparent;
background-image:url("http://i66.servimg.com/u/f66/11/66/00/43/user_o11.gif");
background-position:center center;
background-repeat:no-repeat;
border:medium none;
height:ارتفاع الايقونةpx;
min-height:ارتفاع الايقونةpx;
min-width:عرض الايقونةpx;
width:عرض الايقونةpx;
}

.offlinebutton{background-color:transparent;background-image:url(http://i66.servimg.com/u/f66/11/66/00/43/user_o11.gif);background-position:center center;background-repeat:no-repeat;border:medium none;height:50px;min-height:50px;min-width:50px;width:50px}


body
{
   background: #f1f1f1;
   color: #000000;
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   
   
}
a:link, body_alink
{
   color: #007ca6;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #007ca6;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #FF4400;
   text-decoration: none;
}
.page
{
   background: #f1f1f1;
   color: #000000;
}


td.row2,td.row1.over:hover {
   background: #f5f5f5;
   color: #0000CC;
   font: bold 12pt Arial;
   border-left:1px solid #d3d3d3;
   border-top: 1px solid #d3d3d3;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_110.gif);
   background-attachment:scroll;
   
   border-radius: 9px;
   -webkit-border-radius: 9px;
    -moz-border-radius:9px;
    }
td.row1,td.row3.over:hover {
   background: #dae1f0;
   color: #000066;
   font: bold 12pt Arial;
   border-left:1px solid #d3d3d3;
   border-top: 1px solid #d3d3d3;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_210.gif);
   background-attachment:scroll;
   
   border-radius: 9px;
   -webkit-border-radius: 9px;
    -moz-border-radius:9px;
    }
td.row3{
background: #f5f5f5;
   color: #0000CC;
   font: bold 12pt Arial;
   border-left:1px solid #d3d3d3;
   border-top: 1px solid #d3d3d3;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_110.gif);
   background-attachment:scroll;
   
   border-radius: 9px;
   -webkit-border-radius: 9px;
    -moz-border-radius:9px;
    }
   






/*------������ ������ ������ ��� ������� ����������������-------*/

.line-up-with-texts{
   background:#F4F4F4 url('http://i33.servimg.com/u/f33/17/43/85/13/pghe210.gif') repeat-x right;
   height:130px;
}
/*------������ ������ ������ ��� ������� �������-------*/

.line-dw-with-texts{
   background:#0076A9 url('http://i33.servimg.com/u/f33/17/43/85/13/pghead12.gif') repeat-x right;
   height:35px;
   color:#ffffff;
   position:relative;
   border-bottom:2px #2A85B6 solid;



}
/*---------���� ������-------*/

.logo{
   float:right;
}
/*---------����� ���� ������ ������� ������-------*/

.login-search{
   height:35px;
background-color:#e0e0e0;
color:#000000;
border-bottom:1px #000 dotted;
}




/*---------����������-------*/

.from-search{
   float:left;
   position:relative;
   height:35px;
   width:319px;
   background:url('http://i33.servimg.com/u/f33/17/43/85/13/from-s10.gif') no-repeat;
}
.text-search{
   position:absolute;
   left:78px;
   background: transparent;
   border:0px #989797 solid;
    font-family:Tahoma;
   font-size:11px;
   font-weight:normal;
   color:#656464;
   height:14px;
   top:6px;
   width:195px;
   padding:3px 2px 4px 0;


}
.searchsubmit{
   width:59px;
   height:24px;
   position:absolute;
   top:5px;
   background: transparent;
   border:0;
   left:12px;



}.searchsubmit:hover{

   background:url('http://i33.servimg.com/u/f33/17/43/85/13/search10.gif') no-repeat;
   width:53px;
   height:24px;


}

.link-h{
   float:right;
        height:30px;
   margin:0px;
   padding:0px;
width:100%;

}

.link-h li{
   float:right;
   list-style:  none;
   position:relative;

}
.link-h li a{
   display:block;
    font-family: Tahoma ;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
   line-height:30px;
    padding:2px 15px 2px 15px;
    text-decoration:none;
    height:30px;
   border-left:1px #095C81 solid;
   border-right:1px #1B97C9 solid;

}
.link-h li a:hover{
    color:#fff;
}
.hov:hover a{
    color:#fff;

}
.hov:hover{
   background: url('http://i33.servimg.com/u/f33/17/43/85/13/pghead10.gif') repeat-x right;
    height:35px;
   
}
.hov-home{
   background: url('http://i33.servimg.com/u/f33/17/43/85/13/pghead11.gif') repeat-x right;
   padding-top:2px;
   margin-left:4px;
   margin-right:4px;

}


/*---------����� ����� ������-------*/

.login-user{
   float:right;
   position:relative;
   height:35px;
   width:421px;
    background:url('http://i33.servimg.com/u/f33/17/43/85/13/login-12.gif') no-repeat;

}
.usernamee{
   top:7px;
   right:33px;
   position:absolute;
   width:102px;
   height:14px;
   background:transparent;
   border:0px;
    font-family:Tahoma;
   font-size:11px;
   font-weight:normal;
   color:#656464;
   padding:3px 2px 4px 0;


}
.passwordd{
   top:7px;
   right:170px;
   position:absolute;
   width:104px;
   height:14px;
   background:transparent;
   border:0px;
    font-family:Tahoma;
   font-size:11px;
   font-weight:normal;
   color:#656464;
   padding:3px 2px 4px 0;


}
.rememberr{
      top:9px;
   right:288px;
   position:absolute;

}
.login-enter{
   border:0px;
    top:6px;
   right:344px;
   position:absolute;
   height:24px;
   width:53px;
   background:transparent;

}
.login-enter:hover{
    background:url('http://i33.servimg.com/u/f33/17/43/85/13/login-10.gif') no-repeat;


}
/*---------����� �������-------*/

.login-cp{
   float:right;
   position:relative;
   height:35px;
   width:500px;
    background:url('http://i33.servimg.com/u/f33/17/43/85/13/login-11.gif') no-repeat;

}
.usernameee{
    position:absolute;
    width:200px;
    right:30px;
    top:10px;
    color:#484747;
    font-family:Tahoma;
   font-size:11px;
   font-weight:normal;

}
.usernameee a{
   color:#01719F;
}
.infoo{
   position:absolute;
    right:235px;
    top:10px;
    width:247px;
    font-family:Tahoma;
   font-size:11px;
   font-weight:normal;

}
.infoo a{
   color:#08b9ce;
}
/*---------����� ������� ���������-------*/

.texts-up{
   float:left;
   margin-left:10px;
   margin-top:15px;
   width:180px;

}
.texts-up ul{
   margin:0;
   padding:0;
   display:block;

}
.texts-up ul li{
   list-style:none;
   display:block;
   text-align:right;

}
.texts-up ul li a{
    display:block;
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 4px 3px;
    margin:2px;
   color:#3076A5 ;
   border-bottom:1px #D2D2D2  dotted;

}
.texts-up ul li a:hover{
   color:#F90510;
   text-decoration:underline;

}

.hedmenu{
  padding:3px;
  text-align:center;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  background-color:#E8E7E7;
  color:#fff;
  height:22px;
     background: url('../../images/hedmenu.png') no-repeat ;

}
.hedmenu:hover{
     background: url('../../images/hedmenu-hover.png') no-repeat ;

}

/*------����� ������� �������------*/

/*------����� ���� ������� �������� ������� �������------*/

.link-h li ul{
  position: absolute;
  right:-2px;
  display: none;
  top:35px;
  padding:0;
  width:230px;
  margin:0;

}
.link-h li:hover ul{
   display:block;
    border-left:1px solid #105C87;
    border-right:1px solid #105C87;
    border-bottom:1px  solid #105C87;
    background-color:#2F8ABA;


}
.link-h li li{
    text-align:right;

}
.link-h li li a{
    margin:1px 4px 1px 5px;
    width:190px;
    border-left:1px #105C87 solid;
    border-right:1px #105C87 solid;
    background-color:#2581B1;

}
.link-h li li a:hover{
   margin: 0;
    background: #479AC9;
    border-left:1px #267CAC solid;
    border-right:1px #267CAC solid;
    margin:1px 5px 1px 5px;

}
.h1{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/h110.png');
   background-repeat:repeat-x;
   height:323px;
   

}
.h2{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/h210.png');
   background-repeat:no-repeat;
   height:323px;
   width:508px;
   float:left;
   position:relative;
}
a.r2{
   position:absolute;
   height:30px;
   width:32px;
   left:33px;
   top:15px;
   
}
a.r3{
   position:absolute;
   height:30px;
   width:32px;
   left:81px;
   top:15px;
   
}
a.r4{
   position:absolute;
   height:30px;
   width:32px;
   left:125px;
   top:15px;
   
}
a.r5{
   position:absolute;
   height:30px;
   width:32px;
   left:170px;
   top:15px;
   
}
a.r6{
   position:absolute;
   height:30px;
   width:32px;
   left:215px;
   top:15px;
   
}

a.r7{
   position:absolute;
   height:30px;
   width:32px;
   left:260px;
   top:15px;
   
}

a.r8{
   position:absolute;
   height:30px;
   width:32px;
   left:305px;
   top:15px;
   
}
a.r9{
   position:absolute;
   height:30px;
   width:32px;
   left:348px;
   top:15px;
   
}


.h3{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/h311.png');
   background-repeat:no-repeat;
   height:323px;
   width:453px;
   float:right;
}

   


.f1{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/f110.png');
   background-repeat:repeat-x;
   height:165px;
   
}
.f2{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/f211.png');
   background-repeat:no-repeat;
   height:165px;
   width:183px;
   float:left;
   position:relative;
   
   
}
a.r1{
   position:absolute;
   height:30px;
   width:65px;
   left:90px;
   top:130px;
   
}
.f3{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/f310.png');
   background-repeat:no-repeat;
   height:165px;
   width:147px;
   float:right;
   
}
.f4{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/f411.png');
   background-repeat:no-repeat;
   height:165px;
   width:246px;
   margin:auto;
   
}


.w1{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/w110.png');
   background-repeat:repeat-x;
   height:16px;
   
}
.w2{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/w210.png');
   background-repeat:no-repeat;
   height:16px;
   width:49px;
   float:left;
   
}
.w3{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/w310.png');
   background-repeat:no-repeat;
   height:16px;
   width:49px;
   float:right;
   
}
.q1{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/q110.png');
   background-repeat:repeat-x;
   height:16px;
   
}
.q2{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/q210.png');
   background-repeat:no-repeat;
   height:16px;
   width:49px;
   float:left;
   
}
.q3{
   background-image:url('http://i33.servimg.com/u/f33/17/43/85/13/q310.png');
   background-repeat:no-repeat;
   height:16px;
   width:49px;
   float:right;
   
}
.body-z{
   background:transparent;
   color:#ffffff;
}
.z1{
   background:url('http://i33.servimg.com/u/f33/17/43/85/13/z110.png') repeat-y left center;
   padding-left:14px;
   
}
.z2{
   background:url('http://i33.servimg.com/u/f33/17/43/85/13/z210.png') repeat-y right center;
   padding-right:14px;
   
}
   

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* Postbit from Sadiq6210 */
.infouser {
    font: normal 11px "MS Sans Serif" ,Tahoma;
    color: #000;
    background-color: #FFF;
    letter-spacing: 0px;
    vertical-align: middle;
    padding: 1px 4px;
    border:1px dotted #6A581C;
    margin: 0px 0px 2px;
}
.avataruser img {
    border:1px dotted #6A581C;
    margin: 10px auto 0;
    padding: 5px;
} 

/* ***** H1 � H2 ����� ***** */


* vBulletin 3.8.7 CSS
* Style: 'ستايل منتديات احلى حكاية لخدمات الدعم الفنى لعام 2013 - CSS'; Style ID: 42
*/
body
{
   background: #f0f0f0;
   color: #1E4863;
   font: 7pt Tahoma;
   margin: 0px 0px 0px 0px;
   padding: 0px;
}
a:link, body_alink
{
   color: #1E4863;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #1E4863;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #CC0000;
   text-decoration: none;
}
.page
{
   background: #f0f0f0 url(http://i81.servimg.com/u/f81/17/86/26/69/b_g10.gif);
   color: #1E4863;
   font: 8pt Tahoma;
}
.page a:link, .page_alink
{
   text-decoration: none;
}
.page a:visited, .page_avisited
{
   text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
   text-decoration: none;
}
td, th, p, li
{
   font: bold 11pt Arial;
}
.tborder
{
   background: #E3E3E3;
   color: #000066;
   font: 8pt Tahoma;
   border-left:1px solid #E3E3E3;
   border-top: 1px solid #E3E3E3;
   border-right: 1px solid #E3E3E3;
   border-bottom: 1px solid #E3E3E3;
}
.tcat
{
   background: #2e5271 url(http://i81.servimg.com/u/f81/17/86/26/69/top_110.gif);
   color: #FFFFFF;
   font: bold 12pt Arial;
   border-left:1px solid #5290AC;
   border-top: 1px solid #5290AC;
   border-right: 1px solid #376B87;
   border-bottom: 1px solid #376B87;
}
.tcat a:link, .tcat_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #FFCC00;
   text-decoration: none;
}
.thead
{
   background: #EAEAEA url(http://i81.servimg.com/u/f81/17/86/26/69/top_210.gif);
   color: #000066;
   font: bold 11pt Arial;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   
   border-radius: 5px;
   -webkit-border-radius: 5px;
    -moz-border-radius:5px;
}
.thead a:link, .thead_alink
{
   color: #000066;
   text-decoration: none;
}
.thead a:visited, .thead_avisited
{
   color: #000066;
   text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #0000FF;
   text-decoration: none;
}
.tfoot
{
   background: #2e5271 url(http://i81.servimg.com/u/f81/17/86/26/69/top_110.gif);
   color: #FFFFFF;
   font: 8pt Tahoma;
   border-left:1px solid #5290AC;
   border-top: 1px solid #5290AC;
   border-right: 1px solid #376B87;
   border-bottom: 1px solid #376B87;
}
.tfoot a:link, .tfoot_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #FFCC00;
   text-decoration: none;
}
.alt1, .alt1Active
{
   background: #f5f5f5;
   color: #0000CC;
   font: bold 12pt Arial;
   border-left:1px solid #d3d3d3;
   border-top: 1px solid #d3d3d3;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_110.gif);
   background-attachment:scroll;
   
   border-radius: 9px;
   -webkit-border-radius: 9px;
    -moz-border-radius:9px;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
   color: #000066;
   text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
   color: #0000CC;
   text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
   color: #000066;
   text-decoration: none;
}
.alt2, .alt2Active
{
   background: #dae1f0;
   color: #000066;
   font: bold 12pt Arial;
   border-left:1px solid #d3d3d3;
   border-top: 1px solid #d3d3d3;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_210.gif);
   background-attachment:scroll;
   
   border-radius: 9px;
   -webkit-border-radius: 9px;
    -moz-border-radius:9px;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
   color: #000066;
   text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
   color: #000066;
   text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
   color: #0000CC;
   text-decoration: none;
}
.inlinemod
{
   background: #f5f5f5;
   color: #000066;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   border-bottom: 1px solid #fad37c;background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_110.gif);
   background-attachment:scroll;
}
.inlinemod a:link, .inlinemod_alink
{
   text-decoration: none;
}
.inlinemod a:visited, .inlinemod_avisited
{
   text-decoration: none;
}
.inlinemod a:hover, .inlinemod a:active, .inlinemod_ahover
{
   text-decoration: none;
}
.wysiwyg
{
   background: #f5f5f5;
   color: #000066;
   font: bold 12pt Arial;
   background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_110.gif);
   background-attachment:scroll;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #000066;
   text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #000066;
   text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #0000CC;
   text-decoration: none;
}
textarea, .bginput
{
   background: #EAEAEA url(http://i81.servimg.com/u/f81/17/86/26/69/a_110.gif);
   font: bold 12pt Arial;
}
.bginput option, .bginput optgroup
{
   font-size: 12pt;
   font-family: Arial;
}
.button
{
   background: #EAEAEA url(http://i81.servimg.com/u/f81/17/86/26/69/top_210.gif);
   color: #000066;
   font: bold 12pt Arial;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
}
select
{
   font: 8pt Tahoma;
}
option, optgroup
{
   font-size: 8pt;
   font-family: Tahoma;
}
.smallfont
{
   font: 8pt Tahoma;
}
.time
{
   color: #CC0000;
}
.highlight
{
   font-weight: bold;
}
.fjsel
{
   background: #000066;
   color: #f5f5f5;
}
.fjdpth0
{
   background: #f5f5f5;
   color: #000066;
}
.panel
{
   background: #f5f5f5;
   color: #01203C;
   font: bold 11pt Arial;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
}
.panel a:link, .panel_alink
{
   text-decoration: none;
}
.panel a:visited, .panel_avisited
{
   text-decoration: none;
}
.panel a:hover, .panel a:active, .panel_ahover
{
   text-decoration: none;
}
.panelsurround
{
   background: #f5f5f5;
   color: #000066;
   font: bold 11pt Arial;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
}
legend
{
   color: #000066;
   font: 8pt Tahoma;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
}
.vbmenu_control
{
   background: #2e5271 url(http://i81.servimg.com/u/f81/17/86/26/69/top_110.gif);
   color: #FFFFFF;
   font: bold 11pt Arial;
   border-left:1px solid #8dcae7;
   border-top: 1px solid #8dcae7;
   border-right: 1px solid #0c2844;
   border-bottom: 1px solid #0c2844;
   
   
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FFCC00;
   text-decoration: none;
}
.vbmenu_popup
{
   background: #f5f5f5;
   color: #000066;
   font: bold 11pt Arial;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   background-position: top right;
   background-repeat: repeat-x;
   background-image: url(http://i81.servimg.com/u/f81/17/86/26/69/a_110.gif);
   background-attachment:scroll;
}
.vbmenu_option
{
   background: #2e5271 url(http://i81.servimg.com/u/f81/17/86/26/69/top_110.gif);
   color: #FFFFFF;
   font: bold 11pt Arial;
   border-left:1px solid #5290AC;
   border-top: 1px solid #5290AC;
   border-right: 1px solid #376B87;
   border-bottom: 1px solid #376B87;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #FFCC00;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #EAEAEA url(http://i81.servimg.com/u/f81/17/86/26/69/top_210.gif);
   color: #000066;
   font: bold 11pt Arial;
   border-left:1px solid #D8D8D8;
   border-top: 1px solid #D8D8D8;
   border-right: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #000066;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #000066;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #0000CC;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
html
{
scrollbar-3dlight-color:#1B6892;
scrollbar-shadow-color:#1B6892;
scrollbar-face-color: #1B6892;
scrollbar-base-color: #1B6892;
scrollbar-darkshadow-color:#d6d6d6;
scrollbar-highlight-color:#d6d6d6;
scrollbar-arrow-color: #d6d6d6;
scrollbar-track-color #d6d6d6;
}


fieldset{border:1px solid #61a1c8;padding:12px;}



/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}

#tags h1 {
font-size: 19px;
color: blue dark;
font-weight: bold;
}

#tags h2 {
font-size: 17px;
color: blue dark;
font-weight: bold;
}


.header_bg {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate10.jpg');
   background-repeat: repeat-x;
   height: 320px;
}
.header_c {
   background-image: url('http://i21.servimg.com/u/f21/17/51/17/86/_o_oa_10.jpg');
   background-repeat: no-repeat;
   height: 320px;
   width: 636px;
   position: relative;
   margin-right: auto;
   margin-left: auto;
}

.link_1 {
   position: absolute;
   height: 20px;
   width: 57px;
   right: 50px;
   top: 10px;
}
.link_2 {
   position: absolute;
   height: 20px;
   width: 57px;
   right: 130px;
   top: 10px;
}
.link_3 {
   position: absolute;
   width: 57px;
   height: 20px;
   right: 213px;
   top: 10px;
}
.link_4 {
   position: absolute;
   width: 57px;
   height: 20px;
   right: 292px;
   top: 10px;
}
.link_5 {
   position: absolute;
   width: 57px;
   height: 18px;
   bottom: 63px;
   right: 115px;
}
.link_6 {
   position: absolute;
   width: 60px;
   height: 18px;
   right: 198px;
   bottom: 63px;
}
.link_7 {
   position: absolute;
   width: 69px;
   height: 18px;
   right: 280px;
   bottom: 63px;
}
.link_8 {
   position: absolute;
   width: 67px;
   height: 18px;
   bottom: 64px;
   left: 200px;
}
.link_9 {
   position: absolute;
   width: 67px;
   height: 18px;
   bottom: 64px;
   left: 114px;
}
.link_10 {
   position: absolute;
   width: 30px;
   height: 30px;
   top: 3px;
   left: 110px;
}
.link_11 {
   position: absolute;
   width: 30px;
   height: 30px;
   top: 3px;
   left: 75px;
}
.link_12 {
   position: absolute;
   width: 30px;
   height: 30px;
   top: 2px;
   left: 42px;
}

.border_bg {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate11.jpg');
   background-repeat: repeat-x;
   height: 36px;
}
.border_r {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate12.jpg');
   background-repeat: repeat;
   float: right;
   height: 36px;
   width: 70px;
}
.border_l {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate13.jpg');
   background-repeat: no-repeat;
   height: 36px;
   width: 44px;
   float: left;
}


.border_f_bg {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate14.jpg');
   background-repeat: repeat-x;
   height: 56px;
}


.border_f_r {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate15.jpg');
   background-repeat: no-repeat;
   height: 56px;
   width: 70px;
   float: right;
}
.border_f_l_1 {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate16.jpg');
   background-repeat: no-repeat;
   height: 56px;
   width: 44px;
   float: left;
}
.border_f_l_2 {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate17.jpg');
   background-repeat: no-repeat;
   height: 56px;
   width: 236px;
   float: left;
}
.border_bg_c{
   background:transparent;
   color:white;
}
.border_bg_r{
   background: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate18.jpg') repeat-y right center;
   padding-right:70px;
}
.border_bg_l{
   background: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate19.jpg') repeat-y left center;
   padding-left:44px;
}


.footer_bg {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate20.jpg');
   background-repeat: repeat-x;
   height: 48px;
}
.footer_r {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate21.jpg');
   background-repeat: no-repeat;
   height: 48px;
   width: 113px;
   float: right;
}
.footer_l {
   background-image: url('http://i81.servimg.com/u/f81/17/86/26/69/alfate22.jpg');
   background-repeat: no-repeat;
   height: 48px;
   width: 39px;
   position: relative;
   float: left;
}

.link {
   position: absolute;
   height: 32px;
   width: 34px;
   top: 12px;
   left: 4px;
}


/*-----Programming code byMahmoud TalaaT& sam hameed-----*/
    #lbOverlay{
      position:fixed;z-index: 999;
      left:0;
      top:0;
      width:100%;
      height:100%;
      Mahmoud TalaaT;
      background-color:#000;
      cursor:pointer;
    }
    #lbCenter,#lbBottomContainer{
      position:absolute;
    Mahmoud TalaaT;
      z-index: 999;overflow:hidden;
      background-color:#fff;
    }
    .lbLoading{
      background:#fff url(http://i27.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
    }
    #lbImage{
      position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
    #lbPrevLink,#lbNextLink{
      display:block;
    Mahmoud TalaaT;
      position:absolute;
      top:0;
      width:50%;
      outline:none;
    }
    #lbPrevLink{
      left:0;
    }
    #lbPrevLink:hover{
      background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
    }
    #lbNextLink{
      right:0;}
    #lbNextLink:hover{
      background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
    }
    #lbBottom{
      font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
      text-align:left;
      Mahmoud TalaaT;
      border:10px solid #fff;
      border-top-style:none;
    }
    #lbCloseLink{
      display:block;
      float:right;
      Mahmoud TalaaT;
      width:66px;height:22px;
      background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
      outline:none;
      Mahmoud TalaaT;
      margin:5px 0;
    }
    #lbCaption,#lbNumber{
      margin-right:71px;
    }
    .postbody img{
      max-width:450px;
    }
    /*-----Programming code byMahmoudTalaat&samhamed-----*/



 

اهلا، أعتقد المشكلة أخي في عدم ظهور عنوان الموضوع في آخر مساهمة، جرب أدخل الى مظهر المنتدى + الهياكل والتراتب + انزل اسفل
وانظر
اظهار عنوان موضوع آخر المساهمات في جدول "آخر مساهمة" على الصفحة الرئيسية : نعم لا