Edycja stylu - oddzielenie postu od podpisu

[kazanek]

Witam, zakupiliśmy styl, wszystko dobrze, ale taki mały szczegół padł w oczy, że post nie jest oddzielony żadną kreską od podpisu, widocznie taki był zamysł autora, no i ok. Teraz takie pytanie, czy da się dopisać w jakimś pliku kod by to zrobić? Ewentualnie w którym i jaki miałby być to kod, bo jestem w tym zielony. Dzięki za wszelką pomoc. 

 

Na screenie widać post i podpis (niebieski tekst to podpis ;p)

Styl: cambridge 3.4.6

 

 

Edytowane 7 Marca 2014 przez kazanek

[Amfidiusz]

[kazanek]

A mianowicie co, gdzie miałbym dopisać bo nie jestem, aż tak szprytny jak myślisz.  I nad znaczę, że chodzi mi o całe forum, by wszyscy użytkownicy mieli już ustawione, nie tylko ja.

[Amfidiusz]

ipb_styles.css - zmieniasz klasę .signature według wskazówek z ramki powyżej oraz według własnego upodobania.

[kazanek]

Chcesz lub nie, ale na prawdę mam gówniane pojęcie o tym i nic ani nic mi nie pomogłeś tą ramką, wiem że dla Ciebie to 4 sekundy, tak jak inne kategorie dla mnie, coś automatycznie robię, mogę Ci obroty w samochodzie wyregulować bez patrzenia, ale to mnie przerasta, jeśli możesz to łap ipb_styles.css i zmień lub dopisz.

 

 

/************************************************************************/
/* IP.Board 3 CSS - By Sherri Jones AKA: Evanescence - (c)2012 IBSkin */
/************************************************************************/
/* ipb_styles.css */
/************************************************************************/


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

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
background: #888;
color: #222;
}

body {
font: normal 13px Arial, Verdana, Tahoma, sans-serif;
position: relative;
}

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

a:hover { color: #c55d00; }

/************************************************************************/
/* Layout */
/************************************************************************/

#border_left{
background-image: url({style_images_url}/border-left.png);
background-repeat: repeat-y;
background-position: left top;
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
}

#border_right{
background-image: url({style_images_url}/border-right.png);
background-repeat: repeat-y;
background-position: right top;
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
}

#forum_wrapper1{
background: transparent;
margin-top: 0px !important;
margin-left: 0px !important; /* Border Left Width */
margin-right: 0px !important; /* Border Right Width */
margin-bottom: 0px !important;
min-height: 700px !important;
}

#forum_wrapper2{
background: transparent;
margin: 0px !important;
padding: 0px !important;
}

#forum_wrapper3 {
padding: 0px 20px 0px 20px !important;
}

#content, .main_width {
margin: 0 auto;
width: 95% !important;
min-width: 960px;
}

#ipbwrapper {
padding: 0px !important;
margin: 0px !important;
}

#header_bar, #primary_nav { min-width: 980px; }
/*#header_bar .main_width, #branding .main_width, #primary_nav .main_width { padding: 0 10px; }*/

#branding {
background: url({style_images_url}/branding_bg.png);
min-height: 98px;
width: 100% !important;
}

#logo {
display: inline;
margin-left: 0px !important;
}

.logomid {
background: url({style_images_url}/logo_mid.png) repeat-x bottom;
display: inline;
float:left;
width:100%;
height: 220px;
margin: 0px;
padding: 0px;
border-bottom: 0px;
margin-bottom: 0px !important;
}

.logoleft {
background: url({style_images_url}/logo_left.png) no-repeat left bottom;
display: block;
float: left;
margin: 0px;
padding: 0px;
height: 220px;
width: 100%;
margin-bottom: 0px !important;
}

.logoright {
background: url({style_images_url}/logo_right.png) no-repeat right bottom;
display: inline;
float: right;
padding: 0px;
text-decoration: none;
height: 220x;
margin: 0px;
width: 100%;
margin-bottom: 0px !important;
}

.logotext {
text-align: center;
width: 100%;
vertical-align: middle;
}

#content {
border-top: 0px !important;
padding: 0px;
line-height: 120%;
}

.nopad {
padding: 0px !important;
width: 0px !important;
}


/* 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; }
.ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
.ipsList_withminiphoto > li .list_content { margin-left: 40px; }
.ipsList_withtinyphoto > li .list_content { margin-left: 30px; }
.list_content { word-wrap: break-word; }

.ipsList_data li { margin-bottom: 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.3 Helvetica, Arial, sans-serif;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}
.ipsType_subtitle { font-size: 18px; }
.ipsType_sectiontitle {
font-size: 16px;
font-weight: normal;
color: #222;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
padding: 5px 0;
}

.ipsType_pagedesc {
color: #333;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
line-height: 1.5;
word-wrap: break-word;
}

.ipsType_pagedesc a { text-decoration: underline; }

.ipsType_textblock {
line-height: 1.5;
color: #333;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

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

.ipsReset { margin: 0px !important; padding: 0px !important; }

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


.row1, .post_block.row1 {
background: #e2e2e2;
}

.row2, .post_block.row2 {
background: #eee;
}

.row3 {
background: #ddd;
}

.unread .altrow, .unread.altrow {
}

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

.ipsBox {
background: #eee;
border: 0px solid #000;
}

.ipsBox_notice, .ipsBox_highlight {
background: #eee;
border-bottom: 1px solid #aaa;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,3.0);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,3.0);
box-shadow: 0 1px 0 rgba(255,255,255,3.0);
}

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

.ipsBadge_green {
background: #037C00;
color: #FFF !important;
}

.ipsBadge_purple { background: #af286d; }

.ipsBadge_grey {
background: #444;
color: #FFF !important;
}

.ipsBadge_lightgrey {
background: #5c5c5c;
color: #FFF !important;
}

.ipsBadge_orange {
background: #e66c00;
color: #FFF !important;
}

.ipsBadge_red {
background: #A50000;
color: #FFF !important;
}


.bar {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
color: #fff !important;
padding: 8px 10px;
}

.bar.altbar {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
color: #fff !important;
}

.header {
background: url({style_images_url}/header_bg.png ) !important;
color: #333 !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

body .ipb_table .header a,
body .topic_options a {
color: #004869;
}


.post_block {
background: #eee;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.post_body .post {
color: #555;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}

.post_body .post a {
color: #c55d00 !important;
text-decoration: none !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.6) !important;
}

.post_body .post a:hover {
color: #004869 !important;
text-decoration: none !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1) !important;
}

.bbc_url, .bbc_email {
color: #004869;
text-decoration: none;
}

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


.no_messages {
background: #d7d7d7;
background: -moz-linear-gradient(top, #ebebeb 0%, #d7d7d7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d7d7d7));
background: linear-gradient(top, #ebebeb 0%, #d7d7d7 100%);
color: #444;
padding: 15px 10px;
}

/* Tab bars */
.tab_bar {
background: #00615e;
color: #000;
}

.tab_bar li.active {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
color: #fff !important;
}

.tab_bar.no_title.mini {
border-bottom: 8px solid #003735;
}

/* Forms */

.input_submit {
background: url({style_images_url}/topic_button.png ) repeat-x top left;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
border: 1px solid rgba(0,0,0,1);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
font: bold 12px Trebuchet MS, Arial, tahoma, verdana, sans-serif;
cursor: pointer;
}

.input_submit:hover {
color: rgba(255,255,255,0.7);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

.input_submit.alt {
background: url({style_images_url}/topic_button_alt.png) repeat-x top left;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,0.5);
border-top: 1px solid rgba(0,0,0,0.8);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,1);
font: bold 12px Trebuchet MS, Arial, tahoma, verdana, sans-serif;
}

.input_submit.alt:hover {
color: rgba(255,255,255,0.7);
text-shadow: 0px 1px 1px rgba(0,0,0,1);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

.input_submit.delete {
background: #900000;
background: -moz-linear-gradient(top, #a00000 0%, #700000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a00000), color-stop(100%,#700000));
background: linear-gradient(top, #a00000 0%,#700000 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 3px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 3px rgba(0,0,0,0.3);
border: 1px solid #800000;
border-bottom: 1px solid #600000;
color: #fff;
}

.input_submit.delete:hover {
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 0px rgba(255,255,255,1.0);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 0px rgba(255,255,255,1.0);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 0px rgba(255,255,255,1.0);
color: #fff;
}

body#ipboard_body fieldset.submit,
body#ipboard_body p.submit {
background: #ddd;
background: -moz-linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0);
border: 1px solid #aaa;
}

/* Moderated styles */
.moderated, body .moderated td, .moderated td.altrow, .post_block.moderated,
body td.moderated, body td.moderated {
background-color: #f8f1f3;
}

.post_block.moderated { border-color: #e9d2d7; }
.moderated .row2 { background-color: #f0e0e3; }
.moderated, .moderated a { color: #6f3642; }

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

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

#header_bar {
background: #333;
padding: 0px;
text-align: right;
}

#admin_bar { font-size: 11px; line-height: 36px; }
#admin_bar li.active a { color: #ed7e00; }
#admin_bar a { color: #bbb; }
#admin_bar a:hover { color: #fff; }

#user_navigation { color: #bbb; font-size: 11px; }
#user_navigation a { color: #bbb; }
#user_navigation a:hover { color: #fff; }
#user_navigation .ipsList_inline li { margin: 0;} /* remove spacing from default ipsList_inline */

#user_navigation.not_logged_in {
height: 26px; padding: 6px 0 4px;
}

#user_link {
font-size: 12px;
color: #ed7e00;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}

#user_link_dd,
.dropdownIndicator {
display: inline-block;
width: 9px; height: 5px;
background: url({style_images_url}/header_dropdown.png ) no-repeat left;
}

#notify_link:hover,
#inbox_link:hover {
background-color: #555;
}

#user_link:hover {
background: url({style_images_url}/user_nav_menu_hover.png ) no-repeat top left;
}

#user_link_menucontent #links li {
width: 50%;
float: left;
margin: 3px 0;
white-space: nowrap;
}

#user_link.menu_active {
background: url({style_images_url}/user_nav_menu_hover.png ) no-repeat top left;
color: #fff;
}

#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_link.menu_active, #notify_link.menu_active, #inbox_link.menu_active {
background-position: bottom;
background-color: #eee;
-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;
}

#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 12px 24px 9px 12px;
position: relative;
}

#notify_link { background: url({style_images_url}/icon_notify.png ) no-repeat top; }
#inbox_link { background: url({style_images_url}/icon_inbox.png ) no-repeat top; }


#user_navigation #register_link {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
color: #fff !important;
border: 1px solid #000;
border-bottom: 1px solid #000;
display: inline-block;
padding: 3px 8px;
}

#primary_nav {
background: url({style_images_url}/primarynav_bg.png);
font-size: 12px;
padding: 0px;
margin: 0px auto 0px auto;
float: none;
position: relative;
text-align: center;
width: 100%;
}

#primary_nav li { margin: 0px 10px 0 0; position: relative; }


#primary_nav a {
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
background: transparent;
display: block;
padding: 9px 7px 9px 7px;
font-weight: bold;
}

#primary_nav a:hover {
background: url({style_images_url}/primarynav_hover_bg.png) repeat-x top;
color: #000;
text-shadow: 0px 1px 0px rgba(255,169,60,0.7);
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
}

#primary_nav a.menu_active {
background: url({style_images_url}/primarynav_hover_bg.png) repeat-x top;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
color: #FFF;
text-shadow: 0px 1px 0px rgba(255,169,60,0.7);
}

#primary_nav .active a {
background: url({style_images_url}/primarynav_hover_bg.png) repeat-x top;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
color: #000;
text-shadow: 0px 1px 0px rgba(255,169,60,0.7);
font-weight: bold !important;
padding: 9px 7px 9px 7px;
}

#quickNavLaunch span {
background: url({style_images_url}/icon_quicknav.png ) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}

#quickNavLaunch:hover span {
background: url({style_images_url}/icon_quicknav.png ) no-repeat bottom;
}

#primary_nav #quickNavLaunch { padding: 10px 8px 8px; }

#more_apps_menucontent, .submenu_container {
text-align: left;
background: #eee;
font-size: 12px;
border: 0;
min-width: 140px;
}
#more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; float: none !important; min-width: 150px; }
#more_apps_menucontent a, .submenu_container a {
display: block;
padding: 8px 10px;
color: #555;
}

#more_apps_menucontent li:hover, .submenu_container li:hover {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
}

#more_apps_menucontent li:hover a, .submenu_container li:hover a { color: #FFF; text-shadow: none; }

#community_app_menu .submenu_container,
#more_apps_menucontent.submenu_container {
width: 260px;
}

#community_app_menu .submenu_container li,
#more_apps_menucontent.submenu_container li {
width: 260px;
}

.breadcrumb {
background: #ccc;
background: -moz-linear-gradient(top, #e7e7e7 0%, #bbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#bbb));
background: linear-gradient(top, #e7e7e7 0%,#bbb 100%);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(0,0,0,0.5);
width: 99%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 6px 10px 5px 10px;
color: #333;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
font-size: 11px;
}
.breadcrumb a {
color: #333;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
}
.breadcrumb a:hover {
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}

.breadcrumb_image {

}

.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: 99% }

.ipsHeaderMenu {
background: #ddd;
background: -moz-linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0);
padding: 10px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
overflow: hidden;
width: 340px;
}

.ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }

#user_notifications_link_menucontent.ipsHeaderMenu,
#user_inbox_link_menucontent.ipsHeaderMenu {
width: 300px;
}

/************************************************************************/
/* SEARCH */

#search { margin: 4px 0px 4px 20px; }
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
outline: 0;
color: #fff !important;
text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

#main_search.inactive {
color: #fff !important;
text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

#search_wrap {
position: relative;
background: #555;
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
display: block;
padding-top: 0px;
padding-right: 26px;
padding-bottom: 0px;
padding-left: 10px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
min-width: 250px !important;
color: #fff !important;
text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

#adv_search {
width: 16px;
height: 16px;
background: url({style_images_url}/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}


#search .submit_input {
background: url({style_images_url}/search_icon.png);
text-indent: -3000em;
padding: 0; border: 0;
border-left: 1px solid #000;
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;
}

#search_options {
background: url({style_images_url}/search_options.png);
border: 1px solid rgba(0,0,0,0.6);
font-size: 10px;
font-weight: bold;
height: 16px;
line-height: 17px;
margin: 3px -2px 3px -2px;
padding: 0px 6px 1px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
float: right;
color: rgba(255,255,255,0.7);
text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
position: relative;
}

#search_options_menucontent { background: #555; border: 1px solid #000; min-width: 100px; white-space: nowrap; }
#search_options_menucontent input { margin-right: 10px; }
#search_options_menucontent li { text-align: left; border-bottom: 0; }
#search_options_menucontent label { cursor: pointer; }

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

#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
;
position: absolute;
display: inline-block;
background: #004869;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.5;
outline: 0;
}

#backtotop:hover {
background: #004869;
color: #fff;
opacity: 1;
}

#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}

#footer_utilities .ipsList_inline > li > a {
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-decoration: none;
margin-right: 0px;
padding: 4px 10px;
}

#footer_utilities .ipsList_inline > li > a:hover {
color: #004869 !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
text-decoration: none;
}

#footer_utilities a.menu_active {
background: #b8b8b8;
margin-top: -5px;
padding: 3px 9px 4px !important;
z-index: 20000;
position: relative;
display: inline-block;
border: 1px solid #888;
}

#footer_utilities a.menu_active:hover {
background: #656565 !important;
}

#copyright {
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-align: right;
}

#copyright a{
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-decoration: none;
}

#copyright a:hover{
color: #004869 !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
text-decoration: none;
}

.ibskin_copy{
font-size: 10px;
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-align: center;
margin: 0px 0px 10px 0px;
padding: 0px;
}

.ibskin_copy a{
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-decoration: none;
}

.ibskin_copy a:hover{
color: #004869 !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
text-decoration: none;
}

#ipsDebug_footer {
width: 900px;
margin: 8px auto 0px auto;
text-align: center;
color: #000;
font-size: 11px;
}
#ipsDebug_footer strong { margin-left: 20px; }
#ipsDebug_footer a { color: #000; }

#rss_menu {
background-color: #fef3d7;
border: 1px solid #ed7710;
}

#rss_menu li { border-bottom: 1px solid #fce19b; }
#rss_menu a {
color: #ed7710;
padding: 5px 8px;
}

#rss_menu a:hover {
background-color: #ed7710;
color: #fff;
}

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

.ipsUserPhoto {
padding: 1px;
border: 1px solid #888;
background: #FFF;
-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);
}

.ipsUserPhotoLink:hover .ipsUserPhoto {
border-color: #000;
}

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


.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_container {
background: #eee;
}

.ipsBox_container2 {
background: transparent;
padding: 0px !important;
}

.ipsBox_container3 {
background: #eee;
padding: 0px !important;
border: 1px solid #000 !important;
}

.ipsBox_container4 {
background: #ddd;
padding: 0px !important;
border: 1px solid #000 !important;
}

.ipsBox_container4 {
background: #e3e3e3;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ddd));
background: linear-gradient(top, #f2f2f2 0%, #ddd 100%);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,5.0), 0px 0px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,5.0), 0px 0px 3px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,5.0), 0px 0px 3px rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.3);
}

.ipsBox_container5 {
background: #eee;
background: -moz-linear-gradient(top, #ccc 0%, #fafafa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#fafafa));
background: linear-gradient(top, #ccc 0%, #fafafa 100%);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0), 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0), 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0), 0px 2px 3px rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.9);
padding: 10px;
}

.ipsBox_container6 {
background: #ddee98;
background: -moz-linear-gradient(top, #ddee98 0%, #cbd69a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddee98), color-stop(100%,#cbd69a));
background: linear-gradient(top, #ddee98 0%,#cbd69a 100%);
border: 1px solid #8a9a48;
padding: 10px;
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 0px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 0px 2px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 0px 2px rgba(0,0,0,0.2);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.ipsBox_container10 {
background: #f5f5f5 !important;
background: -moz-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d7d7d7)) !important;
background: linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%) !important;
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,3.0) !important;
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,3.0) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,3.0) !important;
border: 1px solid #aaa;
}

.ipsBox_container.moderated {
background: #f8f1f3;
border: 1px solid #d6b0bb;
}

.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;
border-bottom: 1px solid #f2f2f2;
}

.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 {
display: inline-block;
height: 17px;
line-height: 17px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
}

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


#nav_app_ipchat .ipsBadge { position: absolute; }

#ajax_loading {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2), 0px 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2), 0px 2px 5px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2), 0px 2px 5px rgba(0,0,0,0.3);
border: 1px solid #000;
border-bottom: 1px solid #000;
border-top: 0px !important;
-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;
color: #fff;
text-align: center;
padding: 5px 0 8px;
width: 8%;
top: 0px;
left: 46%;
z-index: 10000;
position: fixed;
}

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

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

.progress_bar {
background-color: #5c5c5c;
border: 1px solid #000;
}

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

.progress_bar.limit span {
background: #b82929 url({style_images_url}/progressbar_warning.png) repeat-x center;
}

.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 {
border: 1px solid #000;
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 */
.center { text-align: center; margin-left: auto; margin-right: auto; }
.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;}
.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;
}

.maintitle {
background: url({style_images_url}/maintitle.png) bottom left;
color: #fff;
padding: 8px 10px 8px 15px;
height: 33px;
line-height: 33px;
font-size: 16px;
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;
border: 1px solid #000;
border-bottom: 0px !important;
}

.maintitle a { color: #fff; }
.maintitle a:hover { color: #bbb; }

.collapsed .maintitle {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.maintitle .toggle {
visibility: hidden;
background: url({style_images_url}/cat_minimize.png) no-repeat;
text-indent: -3000em;
width: 30px;
height: 25px;
display: block;
outline: 0;
}
.maintitle:hover .toggle { visibility: visible; }

.collapsed .toggle {
background-image: url({style_images_url}/cat_maximize.png);
}

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


.desc, .desc.blend_links a, p.posted_info {
font-size: 12px;
color: #6a6a6a;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}

.desc2, .desc2.blend_links a {
font-size: 12px;
color: #222;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}


.desc.lighter, .desc.lighter.blend_links a {
color: #6a6a6a;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}

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

/* 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 {
background: url({style_images_url}/catrow_right.png) repeat-y top right;
padding-top: 10px !important;
width: 250px;
}

.col_f_icon {
padding: 10px 0 0 0 !important;
width: 40px !important;
text-align: center;
vertical-align: top;
}

.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_f_content h4 a {
color: #004869;
font-weight: bold;
text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
}

.col_f_content h4 a:hover {
color: #c55d00;
font-weight: bold;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

.col_c_icon { padding: 10px 5px 10px 5px !important; width: 60px !important; vertical-align: middle; text-align: center; }

.col_c_icon2{
background: url({style_images_url}/catrow_left.png) repeat-y top left;
padding: 10px 5px 10px 10px !important;
width: 60px !important;
vertical-align: middle;
}

.col_c_icon_3 {
background: url({style_images_url}/catsub_left.png) no-repeat left bottom;
width: 60px;
height: 31px;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.col_c_stats_3 {
background: url({style_images_url}/header_bg.png ) !important;
width: 15% !important;
text-align: right !important;
}

.col_c_forum_3 {
background: url({style_images_url}/header_bg.png ) !important;
}

.col_c_post_3 {
background: url({style_images_url}/catsub_right.png) no-repeat right bottom;
width: 30%;
height: 31px;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.col_c_post .ipsUserPhoto { 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 { background: #eee; width: 15%; text-align: right; }
.col_c_forum { background: #eee; width: auto; }
.col_mod, .col_r_mod { width: 3%; }
.col_r_title { width: 26%; }

.col_c_forum:hover {
background: rgba(255,255,255,0.7);
cursor: arrow !important;
-moz-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.4) !important;
-webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.4) !important;
box-shadow: inset 0px 0px 1px rgba(0,0,0,0.4) !important;
}

/*.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;
border-collapse: collapse;
}

table.ipb_table td {
padding: 10px;
}

table.ipb_table tr.unread h4 {}
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; }

table.ipb_table h4,
table.ipb_table .topic_title {
font-size: 14px;
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 { border-bottom: 1px solid #aaa; }

.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: 2px 0 3px 5px;
padding-left: 20px;
background: url({style_images_url}/subforum_stem.png ) no-repeat left 4px;
}
table.ipb_table .subforums li.unread {}

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 top; }
table.ipb_table .expander.open { background: url({style_images_url}/icon_expand_close.png ) no-repeat bottom; }
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);
border: 1px solid #D6E4F0;
}

.preview_col {
margin-left: 80px;
}

.preview_info {
border-bottom: 1px solid #888;
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; ; 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; ; }
.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; ; }
.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; ; }
.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; ; }
.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; ; }
.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: 15px;
}

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

.ipsForm_horizontal .ipsField_title {
float: left;
width: 185px;
padding-right: 15px;
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 {
background: #bbb;
background: -moz-linear-gradient(top, #ccc 0%, #999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#999));
padding: 5px 10px;
text-align: right;
border-top: 1px solid #888;
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;
border-top: 1px solid #888;
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 14px Helvetica, Arial, sans-serif;
color: #999;
width: 165px;
padding-left: 10px;
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 3px 0px 3px;
height: 13px;
line-height: 13px;
background: #86c500;
background: -moz-linear-gradient(top, #96dc00 0%, #77ae00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96dc00), color-stop(100%,#77ae00));
background: linear-gradient(top, #96dc00 0%,#77ae00 100%);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.8);
color: rgba(0,0,0,0.9) !important;
font-size: 10px;
text-align: center;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 1px;
left: 1px;
}

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

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

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

.ipsSideMenu ul {
border-top: 1px solid #000;
margin-bottom: 20px;
}

.ipsSideMenu ul li {
font-size: 11px;
border-bottom: 1px solid #000;
}

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


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

/***************************************************************************/
/* WIZARDS */
.ipsSteps {
background: #ddd;
background: -moz-linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3));
background: linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%);
border: 1px solid #aaa;
overflow: hidden;
}
.ipsSteps ul li {
float: left;
padding: 11px 33px 11px 18px;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
background-image: url({style_images_url}/wizard_step_large.png );
background-repeat: no-repeat;
background-position: bottom right;
position: relative;
max-height: 53px;
}

.ipsSteps .ipsSteps_active {
background-position: top right;
color: #000;
}

.ipsSteps .ipsSteps_done {
color: #999;
text-shadow: 0px 0px 0px rgba(0,0,0,0.0) !important;
}

.ipsSteps_desc { font-size: 11px; }
.ipsSteps_arrow { display: none; }

.ipsSteps_title {
display: block;
font-size: 14px;
}

.ipsSteps_active .ipsSteps_arrow {
display: block;
position: absolute;
left: -23px;
top: 0;
width: 23px;
height: 54px;
background: url({style_images_url}/wizard_step_extra.png ) no-repeat;
}

.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 #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 49px !important; }


.ipsVerticalTabbed_tabs li {
background: #eee;
background: linear-gradient(top, #eee 0%,#ccc 100%);
background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc));
-moz-box-shadow: inset 0 1px 0 0 #fff !important;
-webkit-box-shadow: inset 0 1px 0 0 #fff !important;
box-shadow: inset 0 1px 0 0 #fff !important;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
border-bottom: 1px solid #000;
border-right: 1px solid #000;
font-size: 13px;
}


.ipsVerticalTabbed_tabs li a {
display: block;
padding: 10px 8px;
outline: 0;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}


.ipsVerticalTabbed_tabs li a:hover {
background: #ef8309;
background: -moz-linear-gradient(top, #ff9610 0%, #da6c00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9610), color-stop(100%,#da6c00));
background: linear-gradient(top, #ff9610 0%,#da6c00 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4);
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-decoration: none !important;
}

.ipsVerticalTabbed_tabs li.active a {
position: relative;
z-index: 8000;
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
color: #fff !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
font-weight: bold !important;
}



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

.ipsLikeBar { margin: 10px 0; font-size: 11px; }

.ipsLikeBar_info {
line-height: 19px;
background: #fff;
padding: 0 10px;
display: inline-block;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #888;
}

.ipsLikeButton {
line-height: 17px;
padding: 0 6px 0 24px;
font-size: 11px;
display: inline-block;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff !important;
}
.ipsLikeButton:hover { color: #fff !important; }

.ipsLikeButton.ipsLikeButton_enabled {
background: #000 url({style_images_url}/like_button.png ) no-repeat top left;
border: 1px solid #000;
}

.ipsLikeButton.ipsLikeButton_disabled {
background: #acacac url({style_images_url}/like_button.png ) no-repeat bottom left;
border: 1px solid #888;
}

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

.ipsTag {
display: inline-block;
background: url({style_images_url}/tag_bg.png );
height: 21px;
line-height: 22px;
padding: 1px 7px 0 15px;
margin: 5px 5px 0 0;
font-size: 11px;
color: #FFF;
font-weight: bold;
text-shadow: 0px 1px 0px rgba(0,0,0,1);
-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;
border-right: 1px solid rgba(0,0,0,0.7);
}

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

.ipsTagBox_wrapper {
min-height: 18px;
width: 350px;
line-height: 1.3;
display: inline-block;
}

.ipsTagBox_hiddeninput { background: transparent; color: #333 !important; }
.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: #dbf3ff;
border-color: #a8e3ff;
color: #136db5;
}

.ipsTagBox_tag {
padding: 2px 1px 2px 4px;
background: #fafafa;
border: 1px solid #999;
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: #bdbdbd;
}

.ipsTagBox_tag.selected {
background: #e2e2e2 !important;
border-color: #c0c0c0 !important;
color: #424242 !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: #4f87bb; }
.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; }

.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 #c76995;
-moz-box-shadow: 0px 5px 10px #c76995;
box-shadow: 0px 5px 10px #c76995;
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: rgba(255,255,255,0.7);
opacity: 0.5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.ipsFilterbar.bar.altbar li a { color: rgba(255,255,255,0.7); text-shadow: none; opacity: .8; }

.ipsFilterbar:hover li a { opacity: 0.8; }

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

.ipsFilterbar li a:hover {
color: #FFF;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
opacity: 1;
}

.ipsFilterbar li.active { opacity: 1; }


.ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
opacity: 1;
color: #FFF;
padding: 4px 10px;
font-weight: bold;
}

/************************************************************************/
/* 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: 3px 0px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 0px 7px rgba(0,0,0,0.2);
box-shadow: 3px 0px 7px rgba(0,0,0,0.2);
float: none;
}

.ipsPostForm .ipsLayout_right {
width: 250px;
margin-right: -251px;
border-left: 0;
z-index: 800;
}

.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; }
.ipsComment_wrap .ipsLikeBar { margin: 0; }
.ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }

.ipsComment {
border-bottom: 1px solid #e9e9e9;
margin-bottom: 5px;
padding: 10px 0;
}

.ipsComment_author, .ipsComment_reply_user {
width: 200px;
text-align: center;
padding: 0 2px;
float: left;
line-height: 1.3;
}

.ipsComment_author .ipsUserPhoto { margin-bottom: 5px; }

.ipsComment_comment {
margin-left: 190px;
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;
background: #fff;
padding: 10px;
z-index: 15000;
border: 4px solid #464646;
-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;
}

.input_text, .ipsTagBox_wrapper {
background: #ddd;
border-top: 1px solid #888;
border-left: 1px solid #888;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 4px;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

input.inactive, select.inactive, textarea.inactive { color: #000; }

.input_text.error {
background-color: #f3dddd;
}
.input_text.accept {
background-color: #f1f6ec;
}

.input_submit {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px 3px 10px;
cursor: pointer;
}

.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: #ccc;
background: -moz-linear-gradient(top, #e7e7e7 0%, #bbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#bbb));
background: linear-gradient(top, #e7e7e7 0%,#bbb 100%);
border: 1px solid #999;
padding: 10px;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
line-height: 1.20;
font-size: 12px;
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.ipsType_pagedesc.forum_rules.message {
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #dfdfdf 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#dfdfdf)); /* webkit */
padding: 10px;
border: 1px solid #555 !important;
color: #000;
line-height: 1.6;
font-size: 12px;
-moz-box-shadow: inset 0 1px 0 , #FFF, 0px 0px 3px #555 !important;
-webkit-box-shadow: inset 0 1px 0, #FFF, 0px 0px 3px #555 !important;
box-shadow: inset 0 1px 0 0 #FFF, 0px 0px 3px #555 !important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.message h3 {
padding: 0;
color: #323232;
}

.message.error {
background-color: #f3e3e6;
border-color: #e599aa;
color: #80001c;
}

.message.error.usercp {
background-image: none;
padding: 4px;
float: right;
}

.message.unspecific {
background: #ccc;
background: -moz-linear-gradient(top, #e7e7e7 0%, #bbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#bbb));
background: linear-gradient(top, #e7e7e7 0%,#bbb 100%);
border: 1px solid #999;
padding: 10px;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
line-height: 1.20;
font-size: 12px;
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.3);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0 0 10px 0;
clear: both;
}

.message a {
color: #004869;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
text-decoration: none !important;
}

.message a:hover {
color: #c55d00;
text-decoration: none !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
}

/************************************************************************/
/* MENU & POPUP STYLES */

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

.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; } /* save room for a checkmark */
.ipbmenu_content a .icon { margin-right: 10px; }

.ipbmenu_content a {
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-decoration: none;
text-align: left;
display: block;
padding: 6px 10px;
}

.ipbmenu_content a:hover {
background: #aaa;
text-decoration: none;
}

.ipbmenu_content.with_checks li.selected a {
background-image: url({style_images_url}/icon_check.png );
background-repeat: no-repeat;
background-position: 7px 10px;
}

/* Menu popups */
.ipbmenu_content, .ipb_autocomplete {
background-color: #e2e2e2;
border: 1px solid #888;
-webkit-box-shadow: 0px 6px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 6px 6px rgba(0,0,0,0.3);
box-shadow: 0px 6px 6px rgba(0,0,0,0.3);
}

.ipbmenu_content li, .ipb_autocomplete li {
border-bottom: 1px solid #888;
}

.ipb_autocomplete li.active {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2);
color: #fff !important;
}

.popupWrapper {
background-color: #464646;
background-color: rgba(70,70,70,0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.popupInner {
background: #ddd;
border: 1px solid #888;
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;
border: 3px solid #b3bbc3;
color: #eee;
border: 3px solid #555;
}

.popupInner.warning_mode {
border: 3px solid #7D1B1B;
}

.popupInner h3 {
background: url({style_images_url}/maintitle.png) bottom left;
color: #fff;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
}

.popupInner h3 a { color: #fff; text-decoration: none; }
.popupInner h3 a:hover { color: #bbb; text-decoration: none; }

.popupInner.black_mode h3 {
background-color: #545C66;
color: #ddd;
}

.popupInner.warning_mode h3 {
background-color: #7D1B1B;
padding-top: 6px;
padding-bottom: 6px;
color: #fff;
}

.popupInner.warning_mode input.input_submit {
background-color: #7D1B1B;
}

.popupClose {
position: absolute;
right: 16px;
top: 12px;
}

.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;
/* #32468: hacky workaround to ensure these buttons work when translated;
#42174: Updated again... */
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;
}

.userpopup dl {
border-bottom: 1px solid #888;
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: url({style_images_url}/topic_button.png ) repeat-x top left;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
border: 1px solid rgba(0,0,0,1);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
font: bold 13px Trebuchet MS, Arial, tahoma, verdana, sans-serif;
line-height: 30px;
height: 30px;
padding: 0 10px;
text-align: center;
min-width: 125px;
display: inline-block;
cursor: pointer;
}

.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
background: #900000;
background: -moz-linear-gradient(top, #a00000 0%, #700000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a00000), color-stop(100%,#700000));
background: linear-gradient(top, #a00000 0%,#700000 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 3px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 3px rgba(0,0,0,0.3);
border: 1px solid #800000;
border-bottom: 1px solid #600000;
color: #fff;
}

.topic_buttons li.important a:hover, .topic_buttons li.important span:hover, .ipsButton .important:hover, .ipsButton.important:hover {
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 0px rgba(255,255,255,1.0);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 0px rgba(255,255,255,1.0);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.2),0px 1px 0px rgba(255,255,255,1.0);
color: #fff;
}

.topic_buttons li a:hover, .ipsButton:hover {
color: #fff;
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.topic_buttons li.non_button a {
background: transparent !important;
background-color: transparent !important;
border: 0px !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
min-width: 0px;
color: #333;
text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
font-weight: bold;
}

.topic_buttons li.non_button a:hover {
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}


.topic_buttons li.disabled a, .topic_buttons li.disabled span {
background: #555;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
border: 0;
color: #ccc;
}

.topic_buttons li span { cursor: default !important; }


.ipsButton_secondary {
background: url({style_images_url}/topic_button.png ) repeat-x top left;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
border: 1px solid rgba(0,0,0,1);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
font: bold 12px Trebuchet MS, Arial, tahoma, verdana, sans-serif;
height: 22px;
line-height: 22px;
padding: 0px 10px;
display: inline-block;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}

.ipsButton_secondary a {
color: #fff;
}

.ipsButton_secondary:hover {
color: #bbb;
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.ipsButton_secondary.important {
background: url({style_images_url}/topic_button_closed.png ) repeat-x top;
border: 1px solid #000;
color: #fff;
-moz-box-shadow: inset 0 1px 0 0 #930000, 0px 2px 3px #000;
-webkit-box-shadow: inset 0 1px 0 0 #930000, 0px 2px 3px #000;
box-shadow: inset 0 1px 0 0 #930000, 0px 2px 3px #000;
}

.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.important a { color: #fff ; }
.ipsButton_secondary.important a:hover {
color: #ddd !important;
border-color: #000;
}

/* 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 {
padding: 0px 10px;
line-height: 22px !important;
height: 22px !important;
font-size: 11px;
margin-left: 5px;
color: #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.ftoggle .ipsButton_extra {
padding: 0px 10px 0px 10px !important;
}

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

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

ul.post_controls {
padding: 6px;
margin: 0px;
clear: both;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

ul.post_controls li {
font-size: 12px;
float: right;
}

ul.post_controls a {
height: 22px;
line-height: 22px;
padding: 0 12px;
color: #000;
text-decoration: none;
margin-left: 4px;
display: block;
}

ul.post_controls a:hover { color: #004869; }

ul.post_controls a.ipsButton_secondary {
height: 20px;
line-height: 20px;
}

ul.post_controls a.ipsButton_secondary.important:hover {
color: #fff !important;
}

ul.post_controls li.multiquote.selected a {
background: #ddee98;
background: -moz-linear-gradient(top, #ddee98 0%, #cbd69a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddee98), color-stop(100%,#cbd69a));
background: linear-gradient(top, #ddee98 0%,#cbd69a 100%);
border: 1px solid #8a9a48;
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,0.6) inset, 0px 1px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,0.6) inset, 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 0 0 rgba(255,255,255,0.6) inset, 0px 1px 0px rgba(0,0,0,0.3);
}

.post_block .post_controls li a {
opacity: 0.2;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}

.post_block .post_controls li a.ipsButton_secondary {
opacity: 1;
}
.post_block:hover .post_controls li a { opacity: 1; }

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

.postween {
background: url({style_images_url}/postween.png);
padding: 0px;
height: 9px;
border: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

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

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


.pagination .back a,
.pagination .forward a {
background: #004869;
display: inline-block;
padding: 0px 6px;
height: 20px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
font-size: 11px;
font-weight: bold;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}


.pagination .back a:hover,
.pagination .forward a:hover {
background: #222;
color: #FFF;
}

.pagination .disabled a {
opacity: 0.4;
display: none;
}

.pagination .pages {
font-size: 11px;
font-weight: bold;
}

.pagination .pages a, .pagejump {
background: #444;
display: inline-block;
padding: 1px 4px;
color: #FFF;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.pagination .pages .pagejump { padding: 0px; }

.pagination .pages a:hover {
background: #222;
color: #FFF;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.pagination .pages li { margin: 0 1px; }


.pagination .pages li.active {
background: #004869;
color: #fff;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}

.pagination.no_pages span {
color: #aaa;
display: inline-block;
line-height: 20px;
height: 20px;
}

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

ul.mini_pagination li a {
background: #fff;
border: 1px solid #004869;
padding: 1px 3px;
}

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

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

.moderation_bar {
text-align: right;
padding: 8px 10px;
/*background: #f7f7f7;*/
}

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

.author_info {
width: 240px;
float: left;
font-size: 12px;
text-align: center;
padding: 15px 10px;
margin-right: 20px !important;
}

.author_info .group_title {
color: #5a5a5a;
margin-top: 5px;
}

.author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
.author_info .group_icon { margin-bottom: 3px; }

.custom_fields {
color: #818181;
margin-top: 8px;
}

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

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


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

.user_controls li a {
display: inline-block;
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,0.8), 0px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,0.8), 0px 1px 3px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,0.8), 0px 1px 3px rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.9);
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}

.user_controls li a:hover {
display: inline-block;
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2),0px 1px 0px rgba(255,255,255,1.0);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2),0px 1px 0px rgba(255,255,255,1.0);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,2),0px 1px 0px rgba(255,255,255,1.0);
}

/************************************************************************/
/* 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: -13px;
z-index: 8000;
background: #333333;
padding: 3px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
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 {
background: #eee;
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,5.0), 0 1px 3px rgba(0,0,0,0.7);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,5.0), 0 1px 3px rgba(0,0,0,0.7);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,5.0), 0 1px 3px rgba(0,0,0,0.7);
border: 1px solid #000;
padding: 10px;
margin-bottom: 10px;
}

.ipsSideBlock h3 {
background: url({style_images_url}/sidebar.png) repeat-x bottom left;
border-bottom: 1px solid #000;
font: bold 13px helvetica, arial, sans-serif;
color: #fff;
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
padding: 7px 10px;
margin: -10px -10px 10px;
}

.ipsSideBlock h3 .mod_links { opacity: 0.0; }
.ipsSideBlock h3:hover .mod_links { opacity: 1; }

.ipsSideBlock2 {
background: #eee;
border: 1px solid #000;
padding: 10px;
margin-bottom: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ipsSideBlock2 h3 {
background: url({style_images_url}/sidebar2.png) repeat-x bottom left;
border-bottom: 1px solid #000;
font: bold 13px helvetica, arial, sans-serif;
color: #fff;
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
padding: 7px 10px;
margin: -10px -10px 10px;
}

.ipsSideBlock2 h3 .mod_links { opacity: 0.0; }
.ipsSideBlock2 h3:hover .mod_links { opacity: 1; }


.general_box {
background: #eee;
margin-bottom: 10px;
border: 1px solid #000;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
box-shadow: 0 1px 3px rgba(0,0,0,0.7);
}

.general_box a {
color: #004869 !important;
text-decoration: none !important;
text-shadow: 0px 1px 0px rgba(255,255,255,1.0) !important;
}

.general_box a:hover {
color: #c55d00 !important;
text-decoration: none !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2) !important;
}


.general_box h3 {
background: url({style_images_url}/generalbox_bg.png) repeat-x bottom left;
font: normal 13px helvetica, arial, sans-serif;
padding: 7px 10px;
color: #fff;
border-bottom: 1px solid #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}

.general_box h3 a {
color: #fff;
text-decoration: none !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2) !important;
}

.general_box h3 a:hover {
color: #bbb;
text-decoration: none !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
}

.general_box .none {
color: #000;
}


.status_list .status_list { margin: 10px 0 0 50px; }
.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: 11px; }
#board_stats .value {
display: inline-block;
color: #004869;
padding: 2px 3px;
font-weight: bold;
margin-right: 1px;
}

#board_stats li a,
#board_stats .value a {
color: #004869 !important;
text-decoration: none;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

#board_stats li a:hover,
#board_stats .value a:hover {
color: #004869;
text-decoration: underline;
text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
}

.statistics {
background: #d7d7d7;
background: -moz-linear-gradient(top, #ebebeb 0%, #d7d7d7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d7d7d7));
background: linear-gradient(top, #ebebeb 0%, #d7d7d7 100%);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.7), 0px 0px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.7), 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.7), 0px 0px 3px rgba(0,0,0,0.2);
margin: 20px 0 0 0;
padding: 10px;
border: 1px solid rgba(0,0,0,0.3);
line-height: 1.3;
overflow: hidden;
}

.statistics_head {
font-size: 14px;
font-weight: bold;
}

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

.friend_list ul li span.name,
#top_posters li span.name {
font-size: 0.8em;
}

#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;
}
#more_topics a { display: block; padding: 10px 0;}

/* Result of the 'load more topics' link */
.dynamic_update { border-top: 2px solid #af9984; }

.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 */
/* Post share pop-up */
#postShareUrl { width: 95%; font-size: 18px; color: #999; }
#postShareStrip { height: 35px; margin: 10px 0px 0px 30px; }

body .ip { color: #777; }
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: #999;
font-size: 0.9em;
padding: 10px 0 0 120px;
margin: 6px 0 4px;
position: relative;
line-height: 90%;
}

.signature a {
color: #004869 !important;
text-decoration: none !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.1) !important;
}

.signature a:hover {
color: #c55d00 !important;
text-decoration: none !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.6) !important;
}

.post_block {
position: relative;
}

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

.post_block.solved {
background-color: #eaf8e2;
}

.post_block.feature_box {
background-color: #eaf8e2;
border:1px dotted #333;
padding: 6px;
min-height: 60px;
word-wrap: break-word;
}

.post_block.feature_box .ipsType_sectiontitle {
border-color: #ddd;
font-size: 12px;
}

.post_block h3 {
background: url({style_images_url}/postop.png ) repeat-x top left;
padding: 0 10px;
height: 50px;
line-height: 50px;
font-weight: normal;
font-size: 16px;
}

.post_wrap {
background: url({style_images_url}/postbot.png) repeat-x bottom;
top: 0px;
}

.post_body {
margin: 0 10px 0 185px;
padding-top: 15px;
}

.post_body .post {
line-height: 1.6;
font-size: 14px;
padding-left: 120px !important;
word-wrap: break-word;
}

.post_block.no_sidebar .post_body { margin-left: 10px !important; }

.user_info_pane {
background: #d7c5b4;
border-top: 1px solid #856b56
border-left: 1px solid #856b56;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-moz-box-shadow: inset 1px 1px 1px 1px #a9927c;
-webkit-box-shadow: inset 1px 1px 1px 1px #a9927c;
box-shadow: inset 1px 1px 1px 1px #a9927c;
padding: 10px;
width: 150px;
}

.posted_info {
padding: 0 0 10px 0;
}

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

.post_ignore {
background: #fafbfc;
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 {
background: #064863;
background: -moz-linear-gradient(top, #10759f 0%, #06394f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10759f), color-stop(100%,#06394f));
background: linear-gradient(top, #10759f 0%,#06394f 100%);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,0.8), 0px 2px 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 0 0 rgba(16,117,159,0.8), 0px 2px 3px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 0 0 rgba(16,117,159,0.8), 0px 2px 3px rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.9);
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
float: right;
display: inline-block;
margin: 5px 10px 10px 10px;
padding: 5px 9px 5px 8px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}

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

.edit {
padding: 2px 0 0 24px;
background: url({style_images_url}/icon_warning.png ) no-repeat left 4px;
font-size: 12px;
margin-top: 15px;
line-height: 14px;
color: #777;
}

.poll fieldset {
padding: 9px;
}

.poll_question {
padding: 10px;
margin: 10px 10px 10px 20px;
}

.poll_question h4 {
background: transparent;
margin: 0 -7px;
padding: 5px;
}

.poll_question ol {
padding: 8px;
background-color: #eee;
}

.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 {
border-bottom: 1px solid #888;
padding-bottom: 6px;
margin: 0 15px 6px 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: #f3f3f3 !important;
background: -moz-linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3)) !important;
background: linear-gradient(top, #f9f9f9 0%, #d3d3d3 100%) !important;
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0), 0px 0px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0), 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,5.0), 0px 0px 3px rgba(0,0,0,0.2);
border: 1px solid #888;
padding: 6px 20px 6px 42px;
margin-bottom: 10px;
position: relative;
}

#attachments li p.info {
color: #aaa;
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: #e8caca;
border: 1px solid #ddafaf;
}

#attachments li.error .info {
color: #8f2d2d;
}

#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: 60px;
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 {
/*background: #eef3f8;
padding: 6px;*/
margin-top: 10px;
overflow: hidden;
}

#attach_wrap h4 {
font-size: 16px;
padding-left: 0px;
}

#attach_wrap ul { list-style-type: none; margin-left: 0px; }

#attach_wrap li {
margin: 5px 0;
vertical-align: bottom;
display: inline-block;
}
#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;
}

.reputation.positive, .members li.positive {
background: #61ac00;
background: -moz-linear-gradient(top, #74cd00 0%, #4f8c00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74cd00), color-stop(100%,#4f8c00));
background: linear-gradient(top, #74cd00 0%,#4f8c00 100%);
border: 1px solid #345c00;
color: #fff;
}

.reputation.negative, .members li.negative {
background: #c30000; /* Old browsers */
background: -moz-linear-gradient(top, #d90000 0%, #ae0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d90000), color-stop(100%,#ae0000)); /* Chrome,Safari4+ */
border: 1px solid #790000;
color: #fff;
}

.reputation.zero {
background: #aaa;
background: linear-gradient(top, #ccc 0%,#777 100%);
background: -moz-linear-gradient(top, #ccc 0%, #777 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#777));
border: 1px solid #585858;
color: #fff;
}

.status_main_content { word-wrap: 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;
}
.status_mini_photo {
float: left;
}


.status_textarea {
width: 99%;
}

.status_replies_many {
height: 300px;
overflow: auto;
}


.status_update {
background: #eee;
color: #000;
padding: 15px 12px;
}

.status_update .input_text { width: 70%; padding: 6px 4px; }
.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_feedback { margin: 10px 0 0 -10px; }
.status_feedback .row2 { margin-bottom: 1px; }

#about_me img {
max-width: 100%;
}
/* Favorites */
.ips_like {
background-color: #f1f4f7;
padding: 8px 4px 4px 4px;
color: #878787;
font-size: 1em;
min-height: 18px;
font-size: 0.9em;
line-height: 130%;
clear: both;
}
.ips_like a {
color: #878787;
}

.ips_like a.ftoggle {
float: right;
/*background: #eee url({style_images_url}/icons/thumb_up.png) no-repeat left 2px;*/
border:1px solid #888;
padding: 3px 4px 2px 4px;
color: #656565;
font-size:0.8em;
text-decoration: none;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
margin-top: -4px;
}

.ips_like a.ftoggle.on {
/*background: #eee url({style_images_url}/icons/fave_on_small.png) no-repeat left 2px;*/
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: #eee;
}

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

.boxShadow {
-moz-box-shadow: 0px 7px 15px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 7px 15px rgba(0,0,0,0.2);
box-shadow: 0px 7px 15px rgba(0,0,0,0.2);
}

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

#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;
max-height: 50px;
/*overflow: hidden;*/
}
/************************************************************************/
/* SHARED MEDIA STYLES */

#mymedia_inserted {
position: absolute;
top: 100px; left: 50%;
;
width: 400px;
padding: 20px 0;
background: black;
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: #DBE4EF;
background: -moz-linear-gradient(top, #DBE4EF 0%, #c7d4e4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBE4EF), color-stop(100%,#c7d4e4)); /* webkit */
-webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
border-top: 1px solid #DBE4EF;
}

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

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

.media_results li:hover {
background: #F9F9F9;
background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));
}
.media_results li:active {
background: #EDEDED;
background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9));
}

.media_image {
padding: 1px;
border: 1px solid #d5d5d5;
margin-bottom: 5px;
}

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

/* 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-collapse:collapse; 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; }
address{ display: inline; }

input, select {
font: normal 13px 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; }

/********************************************************/
/* END ipb_styles.css */
/********************************************************/

/************************************************************************/
/* IBSKIN STYLES START */
/************************************************************************/


.catheadmid {
background: url({style_images_url}/cathead_mid.png) repeat-x bottom left;
display: inline;
float:left;
width:100%;
height: 48px;
margin: 0px;
padding: 0px;
text-align: left;
border-bottom: 0px;
margin-bottom: 0px !important;
}

.catheadleft {
background: url({style_images_url}/cathead_left.png) no-repeat left bottom;
display: block;
float: left;
margin: 0px;
padding: 0px;
height: 48px;
width: 100%;
margin-bottom: 0px !important;
}

.catheadright {
background: url({style_images_url}/cathead_right.png) no-repeat right bottom;
display: inline;
float: right;
padding: 0px;
text-decoration: none;
color: #FFF;
height: 48px;
margin: 0px;
width: 100%;
margin-bottom: 0px !important;
}

.catheadtext {
margin: 0px;
padding: 14px 0px 0px 25px;
font-family: arial, tahoma, verdana;
color: #FFF !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
font-size: 16px;
text-align: left;
width: 100%;
vertical-align: middle;
}

.catheadtext a:link,
.catheadtext a:visited,
.catheadtextcollapse a:link,
.catheadtextcollapse a:visited{
color: #FFF !important;
text-decoration: none;

}

.catheadtext a:hover,
.catheadtext a:active,
.catheadtextcollapse a:hover,
.catheadtextcollapse a:active{
background: transparent;
color: #bbb !important;
text-decoration: none;
}

.collapsed .catheadtext {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.catheadtext .toggle {
background: url({style_images_url}/cat_minimize.png) no-repeat;
width: 25px; height: 25px;
display: block;
padding-right: 45px;
visibility: hidden !important;
}

.collapsed .toggle {
background-image: url({style_images_url}/cat_maximize.png);
visibility: visible !important;
}

.catfoot{
float:left;
height: 40px;
background: url({style_images_url}/catfoot_mid.png) repeat-x;
font-size: 9px;
width:100%;
}

.catfoot_left{
float:left;
background: url({style_images_url}/catfoot_left.png) no-repeat left top;
margin: 0px;
padding:0px;
width: 100%;
height: 40px;
}

.catfoot_right{
float:right;
background: url({style_images_url}/catfoot_right.png) no-repeat right top;
padding: 0px;
text-decoration:none;
text-align: center;
width: 100%;
height: 40px;
}

.catsubmid {
background: url({style_images_url}/catsub_mid.png) repeat-x bottom;
display: inline;
float:left;
width:100%;
height: 31px;
margin: 0px;
padding: 0px;
text-align: left;
border-bottom: 0px;
margin-bottom: 0px !important;
}

.catsubleft {
background: url({style_images_url}/catsub_left.png) no-repeat left bottom;
display: block;
float: left;
margin: 0px;
padding: 0px;
height: 31px;
width: 100%;
margin-bottom: 0px !important;
}

.catsubright {
background: url({style_images_url}/catsub_right.png) no-repeat right bottom;
display: inline;
float: right;
padding: 0px;
text-decoration: none;
height: 31px;
margin: 0px;
width: 100%;
margin-bottom: 0px !important;
}

.catsubtext {
margin: 0px;
padding: 8px 0px 0px 0px;
color: #333;
text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
font-size: 12px;
text-align: center;
font-weight: bold;
width: 100%;
vertical-align: middle;
}

.catsubtext a {
color: #333;
text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
text-decoration: none;
}

.catsubtext a:hover {
color: #000;
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
text-decoration: none;
}

.author_box {
background: url({style_images_url}/auth-box-mid.png) repeat-y top;
text-align: center;
font-size: 0.9em;
margin: 0px 15px 0px 10px;
width: 240px;
float: left;
color: #000;
clear: both;
}

.author_box_top {
background: url({style_images_url}/auth-box-top.png) no-repeat;
margin: 10px 15px 0px 10px;
width: 240px;
height: 20px;
padding: 0px;
float: left;
clear: both;
}

.author_box_bot {
background: url({style_images_url}/auth-box-bot.png) no-repeat;
margin: 0px;
width: 240px;
height: 20px;
padding: 0px;
float: left;
}

/************************************************************************/
/* IBSKIN STYLES END */
/************************************************************************/

/************************************************************************/
/* Category Header Toggle Start */
/************************************************************************/

.catheadtext .toggle {
background: url({style_images_url}/cat_minimize.png) no-repeat !important;
width: 50px;
height: 25px;
margin-right: 15px !important;
;
visibility: visible !important;
border: 0px !important;
}

.catheadtext:hover .toggle {
visibility: visible;
border: 0px !important;
}

.catheadtext h3.collapsed a.toggle,
.catheadtext.maintitle .collapsed .toggle,
.catheadtext.maintitle.collapsed.toggle,
.catheadtext .collapsed .toggle,
.catheadtext.collapsed.toggle,
.catheadtext .collapsed a.toggle,
.catheadtext.collapsed a.toggle {
background-image: url({style_images_url}/cat_maximize.png) no-repeat !important;
width: 50px;
height: 25px;
margin-right: 15px !important;
;
visibility: visible !important;
border: 0px !important;
}

/************************************************************************/
/* Category Header Toggle Stop */
/************************************************************************/

.catrow{
background: #eee;
}

.catrow_left{
background: #eee url({style_images_url}/catrow_left.png) repeat-y top left;
padding: 5px 5px 5px 15px !important;
width: 9% !important;
vertical-align: top;
}

.catrow_right {
background: #eee url({style_images_url}/catrow_right.png) repeat-y top right;
width: 91% !important;
}

.catrow1, .catrow1 td {
background: #eee url({style_images_url}/catrow_left.png) repeat-y top left;
}

.catrow3, .catrow3 td {
background: #eee url({style_images_url}/catrow_right.png) repeat-y top right !important;
}

.cat_last_post {
background: url({style_images_url}/catrow_right.png) repeat-y top right;
}

.primary_div {
width: 99% !important;
margin: 0px !important;
padding: 0px !important;
text-align: center !important;
}

.PrimaryNavMid {
display: inline;
float:left;
width: 100%;
height: 38px;
margin: 0px;
padding: 0px;
text-align: left;
border-bottom: 0px;
margin-bottom: 0px !important;
}

.PrimaryNavLeft {
display: block;
float: left;
margin: 0px;
padding: 0px;
height: 38px;
width: 100%;
margin-bottom: 0px !important;
}

.PrimaryNavRight {
display: inline;
float: right;
padding: 0px;
text-decoration: none;
height: 38px;
margin: 0px;
width: 100%;
margin-bottom: 0px !important;
}

.PrimaryNavText {
padding: 5px 0px 0px 25px;
width: 100%;
text-align: center;
vertical-align: middle;
}


/*************************************/
/* Board Index Category Links Start */
/*************************************/
.col_c_forum h4 a {
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
text-decoration: none;
font-weight: bold;
}

.col_c_forum h4 a:hover {
color: #004869 !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
text-decoration: none;
font-weight: bold;
}
/*************************************/
/* Board Index Category Links Stop */
/*************************************/


/************************************************************************/
/* IBSkin Menu Styles Start */
/************************************************************************/

.ibskinmenu{
background: transparent;
padding: 5px 10px 5px 10px;
font-size: 11px;
font-weight: bold;
color: #004869;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

.ibskinmenu a:link,
.ibskinmenu a:visited{
background: transparent;
border: 0px;
width: 100%;
color: #004869;
text-decoration: none !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
padding: 3px 5px 3px 5px;
}

.ibskinmenu a:hover,
.ibskinmenu a:active{
background: transparent;
width: 100%;
color: #c55d00;
text-decoration: none !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
padding: 3px 5px 3px 5px;
}

/************************************************************************/
/* IBSkin Menu Styles Stop */
/************************************************************************/

#postShareStrip .fb-like {
height: 20px;
overflow: hidden;
}

.group_bar {
background: #ddd;
background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc));
background: linear-gradient(top, #eee 0%,#ccc 100%);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.4), 0px 0px 3px rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(0,0,0,0.3);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 15px 4px 15px !important;
color: #000 !important;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
font-size: 11px;
display: inline-block;
margin: 20px 0px 0px 0px;
}

Edytowane 9 Marca 2014 przez DawPi
Dodano spoiler

[Amfidiusz]

Ctrl+F, porównanie dwóch kodów i zmiana jednego na drugi nie wydaje się zbyt skomplikowanym zadaniem Pozostaje próbowanie, zapisywanie i sprawdzanie efektów. Zepsuć nie możesz, bo kopię masz w poście wyżej.

Moja pomoc więc tu się kończy - dopóki nie natkniesz się na jakieś problemy po drodze

[kazanek]

Dzięki za próby nakierowania, które nie przyniosły efektu, starałem się, a na sam koniec przywróciłem oryginalny kod, co w efekcie dało porozjeżdżane kolumny, to trudno, zostanie tak jak jest