Перейти к содержанию

Shishwagen

Пользователи
  • Постов

    10
  • Зарегистрирован

  • Посещение

Сообщения, опубликованные Shishwagen

  1. Всем привет! Недавно сменил сервер, на форуме начала вылетать ошибка 500 при создании темы, с хостером общался - ничего поделать не смогли, говорят расширяйте ОЗУ сервака. Раньше нагрузки были больше и работало всё отлично....

    Лог: 

    [Mon Mar 09 23:08:53.020266 2020] [cgi:error] [pid 16733] [client 164.73.11.115:41378] AH01215: PHP Fatal error: Maximum execution time of 180 seconds exceeded in /var/www/www-root/data/www/forum/ips_kernel/HTMLPurifier/HTMLPurifier/Lexer/DOMLex.php on line 90, referer: https://forum.ru/index.php?app=forums&module=post&section=post&do=new_post&f=18

    Прошу помощи! Заранее спасибо!

     

  2. Здравствуйте.

    Помогите разобраться с отображением шапки форума. На маленьких разрешениях отображается только изначально видимая область - остальное обрезается при прокрутке.

    Для наглядности: http://webmark.com.ua/mobile/?url=http%3A%2F%2Flocobiz.pw%2F

    Код IPB_styles.css:

    <hide>

    /************************************************************************/
    /* IP.Board 3 CSS - By Rikki Tissier - (c)2011 Invision Power Services     */
    /* Enhanced and modified by Ehren // http://www.ipbforumskins.com      */
    /************************************************************************/
    /* ipb_styles.css                                                        */
    /************************************************************************/

    /************************************************************************/
    /* RESET (Thanks to YUI) */

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
    table {    border-spacing:0; }
    fieldset,img { border:0; }
    address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
    ol,ul { 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,acronym { border:0; }
    hr { display: none; border: 0; }
    address{ display: inline; }

    /************************************************************************/
    /* CORE ELEMENT STYLES */

    body {
        background: #121212;
        color: #bcbcbc;
        font: normal 11px tahoma, helvetica, arial, sans-serif;
        position: relative;
        padding-bottom: 20px;
    }

    /* body#ipboard_body.redirector {
        background: #fff !important;
    } */

    input, select, textarea {
        font: normal 12px tahoma, helvetica, arial, sans-serif;
    }

    h3, strong { font-weight: bold; }
    em { font-style: italic; }
    img, .input_check, .input_radio { vertical-align: middle; }
    legend { display: none; }
    table { width: 100%; }
    td { padding: 3px; }

    a {
        color: #fff;
        text-decoration: none;
    }

        a:hover { color: #b4eeff; }

    ::-moz-selection { color: #fff;  background: #757575; }
    ::selection      { color: #fff;  background: #757575; }

    /************************************************************************/
    /* LISTS */

    .ipsList_inline > li {
        display: inline-block;
        margin: 0 3px;
    }
        .ipsList_inline > li:first-child { margin-left: 0; }
        .ipsList_inline > li:last-child { margin-right: 0; }
        .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
        .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
        .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
        
    .ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; }
    .ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
    .ipsList_withminiphoto > li .list_content { margin-left: 44px; }
    #index_stats .ipsList_withtinyphoto .list_content,
    .ipsList_withtinyphoto > li .list_content { margin-left: 32px; }
    .list_content { word-wrap: break-word; }

    .ipsList_data li { padding: 6px; line-height: 1.3; }
    .ipsList_data .row_data { display: inline-block; word-wrap: break-word; max-width: 100%; }
    .ipsList_data .row_title, .ipsList_data .ft {
        display: inline-block;
        float: left;
        width: 120px;
        font-weight: bold;
        text-align: right;
        padding-right: 10px;
    }

    .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
        width: 80px;
    }

    /************************************************************************/
    /* TYPOGRAPHY */

    .ipsType_pagetitle, .ipsType_subtitle {
        font: 300 26px/1.4 Helvetica, Arial, sans-serif;
        color: #eaeaea;
    }
    .ipsType_subtitle { font-size: 18px; }
    .ipsType_sectiontitle { 
        font-size: 16px;
        font-weight: normal;
        color: #e0e0e0;
        padding: 5px 0;
    }

    .ipsType_pagedesc {
        color: #e0e0e0;
        line-height: 1.5;
    }

    .ipsType_pagedesc a { text-decoration: underline; }

    .ipsType_textblock { line-height: 1.7; }

    .ipsType_small { font-size: 11px; }
    .ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }
    .ipsType_smallest, .ipsType_smallest a { font-size: 10px !important; }

    .ipsBox_container .ipsType_pagetitle{ margin-bottom: 6px; }
    .ipsReset { margin: 0px !important; padding: 0px !important; }

    /************************************************************************/
    /* LAYOUT */

    .wrapper{
        margin: 0 auto;
        min-width: 980px;
        max-width: 1200px;
        width: 90%;
    }

    #content {
        padding: 10px 0px;
        line-height: 120%;
    }

    /* Animate by ipbforumskins.com */

    .box{
        background: #1f1f1f url("{style_images_url}/box_pattern.png") repeat;
        border: 1px solid #282828;
        border-top: 1px solid #363636;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
    }

    .inset_content,
    .inset_row{
        background: #181818;
        -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px;
        -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px;
        box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px;
        border: 1px solid #282828;
        border-bottom: 1px solid #343434;
    }

    .inset_row{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    /*.inset_row.f_row:hover{ 
        -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 15px;
        -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 15px;
        box-shadow: inset rgba(0,0,0,0.7) 0px 1px 15px;
    }*/

    .inset_padding{ padding: 4px; }

    .f_row{ padding: 10px 0px 10px 10px; margin-bottom: 5px; }
    .f_row_table{ display: table; width: 100%; }
    .box .f_row:last-of-type{ margin-bottom: 0; }
    .f_icon{ width: 36px; padding-right: 10px; text-align: center; display: table-cell; vertical-align: middle; }
    .f_name{ width: 50%; display: table-cell; vertical-align: middle; }
    .f_stats{ width: 15%; padding-right: 15px; display: table-cell; vertical-align: middle; white-space: nowrap; padding-left: 5px; }
    .f_stats li{ text-align: right; }
    .f_latest{  width: 30%; display: table-cell; vertical-align: middle; }

    /************************************************************************/
    /* COLORS */

    .row1, .post_block.row1 { background-color: #181818; }

    .row2, .post_block.row2 { background-color: #181818; }

    /*.unread {    background-color: #f7fbfc; }

    .unread .altrow, .unread.altrow { background-color: #E2E9F0; }*/

    .unread .highlight_unread{ font-weight: bold; }

    #recentajaxcontent li,
    #idm_categories a,
    #index_stats .status_list li,
    #panel_files .file_listing li,
    #panel_screenshots #ss_linked li,
    .file_listing,
    #cart_totals td,
    div#member_filters li,
    #files li,
    .ipsType_sectiontitle,
    #order_review td,
    #package_details .package_info,
    .block_list li,
    .package_view_top,
    .member_entry,
    #help_topics li,
    .ipsBox_container .ipsType_pagetitle,
    .userpopup dl,
    #announcements td,
    .preview_info,
    .sideVerticalList li,
    fieldset.with_subhead ul,
    .ipsList_data li,
    .ipsList_withminiphoto li,
    table.ipb_table td,
    .store_categories li,
    #mini_cart li,
    #index_stats div[id*="statusReply"],
    #ipg_category .ipg_category_row,
    .gallery_pane h2,
    .status_feedback li[id*="statusReply"],
    .ipsSideMenu ul li,
    .ipbfs_login_row,
    .ipbfs_login .clearfix,
    .articles .block-1,
    .articles .type-1x2x2 .article_row,
    #idm_category .idm_category_row,
    #category_list li a,
    .ipsComment{
        border-top: 1px solid #252525;
        border-bottom: 1px solid #111111;
    }

    .ipbfs_login_row,
    .gallery_pane h2,
    .ipsBox_container .ipsType_pagetitle,
    .ipsType_sectiontitle,
    #index_stats .status_list:first-of-type li:first-child,
    .ipsList_data li:first-of-type,
    .ipsList_withminiphoto li:first-of-type,
    #announcements tr:first-of-type td,
    #forum_table tr:nth-of-type(2) td{
        border-top: 0;
    }

    .ipsSideMenu ul,
    #register_form hr,
    #login_form hr,
    .ipsSettings_section,
    #index_stats div[id*="statusReply"]:first-of-type{
        border-top: 1px solid #111111;
    }

    .articles .type-1x2x2 .article_row:last-of-type,
    .store_categories ul:last-of-type li:last-of-type,
    #idm_categories li:last-of-type a,
    #idm_category .idm_category_row:last-of-type,
    .sideVerticalList li:last-of-type,
    #index_stats div[id*="statusReply"].status_reply,
    .ipsList_withminiphoto li:last-of-type,
    .member_entry:last-of-type,
    .ipsList_data li:last-of-type,
    #help_topics li:last-of-type,
    table.ipb_table tr:last-of-type td{
        border-bottom: 0;
    }

    /* primarily used for topic preview header */
    .highlighted, .highlighted .altrow { background-color: #232323; }

    .border,
    .statistics,
    .post_block,
    .ipsComment,
    .popupInner,
    .no_messages,
    .poll_question ol,
    .ipsBox_container,
    .ipsFloatingAction,
    .column_view .post_body{
        background: #181818;
    }

    #idm_category .idm_category_row,
    .store_categories li,
    #idm_categories a,
    .ipsList_data li,
    .ipsList_withminiphoto li,
    table.ipb_table tr td{
        background-image: url("{style_images_url}/row_gradient.png");
        background-repeat: repeat-x;
        background-position: 0 0;
    }

    .ipsBox_container {
        border: 1px solid #2d2d2d;
    }

    .ipsBox { background: #212121; }

    .ipsBox_container.moderated { 
        background: #36120e;
        border: 1px solid #4b1f1a;
    }
        
        .ipsBox_notice, .ipsBox_highlight {
            background: #222222;
            border-bottom: 1px solid #393939;
        }

    .border{ border: 1px solid #282828; }
    .removeDefault .ipsBox, .removeDefault.ipsBox{ padding: 0; background: none transparent; }
    .removeDefault .ipsBox_container, .removeDefault.ipsBox_container{ border: 0; }

    .removeStyles{
        padding: 0 !important;
        border: 0 !important;
        background: none transparent !important;
    }

    .maintitle {
        background: #1f1f1f url("{style_images_url}/box_pattern.png") repeat;
        border: 1px solid #282828;
        border-top: 1px solid #363636;
        border-bottom: 0;
        color: #fff;
        text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
        padding: 12px;
        font-size: 12px;
        font-weight: 300;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-radius: 4px 4px 0 0;
        overflow: hidden;
    }

    h3.maintitle{ font-weight: bold; }

        .maintitle a {    color: #fff; }
        
        .maintitle a:hover{ text-shadow: #fff 0px 0px 3px; }
        
        .collapsed .maintitle {
            opacity: 0.2;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }
        
        .collapsed .maintitle:hover { opacity: 0.4; }
        
        .maintitle .toggle { 
            visibility: hidden;
            background: url('{style_images_url}/cat_minimize.png') no-repeat;
            text-indent: -3000em;
            width: 32px; height: 22px;
            margin: -5px -5px -10px 0;
            display: block;
            outline: 0;
        }
        
        .maintitle:hover .toggle { visibility: visible; }
        
        .collapsed .toggle {
            background-image: url('{style_images_url}/cat_maximize.png');
        }
        
    .header_left{ background: url('{style_images_url}/header_left.png') no-repeat 0 0; }
    .header_right{ background: url('{style_images_url}/header_right.png') no-repeat 100% 0; }
    .maintitle_base{ background: #363636 url('{style_images_url}/maintitle_base.png') repeat-x 0 0;    }

    .box .maintitle{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        padding: 9px 9px 14px 9px;
        background: none transparent;
    }

    /* mini badges */
    a.ipsBadge:hover { color: #fff; }

    .ipsBadge_green { background: #7ba60d; }
    .ipsBadge_purple { background: #af286d; }
    .ipsBadge_grey { background: #515151; }
    .ipsBadge_lightgrey { background: #848484; }
    .ipsBadge_orange { background: #ED7710; }
    .ipsBadge_red {    background: #bf1d00; }

    .bar {
        
    }
        
        .bar.altbar {
            /*background: #b6c7db;
            color: #1d3652;*/
        }

    .header {
        color: #fff;
        text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
        background: #101010;
    }

    .header th{ padding: 6px !important; }
        
        body .ipb_table .header a,
        body .topic_options a {
            color: #fff;
        }

    .bbc_url, .bbc_email {
        color: #b4eeff;
        text-decoration: underline;
    }

    /* Dates */
    .date, .poll_question .votes {
        color: #747474;
        font-size: 11px;
    }

    .no_messages {
        padding: 15px 10px;
    }

    /* Tab bars */
    .tab_bar {
        background-color: #2a2a2a;
        color: #818181;
    }

        .tab_bar li.active {
            background-color: #454545;
            color: #fff;
        }
        
        .tab_bar.no_title.mini {
            border-bottom: 8px solid #454545;
        }

    /* Menu popups */
    .ipbmenu_content, .ipb_autocomplete {
        background: #1a1a1a;
        border: 1px solid #393939;
        -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
        -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
        box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
    }

        .ipbmenu_content li, .ipb_autocomplete li {
            border-top: 1px solid #252525;
            border-bottom: 1px solid #111111;
            background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
        }
        
        .ipb_autocomplete li{ padding: 3px; }
        
            .ipb_autocomplete li.active {
                background-color: #252525;
            }
        
        .ipbmenu_content a{ color: #fff; }
        
        .ipbmenu_content a:hover { background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }
            
    /* Forms */

    .input_submit {
        background: #646464 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        border-color: #3f3f3f;
        color: #fff;
        text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
        -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
        -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
        box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .input_submit:hover { 
        background-color: #6f6f6f;
        color: #fff;
    }

    .input_submit.alt {
        background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        border-color: #585858;
        color: #fff;
        text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
        -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
        -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
        box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    }

    .input_submit.alt:hover {
        background-color: #434343;
        color: #fff;
    }

    .input_submit.delete {
        background: #ad2930 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        border-color: #962D29;
        color: #fff;
        text-shadow: #771c20 0px -1px 0px;
    }

    .input_submit.delete:hover { background-color: #bf3631; color: #fff; }

    .input_submit:active{
        -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
        -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
        box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
        position: relative;
        top: 1px;
    }

    .input_submit.alt:active{
        -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
        -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
        box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
    }
        
    body#ipboard_body fieldset.submit,
    body#ipboard_body p.submit,
    .ipsForm_submit{
        background: #232323 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
        border-top: 1px solid #373737;
    }

    /* Moderated styles */
    .moderated, body .moderated td, .moderated td.altrow, .post_block.moderated, .post_block.moderated .post_body,
    body td.moderated, body td.moderated {
        background-color: #36120e;
    }
        
        .post_block.moderated { border: 0 !important; }    
        .post_block.moderated .post_wrap, .post_block.moderated h3, .moderated .row2, .moderated .post_controls { background-color: #4a1a14; border: 0; }
        .moderated, .moderated a { color: #fcd9d9; }
        .moderated h3, .moderated h3 a { color: #fff !important; }
        
    /************************************************************************/
    /* HEADER */

    #header_bar {
        background: #323232 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px;
        padding: 0;
        text-align: right;
    }
        
    #admin_bar {
        font-size: 11px;
        line-height: 28px;
        padding: 0 12px;
        background: #111 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px;
        overflow: hidden;
    }
    #admin_bar li{ padding-left: 10px; padding-right: 10px; }
    #admin_bar li.active a { color: #fc6d35; }
    #admin_bar a { color: #8a8a8a; }
    #admin_bar a:hover { color: #fff; }

    #user_navigation {
        color: #9f9f9f;
        font-size: 11px;
        line-height: 32px;
        height: 32px;
        float: right;
        overflow: hidden;
    }

    #user_navigation a {
        color: #fff;
        float: left;
        padding: 0 12px;
        line-height: 32px;
        outline: none;
        height: 32px;
        border-left: 1px solid rgba(255,255,255,0.1);
    }

    #user_navigation a:hover {
        background: url("{style_images_url}/trans30.png") repeat;
        background: rgba(0,0,0,0.3);
    }

    #user_navigation .user_photo{
        position: relative;
        height: 24px;
        width: auto;
        margin: -3px -9px 0px -9px;
    }

    #user_navigation #sign_in img,
    #user_navigation #register_link img{ vertical-align: middle; position: relative; margin: -1px 2px 0 0; }

    #user_navigation .ipsList_inline li { margin: 0; padding: 0; float: left; }
        
    #user_link_dd, .dropdownIndicator {
        display: inline-block;
        width: 9px; height: 5px;
        background: url('{style_images_url}/header_dropdown.png') no-repeat left;
    }
        
    #user_link_menucontent #links li { 
        width: 50%;
        float: left;
        margin: 3px 0;
        white-space: nowrap;
    }

    #user_link_menucontent #links a{ display: block; }

    #user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { /*background-position: right;*/ }
    #community_app_menu .menu_active .dropdownIndicator { background-position: left; }
    #community_app_menu li.active .menu_active .dropdownIndicator { /*background-position: right;*/ }
    #user_link_menucontent #statusForm { margin-bottom: 15px; }
    #user_link_menucontent #statusUpdate {    margin-bottom: 5px; }

    #user_link_menucontent > div {
        margin-left: 15px;
        width: 265px;
        text-align: left;
    }

    #statusSubmitGlobal { margin-top: 3px; }

    #user_navigation a#user_link.menu_active,
    #user_navigation a#notify_link.menu_active,
    #user_navigation a#inbox_link.menu_active {
        background: #1d1d1d;
        color: #fff;
        /*-moz-border-radius: 3px 3px 0 0;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-radius: 3px 3px 0 0;*/
        position: relative;
        z-index: 10000;
    }

    #notify_link, #inbox_link {
        vertical-align: middle;
        width: 20px;
        padding: 0px 8px !important;
        position: relative;
    }

    #notify_link img { background-image: url('{style_images_url}/icon_notify.png'); }
    #inbox_link img { background-image: url('{style_images_url}/icon_inbox.png'); }

    #notify_link img, #inbox_link img{
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-top: -2px;
    }

    #notify_link.menu_active img, #inbox_link.menu_active img{ background-position: 0 -20px; }

    .services img{ margin: -1px -2px 0 -2px; }

    #branding {
        background: #000 url("{style_images_url}/banner_bg23.jpg") repeat-x top;
        height: 130px;
    }

    #banner_texture{
        background: url("{style_images_url}/banner_texture.png") repeat;
        height: 130px;
        -moz-box-shadow: inset rgba(255,255,255,0.1) 0px -1px 0px;
        -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px -1px 0px;
        box-shadow: inset rgba(255,255,255,0.1) 0px -1px 0px;
    }

    #banner_content{ height: 93px; }
        
    #logo { float: left; }

    #logo a.textLogo{
        color: #fff;
        height: 93px;
        line-height: 93px;
        padding: 0 12px;
        letter-spacing: -1px;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        text-shadow: rgba(0,0,0,0.7) 0px 1px 3px;
        font-size: 40px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        display: block;
        text-decoration: none;
    }

    #logo a.textLogo:hover{
        text-shadow: #fff 0px 0px 4px;
    }

    #nav_bar{
        background: url("{style_images_url}/trans50.png") repeat;
        background: rgba(0,0,0,0.5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        height: 32px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        -webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
        -moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
        box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
    }

    #primary_nav {
        font-size: 11px;
        float: left;
        height: 32px;
        font-weight: bold;
    }

        #community_app_menu > li { margin: 0px; position: relative; }
        
        #community_app_menu > li > a {
            color: #cacaca;
            color: rgba(255,255,255,0.7);
            display: block;
            outline: none;
            padding: 0px 12px;
            line-height: 32px;
            height: 32px;
        }

        #community_app_menu > li > a:hover,
        #community_app_menu > li > a.menu_active {
            background: url("{style_images_url}/trans10.png") repeat;
            background: rgba(0,0,0,0.1);
            color: #fff;
        }
        
        #community_app_menu > li.active > a {
            background: url("{style_images_url}/trans30.png") repeat;
            background: rgba(0,0,0,0.3);
            color: #fff;
            position: relative;
        }

    #primary_nav a.ipbmenu img{ margin-right: -6px; }

    #primary_extra_menucontent,
    #more_apps_menucontent, .submenu_container {
        background: #161616;
        font-size: 11px;
        border: 0;
        min-width: 140px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-radius: 0 0 4px 4px;
    }

        #primary_extra_menucontent li,
        #more_apps_menucontent li, .submenu_container li {
            padding: 0;
            border: 0;
            background: none transparent;
            float: none !important;
            min-width: 150px;
        }
        
        #primary_extra_menucontent a,
        #more_apps_menucontent a, .submenu_container a { 
            display: block;
            padding: 8px 10px;
            color: #fff;
        }
        
        #primary_extra_menucontent a:hover,
        #more_apps_menucontent li:hover a, .submenu_container li:hover a { background: #202020; color: #fff; }
        
        #primary_extra_menucontent li:last-child a,
        #more_apps_menucontent li:last-child a{
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            border-radius: 0 0 4px 4px;
        }

    #secondary_navigation{
        background: #1c1c1c url('{style_images_url}/secondary_nav_bg.png') repeat-x 0 0;
        border: 1px solid #2d2d2d;
        text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
        line-height: 37px;
        margin-bottom: 15px;
    }

    #secondary_navigation a{
        color: #d7d7d7;
        line-height: 37px;
        height: 37px;
    }

    #secondary_navigation a:hover{ color: #fff; }

        #secondary_navigation #breadcrumb li {
            float: left;
        }

        #secondary_navigation #breadcrumb li a {
            padding-left: 12px;
            margin-left: -15px;
            background: url('{style_images_url}/secondary_nav.png') no-repeat 0 0;
            display: block;
            outline: none;
            text-decoration: none;
        }
        
        #secondary_navigation #breadcrumb li.first a{
            margin-left: 0;
            background: none;
            padding-left: 0px;
        }
        
        #secondary_navigation #breadcrumb li span{
            display: block;
            padding-right: 17px;
            padding-left: 4px;
            background: url('{style_images_url}/secondary_nav.png') no-repeat 100% 0;
        }
        
        #secondary_navigation #breadcrumb li > span{ padding-left: 4px; background: none transparent; color: #d7d7d7; }
        
        #secondary_navigation #breadcrumb li.first a span{
            padding-left: 12px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius: 3px 0px 0px 3px;
            border-radius: 3px 0px 0px 3px;
        }
        
        #secondary_navigation #breadcrumb li a:hover{
            background-position: 0 -43px;
        }
        
        #secondary_navigation #breadcrumb li a:hover span{
            background-position: 100% -43px;
        }
        
        #secondary_navigation #breadcrumb li a:active{
            background-position: 0 -86px;
        }
        
        #secondary_navigation #breadcrumb li a:active span{
            background-position: 100% -86px;
        }

    #secondary_links{ overflow: hidden; }
    #secondary_links li{ float: left; margin: 0; }

    #secondary_links a{
        padding: 0 12px;
        display: block;
    }

    #secondary_links img { 
        vertical-align: top;
        width: 16px;
        height: 16px;
        position: relative;
        opacity: 0.8;
        margin: 10px -4px 0 -4px;
    }

    #secondary_links a:hover img { opacity: 1; }

    .breadcrumb {
        color: #d7d7d7;
        font-size: 11px;
    }
        .breadcrumb a { color: #d7d7d7; }
        .breadcrumb li .nav_sep { margin: 0 5px 0 0; }
        .breadcrumb li:first-child{ margin-left: 0; }
        /*.breadcrumb.top { margin-bottom: 10px; }*/
        .breadcrumb.bottom { margin-top: 10px; width: 100%; display: none; }

    .ipsHeaderMenu {
        background: #1d1d1d;
        padding: 10px;
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        border-radius: 0 0 6px 6px;
        overflow: hidden;
        width: 340px;
    }

    .ipsHeaderMenu.boxShadow{
        -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
        -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
        box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
    }

        .ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }
        
        #user_notifications_link_menucontent.ipsHeaderMenu,
        #user_inbox_link_menucontent.ipsHeaderMenu {
            width: 300px;
        }
        
    /************************************************************************/
    /* SEARCH */    

    #search { 
        background: url("{style_images_url}/trans50.png") repeat;
        background: rgba(0,0,0,0.5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
        -moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
        box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
        float: right;
        margin-top: 30px;
        padding: 4px;
    }

    #main_search {
        font-size: 12px;
        border: 0;
        padding: 0;
        padding-left: 3px;
        background: transparent;
        width: 138px;
        outline: 0;
        color: #fff;
    }

    #main_search.inactive {    color: #ddd; }

    #search_wrap {
        position: relative;
        background: url("{style_images_url}/search_bg.png") repeat;
        background: rgba(255,255,255,0.15);
        display: block;
        padding: 0 26px 0 4px;
        height: 26px;
        line-height: 25px;
        -moz-border-radius: 3px 4px 4px 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 3px;
        border-radius: 3px 4px 4px 3px;
        -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        min-width: 230px;
    }

    #adv_search {
        width: 26px;
        height: 26px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: url('{style_images_url}/advanced_search.png') no-repeat 50% 50%;
        text-indent: -3000em;
        display: inline-block;
        margin-left: 3px;
    }

    #adv_search:hover{ background-color: rgba(255,255,255,0.1); }

    #search .submit_input {
        background: #222222 url('{style_images_url}/search_icon.png') no-repeat 50%;
        background: rgba(255,255,255,0.15) url('{style_images_url}/search_icon.png') no-repeat 50%;
        text-indent: -3000em;
        padding: 0; border: 0;
        display: block;
        width: 26px;
        height: 26px;
        position: absolute;
        right: 0; top: 0; bottom: 0;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-radius: 0 3px 3px 0;
        /*-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);*/
    }

    #search .submit_input:hover{ background-color: #4e4e4e; background-color: rgba(255,255,255,0.25); }

    #search_options {
        max-width: 80px;
        text-overflow:ellipsis;
        overflow: hidden;
        font-size: 10px;
        height: 20px;
        line-height: 20px;
        margin: 3px 3px 3px 0;
        padding: 0 6px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: url("{style_images_url}/search_bg.png") repeat;
        background: rgba(255,255,255,0.15) url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        color: #eee;
        display: inline-block;
        text-shadow: #000 0px -1px 0px;
        float: right;
    }

    #search_options_menucontent { min-width: 130px; padding: 0; background: #1a1a1a; border: 1px solid #393939; }
    #search_options_menucontent input { margin-right: 10px; }
    #search_options_menucontent li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; white-space: nowrap; }
    #search_options_menucontent li:last-of-type{ border-bottom: 0; }
    #search_options_menucontent label:hover{ background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }
    #search_options_menucontent label { cursor: pointer; display: block; padding: 0 6px; }
    #search_options_menucontent li.title{ padding: 3px 6px; }
        
    /************************************************************************/
    /* FOOTER */    

    #backtotop,
    #bottomScroll{
        width: 24px;
        height: 24px;
        line-height: 20px;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
        position: absolute;
        display: inline-block;
        background: #bdbdbd;
        -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
        -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
        box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
        text-align: center;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        opacity: 0.4;
        outline: 0;
    }

        #bottomScroll:hover, #backtotop:hover { 
            background: #8a8a8a;
            color: #fff;
            opacity: 1;
        }

    #footer_utilities { 
        padding: 8px;
        position: relative;
        border: 1px solid #2a2a2a;
        text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
        background: #1a1a1a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
    }

    #footer_utilities, #footer_utilities a{ color: #848484; }
    #footer_utilities .ipbmenu_content a{ color: #fff; }
        
        #footer_utilities .ipsList_inline{ margin-top: 3px; clear: left; float: left; }
        #footer_utilities .ipsList_inline > li{ margin: 0; }
        #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; display: inline-block; }
        #footer_utilities a.menu_active { 
            background: url('{style_images_url}/trans30.png') repeat;
            background: rgba(0,0,0,0.3);
            color: #fff;
            text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
            -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
            box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
        }
        
        #copyright {
            /*color: #848484;*/
            text-align: right;
            line-height: 22px;
            float: right;
        }
        
            /*#copyright a { color: #848484; }*/

    #ipsDebug_footer {
        width: 900px;
        margin: 8px auto 0px auto;
        text-align: center;
        color: #404040;
        font-size: 11px;
    }
        #ipsDebug_footer strong { margin-left: 20px; }
        #ipsDebug_footer a { color: #404040; }
        
    #rss_menu {
        background-color: #f78e30;
        border: 0;
    }
        
        #rss_menu li { border: 0; border-bottom: 1px solid #fbb969; }
        #rss_menu li:last-of-type{ border-bottom: 0; }
        #rss_menu a {
            color: #fff;
            text-shadow: #dc7214 0px -1px 0px;
            padding: 5px 8px;
            background: url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px;
        }

            #rss_menu a:hover {
                background: #f89f37 url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px;
                color: #fff;
            }

    /************************************************************************/
    /* GENERAL CONTENT */

    /* .ipsUserPhoto {
        padding: 1px;
        border: 1px solid #505050;
        background: #202020;
        -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
        box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    }
        
        .ipsUserPhotoLink:hover .ipsUserPhoto {
            border-color: #656565;
        }

        .ipsUserPhoto_variable { max-width: 155px; }
        .ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
        .ipsUserPhoto_medium { width: 50px; height: 50px; }
        .ipsUserPhoto_mini { width: 30px; height: 30px; }
        .ipsUserPhoto_tiny { width: 20px; height: 20px;    }
        .ipsUserPhoto_icon { width: 16px; height: 16px;    } */

    .ipsUserPhoto {
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
        
        a.userNavPhoto:hover,
        .ipsUserPhotoLink:hover .ipsUserPhoto {
            opacity: 0.8;
        }

        .ipsUserPhoto_variable { max-width: 155px; }
        .ipsUserPhoto_large { max-width: 100px; max-height: 100px; }
        .ipsUserPhoto_medium { width: 54px; height: 54px; }
        .ipsUserPhoto_mini { width: 34px; height: 34px; }
        .ipsUserPhoto_tiny { width: 24px; height: 24px;    }
        .ipsUserPhoto_icon { width: 20px; height: 20px;    }
        
    a.ipsUserPhotoLink, a.userNavPhoto{ position: relative; }
    .author_info a.ipsUserPhotoLink,
    #friends_overview a.ipsUserPhotoLink,
    .friend_list a.ipsUserPhotoLink,
    #message_table .col_m_photo a.ipsUserPhotoLink,
    .vcard a.ipsUserPhotoLink,
    #search_results a.ipsUserPhotoLink,
    .ipbfs_titlebox a.ipsUserPhotoLink,
    .col_n_photo a.ipsUserPhotoLink,
    #chatters-online a.ipsUserPhotoLink{ display: inline-block; }

    .ipbfs_titlebox a.ipsUserPhotoLink{ float: left; }

    a.ipsUserPhotoLink.ipsPad_half{ padding: 0 !important; margin: 4px; }

    a.userNavPhoto:after,
    a.ipsUserPhotoLink:after{
        content: "";
        position: absolute;
        z-index: 1;
        top: 0px; left: 0px; right: 0; bottom: 0;
        -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
        -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
        box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    }

    a.userNavPhoto:after,
    a.ipsUserPhotoLink:after{
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .general_box {
        
    }

    .general_box .none {
        color: #bcbcbc;
    }

    .general_box.poll{ margin: 0; border-width: 0 0 1px 0; }

    .ipsBox, .ipsPad { padding: 9px; }
        .ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */
        .ipsBox_withphoto { margin-left: 65px; }
        
        .ipsBox_notice {
            padding: 10px;
            line-height: 1.6;
            margin-bottom: 10px;
        }
        .ipsBox_container .ipsBox_notice {    /*margin: -10px -10px 10px -10px;    */ }    
    .ipsPad_half { padding: 4px !important; }
    .ipsPad_left { padding-left: 9px; }
    .ipsPad_top { padding-top: 9px; }
    .ipsPad_top_slimmer { padding-top: 7px; }
    .ipsPad_top_half { padding-top: 4px; }
    .ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
    .ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }
    .ipsMargin_top { margin-top: 9px; }

    .ipsBlendLinks_target .ipsBlendLinks_here {
            opacity: 0.5;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
        }
        .ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; }
        
    .block_list > li {
        padding: 5px 10px;
    }

    .ipsModMenu {
        width: 15px;
        height: 15px;
        display: inline-block;
        text-indent: -2000em;
        background: url('{style_images_url}/moderation_cog.png') no-repeat;
        margin-right: 5px;
        vertical-align: middle;
    }

    .ipsBadge {
        vertical-align: middle;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        padding: 0 5px;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-image: url('{style_images_url}/highlight.png');
        background-repeat: repeat-x;
        background-position: 0 -1px;
    }

    .ipsBadge.has_icon img {
        max-height: 7px;
        vertical-align: baseline;
    }

        #nav_app_ipchat .ipsBadge {    position: absolute;    }
        
    #ajax_loading {
        background: #000;
        color: #fff;
        text-align: center;
        padding: 5px 0 8px;
        width: 8%;
        top: 0px;
        left: 46%;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-radius: 0 0 5px 5px;
        z-index: 10000;
        position: fixed;
        -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        opacity:0.6;
    }

    #ipboard_body.redirector {
        width: 500px;
        margin: 150px auto 0 auto;
    }

    #ipboard_body.minimal { padding-top: 40px; }
    #ipboard_body.minimal #ipbwrapper{
        width: 900px;
        margin: 0 auto;
    }
    #ipboard_body.minimal #content {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 20px 30px;
        margin-bottom: 10px;
    }
    #ipboard_body.minimal h1 { font-size: 32px; }
    #ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }

    .progress_bar {
        background-color: #262626;
        border: 1px solid #2e2e2e;
    }

        .progress_bar span {
            background: #a9a9a9 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
            color: #fff;
            font-size: 0em;
            font-weight: bold;
            text-align: center;
            text-indent: -2000em;
            height: 10px;
            display: block;
            overflow: hidden;
        }

        .progress_bar.limit span {
            background: #b13c3c url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
        }

        .progress_bar span span {
            display: none;
        }

    .progress_bar.user_warn {    
        margin: 0 auto;
        width: 80%;
    }

        .progress_bar.user_warn span {
            height: 6px;
        }

    .progress_bar.topic_poll {
        margin-top: 2px;
        width: 40%;
    }

    li.rating a {
        outline: 0;
    }

    .antispam_img { margin: 0 3px 5px 0; }
        
    span.error {
        color: #ad2930;
        font-weight: bold;
        clear: both;
    }

    #recaptcha_widget_div { max-width: 350px; }
    #recaptcha_table { border: 0 !important; }

    .mediatag_wrapper {
        position: relative;
         padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .mediatag_wrapper iframe,  
    .mediatag_wrapper object,  
    .mediatag_wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /************************************************************************/
    /* GENERIC REPEATED STYLES */
    /* Inline lists */
    .tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li {
        display: inline;
    }

    /* Utility styles */
    .right { float: right; }
    .left { float: left; }
    .hide { display: none; }
    .short { text-align: center; }
    .clear { clear: both; }
    .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow: hidden;}
    .faded { opacity: 0.5 }
    .clickable { cursor: pointer; }
    .reset_cursor { cursor: default; }

    /* Bullets */
    .bullets ul, .bullets ol,
    ul.bullets, ol.bullets {
        list-style: disc;
        margin-left: 30px;
        line-height: 150%;
        list-style-image: none;
    }

    .bullets li{ padding: 2px; }

    /* Rounded corners */
    #user_navigation #new_msg_count, .rounded {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .desc, .desc.blend_links a, p.posted_info {
        font-size: 11px;
        color: #898989;
    }

    .desc.lighter, .desc.lighter.blend_links a {
        color: #646464;
    }

    /* Cancel */
    .cancel {
        font-size: 0.9em;
        font-weight: bold;
    }

    .cancel, .cancel:hover{
        color: #ad2930;
    }

    /* Moderation */
    em.moderated {
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
    }

    /* Positive/Negative */
    .positive {    color: #6f8f52; }
    .negative {    color: #c7172b; }

    /* Search highlighting */
    .searchlite
    {
        background-color: yellow;
        color: red;
        font-size:14px;
    }

    /* Users posting */
    .activeuserposting {
        font-style: italic;
    }
        
    /************************************************************************/
    /* COLUMN WIDTHS FOR TABLES */
    /* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */

    .col_f_post { width: 250px !important; }
        .is_mod .col_f_post { width: 210px !important; }

        td.col_c_post { 
            padding-top: 10px !important;
            width: 250px;
        }

    .col_f_icon {
        padding: 0 0 0 3px !important;
        width: 24px !important;
        text-align: center;
        vertical-align: middle;
    }

    .col_n_icon { 
        vertical-align: middle;
        width: 24px;
        padding: 0 !important;
    }
        
    .col_f_views, .col_m_replies {
        width: 100px !important;
        text-align: right;
        white-space: nowrap;
    }

    .col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; }
    .col_f_preview { 
        width: 20px !important; 
        text-align: right;
    }

    .col_c_icon { padding: 10px 2px 10px 8px !important; width: 33px; vertical-align: middle; }
    .col_c_post .ipsUserPhotoLink { margin-top: 3px; }

    .col_n_date { width: 250px; }
    .col_m_photo, .col_n_photo { width: 30px; }
    .col_m_mod { text-align: right; }
    .col_r_icon { width: 3%; }
    .col_f_topic, .col_m_subject { width: 49%; }
    .col_f_starter, .col_r_total, .col_r_comments {    width: 10%; }
    .col_m_date, .col_r_updated, .col_r_section { width: 18%; }
    .col_c_stats { width: 15%; text-align: right; }
    .col_c_forum { width: auto; }
    .col_mod, .col_r_mod { width: 3%; }
    .col_r_title { width: 26%; }

    /*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/

    /************************************************************************/
    /* TABLE STYLES */

    table.ipb_table {
        width: 100%;
        line-height: 1.3;
    }
        
        table.ipb_table td {
            padding: 10px;
        }
            
            table.ipb_table tr.unread h4 { font-weight: bold; }
            table.ipb_table tr.highlighted td { border-bottom: 0; }
        
        table.ipb_table th {
            font-size: 11px;
            font-weight: bold;
            padding: 8px 6px;
        }
        
    .last_post { margin-left: 45px; }
    .last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content{ line-height: 18px; }
    #user_notifications_link_menucontent .list_content{ line-height: 130%; }
    .col_c_post .ipsUserPhotoLink{ margin-top: -1px; }
    .forum_desc{ padding-top: 5px; }

    table.ipb_table h4,
    table.ipb_table .topic_title {
        font-size: 12px;
        display: inline-block;
    }

    table.ipb_table  .unread .topic_title { font-weight: bold; }
    table.ipb_table .ipsModMenu { visibility: hidden; }
    table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; }

    #announcements h4 { display: inline; }
    #announcements td {  }
    .announcement img{ margin-right: 4px; }

    .forum_data {
        font-size: 11px;
        color: #5c5c5c;
        display: inline-block;
        white-space: nowrap;
        margin: 0px 0 0 8px;
    }

    .desc_more {
        background: url('{style_images_url}/desc_more.png') no-repeat top;
        display: inline-block;
        width: 13px; height: 13px;
        text-indent: -2000em;
    }
        .desc_more:hover { background-position: bottom; }

    .category_block .ipb_table h4 { /*font-size: 15px; word-wrap: break-word;*/ }

    table.ipb_table .subforums {
        margin: 7px 0 3px 0px;
        overflow: hidden;
    }

    table.ipb_table .subforums li{
        background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;
        padding: 0 15px 0 15px;
        margin: 0;
        float: left;
    }

    table.ipb_table .subforums li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }

    table.ipb_table .expander { 
        visibility: hidden;
        width: 16px;
        height: 16px;
        display: inline-block;
    }
    table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; }
    table.ipb_table td.col_f_preview { cursor: pointer; }
    table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; }
    table.ipb_table .expander.closed { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 0; }
    table.ipb_table .expander.open { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 -19px; }
    table.ipb_table .expander.loading { background: url('{style_images_url}/loading.gif') no-repeat; }
    table.ipb_table .preview td {
        padding: 20px 10px 20px 29px;
        z-index: 20000;
        border-top: 0;
    }

        table.ipb_table .preview td > div {
            line-height: 1.4;
            position: relative;        
        }
        
        table.ipb_table .preview td {
            -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
            -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
            box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
        }
        
    .preview_col {
        margin-left: 80px;
    }

    .preview_info {
        padding-bottom: 3px;
        margin: -3px 0 3px;
    }

    table.ipb_table .mini_pagination { opacity: 0.5; }
    table.ipb_table tr:hover .mini_pagination { opacity: 1; }

    /************************************************************************/
    /* LAYOUT SYSTEM */

    .ipsLayout.ipsLayout_withleft { padding-left: 210px; }
    .ipsBox.ipsLayout.ipsLayout_withleft { padding-left: 220px; }
    .ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
    .ipsBox.ipsLayout.ipsLayout_withright { padding-right: 220px; }

    /* Panes */
    .ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
    .ipsLayout_content { width: 100%; float: left; }
    .ipsLayout .ipsLayout_left { width: 200px; margin-left: -210px; float: left; }
    .ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }

    /* Wider sidebars */
    .ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
    .ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }
    .ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -280px; }
    .ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }
    .ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
    .ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 270px; margin-right: -280px; }

    /* Narrow sidebars */
    .ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
    .ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; }
    .ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; }
    .ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }
    .ipsBox.ipsLayout_smallright.ipsLayout_withright { padding-right: 160px; }
    .ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }

    /* Tiny sidebar */
    .ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
    .ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }
    .ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -50px; }
    .ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }
    .ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; }
    .ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -50px; }

    /* Big sidebar */
    .ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
    .ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; }
    .ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; }
    .ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }
    .ipsBox.ipsLayout_bigright.ipsLayout_withright { padding-right: 340px; }
    .ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }

    /* Even Wider sidebars */
    .ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }
    .ipsBox.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 390px; }
    .ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; margin-left: -380px; }
    .ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }
    .ipsBox.ipsLayout_hugeright.ipsLayout_withright { padding-right: 390px; }
    .ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }

    /************************************************************************/
    /* NEW FORMS */

    .ipsField .ipsField_title { 
        font-weight: bold;
        font-size: 12px;
        line-height: 1.6;
    }

    .ipsForm_required {
        color: #ab1f39;
        font-weight: bold;
    }

    .ipsForm_horizontal .ipsField_title {
        float: left;
        width: 185px;
        padding-right: 15px;
        padding-top: 3px;
        text-align: right;
        line-height: 1.8;
    }

    .ipsForm_horizontal .ipsField { margin-bottom: 15px; }
    .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; }
    .ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; }
    .ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; }

    .ipsForm_vertical .ipsField { margin-bottom: 10px; }
    .ipsForm_vertical .ipsField_content { margin-top: 3px; }

    .ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }
    .ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }

    .ipsField_primary input { font-size: 18px; }

    .ipsForm_submit {
        padding: 5px 10px;
        text-align: right;
        margin-top: 25px;
    }

    .ipsForm_right { text-align: right; }
    .ipsForm_left { text-align: left; }
    .ipsForm_center { text-align: center; }

    /************************************************************************/
    /* SETTINGS SCREENS */
    .ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; }
    .ipsSettings { padding: 0 0px; }
    .ipsSettings_section {
        margin: 0 0 15px 0;
        padding: 15px 0 0 0;
    }
        
        .ipsSettings_section > div { margin-left: 175px; }
        .ipsSettings_section > div ul li { margin-bottom: 10px; }
        .ipsSettings_section .desc { margin-top: 3px; }
        
    .ipsSettings_sectiontitle {
        font: bold 13px Helvetica, Arial, sans-serif;
        width: 165px;
        padding-left: 10px;
        line-height: 18px;
        float: left;
    }

    .ipsSettings_fieldtitle { 
        min-width: 100px;
        margin-right: 10px;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        padding-top: 3px;
    }

    /************************************************************************/
    /* TOOLTIPS */

    .ipsTooltip { padding: 5px; z-index: 25000;}
    .ipsTooltip_inner {
        padding: 8px;
        background: #333333;
        border: 1px solid #333333;
        color: #fff;
        -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
        -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 12px;
        text-align: center;
        max-width: 250px;
    }
        .ipsTooltip_inner a { color: #fff; }
        .ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }
        .ipsTooltip.top     { background: url('{style_images_url}/stems/tooltip_top.png') no-repeat bottom center; }
            .ipsTooltip.top_left     { background-position: bottom left; }
        .ipsTooltip.bottom    { background: url('{style_images_url}/stems/tooltip_bottom.png') no-repeat top center; }
        .ipsTooltip.left     { background: url('{style_images_url}/stems/tooltip_left.png') no-repeat center right; }
        .ipsTooltip.right    { background: url('{style_images_url}/stems/tooltip_right.png') no-repeat center left; }
        
    /************************************************************************/
    /* AlertFlag */

    .ipsHasNotifications {
        padding: 0px 4px;
        height: 12px;
        line-height: 12px;
        background: #cf2020;
        color: #fff !important;
        font-size: 9px;
        text-align: center;
        -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
        -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        position: absolute;
        top: 4px;
        left: 3px;
    }

    .ipsHasNotifications_blank { display: none; }
    #chat-tab-count.ipsHasNotifications { left: auto; top: 3px; right: 3px; text-shadow: none !important; position: absolute; }

    /************************************************************************/
    /* SIDEBAR STYLE */

    .ipsSideMenu { padding: 10px 0; }
    .ipsSideMenu h4 { 
        margin: 0 10px 5px 25px;
        font-weight: bold;
        color: #dddddd;
    }

    .ipsSideMenu ul {
        margin-bottom: 20px;
    }

    .ipsSideMenu ul li {
        font-size: 11px;
    }

    .ipsSideMenu ul li a {
        padding: 5px 10px 5px 25px;
        display: block;
    }

    .ipsSideMenu ul li a:hover{
        background-color: rgba(0,0,0,0.03);
    }

    .ipsSideMenu ul li.active a {
        background: #282828 url('{style_images_url}/icon_check_white.png') no-repeat 6px 8px;
        color: #fff;
        font-weight: bold;
    }

    /***************************************************************************/
    /* WIZARDS */

    .ipsSteps {
        background: #2a2a2a;
        height: 55px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .ipsSteps li:first-child{
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
    }

        .ipsSteps ul li {
            float: left;
            padding: 11px 33px 5px 18px;
            color: #c3c3c3;
            background-image: url('{style_images_url}/wizard_step.png');
            background-repeat: no-repeat;
            background-position: 100% -56px;
            position: relative;
            height: 39px;
            text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
        }
        
        .ipsSteps .ipsSteps_active {
            background-position: 100% 0;
            color: #fff;
            text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
        }
        
        .ipsSteps .ipsSteps_done { }
        .ipsSteps_desc { font-size: 11px; }    
        .ipsSteps_arrow { display: none; }
        
        .ipsSteps_title {
            display: block;
            font-size: 14px;
            padding-bottom: 4px;
        }
        
        .ipsSteps_active .ipsSteps_arrow {
            display: block;
            position: absolute;
            left: -23px;
            top: 0;
            width: 23px;
            height: 55px;
            background: url('{style_images_url}/wizard_step.png') no-repeat 0 -112px;
        }
        
        .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important;    }

    /************************************************************************/
    /* VERTICAL TABS (profile etc.) */

    .ipsVerticalTabbed { }

        .ipsVerticalTabbed_content {
            min-height: 400px;
        }
        
        .ipsVerticalTabbed_tabs > ul {
            width: 149px !important;
            margin-top: 10px;
            border-top: 1px solid #2d2d2d;
            border-left: 1px solid #2d2d2d;
        }
            
            .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }
            
            .ipsVerticalTabbed_tabs li {
                background: #1e1e1e;
                color: #808080;
                border-bottom: 1px solid #2d2d2d;
                font-size: 12px;
            }
                
                .ipsVerticalTabbed_tabs li a {
                    display: block;
                    padding: 10px 8px;
                    outline: 0;
                    color: #8d8d8d;
                }
                    
                    .ipsVerticalTabbed_tabs li a:hover {
                        background: #252525;
                        color: #c9c9c9;
                    }
                    
                    .ipsVerticalTabbed_tabs li.active a {
                        width: 135px;
                        position: relative;
                        z-index: 8000;
                        background: #181818;
                        color: #fff;
                        font-weight: bold;
                    }
                    
                        .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
                            width: 24px;
                        }

    /************************************************************************/
    /* 'LIKE' FUNCTIONS */

    .ipsLikeBar { margin: 10px 0; font-size: 11px; }
        
        .ipsLikeBar_info {
            line-height: 22px;
            background: #4d4d4d;
            padding: 0 10px;
            display: inline-block;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }
        
    .ipsLikeButton {
        line-height: 22px;
        padding: 0 7px 0 26px;
        font-size: 11px;
        display: inline-block;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
        color: #fff !important;
    }
        .ipsLikeButton:hover { color: #fff !important; }
        
        .ipsLikeButton.ipsLikeButton_enabled {
            background: #719c1c url('{style_images_url}/like_button.png') no-repeat 0 0;
            /*border: 1px solid #5ea128;*/
        }
        
        .ipsLikeButton.ipsLikeButton_disabled {
            background: #6c6c6c url('{style_images_url}/like_button.png') no-repeat 0 -23px;
            /*border: 1px solid #a4a4a4;*/
        }

    /************************************************************************/
    /* TAG LIST */

    .ipsTag {
        display: inline-block;
        background: url('{style_images_url}/tag_bg.png');
        height: 20px;
        line-height: 20px;
        padding: 0 7px 0 15px;
        margin: 5px 5px 0 0;
        font-size: 11px;
        color: #fff !important;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-radius: 0 3px 3px 0;
    }

    /************************************************************************/
    /* TAG EDITOR STYLES */

    .ipsTagBox_wrapper {
        min-height: 18px;
        width: 350px;
        line-height: 1.3;
        display: inline-block;
        margin-bottom: 3px;
    }
        
        .ipsTagBox_hiddeninput { background: none transparent; color: #fff; }
        .ipsTagBox_hiddeninput.inactive {
            font-size: 11px;
            min-width: 200px;
        }
        
        .ipsTagBox_wrapper input { border: 0px;    outline: 0; }
        .ipsTagBox_wrapper li {    display: inline-block; }
        
        .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {
            background: #d7d7d7;
            border-color: #e9e9e9;
            color: #222;
            text-shadow: none;
        }
        
        .ipsTagBox_tag {
            padding: 2px 1px 2px 4px;
            background: #4d4d4d;
            border: 1px solid #595959;
            margin: 0 3px 2px 0;
            font-size: 11px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            cursor: pointer;
        }
        
            .ipsTagBox_tag:hover {
                border-color: #646464;
            }
            
            .ipsTagBox_tag.selected {
                background: #797979 !important;
                border-color: #a1a1a1 !important;
                color: #fff !important;
            }
            
        .ipsTagBox_closetag {
            margin-left: 2px;
            display: inline-block;
            padding: 0 3px;
            color: #c7c7c7;
            font-weight: bold;
        }
            .ipsTagBox_closetag:hover { color: #454545;    }
            .ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }
            .ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f;    }
            .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #444; }
            .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #111; }
            
        .ipsTagBox_addlink {
            font-size: 10px;
            margin-left: 3px;
            outline: 0;
        }
        
        .ipsTagBox_dropdown {
            height: 100px;
            overflow: scroll;
            background: #fff;
            border: 1px solid #dddddd;
            -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
            box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
            z-index: 16000;
        }
        
            .ipsTagBox_dropdown li {
                padding: 4px;
                font-size: 12px;
                cursor: pointer;
            }
            .ipsTagBox_dropdown li:hover {
                background: #dbf3ff;
                color: #003b71;
            }

    /************************************************************************/
    /* TAG CLOUD */
    .ipsTagWeight_1 { opacity: 1.0; }
    .ipsTagWeight_2 { opacity: 0.9; }
    .ipsTagWeight_3 { opacity: 0.8; }
    .ipsTagWeight_4 { opacity: 0.7; }
    .ipsTagWeight_5 { opacity: 0.6; }
    .ipsTagWeight_6 { opacity: 0.5; }
    .ipsTagWeight_7 { opacity: 0.4; }
    .ipsTagWeight_8 { opacity: 0.3; }
            
    /************************************************************************/
    /* NEW FILTER BAR */

    .ipsFilterbar li {
        margin: 0px 15px 0px 0;
        font-size: 11px;
    }
        
        .ipsFilterbar li a {
            color: #fff;
            opacity: 0.5;
            text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
        }

        .ipsFilterbar.bar.altbar li a { color: #244156; text-shadow: none; opacity: .8; }
        
            .ipsFilterbar:hover li a { opacity: 0.8; }

            .ipsFilterbar li a:hover {
                color: #fff;
                opacity: 1;
            }

    .ipsFilterbar li img { margin-top: -3px; }

    .ipsFilterbar li.active { opacity: 1; }
        
        .ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
            background: url('{style_images_url}/trans30.png') repeat;
            background: rgba(0,0,0,0.3);
            opacity: 1;
            color: #fff;
            padding: 4px 10px;
            font-weight: bold;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px !important;
            border-radius: 10px;
            -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
            -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
            box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
        }
            
    /************************************************************************/
    /* POSTING FORM STYLES */
    /* Additional form styles for posting forms */

    .ipsPostForm { }
        
        .ipsPostForm.ipsLayout_withright {
            padding-right: 260px !important;
        }
        
        .ipsPostForm .ipsLayout_content {
            z-index: 900;
            -webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
            -moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
            box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
            float: none;
        }
        
        .ipsPostForm .ipsLayout_right {
            width: 250px;
            margin-right: -251px;
            border-left: 0;
            z-index: 800;
        }
        
        .ipsPostForm_sidebar{ margin-top: 8px; }
        
        .ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 {
            background-image: url('{style_images_url}/folder_closed.png');
            background-repeat: no-repeat;
            background-position: 10px 9px;
            padding-left: 26px;
            margin-bottom: 2px;
        }

    /************************************************************************/
    /* MEMBER LIST STYLES */
    .ipsMemberList .ipsButton_secondary { opacity: 0.3; }
    .ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; }
    .ipsMemberList li .reputation { margin: 5px 10px 0 0; }
    .ipsMemberList > li .ipsButton_secondary { margin-top: 15px; }
    .ipsMemberList li .rating {    display: inline; }

    /************************************************************************/
    /* COMMENT STYLES */
    .ipsComment_wrap { margin-top: 10px; }
    .border > .ipsComment_wrap, .ipsBox_container > .ipsComment_wrap{ margin: 0; }
    .ipsComment_wrap .ipsLikeBar { margin: 0; }
    .ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }
        
    .ipsComment {
        padding: 10px;
    }
        
    .ipsComment_author, .ipsComment_reply_user {
        width: 160px;
        text-align: right;
        padding: 0 10px;
        float: left;
        line-height: 1.3;
    }

        .ipsComment_author .ipsUserPhotoLink { margin-bottom: 5px; }
        
    .ipsComment_comment {
        margin-left: 190px !important;
        line-height: 1.5;
    }

        .ipsComment_comment > div { min-height: 33px; }
        
    .ipsComment_controls { margin-top: 10px; }
    .ipsComment_controls > li { opacity: 0.2; }
        .ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; }

    .ipsComment_reply_user_photo {
        margin-left: 115px;
    }

    /************************************************************************/
    /* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */
    .ipsFloatingAction {
        position: fixed;
        right: 10px;
        bottom: 10px;
        padding: 10px;
        z-index: 15000;
        border: 4px solid #464646;
        border: 4px solid rgba(0,0,0,0.75);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
        box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    }

    .ipsFloatingAction.left {
        right: auto;
        left: 10px;
    }
        
    .ipsFloatingAction .fixed_inner {
        overflow-y: auto;
        overflow-x: hidden;
    }
        
    /* specifics for seo meta tags editor */
    #seoMetaTagEditor { width: 480px; }
    #seoMetaTagEditor table { width: 450px; }
    #seoMetaTagEditor table td { width: 50%; padding-right: 0px }

    /************************************************************************/
    /* FORM STYLES */

    body#ipboard_body fieldset.submit,
    body#ipboard_body p.submit {
        padding: 15px 6px 15px 6px;
        text-align: center;
    }

    .iframe{ outline: none; }

    .input_text, .ipsTagBox_wrapper, textarea {
        padding: 6px;
        border: 1px solid #383838;
        background: #292929;
        color: #b7b7b7;
        text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
        -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
        -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
        box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    }

        textarea:focus, .input_text:focus {
            outline: none;
            background-color: #4b4b4b;
            color: #f8f8f8;
            border-color: #797979;
        }
        
        input.inactive, select.inactive, textarea.inactive { color: #939393; }

        .input_text.error {
            background: #883939;
            border-color: #a95858;
            color: #fff;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        .input_text.accept {
            background: #768d3d;
            border-color: #8ca54d;
            color: #fff;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    input:-webkit-input-placeholder { color: #939393; }
    input:-moz-placeholder { color: #939393; }

    .input_submit {
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
        border: 0;
        padding: 5px 11px;
        cursor: pointer;
    }

    a.input_submit{
        padding: 7px 11px;
        display: inline-block;
    }
        
        .input_submit.alt {
            text-decoration: none;
        }        

    p.field {
        padding: 15px;
    }

    li.field {
        padding: 5px;
        margin-left: 5px;
    }

        li.field label,
        li.field span.desc {
            display: block;
        }
        
    li.field.error {
        color: #ad2930;
    }

        li.field.error label {
            font-weight: bold;
        }

    li.field.checkbox, li.field.cbox {
        margin-left: 0;
    }

    li.field.checkbox .input_check,
    li.field.checkbox .input_radio,
    li.field.cbox .input_check,
    li.field.cbox .input_radio {
        margin-right: 10px;
        vertical-align: middle;
    }

        li.field.checkbox label,
        li.field.cbox label {
            width: auto;
            float: none;
            display: inline;
        }
        
        li.field.checkbox p,
        li.field.cbox p {
            position: relative;
            left: 245px;
            display: block;
        }

        li.field.checkbox span.desc,
        li.field.cbox span.desc {
            padding-left: 27px;
            margin-left: auto;
            display: block;
        }
        
    /************************************************************************/
    /* MESSAGE STYLES */

    .message {
        background: #768d3d url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
        padding: 10px;
        border: 1px solid #8ca54d;
        text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
        line-height: 1.6;
        font-size: 12px;
        -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
        -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
        box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
    }

    .message,
    .message a,
    .message h3{
        color: #eff6dd;
    }

        .message h3 {
            padding: 0;
        }
        
        .message.error {
            background-color: #872d2d;
            border-color: #c15050;
        }
        
        .message.error,
        .message.error a,
        .message.error h3{
            color: #f6dddd;
        }
        
        .message.error.usercp {
            background-image: none;
            padding: 4px;
            float: right;
        }
        
        .message.unspecific {
            background-color: #292929;
            border-color: #393939;
            margin: 0 0 10px 0;
            clear: both;
        }
        
        .message.unspecific,
        .message.unspecific a,
        .message.unspecific h3{
            color: #ededed;
        }
        
    .message a{ text-decoration: underline; }
        
    /************************************************************************/
    /* MENU & POPUP STYLES */

    .ipbmenu_content, .ipb_autocomplete {
        min-width: 85px;
        z-index: 2000;
    }

    .ipbmenu_content{ white-space: nowrap; }
        
        .ipbmenu_content li:last-child {
            border-bottom: 0;
            padding-bottom: 0px;
        }
        
        .ipbmenu_content li:first-child { padding-top: 0px;    }
        .ipbmenu_content.with_checks a { padding-left: 26px; }
        .ipbmenu_content a .icon { margin-right: 10px; }
        .ipbmenu_content a { 
            text-decoration: none;
            text-align: left;
            display: block;
            padding: 6px 10px;
        }
        .ipbmenu_content.with_checks li.selected a {
            background-image: url('{style_images_url}/icon_check.png');
            background-repeat: no-repeat;
            background-position: 7px 10px;
        }

    .popupWrapper {
        background: url('{style_images_url}/trans60.png') repeat;
        background: rgba(0,0,0,0.6);
        padding: 8px;
        -webkit-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
        -moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
        box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .popupInner {
            width: 500px;
            overflow: auto;
            -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
            -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
            box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
            overflow-x: hidden;
        }
        
            .popupInner.black_mode {
                background: #000;
                color: #eee;
                border: 3px solid #626262;
            }
            
            .popupInner.warning_mode {
                border: 3px solid #7D1B1B; 
            }
        
            .popupInner h3 {
                border-bottom: 1px solid #2a2a2a;
                text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
                background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
                padding: 8px 10px 9px;
                font-size: 16px;
                font-weight: 300;
            }
            
                .popupInner h3 a { color: #fff; }
            
                .popupInner.black_mode h3 {
                    background-color: #595959;
                    color: #ddd;
                }
                
                .popupInner.warning_mode h3 {
                    background-color: #7D1B1B;
                    padding-top: 6px;
                    padding-bottom: 6px;
                    color: #fff;
                }
                
    .popupClose {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .popupClose.light_close_button {
        background: transparent url('{style_images_url}/close_popup_light.png') no-repeat top left;
        opacity: 0.8;
        width: 13px;
        height: 13px;
        top: 17px;
    }

    .popupClose.light_close_button img {
        display: none;
    }

    .popup_footer {
        padding: 15px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .popup_body {
        padding: 10px;
    }

    .stem {
        width: 31px;
        height: 16px;
        position: absolute;
    }

        .stem.topleft { background-image: url('{style_images_url}/stems/topleft.png');    }
        .stem.topright { background-image: url('{style_images_url}/stems/topright.png'); }
        .stem.bottomleft { background-image: url('{style_images_url}/stems/bottomleft.png'); }
        .stem.bottomright { background-image: url('{style_images_url}/stems/bottomright.png');    }
        
    .modal {
        background-color: #3e3e3e;
    }

    .userpopup h3 { font-size: 17px; }
    .userpopup h3, .userpopup .side + div { padding-left: 110px; }
    .userpopup .side { position: absolute; margin-top: -40px; }
    .userpopup .side .ipsButton_secondary {
        display: block;
        text-align: center;
        margin-top: 5px;
        max-width: 75px;
        height: auto;
        line-height: 1;
        padding: 5px 10px;
        white-space: normal;
    }
    .userpopup .user_controls { text-align: left; }
    .userpopup .user_status { padding: 5px; margin-bottom: 5px; }
    .userpopup .reputation {
        display: block; 
        text-align: center;
        margin-top: 5px;
    }

    .userpopup {
        overflow: hidden;
        position: relative;
        font-size: 0.9em;
        min-height: 200px;
    }

        .userpopup dl {
            padding-bottom: 10px;
            margin-bottom: 4px;
        }

    .info dt {
        float: left;
        font-weight: bold;
        padding: 3px 6px;
        clear: both;
        width: 30%;
    }

    .info dd {
        padding: 3px 6px;
        width: 60%;
        margin-left: 35%;
    }

    /************************************************************************/
    /* BUTTONS STYLES */

    .topic_buttons li {
        float: right;
        margin: 0 0 10px 10px;
    }

    .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,
    .topic_buttons li a, .topic_buttons li span, .ipsButton {
        background: #2a2a2a url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
        font-size: 12px;
        font-weight: bold;
        line-height: 34px;
        height: 34px;
        padding: 0 20px;
        text-align: center;
        min-width: 70px;
        display: inline-block;
        cursor: pointer;
    }

    .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
        background: #8b1515 url('{style_images_url}/highlight_faint.png') repeat-x 0 0 !important;
        /*border-color: #790f0f;*/
    }
        
        .topic_buttons li a:hover, .ipsButton:hover { background-color: #323232; color: #fff; }
        
        .topic_buttons li a:active, .ipsButton:active{
            position: relative;
            top: 1px;
            /*-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;
            -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;
            box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;*/
        }
        
        .topic_buttons li.non_button a {
            background: transparent !important;
            background-color: transparent !important;
            border: 0;
            box-shadow: none !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            text-shadow: none;
            min-width: 0px;
            color: #777777;
            font-weight: normal;
            padding-top: 1px;
            padding-bottom: 1px;
        }
        
        .topic_buttons li.non_button a:active{ top: 0; }
        
        .topic_buttons li.disabled a, .topic_buttons li.disabled span {
            background: #191919 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            text-shadow: none;
            border: 0;
            font-weight: 300;
            color: #666666;
        }
        
        .topic_buttons li span { cursor: default !important; }

    .ipsButton_secondary,
    .bbc_spoiler_show,
    .user_controls li a{
        height: 26px;
        line-height: 26px;
        font-size: 11px;
        padding: 0 10px;
        border: 0;
        background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        /*border: 1px solid #d0d0d0;*/
        /*-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;*/
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
        display: inline-block;
        white-space: nowrap;
        cursor: pointer;
    }
        .ipsButton_secondary a { color: #fff; }
        .ipsButton_secondary:hover,
        .bbc_spoiler_show:hover,
        .user_controls li a:hover{
            color: #fff;
            background-color: #434343;
        }
        
        .ipsButton_secondary.important {
            background: #ae3232 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
            /*border: 1px solid #a22c2c;*/
            color: #fbf4f4;
            text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
            .ipsButton_secondary.important a { color: #fbf4f4; }
            .ipsButton_secondary.important a:hover,
            a.ipsButton_secondary.important:hover{ 
                color: #fff;
                background-color: #bb3c3c;
            }

            .ipsButton_secondary:active{
                /*-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
                -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
                box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;*/
                position: relative;
                top: 1px;
            }        

    .ipsButton_secondary .icon {
        margin-right: 4px;
        margin-top: -3px;
    }
            
    .ipsButton_secondary img.small {
        max-height: 12px;
        margin-left: 3px;
        margin-top: -2px;
        opacity: 0.5;
    }

    .ipsButton_secondary img{ vertical-align: middle; margin-top: -1px; }

    /* Used in post forms */
    .ipsField.ipsField_checkbox.ipsButton_secondary { line-height: 18px; }
    .ipsField.ipsField_checkbox.ipsButton_secondary input { margin-top: 6px }
    .ipsField.ipsField_checkbox.ipsButton_secondary .ipsField_content { margin-left: 18px; }

    .ipsButton_extra {
        line-height: 22px;
        height: 22px;
        font-size: 11px;
        margin-left: 5px;
        color: #ddd;
    }

    .ipsButton_secondary.fixed_width{ min-width: 170px; }

    .ipsButton.no_width { min-width: 0; }
    .topic_controls { min-height: 30px; overflow: hidden; }

    ul.post_controls {
        margin: 0;
        background: #101010;
        border-top: 1px solid #252525;
        margin-top: 10px;
        padding: 7px;
        clear: both;
        overflow: hidden;
    }

            ul.post_controls li {
                font-size: 11px;
                float: right;
                margin: 0;
                padding: 0;
            }
            
            ul.post_controls li.report, ul.post_controls li.top{ float: left; }

            ul.post_controls a {    
                color: #fff;
                text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
                background: #363636 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                height: 26px;
                line-height: 26px;
                padding: 0 10px;
                text-decoration: none;
                margin-left: 4px;
                display: block;
            }

            ul.post_controls a:hover { background-color: #404040; color: #fff; }
            
            ul.post_controls a.ipsButton_secondary {
                height: 24px;
                line-height: 24px;
            }
            
            ul.post_controls li.multiquote.selected a { 
                background: #9a9a9a url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
                color: #fff;
            }
            
    /*.post_block .post_controls li a { opacity: 0.2; }
    .post_block .post_controls li a.ipsButton_secondary { opacity: 1; }
    .post_block:hover .post_controls li a { opacity: 1; }*/

    .post_body ul.post_controls{ margin: 0 -12px -12px -187px; }
    .column_view .post_body ul.post_controls{ margin-left: -188px; }
    .post_block.no_sidebar .post_body ul.post_controls{ margin-left: 0px; }
    .post_body ul.post_controls img{ vertical-align: middle; margin: -3px 2px 0px -3px; position: relative; }

    .hide_signature, .sigIconStay { float: right; }
    .post_block:hover .signature a.hide_signature, .sigIconStay {
        background: transparent url('{style_images_url}/cross_sml.png') no-repeat top right;
        width: 13px;
        height: 13px;
        opacity: 0.6;
        position: absolute;
        right: 10px;
    }

    /************************************************************************/
    /* PAGINATION STYLES */

    .pagination { padding: 5px 0; line-height: 22px; }
    .pagination.no_numbers .page { display: none; }
    .pagination .pages { text-align: center; }
    .pagination .back { margin-right: 5px; }
    /*.pagination .back li { margin: 0 2px 0 0; }*/
    .pagination .forward { margin-left: 5px; }
    /*.pagination .forward li { margin: 0 0 0 2px; }*/

    .pagination a{ color: #eeeeee; }

    .pagination .page a,
    .pagination .back a,
    .pagination .forward a {
        background: #2a2a2a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
        /*border: 1px solid #d6d6d6;*/
        color: #eeeeee;
        text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        padding: 1px 8px;
        text-transform: lowercase;
        font-size: 11px;
        font-weight: normal;
    }
        
        .pagination .page a:hover,
        .pagination .back a:hover,
        .pagination .forward a:hover {
            background-color: #323232;
            color: #fff;
        }

        .pagination .disabled a {
            opacity: 0.4;
            display: none;
        }
        
    .pagination .pages {
        font-size: 11px;
    }

        .pagination .pages a,
        .pagejump {
            display: inline-block;
        }
        
        .pagination .pagejump a { padding: 0px 7px; }
        
        .pagination .pagejump a:hover {
            text-decoration: underline;
        }
        
        .pagination li { margin: 0; }
            
        .pagination .pages li.active {
            background: #e7e7e7 url('{style_images_url}/highlight.png') repeat-x 0 0;
            color: #222;
            padding: 1px 8px;
            text-shadow: #fff 0px 1px 0px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            cursor: default;
        }
            
    .pagination.no_pages span {
        color: #bbbbbb;
        display: inline-block;
        line-height: 20px;
        height: 20px;
    }

    ul.mini_pagination {
        font-size: 0.8em;
        display: inline;
        margin-left: 7px;
    }

        ul.mini_pagination li a {
            background: #252525 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
            color: #fff;
            padding: 2px 6px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }
        
        ul.mini_pagination li a:hover {
            background: #353535 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
        }

        ul.mini_pagination li {
            display: inline;
            margin: 0px 1px 0px 0px;
        }

    /************************************************************************/
    /* MODERATION & FILTER STYLES */

    .moderation_bar {
        text-align: right;
        padding: 8px 10px;
    }

        .moderation_bar.with_action {
            background-image: url('{style_images_url}/topic_mod_arrow.png');
            background-repeat: no-repeat;
            background-position: right center;
            padding-right: 35px;
        }

    /************************************************************************/
    /* AUTHOR INFO (& RELATED) STYLES */

    .column_view .post_wrap{
        background: #101010;
    }

    .column_view .post_body{
        border-left: 1px solid #252525;
    }

    .author_info {
        width: 155px;
        float: left;
        font-size: 12px;
        text-align: center;
        padding: 10px 10px;
        line-height: 150%;
    }
        
        .author_info .group_title {
            color: #dddddd;
            margin-top: 5px;
        }
        
        .author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
        .author_info .group_icon { margin-bottom: 3px; }
        
    .custom_fields {
        color: #bbbbbb;
        margin-top: 8px;
    }

    .custom_fields .ft { 
        color: #aaaaaa;
        margin-right: 3px;
    }

    .custom_fields .fc {
        word-wrap: break-word;
    }

    .user_controls {
        text-align: center;
        margin: 6px 0;
    }

        .user_controls li a {
            padding: 0 5px;
        }

    /************************************************************************/
    /* BOARD INDEX STYLES */

    #board_index { position: relative; }
        #board_index.no_sidebar { padding-right: 0px; }
            #board_index.force_sidebar { padding-right: 280px; }
        
    #toggle_sidebar {
        position: absolute;
        right: -5px;
        top: -12px;
        z-index: 8000;
        background: #eeeeee;
        padding: 3px 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #333;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
    }
        #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }
        #toggle_sidebar:hover { opacity: 1 !important; }
        
    .ipsSideBlock,
    .general_box{
        background: #181818;
        border: 1px solid #393939;
        margin-bottom: 10px;
    }

    .ipsSideBlock{
        padding: 10px;
    }
        
        .bar,
        .ipsSideBlock h3,
        .general_box h3{
            border-bottom: 1px solid #393939;
            text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
            background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
            padding: 8px;
        }
        
        .bar{ border-top: 1px solid #393939; }
        
        .ipsPostForm_sidebar .ipsPostForm_sidebar_block:first-of-type h3.bar, .bar.noTopBorder{ border-top: 0; }
        
        .ipsSideBlock h3, .ipsSideBlock h3 a, .general_box h3, .general_box h3 a, .bar, .bar a{ color: #fff; }
        
        .ipsSideBlock h3{
            margin: -10px -10px 10px -10px;
        }
        
        .ipsSideBlock h3 .mod_links { 
            color: #fff;
            opacity: 0.0;
            display: inline-block;
            padding: 1px 4px 3px 4px;
            margin-top: -2px;
            text-shadow: none;
            background: url('{style_images_url}/trans40.png') repeat;
            background: rgba(0,0,0,0.4);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
            -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
            box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
        }
        .ipsSideBlock h3:hover .mod_links { opacity: 1; }

    .sideVerticalList, #index_stats .ipsList_withminiphoto{ margin: -10px; }
    .sideVerticalList.with_margin{ margin-bottom: 10px; }

    .status_list .status_list { margin: 10px 0 0 35px; }
    .status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
    .status_list li { position: relative; }
    .status_reply {
        margin-top: 8px;
    }

    .status_list li .mod_links { 
        opacity: 0.1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
    }
    .status_list li:hover .mod_links { opacity: 1; }

    /* board stats */
    #board_stats ul { text-align: center; }
        #board_stats li { margin-right: 20px; }
        #board_stats .value {
            display: inline-block;
            background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
            color: #fff;
            text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
            padding: 3px 7px;
            font-weight: bold;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin-right: 3px;
            -webkit-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
            -moz-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
            box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
        }

    .statistics {
        margin: 20px 0 0 0;
        padding: 8px;
        line-height: 1.3;
        overflow: hidden;
        border: 1px solid #393939;
    }

        .statistics_head {
            border-bottom: 1px solid #393939;
            border-top: 1px solid #393939;
            text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
            background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
            font-size: 11px;
            font-weight: bold;
            padding: 8px;
            margin: -8px -8px 8px -8px;
        }
        
        .statistics_head,
        .statistics_head a{
            color: #fff;
        }
        
        .statistics .statistics_head:first-of-type{
            border-top: 0;
        }
        
        .statistics .statistics_head:not(:first-of-type){
            margin-top: 0;
        }
        
    #stat_links{ font-weight: normal; }
    #stat_links a{ margin: 0 5px; }

    .friend_list ul li,
    #top_posters li {
        text-align: center;
        padding: 8px 0 0 0;
        margin: 5px 0 0 0;
        min-width: 80px;
        height: 80px;
        float: left;
    }

        .friend_list ul li span.name,
        #top_posters li span.name {
            font-size: 0.95em;
        }
        
    .friend_list ul li .ipsUserPhotoLink{ margin-bottom: 5px; }

    #hook_watched_items ul li {
        padding: 8px;
    }

        body#ipboard_body #hook_watched_items fieldset.submit {
            padding: 8px;
        }
        
    #hook_birthdays .list_content {
        padding-top: 8px;
    }

    #hook_calendar .ipsBox_container { padding: 10px; }
    #hook_calendar td, #hook_calendar th { text-align: center; }
    #hook_calendar th { font-weight: bold; padding: 5px 0;}

    /************************************************************************/
    /* FORUM VIEW (& RELATED) STYLES */

    #more_topics {
        text-align: center;
        font-weight: bold;
        background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
    }
        #more_topics a, #more_topics span { display: block; padding: 10px 0;}
        #more_topics, .dynamic_update { border-top: 1px dashed #393939; }

    .topic_preview,
    ul.topic_moderation {
        margin-top: -2px;
        z-index: 300;
    }
        ul.topic_moderation li {
            float: left;
        }
        
        .topic_preview a,
        ul.topic_moderation li a {
            padding: 0 3px;
            display: block;
            float: left;
        }

    span.mini_rate {
        margin-right: 12px;
        display: inline-block;
    }

    img.mini_rate {
        margin-right: -5px;
    }

    /************************************************************************/
    /* TOPIC VIEW (& RELATED) STYLES */

    /* Post share pop-up */
    #postShareUrl { width: 95%; font-size: 18px; color: #999; }
    #postShareStrip { height: 25px; margin: 10px 0px 0px 30px; }

    body .ip {  }
    span.post_id { margin-left: 4px; }
    input.post_mod { margin:12px 5px 0px 10px; }

    .post_id a img.small {
        max-height: 12px;
        margin-left: 3px;
        margin-top: -2px;
        opacity: 0.5;
    }

    .signature {
        clear: right;
        color: #bcbcbc;
        font-size: 0.9em;
        border-top: 1px solid #252525;
        padding: 10px;
        margin: 6px 0 4px;
        position: relative;
    }

        .signature a { text-decoration: underline; }
        
    .post_body .signature{ margin-left: -12px; margin-right: -12px; }
        
    .post_block {
        position: relative;
    }

        .post_block.no_sidebar {
            background-image: none;
        }

        .post_block.solved h3,
        .answerBadgeInPost,
        .horizontalView .post_block.solved .author_info {
            background: #4a4a4a;
            text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
            border: 1px solid #777;
        }
        
        .post_block.solved h3,
        .post_block.solved h3 *,
        .answerBadgeInPost,
        .horizontalView .post_block.solved .author_info *{
            color: #fff !important;
        }
        
        .horizontalView .post_block.solved .author_info .ipsUserPhoto{
            border-color: #353535 !important;
        }
        
        .post_block.solved h3,
        .horizontalView .post_block.solved .author_info{
            background-image: -moz-linear-gradient(top, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.08)), color-stop(100%,rgba(255,255,255,0)));
            background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
            background-image: -o-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
            background-image: -ms-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
            background-image: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
            border-left: 0;
            border-right: 0;
        }

        .answerBadgeInPost{
            border-top: 0;
            padding: 0 12px;
            height: 30px;
            line-height: 30px;
            position: relative;
            float: right;
            margin: -13px -2px 8px 8px;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -moz-border-radius: 0px 0px 3px 3px;
            border-radius: 0px 0px 3px 3px;
        }
        
        .post_block.feature_box {
            background-color: #5d5d5d;
            background-image: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(100%,rgba(255,255,255,0)));
            background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
            background-image: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
            background-image: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
            background-image: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
            -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
            -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
            box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
            border: 1px solid #838383;
            padding: 8px;
            min-height: 60px;
            line-height: 180%;
            font-size: 11.4px;
            word-wrap: break-word;
        }
        
        .post_block.feature_box, .post_block.feature_box *{
            color: #fcfcfc !important;
        }
        
        .post_block.feature_box .ipsType_sectiontitle {
            border-color: #838383;
            font-size: 11.8px;
            font-weight: bold;
        }
        
        .post_block.feature_box .ipsBadge_green, .post_block.feature_box .ipsBadge_lightgrey{
            background: #353535;
            -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px;
            -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px;
            box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px;
            color: #fff !important;
            text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
            padding: 3px 9px;
            font-size: 10px;
        }
        
        .post_block.feature_box .ipsBadge_lightgrey:hover{
            background: #262626;
        }
        
        .post_block.feature_box .ipsUserPhoto{
            border-color: #353535 !important;
        }
        
        .post_block h3 {
            border-top: 1px solid #2d2d2d;
            border-bottom: 1px solid #2d2d2d;
            text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
            background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
            padding: 0 10px;
            height: 36px;
            line-height: 36px;
            font-weight: normal;
            font-size: 13px;
        }
        
        .post_block h3,
        .post_block h3 a{
            color: #fff;
        }
        
        .post_block:first-of-type h3{ border-top: 0; }

    .post_online{
        vertical-align: middle;
        margin: -3px 5px 0 0;
    }
        
    .post_username{
        float: left;
        min-width: 177px;
        font-weight: bold;
    }

    .post_date{
        color: #777;
        float: left;
        font-size: 11px;
        font-weight: normal;
    }
        
        .post_wrap { top: 0px; }    

    .post_body {
        margin-left: 175px;
        padding: 12px;
    }
        
        .post_body .post {
            line-height: 1.6;
            font-size: 12px;
        }
        
        .column_view .post_body .post{ padding-bottom: 12px; }
        
        .post_block.no_sidebar .post_body { margin-left: 0px !important; }
        
    .posted_info {
        padding: 0 0 10px 0;
    }

        .posted_info strong.event {
            color: #1c2837;
            font-size: 1.2em;
        }

    .post_ignore {    
        background: #1c1c1c;
        color: #777;
        font-size: 0.9em;
        padding: 15px;    
    }

        .post_ignore .reputation {
            text-align: center;
            padding: 2px 6px;
            float: none;
            display: inline;
        }

    .rep_bar {
        white-space: nowrap;
        margin: 6px 4px;
    }

        .rep_bar .reputation {
            font-size: 10px;
            padding: 2px 10px !important;
        }
            
    p.rep_highlight {
        float: right;
        display: inline-block;
        margin: 5px 10px 10px 10px;
        background: #D5DEE5;
        color: #1d3652;
        padding: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size: 0.8em;
        font-weight: bold;
        text-align: center;
    }

        p.rep_highlight img {
            margin-bottom: 4px;
        }

    .edit {
        padding: 8px 8px 8px 28px;
        background: #e0aa4b url('{style_images_url}/comment_edit.png') no-repeat 6px 10px;
        border: 1px solid #efba5c;
        color: #723e07;
        text-shadow: #f4c778 0px 1px 0px;
        font-size: 11px;
        margin-top: 15px;
        line-height: 18px;
    }

    .poll fieldset {
        padding: 9px;
    }

    .poll_question {

    }

        .poll_question h4 {
            background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
            padding: 5px;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

        .poll_question ol {
            padding: 20px;
        }
        
        .poll_question li {
            font-size: 0.9em;
            margin: 6px 0;
        }
        
        .poll_question .votes {
            margin-left: 5px;
        }
        
    .snapback { 
        margin-right: 5px;
        padding: 1px 0 1px 1px;
    }

    .rating { display: block; margin-bottom: 4px; line-height: 16px; } 
        .rating img { vertical-align: top; }
    #rating_text { margin-left: 4px; }
        
    /************************************************************************/
    /* POSTING FORM (& RELATED) STYLES */

    div.post_form label {
        text-align: right;
        padding-right: 15px;
        width: 275px;
        float: left;
        clear: both;
    }

        div.post_form span.desc,
        fieldset#poll_wrap span.desc {
            margin-left: 290px;
            display: block;
            clear: both;
        }

        div.post_form .checkbox input.input_check,
        #mod_form .checkbox input.input_check {
            margin-left: 295px;
        }
        
        div.post_form .antispam_img {
            margin-left: 290px;
        }
        
        div.post_form .captcha .input_text {
            float: left;
        }
        
        div.post_form fieldset {
            padding-bottom: 15px;
        }

        div.post_form h3 {
            margin-bottom: 10px;
        }
        
    fieldset.with_subhead {
        margin-bottom: 0;
        padding-bottom: 0;
    }

        fieldset.with_subhead h4 {
            text-align: right;    
            margin-top: 6px;
            width: 300px;
            float: left;
        }

        fieldset.with_subhead ul {
            padding-top: 10px;
            padding-bottom: 10px;
            margin: 0 15px 0px 320px;
        }

        fieldset.with_subhead span.desc,
        fieldset.with_subhead label {
            margin: 0;
            width: auto;
        }

        fieldset.with_subhead .checkbox input.input_check {
            margin-left: 0px;
        }

    #toggle_post_options {
        background: transparent url('{style_images_url}/add.png') no-repeat;
        font-size: 0.9em;
        padding: 2px 0 2px 22px;
        margin: 15px;
        display: block;
    }

    #poll_wrap .question {
        margin-bottom: 10px;
    }

            #poll_wrap .question .wrap ol {
                margin-left: 25px; 
                list-style: decimal;
            }
                #poll_wrap .question .wrap ol li {
                    margin: 5px;
                }
        
    .question_title { margin-left: 30px; padding-bottom: 0; }
        .question_title .input_text { font-weight: bold }

    #poll_wrap { position: relative; }
    #poll_footer { }
    #poll_container_wrap { overflow: auto; }
    #poll_popup_inner { overflow: hidden; }

    .poll_control { margin-left: 20px; }
    .post_form .tag_field ul { margin-left: 290px; }

    /************************************************************************/
    /* ATTACHMENT MANAGER (& RELATED) STYLES */

    .swfupload {
        position: absolute;
        z-index: 1;
    }
        
    #attachments { }

        #attachments li {
            background-color: #2a2a2a;
            text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
            border: 1px solid #383838;
            padding: 6px 20px 6px 42px;
            margin-bottom: 10px;
            position: relative;
            -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
            -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
            box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
        }
        
            #attachments li p.info {
                font-size: 0.8em;
                width: 300px;
            }
        
            #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
                display: none;
            }
                
                #attachments li.complete .links {
                    font-size: 0.9em;
                    margin-right: 15px;
                    right: 0px;
                    top: 12px;
                    display: block;
                    position: absolute;
                }
                
            #attachments li .progress_bar {
                margin-right: 15px;
                width: 200px;
                right: 0px;
                top: 15px;
                position: absolute;
            }
        
            #attachments li.complete, #attachments li.in_progress, #attachments li.error {
                background-repeat: no-repeat;
                background-position: 12px 12px;
            }
        
            #attachments li.in_progress {
                background-image: url('{style_images_url}/loading.gif');
            }
        
            #attachments li.error {
                background-image: url('{style_images_url}/exclamation.png');
                background-color: #822f2f;
                border: 1px solid #9c4141;
            }
            
                #attachments li.error .info {
                    color: #fff;
                }
        
            #attachments li.complete {
                background-image: url('{style_images_url}/accept.png');
            }
            
            #attachments li .thumb_img {
                left: 6px;
                top: 6px;
                width: 30px;
                height: 30px;
                overflow: hidden;
                position: absolute;
            }
            
    .attach_controls {
        background: url('{style_images_url}/icon_attach.png') no-repeat 3px top;
        padding-left: 30px;
        min-height: 82px;
    }

        .attach_controls .ipsType_subtitle { margin-bottom: 5px; }
        .attach_controls iframe { display: block; margin-bottom: 5px; }
        
    .attach_button { font-weight: bold;  }
    #help_msg {    margin-top: 8px; }

    #attach_wrap {
        margin-top: 10px;
        overflow: hidden;
    }

        #attach_wrap h4 {
            font-size: 16px;
            padding-left: 0;
        }
        
        #attach_wrap li {
            margin: 5px 0;
            float: left;
        }
        
        #attach_wrap .attachment {
            float: none;
        }
            
            #attach_wrap .desc.info {
                margin-left: 24px;
            }

    #attach_error_box {    margin-bottom: 10px; }

    .resized_img {
        margin: 0 5px 5px 0;
        display: inline-block;
    }

    /************************************************************************/
    /* REPUTATION STYLES */

    .reputation {
        font-weight: bold;
        padding: 3px 8px;
        display: inline-block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    }
        
        .reputation.positive, .members li.positive {
            background: #8db13e url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        }
        
        .reputation.negative, .members li.negative {
            background: #b82929 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
        }
        
        .reputation.positive, .reputation.negative {
            color: #fff;
        }
        
        .reputation.zero {
            background: #505050 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
            color: #fff;
        }

    .status_main_content { white-space: break-word; }

    .status_main_content h4 {
        font-weight:normal;
        font-size:1.2em;
    }

    .status_main_content h4 .su_links a { font-weight: normal; }

    .status_main_content p {
        padding: 6px 0px 6px 0px;
    }

    .status_main_content h4 a {
        font-weight:bold;
        text-decoration: none;
    }

    .status_mini_wrap {
        padding: 7px;
        font-size: 0.95em;
        margin-top: 2px;
        background: rgba(0,0,0,0.04);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .status_mini_wrap img{ vertical-align: middle; position: relative; margin-top: -2px; }

    .status_mini_photo {
        float: left;
    }

    .status_textarea {
        width: 99%;
    }

    #index_stats .status_textarea{
        width: 180px;
    }

    .status_replies_many {
        height: 300px;
        overflow: auto;
    }
        
    .status_update {
        background: #1a1a1a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
        color: #fff;
        text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
        padding: 15px 12px;
        text-align: center;
    }

        .status_update .input_text { 
            width: 70%;
        }
        
        .status_update .input_submit{ padding-left: 15px; padding-right: 15px; }
        .status_submit{ padding-top: 5px; }
        /*.status_update .status_inactive { color: #bbbbbb; }*/
        #status_wrapper h4 { font-weight: bold; font-size: 14px; }
        .status_content { line-height: 1.4; }
        .status_content .mod_links { opacity: 0.2; }
        .status_content:hover .mod_links { opacity: 1; }
        .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }
        .status_content .status_status{ padding: 2px 0 5px 0; }
        .status_feedback .status_mini_content{ line-height: 18px; }
        .status_feedback { margin: 10px 0 0 -10px; }
        /*.status_feedback .row2 { margin-bottom: 1px; }*/

    /* Favorites */
    .ips_like {
        background-color: #f6f6f6;
        padding: 6px;
        color: #878787;
        font-size: 1em;
        min-height: 18px;
        line-height: 130%;
        clear: both;
        overflow: hidden;
    }
    .ips_like a {
        color: #878787;
    }

    .ips_like a.ftoggle {
        float: right;
        background: #878787;
        border:1px solid #747474;
        padding: 3px 4px 2px 4px;
        color: #fff;
        text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
        font-size:0.9em;
        text-decoration: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin-top: -4px;
    }

    .ips_like a.ftoggle.on {
        background: #545454;
        border-color: #474747;
        margin-left: 3px;
    }

    .ips_like a.ftoggle._newline,
    .ips_like a.ftoggle.on._newline {
        float:none;
        margin-top: 5px;
        margin-left: auto;
        margin-right: 0;
        display: block;
        width: 70px;
        text-align: center;
    }

    .ips_like a:hover.ftoggle.on,
    .ips_like a:hover.ftoggle {
        background-color: #545454;
    }

    .facebook-like { margin-top: 5px; }

    .boxShadow {
        -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
        -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
        box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
    }

    /* New notification panel */
    #ipsGlobalNotification {
        position: fixed;
        left: 50%;
        margin-left: -250px;
        top: 20px;
        text-align: center;
        font-weight: bold;
        z-index: 10000;
    }

    #ips_NotificationCloseButton {
        background: transparent url('{style_images_url}/close_popup.png') no-repeat top left;
        opacity: 0.8;
        width: 13px;
        height: 13px;
        top: 5px;
        left: 5px;
        position: absolute;
        cursor: pointer;
    }

    .googlePlusOne {
        display: inline-block;
        vertical-align:middle;
        margin-top: 1px;
    }

    .fbLike {
        float: right !important;
        padding-left: 2px;
    }

    /************************************************************************/
    /* SHARED MEDIA STYLES */

    #mymedia_inserted {
        position: absolute;
        top: 100px; left: 50%;
        margin-left: -200px;
        width: 400px;
        padding: 20px 0;
        background: #000;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        z-index: 20000;
        text-align: center;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    #mymedia_toolbar { 
        position: absolute;
        bottom: 0; left: 0;    right: 0;
        height: 42px;
        line-height: 42px;
        padding: 0 5px;
        background: #2d2d2d url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px;
    }

    #mymedia_finish { position: absolute; right: 5px; top: 5px; }
    #mymedia_content { height: 339px; overflow: auto; }

    .media_results li.result {
        width: 20%;
        height: 120px;
        padding: 10px 0;
        float: left;
        text-align: center;
        cursor: pointer;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .media_results li:hover { 
            background: #252525;
        }
        .media_results li:active { 
            background: #252525;
        }
        
        .media_image {
            padding: 1px;
            background: #2d2d2d;
            border: 1px solid #0e0e0e;
            margin-bottom: 5px;
            -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
            -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
            box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        }

    /********************************************************/
    /* Template Error                                        */    

    .templateError {
        background: #ffffff !important;
        color: #000000 !important;
        padding: 10px !important;
        border: 1px dotted black !important;
        margin: 0px !important;
    }

    /********************************************************/
    /* ModCP styles                                            */

    .modcp_post_controls { padding-bottom: 15px; }
    .modcp_post_controls .ipsButton_secondary { opacity: 0.5; }
    .post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }

    #modcp_content .ipsFilterbar li.active a {
        margin-bottom: 1px;
        display: inline-block;
    }

    /********************************************************/
    /* Advertisements from Nexus                            */

    .nexusad { padding: 10px; clear: both; }

    #bbcode-description {
        color: #666 !important;
        white-space: normal !important;
        word-wrap: break-word;
    }

    /********************************************************/
    /* iPad Specific                                    */
    @media only screen and (device-width: 768px) {
        table.ipb_table .expander,
        table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }
        .post_block .post_controls { opacity: 1 !important;    }
    }

    /* Additional */

    #stats_div{
        height: 0px;
        overflow: hidden;
    }

    .skin_link{    float: left; padding-top: 4px; /* padding-left: 31px; */ }
    .skin_link, .skin_link a{ color: #666 !important; }
    .skin_link a:hover{ text-decoration: underline; }

    .negMargin{ margin: -9px; }
    .negMarginTop{ margin-top: -9px; }
    .negMarginRight{ margin-right: -9px; }
    .negMarginBottom{ margin-bottom: -9px; }
    .negMarginLeft{ margin-left: -9px; }
    .input_submit, .ipsButton_secondary{ outline: none; }
    #rss_feed{ margin-top: -1px; }
    #index_stats .status_submit .input_submit{ font-size: 11px; }
    div[id$="member_popup"] .general_box{ margin: 0; border: 0; }
    #ipsNav_content a{ display: block; padding: 5px 10px; }
    #ipsNav_content li{ padding: 0; }
    .ipsList_withminiphoto.ipsPad_half{ padding: 0 !important; } /* Fix downloads sidebar padding */
    .ipsList_withminiphoto > li,
    .ipsHeaderMenu h4{ overflow: hidden; }
    .status_list li{ margin-top: 10px; } /* Fix status updates on idx */
    .fullList{ margin: -9px; } /* Must be the same as ipsPad */
    #usercp_content .ipsType_subtitle{ margin-bottom: 10px; padding-bottom: 6px; padding-top: 3px; }
    #modCpanel .ipsType_subtitle{ padding-top: 4px; padding-bottom: 5px; }
    .col_f_icon span { margin-bottom: 6px; margin-top: 2px; } 
    .idx_album_thumb img{ width: 32px; height: 32px; }
    .idx_album_thumb img, .inlineimage img, #appGallLatestHook img{ 
        /*-webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
        -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
        box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;*/
    }
    .inlineimage img:hover, #appGallLatestHook img:hover{ opacity: 0.9; }
    .topic_desc{ display: inline-block; padding-top: 3px; }

    .ipbfs_login h4{
        padding: 10px;
        font-weight: bold;
        font-size: 14px;
        background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
        border-bottom: 1px solid #393939;
    }

    .ipbfs_login .ipsForm_submit{ margin-top: 0; }
    .ipbfs_login .ipsBox_notice{ margin: 0; }
    .ipbfs_login_col{ float: left; width: 279px; padding: 15px 10px; }
    .ipbfs_login_col a:hover{ text-decoration: underline; }
    .ipbfs_login_row{ overflow: hidden; }
    .ipbfs_login_row label{ font-size: 1.15em; }
    .ipbfs_login .input_submit{ font-size: 13px; }

    .ipbfs_login_input {
        padding: 6px 0px 6px 28px;
        font-size: 14px;
        margin-top: 10px;
        width: 250px;
    }

    .ipbfs_luser{ background-image: url("{style_images_url}/user.png"); background-repeat: no-repeat; background-position: 7px 50%; }
    .ipbfs_lpassword{ background-image: url("{style_images_url}/key.png"); background-repeat: no-repeat; background-position: 7px 50%; }

    .ipbfs_titlebox .desc{ padding: 3px 0; }

    .ipbfs_titlebox{
        background: #202020;
        border: 1px solid #242424;
        border-top: 1px solid #303030;
        text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 10px;
        overflow: hidden;
    }

    .content_border{
        border: 1px solid #282828;
    }

    .guestMessage{
        background: #404040 url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px;
        border: 1px solid #565656;
        color: #dddddd;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 140%;
        margin-bottom: 10px;
        padding: 10px;
        text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
    }

    .guestMessage a{
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid #bcbcbc;
    }

    .forum_name{ 
        font-weight: bold;
    }

    .forum_desc_pos{
        position: relative;
    }

    .forum_desc_con{
        width: 350px;
        display: none;
        left: 10px;
        float: left;
        position: absolute;
        top: -4px;
        padding-left: 10px;
        background: url("{style_images_url}/forum_desc_arrow.png") no-repeat 6px 9px;
        z-index: 10000;
    }

    .forum_description{
        color: #fff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #2e2e2e;
        font-size: 11px;
        padding: 5px;
        display: block;
        float: left;
    }

    .topicViewIcons{
        overflow: hidden;
        position: relative;
        padding-bottom: 1px;
        margin: -3px 10px -5px 0;
    }

    .topicViewIcons img{
        vertical-align: top;
        margin-top: 4px;
        width: 16px;
        height: 16px;
        background: url("{style_images_url}/topicViewIcon.png") no-repeat;
    }

    .topicViewIcons #topicViewRegular img{ background-position: 0 -16px; }
    .topicViewIcons #topicViewRegular.active img{ background-position: 0 -16px; }
    .topicViewIcons #topicViewBasic img{ background-position: -16px -16px; }
    .topicViewIcons #topicViewBasic.active img{ background-position: -16px -16px; }

    .topicViewIcons a{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: left;
        width: 22px;
        height: 22px;
        text-decoration: none;
        text-align: center;
        outline: none;
        margin-right: 5px;
        opacity: 0.6;
    }

    .topicViewIcons a:hover{
        background: url("{style_images_url}/trans10.png") repeat;
        background: rgba(0,0,0,0.1);
        opacity: 1;
    }

    .topicViewIcons a.active{
        background: url("{style_images_url}/trans50.png") repeat;
        background: rgba(0,0,0,0.5);
        -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px;
        -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px;
        box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px;
        opacity: 1;
    }

    .basicTopicView .post_body{ margin-left: 0 !important; border: 0 !important; }
    .basicTopicView .post_body ul.post_controls{ margin: 0 -12px -12px -12px; }
    .basicTopicView .author_info, .basicTopicView .signature{ display: none; }
    .basicTopicView .post_username{ min-width: 0px; padding-right: 10px; margin-right: 10px; border-right: 1px solid rgba(255,255,255,0.1); }

    .forum_stats{
        font-size: 11px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding-top: 4px;
        color: #888;
        text-transform: capitalize;
    }

    .forum_stats span{
        color: #aaa;
    }

    /* Horiztonal View */

    .horizontalView .post_block{ position: static; }

    .horizontalView .author_info{
        border-top: 1px solid #2d2d2d;
        border-bottom: 1px solid #2d2d2d;
        background: #202020;
        background-image: -moz-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.03)), color-stop(100%,rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
        background-image: -o-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
        background-image: -ms-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
        background-image: linear-gradient(to bottom, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
        -webkit-box-shadow: rgba(0,0,0,0.08) 0px 2px 5px;
        -moz-box-shadow: rgba(0,0,0,0.08) 0px 2px 5px;
        box-shadow: rgba(0,0,0,0.08) 0px 2px 5px;
        text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
        float: none;
        width: auto;
        text-align: left;
        position: relative;
    }

    .horizontalView .post_body{ margin-left: 0; border: 0; }
    .horizontalView .post_body ul.post_controls{ margin: 0 -12px -12px -12px; }

    .postInfoBottom{
        padding-top: 10px;
        font-size: 11px;
        opacity: 0;
        padding-bottom: 10px;
    }

    .horizontalView .post_body:hover .postInfoBottom{ opacity: 1; }

    .postInfoBottom input.post_mod { margin: 2px 0 0 0; }
    .postInfoBottom span.post_id { margin: 0; }

    .postInfoBottom,
    .postInfoBottom a{
        color: #999;
    }

    .horizontalView .postDate{ margin-right: 15px; }

    .horizontalAvatar{
        margin-right: 10px;
    }

    .horizontalUserInfo{
        overflow: hidden;
    }

    .horizontalUsername{
        font-size: 24px;
        font-weight: bold;
        padding: 6px 0 3px 0;
        font-family: "Trebuchet MS";
    }

    .horizontalUsername a{ color: #eee; }
    .horizontalUsername a:hover{ color: #fff; }

    .horizontalInfoList{
        float: left;
        width: 175px;
        color: #ccc;
        font-size: 11px;
    }

    .horizontalInfoList li{ padding: 2px 0; }
    .horizontalView .custom_fields{ margin-top: 0; }
    .horizontalView .author_info .group_icon{ margin: 0; }

    /* Custom forum icons */

    .fadedForumIcon{
        -webkit-filter: grayscale(1);
        filter: grayscale(100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        opacity: 0.3;
    }

    .ipbforumskins{}

    /* Animate skin by www.ipbforumskins.com */

    </hide>

    Адм,извиняюсь. Думал хайд сработает ( Сори

  3. Всем привет!

    Нужна помощь с хуками.На разрешениях менее 1024х768 всё съезжает.Вопрос: Как зафиксировать хуки, что бы на разных разрешениях экрана они оставались на своем месте?

     

    Спойлер

    <div class="rtpBlock left ">
        <h3>Последние темы:</h3>
        <div class="ipsBox_container ipsPad">
            <foreach loop="$topics as $r">
                <div class="rtpRow">
                    <img src='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/{parse expression="PUBLIC_DIRECTORY"}/shared_images/bfi_last_post{$this->settings['ddk33_bif_color_theme']}{$r['image']}.png' width='17' height='23' alt='' align='middle' />
                    <a href="{parse url="showtopic={$r['tid']}" base="public" template="showtopic" seotitle="{$r['title_seo']}"}" rel='bookmark'><u>{$r['topic_title']}</u></a> от <if test="$r['members_display_name']">{parse template="userHoverCard" group="global" params="$r"}<else />{$this->settings['guest_name_pre']}{$r['starter_name']}{$this->settings['guest_name_suf']}</if>
                    <span class="desc lighter blend_links"><a href="{parse url="showtopic={$r['tid']}" base="public" template="showtopic" seotitle="{$r['title_seo']}"}" rel='bookmark'>→ {parse date="$r['start_date']" format="short"}</a></span> 
                </div>
            </foreach>
        </div>
    </div>

     

    Спойлер

    <if test="hasRecentPosts:|:is_array($recentPosts) && count($recentPosts)">
    <div style='margin-bottom: 15px; ' class="rtpBlock right" > 
        <h3>Последние сообщения:</h3>
        <div class="ipsBox_container ipsPad">
            <foreach loop="posts:$recentPosts as $post">
                <div class="rtpRow">
                <img src='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/{parse expression="PUBLIC_DIRECTORY"}/shared_images/bfi_last_post{$this->settings['ddk33_bif_color_theme']}{$r['image']}.png' width='17' height='23' alt='' align='middle' />
                    &nbsp;<a href='{parse url="showtopic={$post['tid']}&amp;view=getnewpost" base="public" seotitle="{$post['title_seo']}" template="showtopicunread"}'><u>{$post['title']}</u></a>
                    ({$post['posts']}) от {IPSMember::makeProfileLink($post['last_poster_name'], $post['starter_id'], $post['seo_first_name'])}
                    &nbsp;<span class="desc lighter blend_links"><a href='{parse url="showtopic={$post['tid']}&amp;view=getnewpost" base="public" seotitle="{$post['title_seo']}" template="showtopicunread"}'>→ {$post['last_post']}</a></span> 
                </div>
            </foreach>
        </div>
    </div>
    </if>

     

×
×
  • Создать...