[Share] skin kenhdaihoc

demo rip : http://vovanan17.forumvi.com
demo sống : http://kenhdaihoc.com/forum

Code:

.forumbit_nopost {
clear: left;
}
#sidebar_container {
float: right;
width: 244px;
padding: 17px 0;
margin-bottom: 3em;
}
#sidebar_container > ul {
background: #F1F1F1 url(http://kenhdaihoc.com/forum/images/gradients/top-highlight.png) repeat-x left top;
border: 1px solid #C1C1C1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #C8C8C8;
box-shadow: -2px 2px 2px #C8C8C8;
float: left;
width: 99%;
}
#sidebar_container .block {
margin-bottom: 4px;
padding: 0px;
border-top-right: 5px;
border-top-left: 5px;
border-top-right: 5px;
border-top-left: 5px;
}
sidebar_container .blocksubhead {
background-color: #A51F95;
font-family: "Noticia Text", Verdana, Geneva, sans-serif;
color: white;
height: 12px;
line-height: 16px;
}
#sidebar_container .blocksubhead {
background: transparent none;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container .blockbody {
color: #424242;
border: 1px solid #DADADA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white;
_background-image: none;
padding: 0;
}
.widget_content {
color: #424242;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white none repeat-x;
border: 1px solid #DADADA;
_background-image: none;
padding: 10px 6px 10px 6px;
}
#sidebar_container .underblock {
height: 9px;
background: transparent url(http://kenhdaihoc.com/forum/images/gradients/bottom-shadow.png) repeat-x left bottom;
}
#sidebar_container .blocksubhead {
background-color: #A51F95;
font-family: "Noticia Text", Verdana, Geneva, sans-serif;
color: white;
height: 12px;
line-height: 16px;
}
#sidebar_container .blocksubhead {
background: transparent none;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container .blockbody {
color: #424242;
border: 1px solid #DADADA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white;
_background-image: none;
padding: 0;
}
h3 {
  font-size: 12px;
  font-weight: bold;
}
h2 {
font-size: 13px;
font-weight: bold;
}
.hierarchy {
  font-size: 13px;
margin-right: 10px;
  float: left;
clear: right;
}
.blocksubhead img {
vertical-align: middle;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
a{text-decoration:none};


li {
list-style: none;
}
.textbox, textarea, select {
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color: black;
background: white none;
border: 1px solid #CCC;
padding: 4px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.globalsearch input.textbox {
border: 1px solid #DADADA;
padding: 5px 0 5px 0;
width: 220px;
margin-top: 3px;
}
body {
width: 100%;
min-width: 650px;
max-width: auto;
margin: 0px auto 0px auto;
font-size: 13px;
color: #3E3E3E;
line-height: 1.230;
background-color: #B1E4EE;
}
.forumbit_post .forumrow .forumlastpost {
font-size: 12px;
}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
font-weight: bold;
}
.forumbit_post .forumdescription {
display: block;
clear: both;
padding-right: 10px;
}
#forums .L1 .L2 {
display: block;
clear: both;
}
.forumbit_post {
float: left;
position: relative;
width: 100%;
display: block;
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: white none repeat-x left top;
_background-image: none;
border-top: 1px solid white;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #777;
background: white none repeat-x left bottom;
_background-image: none;
display: block;
width: 100%;
float: left;
min-height: 58px;
position: relative;
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
-moz-box-shadow: -2px 2px 2px #fff;
-webkit-box-shadow: -2px 2px 2px white;
box-shadow: -2px 2px 2px white;
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
-moz-box-shadow: -2px 2px 2px #fff;
-webkit-box-shadow: -2px 2px 2px white;
box-shadow: -2px 2px 2px white;
}
.forumbit_post .foruminfo {
width: 75%;
min-width: 30%;
float: left;
clear: right;
min-height: 48px;
}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2 {
padding: 5px 0;
}
.forumbit_post .foruminfo .forumicon {
position: absolute;
left: 10px;
width: 50px;
height: 50px;
}
.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: left;
clear: right;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata {
padding: 5px 10px;
padding-left: 0;
font-size: 11px;
}
.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-left: 0;
}
.forumbit_post .foruminfo .forumdata .datacontainer {
float: left;
width: 88%;
padding-left: 68px;
}


.main {
width: 100%;
}
.main {
clear: both;
}
.main .main-head {
-moz-box-shadow: -2px 2px 2px #fff;
-webkit-box-shadow: -2px 2px 2px white;
box-shadow: -2px 2px 2px white;
}
.main .main-head  {
padding: 5px 2px 5px 0;
}
.main .main-head {
background: #1FA5F7;
_background-image: none;
font: bold 13px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: white;
clear: both;
margin-top: 8px;
float: left;
border: 0px solid transparent;
width: 100%;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.main .main-head .page-title {
display: block;
float: left;
clear: right;
font: bold 13px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
padding: 4px 0;
color: white;

}

.main .main-head .page-title {
margin-left: 7px;
margin-right: 3px;
}
.main .main-head .page-title {
min-width: 75%;
}

.body_wrapper {
width: 1000px;
margin: 0 auto;
border: 3px solid #84C3D3;
}
.body_wrapper {
padding: 10px 10px 10px 10px;
background: white none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* MISC */

div.collapse {
   position:relative;
}

a.collapse {
   float:right;
   right:10px;
   top:20px;
   position:absolute;
}

.blockhead a.collapse {
   top: 10px;
}

#forumrules {
   margin-bottom: 10px;
   border-bottom: 1px solid #e7e7e7;
   border-left: 1px solid #e7e7e7;
   border-right: 1px solid #e7e7e7;
   border-top: 1px solid rgb(255, 255, 255);
   background: rgb(255, 255, 255) url(images/gradients/gradient-greytowhite.png) repeat-x  ;
}

#forumrules ul.youcandoblock {
   float:left;
   width:55%;
   overflow:hidden;
   margin: 0 10px 10px 0;
}

#forumrules ul.bbcodeblock {
   float:right;
   width:42%;
   text-align:right;
   overflow:hidden;
}

#forumrules .rules_link {
   margin-top: 10px;
   width: 42%;
   padding-left: 55%;
}

.errorblock ul.blockrow.error > li {
   border-bottom:solid 1px #cedfeb;
   padding-bottom:10px;
   margin-bottom:10px;
}

.errorblock ul.blockrow.error li:last-child {
   border-bottom:none;
   padding-bottom:0;
   margin-bottom:0;
}

blockquote.preview {
   font:  13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
}

blockquote.preview ul, blockquote.preview ol, blockquote.preview dl {
   margin:0 40px;
}

blockquote.preview.forumcontent {
   font:  13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
}

blockquote.preview .bbcode_container div.bbcode_code,
blockquote.preview .bbcode_container pre.bbcode_code {
   margin:0;
   padding:6px;
   border:1px inset;
   text-align:left;
   overflow:auto;
   direction:ltr;
   background:#f2f6f8 none repeat-x  ;
   font-size:12px;
}

blockquote.preview .bbcode_container code.bbcode_code {
   margin:0;
   text-align:left;
   direction:ltr;
   font-size:12px;
}

blockquote.preview .bbcode_container code.bbcode_code code {
   white-space:nowrap;
}

blockquote.preview fieldset.postattachlist {
   background:#FFFFFF none repeat-x center bottom;
   border-top:solid 1px #cedfeb;
   padding-bottom:1em;
}

blockquote.preview .bbcode_container div.bbcode_quote {
   margin:0 10px;
   margin-bottom: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background: #f2f6f8 none  ;
   border-radius: 5px;
   border: 1px solid #417394;
   font: italic  normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
   position: relative;
   top: 0;
}


blockquote.preview .bbcode_container .bbcode_quote_container {
   background: transparent url(StyleSchool/misc/quote-left.png) no-repeat  left;
   display:block;
   width: 9px;
   height: 13px;
   position: absolute;
   top: 5;
   left: -9px;
}

blockquote.preview .bbcode_quote div.quote_container {
   border-top: 1px solid #fafafa;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding: 5px 10px 5px 10px;
}

.attachments {
   border: 1px solid #cecece;
   background: #ececec none  ;
   margin: 20px 30px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding: 5px 10px 5px 10px;
   font-size: 12px;
}

.attachments fieldset {
   margin: 5px 0;
}

.attachments img.inlineimg {
   position: relative;
   top: 2px;
}


blockquote.preview .signature {
   margin-top:1.5em;
   border-top:1px solid #dddddd;
   padding-top:0.5em;
}

.commalist li {
   display:inline-block;
}

.standard_error {
   max-width:600px;
   margin:0 auto;
   padding:4em 0 6em;
}

.hidden {
   display: none !important;
}

/* Auto-clearing of floats */
.floatcontainer:after,
.formcontrols .blockrow:after,
dl.stats:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.floatcontainer,
.formcontrols .blockrow,
dl.stats {
   display:inline-block;
   font-weight:normal;
}
/* IE-Mac hide \*/
* html .floatcontainer,
.formcontrols .blockrow,
dl.stats {
   height:1%;
}
.floatcontainer,
.formcontrols .blockrow,
dl.stats {
   display:block;
}
.floatcontainer.hidden {
   display:none;
}
/* End IE-Mac hide */


/* INLINEMOD */

#inlinemod_formctrls {
   float:right;
}

#inlinemod_formctrls .popupctrl {
   position: inherit;
background: #25AAE1 none;
color: white;
font: bold 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
float: left;
margin: 5px !important;
padding: 2px;
}

#inlinemod_formctrls a.popupctrl:hover {
   background: #008EFF none  ;
   color: #fff;
}

#inlinemod_formctrls a.popupctrl span.ctrlcontainer {
   display:inline-block;
   background: transparent url(StyleSchool/misc/black_downward_arrow.png) no-repeat center left;
   padding-top: 3.33333333333px;
   padding-right: 5px;
   padding-bottom: 3.33333333333px;
   padding-left: 15px;
   font-size: 11px;
   float: left;
}

#inlinemod_formctrls .popupbody {
   left:auto;
   right:0px;
}


/* FORUM DISABLED */
div.forum_disabled {
   text-align:center;
   color:red;
   background-color:white;
   padding:10px;
   font-size:20px;
}

/**
* UN-RESET
*
* These definitions are designed to undo the effects of YUI Reset, but only when contained within a *.reset element.
* Code is based on YUI Base
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

.restore body {
   /* For breathing room between content and viewport. */
   margin:10px;
}

.restore h1 {
   /* 18px via YUI Fonts CSS foundation. */
   font-size: 138.5%;
}

.restore h2 {
   /* 16px via YUI Fonts CSS foundation. */
   font-size: 123.1%;
}

.restore h3 {
   /* 14px via YUI Fonts CSS foundation. */
   font-size: 108%;
}

.restore h1,
.restore h2,
.restore h3 {
   /* Top & bottom margin based on font size. */
   margin: 1em 0;
}

.restore h1,
.restore h2,
.restore h3,
.restore h4,
.restore h5,
.restore h6,
.restore strong,
.restore dt {
   /* Bringing boldness back to headers and the strong element. */
   font-weight: bold;
}
.restore optgroup {
   font-weight:normal;
}

.restore abbr,
.restore acronym {
   /* Indicating to users that more info is available. */
   border-bottom: 1px dotted #000;
   cursor: help;
}

.restore em {
   /* Bringing italics back to the em element. */
   font-style: italic;
}

.restore del {
   /* Striking deleted phrases. */
   text-decoration: line-through;
}

.restore blockquote,
.restore ul,
.restore ol,
.restore dl {
   /* Giving blockquotes and lists room to breath. */
   margin: 1em;
}

.restore ol,
.restore ul,
.restore dl {
   /* Bringing lists on to the page with breathing room. */
   margin-left: 2em;
}

.restore ol > li,
.restore ol.decimal > li {
   list-style:decimal outside;
}

.restore ol.upper-roman > li {
   list-style:upper-roman outside;
}

.restore ol.lower-roman > li {
   list-style:lower-roman outside;
}

.restore ol.upper-alpha > li {
   list-style:upper-alpha outside;
}

.restore ol.lower-alpha > li {
   list-style:lower-alpha outside;
}

.restore ul > li {
   /* Giving UL's LIs generated disc markers. */
   list-style: disc outside;
}

.restore dl dd {
   /* Giving UL's LIs generated numbers. */
   margin-left: 1em;
}

.restore th,
.restore td {
   /* Borders and padding to make the table readable. */
   border: 1px solid #000000;
   padding: 0.5em;
}

.restore th {
   /* Distinguishing table headers from data cells. */
   font-weight: bold;
   text-align: center;
}

.restore caption {
   /* Coordinated margin to match cell's padding. */
   margin-bottom: .5em;
   /* Centered so it doesn't blend in to other content. */
   text-align: center;
}

.restore sup {
   /* to preserve line-height and selector appearance */
   vertical-align: super;
}

.restore sub {
   /* to preserve line-height and selector appearance */
   vertical-align: sub;
}

.restore p,
.restore fieldset,
.restore table,
.restore pre {
   /* So things don't run into each other. */
   margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
.restore button,
.restore input[type="checkbox"],
.restore input[type="radio"],
.restore input[type="reset"],
.restore input[type="submit"] {
   padding:1px;
}

.restore li > p {
   margin-bottom: 0em;
}

.unread {
   font-weight:bold;
}

/* Cloud tags */
li.tag {
   display:inline;
   margin-right:5px;
}

li.tag label.mine {
   font-weight:bold;
}

li.tag a {
   text-decoration:none;
}

li.taglevel1 {
   font-size:9px;
}

li.taglevel2 {
   font-size:12px;
}

li.taglevel3 {
   font-size:15px;
}

li.taglevel4 {
   font-size:18px;
}

li.taglevel5 {
   font-size: 21px;
}

li.tag.option {
   padding:10px;
}

/* Tag Controls */
/* Tagging Controls */

#thread_tags_list input#tag_add_input {
   display:block;
   width:90%;
   margin-top:2px;
   margin-bottom:0.5em;
}

#thread_tags_list  .description {
   color:#777777;
}

#thread_tags_list  .actionbuttons {
   text-align:right;
   margin-bottom:1em;
}

#tag_edit_list {
   list-style:none;
   margin:0;
   padding:0;
}

#tag_edit_list li {
   float:left;
   display:block;
   width:100px;
}

#tag_edit_list li.mine {
   font-weight:bold;
}

/* We don't use class="inlineimg" in vB4
img.inlineimg {
   padding:0 10px;
}
*/


/* Social Bookmarks */

#social_bookmarks_list li {
   display:block;
   float:left;
   padding-left:10px;
}

/* Imagereg */
#imagereg {
   vertical-align:middle;
   margin-bottom:5px;
}


#wol_navpopup.navpopupmenu {
   margin-bottom:6px;
}
.navlinks {
   background: #DFEEFA none  ;
   border-top: 1px solid #e7e7e7;
   padding: 10px 0;
   text-align: center;
   color: #5d5d5d;
   font-size: 13px;
        margin-top: 20px;
        margin-bottom: 20px;
width:100%;
clear:both;
}

.clear, .cleardiv {
   clear: both;
}

#ajax_post_errors {
   position:absolute;
   width:420px;
   z-index:500;
   padding:2px;
   background-color:#FFFFFF;
   -moz-border-radius-topright:5px;
   -moz-border-radius-topleft:5px;
   -webkit-border-top-right-radius:5px;
   -webkit-border-top-left-radius:5px;
   border-top-right-radius:5px;
   border-top-left-radius:5px;
}

#ajax_post_errors .blockrow {
   border-bottom:1px solid #e5e5e5;
   border-left:1px solid #e5e5e5;
   border-right:1px solid #e5e5e5;
}
#ajax_post_errors .blockfoot {
   text-align:center;
}

#ajax_post_errors_message ol {
   margin:1em;
   margin-left:2em;
}

#ajax_post_errors_message ol.numeric li,
#ajax_post_errors_message ol li {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:decimal;
}

.highlight {
   color: #417394;
   background: #FFEB90 none repeat-x  ;
}

/* Facebook Section */
label#fb_pulishlabel {
   font-size:12px;
   font-weight: normal;
   margin-right: 10px;
   vertical-align: middle;
}

#fb_likeframe {
   border: none;
   overflow: hidden;
   height: 27px;
   width: 260px;
   vertical-align: text-bottom;
}
#pagetitle #fb_likeframe {
   float: right;
}
.blogbit #fb_likeframe {
   margin-top: 7px;
}

/* Fix for Facebook Connect rtl scrollbar */


#recaptcha_area {
   direction:ltr;
   display:inline;
}

#recaptcha_widget_div {
   float:left;
}

.member_blockrow .error
{
        padding:4px 10px 4px 10px;
} 

div.cms_table {
   overflow:auto;
   overflow-y:hidden;
   padding:1px;
}

table.cms_table_grid,
table.wysiwyg_cms_table_grid {
   border-collapse: collapse;
   margin-bottom:0;
}

td.cms_table_grid_td,
td.wysiwyg_cms_table_grid_td {
   border: 3px solid #999999;
}

table.cms_table_outer_border,
table.wysiwyg_cms_table_outer_border {
   border-collapse: collapse;
   border: 3px solid #999999;
}

td.cms_table_td,
td.cms_table_outer_border_td {
   border:none;
}

.content img {
   max-width: 100%;
}

.forumdata
{
    width: 100%;
}
.datacontainer
{
    width: 100%;
}
ol.column4
{
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    clear: both;
}
ol.column4 li
{
    width: 45%;
    float: left;
    padding-left: 15px;
    margin: 2px;
}
ol.column4 li.old
{
    background: transparent url(images/statusicon/subforum_old.png) no-repeat left center;
}
ol.column4 li.new
{
    background: transparent url(images/statusicon/subforum_new.png) no-repeat left center;
}
ol.column3
{
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    clear: both;
}
ol.column3 li
{
    width: 28%;
    float: left;
    padding-left: 15px;
    margin: 2px;
}
ol.column3 li.old
{
    background: transparent url(images/statusicon/subforum_old.png) no-repeat left center;
}
ol.column3 li.new
{
    background: transparent url(images/statusicon/subforum_new.png) no-repeat left center;
}
ol.column2
{
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    clear: both;
}
ol.column2 li
{
    width: 45%;
    float: left;
    padding-left: 15px;
    margin: 2px;
}
ol.column2 li.old
{
    background: transparent url(images/statusicon/subforum_old.png) no-repeat left center;
}
ol.column2 li.new
{
    background: transparent url(images/statusicon/subforum_new.png) no-repeat left center;
}
ol.column1
{
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    clear: both;
}
ol.column1 li
{
    width: 90%;
    float: left;
    padding-left: 15px;
    margin: 2px;
}
ol.column1 li.old
{
    background: transparent url(images/statusicon/subforum_old.png) no-repeat left center;
}
ol.column1 li.new
{
    background: transparent url(images/statusicon/subforum_new.png) no-repeat left center;
}


/* CSS Document */

/**
* CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER
*/

/*************************************************/
/* HEADER */

.doc_header {
   background-color: #fff;
   font: normal normal bold 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
   position:relative;
   min-height:35px;
        margin: 0 auto;
        width: 100%;
        height: 102px; // them noel
}

#header .headerblock {
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
   position: relative;
}

.ad_global_header {
   padding-top: 5px;
   float: right;
   display: block;
   overflow: hidden;
}

.doc_header a {
   color:;
}
.doc_header a:hover {
   color:;
}
.doc_header hr {
   display: none;
}
.logo-image {
    margin-top: 4px;
   width: 270px;
   height: 98px;
   float: left;
}

.toplinks {
   color:#ffffff;
   font: normal normal bold 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
   text-align:right;
   float:right;
        margin:0 auto;
}

.toplinks ul.isuser li#fb_headerbox.hidden,
.toplinks ul.nouser li#fb_headerbox.hidden {
   display: none;
}
.toplinks ul.isuser li#fb_headerbox a,
.toplinks ul.nouser li#fb_headerbox a {
   padding-top: 0;
   background: none;
   cursor: pointer;
}

   li#fb_headerbox a#fb_link {
      position: relative;
}

   li#fb_headerbox a#fb_link #fb_squarepic{
      position:absolute;
      right:-6px;
      top:5px;
      z-index:1;
      border:1px solid #B3CCE7;
      padding:1px;
   }
   
   li#fb_headerbox a#fb_link #fb_icon{
      position:absolute;
      right:10px;
      top:1px;
      z-index:2;
   }

.toplinks ul.isuser, .toplinks ul.nouser {
   display:block;
   float: right;
   clear: left;
   list-style: none;
}

.toplinks ul.isuser li {
   display:inline;
   position: relative;
   color: #fff;
   float: right;
   clear: left;
   padding-right: 10px;
}

.toplinks ul.isuser .popupbody li {
   display:block;
   float: none;
   clear: none;
   padding:0;
   margin:0;
}

.toplinks ul.isuser li.welcomelink {
   display: block;
   float: right;
   clear: left;
   padding-top: 6px;
   color: #808080;
}

.toplinks ul.isuser li.logoutlink {
   top: 0;
}

.toplinks ul.isuser li a {
   display: block;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 4px;
   font-weight:bold;
   color: #666;
    font-size: 13px;
    font-weight: 600;
}

.toplinks ul.isuser li li a {
   float: none;
   margin-left: 0;
}

.toplinks ul.isuser li.welcomelink a {
   display:inline;
   float: none;
   clear: none;
   margin-left: 0;
}

.toplinks ul.isuser li a:hover {
   
   color: #000;
}

.toplinks ul.nouser li {
   display:inline;
}

.toplinks ul.nouser li a {
   display: block;
   float: right;
   clear: left;
   color:#ffffff;
   position: relative;
   padding: 6px 10px 0 10px;
   background: #7192A8;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-right-radius:5px;
   border-bottom-right-radius:5px;
   height:20px;
   font-weight:bold;
   font-size:12px;
   margin-right: 10px;
}

.toplinks ul.nouser li a:hover {
   background: #7192A8;
   color:rgb(255, 255, 255);
}

.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications  {
   color: #000000;
   position: relative;
}

.toplinks ul.isuser li.popupmenu ul li {
   position: relative;
   top: 0;
   margin: 0;
   text-align: center;
}

.toplinks ul.isuser .notifications .popupbody {
   background: #1E90FF;
   border: 1px solid #1E90FF; /* makes it look consistent with the popup background */
}

.toplinks ul.isuser .notifications .popupbody li a{
   color: #000000;
   background:#FFFFFF none  ;
   padding: 0 5px;
   font-weight: normal;
   border-top:1px solid #1E90FF; /* makes it look consistent with the popup background */
   text-align: left;
   padding-left: 30px;
   line-height: 35px;
}

.toplinks ul.isuser .notifications .popupbody li a span {
   position: absolute;
   line-height: 35px;
   left: 5px;
}

.toplinks ul.isuser .notifications .popupbody li a:hover {
   color: #000000;
   background:#FFEB90 none;
   text-decoration: underline;
}

.toplinks form {
   min-width: 100px;
   display:block;
   margin-right: 10px;
   text-align: left;
   float: right;
   clear: left;
}

.toplinks .logindetails {
   padding: 0 10px;
   text-align: center;
   background: #7192A8;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-right-radius:5px;
   border-bottom-right-radius:5px;
   height:26px;
}

.toplinks form input {
   vertical-align: baseline;
   font-size: 11px;
   padding: 1px;
   border: 0;
}

.toplinks form input.textbox {
   color: #000000;
}

.toplinks form input.default-value {
   color: #777777;
}

.toplinks .remember {
   margin: -3.33333333333px 0 0 20px;
   font-size: 10px;
   color: #FFFFFF;
}

.toplinks .remember input {
   vertical-align: baseline;
}

.toplinks ul.isuser .notifications .popupbody li{
   border-top:1px solid #1E90FF;
}

.cb_cookieuser_navbar{
   position: relative;
   top: 2px;
}

.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
   color: #ffffff;
   text-decoration:none;
}

.notifications {
   font-size:11px;
   color: #ffffff;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px;
   border-bottom-right-radius: 5px;

}

.notifications a {
   text-decoration:none;
}

.notifications .popupbody {
   color:#000000;
   background: #FFFFFF none  ;
}

.header hr,
.header h2 {
   display:none;
}



/*************************************************/
/* BREADCRUMB */

.breadcrumb .navbit {
   float:left;
   background-image:url(StyleSchool/misc/navbit-arrow-right.png);
   background-position:right center;
   background-repeat:no-repeat;
   padding-right:10px;
   padding-left:3px;
}

.breadcrumb .navbit:first-child {
   padding-left:0;
}

.breadcrumb .navbit.lastnavbit {
   background: transparent;
}

.breadcrumb .navbit.lastnavbit span {
   float:left;
   background: transparent;
   padding-right:10px;
   padding-left:3px;
}

.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
   display:block;
   padding:2px 4px;
   float:left;
   background-color:transparent;
   border:1px solid transparent;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;   
   border-radius:5px;   
}

.breadcrumb .navbit a {
   text-decoration:none;
}

.breadcrumb hr {
   display:none;
}
*************************************************/
/* NAVBAR */
.globalsearch input.textbox {
border: 1px solid #DADADA;
padding: 5px 0 5px 0;
width: 220px;
margin-top: 3px;
}
input:hover, input:focus {
-moz-border-radius: 2px 2px 2px 2px !important;
-moz-box-shadow: 0 0 5px #dd5300 !important;
border: 1px solid #DD5300 !important;
outline: medium none;
}
.navbar {
   width:100%;
        margin: 0 auto;
}

#navbar .navtabs {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #555;
   display: block;
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
}

#navbar .navtabs {overflow:visible;position:relative}
#navbar .navtabs ul {left:0}

.navtabs ul.floatcontainer{
 
   height:30px;
   line-height:30px;
   /*background: url(http://kenhdaihoc.com/forum/StyleSchool/nav-sub-bg.png) repeat-x;*/
   background-color: #F0E8DE;
       
}
.navbar {
   position:relative;
        height: 38px;
   background: #0D7BD5;
   color:rgb(255, 255, 255);
   font:  bold 13px Arial, Calibri, Verdana, Geneva, sans-serif;
   border:0px solid #2884BE;
   
}
.navbar a {
   color:#000;
}
.navbar a:hover {
   color:rgb(204, 204, 204);
}

.navtabs li:first-child {
   border-left: 0px none ;
}

.navtabs ul {

   width:1000px;
   position:absolute;
   top: 42px;
   border-top:0px none ;
   -moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-left-radius:5px;
   -webkit-border-bottom-right-radius:5px;
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
   margin-right:-80px;
/* This is to fix RTL menu issue under Opera */
   direction:ltr;
}

.navtabs li {
   float:left;
   border-right: 0px none ;
}

.navtabs ul li:first-child {
   border-left: 0;
}

#navtabs .popupmenu ul li:first-child {
   margin-left: 0px;
}

.navtabs ul li {
   border-right: 0;
   position: relative;
}

.navtabs li a {
   height:38px;
   line-height:38px;
   padding:0 10px;
}

.navtabs li a.navtab {
   border-left: 1px solid #1B91F1;
   display:block;
   min-width:60px;
   width:auto !important;
   width:60px;
   text-align:center;
   color: #fff;
   font:  bold 12px Arial, Calibri, Verdana, Geneva, sans-serif;
   text-decoration:none;
   line-height: 39px;
   text-transform: uppercase;
}

.navtabs li a.navtab:hover {
background: url(http://kenhdaihoc.com/forum/StyleSchool/arrow2.png) no-repeat bottom center #038FED;
color: #fff;
position: relative;
}

.navtabs li.selected {
   height: 30px;
   color:#fff;
}

.navtabs li.selected a.navtab {
   color: #fff;
   position: relative;
   background: url(http://kenhdaihoc.com/forum/StyleSchool/arrow2.png) no-repeat bottom center #038FED;
}

.navtabs li.selected li a,
.navbar_advanced_search li a {
   text-decoration:none;
   font:  bold 13px Arial, Calibri, Verdana, Geneva, sans-serif;
   line-height: 38px;
}

.navtabs li.selected li a {
   color: #4191B8;
   padding:2px 5px;
}

.navtabs li.selected ul.popupbody a {
    line-height: 35px;
}

.navbar_advanced_search li {
   height: 38px;
   display:block;
   clear:both;
}

.navbar_advanced_search li a {
   color:#000;
}

.navbar_advanced_search li a:hover {
   color:rgb(204, 204, 204);
   text-decoration:none;
}

.navtabs li.selected li a:hover {
   color:rgb(204, 204, 204);
   text-decoration:none;
}

.navtabs li.selected .popupbody li a {
   text-indent: 0;
   color: #000000;
   background: #FFFFFF none;
   padding:0px 10px;
}

.navtabs li.selected .popupbody li a:hover {
   color: #000000;
   background: #FFEB90 none;
}

.navtabs li.selected li a.popupctrl {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;   
   border-radius:3px;
   border:solid 0px transparent;
   background:transparent url(http://kenhdaihoc.com/forum/StyleSchool/misc/arrow.png) no-repeat right center;
   padding-right:15px;
}

.toplinks .notifications a.popupctrl {   
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 15px;
   background: #00ACE9 url(http://kenhdaihoc.com/forum/StyleSchool/misc/arrow.png) right center no-repeat;
   border-radius: 5px;
}

.toplinks .nonotifications a.popupctrl {
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 15px;
   background: transparent url(http://kenhdaihoc.com/forum/StyleSchool/misc/arrow.png) no-repeat right center;
}

.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 15px;
   background: background: #00ACE9;
   color: white;
}

.toplinks .notifications a.popupctrl:hover {
   padding-top: 3px;
}

.navtabs li.selected li:hover a.popupctrl {
   border-color:#fff;
   background-color:#1E90FF;
   text-decoration:none;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
   border-color:#1E90FF;
   background-color:#1E90FF;
   color:#000;
   border-radius: 3px 3px 0px 0px;
   text-decoration:none;
}

.navtabs .popupbody {
   border: 1px solid #1E90FF;
   background: #1E90FF;
   width: auto;
}

.navtabs .popupbody li {
   float:none;
   border-top: 1px solid #1E90FF;
}

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
   height: auto;
}

.nonotifications div.popupbody {
   min-width: 170px;
   width: auto !important;
   width: 170px;
   background: #1E90FF;
   border: 1px solid #1E90FF;
}

.nonotifications .popupbody p {
   color: #000000;
   background: #FFFFFF none;
   text-align: left;
   border-top: 1px solid #1E90FF;
   padding: 0;
   text-indent: 5px;
   line-height: 38px;
   display:block;
}

.toplinks .nonotifications .popupbody a {
   color: #000000;
   background: #FFFFFF none;
   float: none;
   clear: none;
   padding: 0 5px;
   margin-left: 0;
   text-align: left;
   line-height: 35px;
}

.toplinks .nonotifications .popupbody a:hover {
   color: #000000;
   background:#FFEB90 none;
   text-decoration: none;
   padding: 0 5px;
}

#navbar .navtabs .globalsearch {
   width: 250px;
   margin: 0 auto;
   float: right;
}
.navbar_search {
   position:relative;
   width: 180;
   right: -20px;
   display:block;
}

.navbar_search input {
   font-size: 11px;
   vertical-align:middle;
   padding: 1px;
   border:1px solid #ccc;
}

.globalsearch .textboxcontainer {
   height: 38px;
   display:inline-block;
   float: left;
   text-align:center;
}

.globalsearch .textboxcontainer span {
   display: inline-block;
   height: 34px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 3px;
   margin-bottom: 1px;
   width: 220px;
}



.toplinks form input.loginbutton {
   font-size: 11px;
   padding: 0 5px;
   border:solid 1px rgb(65,93,141);
}

.globalsearch .buttoncontainer {
   height: 38px;
   display:inline-block;
   width: 25px;
   overflow: hidden;
   float: right;
}

.globalsearch .buttoncontainer span{
   height: 35px;
   padding-left: 4px;
   padding-top: 8.5px;
   display:inline-block;
}

.globalsearch .searchbutton {
   border: 0;
   padding: 0;
   width: 22px;
   margin-top: -2px;
   margin-left: -2px;
}







.doc_header {
background-color: white;
font: normal normal bold 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
position: relative;
min-height: 35px;
margin: 0 auto;
width: 100%;
height: 102px;
}
#header .headerblock {
width: 1000px;
margin-right: auto;
margin-left: auto;
position: relative;
}
.logo-image {
margin-top: 4px;
width: 270px;
height: 98px;
float: left;
}
.ad_global_header {
padding-top: 5px;
float: right;
display: block;
overflow: hidden;
}
.ad_global_header {
padding-top: 5px;
float: right;
display: block;
overflow: hidden;
}


#layout-toolbar {
background-color: #F0F2F5;
border-bottom: 1px solid #DAD8D3;
height: 29px;
}
.layout-overall-width {
width: 1000px;
margin: 0 auto;
}
#topmenu {
margin: 0;
float: left;
list-style-type: none;
}
#topmenu li {
float: left;
margin: 0 3px;
padding-top: 4px;
}
#topmenu li a {
color: #666;
display: block;
font-size: 13px;
font-weight: 600;
text-decoration: none;
padding: 4px 14px 6px 14px;
}
.mem_block {
margin: 0 auto;
float: right;
text-align: right;
display: block;
}
.mem_block .nouser > li {
line-height: 30px;
margin-top: -1px;
padding-left: 4px;
padding-right: 4px;
}
.mem_block li {
position: relative;
display: -moz-inline-box;
display: inline-block;
font-size: 14px;
line-height: 30px;
vertical-align: top;
padding: 0 7px;
margin-top: -1px;
min-height: 30px;
}
.mem_block .nouser > li > a {
font-weight: bold;
text-decoration: none;
}
.mem_block #login_box {
z-index: 2;
position: absolute;
background: white;
padding: 15px 10px;
top: 28px;
left: auto;
right: 0px;
color: #717171;
border: 1px solid #BEBEBE;
-moz-box-shadow: -1px 1px 1px #ccc;
-webkit-box-shadow: 0 1px 5px #CCC;
box-shadow: 0 1px 5px #CCC;
width: 250px;
}
 .mem_block #navbar_loginform {
text-align: left;
}
.mem_block #login_box .seperator {
border-bottom: solid 1px #CACACA;
margin-left: -7px;
margin-top: -10px;
}
.mem_block #login_box li {
display: block;
width: 100%;
padding: 6px;
}
.mem_block li {
position: relative;
display: -moz-inline-box;
display: inline-block;
font-size: 14px;
line-height: 30px;
vertical-align: top;
padding: 0 7px;
margin-top: -1px;
min-height: 30px;
}

/* CSS Document */
.popupmenu {
   *z-index:999;
   position: relative;
}

.popupmenu a.popupctrl {
   background-image:url(StyleSchool/misc/black_downward_arrow.png);
   background-position:right center;
   background-repeat:no-repeat;
   padding-right:15px;
   _padding-right:25px;
}

.popupmenu a.popupctrl.nogadget {
   padding-right:0;
   background-image:none;
}

.popupgroup .popupmenu a.popupctrl {
   font-size:11px;
   padding:2px 4px;
   border: 0;
   background-color:transparent;
   text-decoration:none;
   padding-right:15px;
   margin-left:5px;
}

.popupgroup .popupmenu:hover a.popupctrl {
   border:0;
   background-color:transparent;
}

/* see PopupMenu.set_control_style() */
.popupgroup .popupmenu {
   float:left;
}

.blockfoot .popupctrl {
   text-decoration:none;
   padding:2px 6px;
   padding-right:15px;
   -moz-border-radius:2px;
   -webkit-border-radius:2px;
   border-radius:2px;
}

.blockhead .popupctrl {
   color: #ffffff;
}

.blockhead .popupctrl:hover {
   color: #ffffff;
}

.popupbody {
   font:  normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
   color: #3E3E3E;
   padding:2px;
   background:#E1E1E1 none  ;
   border: 1px solid #E1E1E1;
   position:absolute;
   z-index: 999;
   top:1.5em;
   left:0;
   display:none;
   min-width:200px;
}

.popupmenu:hover ul.popuphover {
   display:block;
}

.popupbody li {
   border-top:solid 1px #E1E1E1;
}

.popupbody > li:first-child {
   border-top:none;
}

.popupbody li a,
.popupbody li label {
   display:block;
   color: #3E3E3E;
   background:#FFFFFF none  ;
   padding:10.735px 10px;
   text-decoration:none;
   text-align:left;
   white-space:nowrap;
}

.popupbody li > a:hover,
.popupbody li > label:hover {
   color:#3E3E3E;
   background:#FFEB90 none  ;
}

.memberaction_body.popupbody li a:hover {
   color:#3E3E3E;
   background-color:#FFEB90;
}

/* vbmenu_hilite and vbmenu_option are for the ajax popup menus (tags) */

.popupbody li.vbmenu_hilite a {
   color:#3E3E3E;
   background:#FFEB90 none  ;
}

.popupbody li.vbmenu_option > a:hover {
   color:#3E3E3E;
   background:#FFEB90 none  ;
}

.popupbody li.vbmenu_hilite, li.vbmenu_option {
   float: none;
   display:list-item;
   width: 100%;
}

.popupbody li input.searchbox {
   width:180px;
   padding:0px;
   font-size:13px;
   font-style:italic;
   color:#777777;
}

.popupbody li input.searchbox:focus {
   font-style:normal;
   color:#3e3e3e;
}

.popupbody li.formsubmit {
   text-align:right;
   padding:0px;
   background:#E1E1E1 none  ;
}

.popupbody li.formsubmit .submitoptions {
   float:left;
   text-align:left;
}

.popupbody li.formsubmit .submitoptions label {
   display:block;
}

.popupbody li.formsubmit.jumptopage > label {
   display:inline;
   background:none;
}

.popupbody li.formsubmit input[type="submit"],
.popupbody li.formsubmit input[type="reset"],
.popupbody li.formsubmit input[type="button"] {
   font:12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
   padding:2px;
   padding-bottom:1px;
}

.popupbody li.formsubmit input[type="submit"]:hover,
.popupbody li.formsubmit input[type="reset"]:hover,
.popupbody li.formsubmit input[type="button"]:hover {
   color:#fff;
}

.blockhead .popupmenu,
.blocksubhead .popupmenu {
   display:block;
   float: right;
   clear: left;
   text-transform: none;
}

/* MEMBER ACTION DROP-DOWN */
.memberaction.popupmenu {
   position: relative;
   top: 0;
   display: inline-block;
}
.postdetails .memberaction.popupmenu {
   position: static; /* Opera 10.10 Fix */
}
.memberaction.popupmenu a.popupctrl {
   background: none;
   padding: 0;
}
.memberaction_body.popupbody {
   width: 280px;
   background: #FFFFFF;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0px 4px 7px #fff;
   -webkit-box-shadow: 0px 4px 7px #fff;
   box-shadow: 0px 4px 7px #fff;
}
.memberaction_body.popupbody li {
   border: none;
   width: 140px;
}
.memberaction_body.popupbody li.left {
   float: left;
   clear: left;
}
.memberaction_body.popupbody li.right {
   float: right;
   clear: right;
}

.memberaction_body.popupbody li .siteicon_profile {
   background:url(images/site_icons/profile.png) left 2px no-repeat;
}
.memberaction_body.popupbody li .siteicon_forum {
   background:url(images/site_icons/forum.png) left 2px no-repeat;
}
.memberaction_body.popupbody li .siteicon_message {
   background:url(images/site_icons/message.png) left 2px no-repeat;
}
.memberaction_body.popupbody li .siteicon_blog {
   background:url(images/site_icons/blog.png) left 2px no-repeat;
}
.memberaction_body.popupbody li .siteicon_homepage {
   background:url(images/site_icons/homepage.png) left 2px no-repeat;
}
.memberaction_body.popupbody li .siteicon_article {
   background:url(images/site_icons/article.png) left 2px no-repeat;
}
.memberaction_body.popupbody li .siteicon_add {
   background:url(images/site_icons/add.png) left 2px no-repeat;
}
.memberaction_body.popupbody li .siteicon_email {
   background:url(images/site_icons/email.png) left 2px no-repeat;
}

.memberaction_body.popupbody li > a {
   padding: 4px;
   padding-left:20px;
}
.memberaction_body.popupbody hr {
   float: left;
   height: 96px;
   width: 0;
   display: inline;
}

.popupbody li.formsubmit .submitoptions label,
.popupbody li.formsubmit .advancedsearchlink a {
   background:transparent;
   color: #3E3E3E;
}
.navpopupmenu {
   text-align:right;
   float: right;
   display:block;
   padding: 0;
   padding-top: 3px;
   clear: left;
   margin-left: 10px;
   font-size: 12px;
   margin-top: 0;
        margin-bottom: 10px;
}
* html .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu a.textcontrol, .navpopupmenu a.popupctrl, .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
   text-decoration:none;
   color: #fff;
   border: 0px solid #a8a8a8;
   background: #25AAE1 none  ;
   _background-image: none;
   font:  bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
   padding: 3.33333333333px 6.66666666667px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}

.navpopupmenu a.textcontrol:hover, .navpopupmenu a.popupctrl:hover, .navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
        background: #008EFF none  ;
        color: #fff;
        _background-image: none;
}

.navpopupmenu .popupctrl .ctrlcontainer {
   background: transparent url(StyleSchool/misc/black_downward_arrow.png) no-repeat center left;
   padding-left: 15px;
   white-space:nowrap;
}

.navpopupbody {
   width:auto;
   max-height:350px;
   text-align:left;
   *overflow:auto;
   overflow-y:scroll;
   left:auto;
   right:0;
}

.navpopupbody li {
   overflow:hidden;
   min-width: 200px;
}

.navpopupbody li.optionlabel {
   text-align:center;
   font-weight:bold;
   color: #3E3E3E;
}

Code:

<ol id="forums" class="floatcontainer">
       <div class="forumbit_nopost link L1" id="cat1">
   <div class="forumhead foruminfo L1 collapse">
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      
   <!-- END tablehead -->
 <div id="forum5" class="forumbit_post L2">
   <!-- BEGIN forumrow -->
 
  <div class="forumrow table">
      <div class="foruminfo td">
               <div class="forumicon">
                  
                     
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     
                                            </div>
                  <div class="forumdata">
            <div class="datacontainer">
               <div class="titleline">
                  <h2 class="forumtitle">
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                                          </h2>
                                          <div class="forumdescription">{catrow.forumrow.FORUM_DESC}</div>
                     
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
               
      </div>         
                    </div>
                  </div>
    </div>
                            <td class="tcr">
                     <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>
                 
      </td>
             
   <!-- END forumrow -->
  </div>
   <!-- BEGIN tablefoot -->
            
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>
                  </div>
  </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 -->

Code:

<style>
  /**
* Not pretty, but it works...
*/
.navpopupbody .d1  a, option.d1  { text-indent:20px; }
.navpopupbody .d2  a, option.d2  { text-indent:40px; }
.navpopupbody .d3  a, option.d3  { text-indent:60px; }
.navpopupbody .d4  a, option.d4  { text-indent:80px; }
.navpopupbody .d5  a, option.d5  { text-indent:100px; }
.navpopupbody .d6  a, option.d6  { text-indent:120px; }
.navpopupbody .d7  a, option.d7  { text-indent:140px; }
.navpopupbody .d8  a, option.d8  { text-indent:160px; }
.navpopupbody .d9  a, option.d9  { text-indent:180px; }
.navpopupbody .d10 a, option.d10 { text-indent:200px; }
.navpopupbody .d11 a, option.d11 { text-indent:220px; }
.navpopupbody .d12 a, option.d12 { text-indent:240px; }
.navpopupbody .d13 a, option.d13 { text-indent:260px; }
.navpopupbody .d14 a, option.d14 { text-indent:280px; }
.navpopupbody .d15 a, option.d15 { text-indent:300px; }
.navpopupbody .d16 a, option.d16 { text-indent:320px; }
.navpopupbody .d17 a, option.d17 { text-indent:340px; }
.navpopupbody .d18 a, option.d18 { text-indent:360px; }
.navpopupbody .d19 a, option.d19 { text-indent:380px; }
.navpopupbody .d20 a, option.d20 { text-indent:400px; }

/* LEFT / RIGHT DT+DD */

dl.stats.totals {
   float:right;
   padding:5px;
}

dl.stats dt {
   display:inline;
   color:#777777;
}
dl.stats dt:after {
   content:":";
}
dl.stats dd {
   display:inline;
}
/* BLOCK STATS */
dl.statsblock dt {
   display:block;
   float:left;
   clear:left;
   width:25%;
}

dl.statsblock dd {
   display:block;
   float:left;
   margin-left:10px;
}

/* LIGHT-TABS */

dl.tabslight {
   border-bottom:solid 1px #e7e7e7;
   padding-left:20px;
   margin-bottom:1em;
   height:26;
   margin-top:15px;
}

dl.tabslight dt {
   display:none;
}

dl.tabslight dd {
   float:left;
}

dl.tabslight dd a {
   font-size:11px;
   font-weight:bold;
   color:#3e3e3e;
   text-decoration:none;
   text-align:center;

   padding:0 10px;
   min-width:55px;
   height:25px;
   line-height:25px;
   display:block;

   border:1px solid #e7e7e7;
   background-color:#e9e9e9;

   margin-left:-1px;
   margin-bottom:-1px;

   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:11px;
   -webkit-border-top-left-radius:3px;
   -webkit-border-top-right-radius:11px;
   border-top-left-radius:3px;
   border-top-right-radius:11px;
}

html>/**/body dl.tabslight dd.selected a,
html>/**/body dl.tabslight dd.selected a:hover {
   position:relative;
   border-bottom: 1px solid transparent;
   background:#f1f3f8 none  ;
}
* dl.tabslight dd.selected a, * dl.tabslight dd.selected a:hover {
   border-bottom: 1px solid transparent;
   background:#f1f3f8 none  ;
}

dl.tabslight dd a:hover {
   color:#2f506e;
   background:#f1f3f8 none  ;
}

</style>
<!-- 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 -->
                                                          <a title="http://playkings.5forum.net" target="_blank" rel="nofollow" href="http://playkings.5forum.net" class="copyright" name="bottom">© <font color="green">FM</font> - RIP . Edit By <font color="red">vovanan</font></a>
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator --> | <!-- 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>