مشکل بعداز Update به 4.1.10

من از قالب Animated Arena استفاده میکنم ولی بعد از آپدیت به 4.1.10 این مشکلی که در عکس نشان دادم برام به وجود آمده

Untitled.jpg

البته من از سایت سازنده قالب آخرین ورژنش که ( 4.1.10) است رو دانلود کرده و آپدیت کردم ولی درست نشد
درحالی که در سایت سانده این مشکل وجود ندارد در لوکال هم تست کردم درست بود

تو قالب vbulletin-chrome.css دنبال کلاس زیر بگرد :

کد: 

.toplinks ul.isuser li.popupmenu ul li

محتویات بلاکش رو با کدهای زیر عوض کن (اول از کدهای قبلی یه کپی بگیر که مشکلی پیش نیاد):

کد: 

position: relative;
    top: 0;
    margin: 0;
    text-align: {vb:stylevar left};

نه این نیست درست نشد

---------- ارسال شده در 08:36 PM ---------- ارسال قبلی در 07:34 PM ----------

کسی نیست دوستان گرامی و پرکار

نوشته اصلی توسط sarvar

نه این نیست درست نشد

---------- ارسال شده در 08:36 PM ---------- ارسال قبلی در 07:34 PM ----------

کسی نیست دوستان گرامی و پرکار

من خودم هم دارم روش کار میکنم ولی هنوز به نتیجه ای نرسیدم اگه دوستان چند نفری بیان کمک مشکل حل میشه ها پس دوستان بیاین راهنمایی کنید.مرسی

یکیتون ادرس سایتشو بزاره رو اون بررسی کنیم از رو سایت خودم دقیق نمیشه گفت از کجاست

نوشته اصلی توسط Alidata

یکیتون ادرس سایتشو بزاره رو اون بررسی کنیم از رو سایت خودم دقیق نمیشه گفت از کجاست

خدمت شما تست کنید :

http://www.irgoya.ir/forum.php

اینم آدرس
http://www.afghannew.co/

فکر کنم مشکل از padding تگ a باید باشه تو همون قالب vbulletin-chrome.css کلاس زیر رو پیدا کنید و المنت padding رو به

کد: 

 padding: 0 30px 0 5px;

تغییر بدین :

کد: 

.toplinks ul.isuser .notifications .popupbody li a

داداش من نمیدونم خراب میزنم یا کد خرابه شما بیا بیزحمت ردیفش کن برامون مرسی :

کد: 

@charset "UTF-8";
/* CSS Document */

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

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

.above_body {
    background:{vb:stylevar header_background};
    margin: {vb:stylevar header_margin};
    padding: {vb:stylevar header_padding};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}

.doc_header {
    border:{vb:stylevar header_border};
    color:{vb:stylevar header_color};
    font:{vb:stylevar header_font};
    position:relative;
    min-height:35px;
}
.doc_header a { color:{vb:stylevar header_link_color}; }
.doc_header a:hover { color:{vb:stylevar header_linkhover_color}; }
.doc_header hr { display: none; }
.logo-image {
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        min-height: 2em;
        height: auto !important;
        padding: {vb:stylevar titleimage_padding};
}

.toplinks {
    position:absolute;
    {vb:stylevar left}:{vb:math {vb:stylevar padding}*2};
    top:0;
    color:{vb:stylevar toplinks_link_color};
    font: {vb:stylevar header_font};
    text-align:{vb:stylevar right};
    background:{vb:stylevar toplinks_background};
}

.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: {vb:stylevar right};
    clear: {vb:stylevar left};
    list-style: none;
}

.toplinks ul.isuser li {
    display:inline;
    position: relative; 
    color: {vb:stylevar header_color};
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-{vb:stylevar right}: 10px;
        background:{vb:stylevar toplinks_background.backgroundColor};
}

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

.toplinks ul.isuser li.welcomelink {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    color: {vb:stylevar toplinks_color};
}

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

.toplinks ul.isuser li a {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    font-weight:bold;
    color:{vb:stylevar toplinks_link_color};
}

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

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

.toplinks ul.isuser li a:hover {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    color:{vb:stylevar toplinks_linkhover_color};
}

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

.toplinks ul.nouser li a {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    color:{vb:stylevar toplinks_link_color};
    position: relative;
    padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
    font-weight:bold;
    font-size:{vb:stylevar mid_fontSize};
    margin-{vb:stylevar right}: 10px;
}

.toplinks ul.nouser li a:hover {
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    color:{vb:stylevar toplinks_linkhover_color};
}

.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications  {
    color: {vb:stylevar navbar_popupmenu_link_color};
    position: relative;
}
.toplinks ul.isuser li.popupmenu ul li {
    position: relative;
    top: 0;
    margin: 0;
    text-align: right;
}

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

.toplinks ul.isuser .notifications .popupbody li a{
    color: {vb:stylevar navbar_popupmenu_link_color};
    background:{vb:stylevar navbar_popupmenu_link_background};
    padding: 0 {vb:math {vb:stylevar padding}/2};
    font-weight: normal;
    border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
    text-align: {vb:stylevar left};
    padding-{vb:stylevar left}: 30px;
    line-height: {vb:stylevar popupmenu_height};
}

.toplinks ul.isuser .notifications .popupbody li a span {
    position: absolute;
    line-height: {vb:stylevar popupmenu_height};
    {vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}

.toplinks ul.isuser .notifications .popupbody li a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background:{vb:stylevar navbar_popupmenu_link_hover_background};
    text-decoration: underline;
}

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

.toplinks .logindetails {
    padding: 0 {vb:stylevar padding};
    text-align: center;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    height:{vb:math 14px + {vb:math {vb:stylevar font.fontSize}-1}};
}

.toplinks form input {
    margin: 3px 0 0;
    vertical-align: baseline;
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    padding: 1px;
    border: 0;
}

.toplinks form input.textbox {
    color: {vb:stylevar input_color};
}

.toplinks form input.default-value {
    color: {vb:stylevar shade_color};
}

.toplinks .remember {
    margin: -{vb:math {vb:stylevar padding}/3} 0 0 {vb:math {vb:stylevar padding}*2};
    font-size: {vb:math {vb:stylevar font.fontSize}-3}{vb:stylevar font.units};
    color: {vb:stylevar toplinks_color};
}

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

.toplinks ul.isuser .notifications .popupbody li{
    border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}

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

.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
    color: {vb:stylevar toplinks_link_color};
    text-decoration:none;
}

.notifications>a:link, .notifications>a:visited {
        /* ie6 hack: broke this rule out on its own: the > selector makes ie6 ignore rule entirely. */
    color: {vb:stylevar toplinks_link_color};
    text-decoration:none;
}

.notifications > a:hover,
.notifications a.popupctrl:hover {
    color: {vb:stylevar toplinks_linkhover_color};
}

.notifications {
    font-size:{vb:stylevar small_fontSize};
    color: {vb:stylevar toplinks_link_color};
    -moz-border-radius-bottom{vb:stylevar left}: 5px;
    -webkit-border-bottom-{vb:stylevar left}-radius: 5px;
    border-bottom-{vb:stylevar left}-radius: 5px;
    -moz-border-radius-bottom{vb:stylevar right}: 5px;
    -webkit-border-bottom-{vb:stylevar right}-radius: 5px;
    border-bottom-{vb:stylevar right}-radius: 5px;

}

.notifications a {
    text-decoration:none;
}

.notifications .popupbody {
    color:{vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
}

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

/*************************************************/
/* NAVBAR */

.navbar {
    position:relative;
    height: {vb:math {vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height}} + {vb:stylevar navbar_menu_height}};
    background:{vb:stylevar navbar_background};
    margin:{vb:stylevar navbar_margin};
    color:{vb:stylevar navbar_color};
    font:{vb:stylevar navbar_font};
    border:{vb:stylevar navbar_border};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }

.navtabs {
    background:{vb:stylevar navbar_tab_background};
    padding: {vb:stylevar navbar_tab_padding};
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}

.navtabs li:first-child {
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_border};
}

.navtabs ul {
/*    height: {vb:stylevar popupmenu_height}; */
    position:absolute;
    top:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_padding.paddingTop}}{vb:stylevar navbar_tab_size.units};
    {vb:stylevar left}:0px;
    width:100%;
    border-top:{vb:stylevar navbar_tab_border};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}{vb:stylevar navbar_tab_size.units};
/* This is to fix RTL menu issue under Opera */
    direction:ltr;
}

.navtabs li {
    float:{vb:stylevar left};
    border-{vb:stylevar right}: {vb:stylevar navbar_tab_border};
}

.navtabs ul li:first-child {
    margin-{vb:stylevar left}: 20px;
    border-{vb:stylevar left}: 0;
}

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

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

.navtabs li a {
    height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    padding:0 {vb:stylevar padding};
}

.navtabs li a.navtab {
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    display:block;
    background:{vb:stylevar navbar_tab_background};
    min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    width:auto !important;
    width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    text-align:center;
    color: {vb:stylevar navbar_tab_color};
    font:{vb:stylevar navbar_tab_font};
    text-decoration:none;
    line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}

.navtabs li a.navtab:hover {
    background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height};
    color:{vb:stylevar navbar_tab_selected_color};
}

.navtabs li.selected {
    height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    color:{vb:stylevar navbar_tab_selected_color};
}

.navtabs li.selected a.navtab {
    color:{vb:stylevar navbar_tab_selected_color};
    background:{vb:stylevar navbar_tab_selected_background};
    position:relative;
    top:-{vb:stylevar navbar_tab_selected_top_height};
    padding-top:{vb:stylevar navbar_tab_selected_top_height};
    z-index:10;
}

.navtabs li.selected li a,
.navbar_advanced_search li a {
    text-decoration:none;
    font:{vb:stylevar navbar_font};
    line-height: {vb:stylevar navbar_menu_height};
}

.navtabs li.selected li a {
    color:{vb:stylevar navbar_link_color};
    padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}

.navtabs li.selected ul.popupbody a {
    line-height: {vb:stylevar popupmenu_height};
}

.navbar_advanced_search li {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    display:block;
    clear:both;
}

.navbar_advanced_search li a {
    color:{vb:stylevar navbar_link_color};
}

.navbar_advanced_search li a:hover {
    color:{vb:stylevar navbar_linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected li a:hover {
    color:{vb:stylevar navbar_linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected .popupbody li a {
    text-indent: 0;
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    padding:{vb:stylevar popup_padding.paddingTop}{vb:stylevar popup_padding.units} {vb:stylevar padding};
}

.navtabs li.selected .popupbody li a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background: {vb:stylevar navbar_popupmenu_link_hover_background};
}

.navtabs li.selected li a.popupctrl {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;    
    border-radius:3px;
    border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
    background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
    padding-{vb:stylevar right}:15px;
    color: {vb:stylevar navbar_link_color};
}

.toplinks .notifications a.popupctrl {    
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.toplinks .nonotifications a.popupctrl {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar 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-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}

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

.navtabs li.selected li:hover a.popupctrl {
    border-color:{vb:stylevar navbar_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    text-decoration:none;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
    border-color:{vb:stylevar navbar_tab_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    color:{vb:stylevar navbar_link_color};
    border-radius: 3px 3px 0px 0px;
    text-decoration:none;
}

.navtabs .popupbody {
    border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
    background: {vb:stylevar navbar_tab_background.backgroundColor};
    width: auto;
}

.navtabs .popupbody li {
    float:none;
    border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}

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

.nonotifications div.popupbody {
    min-width: 170px;
    width: auto !important;
    width: 170px;
    background: {vb:stylevar navbar_tab_background.backgroundColor};
    border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}

.nonotifications .popupbody p {
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    text-align: {vb:stylevar left};
    border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
    padding: 0;
    text-indent: {vb:math {vb:stylevar padding}/2};
    line-height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    display:block;
}

.toplinks .nonotifications .popupbody a {
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    float: none;
    clear: none;
    padding: 0 {vb:math {vb:stylevar padding}/2};
    margin-{vb:stylevar left}: 0;
    text-align: {vb:stylevar left};
    line-height: {vb:stylevar popupmenu_height};
}

.toplinks .nonotifications .popupbody a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background:{vb:stylevar navbar_popupmenu_link_hover_background};
    text-decoration: {vb:stylevar linkhover_textDecoration};
    padding: 0 {vb:math {vb:stylevar padding}/2};
}

.globalsearch {
    position:absolute;
    width:180px;
    {vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
    top: {vb:stylevar navbar_tab_padding.paddingTop}{vb:stylevar navbar_tab_padding.units};
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    text-align:{vb:stylevar right};
    line-height: 1.0em;
    display:block;
}

.navbar_search {
    position:relative;
    width: {vb:math {vb:stylevar navbar_tab_bevel}+179};
    {vb:stylevar right}: -{vb:math {vb:math {vb:stylevar padding}*2}-{vb:stylevar navbar_tab_bevel}+1};
    display:block;
}

.navbar_search input {
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    vertical-align:middle;
    padding: 1px;
    border:{vb:stylevar input_border};
}

.globalsearch .textboxcontainer {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
    display:inline-block;
    float: {vb:stylevar left};
    text-align:center;
}

.globalsearch .textboxcontainer span {
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    display: inline-block;
    height: {vb:math {vb:stylevar navbar_tab_size.height}-4}{vb:stylevar navbar_tab_size.units};
    padding-{vb:stylevar left}: 2px;
    padding-{vb:stylevar right}: 2px;
    padding-top: 3px;
    margin-bottom: 1px;
    width: 147px;
}

.globalsearch input.textbox {
    width: 120px;
}

.toplinks form input.loginbutton {
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    padding: 0 {vb:math {vb:stylevar padding}/2};
    border:solid 1px {vb:stylevar heavy_border.borderColor};
}

.globalsearch .buttoncontainer {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
    display:inline-block;
    border-{vb:stylevar right}:{vb:stylevar navbar_tab_border};
    width: 25px;
    overflow: hidden;
    float: {vb:stylevar right};
}

.globalsearch .buttoncontainer span{
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    height: {vb:math {vb:stylevar navbar_tab_size.height}-3}{vb:stylevar navbar_tab_size.units};
    padding-{vb:stylevar left}: 4px;
    padding-top: {vb:math {vb:math {vb:stylevar navbar_tab_size.height}-21}/2}{vb:stylevar navbar_tab_size.units};
    display:inline-block;
}

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

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

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

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

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

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

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

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

.breadcrumb hr {
    display:none;
}

/*************************************************/
/* PAGE TITLE */
    
#pagetitle {
    padding:{vb:stylevar pagetitle_padding};
    clear:both;
    padding-top: {vb:math {vb:stylevar padding}/2};
    background:{vb:stylevar pagetitle_background};
    border:{vb:stylevar pagetitle_border};
}
#pagetitle a { color:{vb:stylevar pagetitle_link_color}; }
#pagetitle a:hover { color:{vb:stylevar pagetitle_linkhover_color}; }

#pagetitle h1 {
    color: {vb:stylevar pagetitle_color};
    font:{vb:stylevar pagetitle_font};
}

#pagetitle .description {
    color: {vb:stylevar pagetitle_description_color};
    font-size: {vb:math {vb:stylevar font.fontSize}*0.85}{vb:stylevar font.units};
}

/*************************************************/
/* NEW CONTENT LINK */
.newcontent_textcontrol {
    background: {vb:stylevar control_content_background};
    _background-image: none;
    -moz-border-radius: {vb:stylevar control_content_radius};
    -webkit-border-radius: {vb:stylevar control_content_radius};
    border-radius: {vb:stylevar control_content_radius};
    -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    -webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    font: {vb:stylevar control_content_font};
    color: {vb:stylevar control_content_color};
    padding: {vb:stylevar control_content_padding};
    border: {vb:stylevar control_content_border};
    display:block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.newcontent_textcontrol span {
    font:{vb:stylevar control_content_font};
    font-size:{vb:math {vb:stylevar control_content_font.fontSize}+1}{vb:stylevar control_content_font.units};
    font-weight:bold;
    display:inline;
}

.newcontent_textcontrol:hover {
    background: {vb:stylevar control_content_hover_background};
    color: {vb:stylevar control_content_hover_color};
    text-decoration: none;
}


/*************************************************/
/* FOOTER */

.footer {
    clear:both;
    margin-top:{vb:math {vb:stylevar padding}*1.5};
    text-align:{vb:stylevar right};
    display:block;
    /*width: 100%; VBIV-10173*/
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
    -moz-box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    -webkit-box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
<vb:else />
    -moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
</vb:if>
    background:{vb:stylevar footer_background};
    padding:{vb:stylevar footer_padding};
    border:{vb:stylevar footer_border};
    color:{vb:stylevar footer_color};
    font:{vb:stylevar footer_font};
}
.footer a { color:{vb:stylevar footer_link_color}; }
.footer a:hover { color:{vb:stylevar footer_linkhover_color}; }


.footer_copyright,
.footer_morecopyright {
    padding-bottom:{vb:math {vb:stylevar padding}/2};
    color:{vb:stylevar footer_copyright_color};
    font:{vb:stylevar footer_copyright_font};
    margin-top: {vb:stylevar padding};
    text-align:center;
    display:block;
}

.footer_time {
    color:{vb:stylevar footer_copyright_color};
    font:{vb:stylevar footer_copyright_font};
    padding-top:{vb:stylevar padding};
    text-align:center;
}

.footer_select {
    float:{vb:stylevar left};
    text-align:{vb:stylevar left};
    margin-{vb:stylevar left}: {vb:stylevar padding};
    margin-top: 0;
}

.footer_links {
    margin-{vb:stylevar right}: {vb:stylevar padding};
    margin-top: 2px;
}

.footer_links li {
    display:inline;
    margin-{vb:stylevar left}:{vb:math {vb:stylevar padding}/2};
}

.below_body .time {
    color: {vb:stylevar footer_time_color};
}

.notices {
    background: {vb:stylevar body_background.backgroundColor};
    margin: {vb:math {vb:stylevar padding}/2} 0;
}

.notices li {
    background: {vb:stylevar notices_background};
    font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
    color: {vb:stylevar body_color};
    padding:{vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
    margin-bottom:{vb:math {vb:stylevar padding}/2};
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
    -moz-box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
    -webkit-box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
    box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
<vb:else />
    -moz-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
</vb:if>
    text-align: {vb:stylevar left};
    clear:both;
}

.breadcrumb .navbithome {
    float: {vb:stylevar left};
    padding: {vb:math {vb:math {vb:stylevar font.fontSize}+6px-12px}/2} 0;
}
/* end styles for template: navbar */

/*************************************************/
/* ADS GLOBAL */
.ad_global_header {
}
#ad_global_header1 {
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_header2 {
    float:{vb:stylevar left};
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_below_navbar {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_above_footer {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
    text-align:{vb:stylevar left};
    clear:both;
}
#ad_board_below_whats_going_on {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
    text-align:{vb:stylevar left};
}
#ad_thread_first_post_content {
    float:{vb:stylevar right};
    margin:{vb:stylevar ad_margin};
}
#ad_thread_last_post_content {
    float:{vb:stylevar right};
    margin:{vb:stylevar ad_margin};
    z-index: 1000;
}
.google_adsense_footer {
    clear:both;
}

کد: 

@charset "UTF-8";
/* CSS Document */

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

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

.above_body {
    background:{vb:stylevar header_background};
    margin: {vb:stylevar header_margin};
    padding: {vb:stylevar header_padding};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}

.doc_header {
    border:{vb:stylevar header_border};
    color:{vb:stylevar header_color};
    font:{vb:stylevar header_font};
    position:relative;
    min-height:35px;
}
.doc_header a { color:{vb:stylevar header_link_color}; }
.doc_header a:hover { color:{vb:stylevar header_linkhover_color}; }
.doc_header hr { display: none; }
.logo-image {
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        min-height: 2em;
        height: auto !important;
        padding: {vb:stylevar titleimage_padding};
}

.toplinks {
    position:absolute;
    {vb:stylevar left}:{vb:math {vb:stylevar padding}*2};
    top:0;
    color:{vb:stylevar toplinks_link_color};
    font: {vb:stylevar header_font};
    text-align:{vb:stylevar right};
    background:{vb:stylevar toplinks_background};
}

.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: {vb:stylevar right};
    clear: {vb:stylevar left};
    list-style: none;
}

.toplinks ul.isuser li {
    display:inline;
    position: relative; 
    color: {vb:stylevar header_color};
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-{vb:stylevar right}: 10px;
        background:{vb:stylevar toplinks_background.backgroundColor};
}

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

.toplinks ul.isuser li.welcomelink {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    color: {vb:stylevar toplinks_color};
}

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

.toplinks ul.isuser li a {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    font-weight:bold;
    color:{vb:stylevar toplinks_link_color};
}

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

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

.toplinks ul.isuser li a:hover {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    color:{vb:stylevar toplinks_linkhover_color};
}

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

.toplinks ul.nouser li a {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    color:{vb:stylevar toplinks_link_color};
    position: relative;
    padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
    font-weight:bold;
    font-size:{vb:stylevar mid_fontSize};
    margin-{vb:stylevar right}: 10px;
}

.toplinks ul.nouser li a:hover {
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    color:{vb:stylevar toplinks_linkhover_color};
}

.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications  {
    color: {vb:stylevar navbar_popupmenu_link_color};
    position: relative;
}
.toplinks ul.isuser li.popupmenu ul li {
    position: relative;
    top: 0;
    margin: 0;
    text-align: right;
}

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

.toplinks ul.isuser .notifications .popupbody li a{
    color: {vb:stylevar navbar_popupmenu_link_color};
    background:{vb:stylevar navbar_popupmenu_link_background};
    padding: 0 30px 0 5px;
    font-weight: normal;
    border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
    text-align: {vb:stylevar left};
    line-height: {vb:stylevar popupmenu_height};
}

.toplinks ul.isuser .notifications .popupbody li a span {
    position: absolute;
    line-height: {vb:stylevar popupmenu_height};
    {vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}

.toplinks ul.isuser .notifications .popupbody li a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background:{vb:stylevar navbar_popupmenu_link_hover_background};
    text-decoration: underline;
}

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

.toplinks .logindetails {
    padding: 0 {vb:stylevar padding};
    text-align: center;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    height:{vb:math 14px + {vb:math {vb:stylevar font.fontSize}-1}};
}

.toplinks form input {
    margin: 3px 0 0;
    vertical-align: baseline;
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    padding: 1px;
    border: 0;
}

.toplinks form input.textbox {
    color: {vb:stylevar input_color};
}

.toplinks form input.default-value {
    color: {vb:stylevar shade_color};
}

.toplinks .remember {
    margin: -{vb:math {vb:stylevar padding}/3} 0 0 {vb:math {vb:stylevar padding}*2};
    font-size: {vb:math {vb:stylevar font.fontSize}-3}{vb:stylevar font.units};
    color: {vb:stylevar toplinks_color};
}

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

.toplinks ul.isuser .notifications .popupbody li{
    border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}

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

.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
    color: {vb:stylevar toplinks_link_color};
    text-decoration:none;
}

.notifications>a:link, .notifications>a:visited {
        /* ie6 hack: broke this rule out on its own: the > selector makes ie6 ignore rule entirely. */
    color: {vb:stylevar toplinks_link_color};
    text-decoration:none;
}

.notifications > a:hover,
.notifications a.popupctrl:hover {
    color: {vb:stylevar toplinks_linkhover_color};
}

.notifications {
    font-size:{vb:stylevar small_fontSize};
    color: {vb:stylevar toplinks_link_color};
    -moz-border-radius-bottom{vb:stylevar left}: 5px;
    -webkit-border-bottom-{vb:stylevar left}-radius: 5px;
    border-bottom-{vb:stylevar left}-radius: 5px;
    -moz-border-radius-bottom{vb:stylevar right}: 5px;
    -webkit-border-bottom-{vb:stylevar right}-radius: 5px;
    border-bottom-{vb:stylevar right}-radius: 5px;

}

.notifications a {
    text-decoration:none;
}

.notifications .popupbody {
    color:{vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
}

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

/*************************************************/
/* NAVBAR */

.navbar {
    position:relative;
    height: {vb:math {vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height}} + {vb:stylevar navbar_menu_height}};
    background:{vb:stylevar navbar_background};
    margin:{vb:stylevar navbar_margin};
    color:{vb:stylevar navbar_color};
    font:{vb:stylevar navbar_font};
    border:{vb:stylevar navbar_border};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }

.navtabs {
    background:{vb:stylevar navbar_tab_background};
    padding: {vb:stylevar navbar_tab_padding};
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}

.navtabs li:first-child {
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_border};
}

.navtabs ul {
/*    height: {vb:stylevar popupmenu_height}; */
    position:absolute;
    top:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_padding.paddingTop}}{vb:stylevar navbar_tab_size.units};
    {vb:stylevar left}:0px;
    width:100%;
    border-top:{vb:stylevar navbar_tab_border};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}{vb:stylevar navbar_tab_size.units};
/* This is to fix RTL menu issue under Opera */
    direction:ltr;
}

.navtabs li {
    float:{vb:stylevar left};
    border-{vb:stylevar right}: {vb:stylevar navbar_tab_border};
}

.navtabs ul li:first-child {
    margin-{vb:stylevar left}: 20px;
    border-{vb:stylevar left}: 0;
}

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

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

.navtabs li a {
    height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    padding:0 {vb:stylevar padding};
}

.navtabs li a.navtab {
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    display:block;
    background:{vb:stylevar navbar_tab_background};
    min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    width:auto !important;
    width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    text-align:center;
    color: {vb:stylevar navbar_tab_color};
    font:{vb:stylevar navbar_tab_font};
    text-decoration:none;
    line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}

.navtabs li a.navtab:hover {
    background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height};
    color:{vb:stylevar navbar_tab_selected_color};
}

.navtabs li.selected {
    height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    color:{vb:stylevar navbar_tab_selected_color};
}

.navtabs li.selected a.navtab {
    color:{vb:stylevar navbar_tab_selected_color};
    background:{vb:stylevar navbar_tab_selected_background};
    position:relative;
    top:-{vb:stylevar navbar_tab_selected_top_height};
    padding-top:{vb:stylevar navbar_tab_selected_top_height};
    z-index:10;
}

.navtabs li.selected li a,
.navbar_advanced_search li a {
    text-decoration:none;
    font:{vb:stylevar navbar_font};
    line-height: {vb:stylevar navbar_menu_height};
}

.navtabs li.selected li a {
    color:{vb:stylevar navbar_link_color};
    padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}

.navtabs li.selected ul.popupbody a {
    line-height: {vb:stylevar popupmenu_height};
}

.navbar_advanced_search li {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    display:block;
    clear:both;
}

.navbar_advanced_search li a {
    color:{vb:stylevar navbar_link_color};
}

.navbar_advanced_search li a:hover {
    color:{vb:stylevar navbar_linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected li a:hover {
    color:{vb:stylevar navbar_linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected .popupbody li a {
    text-indent: 0;
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    padding:{vb:stylevar popup_padding.paddingTop}{vb:stylevar popup_padding.units} {vb:stylevar padding};
}

.navtabs li.selected .popupbody li a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background: {vb:stylevar navbar_popupmenu_link_hover_background};
}

.navtabs li.selected li a.popupctrl {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;    
    border-radius:3px;
    border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
    background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
    padding-{vb:stylevar right}:15px;
    color: {vb:stylevar navbar_link_color};
}

.toplinks .notifications a.popupctrl {    
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.toplinks .nonotifications a.popupctrl {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar 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-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}

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

.navtabs li.selected li:hover a.popupctrl {
    border-color:{vb:stylevar navbar_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    text-decoration:none;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
    border-color:{vb:stylevar navbar_tab_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    color:{vb:stylevar navbar_link_color};
    border-radius: 3px 3px 0px 0px;
    text-decoration:none;
}

.navtabs .popupbody {
    border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
    background: {vb:stylevar navbar_tab_background.backgroundColor};
    width: auto;
}

.navtabs .popupbody li {
    float:none;
    border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}

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

.nonotifications div.popupbody {
    min-width: 170px;
    width: auto !important;
    width: 170px;
    background: {vb:stylevar navbar_tab_background.backgroundColor};
    border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}

.nonotifications .popupbody p {
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    text-align: {vb:stylevar left};
    border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
    padding: 0;
    text-indent: {vb:math {vb:stylevar padding}/2};
    line-height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    display:block;
}

.toplinks .nonotifications .popupbody a {
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    float: none;
    clear: none;
    padding: 0 {vb:math {vb:stylevar padding}/2};
    margin-{vb:stylevar left}: 0;
    text-align: {vb:stylevar left};
    line-height: {vb:stylevar popupmenu_height};
}

.toplinks .nonotifications .popupbody a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background:{vb:stylevar navbar_popupmenu_link_hover_background};
    text-decoration: {vb:stylevar linkhover_textDecoration};
    padding: 0 {vb:math {vb:stylevar padding}/2};
}

.globalsearch {
    position:absolute;
    width:180px;
    {vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
    top: {vb:stylevar navbar_tab_padding.paddingTop}{vb:stylevar navbar_tab_padding.units};
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    text-align:{vb:stylevar right};
    line-height: 1.0em;
    display:block;
}

.navbar_search {
    position:relative;
    width: {vb:math {vb:stylevar navbar_tab_bevel}+179};
    {vb:stylevar right}: -{vb:math {vb:math {vb:stylevar padding}*2}-{vb:stylevar navbar_tab_bevel}+1};
    display:block;
}

.navbar_search input {
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    vertical-align:middle;
    padding: 1px;
    border:{vb:stylevar input_border};
}

.globalsearch .textboxcontainer {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
    display:inline-block;
    float: {vb:stylevar left};
    text-align:center;
}

.globalsearch .textboxcontainer span {
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    display: inline-block;
    height: {vb:math {vb:stylevar navbar_tab_size.height}-4}{vb:stylevar navbar_tab_size.units};
    padding-{vb:stylevar left}: 2px;
    padding-{vb:stylevar right}: 2px;
    padding-top: 3px;
    margin-bottom: 1px;
    width: 147px;
}

.globalsearch input.textbox {
    width: 120px;
}

.toplinks form input.loginbutton {
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    padding: 0 {vb:math {vb:stylevar padding}/2};
    border:solid 1px {vb:stylevar heavy_border.borderColor};
}

.globalsearch .buttoncontainer {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
    display:inline-block;
    border-{vb:stylevar right}:{vb:stylevar navbar_tab_border};
    width: 25px;
    overflow: hidden;
    float: {vb:stylevar right};
}

.globalsearch .buttoncontainer span{
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    height: {vb:math {vb:stylevar navbar_tab_size.height}-3}{vb:stylevar navbar_tab_size.units};
    padding-{vb:stylevar left}: 4px;
    padding-top: {vb:math {vb:math {vb:stylevar navbar_tab_size.height}-21}/2}{vb:stylevar navbar_tab_size.units};
    display:inline-block;
}

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

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

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

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

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

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

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

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

.breadcrumb hr {
    display:none;
}

/*************************************************/
/* PAGE TITLE */
    
#pagetitle {
    padding:{vb:stylevar pagetitle_padding};
    clear:both;
    padding-top: {vb:math {vb:stylevar padding}/2};
    background:{vb:stylevar pagetitle_background};
    border:{vb:stylevar pagetitle_border};
}
#pagetitle a { color:{vb:stylevar pagetitle_link_color}; }
#pagetitle a:hover { color:{vb:stylevar pagetitle_linkhover_color}; }

#pagetitle h1 {
    color: {vb:stylevar pagetitle_color};
    font:{vb:stylevar pagetitle_font};
}

#pagetitle .description {
    color: {vb:stylevar pagetitle_description_color};
    font-size: {vb:math {vb:stylevar font.fontSize}*0.85}{vb:stylevar font.units};
}

/*************************************************/
/* NEW CONTENT LINK */
.newcontent_textcontrol {
    background: {vb:stylevar control_content_background};
    _background-image: none;
    -moz-border-radius: {vb:stylevar control_content_radius};
    -webkit-border-radius: {vb:stylevar control_content_radius};
    border-radius: {vb:stylevar control_content_radius};
    -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    -webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    font: {vb:stylevar control_content_font};
    color: {vb:stylevar control_content_color};
    padding: {vb:stylevar control_content_padding};
    border: {vb:stylevar control_content_border};
    display:block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.newcontent_textcontrol span {
    font:{vb:stylevar control_content_font};
    font-size:{vb:math {vb:stylevar control_content_font.fontSize}+1}{vb:stylevar control_content_font.units};
    font-weight:bold;
    display:inline;
}

.newcontent_textcontrol:hover {
    background: {vb:stylevar control_content_hover_background};
    color: {vb:stylevar control_content_hover_color};
    text-decoration: none;
}


/*************************************************/
/* FOOTER */

.footer {
    clear:both;
    margin-top:{vb:math {vb:stylevar padding}*1.5};
    text-align:{vb:stylevar right};
    display:block;
    /*width: 100%; VBIV-10173*/
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
    -moz-box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    -webkit-box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
<vb:else />
    -moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
</vb:if>
    background:{vb:stylevar footer_background};
    padding:{vb:stylevar footer_padding};
    border:{vb:stylevar footer_border};
    color:{vb:stylevar footer_color};
    font:{vb:stylevar footer_font};
}
.footer a { color:{vb:stylevar footer_link_color}; }
.footer a:hover { color:{vb:stylevar footer_linkhover_color}; }


.footer_copyright,
.footer_morecopyright {
    padding-bottom:{vb:math {vb:stylevar padding}/2};
    color:{vb:stylevar footer_copyright_color};
    font:{vb:stylevar footer_copyright_font};
    margin-top: {vb:stylevar padding};
    text-align:center;
    display:block;
}

.footer_time {
    color:{vb:stylevar footer_copyright_color};
    font:{vb:stylevar footer_copyright_font};
    padding-top:{vb:stylevar padding};
    text-align:center;
}

.footer_select {
    float:{vb:stylevar left};
    text-align:{vb:stylevar left};
    margin-{vb:stylevar left}: {vb:stylevar padding};
    margin-top: 0;
}

.footer_links {
    margin-{vb:stylevar right}: {vb:stylevar padding};
    margin-top: 2px;
}

.footer_links li {
    display:inline;
    margin-{vb:stylevar left}:{vb:math {vb:stylevar padding}/2};
}

.below_body .time {
    color: {vb:stylevar footer_time_color};
}

.notices {
    background: {vb:stylevar body_background.backgroundColor};
    margin: {vb:math {vb:stylevar padding}/2} 0;
}

.notices li {
    background: {vb:stylevar notices_background};
    font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
    color: {vb:stylevar body_color};
    padding:{vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
    margin-bottom:{vb:math {vb:stylevar padding}/2};
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
    -moz-box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
    -webkit-box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
    box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
<vb:else />
    -moz-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
</vb:if>
    text-align: {vb:stylevar left};
    clear:both;
}

.breadcrumb .navbithome {
    float: {vb:stylevar left};
    padding: {vb:math {vb:math {vb:stylevar font.fontSize}+6px-12px}/2} 0;
}
/* end styles for template: navbar */

/*************************************************/
/* ADS GLOBAL */
.ad_global_header {
}
#ad_global_header1 {
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_header2 {
    float:{vb:stylevar left};
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_below_navbar {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_above_footer {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
    text-align:{vb:stylevar left};
    clear:both;
}
#ad_board_below_whats_going_on {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
    text-align:{vb:stylevar left};
}
#ad_thread_first_post_content {
    float:{vb:stylevar right};
    margin:{vb:stylevar ad_margin};
}
#ad_thread_last_post_content {
    float:{vb:stylevar right};
    margin:{vb:stylevar ad_margin};
    z-index: 1000;
}
.google_adsense_footer {
    clear:both;
}