First topic message reminder:

Demo Image:

Information Skin:
Skin: Cites Ver 1.3
Host by forumotion
Skin by Chupy
Ver PunBB

Code:

Hurry so no time to save the file ^ ^
anyone used this skin up again for sure ^ ^

Viewtopic_body

Code:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
                if ($('#at15s').css('display') == 'block') {
                        addthis_close();
                        addthis_close();
                }
        });
});
//]]>
</script>
<style>
.pun .topic {
background: transparent;
border: none;
}
.pun .post .user {
float: left;
position: relative;
padding: 2px 10px 5px;
font-size: 11px;
display: block;
clear: both;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #97A4C2;
width: 14em;
margin: 5px;
background: #FAFAFA none;
margin-left: -18em;
overflow: visible;
}
  .postbody {
padding: 0 10px;
}
.pun .post .user .arrow {
width: 10px;
height: 21px;
float: right;
background: url(http://www.thoitrangsi.com/styles/plus/post_arrow.png) no-repeat;
margin-top: 30px;
z-index: 10;
position: absolute;
right: -10px;
}
.pun .postmain {
margin-left: 17em;
color: #3e3e3e;
border: 1px solid #97A4C2;
background: rgb(255, 255, 255) none;
border-radius: 3px;
}
.pun .posthead {
background-color: #F1F3F8;
border-bottom: 1px solid #97A4C2;
padding: 10px 10px 10px 0;
border-radius: 3px 3px 0 0;
}
  .posthead h2 {
font: normal 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: rgb(99, 95, 95);
}
  #pun-qpost .main-head, fieldset.frm-set dl dt {
display: none;
}
  #pun-qpost {
border: 1px solid #c4cde0 !important;
border-radius: 3px;
background: #fff;
}
#quick_reply .frm-buttons {
padding: 0;
border: 1px solid #b4bbcd;
background-color: #f2f2f2;
border-top: 1px solid #e6e6e6;
height: 30px;
margin: 0;
width: 773px;
line-height: 30px;
text-align: right;
}
  fieldset.frm-set dl dd, #text_editor_textare {
margin: 0 !important;
padding: 0 !important;
}
#text_editor_textarea {
padding: 10px;
border-radius: 0;
border-bottom: 0;
border-color: #b4bbcd;
width: 753px !important;
margin-bottom: 0px !important;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
  .frm-buttons input[value="Send"] {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
background-color: #5b74a8;
border: 1px solid;
border-color: #29447e #29447e #1a356e;
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 13px;
color: #fff;
padding: 2px 16px;
}
  input[name="preview"] {
padding: 4px 13px;
border: none;
display: inline-block;
position: relative;
}
  input[name="preview"]:hover {
background-color: #eee;
border: 1px solid #999;
border-bottom-color: #888;
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
padding: 2px 12px;
}
  .dd-textarea::before {
background: none;
content: " ";
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 6px solid #b4bbcd;
z-index: 8;
position: relative;
border-top: 0px !important;
margin-top: -5px;
float: left;
margin-left: 20px;
}
.dd-textarea::after {
background: none;
content: " ";
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
border-top: 0px !important;
margin-top: -5px;
z-index: 10;
margin-left: -755px;
}
  button.button2, input.button2 {
background: none;
border: none;
padding: 4px 7px;
margin: 0;
}
button.button2:hover, input.button2:hover {
color: #133783;
background: #f1f1f1;
border: none;
}
  .main .main-content.frm, .pun .frm-form {
background-color: #fff;
border: none;
}
fieldset.frm-set {
border: none;
margin: 8px;
padding: 0;
width: 776px !important;
}
  .postfoot {
margin-left: 0;
}
  .pun .post {
border: none;
padding-bottom: 15px;
}
  .pun .posthead h2 strong::before {
content: "#";
margin-right: 2px;
}
  .user-basic-info a img {
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 1px #AEAEAE;
padding: 2px;
max-width: 120px;
}.user-basic-info {
text-align: center;
}
  .pun .user-ident .username {
display: block;
position: relative;
text-align: center;
padding-top: 5px;
}.pun .main .options {
display: block;
float: none;
}
</style><p class="posting" style="float: none;margin-bottom: 5px;">
                        <!-- BEGIN switch_user_authpost -->
                        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                        <!-- END switch_user_authpost -->


                        <!-- BEGIN switch_user_authreply -->
                        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                        <!-- END switch_user_authreply -->
                </p>       
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
        <ul>
                <!-- BEGIN switch_plus_menu -->
                <li>
                        <script type="text/javascript">//<![CDATA[
                                var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
                                var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                                var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                                var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                                var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                                var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                                insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                        //]]>
                        </script>
                </li>
                <!-- END switch_plus_menu -->
                <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
               
                <!-- BEGIN watchtopic -->
                <li>{S_WATCH_TOPIC}</li>
                <!-- END watchtopic -->
          <!-- BEGIN switch_twitter_btn -->
                <li><span id="twitter_btn" style="margin-left: 6px; ">
                        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                  </span></li>
                <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <li><span id="fb_likebtn" style="margin-left: 6px; ">
                        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
                  </span></li>
                <!-- END switch_fb_likebtn -->
        </ul>
</div>
<!-- END switch_user_logged_in -->


<div class="main paged">
                        <!-- BEGIN topicpagination -->
        <div class="paged-head clearfix">


                <p class="paging">{PAGINATION}</p>
          <br/><br/>
        </div>                <!-- END topicpagination -->
        {POLL_DISPLAY}
       
        <div class="main-content topic">
                <!-- BEGIN postrow -->
                        <!-- BEGIN displayed -->
                        <div class="post"{postrow.displayed.THANK_BGCOLOR}>
                                <a name="{postrow.displayed.U_POST_ID}"></a>
                                <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
                                        <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                                                <h2>
                                                        <strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                        {postrow.displayed.POST_DATE_NEW}
                                                </h2>
                                        </div>


                                        <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                                                <div class="user"><div class="arrow"></div>
                                                        <div class="user-ident">
                                                          <div class="username">{postrow.displayed.POSTER_NAME}<br/><span style="font-weight: normal;font-size: 11px;">{postrow.displayed.POSTER_RANK_NEW}</span>{postrow.displayed.ONLINE_IMG}</div>
                                                                <div class="user-basic-info">
                                                                        {postrow.displayed.POSTER_AVATAR}<br />
                                                                        {postrow.displayed.RANK_IMAGE}
                                                                </div>
                                                        </div>
                                                        <div class="user-info">
                                                               
                                                                <!-- BEGIN profile_field -->
                                                                {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                                                <!-- END profile_field -->
                                                                {postrow.displayed.POSTER_RPG}
                                                        </div>
                                                        <div class="user-contact">
                                                        {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                                                </div>
                                                </div>
                                        <p style="padding: 5px 0;">  <b>{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></b>        </p><hr style="width: 97%;border: none;  border-bottom: 1px solid #c8c8c8;">                <div class="post-entry">
                                          <div class="entry-content">
                                                                <!-- BEGIN switch_vote_active -->
                                                                <div class="vote gensmall">
                                                                        <!-- BEGIN switch_vote -->
                                                                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                                                                        <!-- END switch_vote -->


                                                                        <!-- BEGIN switch_bar -->
                                                                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                                                                <!-- BEGIN switch_vote_plus -->
                                                                                <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                                                <!-- END switch_vote_plus -->


                                                                                <!-- BEGIN switch_vote_minus -->
                                                                                <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                                                <!-- END switch_vote_minus -->
                                                                        </div>
                                                                        <!-- END switch_bar -->


                                                                        <!-- BEGIN switch_no_bar -->
                                                                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                                                                        <!-- END switch_no_bar -->


                                                                        <!-- BEGIN switch_vote -->
                                                                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                                                                        <!-- END switch_vote -->
                                                                </div>
                                                                <!-- END switch_vote_active -->
                                                                <div>
                                                                        <div>{postrow.displayed.MESSAGE}</div>
                                                                        <!-- BEGIN switch_attachments -->
                                                                        <dl class="attachbox">
                                                                                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                                                                <dd>
                                                                                        <!-- BEGIN switch_post_attachments -->
                                                                                        <dl class="file">
                                                                                                <dt>
                                                                                                        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


                                                                                                        <!-- BEGIN switch_dl_att -->
                                                                                                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                                                                                        <!-- END switch_dl_att -->


                                                                                                        <!-- BEGIN switch_no_dl_att -->
                                                                                                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                                                                                        <!-- END switch_no_dl_att -->
                                                                                                </dt>


                                                                                                <!-- BEGIN switch_no_comment -->
                                                                                                <dd>
                                                                                                        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                                                                                </dd>
                                                                                                <!-- END switch_no_comment -->


                                                                                                <!-- BEGIN switch_no_dl_att -->
                                                                                                <dd>
                                                                                                        <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                                                                                </dd>
                                                                                                <!-- END switch_no_dl_att -->                                                                <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                                                                        </dl>
                                                                                        <!-- END switch_post_attachments -->
                                                                                </dd>
                                                                        </dl>
                                                                        <!-- END switch_attachments -->
                                                                        <div class="clear"></div>
                                                                </div>
                                                                <p>
                                                                        {postrow.displayed.EDITED_MESSAGE}
                                                                </p>
                                                        </div>
                                                </div>
                                        </div>


                                        <!-- BEGIN switch_signature -->
                                        <div class="sig-content">
                                                {postrow.displayed.SIGNATURE_NEW}
                                        </div>
                                        <!-- END switch_signature -->


                                        <div class="postfoot">
                                               
                                                <div class="post-options">
                                                        {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                                                </div>
                                                <div style="clear:both;"></div>
                                        </div>
                                </div>
                        </div>
                        <!-- BEGIN first_post_br -->
                </div>
                <hr id="first-post-br" />
                <div class="main-content topic">
                        <!-- END first_post_br -->
                        <!-- END displayed -->
                        <!-- BEGIN hidden -->
                                <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
                        <!-- END hidden -->
                <!-- END postrow -->
        </div>


          <p style=" text-align: center;">                        <a href="{U_VIEW_OLDER_TOPIC}">« Xem bài viết trước</a>  |  <a href="{U_VIEW_NEWER_TOPIC}">Xem bài viết kế tiếp »</a>
                       
                </p>
         
         
        <div>
               
                <p class="options">
                        <input type="hidden" name="t" value="{TOPIC_ID}" />


                        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />


                        <!-- BEGIN viewtopic_bottom -->
                        {S_TOPIC_ADMIN}
                        <!-- END viewtopic_bottom -->
                </p>
        </div>


        <a name="bottomtitle"></a>


  <p class="posting" style="float: none;">
                        <!-- BEGIN switch_user_authpost -->
                        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                        <!-- END switch_user_authpost -->


                        <!-- BEGIN switch_user_authreply -->
                        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                        <!-- END switch_user_authreply -->
                </p>     
         
         
                          <!-- BEGIN topicpagination -->
        <div class="paged-foot clearfix">


                <p class="paging">{PAGINATION}</p>


        </div>
                <!-- END topicpagination -->
</div>


<div class="pun-crumbs">
        <p class="crumbs">
                <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
                <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
        </p>
</div>


<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
        <div class="main-head clearfix">
                <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
                <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
        </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
        <div class="main-head clearfix">
                <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
                <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
        </div>
        <div class="main-content clearfix">
                <!-- BEGIN link -->
                » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
                <!-- END link -->
        </div>
</div>
<!-- END promot_trafic -->


<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
        <div class="main-head clearfix">
                <p class="h2">{L_FORUM_RULES}</p>
        </div>
        <table class="main-content frm">
                <tr>
                        <!-- BEGIN switch_forum_rule_image -->
                        <td class="logo">
                                <img src="{RULE_IMG_URL}" />
                        </td>
                        <!-- END switch_forum_rule_image -->
                        <td class="rules entry-content">
                                {RULE_MSG}
                        </td>
                </tr>
        </table>
</div>
<!-- END switch_forum_rules -->


<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->


<div id="pun-info" class="main">
        <div class="main-content">
                <div id="stats">
                        <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
                </div>
        </div>
</div>


<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->


<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

overall_header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>

<body>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
   </div>
   <!-- END switch_login_popup -->

   <a id="top" name="top" accesskey="t"></a>

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
                 <div class="header">
                                    <div id="site-title"><h1><a href="http://www.cntt-k3.org" title="Diễn đàn Cntt-k3]">Cntt-k3</a> <span>Thế giới Công nghệ thông tin</span></h1></div><div id="access"><div class="menu-header"><div class="topmenu"><ul id="menu-myjourney-menu" class=""><li id="menu-item-3789" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-3789"><a href="http://www.cntt-k3.org">Home</a></li>
                                   
                               
                                   
                                    <li id="menu-item-3791" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3791">
                                   
                                      <a href="/forum">Index</a></li>
                                   
                                    <li id="menu-item-3792" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3792">
                                      <a href="/search">Tìm kiếm</a></li>
                                    <li id="menu-item-3793" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                      <a href="/memberlist">Thành viên</a></li>
                                                <!-- BEGIN switch_user_logged_in -->
                                        <li id="menu-item-3794" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                      <a href="/profile?mode=editprofile">Lí lịch</a></li>
                                   
                                        <li id="menu-item-3795" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                    <a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{PRIVATE_MESSAGE_INFO}</a></li>
                                                                            <li id="menu-item-3796" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                    <a href="/login?logout=1">Thoát</a></li>
                                                <!-- END switch_user_logged_in -->
                                   
                                                <!-- BEGIN switch_user_logged_out -->
                                        <li id="menu-item-3794" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                      <a href="/register">Đăng ký</a></li>
                                   
                                        <li id="menu-item-3795" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                          <a href="/login">Đăng nhập</a></li>
                                         
                                                <!-- END switch_user_logged_out -->
                                   
                                   
                                    </ul></div><ul class="IconsTop">
                               
                                  <li class="icon twitter"><a href="https://twitter.com/nguynanhdng2" target="_blank">
                                   
                                    <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_t11.png" alt=""></a>
                                    <em>Chào mừng các bạn đến với diễn đàn        http://www.cntt-k3.org/<br><div style="width:117px; float:right">
                                   

                                   
                                    </div></em></li>
                                   
                                    <li class="icon facebook"><a href="http://www.facebook.com/chu.py.71" target="_blank">
                                   
                                    <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_f11.png" alt=""></a></li>
                                     
                                      <li class="icon rss"><a href="/rss" target="_blank">
                                        <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_r11.png" alt=""></a></li></ul></div></div></div>
                                 
                                   
                                                                        <div id="main1">
                                            <div class="BgPaper">
                                           
               <div id="pun-head">
                  
               </div>

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker -->

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div></div>
      </div></div>
   </div></div>
</body>
</html>
<!-- END html_validation -->

CSS

Code:

body {
background: url(/users/1214/94/30/93/album/t10.png) top center repeat-x fixed,url(/users/1214/94/30/93/album/bg10.jpg) top center repeat fixed!important;
}








.rightStats {
border-left: 2px solid #CFC9C9;
margin: 0 10px 5px 70px;
max-height: 300px;
min-height: 50px;
overflow-x: hidden;
overflow-y: auto;
padding-left: 10px;
width: 828px;
}

.root{
height: auto;
width: 950px;
min-height: 100%;
margin-left: auto;
margin-right: auto;
}




.avs a.inx img {
  float: left;
  width: 40px;
  height: 40px;
  padding: 1px;
  border: 1px solid #DDD;
  margin: 0 5px;
  -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  max-width: 200px;
max-height: 200px;
}



/*rut ron chu ki*/
  .sig-content{clear:none;max-height:150px;overflow:hidden}.sig-content:hover{max-height:100%}
 .sig-content{clear:both;padding:.5em 1em;position:relative}
.sig-content .sig-line{border-color:#ddd;border-top-style:solid;border-top-width:1px;display:block;margin:0 auto;padding-bottom:.5em;width:250px}
 




#chatbox {
background: none #E7ECF2;
}


input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
font-family: inherit;
font-size: 11px;
color: black;
font-weight: bold;
padding: 0 8px;
height: 27px;
min-width: 54px;
background-color: #333;
border: 1px solid black;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}




/*----------------Header----------------*/
#chatbox_header{
margin: 0px !important;
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/untitl20.jpg) repeat-x !important;
border-bottom: 1px solid #c9c9c9;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}
h2.chatbox-title {
margin-top: 4px;
}
#chatbox_header .chat-title{
margin-bottom: -20px;
margin-left: -20px;
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/112_co11.png) no-repeat;
font-size: 14px;
cursor: default;
letter-spacing: -0.4em;
color: transparent;
}
#chatbox_header .chat-title:hover{
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/112.png) no-repeat;
letter-spacing: 2.1em;
}
#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
color: #9a9a9a !importat;
text-shadow: 1px 1px 1px #ffffff;
text-decoration:none;
font-family: Arial Black;
text-transform: uppercase;
}
#chatbox_main_options a:hover{
color: grey;
text-shadow: 1px 1px 1px #b8b8b8;
text-decoration:none !important;
font-family: Arial Black;
text-transform: uppercase;
}

#chatbox_main_options{
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
float: right;
border: 1px solid #c9c9c9;
margin-right: 50px;
margin-top: -10px;
padding: 2px 3px 1px 5px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 0px 4px #c6c6c6;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
}
#chatbox_main_options:hover {
margin-top: -1px;
}

ul#chatbox_main_options li, ul#chatbox_main_options li label, ul#chatbox_main_options li, ul#chatbox_main_options li a {
color: #9a9a9a !important;
text-shadow: 1px 1px 1px #ffffff;
}
/*----------------Members----------------*/
#chatbox_members {
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);
margin-bottom: -30px;
border-right: 1px solid #c9c9c9;
background-color: #ffffff;
}
#chatbox_members:hover {
border-right: 1px solid #b7b7b7;
background-color: #fcfcfc;
}
h4.member-title{
background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
font-family: Arial Black;
text-transform: uppercase;
color: #ffffff !important;
text-shadow: 0px 0px 3px black;
margin-top: 0px;
cursor: default;
letter-spacing: 0.5em;
}

#chatbox_members ul {
list-style: none;
margin: 0px;
}
#chatbox_members ul li {
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);
font-family: Arial Black;
font-weight: bold;
font-size: 14px;
color: #393939;
padding-left: 10px;
border-bottom: 1px solid #e2e2e2;
margin: 0px;
}

#chatbox_members ul li:hover {
background-color: #f4f4f4;
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');
background-repeat: no-repeat;
background-position: center left;
}
#chatbox_members ul li:active {
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png');
}
#chatbox_members ul li a {
text-shadow: 1px 1px 1px #ffffff;
font-size: 12px;
color: #909090;
text-decoration: none;
}
#chatbox_members ul li a:hover {
color: #393939;
text-decoration: none !important;
}
/*----------------ChatBox----------------*/

.chatbox_row_1, .chatbox_row_2 {
background-color: transparent !important;
}
.chatbox_row_1:hover, .chatbox_row_2:hover {
background-color: #ffffff !important;
border: 1px solid #c9c9c9;
border-radius: 5px;
-moz-border-radius: 5px;
margin: 5px;
-webkit-box-shadow: 0px 0px 4px #dcdcdc;
box-shadow: 0px 0px 3px #dcdcdc;
-moz-box-shadow: 0px 0px 3px #dcdcdc;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
background: -moz-linear-gradient(top, #ffffff, #f9f9f9);
}
.date-and-time {
color: #c3c3c3 !important;
font-style: italic !important;
font-size: 9px !important;
letter-spacing: -0.1em !important;
}
.user-msg {
font-family: Georgia !important;
color: #8c8c8c !important;
}

.user-msg a:hover {
color: #000000 !important;
text-decoration: none !important;
}

/*----------------Footer----------------*/

#chatbox_messenger_form {
width: 650px;
float: none !important;
bottom: 0px ;
position: fixed;
z-index: 999;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
-webkit-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px -0px 4px #d4d4d4;
-moz-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
border-top: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 0px;
height: 30px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)) !important;
background: -moz-linear-gradient(top, #ffffff, #e2e2e2) !important;
}
#chatbox_messenger_form:hover {
border-top: 1px solid #a7a7a7;
border-left: 1px solid #a7a7a7;
border-right: 1px solid #a7a7a7;
}

#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}
label input#message {
height: 17px;
font-size: 12px;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
label input#message:hover {
border: 1px solid #b2b2b2;
background-color: #f5f5f5;
}
 label input#message:focus {
border: 1px solid #a4a4a4;
background-color: #e0fdff;
}
 input#submit_button {
cursor: pointer;
color: #929292;
font-family: Arial Black;
text-transform: uppercase;
font-size: 12px;
padding-left: 2px;
padding-right: 2px;
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
input#submit_button:hover {
color: #2c2c2c;
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
input#submit_button:active {
background:  url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}
.right {
padding-top: 4px !important;
}
#chatbox_footer {
border: 0px !important;
}













/*----------------|Xem ảnh = Clorbox|----------------*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro26.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/15/90/59/25/loadin12.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #fff;
  overflow: hidden;
  cursor: crosshair;
}.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/ovl1010.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/select10.gif);
  margin: -5px 0 0 -5px;
}.colorpicker_hue {
  position: absolute;
  top: 13px;

  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/indic110.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #fff;
}.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #fff;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/hex1010.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r, .colorpicker_rgb_g, .colorpicker_rgb_b {
  background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/rgb_r110.png);
}
.colorpicker_rgb_r {
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
  background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/h1010.png);
}
.colorpicker_hsb_h {
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/submit10.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider{
  background-position: bottom;
}

/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:600px;}












td.pamessage {
background-color: none;
border-top: none;
border-bottom: none;
color: #686868;
text-shadow: 1px 1px 0 white;
text-align: justify;
font-size: 11px;
}
.pamessage h6 {
margin: 3px;
font-size: 11px;
}
.papartenaire img {
width: 50px;
height: 18px;
}

div.msgaccueil {
background-color: #6C6C6C;
padding: 10px;
border-top: 1px solid white;
border-bottom: 1px solid white;
-webkit-box-shadow: inset 0 0 10px 5px #585858;
-moz-box-shadow: inset 0 0 10px 5px #585858;
box-shadow: inset 0 0 10px 5px #585858;
}
.msgaccueil #main {
margin: 10px auto;
width: 750px;
}
.msgaccueil #gallery {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
border-top: 1px solid white;
background: url(http://i14.servimg.com/u/f14/16/58/45/96/panel10.jpg) repeat-x bottom center #F0F0F0;
width: 750px;
overflow: hidden;
}
.msgaccueil #slides {
height: 280px;
width: 800px;
overflow: hidden;
}
.msgaccueil .slide {
float: left;
height: 200px;
width: 750px;
text-align: justify;
}
div.secondarytitle, td.secondarytitle {
width: 770px;
text-align: center;
background: url(http://i14.servimg.com/u/f14/16/58/45/96/catego10.png) no-repeat center center;
}
div.secondarytitle h2, td.secondarytitle h2 {
color: #109987;
text-shadow: 1px 1px 0 white;
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
font-weight: 400;
background: #F0F0F0;
}
.secondarytitle h2 {
color: white;
font-size: 12px;
font-family: arial, sans-serif;
font-weight: 700;
text-shadow: 1px 1px 0 black;
filter: dropshadow(color=#f2f1f1, offx=1, offy=1);
padding-left: 5px;
}
.msgaccueil #menu {
height: 45px;
}
.msgaccueil ul {
margin: 0;
padding: 0;
}
.msgaccueil .fbar {
width: 2px;
background: url(http://i14.servimg.com/u/f14/16/58/45/96/divide10.png) no-repeat right;
}
.msgaccueil li {
width: 60px;
display: inline-block;
list-style: none;
height: 45px;
overflow: hidden;
}
.msgaccueil li.act, .msgaccueil li.act:hover {
background: url(http://i14.servimg.com/u/f14/16/58/45/96/active10.png) no-repeat;
}
.msgaccueil li.act a {
cursor: pointer;
}
.msgaccueil li a {
display: block;
background: url(http://i14.servimg.com/u/f14/16/58/45/96/divide10.png) no-repeat right;
height: 37px;
padding-top: 8px;
cursor: pointer;
}
.msgaccueil a img {
border: none;
}






















.user-basic-info a img {
background: white;
border: 1px solid #CBCBCB;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
margin: 5px auto;
padding: 2px;
width: 68px;
 height:68px;
}





.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: 660px;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}




/* Bộ gõ mudim */
#mudimPanel {
font: 10pt Tahoma;
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;
background: white url('http://i48.servimg.com/u/f48/13/58/60/43/go1010.jpg') no-repeat right center!important;
-moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20);
top: 604px!important;
left: -340px!important;
width: 330px!important;
height: 47px!important;
padding: 4px 26px 4px 10px!important;
font-size: 10px!important;
font-weight: bold!important;
}
#mudimPanel:hover {
-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);
left:-5px!important;
}
#smiley-box {width: 100%;}






.leftrecent  a:hover {
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
margin: 0 0 0 20px;
}

a:hover {
color: #090;
text-decoration: none;
font-style: italic;
text-shadow: black 3px 3px 5px;
}




#main .module-advert .main-content {
background-color: transparent;
border: 1px solid transparent;
}
#main .module-advert {
opacity: 0.1;
}

.title_stats a:hover {
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
margin: 0 0 0 20px;
}

a:hover {
color: #090;
text-decoration: none;
font-style: italic;
text-shadow: black 3px 3px 5px;
}








/* vote */
#profile-advanced-details .autobot{color:#2220fb!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}
.post .post-options{height:22px;position:relative}
.hihi {background-color: #1F537B;color: #DEDFDF;font-weight: 400;padding: 0.7em 0.1em;}
.numtopF{margin-right:-12px!important}
a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox'],#left,#textarea_content dt,#dulieutip,#dulieupostter,#sapxepdulieu{display:none}



.ost,.share,.c3zvau .qua,.no{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;padding:5px 8px 5px 25px}
.share{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}

.no .vop{background:url(http://i42.servimg.com/u/f42/17/92/41/65/discou10.png) no-repeat left center;padding:0 0 0 18px}
.no .vom{background:url(http://i42.servimg.com/u/f42/17/92/41/65/discou11.png) no-repeat left center;padding:0 0 0 18px}
.vote-button{float:left;width:60px}
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zplus {
background: url(http://i42.servimg.com/u/f42/17/92/41/65/discou10.png) no-repeat scroll 0 0 #E0E0E0;
background-position: 6px 36%;
background-repeat: no-repeat;
border: 1px solid #E0E0E0;
border-radius: 3px 3px 3px 3px;
color: white!important;
display: block;
float: left;
height: 13px;
margin: -4px 2px 0;
padding: 4px 4px 5px 24px;
position: relative;
text-align: left;
width: 25px;
}
.c3zminus {
background: url(http://i42.servimg.com/u/f42/17/92/41/65/discou11.png) no-repeat scroll #E0E0E0;
background-position: 6px 36%;
background-repeat: no-repeat;
border: 1px solid #CAD4E7;
border-radius: 3px 3px 3px 3px;
color: white!important;
display: block;
float: left;
height: 13px;
margin: -4px 0px 0;
padding: 4px 4px 5px 24px;
position: relative;
text-align: left;
width: 45px;
}










#access .menu-header li, div.menu li {
float: left;
position: relative;
padding-top: 0px;
margin: 0 7px;
}



#access .menu-header li.menu-item a {
padding: 0px 11px 0 11px;
}




.menu-item-home {
background: url("http://i48.servimg.com/u/f48/16/58/45/96/icon_h12.png") 50% -10% no-repeat;
text-indent: -5000px;
z-index: 2;
display: block;
height: 30px;
width: 30px;
}

.main .main-foot, .main .main-head {
background-color: white;
border-radius: 8px 8px 0 0;
margin-top: 15px;
color: #333;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
color: #293D4F;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
}


.pun .main-content {
background-color: white;
border: 1px solid #DDD;
}




.fCol-20, .fCol-21, .fCol-22, .fCol-23, .fCol-24, .fCol-25 {
float: left;
overflow: hidden;
}
.fCol-20 {
width: 124px;
}

.fCol-21 {
width: 308px;
  text-align: left;
}

.fCol-22 {
width: 74px;
  text-align: center;
}
.fCol-23 {
width: 44px;
  text-align: center;
}
.fCol-24 {
width: 124px;
  text-align: center;
}

.fCol-25 {
width: 124px;
  text-align: right;
}











div.module ol li em ei,et{
font-size: 0.8em;
float: left;
color: #7E8A9E;
width:50px
}
div.st_vertical {
position: relative;
float: left;
clear: both;
width: 820px;
color: #616161;
font: 13px/18px Arial, Helvetica, sans-serif;
}
div.module ol li em span {
font-size: 0.8em;
float: left;
color: #7E8A9E;
}
li.itemstast em a.username {
max-width: 100px;
overflow: hidden;
}
div.module ol li em a {
font-size: 0.85em;
text-align: right;
font-weight: bold;
color: #666;
float: right;

}
div.sort_num {
width: 23px;
height: 370px;
background: url(http://i48.servimg.com/u/f48/16/58/45/96/sortnu10.png) left center no-repeat;
position: absolute;
z-index: 999;
margin: -5px 0px 0px 134px;
}
li {
list-style: none;
}
div.st_vertical ul.st_tabs li {
float: left;
clear: both;
}
div.st_vertical ul.st_tabs a.st_tab_active {
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;
background: #F8F8F8;
box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
}
div.st_vertical ul.st_tabs li a {
display: block;
width: 110px;
height: 30px;
margin: 0px;
padding: 14px 0 14px 20px;
font-size: 11px;
color: #5C5C5C;
font-weight: bold;
line-height: normal;
text-decoration: none;
outline: none;
border-right: 1px solid #D0D9E2;
border-bottom: 1px solid #D0D9E2;
border-left: 1px solid #D0D9E2;
background: white url(/../../forum/styles/newcomic/img/v_tab_bg.jpg) repeat-x 0px 0px;
}
div.st_vertical ul.st_tabs li a span {
display: block;
clear: both;
font-weight: normal;
color: #838383;
padding-top: 3px;
}
div.st_vertical ul.st_tabs a.st_tab_active {
color: #FF6317;
font-size: 0.95em;
}
div.st_vertical div.st_slide_container {
position: relative !important;
float: left;
clear: both;
}
div.st_vertical {
color: #616161;
font: 13px/18px Arial, Helvetica, sans-serif;
}
div.st_vertical div.st_tabs_container {
position: relative;
z-index: 100;
float: left;
width: 132px;
height: 400px;
margin-right: -1px;
border-top: 1px solid #D0D9E2;
overflow: hidden;
}
div.st_vertical div.st_view_container {
position: relative;
z-index: 5;
height: 350px;
padding: 5px 10px;
line-height: 18px;
border: 1px solid #D0D9E2;
background: white;
}
div.st_vertical div.st_view {
position: relative;
height: 368px;
}
.xl ol, .xl ul {
list-style: none outside none;
}
div.module ol li {
background: #F9FBFD;
float: right;
height: 19px;
margin: 2px;
}
div.module ol li em {
float: right;
padding: 0px 5px 0px 5px;
width: 330px;
overflow: hidden;
}
div.module ol li .title_stats {
display: inline-block;
width: 310px;
overflow: hidden;

}







#pun-about {
  width: 770px!important;
margin: 0 auto!important;
float: none!important;
zoom: 1;
}






#access a:hover {
 border: 1px solid rgba(0,0,0,0.4);
  background:rgba(255,255,255,0.1);box-shadow: inset 0 0 1px rgba(255,255,255,1), 1px 1px 2px rgba(0,0,0,0.1);
}
 
 
  #footer {
color: #D1C1A6;
margin-left: 129px;
width: 826px;
padding-bottom: 2em;
overflow: auto;
font-family: YanoneKaffeesatz;
font-size: 16px;
}
#footer div.col {
float: left;
width: 210px;
margin-left: 15px;
margin-bottom: 2em;
}
#footer h4 {
margin-top: 1em;
color: black;
padding-bottom: 1em;
}
#footer div.col li {
padding-bottom: 0.5em;
}
#footer a {
color: white;
}
#footer .footerIcons {
margin-left: 0px;
clear: both;
}
.footerIcons {
margin-left: 148px;
font-family: YanoneKaffeesatz;
font-size: 16px;
float: left;
}
.footerIcons img {
vertical-align: middle;
margin: 0;
}
#footer .Copyright {
padding-right: 29px;
font-size: 14px;
display: block;
}
.Copyright {
float: right;
margin-right: 95px;
font-size: 12px;
}
#footer .Copyright li {
float: left;
padding: 0 0 0 12px;
margin: 0;
list-style-type: none;
}
#footer .Copyright li span {
float: left;
}

#footer span {
color: #D1C1A6;
display: block;
}
#footer .creativecommons {
display: block;
float: right;
height: 21px;
padding: 0 4px;
text-indent: -9999px;
width: 21px;
}
#footer .myjourney {
background: url("http://i48.servimg.com/u/f48/16/58/45/96/my-jou10.png") repeat-y scroll 100% 0 transparent;
display: block;
float: right;
height: 21px;
padding: 0 4px;
text-indent: -9999px;
width: 21px;
}
#footer .wordpress {

display: block;
float: right;
height: 21px;
padding: 0 4px;
text-indent: -9999px;
width: 21px;
}







.box h3 {
background: url(http://i43.servimg.com/u/f43/17/93/70/94/icon_c10.gif) 0% 3px no-repeat scroll;
color: #262626;
font-size: 15px;
line-height: 20px;
padding-left: 30px;
}
.box .icoAdd1, .box2 .icoAdd1 {
background: url(http://i38.servimg.com/u/f38/16/58/45/96/rss10.png) 0% 50% no-repeat;
}
.box .icoAdd2, .box2 .icoAdd2 {
background: url(http://i38.servimg.com/u/f38/16/58/45/96/usr_on10.png) 0% 50% no-repeat;
}
.box .icoAdd3, .box2 .icoAdd3 {
background: url(http://www.evn.com.vn/DesktopModules/ePowerPortal_CMS/FrontEnd/images/blogs.png) 0% 50% no-repeat;
}
.box .icoAdd4, .box2 .icoAdd4 {
background: url(http://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/kgpg_gen.png) 0% 50% no-repeat;
}
.box .icoAdd5, .box2 .icoAdd5 {
background: url(http://i38.servimg.com/u/f38/16/58/45/96/stock_10.png) 0% 50% no-repeat;
}

.box .icoAdd6, .box2 .icoAdd6 {
background: url(http://i38.servimg.com/u/f38/16/58/45/96/statis10.png) 0% 50% no-repeat;
}

.box .icoAdd, .box2 .icoAdd {
background: url(http://www.vnptkiengiang.vn/static/images/Graphite-icon.png) left center no-repeat;
}



.support .column-right {
width: 239px;
padding-left: 64px;
}
.column-right {
width: 217px;
padding-left: 10px;
}
.column-left, .column-right {
float: left;
}


.box {
   margin-bottom:25px;
   color:#7c7c7c}

.box1 {
   margin-bottom:15px;
}

.box-theme-details{
   margin-bottom:16px;}

.box-top, .box-bot {
   background:url(http://i43.servimg.com/u/f43/17/93/70/94/box_wh10.gif) top right no-repeat;
   height:5px;
   font-size:5px}

.box-top span, .box-bot span {
   display:block;
   width:5px;
   height:5px;
   background:url(http://i43.servimg.com/u/f43/17/93/70/94/box_wh10.gif) top left no-repeat;}
.box-bot {
   background:url(http://i43.servimg.com/u/f43/17/93/70/94/box_wh10.gif) bottom right no-repeat}
.box-bot span {
   background:url(http://i43.servimg.com/u/f43/17/93/70/94/box_wh10.gif) bottom left no-repeat;}
.box-content {
   background:#fff;
   border-left:1px solid #d2d2d2;
   border-right:1px solid #d2d2d2;
   padding:15px 20px;
   min-height:25px;
   font-size:12px;}

.box-content p {
   line-height:1.5em}















html, body, ul, ol, li, form, blockquote, dl, dd, img, h1, h2, h4, h5, h6, img {
margin: 0;
padding: 0;
list-style: none;
border: none;
}







#access {
font-family: YanoneKaffeesatz;
text-transform: uppercase;
color: #ABABAB;
text-shadow: black 1px 1px 2px;
}
.IconsTop .icon {
font-size: 13px;
font-family: YanoneKaffeesatz;
text-shadow: 1px 1px 2px white;
text-transform: none;
}
#access .icon em a {
color: #2E88C7;
font-size: 13px;
display: inline;
}
.orange {
color: #F6770B;
}
span {
font-size: 12px;
color: #A6A6A6;
}













#content1 {
width: 650px;
float: left;
}
#container1 {
width: 100%;
}

#container, .container {
width: 820px!important;
margin: 0 auto!important;
float: none!important;
zoom: 1;
}
.pun {
height: auto;
width: 950px;
min-height: 100%;
margin-left: auto;
margin-right: auto;
}









#site-title {
background: url("http://i48.servimg.com/u/f48/16/58/45/96/header10.png") top left no-repeat;
height: 156px;
margin-top: 0;
padding-left: 355px;
position: relative;
}
#site-title h1 {
margin: 0;
padding: 0;
position: absolute;
top: 67px;
left: 82px;
text-indent: -90000px;
}
h1, h3, h4, h5, h6 {
font-family: YanoneKaffeesatz;
color: #404040;
text-shadow: 1px 1px 1px white;
font-weight: normal;
}

#site-title h1 a {
display: block;
width: 391px;
height: 103px;
background: url("http://i48.servimg.com/u/f48/16/58/45/96/lo3410.png") top left no-repeat;
}
a {
color: #2E88C7;
text-decoration: none;
}
#site-title h1 span {
display: block;
}
span {
font-size: 12px;
color: #A6A6A6;
}


#access{display:block;
float:left;
 margin:0;
 font-family:YanoneKaffeesatz;text-transform:uppercase;
 background:url("http://i48.servimg.com/u/f48/16/58/45/96/menu_t10.png") top left no-repeat;

 height:48px;
 color:#ababab;
 text-shadow:#000 1px 1px 2px}#access .menu-header
img{margin-top:-1px}#access .menu-header,div.menu{width:907px;margin-left:43px}#access .menu-header ul,
div.menu
ul{list-style:none;margin-left:25px}#access .menu-header
ul{padding-top:8px}

#access .menu-header li, div.menu
li{
  float:left;
 position:relative;
 padding-top:0px;
 margin:0 1px;
}

#access .menu-header li.current-menu-ancestor,
#access .menu-header li.current-post-ancestor,
#access .menu-header li.current-category-ancestor,
#access .menu-header li.current-menu-item{background:url("http://i48.servimg.com/u/f48/16/58/45/96/menu_t12.png") top left no-repeat}



#access .menu-header
ul{position:relative;z-index:999}#access .menu-header
ul.level2{*margin-top:22px!important}#access .menu-header .sub-menu li a,
#access .menu-header .sub-menu li ul
a{padding:11px
11px 11px 15px}#access .menu-header .sub-menu .first-menu
a{padding:7px
11px 11px 15px}#access .menu-header .sub-menu .first
a{padding:11px
11px 11px 15px}#access .menu-header .sub-menu li.first-item a,
#access .menu-header .sub-menu li.first-item ul
a{padding:5px
11px 11px 15px}#access .menu-header li.current-menu-parent ul li ul a, #access .menu-header li ul li ul
a{margin-left:11px;padding-left:15}


#access .menu-header ul.sub-menu li a,
#access .menu-header ul.sub-menu li ul.sub-menu li
a{background:url("http://i48.servimg.com/u/f48/16/58/45/96/dropdo12.png") bottom no-repeat}#access .menu-header ul.sub-menu li.last a,
#access .menu-header ul.sub-menu li ul.sub-menu li.last
a{background:none}#access .menu-header li.current-menu-parent ul li
ul{padding-top:0}#access .menu-header li ul li ul
li{background:url("http://i48.servimg.com/u/f48/16/58/45/96/dropdo13.png") right repeat-y;margin-left:0}#access .menu-header li ul.level2 li, #access .menu-header ul
ul.level2{width:166px}#access .menu-header li ul.level2 li ul li, #access .menu-header ul ul.level2
ul{width:146px;z-index:999}


#access .menu-header li ul li ul


#access .menu-header li ul li ul

 
  #access .menu-header li.current-menu-parent ul.sub-menu.level2{left: -40%}
 

#access a
{
color:#ababab;
display:block;
padding:0;
text-decoration:none;
font-family:YanoneKaffeesatz;
font-size:12px;height:18px}

#access .menu-header ul
ul{display:none;position:absolute;float:left;margin-left:-6px}#access ul ul
ul{left:100%;top:-11px}#access .menu-header li.current-menu-parent ul
ul{top:-5px}#access ul ul ul li
a{padding-left:15px}#access ul ul ul
ul{}#access ul ul


#access ul ul :hover>a{color:#e65f15}#access ul li:hover>ul{display:block;z-index:9999}#access .menu-header

ul.IconsTop{padding-top:0px;float:right;margin-right:60px;margin-top:-10px}#access .menu-header ul.IconsTop
li{margin-left:0}#access .menu-header ul.IconsTop li
img{margin-left:0}




.menu-item-home.current-menu-item{background:url("http://i48.servimg.com/u/f48/16/58/45/96/icon_h10.png") 50% -10% no-repeat!important}.menu-item-home.current-menu-item
a{background:none!important}




.icon em {
position: absolute;
bottom: 33px;
right: 20px;
padding-bottom: 12px;
width: 250px;
background: url("http://i48.servimg.com/u/f48/16/58/45/96/arrow10.png") no-repeat 100% 100%;
color: #4D4D4D;
text-align: right;
}
#main1 {
width: 100%;
background: url("http://i48.servimg.com/u/f48/16/58/45/96/main_d10.png") bottom no-repeat;
clear: both;
overflow: hidden;
}
.BgPaper {
background-image: url("http://i48.servimg.com/u/f48/16/58/45/96/main_b10.png");
background-repeat: repeat-y;

margin-bottom: 20px;
margin-top: -18px;
}

#slider-wrapper {
width: 950px;
height: 380px;
margin: 0 auto;
padding-top: 42px;
}

.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0 60px 0 0;
margin: 0 0 0 -30px;
z-index: 60;
display: none;
}

index_body

Code:








{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->



<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="90%" valign="top">
      {BOARD_INDEX}</td>
      <td width="25%" valign="top" style="padding-left: 10px">
       
       
                 <div class="column-right">
<p> </p>

   <script type="text/javascript">
      $(document).ready(function() {
         $(".menuRight li:odd").addClass("stripe");
         $(".recentEdit li:even").addClass("stripe");
      });
   </script>



   <div class="box">
      <div class="box-top"><span></span></div>
      <div class="box-content">
         <h3 class="icoAdd">Thưởng thức âm nhạc</h3>
         <br><p><ul>
      
<object width="187" height="400">  <param name="movie" value="http://www.nhaccuatui.com/l/vGEcupnRaHd1" />  <param name="quality" value="high" />  <param name="wmode" value="transparent" />  <param name="allowscriptaccess" value="always" />  <param name="flashvars" value="&autostart=false" />  <embed src="http://www.nhaccuatui.com/l/vGEcupnRaHd1" flashvars="target=blank&autostart=false" allowscriptaccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="180" height="220"></embed></object>
            
         
      
   </ul></p>

      </div>
      <div class="box-bot"><span></span></div>
   </div>
   
   


   <div class="box">
      <div class="box-top"><span></span></div>
      <div class="box-content">
         <h3 class="icoAdd1">Sự kiện</h3>
         <p><ul>
      <br>
         
             <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" /> <span style="font-weight: bold; "><a href="http://www.cntt-k3.org/t4719-topic"><span style="color: rgb(255, 0, 0); ">Tổng hợp Code FM</span></a></span>
  <div></br>
                    <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" /> <span style="font-weight: bold; "><a href="http://www.cntt-k3.org/t3849-topic"><span style="color: rgb(255, 0, 0); ">Tổng hợp skin PunBB</span></a></span>
  <div></br>
          <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" /> <span style="font-weight: bold; "><a href="http://www.cntt-k3.org/t5103-topic"><span style="color: rgb(255, 30, 0); ">Liên hệ quảng cáo</span></a></span>
  <div></br>
         
    <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" /> <span style="font-weight: bold; "><a href="http://www.cntt-k3.org/t4387-topic"><span style="color: rgb(255, 165, 0); ">Nhân vật lên thớt</span></a></span></div>
  <div></br>
    <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" /> <b><a href="http://www.cntt-k3.org/t3032-topic"><font class="Apple-style-span" color="#0000cd">Lời yêu thương</font></a></b></div>
          <div></br>
    <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" /> <b><a href="http://www.cntt-k3.org/f2-forum"><font class="Apple-style-span" color="#0000cd">Yêu cầu Rip skin</font></a></b></div>
              <div></br>
    <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" /> <b><a href="http://www.cntt-k3.org/t5100-topic"><font class="Apple-style-span" color="#0000cd">Đặt hàng skin $$$</font></a></b></div>
                 
            
         
            
         
            
         
            
         
      
   </ul></p>
            </div>
      <div class="box-bot"><span></span></div>
   </div>





<div class="box">
      <div class="box-top"><span></span></div>
      <div class="box-content">
         <h3 class="icoAdd2">Last Online</h3>
         <br><p><ul>
      
 <style>
#topp img {
height: 32px;
width: 32px;
background-color:
#FCFCFF;
padding: 2px;
border: 1px solid
#CCC;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}

 
#topp {
text-align: left;
width: 200px;
}
#topp a span{display:none;}
#topp a:hover span {
display: inline;
position: absolute;
padding: 5px;
border: 1px solid
white;
border-radius: 1px;
background:
rgba(0, 0, 0, 0.8);
box-shadow: 0 0 4px
#333;
color:
white !important;
font-size: 10px;
}
</style>


 
  <div id="topp"></div>


              <script>
jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(20)");
</script>
</ul></p>
</div>
      <div class="box-bot"><span></span></div>
   </div>

  <div class="box">
      <div class="box-top"><span></span></div>
      <div class="box-content">
         <h3 class="icoAdd3">Thành viên mới</h3>
         <br><p><ul>
<div id="latest_registers"></div>
                               
            <script>
jQuery("#latest_registers").load("/memberlist?mode=joined&order=DESC&submit=Ok&username td.avatar-mini a:lt(20)");
</script>                   
                               
                                 
                                  <style>
#latest_registers img {
height: 32px;
width: 32px;
background-color:
#FCFCFF;
padding: 2px;
border: 1px solid
#CCC;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}

#latest_registers {
text-align: left;
width: 200px;
}
#latest_registers a span{display:none;}
#latest_registers a:hover span {
display: inline;
position: absolute;
padding: 5px;
border: 1px solid
white;
border-radius: 1px;
background:
rgba(0, 1, 2, 0.8);
box-shadow: 0 0 4px
#334;
color:
white !important;
font-size: 10px;
}
</style>
   </ul></p>
</div>
      <div class="box-bot"><span></span></div>
   </div>
   
 
 

   
   
   
   
   
   
   
   
   
   
       
    <div class="box">
      <div class="box-top"><span></span></div>
      <div class="box-content">
         <h3 class="icoAdd4">Keywords</h3>
         <br><p><ul>
      
                      <embed width="160" height="200" flashvars="&tcolor=0x999999&tcolor2=0x666666&hicolor=0x494949&tspeed=150&fontFace=Electrolize&distr=true&mode=tags&tagcloud=%3Ctags%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/share%27+style%3D%2720.5px%27%3Eshare%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/sáng%27+style%3D%2720px%27%3Esáng%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/topic%27+style%3D%2718px%27%3Etopic%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org./%2/s/giong%27+style%3D%279.5px%27%3Egiong%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/flash%27+style%3D%2711.5px%27%3Eflash%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/Valentine%27+style%3D%2713.5px%27%3EValentine%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/cach%27+style%3D%278.5px%27%3Ecach%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/thông%27+style%3D%2716.5px%27%3Ethông%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/love%27+style%3D%2712.5px%27%3Elove%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/chatbox%27+style%3D%2716px%27%3Echatbox%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/Host%27+style%3D%2711px%27%3EHost%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/Forum%27+style%3D%2715.5px%27%3EForum%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/phân%27+style%3D%2719.5px%27%3Ephân%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/view%27+style%3D%2713px%27%3Eview%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/khung%27+style%3D%279px%27%3Ekhung%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/trang%27+style%3D%2715px%27%3Etrang%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/body%27+style%3D%2714.5px%27%3Ebody%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/viet%27+style%3D%2712px%27%3Eviet%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/điệp%27+style%3D%2710.5px%27%3Eđiệp%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/thương%27+style%3D%2714px%27%3Ethương%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/index%27+style%3D%2717.5px%27%3Eindex%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/teen%27+style%3D%2717px%27%3Eteen%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/skin%27+style%3D%2721px%27%3Eskin%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/ViewTopic%27+style%3D%2710px%27%3EViewTopic%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/đuôi%27+style%3D%2718.5px%27%3Eđuôi%3C/a%3E%3Ca+href%3D%27http%3A%2F%2Fwww.cntt-k3.org/%2/s/code%27+style%3D%2719px%27%3Ecode%3C/a%3E%3C/tags%3E" wmode="transparent" allowscriptaccess="always" quality="best" bgcolor="#ffffff" name="vbCloudFlash" id="vbCloudFlash" style="" src="http://dl.dropbox.com/u/10126397/quan/tagcloud.swf" type="application/x-shockwave-flash">
                          </ul></p>

      </div>
      <div class="box-bot"><span></span></div>
   </div>
   
   
   
   
   
   
    <div class="box">
      <div class="box-top"><span></span></div>
      <div class="box-content">
         <h3 class="icoAdd5">Dành cho quảng cáo</h3>
         <br><p><ul>
      
  <a href="http://invision.chinhphuc.info/" title="Diễn đàn Invision Việt Nam ( nơi bạn tìm thấy tất cả về : Invision )" target="_blank">
                                           
                                           
                                            <img src="http://i30.servimg.com/u/f30/17/70/31/89/logoo10.png" alt="quang cao" width="180" height="250"></a>       
                                          <br><br><hr><br><br>
                                            <a href="http://mainhatinhban.yourme.net" title="Diễn đàn Mainhatinh bạn nơi kết nối trái tim :X" target="_blank"><img src="http://i38.servimg.com/u/f38/16/58/45/96/logoma10.png" alt="quang cao" width="180" height="250"></a>       


                  <a href="http://www.cntt-k3.org/t5103-topic" title="Kick để liên hệ quảng cáo" target="_blank"><img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" alt="quang cao" width="180" height="250"></a>
            
         
      
   </ul></p>

      </div>
      <div class="box-bot"><span></span></div>
   </div>
   
   
   
   
   
   
   
 
   
   
   
   
   
   
    <div class="box">
      <div class="box-top"><span></span></div>
      <div class="box-content">
         <h3 class="icoAdd6">Forum Statistics</h3>
         <br><p><ul>
        <!-- BEGIN message_admin_index -->

   <!-- BEGIN message_admin_titre -->

      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>

   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->

      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>

   <!-- END message_admin_txt -->

<!-- END message_admin_index -->
      <style>

.pairsRows, .pairsColumns, .pairsJustified {
line-height: 1.5;
}
dl.pairsColumns, dl.pairsJustified, .pairsColumns dl, .pairsJustified dl {
overflow: hidden;
zoom: 1;
}
.pairsJustified dt {
float: left;
}

.pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
color: #969696;
}
.pairsJustified dd {
float: right;
text-align: right;
}
.pairsJustified dd {
text-align: right;
                  }</style>   
      
   </ul></p>

      </div>
      <div class="box-bot"><span></span></div>
   </div>
   
     
 
 




   </div>
   </div>
       
   
   
   
   
   
   
       
       
          </td></tr></tbody></table>
       
<!-- BEGIN disable_viewonline -->
<div class="msgaccueilbordure">
 
<div class="msgaccueil">
 
<div id="main">
 
 <div id="gallery">
 
 <div id="slides" style="width: 3000px; margin-left: 0px;">
 
 <div class="slide">
 
 <table width="100%" border="0" cellspacing="7">
 
 <tbody><tr><td colspan="3" class="secondarytitle">
 
 <h2>Số người đang xem</h2></td></tr></tbody></table>
 
    <p> <img src="http://icons.iconarchive.com/icons/dryicons/aesthetica-2/16/blog-post-edit-icon.png" width="16" title="Tổng số bài viết"> {TOTAL_POSTS}</p>
      <li style="background: #DDD;font-size: 0;height: 1px;line-height: 0;margin: 6px 7px; width: 386px;"></li>
         <p> <img src="http://cdn1.iconfinder.com/data/icons/eleganticons/images/Person-group.png" width="16" title="Thành viên"> {TOTAL_USERS}</p>
      <li style="background: #DDD;font-size: 0;height: 1px;line-height: 0;margin: 6px 7px; width: 386px;"></li>
         <p> <img src="http://cdn1.iconfinder.com/data/icons/humano2/128x128/stock/stock_new-labels.png" width="16" title="Thành viên mới"> {NEWEST_USER}</p>
      <li style="background: #DDD;font-size: 0;height: 1px;line-height: 0;margin: 6px 7px; width: 386px;"></li>
               

                  
                                          <p> <img src="http://cdn1.iconfinder.com/data/icons/SUPERVISTA/business/png/128/column_chart.png" width="16" title="Statistics"> {TOTAL_USERS_ONLINE}</p>
      <li style="background: #DDD;font-size: 0;height: 1px;line-height: 0;margin: 6px 7px; width: 386px;"></li>
 <br>   <img src="http://cdn1.iconfinder.com/data/icons/STROKE/business/png/128/group_data.png" width="16" title="Lượt truy cập"> {RECORD_USERS} <br>
      <li style="background: #DDD;font-size: 0;height: 1px;line-height: 0;margin: 6px 7px; width: 386px;"></li>
          <br> <img src="http://cdn1.iconfinder.com/data/icons/CrystalClear/128x128/filesystems/connect_to_network.png" width="16" title="Đang online"> {LOGGED_IN_USER_LIST}
        <li style="background: #DDD;font-size: 0;height: 1px;line-height: 0;margin: 6px 7px; width: 386px;"></li>
           <p> <img src="http://cdn1.iconfinder.com/data/icons/humano2/128x128/apps/config-users.png" width="16" title="Nhóm"> {LEGEND} : {GROUP_LEGEND}</p>
 
 
 
  </div>
 
  <div class="slide">
   
    <table width="100%" cellspacing="10" border="0">
     
      <tbody>
        <tr><td colspan="3" class="secondarytitle"><h2>Tình hình diễn đàn</h2></td></tr></tbody>
    </table>
   

<div style="height: 240px; overflow: scroll;">
           <img src="http://cdn1.iconfinder.com/data/icons/iDroid_icons/Calendar.png" width="16" title="Thành viên kết nối trong 24h">{L_ONLINE_USERS}
           {L_CONNECTED_MEMBERS}<br />
         <p>  <img src="http://cdn1.iconfinder.com/data/icons/Easter_Icon_Set/128/cake.png" width="16" title="sinh nhật">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
  </div>
                          <div class="clear"></div>


                                         
                                         
          </div>
         
          <div class="slide">
           
            <table width="100%" border="0" cellspacing="10">
              <tbody><tr>
                <td colspan="3" class="secondarytitle">
 
                  <h2>Liên kết</h2></td></tr></tbody>
    </table>


<td class="pamessage" width="480" valign="top">
 <h6>Hợp tác cùng nhau phát triển</h6>
 
 <table align="center" border="0" cellspacing="5" cellpadding="0" style="margin-left: 10px; margin-bottom: 5px;">
 <tbody><tr>
 
 <td width="88" height="31" class="toppartenaire">
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
 
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
   
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
      </tr><tr>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
      </tr><tr>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
    <td width="88" height="31" class="toppartenaire"><a href="http://www.cntt-k3.org/"><img src="http://i43.servimg.com/u/f43/17/93/70/94/logo1010.jpg" width="88" height="31"></a></td>
     
    <td width="88" height="31" class="toppartenaire"></td></tr><tr></tr></tbody></table></td>

   
   
 
 
 
 
                </tr></tbody>
            </table></div><div class="slide"><iframe src="/chatbox/" style="width: 750px; height: 270px;" frameborder="0"></iframe></div></div><div id="menu"><ul><li class="fbar inact"> </li><li class="menuItem inact act"><a><img src="http://theme3.cssactif.com/js/slider/img/sample_slides/thumb_about.png" alt="thumbnail"></a></li><li class="menuItem inact"><a><img src="http://theme3.cssactif.com/js/slider/img/sample_slides/thumb_concours.png" alt="thumbnail"></a></li><li class="menuItem inact"><a><img src="http://theme3.cssactif.com/js/slider/img/sample_slides/thumb_love.png" alt="thumbnail"></a></li><li class="menuItem inact"><a><img src="http://theme3.cssactif.com/js/slider/img/sample_slides/thumb_chat.png" alt="thumbnail"></a></li></ul></div></div></div></div></div>
 
 
 
 
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

index_box

Code:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->


               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -117px; margin-top : -18px;">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}<br><span class="s_text">Chủ đề</span> </td><style>.s_text {
color: #6F8497;
font-family: Arial,Helvetica,sans-serif;
font-size: 9px;
text-transform: uppercase;
                                          }</style>
                  <td class="tc3">{catrow.forumrow.POSTS}<br><span class="s_text">Bài gửi</span></td>
                  <td class="tcr">
                      <div class="avs"><span>
      <!-- BEGIN switch_topic_title -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
      <!-- END switch_topic_title -->
      {catrow.forumrow.USER_LAST_POST}
      </span></div>
                  </td>
               </tr>

   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

overall_footer begin

Code:

<script src="http://theme3.cssactif.com/js/nivo/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<style>    .tipsy {
    padding: 5px;
    font-size: 10px;
    position: absolute;
    z-index: 999;

    }

    .tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
    }

    .tipsy-inner {
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

    .tipsy-arrow {
    position: absolute;
    background: url('http://onehackoranother.com/projects/jquery/tipsy/images/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
    }

    .tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    }

    .tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    }

    .tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    }

    .tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
    }

    .tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
    }

    .tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
    }

    .tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
    }

    .tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
      }</style>
<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
         </div>
      </div>
   </div>
</div>
<div id="pun-foot">
   <div id="pun-about" class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
         <fieldset>
            <p><label>{L_JUMP_TO}: </label></p>
            {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
         </fieldset>
      </form>
      <ul>
         <li>
<!-- BEGIN html_validation -->
         </li>
      </ul>
   </div>
</div>
<!-- END html_validation -->

<script src="http://www.cntt-k3.org/30344.js" type="text/javascript"></script>

overall_footer_end

Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                     <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->   
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
<center>
  <div id="footer">

   
   
    <div class="footerIcons"> Chia sẻ: <a href="https://twitter.com/nguynanhdng2" target="_blank">
      <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_t10.png" border="0" alt=""></a>
      <a href="http://www.facebook.com/chu.py.71" target="_blank"><img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_f10.png" border="0" alt=""></a>
     
     
      <a href="http://www.cntt-k3.org/rss" target="_blank">
    <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_r10.png" border="0" alt=""></a>
        <a href="https://plus.google.com/100659255974350675720/posts?tab=XX" rel="author" style="text-decoration: none;" target="_blank">
    <img src="http://i48.servimg.com/u/f48/16/58/45/96/gplus-10.png" width="16" height="16" style="border: 0;"></a></div>
    <ul class="Copyright">
      <li><span> 2012 <a href="http://www.cntt-k3.org" target="_blank" title="Bản quyền thuộc Cntt-k3" style="color:#fff">Cntt-k3</a>. </span>

      </li>
    <li><span>Skin Cites ver 1.3</span></li>
    <li><span>Skin By: </span> <a href="http://www.cntt-k3.org/u1" target="_blank" title="Skin được thực hiện bởi Chupy" rel="nofollow">Chupy</a></li>
    </ul></div>
 
   
    </center>

overall_headeer

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>

<body>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
   </div>
   <!-- END switch_login_popup -->

   <a id="top" name="top" accesskey="t"></a>

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
                 <div class="header">
                                    <div id="site-title"><h1><a href="http://www.cntt-k3.org" title="Diễn đàn Cntt-k3]">Cntt-k3</a> <span>Thế giới Công nghệ thông tin</span></h1></div><div id="access"><div class="menu-header"><div class="topmenu"><ul id="menu-myjourney-menu" class=""><li id="menu-item-3789" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-3789"><a href="http://www.cntt-k3.org">Home</a></li>
                                   
                               
                                   
                                    <li id="menu-item-3791" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3791">
                                   
                                      <a href="/forum">Index</a></li>
                                   
                                    <li id="menu-item-3792" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3792">
                                      <a href="/search">Tìm kiếm</a></li>
                                    <li id="menu-item-3793" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                      <a href="/memberlist">Thành viên</a></li>
                                                <!-- BEGIN switch_user_logged_in -->
                                        <li id="menu-item-3794" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                      <a href="/profile?mode=editprofile">Lí lịch</a></li>
                                   
                                        <li id="menu-item-3795" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                    <a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{PRIVATE_MESSAGE_INFO}</a></li>
                                                                            <li id="menu-item-3796" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                    <a href="/login?logout=1">Thoát</a></li>
                                                <!-- END switch_user_logged_in -->
                                   
                                                <!-- BEGIN switch_user_logged_out -->
                                        <li id="menu-item-3794" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                      <a href="/register">Đăng ký</a></li>
                                   
                                        <li id="menu-item-3795" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3793">
                                          <a href="/login">Đăng nhập</a></li>
                                         
                                                <!-- END switch_user_logged_out -->
                                   
                                   
                                    </ul></div><ul class="IconsTop">
                               
                                  <li class="icon twitter"><a href="https://twitter.com/nguynanhdng2" target="_blank">
                                   
                                    <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_t11.png" alt=""></a>
                                    <em>Chào mừng các bạn đến với diễn đàn        http://www.cntt-k3.org/<br><div style="width:117px; float:right">
                                   

                                   
                                    </div></em></li>
                                   
                                    <li class="icon facebook"><a href="http://www.facebook.com/chu.py.71" target="_blank">
                                   
                                    <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_f11.png" alt=""></a></li>
                                     
                                      <li class="icon rss"><a href="/rss" target="_blank">
                                        <img src="http://i48.servimg.com/u/f48/16/58/45/96/icon_r11.png" alt=""></a></li></ul></div></div></div>
                                 
                                   
                                                                        <div id="main1">
                                            <div class="BgPaper">
                                           
               <div id="pun-head">
                  
               </div>

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker -->

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div></div>
      </div></div>
   </div></div>
</body>
</html>
<!-- END html_validation -->