Добро пожаловать на Pro Pawn - Портал о PAWN-скриптинге.

Реклама


**Как получить V.I.P** (Перейти)
Чтобы заказать рекламу на Pro-Pawn.Ru, обращайтесь в Skype.
Баннерная реклама 200руб/мес, Текстовая 100руб/мес.
Показано с 1 по 5 из 5

Тема: Warface

  1. #1
    Аватар для Osetin
    •Администратор•

    Статус
    Оффлайн
    Регистрация
    26.03.2013
    Адрес
    Pro-Pawn.Ru
    Сообщений
    3,428
    Репутация:
    1079 ±

    Warface



    Автор: Lider36
    И так основа RedSilver

    Сначала заменяйте в нём весь файл стиля на данный

      Открыть/закрыть
    /* Layout
    ------------ */
    * {
    /* Reset browsers default margin, padding and font sizes */
    margin: 0;
    padding: 0;
    }

    html {
    font-size: 100%;
    }
    /* bbcode.css */
    @charset "UTF-8";
    /* CSS Document */

    .bbcode_container {
    margin:20px;
    margin-top:5px;
    display:block;
    }

    .bbcode_container .bbcode_desc {
    margin-bottom:2px;
    font-size:11px;
    }
    /*text-align should alwais be LTR for the CODE blocks*/
    .bbcode_container div.bbcode_code,
    .bbcode_container pre.bbcode_code {
    margin:0;
    padding:6px;
    border:1px inset;
    text-align:left;
    overflow:scroll;
    direction:ltr;
    background:#f2f6f8 repeat-x;
    /*height:;*/
    font-size:12px;
    }

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

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

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

    .bbcode_container .bbcode_quote_container {
    background: transparent url(http://wf.mail.ru/forums/images/misc/quote-left.png) no-repeat left;
    display:block;
    width: 9px;
    height: 13px;
    position: absolute;
    top: 5;
    left: -9px;
    }

    .bbcode_quote div.quote_container {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    }

    .bbcode_quote .bbcode_postedby img {
    position: relative;
    top: 1px;
    }

    .bbcode_container div.bbcode_quote.printable {
    background:none;
    border:none;
    }

    .bbcode_container div.bbcode_quote div.message {
    /*font-style:italic;*/
    padding:8px 0px;
    }

    /* fix the bug where li's in quotes are floated */
    .bbcode_container div.bbcode_quote div.message ol>li, .bbcode_container div.bbcode_quote div.message ul>li{
    float: none;
    }

    /* from components.css */
    .bbcode_postedby {
    font: normal 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    }

    .bbcode_postedby img {
    margin:0;
    }

    .texteditor.content .cke_skin_kama textarea.cke_source,
    .texteditor textarea {
    font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    }

    .formcontrols .blockrow.texteditor textarea:focus {
    background-color: #FFFFFF;
    }

    .texteditor.forum .cke_skin_kama textarea.cke_source,
    .texteditor.forum textarea {
    font: 13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
    }

    .editor_smiliebox {
    float:right;
    width:75px;
    height:200px;
    _background-color:;
    _border:solid 1px #6b91ab;
    padding:0 3px 3px 3px;
    }

    .editor_smiliebox .blocksubhead {
    padding:0;
    font-size:11px;
    font-weight:normal;
    text-align:center;
    background:#f2f6f8;
    border:solid 1px #6b91ab;
    border-width:1px 0;
    }

    .editor_smiliebox ul.smiliebox {
    height:190px;
    overflow:hidden;
    }

    .editor_smiliebox ul.smiliebox li {
    float:left;
    height:20px;
    width:20px;
    margin:2px;
    overflow:hidden;
    position:relative;
    text-align:center;
    }

    .editor_smiliebox ul.smiliebox li div.table {
    display:table;
    height:100%;
    margin:auto;
    /* IE8 needs the following, see https://connect.microsoft.com/IE/fee...ID=425785#tabs */
    table-layout:fixed;
    width:20px;
    }

    .editor_smiliebox ul.smiliebox li div.tablecell {
    display:table-cell;
    vertical-align:middle;
    }

    .editor_smiliebox ul.smiliebox li img {
    height:auto;
    max-width:20px;
    width:auto !important;
    cursor: pointer;
    }

    .editor_smiliebox div.moresmilies {
    text-align:center;
    font-size:11px;
    }

    .editor_textbox_container {
    width:100%;
    float:left;
    margin:0;
    }

    .editor_textbox_container.smilie {
    margin-right:-165px;
    }

    .editor_textbox_smilie {
    margin-right:85px;
    }

    /* dropdown button */
    .cke_skin_kama_container {
    visibility:visible;
    background: #FFFFFF; // no stylevar
    }

    .cke_skin_kama_container body {
    min-width: 0;
    }

    .attachment a {
    padding: 1px 0;
    border: 1px solid #ffffff;
    display: block;
    }

    .attachment a:hover {
    padding: 1px 0;
    border-color: #316ac5;
    background-color: #dff1ff;
    }


    .editorpopupbody {
    padding: 5px;
    min-width: 200px;
    max-height:250px;
    overflow-y:auto;
    overflow-x:hidden;
    }


    .editorpopupbody li.attachment {
    white-space:nowrap;
    }

    .cke_skin_kama .cke_panel.cke_attach {
    width:250px;
    height:auto;
    }

    /* attachment click */
    .previewthumbactive {
    position: absolute;
    background: url('http://wf.mail.ru/forums/images/misc/pencil.png') no-repeat top left;
    cursor: pointer;
    border:1px solid red;
    margin:0;
    z-index: 10;
    }

    img.previewthumb.active {
    cursor: pointer;
    border:1px solid red;
    margin:0;
    }

    div.attach_insert_all {
    cursor: pointer;
    background-color:;
    padding: 2px;
    }

    /* ie8 width fix */
    .cke_browser_ie8 .cke_editor {
    display: block !important;
    }

    /* disabled background override */
    .cke_button .cke_disabled:hover {
    background-color: transparent !important;
    }

    /* icons */
    .cke_skin_kama span:not(.cke_browser_ie) .cke_button .cke_icon {
    background: url('http://wf.mail.ru/forums/images/editor/sprite.png') no-repeat top left;
    }

    .cke_skin_kama .cke_browser_ie .cke_button .cke_icon {
    position: relative;
    overflow: hidden;
    width: 16px;
    height: 16px
    }

    .cke_skin_kama .cke_browser_ie .cke_button .cke_icon_image {
    position: absolute;
    width: 2498px;
    height: 60px;
    background: url('http://wf.mail.ru/forums/images/editor/sprite.png') no-repeat top left;
    }

    .cke_skin_kama .cke_browser_ie .cke_button .cke_icon_image.custom {
    background: none;
    }

    .cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled .cke_icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (sizingMethod='scale');
    }

    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button a.cke_disabled .cke_icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (sizingMethod='scale');
    }

    .cke_skin_kama .cke_browser_ie .cke_button a.cke_on .cke_icon_image {
    top: 0px;
    }

    .cke_skin_kama .cke_browser_ie .cke_button a.cke_off .cke_icon_image {
    top: -20px;
    }

    .cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled .cke_icon_image {
    top: -40px;
    filter: ;
    }

    /* VBIV-11809 */
    .cke_skin_kama .cke_browser_ie .cke_button .cke_button_textcolor .cke_buttonarrow {
    filter: ;
    }

    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button a.cke_disabled .cke_icon_image {
    top: -40px;
    filter: ;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_openAttachmentWindow .cke_icon {
    background-position: 0 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_openAttachmentWindow .cke_icon_image {
    left: 0px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_enhancedsource .cke_icon
    {
    background-position: -1597px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_enhancedsource .cke_icon_image
    {
    left: -1597px;
    }
    .cke_skin_kama .cke_button_enhancedsource .cke_label
    {
    /* This displays the "source" text next to the source button!*/
    /*display: inline !important;*/
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_pastetext .cke_icon
    {
    background-position: -2480px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_pastetext .cke_icon_image
    {
    left: -2480px;
    }
    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_pastefromword .cke_icon
    {
    background-position: -2430px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_pastefromword .cke_icon_image
    {
    left: -2430px;
    }
    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_removeFormat .cke_icon
    {
    background-position: -1447px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_removeFormat .cke_icon_image
    {
    left: -1447px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_bold .cke_icon
    {
    background-position: -50px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_bold .cke_icon_image
    {
    left: -50px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_italic .cke_icon
    {
    background-position: -897px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_italic .cke_icon_image
    {
    left: -897px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_underline .cke_icon
    {
    background-position: -2247px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_underline .cke_icon_image
    {
    left: -2247px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_subscript .cke_icon
    {
    background-position: -2147px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_subscript .cke_icon_image
    {
    left: -2147px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_superscript .cke_icon
    {
    background-position: -2197px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_superscript .cke_icon_image
    {
    left: -2197px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_table .cke_icon
    {
    background-position: -2047px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_table .cke_icon_image
    {
    left: -2047px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbTableProperties .cke_icon
    {
    background-position: -1797px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_vbTableProperties .cke_icon_image
    {
    left: -1797px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_tableDelete .cke_icon
    {
    background-position: -1847px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_tableDelete .cke_icon_image
    {
    left: -1847px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbRowInsertBefore .cke_icon
    {
    background-position: -1997px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_vbRowInsertBefore .cke_icon_image
    {
    left: -1997px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbRowInsertAfter .cke_icon
    {
    background-position: -1947px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_vbRowInsertAfter .cke_icon_image
    {
    left: -1947px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbRowDelete .cke_icon
    {
    background-position: -1897px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_vbRowDelete .cke_icon_image
    {
    left: -1897px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbColumnInsertBefore .cke_icon
    {
    background-position: -1747px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_vbColumnInsertBefore .cke_icon_image
    {
    left: -1747px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbColumnInsertAfter .cke_icon
    {
    background-position: -1697px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_vbColumnInsertAfter .cke_icon_image
    {
    left: -1697px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbColumnDelete .cke_icon
    {
    background-position: -1647px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_vbColumnDelete .cke_icon_image
    {
    left: -1647px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_horizontalrule .cke_icon
    {
    background-position: -2097px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_horizontalrule .cke_icon_image
    {
    left: -2097px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_smiley .cke_icon
    {
    background-position: -1497px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_smiley .cke_icon_image
    {
    left: -1497px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_iespell .cke_icon
    {
    background-position: -1547px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_iespell .cke_icon_image
    {
    left: -1547px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_link .cke_icon
    {
    background-position: -300px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_link .cke_icon_image
    {
    left: -300px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_Email .cke_icon
    {
    background-position: -401px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_Email .cke_icon_image
    {
    left: -401px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_unlink .cke_icon
    {
    background-position: -2346px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_unlink .cke_icon_image
    {
    left: -2346px;
    }
    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_image .cke_icon, .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbimage .cke_icon
    {
    background-position: -747px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_image .cke_icon_image, .cke_skin_kama .cke_browser_ie .cke_button_vbimage .cke_icon_image
    {
    left: -747px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_videotag .cke_icon
    {
    background-position: -2397px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_videotag .cke_icon_image
    {
    left: -2397px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_Quote .cke_icon
    {
    background-position: -1347px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_Quote .cke_icon_image
    {
    left: -1347px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_Code .cke_icon
    {
    background-position: -151px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_Code .cke_icon_image
    {
    left: -151px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_Html .cke_icon
    {
    background-position: -451px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_Html .cke_icon_image
    {
    left: -451px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_Php .cke_icon
    {
    background-position: -1297px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_Php .cke_icon_image
    {
    left: -1297px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_PageBreak .cke_icon
    {
    background-position: -1147px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_PageBreak .cke_icon_image
    {
    left: -1147px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_PreviewBreak .cke_icon
    {
    background-position: -100px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_PreviewBreak .cke_icon_image
    {
    left: -100px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_textcolor .cke_icon
    {
    background-position: -201px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_textcolor .cke_icon_image
    {
    left: -201px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_undo .cke_icon
    {
    background-position: -2297px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_undo .cke_icon_image
    {
    left: -2297px;
    }

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_undo .cke_icon
    {
    background-position: -1397px 0;
    }
    .cke_skin_kama .cke_rtl .cke_browser_ie .cke_button_undo .cke_icon_image
    {
    left: -1397px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_redo .cke_icon
    {
    background-position: -1397px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_redo .cke_icon_image
    {
    left: -1397px;
    }

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_redo .cke_icon
    {
    background-position: -2297px 0;
    }
    .cke_skin_kama .cke_rtl .cke_browser_ie .cke_button_redo .cke_icon_image
    {
    left: -2297px;
    }

    .cke_skin_kama .cke_rtl .cke_rcombo {
    float:right;
    }

    .cke_skin_kama .cke_browser_ie6 .cke_rtl .cke_rcombo,
    .cke_skin_kama .cke_browser_ie7 .cke_rtl .cke_rcombo {
    float:none;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_numberedlist .cke_icon
    {
    background-position: -797px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_numberedlist .cke_icon_image
    {
    left: -797px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_bulletedlist .cke_icon
    {
    background-position: -847px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_bulletedlist .cke_icon_image
    {
    left: -847px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_outdent .cke_icon
    {
    background-position: -1097px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_outdent .cke_icon_image
    {
    left: -1097px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_indent .cke_icon
    {
    background-position: -697px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_indent .cke_icon_image
    {
    left: -697px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_justifyleft .cke_icon
    {
    background-position: -997px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_justifyleft .cke_icon_image
    {
    left: -997px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_justifycenter .cke_icon
    {
    background-position: -947px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_justifycenter .cke_icon_image
    {
    left: -947px;
    }

    .cke_skin_kama span:not(.cke_browser_ie) .cke_button_justifyright .cke_icon
    {
    background-position: -1047px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_button_justifyright .cke_icon_image
    {
    left: -1047px;
    }

    /* rtl icons */

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_undo .cke_icon
    {
    background-position: -1397px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_undo .cke_icon_image
    {
    left: -1397px;
    }

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_redo .cke_icon
    {
    background-position: -2297px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_redo .cke_icon_image
    {
    left: -2297px;
    }

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_outdent .cke_icon
    {
    background-position: -697px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_outdent .cke_icon_image
    {
    left: -697px;
    }

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_indent .cke_icon
    {
    background-position: -1097px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_indent .cke_icon_image
    {
    left: -1097px;
    }

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_columnInsertBefore .cke_icon
    {
    background-position: -1697px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_columnInsertBefore .cke_icon_image
    {
    left: -1697px;
    }

    .cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_columnInsertAfter .cke_icon
    {
    background-position: -1747px 0;
    }
    .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_columnInsertAfter .cke_icon_image
    {
    left: -1747px;
    }

    .cke_skin_kama .cke_dialog .cke_dialog_ui_labeled_label {
    float:none;
    }

    .cke_skin_kama .cke_dialog input[type="file"] {
    border:1px inset;
    }

    .cke_skin_kama div.cke_bottom_restore_autosave {
    position:relative;
    }

    .cke_skin_kama div.cke_bottom_restore_autosave .cke_toolgroup {
    height:18px;
    position:absolute;
    top:4px;
    padding:0 3px 0 0;
    }

    .cke_skin_kama div.cke_bottom_restore_autosave a.restoretext {
    cursor:pointer;
    height:12px;
    background-image:none
    }

    .cke_skin_kama div.as_ind_container {
    position:relative;
    }

    .cke_skin_kama div.as_ind_container div {
    background-color:rgb(255, 255, 0);
    right:0;
    position:absolute;
    padding:2px;
    top:-12px;
    font-weight:bold;
    }

    .cke_skin_kama .cke_toolbox {
    margin-bottom: 5px;
    }

    /* VBIV-11874 Override CSS so that textarea popup resizes with the dialog */
    .cke_skin_kama .cke_dialog .cke_dialog_ui_textarea.cke_pastetext {
    width:auto;
    height:auto;
    }

    /* Turn off focus outline on mac */
    .cke_dialog_tab:focus {
    outline:none;
    }

    /* Allow size combo to adjust a bit horizontally */
    .cke_skin_kama .cke_fontSize span.cke_text {
    max-width:60px;
    min-width:25px;
    width:auto;
    _width:25px;
    }




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

    .popupmenu a.popupctrl {
    background-image:url(http://wf.mail.ru/forums/images/misc...rd_arrow.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:15px;
    _padding-right:25px;
    }

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

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

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

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

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

    .blockhead .popupctrl {
    color: #ffffff;
    }

    .blockhead .popupctrl:hover {
    color: #ffffff;
    }
    .popupbody {
    background:#e1e1e1 url(http://wf.mail.ru/forums/images/misc...-highlight.png) repeat-x ;
    border:1px solid #c4c4c4;
    padding:2px;
    position:absolute;
    z-index:1000;
    top:1.5em;
    left:0;
    display:none;
    min-width:200px;
    }

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

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

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

    .popupbody li > a,
    .popupbody li > label {
    display:block;
    color:inherit;
    padding:6.235px 10px;
    background:rgb(255, 255, 255) bottom repeat-x;
    text-decoration:none;
    text-align:left;
    white-space:nowrap;
    font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    }
    .blockhead .popupbody li > a {
    color:#3e3e3e;
    }

    /* vbmenu_hilite and vbmenu_option are for the ajax popup menus (tags) */
    .popupbody li > a:hover,
    .popupbody li > label:hover,
    .popupbody li.vbmenu_hilite > a {
    background-color:#FFEB90;
    color:#3e3e3e;
    }

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

    .popupbody li.vbmenu_option > a:hover {
    background:rgb(255, 255, 255) bottom repeat-x;
    }

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

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

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

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

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

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

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

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

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

    /* MEMBER ACTION DROP-DOWN */
    .memberaction.popupmenu {
    position: relative;
    top: 0;
    display: inline-block;
    }
    .postdetails .memberaction.popupmenu {
    position: static; /* Opera 10.10 Fix */
    }
    .memberaction.popupmenu a.popupctrl {
    background: none;
    padding: 0;
    }
    .memberaction_body.popupbody {
    width: 280px;
    background: rgb(255, 255, 255);
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-shadow: 0px 4px 7px #777777;
    -webkit-box-shadow: 0px 4px 7px #777777;
    box-shadow: 0px 4px 7px #777777;
    }
    .memberaction_body.popupbody li {
    border: none;
    width: 140px;
    }
    .memberaction_body.popupbody li.left {
    float: left;
    clear: left;
    }
    .memberaction_body.popupbody li.right {
    float: right;
    clear: right;
    }
    .memberaction_body.popupbody li img {
    float: left;
    padding: 4px;
    position: relative;
    top: -2px;
    }
    .memberaction_body.popupbody li > a {
    padding: 4px;
    }
    .memberaction_body.popupbody hr {
    float: left;
    height: 96px;
    width: 0;
    display: inline;
    }

    /*
    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
    */
    html{color:#000;background:#FFF;}body,div,dl,dt,dd ,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset ,legend,input,button,textarea,p,blockquote,th,td{m argin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption, cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align: left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,a cronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,te xtarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99 % arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


    /* CSS Document */


    /*THIS*/

    html {
    background: #000;

    }

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

    /* BASIC PAGE ELEMENTS */

    body {
    width:auto;
    min-width:990px;
    max-width:auto;

    font-size:13px;
    color:#3e3e3e;
    line-height:1.230;
    /*background: #000 url(http://img.static.operator.mail.ru/forum.wf/header.jpg) no-repeat 50% 0;*/
    }

    a:active, a:focus {
    outline: 0;
    }

    body a {
    color:#417394;
    text-decoration:none;
    }
    body a:hover,
    body a:hover .time,
    body a:hover .shade,
    body a:hover .understate {
    color:#417394;
    text-decoration:underline;
    }

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

    .body_wrapper {

    margin:0 40px;
    padding: 10px 20px 10px 20px;
    background: rgb(255, 255, 255) none ;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    input,
    textarea,
    button,
    select {
    font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
    }

    .button {
    padding: 2.5px 5px;
    font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    border:1px solid #a8a8a8;
    color:#424242;
    background:#e9e9e9 url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x top left;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    webkit-border-radius:0px;
    }

    .button:hover {
    background: #efefef url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x ;
    color: #424242;
    }
    body,
    legend {
    font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
    }

    .shade {
    color:#777777;
    }

    .time {
    color:#3e3e3e;
    }

    .nocss_label {
    display:none;
    }

    .normal {
    font-size:13px;
    font-weight:normal;
    }

    /* BLOCK STUFF */

    .block {
    clear:both;
    padding:0;
    color:;
    font: ;
    }

    .blockhead {
    font: normal 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    color:#ffffff;
    background:#060606 url("http://img.static.operator.mail.ru/forum.wf/newbtn_middle.png") repeat-x 0 0;
    _background-image: none;
    padding:4px 10px 4px 10px;
    border:1px solid #515251;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;

    }

    .blockhead h2 {
    font-weight:bold;
    }

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

    .blockhead img {
    margin-bottom: -4px;
    }

    .blocksubhead {
    font: normal 12px ;
    color:#3e3e3e;
    background:#e9e9e9 none repeat-x ;
    padding:4px 10px 4px 10px;
    border-top:1px solid #cecece;
    }



    .blocksubhead img {
    vertical-align:middle;
    }

    .blocksubhead a { color:#3e3e3e; text-decoration:none; }
    .blocksubhead a:hover { color:#417394; }

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

    /*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */
    background:rgb(255, 255, 255) none no-repeat ;
    padding-left:0px;
    padding-right:0px;
    }

    .blockrow {
    background:none none ;
    padding:5px 10px 5px 10px;
    border: ;
    color:;
    font: ;
    }
    .blockrow a { color:; }
    .blockrow a:hover { color:; }

    .blockfoot, .blocksubfoot {
    display:block;
    clear:both;
    background:#ffffff none ;
    padding:5px 0px 5px 0px;
    border:0 rgb(102, 204, 0);
    color:;
    font: ;

    }
    .blockfoot a { color:; }
    .blockfoot a:hover { color:; }

    .blockfoot,
    .blocksubfoot {
    padding:5px 0px 5px 0px;
    }

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

    /* WYSIWYG */
    .wysiwyg_block {
    margin-bottom: 10px;
    }

    .wysiwyg_block .blockrow:first-child {
    background: transparent url(http://wf.mail.ru/forums/images/grad...reytowhite.png) repeat-x top left;
    }

    .wysiwyg_block iframe.textbox {
    border: 1px solid #6b91ab;
    background: #f3f7f9 none ;
    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: left;
    clear: right;
    }

    .pagination span a {
    font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    border: 1px solid #cedfeb;
    height: 15.99px;
    padding: 2px 4px;
    margin-left: 1px;
    background:#f2f6f8 none ;
    text-decoration:none;
    color: #417394;
    }

    .pagination span a:hover {
    border: 1px solid #417394;
    }

    .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: #759fbb url(http://wf.mail.ru/forums/images/butt...btn_middle.png) repeat-x ;
    color: #ffffff;
    border: 1px solid #417394;
    height: 15.99px;
    font-weight:bold;
    padding: 2px 4px;
    margin-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: 15.99px;
    background: #f2f6f8 url(http://wf.mail.ru/forums/images/misc...ward_arrow.png) no-repeat center left;
    padding-right: 4px;
    padding-left: 18px;
    }

    .pagination .popupmenu:hover a.popupctrl {
    border: 1px solid #417394;
    color: #3e3e3e;
    }

    /* TEXT CONTROLS */

    .textcontrols a,
    a.textcontrol {
    position:relative;
    padding: 3px 5px;
    font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    line-height: 1.230;
    text-decoration:none;
    border: 1px solid #a8a8a8;
    color: #424242;
    background:#e9e9e9 url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x top left;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    }

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

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

    .textcontrols a:hover,
    a:hover.textcontrol {
    background:#efefef url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x ;
    text-decoration:none;
    color: #417394;
    }

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

    .blockhead a.textcontrol {
    float:right;
    font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    margin-top: -4.5px;
    text-transform: none;
    }

    .blockhead a.textcontrol:hover {
    color: #417394;
    }

    /* FORUMJUMP (navpopup) */

    .navpopupmenu {
    text-align:right;
    float: right;
    display:block;
    padding: 0;
    padding-top: 3px;
    clear: left;
    margin-left: 10px;
    font-size: 12px;
    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: #424242;
    border: 1px solid #a8a8a8;
    background: #e9e9e9 url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x top left;
    _background-image: none;
    font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    padding: 3.33333333333px 6.66666666667px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    }

    .navpopupmenu a.textcontrol:hover, .navpopupmenu a.popupctrl:hover, .navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
    background: #efefef url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x ;
    color: #417394;
    _background-image: none;
    }

    .navpopupmenu .popupctrl .ctrlcontainer {
    background: transparent url(http://wf.mail.ru/forums/images/misc...ward_arrow.png) no-repeat center left;
    padding-left: 15px;
    white-space:nowrap;
    }

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

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

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

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

    /* LEFT / RIGHT DT+DD */

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

    dl.stats dt {
    display:inline;
    color:#777777;
    }
    dl.stats dt:after {
    content:":";
    }
    dl.stats dd {
    display:inline;
    }

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

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

    /* LIGHT-TABS */

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

    dl.tabslight dt {
    display:none;
    }

    dl.tabslight dd {
    float:left;
    }

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

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

    border:1px solid #6b91ab;
    background-color:#e9e9e9;

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

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

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

    dl.tabslight dd a:hover {
    color:#417394;
    background:#7192a8 url(http://wf.mail.ru/forums/images/grad...-top-alpha.png) repeat-x 0 -4px;
    }

    /* COLUMN SORT LINKS */

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

    .columnsort a:hover {
    background-color:#FFEB90;
    text-decoration:none;
    color:inherit;
    }

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

    /* MISC */

    div.collapse {
    position:relative;
    }

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

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

    #forumrules {
    margin-bottom: 10px;
    border-bottom: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-top: 1px solid rgb(255, 255, 255);
    background: rgb(255, 255, 255) url(http://wf.mail.ru/forums/images/grad...reytowhite.png) repeat-x ;
    }

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

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

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

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

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

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

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

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

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

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

    blockquote.preview fieldset.postattachlist {
    background:rgb(255, 255, 255) bottom repeat-x;
    border-top:solid 1px #cedfeb;
    padding-bottom:1em;
    }

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


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

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

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

    .attachments fieldset {
    margin: 5px 0;
    }

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


    blockquote.preview .signature {
    margin-top:1.5em;
    border-top:solid 1px rgb(187,187,187);
    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;
    }

    .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:right;
    }

    #inlinemod_formctrls .popupctrl {
    text-decoration:none;
    background: #e9e9e9 url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x top left;
    padding-right: 0;
    color: #424242;
    border: 1px solid #a8a8a8;
    font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    float: left;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    }

    #inlinemod_formctrls a.popupctrl:hover {
    background: #efefef url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x ;
    color: #417394;
    }

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .unread {
    font-weight:bold;
    }

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

    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:10px;
    }

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

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

    #thread_tags_list .description {
    color:#777777;
    }

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

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

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

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

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


    /* Social Bookmarks */

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

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


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

    .clear, .cleardiv {
    clear: both;
    }

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

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

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

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

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

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

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

    /* Fix for Facebook Connect rtl scrollbar */


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

    #recaptcha_widget_div {
    float:left;
    }

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

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

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

    td.cms_table_grid_td,
    td.wysiwyg_cms_table_grid_td {
    border: solid ;
    }

    table.cms_table_outer_border,
    table.wysiwyg_cms_table_outer_border {
    border-collapse: collapse;
    border: solid ;
    }

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

    /* Admin post */

    .postbody .cont_top_line {
    display: none;
    }
    .postbody.adminpost .cont_top_line {
    height: 14px;
    display: block;
    position: relative;
    background: url(http://img.static.operator.mail.ru/w...border_top.png) right top repeat-x;
    }
    .postbody.adminpost .cont_top_line span {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 0px;
    background: url(http://img.static.operator.mail.ru/w...border_top.png) left top no-repeat;
    }
    .cont_top_line b {
    width: 97px;
    height: 81px;
    display: block;
    position: absolute;
    right: 0px;
    background: url(http://img.static.operator.mail.ru/w...top_corner.png) right top no-repeat;
    }
    .postbody.adminpost .content {
    padding-left: 14px;
    background: url(http://img.static.operator.mail.ru/w...order_left.png) left top repeat-y;
    }
    .postbody.adminpost .content .content_rb {
    padding-right: 14px;
    background: url(http://img.static.operator.mail.ru/w...rder_right.png) right top repeat-y;
    }
    .postbody.adminpost .content .postcontent {
    padding: 18px;
    color: #ffffff;
    background: url(http://img.static.operator.mail.ru/w...st/bg_post.jpg) left top repeat;
    }
    .postbody.adminpost .content .postcontent a {
    color: #6bdefd;
    }
    .postbody.adminpost .content .postcontent .bbcode_quote {
    border-color: #7fa0c9;
    }
    .postbody.adminpost .content .postcontent .quote_container {
    background-color: #405e92;
    }
    .postbody.adminpost .content .postcontent .bbcode_quote_container {
    background: url(http://img.static.operator.mail.ru/w...quote_left.png) left center no-repeat;
    }
    .postbody.adminpost .bbcode_postedby {
    color: #a8c2e3;
    }
    .postbody.adminpost .bbcode_postedby strong {
    color: #6bdefd;
    }
    .postbody .cont_bottom_line {
    display: none;
    }
    .postbody.adminpost .cont_bottom_line {
    height: 14px;
    display: block;
    position: relative;
    background: url(http://img.static.operator.mail.ru/w...der_bottom.png) right top repeat-x;
    }
    .postbody.adminpost .cont_bottom_line span {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 0px;
    background: url(http://img.static.operator.mail.ru/w...der_bottom.png) left top no-repeat;
    }


    /* CSS Document */

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

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

    .above_body {
    _background-image: none;
    margin: 0 auto 10px auto;
    padding: 0 40px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    }

    .doc_header {
    _background-image:none;
    border: ;
    color:#a8a8a8;
    font:normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
    position:relative;
    min-height:35px;
    /*padding-bottom:5px;*/
    /*margin-bottom:52px;*/
    }
    .doc_header a { color:; }
    .doc_header a:hover { color:; }
    .doc_header hr { display: none; }
    .logo-image {
    float: left;
    clear: right;
    min-height: 2em;
    height: auto !important;
    height: 2em;
    left: 50%;
    /*margin: 20px 0 17px -324px;*/
    position:relative;
    padding: ;
    }

    .toplinks {
    position:absolute;
    right:2px;
    top:0;
    color:#ffffff;
    font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
    text-align:right;
    }

    .toplinks .nouser{
    background:none;
    padding:0 0 5px 5px;
    border:0;
    }

    .toplinks .isuser{
    background:#323232;
    padding:0 0 5px 5px;
    border:1px solid #575757;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    }
    .toplinks ul.isuser li#fb_headerbox.hidden,
    .toplinks ul.nouser li#fb_headerbox.hidden {
    display: none;
    }
    .toplinks ul.isuser li#fb_headerbox a,
    .toplinks ul.nouser li#fb_headerbox a {
    padding-top: 0;
    background: none;
    cursor: pointer;
    }
    li#fb_headerbox a#fb_link {
    position: relative;
    }
    li#fb_headerbox a#fb_link #fb_squarepic{
    position:absolute;
    right:-6px;
    top:5px;
    z-index:1;
    border:1px solid #B3CCE7;
    padding:1px;
    }
    li#fb_headerbox a#fb_link #fb_icon{
    position:absolute;
    right:10px;
    top:1px;
    z-index:2;
    }

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

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

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

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

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

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

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

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

    .toplinks ul.isuser li a:hover {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    background: #616161;
    color:rgb(255, 255, 255);
    }

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

    .toplinks ul.nouser li a {
    float:left;

    clear:right;
    color:#ffffff;
    background:url("http://img.static.operator.mail.ru/forum.wf/newbtn_middle.png") repeat-x scroll 0 100% #575151;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    }

    .toplinks ul.nouser li a{
    display: block;
    float: right;
    clear: left;
    color:#ffffff;
    position: relative;
    padding: 3px 10px 0 10px;
    height:16px;
    font-weight:normal;
    font-size:11px;
    margin:3px 6px 0 0;
    text-decoration:none;
    }

    .toplinks ul.nouser li a:hover {
    color:#fff;
    text-decoration:none;
    }

    .toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications {
    color: rgb(0, 0, 0);
    position: relative;
    }

    .toplinks ul.isuser li.popupmenu ul li {
    position: relative;
    top: 0;
    margin: 0;
    text-align: left;
    color:#000;
    }

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

    .toplinks ul.isuser .notifications .popupbody li a{
    color: rgb(0, 0, 0);
    padding: 0 5px;
    font-weight: normal;
    background:rgb(255, 255, 255);
    border-top:1px solid #7192A8; /* makes it look consistent with the popup background */
    /*position: relative;*/
    text-align: left;
    padding-left: 30px;
    line-height: 26px;
    }

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

    .toplinks ul.isuser .notifications .popupbody li a:hover {
    background:#FFEB90;
    color: rgb(0, 0, 0);
    text-decoration: underline;
    }

    .toplinks form {
    min-width: 220px;
    display:block;
    margin-right: 0;
    text-align: left;
    float: right;
    clear: left;
    _width:20%;
    }

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

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

    .toplinks form input.textbox {
    color: #fff;
    opacity:0.8;
    background:#000;
    border:2px solid #000;
    }

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

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

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

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

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

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

    .notifications > a:hover,
    .notifications a.popupctrl:hover {
    color: rgb(255, 255, 255);
    }

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

    }

    .notifications a {
    text-decoration:none;
    }

    .notifications .popupbody {
    color:rgb(0, 0, 0);
    }

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

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

    .navbar {
    position:relative;
    height:53px;
    background: url("http://img.static.operator.mail.ru/forum.wf/newbtn_middle.png") repeat-x 0 100% #575151;
    margin:10px 0px 0px 0px;
    color:rgb(255, 255, 255);
    font: 1px Arial, Calibri, Verdana, Geneva, sans-serif;
    border:0px solid rgb(255, 255, 255);
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    }
    .navbar a { color:rgb(255, 255, 255); }
    .navbar a:hover { color:rgb(255, 255, 255); }

    .navtabs {
    background:url("http://img.static.operator.mail.ru/forum.wf/navbar_bg.gif") repeat-x 0 0 #cfcfcf;
    padding: 0px 0px 0px 10px;
    height: 26px;
    _background-image:none;
    }

    .navtabs li:first-child {
    border-left:1px solid #252525;
    }

    .navtabs ul {
    /* background: #2f4456; */
    position:absolute;

    top:26px;

    left: -1px;

    width:100%;

    border:1px solid #515251;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;

    margin-right:79px;
    /* This is to fix RTL menu issue under Opera */

    direction:ltr;
    }

    .navtabs li {
    float:left;
    border-right:1px solid #595959;
    }

    .navtabs ul li:first-child {
    text-indent: 20px;
    border-left: 0;
    }

    .navtabs ul li {
    border-right:1px solid #fff;
    position: relative;
    }

    .navtabs li a {
    border-right:1px solid #252525;
    height:26px;
    line-height:26px;
    padding:0 5px;
    }

    .navtabs li ul li,
    .navtabs li ul li a{border-right:0;}

    .navtabs li a.navtab {
    display:block;
    /*background:url("http://wf.mail.ru/forums/images/navbar_bg.gif") no-repeat scroll 50% 0 transparent;*/
    _background-image:none;
    min-width:40px;
    width:auto !important;
    width:60px;
    _min-width:75px;
    _width:auto !important;
    _width:75px;
    text-align:center;
    color:#b7b7b7;
    font: bold 12px Arial, Calibri, Verdana, Geneva, sans-serif;
    text-decoration:none;
    line-height:26px;
    }

    .navtabs li a.navtab:hover {
    _background-image:none;
    /*color:#417394;*/
    color:#fff;
    text-decoration:underline;
    }

    .navtabs li.selected {
    border:1px solid #353535;
    color:#111;
    height:26px;
    margin-top:-6px;
    padding-bottom:6px;
    }

    .navtabs li.selected a.navtab {
    color:#fff;
    background:url("http://img.static.operator.mail.ru/forum.wf/bg_selected.gif") repeat-x scroll 0 0 #50813c;
    _background-image:none;
    position:relative;
    top:0;
    padding-top:4px;
    z-index:10;
    border:1px solid #595959
    }
    .navtabs li.selected li a,
    .navbar_advanced_search li a {
    text-decoration:none;
    font: 11px Arial, Calibri, Verdana, Geneva, sans-serif;
    line-height: 26px;
    }
    .navtabs li.selected li a {
    color:rgb(255, 255, 255);
    padding:2px 5px;
    }

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

    .navbar_advanced_search li a {
    color:rgb(255, 255, 255);
    }

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

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

    .navtabs li.selected .popupbody li > a {
    padding:0px 10px;
    text-indent: 0;
    color: rgb(0, 0, 0);
    }

    .navtabs li.selected li a.popupctrl {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:solid 1px transparent;
    _border: none;
    background:transparent url(http://wf.mail.ru/forums/images/misc/arrow.png) no-repeat right center;
    padding-right:15px;
    _background-image:url('http://wf.mail.ru/forums/images/misc/arrow.gif');
    color: rgb(255, 255, 255);
    }

    .toplinks .notifications a.popupctrl {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 15px;
    background: url("http://wf.mail.ru/forums/images/misc/arrow.png") no-repeat scroll right center #616161;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    _background-image:url('http://wf.mail.ru/forums/images/misc/arrow.gif');
    }

    .toplinks .nonotifications a.popupctrl {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 15px;
    background: transparent url(http://wf.mail.ru/forums/images/misc/arrow.png) no-repeat right center;
    _background-image:url('http://wf.mail.ru/forums/images/misc/arrow.gif');
    }

    .toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 15px;
    color:#fff;
    text-decoration:underline;
    background: transparent url(http://wf.mail.ru/forums/images/misc/arrow.png) no-repeat right center;
    _background-image:url('http://wf.mail.ru/forums/images/misc/arrow.gif');
    }

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

    .navtabs li.selected li:hover a.popupctrl {
    color:#fff;
    text-decoration:underline;
    }

    .navtabs li.selected li:hover a.popupctrl.active,
    .navtabs li.selected li a.popupctrl.active {

    color:#fff;
    text-decoration:underline;
    }

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

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

    .navtabs .popupbody li a:hover {
    background-color: #FFEB90;
    }

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

    .nonotifications .popupbody p {
    color: rgb(0, 0, 0);
    text-align: left;
    background: rgb(255, 255, 255);
    border-top: 1px solid #7192A8;
    padding: 0;
    text-indent: 5px;
    line-height: 26px;
    display:block;
    }

    .toplinks .nonotifications .popupbody a {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    float: none;
    clear: none;
    padding: 0 5px;
    margin-left: 0;
    text-align: left;
    line-height: 26px;
    }

    .toplinks .nonotifications .popupbody a:hover {
    background:#FFEB90;
    color: rgb(0, 0, 0);
    text-decoration: underline;
    padding: 0 5px;
    }

    .globalsearch {
    position:absolute;
    width:175px;
    right: 20px;
    top: 0px;
    float: right;
    clear: left;
    text-align:right;
    line-height: 1.0em;
    display:block;
    }

    .navbar_search {
    position:relative;
    width:180px;
    right: -20px;
    display:block;
    }

    .navbar_search input {
    font-size: 11px;
    vertical-align:middle;
    }
    .navbar_search .textbox{
    background:#f6eeec;
    border:solid 1px gray;
    padding:1px 5px;
    outline:0;
    color:#000;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    }
    .globalsearch .textboxcontainer {
    height: 26px;
    display:inline-block;
    float: left;
    text-align:center;
    }

    .globalsearch .textboxcontainer span {
    display: inline-block;
    height: 22px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    margin-bottom: 1px;
    width: 147px;
    _width:140px; /* ie6 hack */
    }

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

    .toplinks form input.loginbutton {
    font-size: 11px;
    padding: 0 7px;
    width:59px;
    height:19px;
    color:#fff;
    border-radius:5px;
    background: url("http://img.static.operator.mail.ru/forum.wf/enter.gif") no-repeat 0 0;
    }

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

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

    .globalsearch .searchbutton {
    border:0 none;
    left:-5px;
    margin:3px 10px 0 0;
    padding:0;
    position:relative;
    width:17px;
    }

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

    .breadcrumb > ul {
    background:transparent url(http://wf.mail.ru/forums/images/misc/navbit-home.png) left top no-repeat;
    border:none;
    }

    .breadcrumb .navbit {
    float:left;
    background-image:url(http://wf.mail.ru/forums/images/misc...ow-right.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:10px;
    padding-left:3px;
    }

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

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

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

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

    .breadcrumb .navbit a:hover {
    border-color:#cedfeb;
    background-color:rgb(246,248,249);
    }

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

    .breadcrumb .navbit a.popupctrl {
    background-image:url(http://wf.mail.ru/forums/images/misc...ow-right.png);
    background-position:center center;
    padding:2px 6px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

    .breadcrumb .navbit a.popupctrl:hover {
    background-color:#FFEB90;
    color:#417394;
    }

    .breadcrumb hr {
    display:none;
    }

    /*************************************************/
    /* PAGE TITLE */

    #pagetitle {
    padding:0px 0px 0px 0px;
    clear:both;
    padding-top: 5px;
    background: none ;
    border: ;
    }
    #pagetitle a { color:; }
    #pagetitle a:hover { color:; }

    #pagetitle h1 {
    color: inherit;
    font-size:14px;
    font-weight:bold;
    }

    #pagetitle .description {
    color: inherit;
    font-size: 11.05px;
    }

    /*************************************************/
    /* NEW CONTENT LINK */
    .newcontent_textcontrol {
    background:#000 url("http://img.static.operator.mail.ru/forum.wf/newbtn_middle.png") repeat-x 0 0;
    _background-image: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 3px 8px #dddddd;
    -webkit-box-shadow: 0 3px 8px #dddddd;
    box-shadow: 0 3px 8px #dddddd;
    font: normal 14px Arial, sans-serif;
    color: rgb(255, 255, 255);
    padding: 4px 15px 4px 15px;
    border: 0 ;
    display:block;
    float: left;
    clear: right;
    }
    .newcontent_textcontrol span {
    font-size:15px;
    font-weight:bold;
    display:inline;
    }
    .newcontent_textcontrol:hover {
    background:#000 url("http://img.static.operator.mail.ru/forum.wf/newbtn_middle.png") repeat-x 0 0;
    _background-image: none;
    color: rgb(255, 255, 255);
    text-decoration: none;
    }


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

    .footer {
    clear:both;
    margin-top:15px;
    text-align:right;
    display:block;
    /*width: 100%; VBIV-10173*/
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;
    box-shadow: -2px 2px 2px #c8c8c8;
    background: #404040;
    padding:5px 0px 5px 0px;
    border:1px solid #606060;
    color:;
    font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    }
    .footer a { color:rgb(255, 255, 255); }
    .footer a:hover { color:rgb(255, 255, 255); }


    .footer_copyright,
    .footer_morecopyright {
    padding-bottom:5px;
    color:#fff;
    font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    margin-top: 10px;
    text-align:center;
    display:block;
    }

    .footer_time {
    color:rgb(102, 102, 102);
    font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    padding-top:10px;
    text-align:center;
    }

    .footer_select {
    float:left;
    text-align:left;
    margin-left: 10px;
    margin-top: 0;
    }

    .footer_links {
    margin-right: 10px;
    margin-top: 2px;
    }

    .footer_links li {
    display:inline;
    margin-left:5px;
    }

    .below_body .time {
    color: #3e3e3e;
    }

    .notices {
    background: rgb(255, 255, 255);
    margin: 5px 0;
    }

    .notices li {
    background: #ffeb90 none ;
    font-size: 12px;
    color: #3e3e3e;
    padding:5px 10px;
    margin-bottom:5px;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;
    box-shadow: -2px 2px 2px #c8c8c8;
    text-align: left;
    clear:both;
    }

    /* from components.css */
    /* start styles for template: navbar */
    /*doesn't seem to be used anywhere
    .popup_inline_break {
    color:#262626;
    margin-left:5px;
    font-weight:bold;
    padding:4px 0px;
    }*/
    .breadcrumb > ul {
    background-image:none;
    padding-left:0px;
    }
    .breadcrumb .navbithome {
    float: left;
    padding: 3.5px 0;
    }
    /* end styles for template: navbar */

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


    /* CSS Document */

    /* Use border box for form elements */
    .formcontrols input,select,textarea {
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing:border-box;
    }
    .formcontrols input.textbox {
    height:25px;
    *height:12px;
    }
    .formcontrols .blocksubhead {
    font-weight:bold;
    }

    .vbform .blockhead {
    margin-top:2em;
    }

    .vbform .blockhead:first-child {
    margin-top:0;
    }
    .settings_form_top_border {
    border-top: 1px solid #6b91ab;
    }
    .blockbody.settings_form_border {
    border-right: 1px solid #6b91ab;
    border-left: 1px solid #6b91ab;
    border-bottom: 1px solid #6b91ab;
    }
    .vbform {
    clear:both;
    width:auto;
    max-width:100%;
    _width:100%;
    margin:0 auto 2em;
    }

    .formcontrols {
    border: 1px solid #565754;
    }

    .formcontrols .blockrow {
    background:rgb(255, 255, 255) bottom repeat-x;
    border-top:solid 1px #cedfeb;
    padding:10px 5px;
    }

    /* div.section is needed to resolve IE7 percentage width bug */
    .formcontrols .section {
    padding:0 15px;
    }

    .formcontrols > *:first-child,
    .formcontrols .blocksubhead + .blockrow,
    .formcontrols .section .blockrow:first-child {
    border-top:none;
    }

    /* BASIC CONTROL STYLING */

    input, textarea, select, button {
    font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-weight: normal;

    }

    .button {
    padding:2px 2px;
    }

    .button:hover {
    color:#417394;
    }

    .button[type="reset"]:hover {
    color:#417394;
    }

    .textbox,
    textarea,
    select {
    background:rgb(255, 255, 255) none ;
    border:solid 1px #6b91ab;
    padding:4px 5px;
    outline:0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

    .textbox[disabled],
    textarea[disabled] {
    font-style:italic;
    color:#777777;
    }

    .formcontrols .blockrow input.textbox:focus,
    .formcontrols .blockrow textarea:focus {
    background: #f2f6f8 none ;
    }

    /* INPUT / SELECT / TEXTAREA / GROUP */

    form .rightcol {
    display:block;
    margin-left:212px;
    max-width:496px;
    *margin-left:0;
    float:none;
    }

    .blockbody.formcontrols .blockrow .rightcol * {
    margin-left:0;
    width:auto;
    }

    .blockbody.formcontrols .blockrow .rightcol .primary {
    width:50%;
    }
    .blockbody.formcontrols .blockrow .rightcol textarea.primary {
    width:70%;
    }
    .blockbody.formcontrols .blockrow .rightcol .description {
    width:auto;
    }

    .formcontrols .blockrow .primary {
    width:248px;
    }
    .formcontrols .blockrow .primary.full {
    width:496px;
    float:left;
    }

    .formcontrols .blockrow .group {
    width:100%;
    }

    .formcontrols .blockrow .group li {
    margin-top:5px;
    }
    .formcontrols .blockrow .group li:first-child {
    margin-top:0;
    }
    .formcontrols .blockrow .group .textbox {
    width:248px;
    }

    .formcontrols .blockrow .primary.center {

    }

    .formcontrols .blockrow .primary.center img.icon {
    border:1px solid rgb(65,93,141);
    }

    .formcontrols .blockrow .titleprefix {
    float:left;
    margin-right:0.5em;
    }

    .formcontrols .blockrow * .group {
    width:auto;
    float:none;
    }

    .formcontrols .blockrow input.textbox[size] {
    width:auto;
    }

    .editor_textbox textarea {
    width:500px;
    max-width:98%;
    min-width:98%;
    height:200px;
    float:none;
    }

    .editor_textbox textarea, #ie8#fix {
    width:98%;
    }

    .formcontrols .blockrow input.numeric,
    .formcontrols .blockrow select.numeric {
    text-align:right;
    }

    /* LABELS */

    .formcontrols .blockrow label,
    .formcontrols .blockrow .group.multifield label,
    .formcontrols .blockrow .groupoption label {
    display:block;
    margin-bottom:2px;
    }

    .formcontrols .blockrow label {
    width:212px;
    float:left;
    font-size:13px;

    }
    .formcontrols .blockrow label.full {
    width:auto;
    float:none;
    font-weight:bold;
    }

    .formcontrols .blockrow label.floatlabel {
    margin-left: 10px;

    }

    .formcontrols .blockrow * label {
    /* undoes the above two rules */
    display:block;
    margin-bottom:auto;
    width:auto;
    float:none;
    }

    .formcontrols .blockrow .group li label,
    .formcontrols .blockrow .group dt label {
    width:212px;
    float:left;
    }

    .formcontrols .blockrow .group.full li label,
    .formcontrols .blockrow .group.full dt label {
    width:auto;
    }



    .formcontrols .blockrow .label {
    margin-bottom:8px;

    }

    .formcontrols .blockrow.singlecheck label {
    float:left;
    }

    .formcontrols fieldset.blockrow legend {
    margin:0;
    font-size:13px;
    font-weight:bold;
    padding-bottom:10px\9; /*IE Hack*/
    }

    /* DESCRIPTIONS */

    .formcontrols .blockrow .description {
    color:#777777;
    font-size:11px;
    max-width:496px;
    margin-left:212px;
    overflow:hidden;
    line-height:150%;
    margin-bottom:5px;
    }

    .formcontrols .blockrow .group.multifield + .description {
    padding-top:1.3em;
    }

    .blockrow.texteditor .description {
    float:none;
    width:auto;
    margin-top:2px;
    }

    .formcontrols .blockrow .group.numeric + .description {
    /* descriptions to the right of numeric groups */
    }

    .formcontrols .blockrow .singledescription {
    display:block;
    clear:left;
    margin-bottom:10px;
    }

    /* CHECKBOX / RADIO EXCLUSIVE GROUPS */

    .formcontrols .blockrow .group.checkradio {
    width:auto;
    }

    .formcontrols .blockrow .group.checkradio li label {
    float:none;
    }

    .formcontrols .blockrow .group.checkradio.full {
    width:100%;
    }


    .formcontrols .blockrow .group.checkradio.partial {
    width:212px;
    }

    .formcontrols .blockrow .group.checkradio.horizontal {
    height:30px;
    }
    .formcontrols .blockrow .group.checkradio.horizontal li label {
    float:left;
    padding-right:10px;
    }

    .formcontrols .blockrow .group.checkradio > li {
    margin-bottom:0.5em; /* maybe questionable */
    }

    /* MULTI-FIELD GROUPS (dd, mm, yyyy fields etc.) */

    .formcontrols .blockrow .group.multifield li {
    float:left;
    margin-right:1em;
    margin-top:0;
    }

    /* Display multi-field controls vertically */
    .formcontrols .blockrow .group.multifield.stacked li {
    float:none;
    margin-top:2px;
    }

    .formcontrols .blockrow .group.multifield label {
    margin-bottom:2px;
    display:block;
    float:none;
    width:auto;
    }

    .formcontrols .blockrow .group.multifield select,
    .formcontrols .blockrow .group.multifield input.textbox {
    float:none;
    }

    /* NUMERIC GROUP (rgb color etc.) */

    .formcontrols .blockrow .group.numeric {
    width:auto;
    *width:24%;
    max-width:212px;
    margin-right:2%;
    }

    .formcontrols .blockrow .group.numeric li {
    clear:both;
    }

    .formcontrols .blockrow .group.numeric label {
    float:left;
    margin-top:1px;
    }

    .formcontrols .blockrow .group.numeric input.textbox {
    float:right;
    text-align:right;
    margin-left:20px;
    margin-bottom:2px;
    }

    .formcontrols .blockrow .group.numeric .description {
    clear:both;
    text-align:right;
    margin:auto;
    margin-bottom:0.2em;
    }

    /* NUMERIC INPUT */

    .formcontrols .blockrow input.textbox.numeric {
    text-align:right;
    }

    /* ACTION BUTTONS */

    .formcontrols input.button,
    .actionbuttons {
    max-width:100%;
    }

    .blockfoot.actionbuttons.redirect_button {
    background-color:transparent;
    padding-top:5px;
    }
    .blockfoot.actionbuttons.redirect_button .group {
    padding-right: 0px;
    }
    .actionbuttons .group {
    float:none;
    text-align:right;
    padding-right: 10px;
    }

    .vbform .actionbuttons .group {
    margin:0 auto;
    width:auto;
    max-width:100%;
    _width:100%;
    }

    .actionbuttons .small_text_buttons, .actionbuttons .small_text_buttons input.button {
    padding-left:10px;
    padding-right:10px;
    }


    .actionbuttons .group .button {
    cursor:pointer;
    padding: 2.5px 5px;
    font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    border:1px solid #a8a8a8;
    color:#424242;
    background:#e9e9e9 url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x top left;
    }

    .actionbuttons .group .button:hover {
    background: #efefef url(http://wf.mail.ru/forums/images/grad...ric_button.png) repeat-x ;
    color: #417394;
    }

    /* *** SPECIAL ITEMS *** */

    /* POST ICONS */

    .formcontrols .blockrow #posticon_preview {
    width:16px;
    height:16px;
    margin-left:10px;
    }

    .formcontrols .blockrow.posticons table {
    width:496px;
    }

    .formcontrols .blockrow.posticons td {
    padding:2px;
    }

    /* RATING SELECT */

    .formcontrols .blockrow select.rating option {
    background-image:url(http://wf.mail.ru/forums/images/rati...ing-15_3.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:85px
    }

    /* DEP GROUPS */
    .formcontrols .blockrow dl.dep_group dd, .formcontrols .blockrow .dep_group .deps {
    margin-left:1.5em;
    margin-top:0.5em;
    margin-bottom:0.2em;
    }

    .formcontrols .blockrow dl.dep_group dd dl.dep_group {
    /*margin-top:1em;*/ /* Handles the margin above sub-dependent controls, remove? */
    }

    input[type="submit"][disabled]#blog_deletebtn:active, input[type="submit"][disabled]#blog_deletebtn {
    color:graytext;
    }

    /* ATTACH FILES */

    .formcontrols .blockrow .group.attachments li {
    margin-bottom:0.5em;
    }

    .formcontrols .blockrow .group.attachments li img {
    vertical-align:middle;
    }

    /* Upper / Lower comparison and IM FIELDS (AIM, Skype...) */

    .formcontrols .group.upperlower li,
    .formcontrols .group.imfields li {
    width:45%;
    padding-bottom:0.3em;
    }

    .formcontrols .group.upperlower li input.textbox,
    .formcontrols .group.imfields li input.textbox,
    .formcontrols .group.imfields li select {
    width:100%;
    }

    .formcontrols .group.imfields li select {
    margin-bottom:-0.3em;
    }

    /* Group of text controls */
    .groupcontrols {
    text-align:right;
    clear:both;
    }

    .groupcontrols .textcontrol {
    margin-left:10px;
    margin-top:0;
    }

    /* Single Button */
    .formcontrols .blockrow.singlebutton .button {
    }

    /* IE7 Float Fix */
    .formcontrols .groupoption {
    display:block;
    clear:left;
    }

    /* DEBUG */
    .group.radio,
    .group.checkbox {
    background:#f2f6f8 none ;
    }

    /* NEWEVENT.php TEMP */
    .formcontrols .blockrow .group.checkradio .daycheckboxes li {
    float:left;
    padding-right:1em;
    padding-top:0.5em;
    }

    /*For the search, not worth creating a new css file*/
    .savepreferences {
    float:left;text-align:left;width:49.5%;
    }

    /* Facebook Stuff */
    .formcontrols #fbregbox.blockrow.hidden {
    visibility: hidden;
    }

    /* Fix for item 37360 */
    #tag_list_cell .formcontrols .blockrow .group li label, #tag_list_cell .formcontrols .blockrow .group dt label { width: auto; }
    #tag_edit_list li { clear: right; width: auto; margin-right: 10px;}
    #tag_list_cell .formcontrols .blockrow .group li { margin-top: 0; }


    .config_customize{
    background-color: transparent;
    padding: 0px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 5px;
    }

    .config_customize_header{
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
    background-color: #666666;
    height: 31px;
    }

    .config_editlink {
    padding: 0px 20px 3px 20px;
    background-color: #444444;
    border: 1px solid #444444;
    font-weight: bold;
    font-size: 110%;
    color: #C0C0C0;
    height: 25px;
    margin: 3px 10px 3px 0px;
    text-align:center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor:pointer;
    text-shadow: 2px 2px 2px #000000;
    }

    .config_editlink:hover{
    background-color: #666666;

    }
    .config_save {
    padding: 0px 20px 3px 20px;
    background-color: #77AA11;
    border: 1px solid #77AA11;
    font-weight: bold;
    font-size: 110%;
    color: #ffffff;
    height: 25px;
    margin: 3px 10px 3px 10px;
    margin: 3px 10px 3px 10px;
    text-align:center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor:pointer;
    text-shadow: 3px 3px 3px #333333;
    }

    .config_save:hover{
    background-color: #AADD11;

    }
    .config_customize_pages {
    background-color: transparent;
    color: #222222;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    }

    .config_customize_page {
    background-color: transparent;
    color: #222222;
    display:block;
    padding: 15px;
    width:100%;
    clear:right;
    float:left;
    font-weight: bold;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    }


    .picker-holder
    {
    display:block;
    text-align:center;
    margin:auto;
    top: 20px;
    background-color: #ffffff;
    }


    .picker{
    background-color: #aaaaaa;
    background: -moz-linear-gradient(#eeeeee,#999999);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(white), to(#aaaaaa) );
    display:block;
    }


    .lightgraybackground{
    background-color: #ffffff;
    background: -moz-linear-gradient(#ffffff,#cccccc);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(#ffffff), to(#cccccc) );
    }


    .centerbar
    {
    position: absolute;
    width:2px;
    left: 50%;
    }

    .hbar
    {
    height:2px;
    text-align:center;
    display:block;
    width:100%;
    margin-bottom: 4px;
    }


    .alert_box
    {
    text-align:center;
    display:block;
    position:absolute;
    color: #222222;
    background-color: #aaaaaa;
    background: -moz-linear-gradient(#ffffff, #888888);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(#ffffff), to(#888888) );
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: #000000 2px solid;
    z-index: 10;
    }
    .alert_box .hd
    {
    text-align:center;
    display:none;
    color: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

    .alert_box .bd
    {
    color: #222222;
    background: -moz-linear-gradient(#ffffff, #888888);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(#ffffff), to(#888888) );
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topleft: 10px;
    -webkit-border-radius-topright: 10px;
    }

    .alert_box .ft
    {
    text-align: right;
    background: -moz-linear-gradient(#888888, #000000);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(#888888), to(#000000) );
    }

    .alert_box .ft input.btn {
    display:none;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    margin: 4px 10px 4px 10px;
    color: #ffffff;
    background: -moz-linear-gradient(#888888, #000000);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(#888888), to(#000000) );
    border: 1px #ffffff solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: right;
    font-weight:bold;
    }


    .ok_button {
    display:none;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    width:80px;
    margin: 4px 10px 4px 10px;
    color: #ffffff;
    background: -moz-linear-gradient(#888888, #000000);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(#888888), to(#000000) );
    border: 1px #ffffff solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: right;
    font-weight:bold;
    }

    .attach_popup
    {
    display: none;
    border: 1px #000000 solid;
    margin: 0px;
    padding: 0px;
    background-color: #aaaaaa;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }


    .assetpicker_body
    {
    display:block;
    width: 100%;
    background-color: #bbbbbb;
    background: -moz-linear-gradient(#ffffff,#999999);
    background: -webkit-gradient( linear, 0 0, 0 100%, from(white), to(#aaaaaa) );
    padding: 5px;
    }
    .transparent
    {
    background-color: transparent;

    }

    .grey_select_item
    {
    background-color: #eeeeee;

    }

    .tall_select
    {
    height: 30px;
    }
    body {
    /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #323D4F;
    background-color: #FFFFFF;
    font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
    margin: 0;
    }

    #wrapheader {
    min-height: 120px;
    height: auto !important;
    height: 120px;
    /* background-image: url('styles/RedSilver/theme/images/background.gif');
    background-repeat: repeat-x;*/
    /* padding: 0 25px 15px 25px;*/
    padding: 0;
    }

    #wrapcentre {
    margin: 0 40px;
    padding: 10px 20px 10px 20px;
    background: rgb(255, 255, 255) none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    #wrapfooter {
    text-align: center;
    clear: both;
    }

    #wrapnav {
    width: 100%;
    margin: 0;
    background-color: #f0ede6;
    border-width: 1px;
    border-style: solid;
    border-color: #a9a9a9;
    }

    #logodesc {
    margin-bottom: 5px;
    padding: 5px 25px;
    background: #D9DFE4;
    border-bottom: 1px solid #4787A7;
    }

    #menubar {
    margin: 0 25px;
    }

    #datebar {
    margin: 10px 25px 0 25px;
    }

    #findbar {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    }

    .forumrules {
    background-color: #F9CC79;
    border-width: 1px;
    border-style: solid;
    border-color: #BB9860;
    padding: 4px;
    font-weight: normal;
    font-size: 1.1em;
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    }

    .forumrules h3 {
    color: red;
    }

    #pageheader { }
    #pagecontent { }
    #pagefooter { }

    #poll { }
    #postrow { }
    #postdata { }


    /* Text
    --------------------- */
    h1 {
    color: black;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    text-decoration: none;
    }

    h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 120%;
    }

    h3 {
    font-size: 1.3em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 120%;
    }

    h4 {
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
    }

    p {
    font-size: 1.1em;
    }

    p.moderators {
    margin: 0;
    float: left;
    color: black;
    font-weight: bold;
    }

    .rtl p.moderators {
    float: right;
    }

    p.linkmcp {
    margin: 0;
    float: right;
    white-space: nowrap;
    }

    .rtl p.linkmcp {
    float: left;
    }

    p.breadcrumbs {
    margin: 0;
    float: left;
    color: black;
    font-weight: bold;
    white-space: normal;
    font-size: 1em;
    }

    .rtl p.breadcrumbs {
    float: right;
    }

    p.datetime {
    margin: 0;
    float: right;
    white-space: nowrap;
    font-size: 1em;
    }

    .rtl p.datetime {
    float: left;
    }

    p.searchbar {
    padding: 2px 0;
    white-space: nowrap;
    }

    p.searchbarreg {
    margin: 0;
    float: right;
    white-space: nowrap;
    }

    .rtl p.searchbarreg {
    float: left;
    }

    p.forumdesc {
    padding-bottom: 4px;
    }

    p.topicauthor {
    margin: 1px 0;
    }

    p.topicdetails {
    margin: 1px 0;
    }

    .postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
    margin: 1px 0;
    color: red;
    font-weight:bold;
    }

    .postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
    color: green;
    font-weight:bold;
    }

    .postapprove img, .postreported img {
    vertical-align: bottom;
    }

    .postauthor {
    color: #000000;
    }

    .postdetails {
    color: #000000;
    }

    .postbody {
    font-size: 1.3em;
    line-height: 1.4em;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    }

    .postbody li, ol, ul {
    margin: 0 0 0 1.5em;
    }

    .rtl .postbody li, .rtl ol, .rtl ul {
    margin: 0 1.5em 0 0;
    }

    .posthilit {
    background-color: yellow;
    }

    .nav {
    margin: 0;
    color: black;
    font-weight: bold;
    }

    .pagination {
    padding: 4px;
    color: black;
    font-size: 1em;
    font-weight: bold;
    }

    .cattitle {

    }

    .gen {
    margin: 1px 1px;
    font-size: 1.2em;
    }

    .genmed {
    margin: 1px 1px;
    font-size: 1.1em;
    }

    .gensmall {
    margin: 1px 1px;
    font-size: 1em;
    }

    .copyright {
    color: #444;
    font-weight: normal;
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    }

    .titles {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    text-decoration: none;
    }

    .error {
    color: red;
    }


    /* Tables
    ------------ */
    th {

    font-size: 1.1em;
    font-weight: bold;
    background: rgb(255, 255, 255) url(http://wf.mail.ru/forums/images/gradients/grey-up.png) repeat-x left bottom;
    _background-image: none;
    border-top: 1px solid rgb(255, 255, 255);
    padding: 7px 5px;
    }

    td {
    padding: 2px;
    }
    td.profile {
    padding: 4px;
    }

    .tablebg {
    background-color: #a9a9a9;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;
    box-shadow: -2px 2px 2px #c8c8c8;
    }

    .catdiv {
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background: white url('styles/RedSilver/theme/images/cellpic2.jpg') repeat-y scroll top left;
    }
    .rtl .catdiv {
    background: white url('styles/RedSilver/theme/images/cellpic2_rtl.jpg') repeat-y scroll top right;
    }

    .cat {
    background: url("http://img.static.operator.mail.ru/forum.wf/newbtn_middle.png") repeat-x scroll 0 0 #060606;
    _background-image: none;
    padding: 0;
    font: bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
    color: #ffffff;
    clear: both;
    margin-top: 8px;
    border: 1px solid #535353;
    width: 100%;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    }

    .row1 {
    background: rgb(255, 255, 255) url(http://wf.mail.ru/forums/images/gradients/grey-up.png) repeat-x left bottom;
    _background-image: none;
    border-top: 1px solid rgb(255, 255, 255);
    }

    .row2 {
    background: rgb(255, 255, 255) url(http://wf.mail.ru/forums/images/gradients/grey-up.png) repeat-x left bottom;
    _background-image: none;
    border-top: 1px solid rgb(255, 255, 255);
    }

    .row3 {
    background-color: #C0C8D0;
    padding: 4px;
    }

    .spacer {
    background-color: #D1D7DC;
    }

    hr {
    height: 1px;
    border-width: 0;
    background-color: #D1D7DC;
    color: #D1D7DC;
    }

    .legend {
    text-align:center;
    margin: 0 auto;
    }

    /* Links
    ------------ */
    a:link {
    color: #417394;
    text-decoration: none;
    }

    a:active,
    a:visited {
    color: #111111;
    text-decoration: none;
    }

    a:hover {
    color: #111111;
    text-decoration: underline;
    }

    a.forumlink {
    color: #417394;
    font-weight: bold;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    }

    a.topictitle {
    margin: 1px 0;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    }

    a.topictitle:visited {
    color: #646464;
    text-decoration: none;
    }

    th a,
    th a:visited {
    color: #ff5a4f !important;
    text-decoration: none;
    }

    th a:hover {
    text-decoration: underline;
    }


    /* Form Elements
    ------------ */
    form {
    margin: 0;
    padding: 0;
    border: 0;
    }

    input {
    color: #333333;
    font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    padding: 1px;
    border: 1px solid #a9a9a9;
    background-color: #FAFAFA;
    }

    textarea {
    background-color: #FAFAFA;
    color: #333333;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: normal;
    border: 1px solid #a9a9a9;
    padding: 2px;
    }

    select {
    color: #333333;
    background-color: #FAFAFA;
    font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    border: 1px solid #a9a9a9;
    padding: 1px;
    }

    option {
    padding: 0 1em 0 0;
    }

    option.disabled-option {
    color: graytext;
    }

    .rtl option {
    padding: 0 0 0 1em;
    }

    input.radio {
    border: none;
    background-color: transparent;
    }

    .post {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    }

    .btnbbcode {
    color: #000000;
    font-weight: normal;
    font-size: 1.1em;
    font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
    background-color: #EFEFEF;
    border: 1px solid #666666;
    }

    .btnmain {
    font-weight: bold;
    background-color: #f0ede6;
    border: 1px solid #a9a9a9;
    cursor: pointer;
    padding: 1px 5px;
    font-size: 1.1em;
    }

    .btnlite {
    font-weight: normal;
    background-color: #f0ede6;
    border: 1px solid #a9a9a9;
    cursor: pointer;
    padding: 1px 5px;
    font-size: 1.1em;
    }

    .btnfile {
    font-weight: normal;
    background-color: #f0ede6;
    border: 1px solid #a9a9a9;
    padding: 1px 5px;
    font-size: 1.1em;
    }

    .helpline {
    background-color: #DEE3E7;
    border-style: none;
    }


    /* BBCode
    ------------ */
    .quotetitle, .attachtitle {
    margin: 10px 5px 0 5px;
    padding: 4px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #a9a9a9;
    color: #333333;
    background-color: #a9a9a9;
    font-size: 0.85em;
    font-weight: bold;
    }

    .quotetitle .quotetitle {
    font-size: 1em;
    }

    .quotecontent, .attachcontent {
    margin: 0 5px 10px 5px;
    padding: 5px;
    border-color: #a9a9a9;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4em;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    background-color: #FAFAFA;
    color: #4B5C77;
    }

    .attachcontent {
    font-size: 0.85em;
    }

    .codetitle {
    margin: 10px 5px 0 5px;
    padding: 2px 4px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #a9a9a9;
    color: #333333;
    background-color: #a9a9a9;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    }

    .codecontent {
    direction: ltr;
    margin: 0 5px 10px 5px;
    padding: 5px;
    border-color: #a9a9a9;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    color: #006600;
    font-size: 0.85em;
    font-family: Monaco, 'Courier New', monospace;
    background-color: #FAFAFA;
    }

    .syntaxbg {
    color: #FFFFFF;
    }

    .syntaxcomment {
    color: #FF8000;
    }

    .syntaxdefault {
    color: #0000BB;
    }

    .syntaxhtml {
    color: #000000;
    }

    .syntaxkeyword {
    color: #007700;
    }

    .syntaxstring {
    color: #DD0000;
    }


    /* Private messages
    ------------------ */
    .pm_marked_colour {
    background-color: #000000;
    }

    .pm_replied_colour {
    background-color: #a9a9a9;
    }

    .pm_friend_colour {
    background-color: #007700;
    }

    .pm_foe_colour {
    background-color: #DD0000;
    }


    /* Misc
    ------------ */
    img {
    border: none;
    }

    .sep {
    color: black;
    background-color: #FFFFFF;
    }

    table.colortable td {
    padding: 0;
    }

    pre {
    font-size: 1.1em;
    font-family: Monaco, 'Courier New', monospace;
    }

    .nowrap {
    white-space: nowrap;
    }

    .username-coloured {
    font-weight: bold;
    }

    #menu_bkg a {
    color: #FFF;
    font-weight: bold;
    }

    body {
    background: #000000 url(http://img.static.operator.mail.ru/wf/forum/bg.jpg) center top no-repeat;
    }

    .logo-image {
    width: 491px;
    height: 133px;
    margin: 33px 0 0px -466px;
    background: url(http://img.static.operator.mail.ru/wf/forum/logo.png) left 30px no-repeat;
    overflow: hidden;
    }
    .logo-image img {
    visibility: hidden;
    }

    .forumbits,
    .threadlist .threadlisthead,
    .threadlist .threadinfo,
    .threadlist .threadlastpost,
    .posthead,
    .postdetails,
    .postbitdeleted,
    .forumhead,
    .forumbit_post,
    .forumbit_nopost,
    .blockbody.formcontrols {
    text-align: left;
    }

    /* Reputation */

    .post_rep {
    height: 30px;
    margin: 3px 0px;
    }

    .post_rep strong {
    display: none;
    }

    .post_rep a, .post_rep div {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background-image: url(http://img.static.operator.mail.ru/w...post_rep.png);
    background-repeat: no-repeat;
    }

    .post_rep a.r_up {background-position: left -0px;}
    .post_rep a.r_up:hover {background-position: left -30px;}
    .post_rep a.r_up:active {background-position: left -60px;}
    .post_rep div.r_up {background-position: left -90px;}
    .post_rep div.r_up_v {background-position: left -30px;}
    .post_rep a.r_dn {background-position: left -120px;}
    .post_rep a.r_dn:hover {background-position: left -150px;}
    .post_rep a.r_dn:active {background-position: left -180px;}
    .post_rep div.r_dn {background-position: left -210px;}
    .post_rep div.r_dn_v {background-position: left -150px;}

    .post_rep span {
    width: 45px;
    height: 30px;
    display: block;
    float: right;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
    line-height: 31px;
    text-align: center;
    background: url(http://img.static.operator.mail.ru/w...p/post_rep.png) left -240px no-repeat;
    cursor: default;
    }

    .post_rep span.green {background-position: left -270px;}
    .post_rep span.red {background-position: left -300px;}


    .rep_filter {
    width: 263px;
    height: 27px;
    position: absolute;
    margin-left: 131px;
    color: #fff;
    font: 14px Arial, Helvetica, sans-serif;
    line-height: 27px;
    background: url(http://img.static.operator.mail.ru/w...ead_filter.png) left top no-repeat;
    }

    .rep_filter.thr {
    margin: 5px 0px 0px 164px;
    }

    .rep_filter a, .rep_filter div {
    display: block;
    float: left;
    }

    .rep_filter .f_label {
    width: 132px;
    height: 27px;
    margin-left: 10px;
    cursor: default;
    }

    .rep_filter a.f_green, .rep_filter a.f_gray, .rep_filter a.f_red {
    width: 27px;
    height: 18px;
    margin: 4px 3px 0px 0px;
    background-image: url(http://img.static.operator.mail.ru/w...d_filter.png);
    background-repeat: no-repeat;
    background-position: right 111px;
    }
    .rep_filter a.f_green.selected, .rep_filter a.f_gray.selected, .rep_filter a.f_red.selected {
    background-position: right top;
    }

    .rep_filter .f_hint {
    width: 21px;
    height: 21px;
    margin: 3px 0px 0px 1px;
    cursor: pointer;
    }

    .rep_filter .f_hint span, .rep_filter a span {
    display: none;
    margin: 25px 0px 0px 25px;
    padding: 3px 8px 4px;
    position: absolute;
    font: 13px Tahoma, Geneva, sans-serif;
    background: url(http://img.static.operator.mail.ru/w...m/bg_black.png) 0 0 repeat;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    }
    .rep_filter .f_hint:hover span, .rep_filter a:hover span {
    display: block;
    color: #fff;
    white-space: nowrap;
    }
    .rep_filter .f_hint span:hover, .rep_filter a span:hover {
    display: none;
    }


    .thread_rep_th {
    width: 84px;
    padding: 4px 0px;
    clear: right;
    display: block;
    float: left;
    text-align: center;
    }

    .thread_rep {
    width: 84px;
    height: 45px;
    clear: right;
    display: inline-block;
    float: left;
    }

    .thread_rep div {
    width: 61px;
    height: 30px;
    margin: 9px 0px 0px 11px;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
    line-height: 31px;
    text-align: center;
    background-image: url(http://img.static.operator.mail.ru/w...read_rep.png);
    background-repeat: no-repeat;
    }

    .thread_rep div.green {background-position: left -30px;}
    .thread_rep div.red {background-position: left -60px;}

    .blockhead a.collapse {
    top: 5px !important;
    }

    .block.collapse .blockhead {
    background-color: #e9e9e9;
    background-image: none;
    border: none;
    }

    .collapsed_rep {
    width: 44px;
    height: 13px;
    display: block;
    margin: 1px 20px 0px 0px;
    float: right;
    line-height: 12px;
    text-align: center;
    background-image: url(http://img.static.operator.mail.ru/w...psed_rep.png);
    background-repeat: no-repeat;
    cursor: default;
    }
    .collapsed_rep.red {background-position: left -13px;}
    .collapsed_rep.green {background-position: left -26px;}

    .block.collapse .blockhead span.blocktitle {
    color: #999999;
    }

    .newcontent_textcontrol {
    min-height: 19px;
    }

    #wgo_onlineusers_list {
    display: none;
    }


    Далее меняем файлы шаблонов
    index_body.html
      Открыть/закрыть
    <!-- INCLUDE overall_header.html -->

    <!-- IF U_MCP -->
    <div id="pageheader">
    <p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
    </div>

    <br clear="all" /><br />
    <!-- ENDIF -->

    <!-- INCLUDE forumlist_body.html -->

    <span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --> | <a href="{U_TEAM}">{L_THE_TEAM}</a></span><br />

    <br clear="all" />

    <!-- INCLUDE breadcrumbs.html -->

    <!-- IF S_DISPLAY_ONLINE_LIST -->
    <br clear="all" />

    <table class="tablebg" width="100%" cellspacing="1">
    <tr>
    <td class="cat" colspan="2"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></td>
    </tr>
    <tr>
    <!-- IF LEGEND -->
    <td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
    <!-- ELSE -->
    <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
    <!-- ENDIF -->
    <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
    </tr>
    <!-- IF LEGEND -->
    <tr>
    <td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
    </tr>
    <!-- ENDIF -->
    </table>
    <!-- IF WHO_WAS_HERE_DISPLAY -->
    <br clear="all" />

    <table class="tablebg" width="100%" cellspacing="1">
    <tr>
    <td class="cat" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
    </tr>
    <tr>
    <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
    <td class="row1" width="100%"><span class="genmed"><!-- IF WHO_WAS_HERE_LIST2 -->{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}<!-- ELSE -->{L_WWH_UPDATE_NEED}<!-- ENDIF --></span></td>
    </tr>
    </table>
    <!-- ENDIF -->

    <!-- ENDIF -->

    <!-- IF S_DISPLAY_BIRTHDAY_LIST -->
    <br clear="all" />

    <table class="tablebg" width="100%" cellspacing="1">
    <tr>
    <td class="cat" colspan="2"><h4>{L_BIRTHDAYS}</h4></td>
    </tr>
    <tr>
    <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_BIRTHDAYS}" /></td>
    <td class="row1" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
    </tr>
    </table>
    <!-- ENDIF -->

    <br clear="all" />

    <table class="tablebg" width="100%" cellspacing="1">
    <tr>
    <td class="cat" colspan="2"><h4>{L_STATISTICS}</h4></td>
    </tr>
    <tr>
    <td class="row1"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_STATISTICS}" /></td>
    <td class="row1" width="100%" valign="middle"><p class="genmed">{TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p></td>
    </tr>
    </table>

    <!-- IF not S_USER_LOGGED_IN -->
    <br clear="all" />

    <form method="post" action="{S_LOGIN_ACTION}">

    <table class="tablebg" width="100%" cellspacing="1">
    <tr>
    <td class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
    </tr>
    <tr>
    <td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
    </tr>
    </table>
    {S_FORM_TOKEN}
    </form>
    <!-- ENDIF -->

    <br clear="all" />

    <table class="legend">
    <tr>
    <td width="20" align="center">{FORUM_NEW_IMG}</td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center">{FORUM_IMG}</td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center">{FORUM_LOCKED_IMG}</td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
    </table>

    <!-- INCLUDE overall_footer.html -->


    overall_header.html
      Открыть/закрыть
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
    <head>

    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-language" content="{S_USER_LANG}" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="resource-type" content="document" />
    <meta name="distribution" content="global" />
    <meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    {META}
    <title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

    <link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

    <script type="text/javascript">
    // <![CDATA[
    <!-- IF S_USER_PM_POPUP -->
    if ({S_NEW_PM})
    {
    popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
    }
    <!-- ENDIF -->

    function popup(url, width, height, name)
    {
    if (!name)
    {
    name = '_popup';
    }

    window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
    return false;
    }

    function jumpto()
    {
    var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
    var perpage = '{PER_PAGE}';
    var base_url = '{A_BASE_URL}';

    if (page !== null && !isNaN(page) && page > 0)
    {
    document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * perpage);
    }
    }

    /**
    * Find a member
    */
    function find_username(url)
    {
    popup(url, 760, 570, '_usersearch');
    return false;
    }

    /**
    * Mark/unmark checklist
    * id = ID of parent container, name = name prefix, state = state [true/false]
    */
    function marklist(id, name, state)
    {
    var parent = document.getElementById(id);
    if (!parent)
    {
    eval('parent = document.' + id);
    }

    if (!parent)
    {
    return;
    }

    var rb = parent.getElementsByTagName('input');

    for (var r = 0; r < rb.length; r++)
    {
    if (rb[r].name.substr(0, name.length) == name)
    {
    rb[r].checked = state;
    }
    }
    }

    <!-- IF ._file -->

    /**
    * Play quicktime file by determining it's width/height
    * from the displayed rectangle area
    *
    * Only defined if there is a file block present.
    */
    function play_qt_file(obj)
    {
    var rectangle = obj.GetRectangle();

    if (rectangle)
    {
    rectangle = rectangle.split(',')
    var x1 = parseInt(rectangle[0]);
    var x2 = parseInt(rectangle[2]);
    var y1 = parseInt(rectangle[1]);
    var y2 = parseInt(rectangle[3]);

    var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
    var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
    }
    else
    {
    var width = 200;
    var height = 0;
    }

    obj.width = width;
    obj.height = height + 16;

    obj.SetControllerVisible(true);

    obj.Play();
    }
    <!-- ENDIF -->

    // ]]>
    </script>
    </head>
    <body class="{S_CONTENT_DIRECTION}">

    <a name="top"></a>

    <table width="100%" cellpadding="0" cellspacing="0">
    <tr>
    <td width="15" style="padding: 0; width: 15px;"></td>
    <td style="padding: 0;">

    <div id="wrapheader">








    <div class="above_body"> <!-- closing tag is in template navbar -->
    <div id="header" class="floatcontainer doc_header">

    <div><a name="top" href="/" class="logo-image"><img src="http://img.static.operator.mail.ru/forum.wf/logo.png" alt="Форум игры WARFACE - Powered by vBulletin" title="Форум игры WARFACE - Powered by vBulletin"></a>
    <!--<a href="http://wf.mail.ru/news/264708.html" target="_blank" style="display: block; position: absolute; width: 430px; height: 135px; margin-top: 36px; right: 5%; background: url(http://img.static.operator.mail.ru/w...emia_forum.png) left top no-repeat;"></a>-->
    </div>

    <div class="ad_global_header">


    </div>
    <hr>
    </div>

    <div id="navbar" class="navbar">

    <ul id="navtabs" class="navtabs floatcontainer">


    <li class="selected"><a class="navtab" href="/">Форум</a>
    <ul class="floatcontainer">

    </ul>

    </li>

    <li><a class="navtab" href="/search.php&search_id=newposts" accesskey="2">Что нового?</a></li>
    <li><span><a class="navtab" href="{U_FAQ}">FAQ</a></span></li>
    <li><span><a class="navtab" href="{U_GALLERY_MOD}">Галерея</a></span></li>

    <!-- IF U_RESTORE_PERMISSIONS --><li><span><a class="navtab" href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSI ONS}</a></span></li><!-- ENDIF -->
    <!-- IF not S_IS_BOT -->
    <!-- IF S_USER_LOGGED_IN -->
    <!-- IF S_DISPLAY_PM --><li><span><a class="navtab" href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></span></li> <!-- ENDIF -->
    <!-- ELSEIF S_REGISTER_ENABLED --><li><span><a class="navtab" href="{U_REGISTER}">{L_REGISTER}</a></span></li>
    <!-- ENDIF -->
    <!-- ENDIF -->
    <!-- IF not S_IS_BOT -->
    <!-- IF S_DISPLAY_MEMBERLIST --><li><span><a class="navtab" href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></span></li><!-- ENDIF -->
    <!-- IF S_USER_LOGGED_IN --><li><span><a class="navtab" href="{U_PROFILE}">{L_PROFILE}</a></span></li><!-- ENDIF -->
    <!-- ENDIF -->
    <!-- IF not S_IS_BOT --><li><span><a class="navtab" href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></span></li><!-- ENDIF -->


    </ul>
    <div id="globalsearch" class="globalsearch">
    <form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search">

    <input type="hidden" name="securitytoken" value="guest">
    <input type="hidden" name="do" value="process">
    <input type="hidden" value="vBForum_Post" name="contenttype">
    <input type="hidden" value="1" name="showposts">
    <span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"></span></span>
    <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="http://img.static.operator.mail.ru/forum.wf/search.png" name="submit" onclick="document.getElementById('navbar_search'). submit;" tabindex="100"></span></span>
    </form>
    <ul class="navbar_advanced_search">
    <li><a href="search.php" accesskey="4">Расширенный поиск</a></li>
    </ul>
    </div>

    </div>
    </div>

    </div>

    <div id="wrapcentre">


    <br style="clear: both;" />

    <!-- INCLUDE breadcrumbs.html -->

    <br />


    forumlist_body.html
      Открыть/закрыть
    <table class="tablebg" cellspacing="1" width="100%">


    <!-- BEGIN forumrow -->
    <!-- IF forumrow.S_IS_CAT -->
    <tr>
    <td class="cat" colspan="5"><h4><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME }</a></h4></td>
    </tr>
    <tr>
    <th colspan="2">&nbsp;{L_FORUM}&nbsp;</th>
    <th width="50">&nbsp;{L_TOPICS}&nbsp;</th>
    <th width="50">&nbsp;{L_POSTS}&nbsp;</th>
    <th>&nbsp;{L_LAST_POST}&nbsp;</th>
    </tr>
    <!-- ELSEIF forumrow.S_IS_LINK -->
    <tr>
    <td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
    <td class="row1">
    <!-- IF forumrow.FORUM_IMAGE -->
    <div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div><div style="float: {S_CONTENT_FLOW_BEGIN};">
    <!-- ENDIF -->
    <a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME }</a>
    <p class="forumdesc">{forumrow.FORUM_DESC}</p>
    <!-- IF forumrow.FORUM_IMAGE --></div><!-- ENDIF -->
    </td>
    <!-- IF forumrow.CLICKS -->
    <td class="row2" colspan="3" align="center"><span class="genmed">{L_REDIRECTS}: {forumrow.CLICKS}</span></td>
    <!-- ELSE -->
    <td class="row2" colspan="3" align="center">&nbsp;</td>
    <!-- ENDIF -->
    </tr>
    <!-- ELSE -->
    <!-- IF forumrow.S_NO_CAT -->
    <tr>
    <td class="cat" colspan="2"><h4>{L_FORUM}</h4></td>
    <td class="catdiv" colspan="3">&nbsp;</td>
    </tr>
    <!-- ENDIF -->
    <tr>
    <td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
    <td class="row1" width="100%">
    <!-- IF forumrow.FORUM_IMAGE -->
    <div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div><div style="float: {S_CONTENT_FLOW_BEGIN};">
    <!-- ENDIF -->
    <a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME }</a>
    <p class="forumdesc">{forumrow.FORUM_DESC}</p>
    <!-- IF forumrow.MODERATORS -->
    <p class="forumdesc"><strong>{forumrow.L_MODERATOR_ST R}:</strong> {forumrow.MODERATORS}</p>
    <!-- ENDIF -->
    <!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS -->
    <p class="forumdesc"><strong>{forumrow.L_SUBFORUM_STR }</strong> {forumrow.SUBFORUMS}</p>
    <!-- ENDIF -->
    <!-- IF forumrow.FORUM_IMAGE --></div><!-- ENDIF -->
    </td>
    <td class="row2" align="center"><p class="topicdetails">{forumrow.TOPICS}</p></td>
    <td class="row2" align="center"><p class="topicdetails">{forumrow.POSTS}</p></td>
    <td class="row2" align="center" nowrap="nowrap">
    <!-- IF forumrow.LAST_POST_TIME -->
    <p class="topicdetails"><a href="{forumrow.U_LAST_TOPIC}" title="{forumrow.LAST_TOPIC_TITLE}">{forumrow.LAST _TOPIC_TITLE_SUBSTR}</a><a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}">{forumrow.LAS T_POST_SUBJECT_SUBSTR}</a></p>
    <p class="topicdetails">{forumrow.LAST_POST_TIME}</p>
    <p class="topicdetails">{forumrow.LAST_POSTER_FULL}
    <a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a>
    </p>
    <!-- ELSE -->
    <p class="topicdetails">{L_NO_POSTS}</p>
    <!-- ENDIF -->
    </td>
    </tr>
    <!-- ENDIF -->
    <!-- BEGINELSE -->
    <tr>
    <td class="row1" colspan="5" align="center"><p class="gensmall">{L_NO_FORUMS}</p></td>
    </tr>
    <!-- END forumrow -->
    </table>


    overall_footer.html
      Открыть/закрыть
    <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
    </div>

    <!--
    We request you retain the full copyright notice below including the link to www.phpbb.com.
    This not only gives respect to the large amount of time given freely by the developers
    but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
    the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
    "phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
    forums may be affected.

    The phpBB Group : 2006
    //-->

    <div id="wrapfooter">
    <!-- IF U_ACP --><span class="gensmall">[ <a href="{U_ACP}">{L_ACP}</a> ]</span><br /><br /><!-- ENDIF -->
    <span class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group<br />
    Template made by <a style="color: #444;" href="http://www.devppl.com/">DEVPPL</a> <a style="color: #444;" href="http://www.devppl.com/flash-games/">Flash Games</a>
    <!-- IF TRANSLATION_INFO --> - {TRANSLATION_INFO}<!-- ENDIF -->
    <!-- IF DEBUG_OUTPUT --><br /><bdo dir="ltr">[ {DEBUG_OUTPUT} ]</bdo><!-- ENDIF --></span>
    </div>

    </td>
    <td width="15" style="padding: 0;"></td>
    </tr>
    </table>


    </body>
    </html>

  2. 3 пользователя(ей) сказали cпасибо:
    bredvix (18.02.2014)Johny (18.02.2014)Rexter (16.05.2014)
  3. #2
    Аватар для Johny
    Пользователь

    Статус
    Оффлайн
    Регистрация
    20.12.2013
    Сообщений
    118
    Репутация:
    26 ±
    Даю + очень красивое оформление!А кто автор?
    Мои работы:
    [MAP]Миникарта для Dm Servera
    [MAP]Миникарта для DM Server'a №2

    Пожертвование для создания проекта Hard-RolePlay:
    WebMoney:R116691342884


    Тыкни,если помог.

  4. #3
    Аватар для bredvix
    Старичок

    Статус
    Оффлайн
    Регистрация
    01.08.2013
    Адрес
    Нижний Новгород
    Сообщений
    482
    Репутация:
    180 ±
    Понравилось.

  5. #4
    Аватар для Rexter
    Пользователь

    Статус
    Оффлайн
    Регистрация
    09.05.2014
    Адрес
    Белогорск
    Сообщений
    69
    Репутация:
    18 ±
    код forumlist_body.html кривой немного.
      Открыть/закрыть

  6. #5
    Аватар для MrBurn
    Пользователь

    Статус
    Оффлайн
    Регистрация
    12.05.2014
    Сообщений
    36
    Репутация:
    3 ±
    Цитата Сообщение от Johny Посмотреть сообщение
    Даю + очень красивое оформление!А кто автор?
    Lider036

    Автор темы указал: Lider36

 

 

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •