Проблема с отображением шапки

shishwagen

Користувач

ID: 1287

Реєстрація: 22.02.16

День народження:

Статус: Офлайн

Опубліковано 20 квітня, 20169 р

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

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

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

Код IPB_styles.css:

Скрытый текст

/************************************************************************/
/* 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 */

Увійти

Проблема с отображением шапки

Рекомендовані відповіді

Акаунт

Навігація

Пошук

Налаштування push-сповіщень браузера

Chrome (Android)

Chrome (Комп'ютер)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Комп'ютер)

Firefox (Android)

Firefox (ПК)