مطلوب تكبير الخط أثناء كتابة المشاركة

4 أغسطس 2011
9
0
0
www.daralebdaa.com
السلام عليكم ورحمة الله وبركاته
اخواني لدي استفسار حول طريقة تكبير الخط أثناء الكتابة في نفس صندوق المشاركات
نسخة المنتدى 4.1.4
وهذه صورة للتوضيح المطلوب

dar-58790d8f27.jpg
a6tb4rle3g55.jpg


أريد تكبير الخط أثناء كتابة المشاركة داخل صندوق المشاركات


أتمنى إفادتي ولكم جزيل الشكر
 

gh-zal.com

عضو جديد
26 أبريل 2011
279
1
0
www.gh-zal.com
السلام عليكم و رحمة الله و بركاته​

أدخل على لوحة تحكم منتداك و من ثم على اليمين اختر من قائمة "الاستايلات و القوالب" ضبط الاستايلات كما في الصورة :​


01.gif


و من ثم بجانب الاستايل اللي بدك تغير فيه الخط توجد قائمة منسدلة اختر منها تعديل القوالب كما في الصورة التالية :​


02.gif





و بعد ذلك بتطلع لك بعض القوالب و ليس جميعا و كل ما عليك هو الضغط على زر الأسهم التي بهذا الشكل ( << >> ) كما في الصورة لرؤية جميع القوالب :​


03.gif


و بعدين بتلاقي كل القوالب طلعت و انزل تحت بتلاقي قالب اسمه postbit_legacy و أيضا postbit و اختر إحداهما بالضغط مرتين عليه و من ثم انسخ كود القالب بالكامل و افتح الفرونت بيج و في منطقة الأكواد ضع الكود كاملا مع مراعاة مسح الكود الموجود بالفرونت بيج و هذه الطرق تعلمناها في تصميم الاستايلات قبل ذلك و من ثم اذهب إلى منطقة التحرير و بتلاقي هذا الكود :

كود:
[COLOR=blue]$post[message][/COLOR]

ظلله بتأني في الفرونت بيج و من ثم غير الخط أو اللون على كيفك و من ثم انسخ الكود المعدل و انقله بدلا من كود القالب و احفظ العمل مع مراعاة أخذ نسخة من القالب احتياطا​

أتمنى لكم كل التوفيق و نحن في الخدمة ... أخوكم أحمد
icon31.gif

 
4 أغسطس 2011
9
0
0
www.daralebdaa.com
اخي الكريم بارك الله فيك وجزاك كل خير على الرد

لكن انا لا اريد التعديل على خط المشاركات

انا ما طلبته هو التعديل على الخط في الصندوق اثناء الكتابة
 

hassanlab

:: متميز :: , بقسم المشاكل والحلول
1 يوليو 2011
394
9
0
53
cairo
lmsat7asan.com
اخي الكريم بارك الله فيك وجزاك كل خير على الرد

لكن انا لا اريد التعديل على خط المشاركات

انا ما طلبته هو التعديل على الخط في الصندوق اثناء الكتابة

(حجم الخط من 1 الى 7)
a6tb4rle3g55.jpg

عفى الله عما سلف
 

Abdul Rahim

[ أعضاء فى القلب ]
30 مايو 2011
3,386
23
0
وعليكم السلام ورحمة الله وبركاته

أدخل لوحة التحكم > الإستايلات والقوالب > البحث في القوالب > إبحث عن vbulletin.css ||

داخل الملف إبحث عن:
كود:
.wysiwyg {

ستجدها هكذا:
كود:
.wysiwyg {
font: {vb:stylevar font};
}

إستبدله بـ:
كود:
.wysiwyg {
    font-family: Tahoma;
    color: blue;
    font-size: 14px;
    text-align: center;
}
 
4 أغسطس 2011
9
0
0
www.daralebdaa.com
وعليكم السلام ورحمة الله وبركاته

أدخل لوحة التحكم > الإستايلات والقوالب > البحث في القوالب > إبحث عن vbulletin.css ||

داخل الملف إبحث عن:
كود:
.wysiwyg {
ستجدها هكذا:
كود:
.wysiwyg {
font: {vb:stylevar font};
}
إستبدله بـ:
كود:
.wysiwyg {
    font-family: Tahoma;
    color: blue;
    font-size: 14px;
    text-align: center;
}


كل الشكر لك اخي القدير على هذه الاضافة القيمة

لكن قالبvbulletin.css النسخة 4.1.4 يختلف عن الشرح الذي ضفته

يمكنك التشيك على القالب

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


/*THIS*/

html {
    background:{vb:stylevar doc_background};
    <vb:if condition="$stylevar['textdirection'] == 'rtl'"> /* VBIV-11882 */
        overflow-x: hidden;
    </vb:if>
}

/* REVERSE SOME YUI RESET STUFF */
em {}
strong {}

/* BASIC PAGE ELEMENTS */

body {
    width:{vb:stylevar doc_width};
    min-width:{vb:stylevar doc_minWidth};
    max-width:{vb:stylevar doc_maxWidth};
    margin: {vb:stylevar doc_margin};
    font-size:{vb:stylevar font.fontSize}px;
    color:{vb:stylevar body_color};
    line-height:{vb:stylevar line_height};
}

body a {
    color:{vb:stylevar link_color};
    text-decoration:{vb:stylevar link_textDecoration};
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
    color:{vb:stylevar linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}

body a.understate,
body a .understate {
    color:inherit;
    text-decoration:none;
    *clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
}

.body_wrapper {
    padding: {vb:stylevar body_padding};
    background: {vb:stylevar body_background};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    border-radius: {vb:stylevar border_radius};
}

input,
textarea,
button,
select {
    font-family:{vb:stylevar control_font.fontFamily};
}

.button {
    padding: {vb:math {vb:stylevar padding}/4} {vb:math {vb:stylevar padding}/2};
    font: {vb:stylevar control_font};
    border:{vb:stylevar button_control_border};
    color:{vb:stylevar control_color};
    background:{vb:stylevar control_background};
    -moz-border-radius:{vb:stylevar popupmenu_border_radius};
    -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
    webkit-border-radius:{vb:stylevar popupmenu_border_radius};
}

.button:hover {
    background: {vb:stylevar control_hover_background};
    color: {vb:stylevar control_color};
}
body,
legend {
    font-family:{vb:stylevar font.fontFamily};
}

.shade {
    color:{vb:stylevar shade_color};
}

.time {
    color:{vb:stylevar time_color};
}

.nocss_label {
    display:none;
}

.normal {
    font-size:{vb:stylevar font.fontSize}px;
    font-weight:normal;
}

/* BLOCK STUFF */

.block {
    clear:both;
    padding:{vb:stylevar block_padding};
    color:{vb:stylevar block_color};
    font:{vb:stylevar block_font};
}

.blockhead {
    font:{vb:stylevar blockhead_font};
    color:{vb:stylevar blockhead_color};
    background:{vb:stylevar blockhead_background};
    _background-image: none;
    padding:{vb:stylevar blockhead_padding};
    border:{vb:stylevar blockhead_border};
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.blockhead h2 {
    font-weight:bold;
}

.blockhead a { color:{vb:stylevar blockhead_link_color}; }
.blockhead a:hover { color:{vb:stylevar blockhead_linkhover_color}; }

.blockhead img {
    margin-bottom: -{vb:stylevar blockhead_padding.paddingBottom}{vb:stylevar blockhead_padding.units};
}

.blocksubhead {
    font:{vb:stylevar blocksubhead_font};
    color:{vb:stylevar blocksubhead_color};
    background:{vb:stylevar blocksubhead_background};
    padding:{vb:stylevar blocksubhead_padding};
    border-top:{vb:stylevar blocksubhead_border};
}



.blocksubhead img {
    vertical-align:middle;
}

.blocksubhead a { color:{vb:stylevar blocksubhead_link_color}; text-decoration:none; }
.blocksubhead a:hover { color:{vb:stylevar blocksubhead_linkhover_color}; }

.blockhead_info, .blocksubhead_info {
    float:{vb:stylevar right};
    font-weight:normal;
}

/*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */
    background:{vb:stylevar blockbody_background};
    padding-{vb:stylevar left}:{vb:stylevar blockbody_padding.paddingLeft}px;
    padding-{vb:stylevar right}:{vb:stylevar blockbody_padding.paddingRight}px;
}

.blockrow {
    background:{vb:stylevar blockrow_background};
    padding:{vb:stylevar blockrow_padding};
    border:{vb:stylevar blockrow_border};
    color:{vb:stylevar blockrow_color};
    font:{vb:stylevar blockrow_font};
}
.blockrow a { color:{vb:stylevar blockrow_link_color}; }
.blockrow a:hover { color:{vb:stylevar blockrow_linkhover_color}; }

.blockfoot, .blocksubfoot {
    display:block;
    clear:both;
    background:{vb:stylevar blockfoot_background};
    padding:{vb:stylevar blockfoot_padding};
    border:{vb:stylevar blockfoot_border};
    color:{vb:stylevar blockfoot_color};
    font:{vb:stylevar blockfoot_font};

}
.blockfoot a { color:{vb:stylevar blockfoot_link_color}; }
.blockfoot a:hover { color:{vb:stylevar blockfoot_linkhover_color}; }

.blockfoot,
.blocksubfoot {
    padding:{vb:stylevar blockfoot_padding};
}

.blocksubfoot {
    text-align:{vb:stylevar right};
}
/* END BLOCK STUFF */

/* WYSIWYG */
.wysiwyg_block {
    margin-bottom: {vb:stylevar padding};
}

.wysiwyg_block .blockrow:first-child {
    background: transparent url({vb:stylevar wysiwyg_block_background_image}) repeat-x top {vb:stylevar left};
}

.wysiwyg_block iframe.textbox {
    border: {vb:stylevar mid_border};
    background: {vb:stylevar wysiwyg_textbox_background};
    padding-bottom: 0;
}

.wysiwyg_block .formcontrols .blockrow {
    border-top: 0;
}

/* CSS TABLE STUFF */
.table { display:table; table-layout:fixed; }
.thead { width:100%; padding:0; display: table-row; }
.tr    { display:table-row; }
.td    { display:table-cell; }

/* PAGINATION LINKS */

.pagination span {
    display: block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.pagination span a {
    font:{vb:stylevar pagination_font};
    border: {vb:stylevar pagination_border};
    height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
    padding: 2px 4px;
    margin-{vb:stylevar left}: 1px;
    background:{vb:stylevar pagination_background};
    text-decoration:none;
    color: {vb:stylevar pagination_color};
}

.pagination span a:hover {
    border: {vb:stylevar pagination_hover_border};
}

.pagination span.prev_next a, .pagination span.first_last a {
    position: relative;
    top: -2px;
}

.pagination span.prev_next a img, .pagination span.first_last a img {
    position: relative;
    display: inline;
    top: 3px;
}
.pagination dt.label {
    display:none;
}

.pagination span.selected a {
    background: {vb:stylevar pagination_current_background};
    color: {vb:stylevar pagination_current_color};
    border: {vb:stylevar pagination_current_border};
    height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
    font-weight:bold;
    padding: 2px 4px;
    margin-{vb:stylevar left}: 1px;
}

.pagination .separator,
.pagination .elipsis {
    background: none;
    border: 0;
}

.pagination .separator:hover {
    border: 0;
}

.pagination li.jumptopage {
    text-align:center;
}


.pagination span a.popupctrl {
    height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
    background: transparent url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
    padding-{vb:stylevar right}: 4px;
    padding-{vb:stylevar left}: 18px;
}

.pagination .popupmenu:hover a.popupctrl {
    border: {vb:stylevar pagination_hover_border};
    color: {vb:stylevar body_color};
}

/* TEXT CONTROLS */

.textcontrols a,
a.textcontrol {
    position:relative;
    padding: 3px {vb:math {vb:stylevar padding}/2};
    font: {vb:stylevar control_font};
    line-height: {vb:stylevar line_height};
    text-decoration:none;
    border: {vb:stylevar control_border};
    color: {vb:stylevar control_color};
    background:{vb:stylevar control_background};
    -moz-border-radius:{vb:stylevar popupmenu_border_radius};
    -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
    border-radius:{vb:stylevar popupmenu_border_radius};
}

.textcontrols a img,
a.textcontrol img {
    position:absolute;
    bottom:2px;
    {vb:stylevar left}:-2px;
}

.textcontrols a:hover img,
a:hover.textcontrol img {
    position: absolute;
    bottom:2px;
    {vb:stylevar left}:-2px;
}

.textcontrols a:hover,
a:hover.textcontrol {
    background:{vb:stylevar control_hover_background};
    text-decoration:none;
    color: {vb:stylevar control_hover_color};
}

.textcontrols a:hover,
a:hover.textcontrol {
    text-decoration:none;
}

.blockhead a.textcontrol {
    float:{vb:stylevar right};
    font:{vb:stylevar control_font};
    margin-top: -{vb:math {vb:math {vb:math {vb:stylevar control_font.fontSize} + {vb:math 3px*2} + {vb:math {vb:stylevar control_border.borderWidth}*2}} - {vb:math {vb:stylevar blockhead_font.fontsize} + {vb:stylevar blockhead_padding.paddingTop}{vb:stylevar blockhead_padding.units} + {vb:stylevar blockhead_padding.paddingBottom}{vb:stylevar blockhead_padding.units}+{vb:math {vb:stylevar blockhead_border.borderWidth}*2}}}/2};
    text-transform: none;
}

.blockhead a.textcontrol:hover {
    color: {vb:stylevar control_hover_color};
}

/* FORUMJUMP (navpopup) */

.navpopupmenu {
    text-align:{vb:stylevar right};
    float: {vb:stylevar right};
    display:block;
    padding: 0;
    padding-top: {vb:math {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units} + {vb:math {vb:stylevar padding}/2} - {vb:stylevar mid_fontSize}}/2};
    clear: {vb:stylevar left};
    margin-{vb:stylevar left}: {vb:stylevar padding};
    font-size: {vb:stylevar mid_fontSize};
    margin-top: 0;
}

* 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: {vb:stylevar control_color};
    border: {vb:stylevar control_border};
    background: {vb:stylevar control_background};
    _background-image: none;
    font: {vb:stylevar control_font};
    padding: {vb:math {vb:stylevar padding}/3} {vb:math {vb:stylevar padding}/1.5};
    -moz-border-radius: {vb:stylevar popupmenu_border_radius};
    -webkit-border-radius: {vb:stylevar popupmenu_border_radius};
    border-radius: {vb:stylevar popupmenu_border_radius};
}

.navpopupmenu a.textcontrol:hover, .navpopupmenu a.popupctrl:hover, .navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
        background: {vb:stylevar control_hover_background};
        color: {vb:stylevar control_hover_color};
        _background-image: none;
}

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

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

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

.navpopupbody li.optionlabel {
    text-align:center;
    font-weight:bold;
}

/**
* Not pretty, but it works...
*/
.navpopupbody .d1  a, option.d1  { text-indent:{vb:math 1  * {vb:stylevar padding} * 2}; }
.navpopupbody .d2  a, option.d2  { text-indent:{vb:math 2  * {vb:stylevar padding} * 2}; }
.navpopupbody .d3  a, option.d3  { text-indent:{vb:math 3  * {vb:stylevar padding} * 2}; }
.navpopupbody .d4  a, option.d4  { text-indent:{vb:math 4  * {vb:stylevar padding} * 2}; }
.navpopupbody .d5  a, option.d5  { text-indent:{vb:math 5  * {vb:stylevar padding} * 2}; }
.navpopupbody .d6  a, option.d6  { text-indent:{vb:math 6  * {vb:stylevar padding} * 2}; }
.navpopupbody .d7  a, option.d7  { text-indent:{vb:math 7  * {vb:stylevar padding} * 2}; }
.navpopupbody .d8  a, option.d8  { text-indent:{vb:math 8  * {vb:stylevar padding} * 2}; }
.navpopupbody .d9  a, option.d9  { text-indent:{vb:math 9  * {vb:stylevar padding} * 2}; }
.navpopupbody .d10 a, option.d10 { text-indent:{vb:math 10 * {vb:stylevar padding} * 2}; }
.navpopupbody .d11 a, option.d11 { text-indent:{vb:math 11 * {vb:stylevar padding} * 2}; }
.navpopupbody .d12 a, option.d12 { text-indent:{vb:math 12 * {vb:stylevar padding} * 2}; }
.navpopupbody .d13 a, option.d13 { text-indent:{vb:math 13 * {vb:stylevar padding} * 2}; }
.navpopupbody .d14 a, option.d14 { text-indent:{vb:math 14 * {vb:stylevar padding} * 2}; }
.navpopupbody .d15 a, option.d15 { text-indent:{vb:math 15 * {vb:stylevar padding} * 2}; }
.navpopupbody .d16 a, option.d16 { text-indent:{vb:math 16 * {vb:stylevar padding} * 2}; }
.navpopupbody .d17 a, option.d17 { text-indent:{vb:math 17 * {vb:stylevar padding} * 2}; }
.navpopupbody .d18 a, option.d18 { text-indent:{vb:math 18 * {vb:stylevar padding} * 2}; }
.navpopupbody .d19 a, option.d19 { text-indent:{vb:math 19 * {vb:stylevar padding} * 2}; }
.navpopupbody .d20 a, option.d20 { text-indent:{vb:math 20 * {vb:stylevar padding} * 2}; }

/* LEFT / RIGHT DT+DD */

dl.stats.totals {
    float:{vb:stylevar right};
    padding:{vb:math {vb:stylevar padding}/2};
}

dl.stats dt {
    display:inline;
    color:{vb:stylevar shade_color};
}
dl.stats dt:after {
    content:":";
}
dl.stats dd {
    display:inline;
}

/* BLOCK STATS */
dl.statsblock dt {
    display:block;
    float:{vb:stylevar left};
    clear:{vb:stylevar left};
    width:25%;
}

dl.statsblock dd {
    display:block;
    float:{vb:stylevar left};
    margin-{vb:stylevar left}:{vb:stylevar padding};
}

/* LIGHT-TABS */

dl.tabslight {
    border-bottom:solid {vb:stylevar tabslight_border.borderWidth}px {vb:stylevar mid_border.borderColor};
    padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} * 2};
    margin-bottom:1em;
    height:{vb:math {vb:stylevar tabslight_size.height} + {vb:stylevar tabslight_border.borderWidth}}px;
    margin-top:{vb:math {vb:stylevar padding}*1.5};
}

dl.tabslight dt {
    display:none;
}

dl.tabslight dd {
    float:{vb:stylevar left};
}

dl.tabslight dd a {
    font-size:{vb:stylevar small_fontSize};
    font-weight:bold;
    color:{vb:stylevar body_color};
    text-decoration:none;
    text-align:center;

    padding:0 {vb:stylevar padding};
    min-width:{vb:stylevar tabslight_size.width};
    height:{vb:stylevar tabslight_size.height};
    line-height:{vb:stylevar tabslight_size.height}px;
    display:block;

    border:{vb:stylevar tabslight_border};
    background-color:{vb:stylevar blocksubhead_background.backgroundColor};

    margin-{vb:stylevar left}:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.unit};
    margin-bottom:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.unit};

    -moz-border-radius-top{vb:stylevar left}:5px;
    -moz-border-radius-top{vb:stylevar right}:11px;
    -webkit-border-top-{vb:stylevar left}-radius:3px;
    -webkit-border-top-{vb:stylevar right}-radius:11px;
    border-top-{vb:stylevar left}-radius:3px;
    border-top-{vb:stylevar right}-radius:11px;
}

html>/**/body dl.tabslight dd.selected a,
html>/**/body dl.tabslight dd.selected a:hover {
    position:relative;
    border-bottom: {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar tabslight_border.borderStyle} transparent;
    background:{vb:stylevar tabslight_selected_background};
}
* dl.tabslight dd.selected a, * dl.tabslight dd.selected a:hover {
    border-bottom: {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar tabslight_border.borderStyle} transparent;
    background:{vb:stylevar tabslight_selected_background};
}

dl.tabslight dd a:hover {
    color:{vb:stylevar linkhover_color};
    background:{vb:stylevar navbar_tab_selected_background.backgroundColor} {vb:stylevar navbar_tab_selected_background.backgroundImage} repeat-x 0 -{vb:stylevar navbar_tab_selected_top_width}px;
}

/* COLUMN SORT LINKS */

.columnsort a,
.columnsort span {
    display:block;
    text-decoration:none;
    white-space:nowrap;
    text-align: {vb:stylevar left};
}

.columnsort a:hover {
    background-color:{vb:stylevar imodhilite_backgroundColor};
    text-decoration:none;
    color:inherit;
}

tr.columnsort th {
    white-space:nowrap;
}

/* MISC */

div.collapse {
    position:relative;
}

a.collapse {
    float:{vb:stylevar right};
    {vb:stylevar right}:{vb:stylevar padding};
    top:{vb:math {vb:stylevar padding}*2};
    position:absolute;
}

.blockhead a.collapse {
    top: {vb:stylevar padding};
}

#forumrules {
    margin-bottom: {vb:stylevar padding};
    border-bottom: {vb:stylevar secondarycontent_border};
    border-{vb:stylevar left}: {vb:stylevar secondarycontent_border};
    border-{vb:stylevar right}: {vb:stylevar secondarycontent_border};
    border-top: 1px solid {vb:stylevar secondarycontent_background.backgroundColor};
    background: {vb:stylevar secondarycontent_background};
}

#forumrules ul.youcandoblock {
    float:{vb:stylevar left};
    width:55%;
    margin-bottom: {vb:stylevar padding};
    overflow:hidden;
}

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

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

.errorblock ul.blockrow.error > li {
    border-bottom:solid 1px {vb:stylevar light_border.borderColor};
    padding-bottom:{vb:stylevar padding};
    margin-bottom:{vb:stylevar padding};
}

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

blockquote.preview {
    font:{vb:stylevar content_msg_font};
}

blockquote.preview.forumcontent {
    font:{vb:stylevar forum_msg_font};
}

blockquote.preview .bbcode_container div.bbcode_code,
blockquote.preview .bbcode_container pre.bbcode_code {
    margin:0;
    padding:6px;
    border:1px inset;
    text-align:{vb:stylevar left};
    overflow:auto;
    direction:ltr;
    background:{vb:stylevar content3_background.backgroundColor} {vb:stylevar content3_background.backgroundImage} repeat-x;
    /*height:{vb:stylevar bbcode_codeheight};*/
    font-size:12px;
}

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

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

blockquote.preview fieldset.postattachlist {
    background:{vb:stylevar formrow_background.backgroundColor} {vb:stylevar formrow_background.backgroundImage} bottom repeat-x;
    border-top:solid 1px {vb:stylevar light_border.borderColor};
    padding-bottom:1em;
}

blockquote.preview .bbcode_container div.bbcode_quote {
    margin:0 {vb:stylevar padding};
    margin-bottom: {vb:stylevar padding};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    background: {vb:stylevar bbcode_quote_background};
    border-radius: {vb:stylevar border_radius};
    border: {vb:stylevar bbcode_quote_border};
    font: {vb:stylevar bbcode_quote_font};
    position: relative;
    top: 0;
}


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

blockquote.preview .bbcode_quote div.quote_container {
    border-top: 1px solid {vb:stylevar postbit_background.backgroundColor};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    border-radius: {vb:stylevar border_radius};
    padding: {vb:stylevar bbcode_quote_padding};
}

.attachments {
    border: {vb:stylevar postbit_boxed_border};
    background: {vb:stylevar postbit_boxed_background};
    margin: 20px {vb:math {vb:stylevar bbcode_quote_padding.paddingLeft}+20px};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    border-radius: {vb:stylevar border_radius};
    padding: {vb:stylevar postbit_boxed_padding};
    font-size: {vb:stylevar postbit_boxed_fontSize};
}

.attachments fieldset {
    margin: {vb:stylevar bbcode_quote_padding.paddingTop}{vb:stylevar bbcode_quote_padding.units} 0;
}

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


blockquote.preview .signature {
    margin-top:1.5em;
    border-top:solid 1px {vb:stylevar shade_deep_color};
    padding-top:0.5em;
}

.commalist li {
    display:inline;
}

.commalist li:after {
    content:",";
}

.commalist li:last-child:after {
    content:"";
}

ul.username li a,
ol.username li a,
a.username {}
.commalist li a.username {
    display:inline;
}


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

a.extlink {
    width:10px;
    height:10px;
    text-indent:-9999px;
    position:absolute;
    margin-{vb:stylevar left}:2px;
    background:{vb:stylevar a_extlink};
}

.hidden {
    display:none;
}

/* 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:{vb:stylevar right};
}

#inlinemod_formctrls .popupctrl {
    text-decoration:none;
    background: {vb:stylevar control_background};
    padding-{vb:stylevar right}: 0;
    color: {vb:stylevar control_color};
    border: {vb:stylevar control_border};
    font: {vb:stylevar control_font};
    float: {vb:stylevar left};
    -moz-border-radius:{vb:stylevar popupmenu_border_radius};
    -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
    border-radius:{vb:stylevar popupmenu_border_radius};
}

#inlinemod_formctrls a.popupctrl:hover {
    background: {vb:stylevar control_hover_background};
    color: {vb:stylevar control_hover_color};
}

#inlinemod_formctrls a.popupctrl span.ctrlcontainer {
    display:inline-block;
    background: transparent url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
    padding-top: {vb:math {vb:stylevar padding}/3};
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    padding-bottom: {vb:math {vb:stylevar padding}/3};
    padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
    font-size: {vb:stylevar small_fontSize};
    float: {vb:stylevar left};
}

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


/* FORUM DISABLED */
div.forum_disabled {
    text-align:center;
    color:red;
    background-color:white;
    padding:{vb:stylevar padding};
    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-{vb:stylevar 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-{vb:stylevar left}: 1em;
}

.restore th,
.restore td {
    /* Borders and padding to make the table readable. */
    border: {vb:stylevar restore};
    padding: {vb:stylevar restore_padding};
}

.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-{vb:stylevar right}:{vb:math {vb:stylevar padding} / 2}px;
}

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

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

li.taglevel1 {
    font-size:xx-small;
}

li.taglevel2 {
    font-size:small;
}

li.taglevel3 {
    font-size:medium;
}

li.taglevel4,
li.taglevel5 {
    font-size:large;
}

li.taglevel5 {
    font-weight:bold;
}

li.tag.option {
    padding:{vb:stylevar padding};
}

/* 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:{vb:stylevar shade_color};
}

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

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

#tag_edit_list li {
    float:{vb:stylevar 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 {vb:stylevar padding};
}
*/


/* Social Bookmarks */

#social_bookmarks_list li {
    display:block;
    float:{vb:stylevar left};
    padding-{vb:stylevar left}:{vb:stylevar padding};
}

/* Imagereg */
#imagereg {
    vertical-align:middle;
    margin-bottom:{vb:math {vb:stylevar padding}/2};
}


#wol_navpopup.navpopupmenu {
    margin-bottom:6px;
}
.navlinks {
    background: {vb:stylevar navlinks_background};
    border-top: {vb:stylevar navlinks_border_top};
    padding: {vb:stylevar padding} 0;
    text-align: center;
    color: {vb:stylevar navlinks_color};
    font-size: {vb:stylevar font-size};
        margin-top: 20px;
        margin-bottom: 20px;
width:100%;
clear:both;
}

.cleardiv {
    clear:both;
}

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

#ajax_post_errors .blockrow {
    border-bottom:{vb:stylevar forumbits_border};
    border-{vb:stylevar left}:{vb:stylevar forumbits_border};
    border-{vb:stylevar right}:{vb:stylevar forumbits_border};
}
#ajax_post_errors .blockfoot {
    text-align:center;
}

#ajax_post_errors_message ol {
    margin:1em;
    margin-{vb:stylevar 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 {
    background: {vb:stylevar highlight_background};
}

.clear {
    clear: both;
}

/* 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: {vb:stylevar right};
}
.blogbit #fb_likeframe {
    margin-top: 7px;
}

/* Fix for Facebook Connect rtl scrollbar */
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
#FB_HiddenContainer { left: 0; right: -10000px; <vb:if condition="is_browser('firefox')">display: none;</vb:if> }
</vb:if>

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

#recaptcha_widget_div {
    float:{vb:stylevar left};
}

.member_blockrow .error 
{ 
        padding:{vb:stylevar blocksubhead_padding}; 
}  

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

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

td.cms_table_grid_td,
td.wysiwyg_cms_table_grid_td {
    border: {vb:stylevar vbcms_wysiwyg_table_borderSize} solid {vb:stylevar vbcms_wysiwyg_table_borderColor};
}

table.cms_table_outer_border,
table.wysiwyg_cms_table_outer_border {
    border-collapse: collapse;
    border: {vb:stylevar vbcms_wysiwyg_table_borderSize} solid {vb:stylevar vbcms_wysiwyg_table_borderColor};
}

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

Abdul Rahim

[ أعضاء فى القلب ]
30 مايو 2011
3,386
23
0
جرب هذا القالب ~

كود:
@charset "UTF-8";
/* CSS Document */


/*THIS*/

html {
    background:{vb:stylevar doc_background};
    <vb:if condition="$stylevar['textdirection'] == 'rtl'"> /* VBIV-11882 */
        overflow-x: hidden;
    </vb:if>
}

/* REVERSE SOME YUI RESET STUFF */
em {}
strong {}

/* BASIC PAGE ELEMENTS */

body {
    width:{vb:stylevar doc_width};
    min-width:{vb:stylevar doc_minWidth};
    max-width:{vb:stylevar doc_maxWidth};
    margin: {vb:stylevar doc_margin};
    font-size:{vb:stylevar font.fontSize}px;
    color:{vb:stylevar body_color};
    line-height:{vb:stylevar line_height};
}

body a {
    color:{vb:stylevar link_color};
    text-decoration:{vb:stylevar link_textDecoration};
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
    color:{vb:stylevar linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}

body a.understate,
body a .understate {
    color:inherit;
    text-decoration:none;
    *clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
}

.body_wrapper {
    padding: {vb:stylevar body_padding};
    background: {vb:stylevar body_background};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    border-radius: {vb:stylevar border_radius};
}

input,
textarea,
button,
select {
    font-family:{vb:stylevar control_font.fontFamily};
}

.button {
    padding: {vb:math {vb:stylevar padding}/4} {vb:math {vb:stylevar padding}/2};
    font: {vb:stylevar control_font};
    border:{vb:stylevar button_control_border};
    color:{vb:stylevar control_color};
    background:{vb:stylevar control_background};
    -moz-border-radius:{vb:stylevar popupmenu_border_radius};
    -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
    webkit-border-radius:{vb:stylevar popupmenu_border_radius};
}

.button:hover {
    background: {vb:stylevar control_hover_background};
    color: {vb:stylevar control_color};
}
body,
legend {
    font-family:{vb:stylevar font.fontFamily};
}

.shade {
    color:{vb:stylevar shade_color};
}

.time {
    color:{vb:stylevar time_color};
}

.nocss_label {
    display:none;
}

.normal {
    font-size:{vb:stylevar font.fontSize}px;
    font-weight:normal;
}

/* BLOCK STUFF */

.block {
    clear:both;
    padding:{vb:stylevar block_padding};
    color:{vb:stylevar block_color};
    font:{vb:stylevar block_font};
}

.blockhead {
    font:{vb:stylevar blockhead_font};
    color:{vb:stylevar blockhead_color};
    background:{vb:stylevar blockhead_background};
    _background-image: none;
    padding:{vb:stylevar blockhead_padding};
    border:{vb:stylevar blockhead_border};
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.blockhead h2 {
    font-weight:bold;
}

.blockhead a { color:{vb:stylevar blockhead_link_color}; }
.blockhead a:hover { color:{vb:stylevar blockhead_linkhover_color}; }

.blockhead img {
    margin-bottom: -{vb:stylevar blockhead_padding.paddingBottom}{vb:stylevar blockhead_padding.units};
}

.blocksubhead {
    font:{vb:stylevar blocksubhead_font};
    color:{vb:stylevar blocksubhead_color};
    background:{vb:stylevar blocksubhead_background};
    padding:{vb:stylevar blocksubhead_padding};
    border-top:{vb:stylevar blocksubhead_border};
}



.blocksubhead img {
    vertical-align:middle;
}

.blocksubhead a { color:{vb:stylevar blocksubhead_link_color}; text-decoration:none; }
.blocksubhead a:hover { color:{vb:stylevar blocksubhead_linkhover_color}; }

.blockhead_info, .blocksubhead_info {
    float:{vb:stylevar right};
    font-weight:normal;
}

/*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */
    background:{vb:stylevar blockbody_background};
    padding-{vb:stylevar left}:{vb:stylevar blockbody_padding.paddingLeft}px;
    padding-{vb:stylevar right}:{vb:stylevar blockbody_padding.paddingRight}px;
}

.blockrow {
    background:{vb:stylevar blockrow_background};
    padding:{vb:stylevar blockrow_padding};
    border:{vb:stylevar blockrow_border};
    color:{vb:stylevar blockrow_color};
    font:{vb:stylevar blockrow_font};
}
.blockrow a { color:{vb:stylevar blockrow_link_color}; }
.blockrow a:hover { color:{vb:stylevar blockrow_linkhover_color}; }

.blockfoot, .blocksubfoot {
    display:block;
    clear:both;
    background:{vb:stylevar blockfoot_background};
    padding:{vb:stylevar blockfoot_padding};
    border:{vb:stylevar blockfoot_border};
    color:{vb:stylevar blockfoot_color};
    font:{vb:stylevar blockfoot_font};

}
.blockfoot a { color:{vb:stylevar blockfoot_link_color}; }
.blockfoot a:hover { color:{vb:stylevar blockfoot_linkhover_color}; }

.blockfoot,
.blocksubfoot {
    padding:{vb:stylevar blockfoot_padding};
}

.blocksubfoot {
    text-align:{vb:stylevar right};
}
/* END BLOCK STUFF */

/* WYSIWYG */
.wysiwyg {
    font-family: Arial;
    color: blue;
    font-size: 18px;
    text-align: center;
}
.wysiwyg_block {
    margin-bottom: {vb:stylevar padding};
}

.wysiwyg_block .blockrow:first-child {
    background: transparent url({vb:stylevar wysiwyg_block_background_image}) repeat-x top {vb:stylevar left};
}

.wysiwyg_block iframe.textbox {
    border: {vb:stylevar mid_border};
    background: {vb:stylevar wysiwyg_textbox_background};
    padding-bottom: 0;
}

.wysiwyg_block .formcontrols .blockrow {
    border-top: 0;
}

/* CSS TABLE STUFF */
.table { display:table; table-layout:fixed; }
.thead { width:100%; padding:0; display: table-row; }
.tr    { display:table-row; }
.td    { display:table-cell; }

/* PAGINATION LINKS */

.pagination span {
    display: block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.pagination span a {
    font:{vb:stylevar pagination_font};
    border: {vb:stylevar pagination_border};
    height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
    padding: 2px 4px;
    margin-{vb:stylevar left}: 1px;
    background:{vb:stylevar pagination_background};
    text-decoration:none;
    color: {vb:stylevar pagination_color};
}

.pagination span a:hover {
    border: {vb:stylevar pagination_hover_border};
}

.pagination span.prev_next a, .pagination span.first_last a {
    position: relative;
    top: -2px;
}

.pagination span.prev_next a img, .pagination span.first_last a img {
    position: relative;
    display: inline;
    top: 3px;
}
.pagination dt.label {
    display:none;
}

.pagination span.selected a {
    background: {vb:stylevar pagination_current_background};
    color: {vb:stylevar pagination_current_color};
    border: {vb:stylevar pagination_current_border};
    height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
    font-weight:bold;
    padding: 2px 4px;
    margin-{vb:stylevar left}: 1px;
}

.pagination .separator,
.pagination .elipsis {
    background: none;
    border: 0;
}

.pagination .separator:hover {
    border: 0;
}

.pagination li.jumptopage {
    text-align:center;
}


.pagination span a.popupctrl {
    height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
    background: transparent url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
    padding-{vb:stylevar right}: 4px;
    padding-{vb:stylevar left}: 18px;
}

.pagination .popupmenu:hover a.popupctrl {
    border: {vb:stylevar pagination_hover_border};
    color: {vb:stylevar body_color};
}

/* TEXT CONTROLS */

.textcontrols a,
a.textcontrol {
    position:relative;
    padding: 3px {vb:math {vb:stylevar padding}/2};
    font: {vb:stylevar control_font};
    line-height: {vb:stylevar line_height};
    text-decoration:none;
    border: {vb:stylevar control_border};
    color: {vb:stylevar control_color};
    background:{vb:stylevar control_background};
    -moz-border-radius:{vb:stylevar popupmenu_border_radius};
    -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
    border-radius:{vb:stylevar popupmenu_border_radius};
}

.textcontrols a img,
a.textcontrol img {
    position:absolute;
    bottom:2px;
    {vb:stylevar left}:-2px;
}

.textcontrols a:hover img,
a:hover.textcontrol img {
    position: absolute;
    bottom:2px;
    {vb:stylevar left}:-2px;
}

.textcontrols a:hover,
a:hover.textcontrol {
    background:{vb:stylevar control_hover_background};
    text-decoration:none;
    color: {vb:stylevar control_hover_color};
}

.textcontrols a:hover,
a:hover.textcontrol {
    text-decoration:none;
}

.blockhead a.textcontrol {
    float:{vb:stylevar right};
    font:{vb:stylevar control_font};
    margin-top: -{vb:math {vb:math {vb:math {vb:stylevar control_font.fontSize} + {vb:math 3px*2} + {vb:math {vb:stylevar control_border.borderWidth}*2}} - {vb:math {vb:stylevar blockhead_font.fontsize} + {vb:stylevar blockhead_padding.paddingTop}{vb:stylevar blockhead_padding.units} + {vb:stylevar blockhead_padding.paddingBottom}{vb:stylevar blockhead_padding.units}+{vb:math {vb:stylevar blockhead_border.borderWidth}*2}}}/2};
    text-transform: none;
}

.blockhead a.textcontrol:hover {
    color: {vb:stylevar control_hover_color};
}

/* FORUMJUMP (navpopup) */

.navpopupmenu {
    text-align:{vb:stylevar right};
    float: {vb:stylevar right};
    display:block;
    padding: 0;
    padding-top: {vb:math {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units} + {vb:math {vb:stylevar padding}/2} - {vb:stylevar mid_fontSize}}/2};
    clear: {vb:stylevar left};
    margin-{vb:stylevar left}: {vb:stylevar padding};
    font-size: {vb:stylevar mid_fontSize};
    margin-top: 0;
}

* 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: {vb:stylevar control_color};
    border: {vb:stylevar control_border};
    background: {vb:stylevar control_background};
    _background-image: none;
    font: {vb:stylevar control_font};
    padding: {vb:math {vb:stylevar padding}/3} {vb:math {vb:stylevar padding}/1.5};
    -moz-border-radius: {vb:stylevar popupmenu_border_radius};
    -webkit-border-radius: {vb:stylevar popupmenu_border_radius};
    border-radius: {vb:stylevar popupmenu_border_radius};
}

.navpopupmenu a.textcontrol:hover, .navpopupmenu a.popupctrl:hover, .navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
        background: {vb:stylevar control_hover_background};
        color: {vb:stylevar control_hover_color};
        _background-image: none;
}

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

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

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

.navpopupbody li.optionlabel {
    text-align:center;
    font-weight:bold;
}

/**
* Not pretty, but it works...
*/
.navpopupbody .d1  a, option.d1  { text-indent:{vb:math 1  * {vb:stylevar padding} * 2}; }
.navpopupbody .d2  a, option.d2  { text-indent:{vb:math 2  * {vb:stylevar padding} * 2}; }
.navpopupbody .d3  a, option.d3  { text-indent:{vb:math 3  * {vb:stylevar padding} * 2}; }
.navpopupbody .d4  a, option.d4  { text-indent:{vb:math 4  * {vb:stylevar padding} * 2}; }
.navpopupbody .d5  a, option.d5  { text-indent:{vb:math 5  * {vb:stylevar padding} * 2}; }
.navpopupbody .d6  a, option.d6  { text-indent:{vb:math 6  * {vb:stylevar padding} * 2}; }
.navpopupbody .d7  a, option.d7  { text-indent:{vb:math 7  * {vb:stylevar padding} * 2}; }
.navpopupbody .d8  a, option.d8  { text-indent:{vb:math 8  * {vb:stylevar padding} * 2}; }
.navpopupbody .d9  a, option.d9  { text-indent:{vb:math 9  * {vb:stylevar padding} * 2}; }
.navpopupbody .d10 a, option.d10 { text-indent:{vb:math 10 * {vb:stylevar padding} * 2}; }
.navpopupbody .d11 a, option.d11 { text-indent:{vb:math 11 * {vb:stylevar padding} * 2}; }
.navpopupbody .d12 a, option.d12 { text-indent:{vb:math 12 * {vb:stylevar padding} * 2}; }
.navpopupbody .d13 a, option.d13 { text-indent:{vb:math 13 * {vb:stylevar padding} * 2}; }
.navpopupbody .d14 a, option.d14 { text-indent:{vb:math 14 * {vb:stylevar padding} * 2}; }
.navpopupbody .d15 a, option.d15 { text-indent:{vb:math 15 * {vb:stylevar padding} * 2}; }
.navpopupbody .d16 a, option.d16 { text-indent:{vb:math 16 * {vb:stylevar padding} * 2}; }
.navpopupbody .d17 a, option.d17 { text-indent:{vb:math 17 * {vb:stylevar padding} * 2}; }
.navpopupbody .d18 a, option.d18 { text-indent:{vb:math 18 * {vb:stylevar padding} * 2}; }
.navpopupbody .d19 a, option.d19 { text-indent:{vb:math 19 * {vb:stylevar padding} * 2}; }
.navpopupbody .d20 a, option.d20 { text-indent:{vb:math 20 * {vb:stylevar padding} * 2}; }

/* LEFT / RIGHT DT+DD */

dl.stats.totals {
    float:{vb:stylevar right};
    padding:{vb:math {vb:stylevar padding}/2};
}

dl.stats dt {
    display:inline;
    color:{vb:stylevar shade_color};
}
dl.stats dt:after {
    content:":";
}
dl.stats dd {
    display:inline;
}

/* BLOCK STATS */
dl.statsblock dt {
    display:block;
    float:{vb:stylevar left};
    clear:{vb:stylevar left};
    width:25%;
}

dl.statsblock dd {
    display:block;
    float:{vb:stylevar left};
    margin-{vb:stylevar left}:{vb:stylevar padding};
}

/* LIGHT-TABS */

dl.tabslight {
    border-bottom:solid {vb:stylevar tabslight_border.borderWidth}px {vb:stylevar mid_border.borderColor};
    padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} * 2};
    margin-bottom:1em;
    height:{vb:math {vb:stylevar tabslight_size.height} + {vb:stylevar tabslight_border.borderWidth}}px;
    margin-top:{vb:math {vb:stylevar padding}*1.5};
}

dl.tabslight dt {
    display:none;
}

dl.tabslight dd {
    float:{vb:stylevar left};
}

dl.tabslight dd a {
    font-size:{vb:stylevar small_fontSize};
    font-weight:bold;
    color:{vb:stylevar body_color};
    text-decoration:none;
    text-align:center;

    padding:0 {vb:stylevar padding};
    min-width:{vb:stylevar tabslight_size.width};
    height:{vb:stylevar tabslight_size.height};
    line-height:{vb:stylevar tabslight_size.height}px;
    display:block;

    border:{vb:stylevar tabslight_border};
    background-color:{vb:stylevar blocksubhead_background.backgroundColor};

    margin-{vb:stylevar left}:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.unit};
    margin-bottom:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.unit};

    -moz-border-radius-top{vb:stylevar left}:5px;
    -moz-border-radius-top{vb:stylevar right}:11px;
    -webkit-border-top-{vb:stylevar left}-radius:3px;
    -webkit-border-top-{vb:stylevar right}-radius:11px;
    border-top-{vb:stylevar left}-radius:3px;
    border-top-{vb:stylevar right}-radius:11px;
}

html>/**/body dl.tabslight dd.selected a,
html>/**/body dl.tabslight dd.selected a:hover {
    position:relative;
    border-bottom: {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar tabslight_border.borderStyle} transparent;
    background:{vb:stylevar tabslight_selected_background};
}
* dl.tabslight dd.selected a, * dl.tabslight dd.selected a:hover {
    border-bottom: {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar tabslight_border.borderStyle} transparent;
    background:{vb:stylevar tabslight_selected_background};
}

dl.tabslight dd a:hover {
    color:{vb:stylevar linkhover_color};
    background:{vb:stylevar navbar_tab_selected_background.backgroundColor} {vb:stylevar navbar_tab_selected_background.backgroundImage} repeat-x 0 -{vb:stylevar navbar_tab_selected_top_width}px;
}

/* COLUMN SORT LINKS */

.columnsort a,
.columnsort span {
    display:block;
    text-decoration:none;
    white-space:nowrap;
    text-align: {vb:stylevar left};
}

.columnsort a:hover {
    background-color:{vb:stylevar imodhilite_backgroundColor};
    text-decoration:none;
    color:inherit;
}

tr.columnsort th {
    white-space:nowrap;
}

/* MISC */

div.collapse {
    position:relative;
}

a.collapse {
    float:{vb:stylevar right};
    {vb:stylevar right}:{vb:stylevar padding};
    top:{vb:math {vb:stylevar padding}*2};
    position:absolute;
}

.blockhead a.collapse {
    top: {vb:stylevar padding};
}

#forumrules {
    margin-bottom: {vb:stylevar padding};
    border-bottom: {vb:stylevar secondarycontent_border};
    border-{vb:stylevar left}: {vb:stylevar secondarycontent_border};
    border-{vb:stylevar right}: {vb:stylevar secondarycontent_border};
    border-top: 1px solid {vb:stylevar secondarycontent_background.backgroundColor};
    background: {vb:stylevar secondarycontent_background};
}

#forumrules ul.youcandoblock {
    float:{vb:stylevar left};
    width:55%;
    margin-bottom: {vb:stylevar padding};
    overflow:hidden;
}

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

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

.errorblock ul.blockrow.error > li {
    border-bottom:solid 1px {vb:stylevar light_border.borderColor};
    padding-bottom:{vb:stylevar padding};
    margin-bottom:{vb:stylevar padding};
}

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

blockquote.preview {
    font:{vb:stylevar content_msg_font};
}

blockquote.preview.forumcontent {
    font:{vb:stylevar forum_msg_font};
}

blockquote.preview .bbcode_container div.bbcode_code,
blockquote.preview .bbcode_container pre.bbcode_code {
    margin:0;
    padding:6px;
    border:1px inset;
    text-align:{vb:stylevar left};
    overflow:auto;
    direction:ltr;
    background:{vb:stylevar content3_background.backgroundColor} {vb:stylevar content3_background.backgroundImage} repeat-x;
    /*height:{vb:stylevar bbcode_codeheight};*/
    font-size:12px;
}

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

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

blockquote.preview fieldset.postattachlist {
    background:{vb:stylevar formrow_background.backgroundColor} {vb:stylevar formrow_background.backgroundImage} bottom repeat-x;
    border-top:solid 1px {vb:stylevar light_border.borderColor};
    padding-bottom:1em;
}

blockquote.preview .bbcode_container div.bbcode_quote {
    margin:0 {vb:stylevar padding};
    margin-bottom: {vb:stylevar padding};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    background: {vb:stylevar bbcode_quote_background};
    border-radius: {vb:stylevar border_radius};
    border: {vb:stylevar bbcode_quote_border};
    font: {vb:stylevar bbcode_quote_font};
    position: relative;
    top: 0;
}


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

blockquote.preview .bbcode_quote div.quote_container {
    border-top: 1px solid {vb:stylevar postbit_background.backgroundColor};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    border-radius: {vb:stylevar border_radius};
    padding: {vb:stylevar bbcode_quote_padding};
}

.attachments {
    border: {vb:stylevar postbit_boxed_border};
    background: {vb:stylevar postbit_boxed_background};
    margin: 20px {vb:math {vb:stylevar bbcode_quote_padding.paddingLeft}+20px};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    border-radius: {vb:stylevar border_radius};
    padding: {vb:stylevar postbit_boxed_padding};
    font-size: {vb:stylevar postbit_boxed_fontSize};
}

.attachments fieldset {
    margin: {vb:stylevar bbcode_quote_padding.paddingTop}{vb:stylevar bbcode_quote_padding.units} 0;
}

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


blockquote.preview .signature {
    margin-top:1.5em;
    border-top:solid 1px {vb:stylevar shade_deep_color};
    padding-top:0.5em;
}

.commalist li {
    display:inline;
}

.commalist li:after {
    content:",";
}

.commalist li:last-child:after {
    content:"";
}

ul.username li a,
ol.username li a,
a.username {}
.commalist li a.username {
    display:inline;
}


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

a.extlink {
    width:10px;
    height:10px;
    text-indent:-9999px;
    position:absolute;
    margin-{vb:stylevar left}:2px;
    background:{vb:stylevar a_extlink};
}

.hidden {
    display:none;
}

/* 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:{vb:stylevar right};
}

#inlinemod_formctrls .popupctrl {
    text-decoration:none;
    background: {vb:stylevar control_background};
    padding-{vb:stylevar right}: 0;
    color: {vb:stylevar control_color};
    border: {vb:stylevar control_border};
    font: {vb:stylevar control_font};
    float: {vb:stylevar left};
    -moz-border-radius:{vb:stylevar popupmenu_border_radius};
    -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
    border-radius:{vb:stylevar popupmenu_border_radius};
}

#inlinemod_formctrls a.popupctrl:hover {
    background: {vb:stylevar control_hover_background};
    color: {vb:stylevar control_hover_color};
}

#inlinemod_formctrls a.popupctrl span.ctrlcontainer {
    display:inline-block;
    background: transparent url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
    padding-top: {vb:math {vb:stylevar padding}/3};
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    padding-bottom: {vb:math {vb:stylevar padding}/3};
    padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
    font-size: {vb:stylevar small_fontSize};
    float: {vb:stylevar left};
}

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


/* FORUM DISABLED */
div.forum_disabled {
    text-align:center;
    color:red;
    background-color:white;
    padding:{vb:stylevar padding};
    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-{vb:stylevar 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-{vb:stylevar left}: 1em;
}

.restore th,
.restore td {
    /* Borders and padding to make the table readable. */
    border: {vb:stylevar restore};
    padding: {vb:stylevar restore_padding};
}

.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-{vb:stylevar right}:{vb:math {vb:stylevar padding} / 2}px;
}

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

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

li.taglevel1 {
    font-size:xx-small;
}

li.taglevel2 {
    font-size:small;
}

li.taglevel3 {
    font-size:medium;
}

li.taglevel4,
li.taglevel5 {
    font-size:large;
}

li.taglevel5 {
    font-weight:bold;
}

li.tag.option {
    padding:{vb:stylevar padding};
}

/* 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:{vb:stylevar shade_color};
}

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

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

#tag_edit_list li {
    float:{vb:stylevar 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 {vb:stylevar padding};
}
*/


/* Social Bookmarks */

#social_bookmarks_list li {
    display:block;
    float:{vb:stylevar left};
    padding-{vb:stylevar left}:{vb:stylevar padding};
}

/* Imagereg */
#imagereg {
    vertical-align:middle;
    margin-bottom:{vb:math {vb:stylevar padding}/2};
}


#wol_navpopup.navpopupmenu {
    margin-bottom:6px;
}
.navlinks {
    background: {vb:stylevar navlinks_background};
    border-top: {vb:stylevar navlinks_border_top};
    padding: {vb:stylevar padding} 0;
    text-align: center;
    color: {vb:stylevar navlinks_color};
    font-size: {vb:stylevar font-size};
        margin-top: 20px;
        margin-bottom: 20px;
width:100%;
clear:both;
}

.cleardiv {
    clear:both;
}

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

#ajax_post_errors .blockrow {
    border-bottom:{vb:stylevar forumbits_border};
    border-{vb:stylevar left}:{vb:stylevar forumbits_border};
    border-{vb:stylevar right}:{vb:stylevar forumbits_border};
}
#ajax_post_errors .blockfoot {
    text-align:center;
}

#ajax_post_errors_message ol {
    margin:1em;
    margin-{vb:stylevar 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 {
    background: {vb:stylevar highlight_background};
}

.clear {
    clear: both;
}

/* 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: {vb:stylevar right};
}
.blogbit #fb_likeframe {
    margin-top: 7px;
}

/* Fix for Facebook Connect rtl scrollbar */
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
#FB_HiddenContainer { left: 0; right: -10000px; <vb:if condition="is_browser('firefox')">display: none;</vb:if> }
</vb:if>

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

#recaptcha_widget_div {
    float:{vb:stylevar left};
}

.member_blockrow .error 
{ 
        padding:{vb:stylevar blocksubhead_padding}; 
}  

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

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

td.cms_table_grid_td,
td.wysiwyg_cms_table_grid_td {
    border: {vb:stylevar vbcms_wysiwyg_table_borderSize} solid {vb:stylevar vbcms_wysiwyg_table_borderColor};
}

table.cms_table_outer_border,
table.wysiwyg_cms_table_outer_border {
    border-collapse: collapse;
    border: {vb:stylevar vbcms_wysiwyg_table_borderSize} solid {vb:stylevar vbcms_wysiwyg_table_borderColor};
}

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