/*
 * Styling of Forum
 *
 * To compile, install Node and Less:
 * 		Node: http://nodejs.org/download/
 * 		Less: sudo npm install -g less
 *
 * Compile for development (shoudn't be necessary because this happens live/frontend)
 * 		lessc less/forum.less > css/tmp/forum.css
 *
 * Compile for production:
 * 		lessc less/forum.less > css/forum-min.css --yui-compress
 */
/* -- TOOLS - SHARED -- */
/* -- CSS RESET -- */
header,
section,
footer,
aside,
nav,
article,
figure {
  display: block;
  margin: 0px;
  padding: 0px;
}
html {
  color: #000;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
input:focus,
textarea:focus {
  outline: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
.hidden {
  display: none;
}
/* -- PLUGINS -- */
/*
Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
*/
.select2-container {
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -moz-box-sizing: border-box;
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  -webkit-box-sizing: border-box;
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaa;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 8px;
  color: #444;
  text-decoration: none;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 90%);
}
.select2-container .select2-choice span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 8px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: right top no-repeat;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop {
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 100%;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  width: 100%;
  margin-top: -1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.select2-drop.select2-drop-above {
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-container .select2-choice div {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
  background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  border-left: 1px solid #aaa;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.select2-container .select2-choice div b {
  background: no-repeat 0 1px;
  display: block;
  width: 100%;
  height: 100%;
}
.select2-search {
  display: inline-block;
  white-space: nowrap;
  z-index: 10000;
  min-height: 26px;
  width: 100%;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
}
.select2-search-hidden {
  display: block;
  position: absolute;
  left: -10000px;
}
.select2-search input {
  background: #fff no-repeat 100% -22px;
  background: no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  width: 100%;
  margin: 0;
  height: auto !important;
  min-height: 26px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('spinner.gif') no-repeat 100%;
  background: url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url('spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
  outline: none;
}
.select2-dropdown-open .select2-choice {
  border: 1px solid #aaa;
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  -o-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
}
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}
/* results */
.select2-results {
  margin: 4px 4px 4px 0;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
}
.select2-results ul.select2-result-sub {
  margin: 0 0 0 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}
/*
disabled look for already selected choices in the results dropdown
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
*/
.select2-results .select2-disabled {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('spinner.gif') no-repeat 100%;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice div {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
/* multiselect */
.select2-container-multi .select2-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
  outline: none;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.select2-container-multi .select2-choices .select2-search-field input {
  color: #666;
  background: transparent !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice span {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: right top no-repeat;
  outline: none;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  background-image: none;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  padding: 3px 5px 3px 5px;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-result-selectable .select2-match {
  text-decoration: underline;
}
.select2-result-unselectable .select2-match {
  text-decoration: none;
}
.select2-offscreen {
  position: absolute;
  left: -10000px;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
}
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
  background-color: #fff;
}
#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}
#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}
#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('../images/fancybox/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}
#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}
#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}
#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('../images/fancybox/blank.gif');
  z-index: 1102;
  display: none;
}
#fancybox-left {
  left: 0px;
}
#fancybox-right {
  right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}
#fancybox-left-ico {
  background-image: url('../images/fancybox/fancybox.png');
  background-position: -40px -30px;
}
#fancybox-right-ico {
  background-image: url('../images/fancybox/fancybox.png');
  background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}
#fancybox-left:hover span {
  left: 20px;
}
#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}
#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('../images/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('../images/fancybox/fancybox.png');
  background-position: -40px -162px;
}
#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('../images/fancybox/fancybox-y.png');
  background-position: -20px 0px;
}
#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('../images/fancybox/fancybox.png');
  background-position: -40px -182px;
}
#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('../images/fancybox/fancybox-x.png');
  background-position: 0px -20px;
}
#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('../images/fancybox/fancybox.png');
  background-position: -40px -142px;
}
#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('../images/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('../images/fancybox/fancybox.png');
  background-position: -40px -122px;
}
#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}
.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}
.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}
.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}
#fancybox-title-over {
  padding: 10px;
  background-image: url('../images/fancybox/fancy_title_over.png');
  display: block;
}
.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}
#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}
#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}
#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../images/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}
#fancybox-close {
  background: url("../images/control/bg_close.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  height: 20px;
  position: absolute;
  right: -6px;
  text-indent: -9999px;
  top: -6px;
  width: 20px;
  z-index: 9999;
}
#fancybox-outer {
  border: 1px solid #d6d6d6 !important;
}
/* -- MAIN SETUP - FORUM -- */
.usernameHolder .usernameIcon {
  margin-left: 6px;
  max-height: 18px;
  width: auto;
  display: inline;
  vertical-align: middle;
}
.rank_bold {
  font-weight: bold;
}
.rank_italic {
  font-style: italic;
}
.rank_underlined {
  text-decoration: underline;
}
body {
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 12px;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
h1 {
  font-size: 24px;
  font-weight: bold;
}
h2,
h2 a {
  font-size: 18px;
  color: #444444;
  font-weight: bold;
}
h3,
h3 a {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}
h4,
h4 a {
  font-size: 12px;
  color: #333333;
  font-weight: bold;
}
a {
  text-decoration: none;
  color: #444444;
}
a:hover {
  color: #00ace6;
}
a.username:hover {
  color: #00ace6;
}
p {
  font-size: 12px;
  color: #444444;
  line-height: 17px;
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
u {
  text-decoration: underline;
}
input.placeholder,
textarea.placeholder {
  font-style: italic;
  color: #a5a5a5 !important;
}
.editor input::-webkit-input-placeholder,
.editor textarea.content::-webkit-input-placeholder,
.bigSearchInput::-webkit-input-placeholder,
.searchInput::-webkit-input-placeholder {
  font-style: italic;
  color: #a5a5a5 !important;
}
.editor input:-moz-placeholder,
.editor textarea.content:-moz-placeholder,
.bigSearchInput:-moz-placeholder,
.searchInput:-moz-placeholder {
  font-style: italic;
  color: #a5a5a5 !important;
}
.editor input:-ms-input-placeholder,
.editor textarea.content:-ms-input-placeholder,
.bigSearchInput:-ms-input-placeholder,
.searchInput:-ms-input-placeholder {
  font-style: italic;
  color: #a5a5a5 !important;
}
body {
  position: relative;
}
.wrapper {
  width: 960px;
  height: 100%;
  margin: 0px auto;
  position: relative;
  *zoom: 1;
}
.wrapper:before,
.wrapper:after {
  display: table;
  content: "";
  line-height: 0;
}
.wrapper:after {
  clear: both;
}
.wrapper.contentFooter {
  margin-top: 20px;
  margin-bottom: 20px;
}
.container {
  position: relative;
  border: 1px solid #D2D2D2;
  margin: 0 0 12px;
}
#header,
#footer {
  height: 100px;
  width: 100%;
}
.contentTop #breadcrumbs {
  width: 73%;
  float: left;
}
.contentTop .search {
  width: 25%;
  float: right;
}
.contentLeft {
  float: left;
  width: 73%;
  position: relative;
}
/* -- GUI - SHARED -- */
/********************/
/****  BUTTONS  *****/
/********************/
.editorBTN {
  background: #f9f9f9;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: -moz-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: -ms-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: -o-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: linear-gradient(to bottom, #fefefe, #f1f1f1);
  background-repeat: repeat-x;
  border: 1px solid #C5C5C5;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  float: left;
  position: relative;
}
.editorBTN:hover,
.editorBTN.active {
  background: #e0e0e0;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#d6d6d6));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #d6d6d6);
  background-image: -moz-linear-gradient(top, #e6e6e6, #d6d6d6);
  background-image: -ms-linear-gradient(top, #e6e6e6, #d6d6d6);
  background-image: -o-linear-gradient(top, #e6e6e6, #d6d6d6);
  background-image: linear-gradient(to bottom, #e6e6e6, #d6d6d6);
  background-repeat: repeat-x;
  color: #444444;
}
.editorBTN div {
  background: url("../images/editor/Editor-sprite.png") no-repeat scroll 0 0 transparent;
  color: #999999;
  height: 26px;
  line-height: 26px;
  text-align: center;
  text-shadow: 0 1px 1px #FFFFFF;
  min-width: 30px;
}
.editorBTN div.addImage {
  background-position: -6px -1px;
}
.editorBTN div.addVideo {
  background-position: -6px -53px;
}
.editorBTN div.addSmiley {
  background-position: -6px -104px;
}
.editorBTN div.addBB {
  background-position: -8px -156px;
  max-width: 24px;
}
.editorBTN div.addBold {
  background-position: -6px -228px;
}
.editorBTN div.addItalic {
  background-position: -6px -249px;
}
.editorBTN div.addUnderline {
  background-position: -6px -270px;
}
.editorBTN div.addUl {
  background-position: -6px -292px;
}
.editorBTN div.addOl {
  background-position: -6px -317px;
}
.editorBTN div.addLink {
  background-position: -6px -342px;
}
.editorBTN div.addQuote {
  background-position: -6px -363px;
}
.editorBTN div.addCode {
  background-position: -6px -390px;
}
.editorBTN div.addPoll {
  background: none;
  width: 40px;
}
.editorBTN div.addH1 {
  background-position: -6px -418px;
  text-indent: 0;
}
.editorBTN div.addH2 {
  background-position: -6px -445px;
  text-indent: 0;
}
.editorBTN div.addH3 {
  background-position: -6px -470px;
  text-indent: 0;
}
.editorBTN div.addStrike {
  background-position: -6px -521px;
  text-indent: 0;
}
.editorBTN div.addSpoiler {
  background-position: -6px -496px;
  text-indent: 0;
}
.editorBTN div.addImage span,
.editorBTN div.addVideo span,
.editorBTN div.addBold span,
.editorBTN div.addItalic span,
.editorBTN div.addUnderline span,
.editorBTN div.addUl span,
.editorBTN div.addOl span,
.editorBTN div.addLink span,
.editorBTN div.addQuote span,
.editorBTN div.addCode span,
.editorBTN div.addPoll span,
.editorBTN div.addH1 span,
.editorBTN div.addH2 span,
.editorBTN div.addH3 span,
.editorBTN div.addStrike span,
.editorBTN div.addSpoiler span {
  display: block;
  padding: 0 0px 0 26px;
}
.BTN-GROUP {
  overflow: hidden;
}
.BTN-GROUP .BTN {
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-right-width: 0;
}
.BTN-GROUP .BTN.first {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.BTN-GROUP .BTN.last {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  border-right-width: 1px;
}
.BTN-GROUP .editorBTN {
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-right-width: 0;
}
.BTN-GROUP .editorBTN.first {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.BTN-GROUP .editorBTN.last {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  border-right-width: 1px;
}
.BTN-GROUP .editorBTN.single {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-right-width: 1px;
}
.CTA {
  color: #fff;
  border: 1px solid #008bb8;
  font-size: 14px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2ec1ec), color-stop(0.02, #00b3e8), color-stop(1, #00a2e2));
  background-image: -webkit-linear-gradient(top, #2ec1ec 0%, #00b3e8 2%, #00a2e2 100%);
  background-image: -moz-linear-gradient(top, #2ec1ec 0%, #00b3e8 2%, #00a2e2 100%);
  background-image: -ms-linear-gradient(top, #2ec1ec 0%, #00b3e8 2%, #00a2e2 100%);
  background-image: -o-linear-gradient(top, #2ec1ec 0%, #00b3e8 2%, #00a2e2 100%);
  background-image: linear-gradient(top, #2ec1ec 0%, #00b3e8 2%, #00a2e2 100%);
}
.CTA:hover {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2ec1ec), color-stop(0.02, #00bdec), color-stop(1, #0091db));
  background-image: -webkit-linear-gradient(top, #2ec1ec 0%, #00bdec 2%, #0091db 100%);
  background-image: -moz-linear-gradient(top, #2ec1ec 0%, #00bdec 2%, #0091db 100%);
  background-image: -ms-linear-gradient(top, #2ec1ec 0%, #00bdec 2%, #0091db 100%);
  background-image: -o-linear-gradient(top, #2ec1ec 0%, #00bdec 2%, #0091db 100%);
  background-image: linear-gradient(top, #2ec1ec 0%, #00bdec 2%, #0091db 100%);
}
.clientDeviceSwitcher {
  background: url("../images/mobile-icon.png") 0 0 no-repeat;
  padding-left: 20px;
  padding-top: 11px;
  height: 24px;
  line-height: 7px;
  display: inline-block;
}
/*************/
/** EDITOR ***/
/*************/
.editor_container h2 {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 10px;
  font-weight: bold;
  display: block;
}
.editor_container .editorHolder .editorAvatar {
  display: block;
  float: left;
  position: relative;
  width: 72px;
}
.editor_container .editorHolder .editor .editorContent {
  position: relative;
}
.editor_container .editorHolder .editor .editorContent .pagetext {
  background: #FFFFFF;
  min-height: 150px;
  padding: 6px;
}
.editor_container .editorHolder .editor .editorContent textarea {
  background: transparent;
  border: medium none;
  color: #444444;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
  max-width: 100%;
  min-height: 150px;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  width: 100%;
}
.editor_container .editorHolder .editor .editorFooter .BTN {
  float: right;
}
.editor_container .editorHolder .adds {
  background: none repeat scroll 0 0 #FFFFFF;
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
  display: none;
}
.editor_container .editorHolder .adds.edit {
  display: block;
}
.editor_container .editorHolder .adds .imageUploader {
  padding: 12px;
  display: none;
}
.editor_container .editorHolder .adds .progressHolder {
  padding: 24px 12px 0 12px;
  display: none;
}
.editor_container .editorHolder .adds .progressInfo {
  float: left;
  margin: 0 30px 0 0;
}
.editor_container .editorHolder .adds #progressbar {
  background-color: #ececec;
  background-image: -moz-linear-gradient(top, #e5e5e5, #f6f6f6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#f6f6f6));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #f6f6f6);
  background-image: -o-linear-gradient(top, #e5e5e5, #f6f6f6);
  background-image: linear-gradient(to bottom, #e5e5e5, #f6f6f6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#fff6f6f6', GradientType=0);
  border: 1px solid #D6D6D6;
  border-radius: 4px 4px 4px 4px;
  float: left;
  height: 14px;
  line-height: 14px;
  margin: -3px 0 20px;
  padding: 1px;
  position: relative;
  width: 220px;
}
.editor_container .editorHolder .adds #progressbar .ui-progressbar-value {
  background: url("../images/editor/Progressbar.gif") no-repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 4px 4px 4px 4px;
  float: left;
  height: 14px;
  margin: 0;
  width: 45%;
}
.editor_container .editorHolder .adds #progressbar .percent {
  float: right;
  margin: 0 6px 0 0;
}
.editor_container .editorHolder .adds #form_add_image .fileInputholder {
  background: none;
  position: relative;
  width: auto;
  float: left;
  height: 32px;
  overflow: hidden;
}
.editor_container .editorHolder .adds #form_add_image .fileInputholder #image {
  cursor: pointer;
  font-size: 1000px;
  height: 400px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1000px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.editor_container .editorHolder .adds #form_add_image .fileInputholder .fakeInput {
  background: #FFF;
  float: left;
  height: 28px;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 0 1px 1px;
  min-width: 164px;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.editor_container .editorHolder .adds #form_add_image .fileInputholder .fakeBTN {
  cursor: pointer;
  float: left;
  color: #ffffff;
  background: #00a9e5;
  border-color: #009fd3;
  border-style: solid;
  border-width: 1px;
  border-radius: 0 4px 4px 0;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  background-image: -webkit-linear-gradient(top, #00aee6 0%, #00a9e5 100%);
  background-image: -moz-linear-gradient(top, #00aee6 0%, #00a9e5 100%);
  background-image: -ms-linear-gradient(top, #00aee6 0%, #00a9e5 100%);
  background-image: -o-linear-gradient(top, #00aee6 0%, #00a9e5 100%);
  background-image: linear-gradient(top, #00aee6 0%, #00a9e5 100%);
  padding: 0 6px;
}
.editor_container .editorHolder .adds #form_add_image .fileInputholder:hover .fakeBTN {
  border-color: #009fd3 #009fd3 #007da6 #009fd3;
  background: #0091da;
  background-image: -webkit-linear-gradient(top, #1ccbf0 0%, #0091da 100%);
  background-image: -moz-linear-gradient(top, #1ccbf0 0%, #0091da 100%);
  background-image: -ms-linear-gradient(top, #1ccbf0 0%, #0091da 100%);
  background-image: -o-linear-gradient(top, #1ccbf0 0%, #0091da 100%);
  background-image: linear-gradient(top, #1ccbf0 0%, #0091da 100%);
}
.editor_container .editorHolder .videoErrormessage.loadingError,
.editor_container .editorHolder .videoErrormessage.urlError {
  margin: 10px;
  display: none;
}
.editor_container .editorHolder .editorAdds {
  background: none repeat scroll 0 0 #F6F6F6;
  border: 1px solid #c5c5c5;
  margin: 0 0 12px;
  min-height: 38px;
  width: 100%;
}
.editor_container .editorHolder .editorAdds .addLeft {
  float: left;
}
.editor_container .editorHolder .editorAdds .addLeft .editorBTN,
.editor_container .editorHolder .editorAdds .addLeft .BTN-GROUP {
  margin-left: 6px;
}
.editor_container .editorHolder .editorAdds .addLeft .editorBTN .editorBTN,
.editor_container .editorHolder .editorAdds .addLeft .BTN-GROUP .editorBTN {
  margin-left: 0;
}
.editor_container .editorHolder .editorAdds .addRight {
  float: right;
}
.editor_container .editorHolder .editorAdds .addRight .editorBTN,
.editor_container .editorHolder .editorAdds .addRight .BTN-GROUP {
  margin-right: 6px;
}
.editor_container .editorHolder .editorAdds .addRight .editorBTN .editorBTN,
.editor_container .editorHolder .editorAdds .addRight .BTN-GROUP .editorBTN {
  margin-right: 0;
}
.editor_container .editorHolder .editorAdds .addLeft .editorBTN,
.editor_container .editorHolder .editorAdds .addRight .editorBTN {
  margin-top: 5px;
  margin-bottom: 6px;
}
.editor_container .editorHolder .editorAdds .BTN-GROUP {
  float: left;
}
.editor_container .editorHolder .smileyPopup {
  color: red;
  display: none;
  height: auto;
  right: -50%;
  margin-right: -10px;
  position: absolute;
  top: -114px;
  z-index: 30;
}
.editor_container .editorHolder .smileyPopup .popupInfo {
  background: none repeat scroll 0 0 white;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px #ECECEC;
  -moz-box-shadow: 0 1px 1px #ECECEC;
  box-shadow: 0 1px 1px #ECECEC;
  height: 100px;
  width: 95px;
  z-index: 30;
}
.editor_container .editorHolder .smileyPopup .popupInfo ul {
  *zoom: 1;
}
.editor_container .editorHolder .smileyPopup .popupInfo ul:before,
.editor_container .editorHolder .smileyPopup .popupInfo ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.editor_container .editorHolder .smileyPopup .popupInfo ul:after {
  clear: both;
}
.editor_container .editorHolder .smileyPopup .popupInfo ul li {
  float: left;
  padding: 3px;
  width: auto;
  list-style: none;
}
.editor_container .editorHolder .smileyPopup .popupInfo ul li a {
  display: block;
}
.editor_container .editorHolder .smileyPopup .popupInfo:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -11px;
  width: 2px;
  height: 0px;
  border-top: 10px solid #c5c5c5;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.editor_container .editorHolder .smileyPopup .popupInfo:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -9px;
  width: 2px;
  height: 0px;
  border-top: 10px solid #fff;
  border-bottom: 8px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.editor_container .editorHolder .smileyPopup .popupArrow {
  display: none;
}
.editor_container .poll .pollTitle {
  border: solid 1px #c5c5c5;
  border-radius: 4px;
  display: block;
  margin: 0px 0px 12px 0px;
  padding: 3px 10px;
  width: 504px;
}
.editor_container .poll ul.pollItems li {
  border: solid 1px #c5c5c5;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  margin: 0px 0px 6px 0px;
  padding: 0px 10px;
  width: 504px;
}
.editor_container .poll ul.pollItems li input {
  border: none;
  border-color: transparent;
  float: left;
  margin: 0px;
  padding: 3px 0px;
  width: 98%;
}
.editor_container .poll ul.pollItems li .deleteItem {
  color: #A5A5A5;
  cursor: pointer;
  display: block;
  font-weight: bold;
  float: left;
}
.editor_container .poll .deletePoll {
  padding: 8px 12px;
  margin: 6px 0px;
}
.editor_container .poll input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.avatarHolder {
  border: 1px solid #c5c5c5;
  float: left;
  padding: 1px;
  position: relative;
}
.avatarHolder .ForumUserImageLabel {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
}
.avatarHolder img {
  display: block;
}
.forumUserAvatar90,
img.avatar90 {
  width: 86px;
  height: 86px;
}
.forumUserAvatar60,
img.avatar60 {
  height: 56px;
  width: 56px;
}
.avatarHolder48,
img.avatar48 {
  width: 44px;
  height: 44px;
}
.avatarHolder36,
img.avatar36 {
  width: 33px;
  height: 33px;
}
.forumUserAvatar24,
img.avatar24 {
  width: 22px;
  height: 22px;
}
.mediaHolder {
  width: 140px;
  position: relative;
  float: left;
  margin: 12px;
}
.mediaHolder .close {
  display: block;
  background: url("../images/editor/bg_close.png") no-repeat;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  position: absolute;
  top: -6px;
  right: -6px;
  cursor: pointer;
  z-index: 99;
}
.mediaHolder .imageHolder {
  display: block;
  overflow: hidden;
  height: 100px;
  width: 140px;
}
.mediaHolder .image,
.mediaHolder .attachment_gallery_image,
.mediaHolder .attachment_gallery_video {
  display: table-cell;
  vertical-align: middle;
  width: 140px;
  height: 100px;
  position: relative;
  background: #f6f6f6;
  text-align: center;
}
.mediaHolder .image .loader {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin: 0px 0px;
}
.mediaHolder .image span {
  display: block;
}
.mediaHolder .image .reflection {
  position: absolute;
  z-index: 1;
  background: url("../images/editor/thumbReflection.png") no-repeat;
  width: 140px;
  height: 100px;
}
.mediaHolder .image .hover {
  position: absolute;
  z-index: 1;
  background: url("../images/editor/thumbHover.png") no-repeat;
  width: 140px;
  height: 100px;
}
.mediaHolder .image .play {
  position: absolute;
  z-index: 1;
  background: url("../images/editor/thumbPlay.png") no-repeat;
  width: 140px;
  height: 100px;
}
.mediaHolder .image .thumb {
  width: 140px;
  height: 100px;
  background: #f6f6f6;
  display: block;
}
.mediaHolder .attachment_gallery_video img {
  width: 140px;
}
.mediaHolder .mediaConnect {
  margin: 6px 0px 0px 0px;
  display: block;
}
.mediaHolder .mediaConnect .checkbox {
  margin: 0px 6px 0px 0px;
}
.mediaHolder .mediaConnect .addToText {
  color: #00ace6;
  margin: 0 0 0 3px;
}
/******************/
/****  THREAD  ****/
/******************/
.bb-spoiler-container {
  padding: 6px;
  background: #f3f3f3;
  position: relative;
}
.bb-spoiler-container .bb-spoiler-head-hide,
.bb-spoiler-container .bb-spoiler-head-show {
  cursor: pointer;
  color: #1dadf5;
}
.bb-spoiler-container div.bb-spoiler-content {
  position: relative;
  display: none;
}
.bb-spoiler-container label.bb-spoiler-head-show {
  display: none;
}
.bb-spoiler-container > input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100% !important;
  height: 100% !important;
  visibility: visible;
  display: block;
  opacity: 0;
}
.bb-spoiler-container > input[type=checkbox]:checked ~ .bb-spoiler-content {
  display: block;
}
.bb-spoiler-container > input[type=checkbox]:checked ~ .bb-spoiler-head-hide {
  display: none;
}
.bb-spoiler-container > input[type=checkbox]:checked ~ .bb-spoiler-head-show {
  display: block;
}
.bb-spoiler-container.bb-spoiler--show .bb-spoiler-content {
  display: block;
}
.bb-spoiler-container.bb-spoiler--show .bb-spoiler-head-hide {
  display: none;
}
.bb-spoiler-container.bb-spoiler--show .bb-spoiler-head-show {
  display: block;
}
.thread {
  position: relative;
}
.thread:hover .threadLink a {
  display: block;
}
.touch .thread .threadLink a {
  display: block;
}
.threadTop {
  height: 24px;
  line-height: 24px;
  margin: 17px 17px 10px 228px;
  *zoom: 1;
}
.threadTop:before,
.threadTop:after {
  display: table;
  content: "";
  line-height: 0;
}
.threadTop:after {
  clear: both;
}
.threadTop .threadMeta,
.threadTop .time {
  color: #666666;
  cursor: default;
  float: left;
  position: relative;
}
.threadTop .threadLink {
  float: right;
}
.threadTop .threadLink a,
.threadTop .threadLink span.threadPerma {
  display: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  height: 24px;
  width: 24px;
  margin: 0 0 0 3px;
  text-align: center;
  background-color: #F0F0F0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.threadTop .threadLink a:hover,
.threadTop .threadLink span.threadPerma:hover {
  background-color: #e3e3e3;
}
.threadTop .threadLink span.threadPerma a {
  margin: 0;
  text-indent: 0;
}
.threadTop .threadLink span.threadPerma,
.threadTop .threadLink span.threadPerma a,
.threadTop .threadLink a.threadPerma {
  cursor: default;
  display: block;
  text-indent: -9999px;
  background-image: url("../images/icon-permalink.png");
  background-position: 5px 6px;
  background-repeat: no-repeat;
}
.threadTop .threadLink span.threadPerma:hover,
.threadTop .threadLink span.threadPerma a:hover,
.threadTop .threadLink a.threadPerma:hover {
  background-color: #1dadf5;
  background-image: url("../images/icon-permalink-hover.png");
}
.moderateThread .threadLink a.threadPerma {
  text-indent: 0;
  background-image: none;
}
.moderateThread .threadLink a.threadPerma:hover {
  background-image: none;
}
.threadContent {
  margin: 0 17px 0 228px;
  *zoom: 1;
}
.threadContent:before,
.threadContent:after {
  display: table;
  content: "";
  line-height: 0;
}
.threadContent:after {
  clear: both;
}
.threadContent .postmessage {
  color: #111111;
  line-height: 17px;
  margin: 0 0 12px 0;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.threadContent .threadAnswer,
.threadContent .postAnswer {
  background-color: #f9f9f9;
  border-left: 2px solid #8ec728;
  padding: 8px;
  margin-bottom: 10px;
}
.threadContent .threadAnswer a,
.threadContent .postAnswer a {
  color: #8ec728;
  font-style: italic;
}
.threadContent .threadAnswer .meta,
.threadContent .postAnswer .meta,
.threadContent .threadAnswer strong,
.threadContent .postAnswer strong {
  font-weight: bold;
}
.threadContent .reactAndMark {
  margin: 0 0 10px 0;
}
.threadContent .reactAndMark a {
  font-style: italic;
  margin: 0px 24px 0px 0px;
  padding: 0 0 0 18px;
}
.threadContent .reactAndMark a:hover {
  text-decoration: underline;
}
.threadContent .mediaContainer h4 {
  font-weight: bold;
  margin-bottom: 5px;
}
.threadContent .signature,
.threadContent .messageEdited {
  border-top: 1px solid #c5c5c5;
  color: #999999;
  font-size: 11px;
  font-style: italic;
  margin: 10px 0 0 0;
  padding: 12px 0 0 0;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.threadContent .messageEdited {
  font-weight: bold;
  color: #444444;
}
.threadElements iframe {
  width: 480px !important;
  height: 270px !important;
}
.threadElements img {
  max-width: 100%;
}
.threadElements ol li {
  list-style: inside decimal;
}
.threadElements ul li {
  list-style: inside;
}
.threadElements li {
  border: none;
}
.threadElements a:hover {
  text-decoration: underline;
}
.threadElements a.CTA:hover {
  text-decoration: none;
}
.threadQuote {
  font-style: italic;
  border-left: 2px solid #c5c5c5;
  padding-left: 8px;
}
.threadCode {
  font-family: 'Courier New', Courier, monospace;
  padding: 6px;
  background: #f3f3f3;
}
.threadUserInfo {
  float: left;
  position: relative;
  width: 210px;
  padding: 17px 0 0 17px;
  *zoom: 1;
}
.threadUserInfo:before,
.threadUserInfo:after {
  display: table;
  content: "";
  line-height: 0;
}
.threadUserInfo:after {
  clear: both;
}
.threadUserInfo .username {
  color: #111111;
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 12px;
}
.threadUserInfo .left {
  float: left;
  width: 70px;
}
.threadUserInfo .right {
  float: left;
  width: 140px;
  font-size: 12px;
}
.threadUserInfo .right span {
  display: block;
  color: #444444;
}
.threadUserInfo .right .userreactions {
  margin-bottom: 3px;
  color: #888888;
}
.threadUserInfo .right .badgeHolder img {
  width: 16px;
  height: auto;
}
/************************/
/****  NOTIFICATION  ****/
/************************/
.notification {
  position: relative;
  margin-bottom: 10px;
  padding: 8px 10px;
  font-size: 12px;
  border: 1px solid #c5c5c5;
  background-color: #f8f8f8;
  overflow: hidden;
  *zoom: 1;
}
.notification:before,
.notification:after {
  display: table;
  content: "";
  line-height: 0;
}
.notification:after {
  clear: both;
}
.notification p {
  float: left;
  margin: 5px 0;
}
.notification a.BTN-TXT {
  font-weight: bold;
}
.notification ul {
  padding: 0 0 0 20px;
}
.notification ul li {
  list-style: disc;
  line-height: 20px;
}
.notification ul li input.undo_move,
.notification ul li .undo_move {
  margin: 0;
  padding: 0;
  background: none;
  border: medium none;
  font-weight: bold;
  cursor: pointer;
}
.notification ul li:first-child:nth-last-child(1) {
  margin-left: -20px;
  list-style-type: none;
}
.notification .close {
  position: absolute !important;
  right: 0;
  top: 5px;
  text-decoration: none;
}
.notification.red,
.notification.blue,
.notification.orange,
.notification.yellow,
.notification.green {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.notification.red,
.notification.blue,
.notification.orange,
.notification.green,
.notification input.undo_move {
  color: white;
}
.notification.red a,
.notification.blue a,
.notification.orange a,
.notification.green a,
.notification input.undo_move a {
  color: white;
}
.notification.red a:hover,
.notification.blue a:hover,
.notification.orange a:hover,
.notification.green a:hover,
.notification input.undo_move a:hover {
  border-bottom-color: white;
}
.notification.red {
  background-color: #d9604c;
}
.notification.blue {
  background-color: #1dadf5;
}
.notification.orange {
  background-color: #ea8b2b;
}
.notification.yellow {
  background-color: #ffc40d;
}
.notification.green {
  background-color: #8ec728;
}
.notification.old-browser {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: white;
  background-color: #d9604c;
  padding: 25px;
}
.notification.old-browser a {
  color: white;
}
.notification.old-browser a:hover {
  border-bottom-color: white;
}
.notification.old-browser h2 {
  font-size: 14px;
  margin-bottom: 4px;
}
.notification.old-browser p {
  margin: auto;
}
.notification.old-browser a {
  color: black;
  font-weight: bold;
}
.notification.old-browser a:hover {
  color: white;
  bordor-bottom-color: white;
  border-bottom: 1px solid;
}
.editFilters {
  color: #1dadf5;
}
.editFilters:hover {
  text-decoration: underline;
}
.clearFilters {
  color: #d9604c;
  padding-left: 8px;
}
.clearFilters:hover {
  text-decoration: underline;
}
.userLevel {
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/sprite_reputation.png") no-repeat 0 0;
}
.userLevel.noLevel,
.userLevel.level0 {
  background-position: -4px -4px;
}
.userLevel.level1 {
  background-position: -4px -24px;
}
.userLevel.level2 {
  background-position: -4px -44px;
}
.userLevel.level3 {
  background-position: -4px -64px;
}
.userLevel.level4 {
  background-position: -4px -84px;
}
.userLevel.level5 {
  background-position: -4px -104px;
}
.userLevel.level6 {
  background-position: -4px -124px;
}
.logInWidget {
  margin: 0 0 24px 0;
  background: #fff;
}
.logInWidget h2 {
  padding: 18px 12px 12px;
  margin: 0px;
}
.logInWidget p {
  padding: 0px 12px;
}
.logInWidget a {
  float: left;
  margin: 0px 12px 0px 0px;
  padding: 0px 12px;
  line-height: 24px;
}
.logInWidget .btnHolder {
  padding: 12px;
}
.logInWidget .widgetFooter {
  border: 1px solid #D2D2D2;
  border-width: 1px 0 0 0;
  background: #f9f9f9;
  margin: 0px;
  padding: 12px;
  border-radius: 0 0 4px 4px;
}
.loginRegister .registerDropdown {
  margin-bottom: 5px;
}
.char-limit {
  color: #878787;
}
.char-limit.error {
  color: #dc6049;
}
/*************************/
/** SIDEBAR / WIDGETS ****/
/*************************/
.sidebar {
  width: 25%;
  float: right;
  position: relative;
}
.widget {
  margin: 0px 0px 24px 0px;
}
.widget h2 {
  margin: 0px 12px 12px 12px;
}
.widget .widgetContent {
  margin: 0px 12px 6px 12px;
  line-height: 17px;
}
.widget .widgetFooter {
  margin: 0px 12px;
  border-bottom: solid 1px #d2d2d2;
}
.widget .widgetFooter a {
  display: inline-block;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 12px 0px;
  background: url("../images/linkArrow.png") right 3px no-repeat;
}
.widget .widgetFooter a:hover {
  background-position: right -25px;
}
/*****************************/
/*** Locale switcher tool ****/
/*****************************/
.wrapper-dropdown *,
.wrapper-dropdown *:after,
.wrapper-dropdown *:before {
  box-sizing: border-box;
}
.wrapper-dropdown {
  float: left;
  position: relative;
  margin: 7px 0 0 0;
  cursor: pointer;
  width: 100px;
}
.wrapper-dropdown .tl-arrow:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 19px;
  right: 62%;
  margin-top: 0px;
  border-width: 0px 6px 6px 6px;
  border-style: solid;
  border-color: #2b2c2e transparent;
  display: none;
}
.wrapper-dropdown .tl-dropdown {
  /* Size & position */
  position: absolute;
  top: 23px;
  left: -30px;
  right: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #2b2c2e;
  /* Hiding */
  max-height: 0;
  overflow: hidden;
  color: white;
  width: 120px;
}
#mainNav .wrapper-dropdown .tl-dropdown li,
.wrapper-dropdown .tl-dropdown li {
  margin: 0;
  padding: 0;
  float: none;
}
#mainNav .wrapper-dropdown .tl-dropdown li a,
.wrapper-dropdown .tl-dropdown li a {
  display: block;
  text-decoration: none;
  color: white;
  padding: 10px 7px 10px 10px;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-out;
  border-bottom: 1px solid #959597;
}
.wrapper-dropdown .tl-dropdown li:last-of-type a {
  border: none;
}
.wrapper-dropdown.active .tl-arrow:after,
.wrapper-dropdown.active .tl-arrow,
.wrapper-dropdown.active .tl-dropdown {
  display: block;
  z-index: 1000;
}
.wrapper-dropdown.active .tl-dropdown {
  max-height: 400px;
}
/***************/
/** SEARCH *****/
/***************/
.search {
  height: 28px;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  margin: 0px 0px 18px 0px;
}
.searchInput {
  border: none;
  background: none;
  width: 75%;
  float: left;
  padding: 6px 0px 6px 6px;
  height: 16px;
}
.searchBTN {
  float: right;
  display: block;
  border: solid 1px #008bb8;
  margin: -1px -1px 0px 0px;
  height: 30px;
  width: 20%;
  max-width: 46px;
  cursor: pointer;
  text-indent: -9999px;
  text-align: left;
  background: url("../images/icon_search.png") no-repeat center #00ACE6;
  font-size: 0;
  line-height: 0;
}
.searchBTN:hover {
  background-color: #0098DE;
}
.lt-ie8 .searchBTN {
  border: 0;
}
.bigSearch {
  float: left;
  width: 360px;
  line-height: 34px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
}
.bigSearch .bigSearchInput {
  border: none;
  background: none;
  width: 290px;
  padding: 6px 0px 6px 6px;
  height: 22px;
  float: left;
}
.bigSearch .searchBTN {
  padding: 0px 20px;
  height: 36px;
  max-width: 60px;
  width: 60px;
}
.searchPage header h1 {
  float: left;
}
.searchSummary {
  float: right;
  line-height: 24px;
  margin: 3px 0px 0px 0px;
}
.searchSummary .prevNext {
  width: 51px;
  display: inline-block;
  float: right;
  margin: 0px 0px 0px 6px;
}
.searchSummary .prevNext a {
  float: left;
  text-indent: -9999px;
  width: 24px;
  height: 22px;
  background: url("../images/sprite_prevNext.png") #FAFAFA no-repeat;
}
.searchSummary .prevNext a.prev {
  border-right: 0px;
  background-position: 0 -1px;
}
.searchSummary .prevNext a.next {
  background-position: -24px -1px;
}
.searchTerm {
  padding: 6px 12px 18px;
}
.advancedSearchContainer {
  background: #FAFAFA;
  border-top: solid 1px #D2D2D2;
  padding: 12px;
}
.advancedSearchContainer .BTNHolder {
  display: block;
  float: left;
  width: 100%;
}
.advancedSearchContainer .advanced {
  color: #00ace6;
  cursor: pointer;
}
.advancedSearchContainer .advancedBTN {
  float: right;
  background: url("../images/sprite_collapse.png") no-repeat -7px -45px;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.advancedSearchContainer.collapsed .advancedBTN {
  background-position: -7px -5px;
}
.advancedSearchBlock .item {
  line-height: 36px;
  margin: 0 0 6px;
}
.advancedSearchBlock .label {
  float: left;
  width: 30%;
  font-weight: bold;
}
.advancedSearchBlock .content {
  float: right;
  width: 70%;
}
.advancedSearchBlock .content .inputHolder {
  background: #FFFFFF;
  border: solid 1px #d2D2D2;
  width: 85%;
  height: 36px;
}
.advancedSearchBlock .content .inputHolder .tag {
  float: left;
  padding: 0px 6px;
  margin: 5px;
}
.advancedSearchBlock .content .inputHolder .searchInput {
  height: 24px;
}
.advancedSearchBlock .item.checkboxHolder {
  margin: 30px 0px;
  line-height: 24px;
}
.advancedSearchBlock .item.BTNHolder {
  text-align: center;
}
.advancedSearchBlock .item.BTNHolder .CTA {
  display: inline-block;
  margin: 0px 12px 0px 71px;
}
.advancedSearchBlock .item.BTNHolder .resetFilters {
  cursor: pointer;
}
.advancedSearchBlock .item.BTNHolder .resetFilters:hover {
  color: #00ace6;
}
.advancedSearchBlock .item .checkBlock {
  float: left;
  width: 25%;
}
.advancedSearchBlock .item .checkBlock ul {
  padding: 0px 0px 0px 6px;
}
.advancedSearchBlock .item .checkBlock input {
  margin: 0px 6px 0px 0px;
}
.advancedSearchBlock .item .checkBlock a {
  margin: 0px 0px 0px 25px;
  color: #00ace6;
}
.searchContainer.listingBox .title {
  width: 60%;
  margin: 0;
}
ul.searchbits li {
  border-bottom: 1px solid #D2D2D2;
  padding: 12px 0;
}
ul.searchbits li .title {
  width: 60%;
  margin: 0px 30px 0px 0px;
}
ul.searchbits li .title p {
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
ul.searchbits li.lastChild {
  border-bottom: none;
}
.searchbits .is-highlighted {
  background-color: yellow;
}
.personalSearchWidget h2,
.populairSearchWidget h2 {
  padding: 18px 12px 12px;
}
.saveHolder {
  height: 30px;
  position: relative;
  margin: 0px 0px 12px 0px;
}
.searchFilter {
  height: 28px;
  position: absolute;
  left: 0;
  right: 0;
}
.searchFilter.save {
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.searchFilter.add {
  border: solid 1px #d2d2d2;
}
.searchFilter.saved {
  border: solid 1px #76ba22;
  background: #76ba22;
}
.addSearchInput {
  border: none;
  background: none;
  height: 28px;
  padding: 0px 0px 0px 6px;
}
.addSearchBTN {
  text-indent: -9999px;
  border: 1px solid #008BB8;
  height: 30px;
  width: 30px;
  float: right;
  margin: -1px -1px 0 0;
  cursor: pointer;
  background: url("../images/sprite_searchFilter.png") #00a2e2;
}
.addSearchBTN:hover {
  background-color: #0091db;
}
.savedSearchText {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 28px;
  border-right: solid 1px #6ebe0b;
  width: 170px;
  float: left;
  padding: 0px 0px 0px 12px;
  cursor: default;
}
.deleteSearchBTN {
  float: right;
  height: 28px;
  width: 28px;
  display: block;
  border-left: solid 1px #9acd51;
  background: url("../images/sprite_searchFilter.png") 0 -30px no-repeat;
  text-indent: -9999px;
}
.deleteSearchBTN:hover {
  background-color: #59ac19;
}
.savedFilters li {
  line-height: 18px;
}
.savedFilters a {
  float: left;
  background: url("../images/linkArrow.png") no-repeat -3px 5px;
  padding: 0px 0px 0px 15px;
}
.savedFilters a:hover {
  background-position: -3px -23px;
}
.savedFilters .delete {
  float: right;
  text-indent: -9999px;
  background: url("../images/sprite_searchFilter.png") no-repeat -9px -69px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin: 3px 0px 0px 0px;
}
.saveFilterInfo {
  margin: 12px 0px;
  font-style: italic;
  color: #A5A5A5;
}
.populairFilters {
  margin: 0px 0px 12px 0px;
}
.populairFilters li {
  line-height: 18px;
}
.populairFilters a {
  display: block;
  background: url("../images/linkArrow.png") no-repeat -3px 5px;
  padding: 0px 0px 0px 15px;
}
.populairFilters a:hover {
  background-position: -3px -23px;
}
.select2-container:hover {
  outline: none;
}
.select2-container .select2-choice div b,
.select2-container .select2-search-choice-close {
  background-image: url("../images/forum/select2.png");
}
.select2-container .select2-search-choice-close {
  background-position: right 0px;
}
.select2-container .select2-results li {
  padding: 0 7px;
}
.select2-container.display {
  padding: 0;
}
.select2-container input.select2-input {
  border: 0px !important;
}
.select2-container-active .select2-choice {
  border: 1px solid #d2d2d2;
  box-shadow: none;
}
.select2-container-multi .select2-choices .select2-search-field input {
  max-width: 150px;
}
.custom-radio,
.custom-checkbox {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  line-height: 20px;
}
.custom-radio:after,
.custom-checkbox:after {
  content: "";
  display: table;
  clear: both;
}
.custom-radio input,
.custom-checkbox input {
  float: left;
  display: block;
  margin: 3px 8px 0 0;
}
.custom-radio label,
.custom-checkbox label {
  float: left;
  display: block;
  width: 92%;
}
.full-width-select {
  width: 100%;
}
.default-date-day {
  width: 65px;
}
.default-date-month {
  width: 103px;
}
.default-date-year {
  width: 72px;
}
.default-date-display {
  width: 236px;
}
.control-date-day {
  width: 65px;
}
.control-date-month {
  width: 80px;
}
.control-date-year {
  width: 72px;
}
.control-date-display {
  width: 232px;
}
.registration-date-day {
  width: 80px;
}
.registration-date-month {
  width: 103px;
}
.registration-date-year {
  width: 90px;
}
.registration-date-display {
  width: 146px;
}
.private-registration-date-day {
  width: 152px;
}
.private-registration-date-month {
  width: 152px;
}
.private-registration-date-year {
  width: 152px;
}
.private-registration-date-display {
  width: 100%;
}
/* -- GUI - FORUM -- */
/**************/
/** BADGES ****/
/**************/
.badgeHolder {
  margin: 0px 0px 3px 0px;
}
.badgeHolder .badgeContainer {
  margin: 0 2px 0 0;
  width: 18px;
  height: 18px;
}
.badgeHolder img {
  width: 18px;
  height: auto;
}
.badgeContainer {
  float: left;
  position: relative;
}
.badgePopup .popupInfo img {
  float: left;
}
.badgePopup .popupInfo p {
  text-align: left;
  padding: 0 0 0 20px;
  white-space: nowrap;
}
a.badge img,
img.badge,
.badgeInLegend {
  width: 38px;
  height: auto;
}
/*****************/
/** BREADCRUMBS **/
/*****************/
#breadcrumbs {
  min-height: 28px;
  line-height: 28px;
  border: solid 1px #d2d2d2;
  margin: 0px 0px 18px 0px;
  font-size: 13px;
  position: relative;
}
#breadcrumbs a {
  display: block;
  background: url("../images/breadcumbsDivider.png") top right no-repeat;
  padding: 0px 12px 0px 12px;
  float: left;
  color: #888888;
}
#breadcrumbs a:hover {
  color: #00ace6;
}
#breadcrumbs a.homeLink {
  color: #00ace6;
  font-weight: bold;
}
#breadcrumbs span {
  padding: 0px 12px;
  float: left;
  color: #262626;
}
/****************/
/** BUTTONS *****/
/****************/
.baseLink {
  display: block;
  float: left;
  height: 28px;
  width: 28px;
  border: solid 1px #008bb8;
  line-height: 30px;
  padding: 0px;
  margin: 0px 12px 0px 0px;
  text-indent: -9999px;
  background: url("../images/icon_home.png") no-repeat #00ACE6;
}
.baseLink:hover {
  background-color: #0098DE;
}
.ForumContentListMarkAll,
.CategoryContentListMarkAll {
  display: block;
  margin: 0px 0px 12px 12px;
  background: url("../images/markArrow.png") no-repeat;
  padding: 0px 0px 0px 12px;
  color: #00ace6;
}
.BTN {
  border: 1px solid #C5C5C5;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #444444;
  display: block;
  background: #f7f7f7;
  cursor: pointer;
  text-align: center;
}
.BTN:hover {
  color: #333333;
  background: #EEE;
}
.CTA {
  border: 1px solid #008bb8;
  height: 34px;
  line-height: 36px;
  font-size: 14px;
  color: #FFFFFF;
  display: block;
  box-shadow: none;
  background: #00ACE6;
  cursor: pointer;
  padding: 0px 12px;
}
.CTA:hover {
  color: #FFFFFF;
  background: #0098DE;
}
html.lt-ie8 .CTA {
  filter: chroma(color=#000000);
  border: none;
}
.logoInsided {
  display: block;
  float: right;
  text-indent: -9999px;
  background: url("../images/logoInsided.png") no-repeat 0 0;
  width: 114px;
  height: 20px;
  margin: 4px 0 12px;
}
.logoInsided:hover {
  background-position: 0 -24px;
}
/*************/
/** EDITOR ***/
/*************/
.editorHolder h2 {
  margin: 0px 0px 12px 80px;
}
.editorHolder .editorAvatar {
  display: block;
  float: left;
  width: 72px;
  position: relative;
}
.editorHolder .editorAvatar .arrow {
  background: url("../images/editor/popupArrowLeft.png") no-repeat;
  width: 9px;
  height: 16px;
  position: absolute;
  right: -1px;
  top: 22px;
  z-index: 1;
}
.editor {
  padding: 0 68px 0 72px;
}
.editor .notification ul li {
  list-style: disc inside;
}
.editorTitle {
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  width: 780px;
  height: 36px;
  margin: 0px 0px 12px 0px;
}
.editorTitle input {
  border: none;
  background: none;
  margin: 10px 12px;
  width: 756px;
  color: #444444;
}
.editor_container .editorHolder .editor .editorContent {
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  border-bottom: none;
  min-height: 150px;
  padding: 3px 6px;
}
.editor_container .editorHolder .editor .editorContent textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  border: none;
  background: none;
  text-align: left;
  resize: none;
  font-size: 12px;
  color: #444444;
  line-height: 17px;
}
.editor_container .editorHolder .editor .editorContent .errorMessage {
  color: #DB3D20;
  margin: 6px;
}
.poll .pollTitle.error,
.conversationEditor .editorContent.error {
  background: #FFEBE8;
  border: solid 1px #DB3D20;
}
.editorTitle.error,
.editorContent.error {
  border: solid 1px #DB3D20;
}
.editorAdds {
  min-height: 38px;
  width: 100%;
  background: #f6f6f6;
  border: 1px solid #D2D2D2;
  margin: 0px 0px 12px 0px;
}
.editorTags,
.thread_new .tags {
  padding: 12px;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  margin: 0px 0px 12px 0px;
}
.editorTags span.label {
  color: #666666;
  font-weight: bold;
  margin: 0px 6px 0px 0px;
  float: left;
  height: 28px;
  line-height: 28px;
}
.editorTags span.tag,
.thread_new span.tag {
  line-height: 26px;
  float: left;
  margin: 0px 6px 6px 0px;
  height: 26px;
  color: #999999;
  padding: 0px 6px;
}
.thread_new span.tag:last-child {
  margin: 0 0 6px 0;
}
.editorTags span.tag a,
.thread_new span.tag a {
  background: none;
  display: inline;
  margin: 0px 6px 0px 0px;
  cursor: pointer;
}
.thread_new span.tag .comma {
  display: none !important;
}
.editorTags input {
  float: left;
  background: #FFF;
  border: solid 1px #d2d2d2;
  height: 26px;
  padding: 0 6px;
  width: 78px;
  margin: 0 6px 0 0;
}
.editorFooter .questionHolder {
  float: right;
  line-height: 36px;
  margin: 0px 40px 0px 0px;
}
.editorFooter .CTA {
  float: right;
}
.videoInput {
  height: 28px;
  width: 364px;
  border: solid 1px #d6d6d6;
  padding: 0 12px;
  float: left;
  margin: 0 5px 0 0;
}
#videoSubmit {
  float: left;
  padding: 7px;
  height: auto;
  line-height: 1em;
}
.editor_container.create_post .editorHolder,
.editor_container.edit_post .editorHolder,
.editor_container.create_message .editorHolder {
  padding: 0 68px 0 72px;
  position: relative;
}
.editor_container.create_post .editorHolder .editorAvatar,
.editor_container.edit_post .editorHolder .editorAvatar,
.editor_container.create_message .editorHolder .editorAvatar {
  float: none;
  position: absolute;
  left: 0;
}
.editor_container.create_post .editorHolder .editor,
.editor_container.edit_post .editorHolder .editor,
.editor_container.create_message .editorHolder .editor {
  padding: 0;
}
.editor_container.create_message .editorAdds {
  border-top: none;
}
/*****************************/
/** FANCYBOX-CONTENT *********/
/*****************************/
/*****************/
/* EDITOR LEGEND */
/*****************/
.legendHolder {
  width: 580px;
  height: 600px;
  background: #FFFFFF;
  position: relative;
  margin: 30px auto;
  height: auto;
}
.legendHolder h2 {
  padding: 0 36px 20px;
}
.legendHolder p {
  padding: 0px 36px;
  margin: 0px 0px 30px 0px;
}
.legend {
  padding: 0px 36px;
}
.legend .left {
  float: left;
  width: 200px;
  padding: 0px 0px 0px 12px;
}
.legend .right {
  float: left;
  padding: 0px 0px 0px 12px;
}
.legend .legendheader {
  background: #f6f6f6;
  font-weight: bold;
  color: #333333;
  line-height: 30px;
}
.legend ul li {
  border-bottom: solid 1px #f6f6f6;
  padding: 8px 0px;
}
.legend ul li:last-child {
  border: none;
}
.legend a {
  color: #00ace6;
}
.legend a:hover {
  text-decoration: underline;
}
.legend .leg_Ulist ul {
  list-style: disc inside;
}
.legend .leg_Ulist ul li {
  padding: 3px 0px;
  border: none;
}
.legend .leg_Olist ol {
  list-style: decimal inside;
}
.legend .leg_Olist ol li {
  padding: 3px 0px;
  border: none;
}
.legend h2 {
  padding: 0;
}
/*************************************/
/* LOGIN / REGISTER / FORGOTPASSWORD */
/*************************************/
.registerBox,
.loginBox,
.forgotPasswordBox,
#login-box,
.hidden {
  display: none;
}
/*#fancybox-wrap { position: fixed; margin: 0 auto; top:20% !important;}*/
#fancybox-content {
  background-color: #FFF;
}
#fancybox-content .container {
  border: none;
  background-color: #FFFFFF;
}
#fancybox-close {
  display: block;
  background: url("../images/bg_close.png") no-repeat;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  position: absolute;
  top: -6px;
  right: -6px;
  cursor: pointer;
  z-index: 9999;
}
.loginRegister,
.welcomeActivation,
.mailActivation {
  min-width: 600px;
  margin: 0px;
  /**************/
  /* ACTIVATION */
  /**************/
}
.loginRegister h2,
.welcomeActivation h2,
.mailActivation h2 {
  color: #CCCCCC;
  margin: 28px 36px 20px;
}
.loginRegister h2 a,
.welcomeActivation h2 a,
.mailActivation h2 a {
  color: #CCCCCC;
}
.loginRegister h2 a.forgotPassLnk,
.welcomeActivation h2 a.forgotPassLnk,
.mailActivation h2 a.forgotPassLnk {
  display: none;
}
.loginRegister h2 a.active,
.welcomeActivation h2 a.active,
.mailActivation h2 a.active {
  color: #333333;
  cursor: default;
}
.loginRegister input[type="checkbox"],
.welcomeActivation input[type="checkbox"],
.mailActivation input[type="checkbox"] {
  margin: -1px 6px 2px 0px;
  float: left;
}
.loginRegister .label,
.welcomeActivation .label,
.mailActivation .label {
  float: left;
  width: 25%;
  color: #444444;
}
.loginRegister .content,
.welcomeActivation .content,
.mailActivation .content {
  float: right;
  width: 75%;
  line-height: normal;
  *clear: left;
}
.loginRegister input[type="text"],
.welcomeActivation input[type="text"],
.mailActivation input[type="text"],
.loginRegister input[type="password"],
.welcomeActivation input[type="password"],
.mailActivation input[type="password"] {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D2D2D2;
  padding: 6px;
  margin: 0px 12px 6px 0px;
  width: 200px;
}
.loginRegister input[type="text"][name="token"],
.welcomeActivation input[type="text"][name="token"],
.mailActivation input[type="text"][name="token"],
.loginRegister input[type="text"][name="RequestActivationForm[email]"],
.welcomeActivation input[type="text"][name="RequestActivationForm[email]"],
.mailActivation input[type="text"][name="RequestActivationForm[email]"] {
  width: 250px;
}
.loginRegister label[for="terms"],
.welcomeActivation label[for="terms"],
.mailActivation label[for="terms"] {
  display: block;
  width: 212px;
  margin: 0 12px 6px 0;
}
.loginRegister .metaMessage,
.welcomeActivation .metaMessage,
.mailActivation .metaMessage {
  font-size: 11px;
  font-style: italic;
  color: #888888;
}
.loginRegister .loginBTN,
.welcomeActivation .loginBTN,
.mailActivation .loginBTN,
.loginRegister .registerBTN,
.welcomeActivation .registerBTN,
.mailActivation .registerBTN,
.loginRegister .forgotPasswordBTN,
.welcomeActivation .forgotPasswordBTN,
.mailActivation .forgotPasswordBTN,
.loginRegister .requestActivationBTN,
.welcomeActivation .requestActivationBTN,
.mailActivation .requestActivationBTN,
.loginRegister .manualActivationBTN,
.welcomeActivation .manualActivationBTN,
.mailActivation .manualActivationBTN {
  float: left;
  line-height: normal;
  margin: 0px 12px 0px 0px;
  padding: 6px 12px;
  height: auto;
}
.loginRegister .small-loader,
.welcomeActivation .small-loader,
.mailActivation .small-loader {
  display: none;
  position: relative;
  top: 7px;
  left: -4px;
}
.loginRegister .terms,
.welcomeActivation .terms,
.mailActivation .terms {
  color: #00ace6;
}
.loginRegister .terms:hover,
.welcomeActivation .terms:hover,
.mailActivation .terms:hover {
  text-decoration: underline;
}
.loginRegister .footerBlock,
.welcomeActivation .footerBlock,
.mailActivation .footerBlock {
  border-top: solid 1px #ECECEC;
  padding: 12px 0px;
  text-align: right;
  font-size: 11px;
  font-style: italic;
  color: #888888;
}
.loginRegister .footerBlock a,
.welcomeActivation .footerBlock a,
.mailActivation .footerBlock a {
  color: #00ace6;
}
.loginRegister .footerBlock a:hover,
.welcomeActivation .footerBlock a:hover,
.mailActivation .footerBlock a:hover {
  text-decoration: underline;
}
.loginRegister .welcomeBox,
.welcomeActivation .welcomeBox,
.mailActivation .welcomeBox,
.loginRegister .requestActivationBox,
.welcomeActivation .requestActivationBox,
.mailActivation .requestActivationBox,
.loginRegister .manualActivationBox,
.welcomeActivation .manualActivationBox,
.mailActivation .manualActivationBox {
  display: none;
}
.loginRegister .contentBlock,
.welcomeActivation .contentBlock,
.mailActivation .contentBlock {
  margin-bottom: 20px;
}
.socialBlock {
  /* temporarily disabled, until social login works  */
}
.logRegBlock,
.contentBlock {
  padding: 24px 0px 0px 0px;
  margin: 0px 36px;
  border-top: solid 1px #ECECEC;
}
.logRegBlock.socialBlock,
.contentBlock.socialBlock {
  padding: 0;
  margin: 0 36px;
}
.logRegBlock.socialBlock a,
.contentBlock.socialBlock a {
  margin: 0px 3px;
}
.logRegBlock .item,
.contentBlock .item {
  margin: 0px 0px 6px 0px;
  line-height: 30px;
}
.logRegBlock .item:last-child,
.contentBlock .item:last-child {
  margin: 0px 0px 24px 0px;
}
.logRegBlock .item.logRegMessage,
.contentBlock .item.logRegMessage {
  line-height: normal;
}
p.regularRegister {
  text-align: center;
  display: inline-block;
  padding: 0px;
  margin: 0px 0px 12px 0px;
  width: 100%;
  color: #888888;
  font-style: italic;
  font-size: 11px;
}
p.regularRegister a {
  color: #00ace6;
  font-style: normal;
}
p.regularRegister a:hover {
  text-decoration: underline;
}
.loginRegister.forgotPassword h2 {
  color: #333333;
}
.loginRegister.forgotPassword .help-message,
.loginRegister.forgotPassword .success-message {
  width: 500px;
  margin-bottom: 10px;
}
.loginRegister.forgotPassword .success-message {
  margin-bottom: 20px;
}
.loginRegister.forgotPassword form .label {
  width: 25%;
}
.loginRegister.forgotPassword form input[type="text"] {
  width: 248px;
}
.loginRegister.forgotPassword form .metaMessage {
  display: block;
  line-height: 25px;
  width: 280px;
}
/**********/
/* REPORT */
/**********/
.reportPopup {
  width: 600px;
  background: #FFF;
  padding: 28px 0;
}
.reportPopup h2 {
  margin: 0 36px 20px;
}
.reportPopup .reportBox {
  padding: 12px 0px 0px 0px;
  margin: 0px 36px;
  border-top: solid 1px #ECECEC;
}
.reportPopup .label {
  float: left;
  width: 12%;
  color: #444;
}
.reportPopup .content {
  float: right;
  width: 88%;
  color: #444;
  font-weight: bold;
}
.reportPopup .item {
  margin: 6px 0;
}
.reportPopup .item.warningMessage {
  margin: 12px 0;
}
.reportPopup .reportForm {
  margin: 6px 0;
}
.reportPopup .prefix {
  margin: 0;
  text-transform: capitalize;
}
.reportPopup .reportMessageHolder {
  border: solid 1px #d6d6d6;
  background: #FFF;
}
.reportPopup .reportMessage {
  resize: none;
  border: none;
  background: none;
  min-width: 510px;
  max-width: 510px;
  width: 510px;
  padding: 8px;
  min-height: 78px;
  font-size: 12px;
}
/*********************/
/** NOTIFICATION *****/
/*********************/
.notification .close {
  background: url("../images/icon_treadLink.png") no-repeat;
  text-indent: -99999px;
  width: 10px;
  height: 10px;
  top: 14px;
  right: 10px;
}
.notification.yellow .close {
  background-position: -7px -271px;
}
.notification.red,
.notification.blue,
.notification.orange,
.notification.green,
.notification.yellow {
  color: black;
}
.notification.red a,
.notification.blue a,
.notification.orange a,
.notification.green a,
.notification.yellow a {
  color: #1dadf5;
}
.notification.red a:hover,
.notification.blue a:hover,
.notification.orange a:hover,
.notification.green a:hover,
.notification.yellow a:hover {
  text-decoration: underline;
}
/**********************/
/** Notification Box **/
/**********************/
.notificationBox {
  border: solid 1px #d6d6d6;
  border-radius: 3px;
  width: 300px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000000;
  background: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.notificationBox .close {
  position: absolute;
  top: -6px;
  right: -6px;
  height: 20px;
  width: 20px;
  background: url("../images/bg_close.png") no-repeat 0 0;
  text-indent: -9999px;
  z-index: 999;
}
.notificationBox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.notificationBox ul li {
  border-bottom: solid 1px #d6d6d6;
}
.notificationBox ul li:last-child,
.notificationBox ul li.lastChild {
  border: none;
}
.notificationBox ul li:hover {
  background: #F2f2f2;
}
.notificationIcon {
  width: 60px;
  height: 60px;
  float: left;
}
.notificationIcon img {
  padding: 11px;
  width: 38px;
  height: auto;
}
.notificationContent {
  padding: 12px;
  width: 215px;
  float: left;
  min-height: 36px;
}
.notificationContent .title {
  font-size: 12px;
  font-weight: bold;
  color: #00ade3;
  margin: 0;
  text-decoration: none;
}
.notificationContent .title:hover {
  text-decoration: underline;
}
.notificationContent p {
  font-size: 12px;
  font-weight: normal;
  color: #444444;
  margin: 0;
  cursor: default;
}
/*****************/
/** PAGINATION ***/
/*****************/
.pagination {
  height: 36px;
  clear: both;
  border-top: 1px solid #D2D2D2;
  position: relative;
  text-align: center;
}
.pagination ul {
  *zoom: 1;
  float: left;
}
.pagination ul:before,
.pagination ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.pagination ul:after {
  clear: both;
}
.pagination ul .pagenumber {
  position: relative;
  float: left;
  padding: 0;
}
.pagination ul .gap {
  height: 36px;
  line-height: 36px;
  padding: 0px 12px;
  border-left: 1px solid #D2D2D2;
  cursor: default;
  position: relative;
  float: left;
}
.pagination .prevHolder {
  position: absolute;
  padding-right: 12px;
  width: 80px;
  left: -92px;
}
.pagination .prevHolder .prev {
  padding: 0px;
  border: none;
  float: right;
}
.pagination .nextHolder {
  position: absolute;
  padding-left: 12px;
  width: 80px;
  right: -92px;
  border-left: 1px solid #D2D2D2;
}
.pagination .nextHolder .next {
  padding: 0px;
  border: none;
  float: left;
}
.pagination a {
  float: left;
  line-height: 36px;
  text-align: center;
  padding: 0px 12px;
  border-left: 1px solid #D2D2D2;
  position: relative;
}
.pagination a.current {
  font-weight: bold;
  background: #e4e4e4;
}
.paginationContainer {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/***************/
/** POLLS ******/
/***************/
#pollContent {
  margin: 18px 0;
}
.pollHolder {
  border-top: solid 1px #D2D2D2;
  border-bottom: solid 1px #D2D2D2;
  padding: 12px 0;
}
.pollList {
  margin: 12px 0;
}
.pollList li {
  border: none;
  padding: 6px 0;
}
.threadElements .pollHolder ul li {
  list-style: none;
}
.pollSubmit {
  padding: 0 12px;
}
.pollResults {
  margin: 12px 0;
  line-height: 17px;
}
.pollResults li {
  padding: 1px 0;
  border: none;
  position: relative;
}
.pollResults li:last-child {
  border-bottom: none;
}
.pollResults .result {
  border: solid 1px #D2D2D2;
  padding: 6px;
  position: relative;
}
.pollResults .bg_result {
  background: #D2EFFD;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.pollResults .pollAnswer {
  position: relative;
  z-index: 788;
  color: #333;
  max-width: 80%;
  float: left;
  margin: 0 6px 0 0;
}
.pollResults .pollVotes {
  position: relative;
  z-index: 788;
  color: #666;
}
.pollResults .pollPercent {
  position: relative;
  z-index: 788;
  color: #333;
  float: right;
}
/***************/
/** TAGS *******/
/***************/
.tagDesc {
  float: left;
  margin: 0 6px 0 0;
  line-height: 28px;
}
.tagsHolder {
  float: left;
  width: 857px;
}
.inputTag {
  float: left;
}
.firstPost .tags .tag {
  background: none;
  border: none;
  line-height: 28px;
}
.firstPost .tags .tag:hover {
  color: #00ACE6;
}
.firstPost .tags .tag.lastChild .comma {
  display: none !important;
}
.firstPost .tags .comma {
  margin: 0px 6px 0px 0px;
}
.firstPost .tags span .delete {
  display: none;
}
.firstPost.display .tags {
  width: 82%;
}
.firstPost.display .editorTags {
  float: left;
  padding: 0px;
  max-width: 82%;
  border: none;
}
.firstPost.display .tagHolder {
  float: left;
  display: block;
  width: 78%;
}
.firstPost.display .tagDesc {
  width: 9%;
  padding: 0 0 0 42px;
  margin: 0 6px 0 0;
}
.changeTags {
  float: left;
  display: inline-block;
  height: 24px;
  width: 24px;
  text-indent: -9999px;
  background: url("../images/icon_edit.png") #f0f0f0 no-repeat;
  margin: 2px 0px 0px 6px;
}
.changeTags:hover {
  background-color: #E3E3E3;
}
.editor .editorTags #saveTags {
  display: none;
}
.tags span.addTag,
.editorTags span.addTag {
  text-indent: -9999px;
  width: 26px;
  height: 26px;
  float: left;
  margin: 0 6px 0 0;
  border: 1px solid #008BB8;
  cursor: pointer;
  background: url("../images/tag_sprite.png") -1px -1px #00ACE6;
}
.tags span.addTag:hover,
.editorTags span.addTag:hover {
  background-color: #0098DE;
}
#saveTags {
  padding: 0px 6px;
  color: #FFF;
  line-height: 26px;
  font-weight: bold;
  height: 26px;
  float: left;
  border: 1px solid #6FA827;
  cursor: pointer;
  background: #9CD53B;
}
#saveTags:hover {
  background: #6f9b27;
}
/****************/
/**  THREAD  ****/
/****************/
.thread {
  border-bottom: 1px solid #D2D2D2;
}
.thread:last-child,
.thread.lastChild {
  border-bottom: none;
}
.thread:hover .reactAndMark a.react {
  color: #00ace6;
  background-position: -5px -102px;
}
.thread:hover .reactAndMark a.mark {
  color: #89c137;
  background-position: -5px -151px;
}
.thread .notification {
  margin: 12px;
}
.thread .threadTop .threadLink a {
  background: url("../images/icon_treadLink.png") #f0f0f0;
}
.thread .threadTop .threadLink a:hover {
  background-color: #e3e3e3;
}
.thread .threadTop .threadLink a.selected {
  cursor: default;
}
.thread .threadTop .threadLink a.threadFlag {
  background-position: 0 -24px;
}
.thread .threadTop .threadLink a.threadFlag.selected {
  background-position: 0 -240px;
  background-color: #db5f47;
}
.thread .threadTop .threadLink a.threadEdit {
  background-position: 0 0px;
}
.thread .threadTop .threadLink a.threadEdit.loading,
.thread .threadTop .threadLink a.threadFlag.loading {
  background: url("../images/edit-loader.gif") no-repeat #e3e3e3 center;
}
.thread .threadTop .threadLink a.threadreputation {
  background-position: 0 -48px;
}
.thread .threadTop .threadLink a.threadreputation.selected {
  background-position: 0 -191px;
  background-color: #8cc907;
}
.thread .threadUserInfo {
  margin-bottom: 20px;
}
.thread .threadUserInfo .userLevelHolder {
  float: left;
  margin: 0 3px 0 0;
}
.thread .threadUserInfo .userLevelHolder .userLevel {
  margin: 0;
  float: left;
}
.thread .threadUserInfo .userLevelHolder .baloon .userLevel {
  margin: 0 3px 0 0;
}
.thread .threadUserInfo .usernameHolder {
  display: block;
  line-height: 18px;
  margin-bottom: 6px;
  *zoom: 1;
}
.thread .threadUserInfo .usernameHolder:before,
.thread .threadUserInfo .usernameHolder:after {
  display: table;
  content: "";
  line-height: 0;
}
.thread .threadUserInfo .usernameHolder:after {
  clear: both;
}
.thread .threadUserInfo .usernameHolder .username {
  color: #00ace6;
  font-size: 12px;
  float: left;
  margin: 0;
}
.thread .threadUserInfo .left .avatarHolder {
  display: block;
  width: 56px;
  height: 56px;
  float: none;
}
.thread .threadUserInfo .right .userMeta {
  display: block;
}
.thread .threadUserInfo .right span.userreactions {
  color: #888888;
  display: block;
}
.thread .threaduserLabel {
  background: url("../images/threadLabelSprite.png") no-repeat;
  width: 90px;
  height: 24px;
  line-height: 24px;
  display: block;
  margin: 6px 0 10px -21px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
.thread .threaduserLabel.author {
  background-position: 0 0;
}
.thread .threaduserLabel.answer {
  background-position: 0 -28px;
}
.thread .threadContent .postmessage {
  color: #444444;
}
.thread .threadContent .postmessage a.CTA {
  color: #FFF;
}
.thread .threadContent .postmessage h1 {
  line-height: normal;
  padding: 0;
  word-wrap: normal;
}
.thread .threadContent .reactAndMark {
  display: block;
  width: 100%;
  height: 30px;
  *zoom: 1;
}
.thread .threadContent .reactAndMark:before,
.thread .threadContent .reactAndMark:after {
  display: table;
  content: "";
  line-height: 0;
}
.thread .threadContent .reactAndMark:after {
  clear: both;
}
.thread .threadContent .reactAndMark a {
  background: url("../images/icon_treadLink.png") no-repeat;
}
.thread .threadContent .reactAndMark a.react,
.thread .threadContent .reactAndMark a.mark {
  float: left;
  margin-top: 8px;
  color: #878787;
  background-position: -5px -78px;
}
.thread .threadContent .reactAndMark a.mark {
  background-position: -5px -127px;
}
.thread .threadContent .likeHolder {
  float: left;
  margin-right: 20px;
}
.thread .threadContent .likeHolder a {
  float: left;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background: url("../images/sprite-like.png") no-repeat;
}
.thread .threadContent .likeHolder a.btn_login {
  filter: alpha(opacity=100);
}
.thread .threadContent .likeHolder a:hover {
  background-position: 0 -40px;
}
.thread .threadContent .likeHolder a.userlikes,
.thread .threadContent .likeHolder a.userlikes:hover {
  background-position: 0 -80px;
  cursor: default;
}
.thread .threadContent .likeHolder span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 8px;
  border: 1px solid #c5c5c5;
  border-radius: 0 4px 4px 0;
  box-shadow: inset -1px 1px 3px rgba(0, 0, 0, 0.2);
  line-height: 28px;
  min-width: 40px;
  text-align: center;
  font-weight: 600;
}
.thread .threadContent .signature {
  margin: 30px 0px 24px 0px;
}
.threadElements a {
  color: #00ACE6;
}
/******************/
/** TitleHead *****/
/******************/
.display {
  padding: 24px 12px;
}
.display h1 {
  line-height: 34px;
  padding: 0px 0px 0px 42px;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.display .tagHolder {
  display: inline-block;
  width: 100%;
}
.display .editorTags {
  border: none;
  float: left;
  padding: 0px;
  max-width: 87%;
}
.display .tags {
  padding: 0px;
  line-height: 24px;
  float: left;
}
.display .inputTag {
  display: none;
  float: left;
}
.titleHeader {
  padding: 12px;
  line-height: 30px;
}
.titleContent {
  padding: 12px 12px 24px;
}
.titleSubHeader {
  background: #fafafa;
  padding: 0px 12px;
  line-height: normal;
  position: relative;
  line-height: 30px;
  min-height: 30px;
}
.display.firstPost {
  padding: 0;
}
/****************/
/** TOOLTIPS ****/
/****************/
.hasBaloon {
  position: relative;
}
.baloon {
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
}
.baloon .popupArrow {
  position: relative;
  margin: 0px auto -1px;
  height: 9px;
  width: 16px;
  background: url("../images/popupArrow.png") no-repeat center center;
  z-index: 888;
}
.baloon .popupInfo {
  border: solid 1px #d2d2d2;
  background: #FFF;
  text-align: center;
  position: relative;
  padding: 6px;
}
.baloon .popupInfo .avatarHolder {
  position: absolute;
  top: 6px;
  left: 6px;
  float: none;
}
.baloon .popupInfo p {
  white-space: nowrap;
  margin: 0;
  font-weight: normal;
}
.userLevelHolder.hasBaloon .popupInfo {
  width: 180px;
}
.userLevelHolder.hasBaloon .popupInfo p {
  white-space: normal;
}
.time {
  line-height: 17px;
  cursor: default;
  white-space: nowrap;
}
/*****************************/
/** LOGIN/REGISTER WIDGET ****/
/*****************************/
.logInWidget {
  margin: 0 0 24px 0;
}
.logInWidget h2 {
  padding: 18px 12px 12px;
  margin: 0px;
}
.logInWidget p {
  padding: 0px 12px;
}
.logInWidget a {
  float: left;
  margin: 0px 12px 0px 0px;
  padding: 0px 12px;
}
.logInWidget .btnHolder {
  padding: 12px;
}
.logInWidget .widgetFooter {
  border: 1px solid #D2D2D2;
  border-width: 1px 0 0 0;
  background: #f9f9f9;
  margin: 0px;
  padding: 12px;
}
.logInWidget .widgetFooter a {
  display: block;
  width: 195px;
}
/*********************/
/** TAG WIDGET *******/
/*********************/
.tagWidget .tag {
  display: inline-block;
  margin: 0px 6px 6px 0px;
}
.tagWidget .tag a {
  display: block;
  padding: 0px 6px;
  zoom: 1;
  max-width: 200px;
  overflow: hidden;
}
.topicWidget ul li a {
  display: block;
  margin: 0px 0px 12px 0px;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.topicWidget ul li a span {
  font-weight: bold;
  color: #262626;
  margin: 0px 5px 0px 0px;
}
/*********************/
/** BADGE WIDGET *****/
/*********************/
.badgeWidget ul li .badge {
  display: block;
  float: left;
  margin: 0px 12px 0px 0px;
}
.badgeWidget ul li .badgeInfo {
  float: left;
  line-height: 16px;
  width: 75%;
  margin: 3px 0px 0px 0px;
}
.badgeWidget ul li .badgeInfo .userName {
  font-weight: bold;
  color: #262626;
}
.badgeWidget ul li .badgeInfo .userName:hover {
  color: #00ace6;
}
/*********************/
/** KUDO WIDGET *****/
/*********************/
.kudoWidget ul li {
  margin-bottom: 6px;
}
.kudoWidget ul li .avatarHolder {
  margin-right: 12px;
}
.kudoWidget ul li .kudoInfo {
  margin-top: 10px;
}
.kudoWidget ul li .kudoInfo .userName {
  font-weight: bold;
  float: left;
}
.kudoWidget ul li .kudoInfo .divider {
  float: left;
  margin: 0 6px;
}
.kudoWidget ul li .kudoInfo .kudoCount {
  display: block;
  float: left;
}
.kudoWidget ul li .kudoInfo .kudoCount .count {
  margin-right: 6px;
}
/*************************/
/** LEADERBOARD WIDGET ***/
/*************************/
.leaderboardWidget ul li .avatar {
  float: left;
  margin: 0px 12px 12px 0px;
}
.leaderboardWidget ul li .boardRight {
  float: left;
  line-height: 16px;
}
.leaderboardWidget ul li .boardRight .profileName {
  font-weight: bold;
  color: #262626;
}
.leaderboardWidget ul li .boardRight .profileName:hover {
  color: #00ace6;
}
.leaderboardWidget ul li .boardRight .userLabel {
  padding: 0px 0px 0px 15px;
  background: url("../images/sprite_reputation.png") no-repeat 0 3px;
}
.leaderboardWidget ul li .boardRight .reactions {
  color: #888888;
}
/*************************/
/** PROFILE WIDGET *******/
/*************************/
.profileWidget .generalInfo {
  padding: 18px 12px 12px;
  border-bottom: solid 1px #d2d2d2;
}
.profileWidget .generalInfo .avatarHolder60 {
  margin: 0px 6px 0px 0px;
  cursor: default;
}
.profileWidget .generalInfo .right {
  float: left;
  width: 69%;
}
.profileWidget .generalInfo .right .usernameHolder {
  *zoom: 1;
  display: block;
  margin: 0 0 3px 0;
}
.profileWidget .generalInfo .right .usernameHolder:before,
.profileWidget .generalInfo .right .usernameHolder:after {
  display: table;
  content: "";
  line-height: 0;
}
.profileWidget .generalInfo .right .usernameHolder:after {
  clear: both;
}
.profileWidget .generalInfo .right .usernameHolder h3 {
  color: #00ace6;
  float: left;
}
.profileWidget .generalInfo .right .usernameHolder h3 .userlink {
  color: #00ace6;
}
.profileWidget .generalInfo .right .userTitle {
  float: left;
  line-height: 12px;
}
.profileWidget .generalInfo .right .userLevelHolder {
  float: left;
  margin-right: 3px;
}
.profileWidget .generalInfo .right .badgeHolder {
  display: inline-block;
  width: 100%;
  margin: 6px 0;
}
.profileWidget .generalInfo .right .logOut {
  color: #666666;
  font-style: italic;
}
.profileWidget .generalInfo .right .logOut:hover {
  color: #00ace6;
}
.profileWidget .generalInfo .CTA,
.profileWidget .generalInfo .BTN {
  float: left;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding: 0px 6px;
  margin: 6px 0px 0px 0px;
}
.profileWidget .summary {
  border-bottom: solid 1px #d2d2d2;
}
.profileWidget .summary .sum {
  float: left;
  width: 32%;
  border-right: solid 1px #D2D2D2;
}
.profileWidget .summary .sum:last-child,
.profileWidget .summary .sum.lastChild {
  border: none;
}
.profileWidget .summary .sum .sumItem {
  padding: 8px 12px;
}
.profileWidget .summary .sum .sumItem span {
  display: block;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}
.profileWidget .signature {
  padding: 18px 12px;
  margin: 0px;
  color: #333333;
  font-size: 14px;
  font-style: italic;
  border-bottom: solid 1px #d2d2d2;
  border-top: none;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.profileWidget .detail {
  padding: 12px 10px;
}
.profileWidget .detail .detailInfo {
  margin: 0px 0px 6px 0px;
  line-height: 17px;
}
.profileWidget .detail .detailInfo span {
  width: 60%;
  float: right;
  font-weight: bold;
  color: #333333;
  line-height: 17px;
}
.profileWidget .detail .detailInfo span.userprofilefield {
  word-break: break-all;
}
.profileWidget .profileItem:last-child {
  border: none;
}
.followHolderContainer {
  display: inline-block;
  width: 100%;
}
.followHolder {
  float: left;
  margin: 0 6px 0 0;
}
.followHolder .following {
  text-align: center;
}
ul.profileMenu {
  padding: 12px 10px;
  border-bottom: solid 1px #d2d2d2;
}
ul.profileMenu li {
  padding: 2px 0px;
}
ul.profileMenu li a {
  display: block;
  line-height: 16px;
  padding: 0px 0px 0px 16px;
  cursor: pointer;
}
ul.profileMenu li a span {
  float: right;
}
ul.profileMenu li a span.networkLink {
  float: left;
}
ul.profileMenu li .hasSub {
  background: url("../images/sprite_profileMenu.png") no-repeat 3px -37px;
  padding: 0px 0px 0px 16px;
  cursor: pointer;
  display: block;
  line-height: 16px;
}
ul.profileMenu li .hasSub:hover {
  background-position: 3px -55px;
  color: #00ace6;
}
ul.profileMenu li .hasSub.collapsed {
  background-position: 3px -1px;
}
ul.profileMenu li .hasSub.collapsed:hover {
  background-position: 3px -19px;
}
ul.profileMenu li .profileSubMenu {
  padding: 0px 0px 0px 16px;
}
ul.profileMenu li .profileSubMenu a {
  background: url("../images/sprite_profileMenu.png") no-repeat 3px -74px;
  color: #888888;
}
ul.profileMenu li .profileSubMenu a:hover {
  background-position: 3px -92px;
  color: #00ace6;
}
ul.profileMenu li a.logOut {
  font-style: italic;
  color: #888888;
}
ul.profileMenu li a.logOut:hover {
  color: #00ace6;
}
.labelCounter,
.labelCounterDark {
  font-size: 11px;
  font-weight: bold;
  padding: 3px 6px 2px 6px;
  line-height: 11px;
  min-width: 12px;
  text-align: center;
}
.labelCounter {
  background: #F0F0F0;
  color: #666666;
}
.labelCounter:hover {
  background: #E3E3E3;
}
.labelCounterDark {
  background: #333333;
  color: #FFFFFF;
  cursor: pointer;
}
.labelCounterDark:hover {
  background: #000000;
}
/*********************************/
/** FORUMOVERVIEWLISTENINGBOX ****/
/*********************************/
.forumOverviewListingBoxHeader {
  height: 35px;
  border-bottom: solid 1px #d2d2d2;
  position: relative;
}
.forumOverviewListingBoxHeader h2 {
  line-height: 36px;
  padding: 0px 0px 0px 12px;
}
.btnCollapse {
  position: absolute;
  right: 12px;
  top: 12px;
  display: block;
  height: 12px;
  width: 12px;
  text-indent: -9999px;
  background: url("../images/sprite_collapse.png") no-repeat -7px -5px;
}
.collapsed .btnCollapse {
  background-position: -7px -45px;
}
ul.forumOverviewBits {
  width: 100%;
}
ul.forumOverviewBits li {
  padding: 12px 0px;
  border-bottom: 1px solid #D2D2D2;
}
ul.forumOverviewBits li:last-child,
ul.forumOverviewBits li.lastChild {
  border-bottom: none;
}
.boxItemIcon {
  width: 50px;
  height: 50px;
  background: url("../images/sprite_topics.png") no-repeat -2px -157px;
  margin: 0px 12px;
  float: left;
  text-indent: -9999px;
}
.boxItemIcon.new {
  background-position: 0px -205px;
}
.boxItemIcon.hot {
  background-position: -2px -5px;
}
.boxItemIcon.new_hot {
  background-position: -2px -255px;
}
.boxItemIcon.moved {
  background-position: -2px -105px;
}
.boxItemIcon.closed {
  background-position: -2px -55px;
}
.boxItemIcon.closed_hot {
  background-position: -2px -55px;
}
.forumOverviewListingBoxItemDesc,
.forumOverviewListingBoxItemDescNew {
  float: left;
  width: 240px;
  margin: 0px 30px 0px 0px;
}
.forumOverviewListingBoxItemDesc h3,
.forumOverviewListingBoxItemDescNew h3 {
  margin: 0px 0px 3px 0px;
}
.forumOverviewListingBoxItemDescNew {
  width: 390px;
}
.forumOverviewListingBoxItemSummary,
.forumOverviewListingBoxItemSummaryNew {
  float: left;
  margin: 0 30px 0 0;
  color: #888888;
  font-size: 12px;
  line-height: 17px;
}
.forumOverviewListingBoxItemSummary .itemSum,
.forumOverviewListingBoxItemSummaryNew .itemSum {
  width: 100px;
}
.forumOverviewListingBoxItemSummary .itemSum span,
.forumOverviewListingBoxItemSummaryNew .itemSum span {
  float: right;
}
.forumOverviewListingBoxItemSummaryNew {
  margin: 6px 30px 0 0;
}
.forumOverviewListingBoxItemSummaryNew .counter {
  float: left;
  margin-right: 14px;
  font-size: 13px;
}
.forumOverviewListingBoxItemLastReaction {
  float: left;
}
.forumOverviewListingBoxItemLastReaction .avatarHolder {
  display: block;
  float: left;
  margin: 0px 12px 12px 0px;
}
.forumOverviewListingBoxItemLastReaction .time {
  display: inline-block;
  color: #a5a5a5;
  font-size: 11px;
  cursor: default;
  position: relative;
}
.forumOverviewListingBoxItemLastReactionSum {
  float: left;
  width: 150px;
  line-height: 16px;
}
.forumOverviewListingBoxItemLastReactionLabel {
  float: left;
  font-weight: bold;
  color: #262626;
  margin: 0px 5px 0px 0px;
}
.forumOverviewListingBoxItemLastReactionLink {
  display: block;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.forumOverviewListingBoxItemLastReactionAccount {
  display: inline-block;
  color: #000000;
  width: 100%;
}
.forumOverviewListingBoxCollapse {
  display: none;
  padding: 12px;
}
.forumOverviewListingBoxCollapseInfo {
  display: block;
  padding: 0px 0px 0px 12px;
  background: url("../images/viewForumArrow.png") no-repeat 0 3px;
}
.forumOverviewListingBoxCollapseInfo:hover {
  background-position: 0px -9px;
}
/* -- SECTIONS -- */
/***************/
/** ACTIVITY ***/
/***************/
.activitiesHeader {
  height: 36px;
  line-height: 36px;
  border-bottom: solid 1px #D2D2D2;
}
.activitiesHeader h3 {
  padding: 0px 0px 0px 12px;
  float: left;
}
.activitiesHeader span {
  float: right;
  padding: 0px 12px 0px 0px;
}
.activity {
  border-bottom: 1px solid #D2D2D2;
  padding: 18px 12px;
}
.activity .forumUserAvatar48 {
  cursor: default;
  margin: 0 18px 0 0;
}
.activityContent {
  padding: 0 0 0 66px;
}
.activityContent .username {
  color: #00ACE6;
  font-weight: bold;
}
.activityContent .mention {
  color: #444444;
}
.activityContent .time {
  color: #888888;
  float: right;
  display: inline-block;
  cursor: default;
}
.activityContent .content {
  margin: 6px 0 0 0;
}
.activityContent .content h4 {
  line-height: 17px;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.activityContent .content .activityLink {
  color: #00ace6;
  line-height: 17px;
}
.follow .activityContent .content .left {
  float: left;
  padding: 0px 18px 0px 0px;
}
.follow .activityContent .content .right {
  float: left;
  padding: 0px 0px 0px 18px;
  border-left: solid 1px #D2D2D2;
}
.follow .activityContent .content .right span {
  float: right;
  margin: 0px 0px 0px 15px;
  font-weight: bold;
  color: #444444;
}
.activityContent .content .badge {
  float: left;
  margin: 0px 12px 0px 0px;
}
.activityContent .content .badgeDesc {
  padding: 0 0 0 50px;
}
#more {
  border-top: 1px solid #D2D2D2;
  padding: 18px 12px;
}
#moreEventsButton.loading span,
#moreBadgesButton.loading span {
  background: url("../images/moreLoading-white-bg.gif") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 5px 0;
  text-indent: -9999px;
}
/*************/
/** BADGES ***/
/*************/
.badgeItem {
  border-bottom: 1px solid #D2D2D2;
  padding: 18px 12px;
}
.badgeItem.lastChild {
  border-bottom: none;
}
.badgeItem:last-child {
  border-bottom: none;
}
.legendItem {
  margin: 0 0 12px 0;
}
.legendItem .badgeInLegend {
  float: left;
  margin: 0 12px 0 0;
}
.legendItem .badgeInfo {
  padding: 0 0 0 50px;
}
/***************/
/** ERRORS *****/
/***************/
.notFoundContainer {
  padding: 12px;
}
.notFoundContainer p {
  margin: 0 0 12px 0;
}
.notFoundContainer a {
  color: #00ACE6;
}
.notFoundContainer ol {
  list-style: decimal inside;
  line-height: 17px;
  margin: 0 0 12px 0;
  color: #444;
}
/***************/
/** NETWORK ****/
/***************/
.networkBlock {
  padding: 18px 12px;
}
.networkBlock h3 {
  margin: 12px 0 10px;
}
.networkBlock h3 span {
  font-weight: normal;
}
.networkBlock .more {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  width: 100%;
}
.networkBlock .bigSearch {
  width: 100%;
  float: none;
}
.follower {
  float: left;
  margin: 0px 12px 12px 0px;
  width: 31.5%;
}
.follower .avatarHolder {
  display: block;
  float: left;
  margin: 0px 12px 0px 0px;
}
.follower .followerInfo {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  width: 60%;
}
.follower .reactions {
  white-space: nowrap;
  display: block;
  color: #888888;
  margin: 3px 0px 0px 0px;
}
.follower .follow,
.follower .unfollow {
  margin: 3px 0px 0px 0px;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.follower .follow.hidden,
.follower .unfollow.hidden {
  display: none;
}
/***************/
/** OVERVIEW ***/
/***************/
.headerTop .logo img {
  margin-left: 10px;
}
.whatsGoingOn {
  padding: 18px 12px;
}
.whatsGoingOn h3 {
  margin: 0px 0px 12px 0px;
}
.going,
.online,
.social {
  float: left;
  margin: 0px 18px 0px 12px;
}
.going .stats {
  color: #777777;
  line-height: 18px;
}
.going .stats .stat {
  width: 110px;
}
.going .stats .stat span {
  float: right;
  text-align: left;
}
.online {
  max-width: 272px;
}
.online .forumUser {
  float: left;
  margin: 0px 6px 6px 0px;
  position: relative;
}
.online .forumUserPopup .popupInfo .forumUserInfo {
  padding: 0 0 0 54px;
  text-align: left;
  width: 100px;
  min-height: 48px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.online .UsersOnline .forumUser .forumUserAvatar {
  width: 30px;
  height: 30px;
  background: url("../images/noAvatar30.png") no-repeat 0 0;
}
.online .UsersOnline .forumUser .forumUserPopup .forumUserAvatar {
  width: 50px;
  height: 50px;
  background: #FFF url("../images/noAvatar50.png") no-repeat 1px 1px;
  padding: 1px;
  border: solid 1px #CCC;
  float: left;
  margin: 0px 5px 5px 0px;
}
.online .UsersOnline .forumUser .forumUserPopup .username {
  color: #262626;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  white-space: nowrap;
}
.online .UsersOnline .forumUser .forumUserPopup .userMeta {
  height: 12px;
}
.online .UsersOnline .forumUser .forumUserPopup .userLevel {
  float: left;
  margin: 0 3px 0 0;
}
.online .UsersOnline .forumUser .forumUserPopup .userTitle {
  white-space: nowrap;
  float: left;
}
.online .UsersOnline .forumUser .forumUserPopup .badgeHolder {
  margin: 5px 0;
}
.online .UsersOnline .forumUser .forumUserPopup .badgeHolder img {
  width: 18px;
  height: auto;
}
.online .UsersOnline .forumUser .forumUserPopup .userLabel {
  display: block;
  color: #444444;
  white-space: nowrap;
}
.social .twitter-share-button,
.social .fb-like,
.social #___plusone_0 {
  display: block;
  margin: 0px 0px 12px 0px;
}
.even {
  background: #f9f9f9;
}
.odd {
  background: #FFFFFF;
}
.mainList {
  border-top: solid 1px #D2D2D2;
}
.forum .bigSearch {
  float: left;
  width: 60%;
}
.titleContent .CTA {
  float: right;
}
.listingBoxHeader {
  min-height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #D2D2D2;
  position: relative;
  z-index: 11;
}
.listingBoxHeader a {
  position: relative;
}
.listingBoxHeader a .sort {
  position: absolute;
  top: 0;
  right: -14px;
  width: 12px;
  height: 12px;
}
.listingBoxHeader a.asc .sort {
  background: url("../images/sorting_arrow.png") no-repeat 2px -11px;
}
.listingBoxHeader a.desc .sort {
  background: url("../images/sorting_arrow.png") no-repeat 2px 5px;
}
.forumbits {
  position: relative;
  z-index: 10;
}
.listingBox .icon {
  float: left;
  width: 9.15%;
  margin: 0 0 0 1.7%;
  text-indent: -9999px;
}
.listingBox .title {
  float: left;
  margin: 0 0 0 1.7%;
  width: 37.8%;
}
.listingBox .title a {
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.listingBox .title h3 a {
  display: block;
}
.listingBox .reactions {
  float: left;
  margin: 0 0 0 0.85%;
  width: 10.4%;
  text-align: center;
  color: #999;
}
.listingBox .views {
  float: left;
  margin: 0 0 0 0.85%;
  width: 13%;
  text-align: center;
  color: #999;
}
.listingBox .lastReaction {
  float: left;
  margin: 0 0 0 0.85%;
  width: 20.9%;
}
.listingBox .remove {
  float: right;
  margin: 0 9px 0 0;
}
.listingBox .remove .delete {
  background: url("../images/sprite_message.png") no-repeat scroll -7px -7px transparent;
  float: right;
  height: 10px;
  text-indent: -9999px;
  width: 10px;
}
.listingBox .remove .delete:hover {
  background-position: -7px -31px;
}
.forumSettings {
  float: right;
  margin: 0 0 0 0.85%;
  width: 30px;
  position: absolute;
  right: 0;
}
.forumSettings .settingIcon {
  display: block;
  width: 28px;
  height: 30px;
  text-indent: -9999px;
  background: url("../images/icon_settings.png") center no-repeat;
  position: absolute;
  right: 0;
}
.forumSettingPopup {
  position: absolute;
  left: -102px;
  top: 24px;
  display: none;
}
.forumSettingPopup .popupArrow {
  height: 9px;
  width: 16px;
  background: url("../images/popupArrow.png") no-repeat;
  position: absolute;
  top: 0px;
  left: 109px;
  z-index: 1;
}
.forumSettingPopup .popupInfo {
  border: solid 1px #d2d2d2;
  background: #FFF;
  width: 116px;
  height: auto;
  padding: 12px;
  position: absolute;
  top: 8px;
  z-index: 0;
  line-height: 18px;
}
.forumSettingPopup .popupInfo .popupTitle {
  color: #444444;
  font-weight: bold;
}
.forumSettingPopup .popupInfo ul li {
  border: none;
  padding: 0;
}
.forumSettingPopup .popupInfo ul li a {
  display: block;
}
.forumSettingPopup .popupInfo ul li a.active {
  font-weight: bold;
  color: #00ace6;
}
.listingBox li {
  border-bottom: 1px solid #D2D2D2;
  padding: 12px 0;
}
.listingBox li.sticky {
  background: #f0f7fa;
}
.listingBox li.lastSticky {
  border-width: 2px;
}
.listingBox li .title .label {
  float: left;
  color: #00ace6;
  margin: 0px 6px 0px 0px;
}
.listingBox li .title .metaInfo {
  margin: 6px 0px 0px 0px;
  color: #444444;
}
.listingBox li .title .metaInfo .usernameHolder {
  display: inline;
}
.listingBox li .title .metaInfo .username {
  color: #000000;
}
.listingBox li .title .metaInfo .time {
  color: #999999;
  position: relative;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.lastReaction .avatarHolder {
  display: block;
  float: left;
  margin: 0px 12px 6px 0px;
}
.lastReactionSum {
  float: left;
  line-height: 16px;
}
.lastReactionSum .username {
  color: #000000;
  display: block;
}
.lastReactionSum .time {
  display: inline-block;
  color: #a5a5a5;
  font-size: 11px;
  position: relative;
  cursor: default;
}
.lastReactionSum .showDirect,
.listingBoxItem .js-unreadPostCounterOverview a {
  color: #00ace6;
  display: block;
}
.js-unreadPostCounterOverview a:hover {
  text-decoration: underline;
}
.listingBoxFooter .ForumContentListMarkAll {
  float: left;
  margin: 24px 12px;
}
.listingBoxFooter .CTA {
  float: right;
  margin: 12px;
}
/**********************/
/** PRIVATE MESSAGES **/
/**********************/
.pmOverview .bigSearch {
  float: none;
  width: 100%;
}
.pmOverview ul {
  border-top: solid 1px #D2D2D2;
}
.messageStream {
  min-height: 205px;
}
.firstMessage {
  border-bottom: solid 1px #D2D2D2;
  padding: 24px 12px;
  text-align: center;
  color: #888888;
}
.message {
  border-bottom: solid 1px #D2D2D2;
  padding: 12px;
}
.message:last-child {
  border: none;
}
.message .forumUserAvatar48 {
  margin: 0px 18px 0px 0px;
  cursor: default;
}
.message .delete {
  float: right;
  text-indent: -9999px;
  background: url("../images/sprite_message.png") no-repeat -7px -7px;
  width: 10px;
  height: 10px;
  margin: 0px 0px 0px 12px;
}
.message .delete:hover {
  background-position: -7px -31px;
}
.messageContent {
  padding: 0px 12px 0px 66px;
}
.messageContent .username {
  color: #00ace6;
  font-weight: bold;
}
.messageContent .time {
  float: right;
  color: #888888;
  position: relative;
  cursor: default;
}
.messageContent p {
  margin: 6px 0 0 0;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.messageContent .streamMessage {
  margin: 6px 0 0 0;
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
.message .streamLink {
  display: inline-block;
  width: 100%;
}
.message .streamLink .messageContent {
  padding: 0 0 0 66px;
}
.message.send .streamLink {
  background: url("../images/sprite_message.png") no-repeat -7px -54px;
  padding: 0px 0px 0px 14px;
}
.message.unread .streamLink {
  font-weight: bold;
}
.chatbox .titleHeader {
  border-bottom: solid 1px #D2D2D2;
  position: relative;
  z-index: 999;
}
.conversationEditor {
  padding: 12px;
  border-top: 1px solid #D2D2D2;
  position: relative;
  z-index: 999;
}
.conversationEditor .editorHolder .editorAvatar {
  margin: 0px;
}
.conversationEditor .avatarHolder60,
.conversationEditor img.avatar60 {
  height: 44px;
  width: 44px;
}
/****************/
/** SETTINGS ****/
/****************/
.settingBlock {
  padding: 18px 12px;
  border-bottom: 1px solid #D2D2D2;
}
.settingBlock:last-child,
.settingBlock.lastChild {
  border: none;
}
.settingBlock.notificationBlock {
  border: none;
}
.settingBlock.ssoSettings a {
  float: left;
  padding: 0 12px;
}
.settingBlock.ssoSettings a.decouple {
  color: #00ace6;
}
.settingBlock.ssoSettings b {
  float: left;
}
.settingBlock h3 {
  margin: 0px 0px 18px 0px;
}
.settingBlock .label {
  float: left;
  width: 24%;
}
.settingBlock .label.error {
  color: #DB3D20;
}
.settingBlock .content {
  float: right;
  width: 72%;
  display: table;
}
.settingBlock .customRegistrationFields {
  margin-top: 10px;
}
.settingBlock .item {
  margin: 0px 0px 6px 0px;
  line-height: 24px;
}
.settingBlock .item ul li {
  margin: 0px 0px 6px 0px;
}
.settingBlock .item .select2-container {
  margin-right: 3px;
}
.settingBlock .item .select2-container.display {
  padding: 0;
}
.settingBlock .item .select2-container.lastChild {
  margin-right: 0;
}
.settingBlock .content input[type="text"],
.settingBlock .content input[type="password"] {
  background: #FFF;
  border: solid 1px #D2D2D2;
  padding: 6px;
  width: 97%;
}
.settingBlock .content input[type="text"].error,
.settingBlock .content input[type="password"].error,
.settingBlock .content.error input[type="text"],
.settingBlock .content.error input[type="password"] {
  background: #FFEBE8;
  border: solid 1px #DB3D20;
}
.settingBlock #SignupSsoForm_username {
  width: 220px;
  margin: 0px 12px 6px 0px;
}
.settingBlock .metaMessage {
  font-size: 11px;
  font-style: italic;
  color: #888888;
  display: block;
}
.settingBlock .termsLabel {
  display: block;
  width: 232px;
  margin: 0px 12px 0px 0px;
}
.settingBlock .errorMessage {
  color: #888888;
  font-size: 11px;
  font-style: italic;
  margin: 0 0 0 6px;
  width: 250px;
  display: table-cell;
  vertical-align: middle;
  line-height: 13px;
}
.select2-search {
  display: none !important;
}
.select2-container:last-child {
  margin: 0;
}
.socialBlock .item {
  line-height: 30px;
}
.socialBlock .socialHolder {
  margin: 12px auto;
  display: table;
  width: auto;
  text-align: center;
}
.socialBlock .socialHolder .socialButtons a {
  text-align: left;
  float: none;
  margin-bottom: 3px;
}
.socialBlock .socialHolder p {
  margin: 0;
}
.facebookBTN {
  display: inline-block;
  height: 21px;
  width: 158px;
  background: url("../images/sprite_socialButtons.png") no-repeat 0 0;
  float: left;
  padding: 9px 0 0 42px;
  color: #FFF;
}
.facebookBTN:hover {
  background-position: -200px 0;
  color: #FFF;
}
.twitterBTN {
  display: inline-block;
  height: 21px;
  width: 158px;
  background: url("../images/sprite_socialButtons.png") no-repeat 0 -36px;
  float: left;
  padding: 9px 0 0 42px;
  color: #FFF;
}
.twitterBTN:hover {
  background-position: -200px -36px;
  color: #FFF;
}
.linkedinBTN {
  display: inline-block;
  height: 21px;
  width: 158px;
  background: url("../images/sprite_socialButtons.png") no-repeat 0 -72px;
  float: left;
  padding: 9px 0 0 42px;
  color: #FFF;
}
.linkedinBTN:hover {
  background-position: -200px -72px;
  color: #FFF;
}
.settingBlock.passwordBlock input[type="text"],
.settingBlock.emailBlock input[type="text"],
.settingBlock.emailBlock input[type="password"],
.settingBlock.passwordBlock input[type="password"],
.settingBlock.currentPasswordBlock input[type="password"] {
  width: 220px;
  float: left;
  margin: 0 10px 0 0;
}
.avatarSettings .avatarHolder60 {
  float: left;
  margin: 0 12px 12px 0;
  cursor: default;
}
.avatarSettings .fileUploadContainer {
  float: left;
}
.avatarSettings .fileUploadContainer .fileInputholder {
  background: none;
  position: relative;
  width: auto;
  float: left;
  height: 24px;
  overflow: hidden;
  margin: 0 6px 0 0;
}
.avatarSettings .fileUploadContainer .fileInputholder #image {
  cursor: pointer;
  font-size: 1000px;
  height: 400px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1000px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.avatarSettings .fileUploadContainer .fileInputholder .fakeInput {
  background: #FFF;
  float: left;
  height: 22px;
  border-style: solid;
  border-color: #d6d6d6;
  border-width: 1px;
  min-width: 141px;
  border-radius: 4px;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.12);
  margin: 0 2px 0 0;
  cursor: pointer;
}
.avatarSettings .fileUploadContainer .fileInputholder .fakeBTN {
  float: left;
  color: #333333;
  background: #f6f6f6;
  border-color: #c5c5c5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
}
.avatarSettings .fileUploadContainer .fileInputholder:hover .fakeBTN {
  background: #e6e6e6;
  background-image: -webkit-linear-gradient(top, #efefef 0%, #e6e6e6 100%);
  background-image: -moz-linear-gradient(top, #efefef 0%, #e6e6e6 100%);
  background-image: -ms-linear-gradient(top, #efefef 0%, #e6e6e6 100%);
  background-image: -o-linear-gradient(top, #efefef 0%, #e6e6e6 100%);
  background-image: linear-gradient(top, #efefef 0%, #e6e6e6 100%);
}
.avatarSettings .jcrop-holder {
  clear: both;
  display: block;
  margin: 0 0 12px 0;
}
.avatarSettings .loader {
  float: left;
  display: none;
  margin: 4px;
}
.avatarSettings .avatar_submit {
  float: left;
}
.avatarSettings .cancelAvatar {
  float: left;
  display: none;
  margin: 8px 0 0 6px;
}
.avatarSettings .deleteAvatar {
  color: #00ACE6;
  display: block;
}
.avatarSettings .deleteAvatar:hover {
  color: #444444;
}
.generalSettings .label {
  width: 36%;
}
.generalSettings .content {
  width: 64%;
}
/**************/
/** TERMS *****/
/**************/
.termsBox {
  padding: 12px;
}
/******************/
/****  THREAD  ****/
/******************/
.titleHead .left {
  float: left;
  width: 75%;
}
.titleHead.firstPost .left {
  width: auto;
}
.titleHead .subscribeBox {
  position: absolute;
  right: 12px;
  top: 24px;
}
.titleHead .subscribeBox .profile {
  display: block;
  border: solid 1px #D2D2D2;
  border-width: 1px;
  float: left;
  padding: 0px 10px 0px 0px;
  height: 28px;
  line-height: 28px;
}
.titleHead .subscribeBox .avatar24 {
  width: 24px;
  height: 24px;
  float: left;
  margin: 2px 10px 2px 2px;
}
.titleHead .subscribeBox .subscribe {
  text-indent: -9999px;
  height: 28px;
  width: 28px;
  display: block;
  float: left;
  border: solid 1px #D2D2D2;
  margin: 0 6px 0 0;
  background: url("../images/favorite_sprite.png") no-repeat -1px -1px #f7f7f7;
}
.titleHead .subscribeBox .subscribe:hover {
  color: #888888;
  background-color: #EEE;
}
.titleHead .subscribeBox .subscribe.active {
  background-position: -1px -31px;
}
.titleHead .firstPostHeader {
  padding: 20px;
}
.titleHead .returnLink {
  display: block;
  margin-bottom: 10px;
  padding-left: 20px;
  background: url("../images/arrow_back.png") no-repeat center left;
}
.titleHead .firstPostTitle {
  display: block;
  padding: 0 0 20px;
  width: 75%;
}
.titleHead .subscribeBtn {
  border: 1px solid #C5C5C5;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #444444;
  display: block;
  background: #f7f7f7;
  cursor: pointer;
  text-align: center;
  position: relative;
  float: left;
  height: auto;
  padding: 8px;
  line-height: 14px;
  border-radius: 5px;
}
.titleHead .subscribeBtn:hover {
  color: #333333;
  background: #EEE;
}
.titleHead .subscribeBtn i {
  display: block;
  float: left;
  margin-right: 7px;
  width: 13px;
  height: 12px;
  background: url("../images/sprite_favstars.png") no-repeat top left;
}
.titleHead .subscribeBtn.active {
  color: #fff;
  border-radius: 5px;
  border: solid 1px #669d04;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  background-color: #8ec728;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.titleHead .subscribeBtn.active i {
  background-position: bottom left;
}
.titleHead .subscribeBtn.active:hover {
  background-color: #8ec728;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.23);
  border: solid 1px #599102;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));
}
.titleHead .animatedBorder {
  display: block;
  height: 1px;
  border: 0;
  margin: 0;
  border-top: 1px solid #d2d2d2;
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
.titleHead .animatedBorder.open {
  margin: 0 20px;
}
.firstPostContent {
  *zoom: 1;
  border-bottom: none;
}
.firstPostContent:before,
.firstPostContent:after {
  display: table;
  content: "";
  line-height: 0;
}
.firstPostContent:after {
  clear: both;
}
.firstPostContent + .closedMessage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 40px;
  margin-top: -2px;
  padding: 12px 0;
  text-align: center;
  color: #00ace6;
  border-top: #D2D2D2 1px solid;
}
.firstPostContent + .closedMessage .showMessage {
  display: block;
}
.firstPostContent + .closedMessage .hideMessage {
  display: none;
}
.firstPostContent + .closedMessage.open .showMessage {
  display: none;
}
.firstPostContent + .closedMessage.open .hideMessage {
  display: block;
}
.firstPostContent.animated {
  display: none;
}
.firstPostContent.animated .threaduserLabel.author {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(5px, 0);
  -webkit-transform: translate(5px, 0);
  -moz-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  -o-transform: translate(5px, 0);
}
.firstPostContent.open .threaduserLabel.author {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.threadListingBoxHeader {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #D2D2D2;
}
.threadListingBoxHeader .results {
  float: left;
  margin: 0px 0px 0px 12px;
}
.threadListingBoxHeader .socialShare {
  float: right;
  margin: 0px 12px 0px 0px;
}
.threadListingBoxHeader .socialShare span.share {
  float: left;
  margin: 0px 5px 0px 0px;
}
.threadListingBoxHeader .socialShare a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin: 7px 0px 0px 3px;
}
.threadListingBoxHeader .sortButtons {
  float: right;
}
.threadListingBoxHeader .sortButtons a {
  border: 1px solid #C5C5C5;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #444444;
  display: block;
  background: #f7f7f7;
  cursor: pointer;
  text-align: center;
  float: left;
  padding: 8px;
  margin-left: 5px;
  border-radius: 5px;
  height: auto;
  line-height: 14px;
}
.threadListingBoxHeader .sortButtons a:hover {
  color: #333333;
  background: #EEE;
}
.threadListingBoxHeader .sortButtons a.active {
  background: #333;
  color: #fff;
}
.sortingHeader {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 52px;
  padding: 10px;
  background: #f0f0f0;
}
.sortingHeader .results {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.sortingHeader .results .unreadPostCounterSingleTopic {
  float: right;
  font-size: 12px;
  font-weight: normal;
  margin-left: 12px;
}
.sortingHeader .results .unreadPostCounterSingleTopic a {
  color: #00ace6;
}
.sortingHeader .results .unreadPostCounterSingleTopic a:hover {
  text-decoration: underline;
}
#at20mc {
  word-wrap: normal;
}
.create_post {
  padding: 18px 12px;
}
.editor_container h2 {
  margin: 0 0 12px;
}
.related {
  margin: 0px 0px 24px 0px;
  padding: 18px 12px;
}
.related h2 {
  margin: 0px 0px 12px 0px;
}
.related a {
  background: url("../images/linkArrow.png") no-repeat scroll 0 2px;
  padding: 0px 0px 0px 20px;
  line-height: 18px;
}
.related a:hover {
  background-position: 0 -25px;
}
.related a span {
  color: #888888;
  margin: 0px 0px 0px 6px;
}
.thread_new h1 {
  line-height: 30px;
}
.thread_new .editor {
  float: none;
  padding: 0px;
}
.thread_new .editorTitle {
  width: auto;
}
.thread_new .editorContent {
  width: auto;
  max-width: 100%;
}
.thread_new .editorAdds {
  width: auto;
}
.thread_new .editorTags {
  width: auto;
}
.thread_new .adds {
  width: auto;
}
.thread_new .editorFooter {
  width: auto;
}
/***********************/
/** RESTORE PASSWORD ***/
/***********************/
.restorePasswordBox {
  margin: 28px 436px 20px 36px;
}
.restorePasswordBox h2 {
  margin-left: 0;
  color: black;
}
.restorePasswordBox.valid .label {
  margin: 4px 4px 4px 0;
}
.restorePasswordBox.valid .content {
  margin-bottom: 5px;
}
.restorePasswordBox.invalid a {
  color: #1dadf5;
}
@-webkit-keyframes sharebox-animation {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@-moz-keyframes sharebox-animation {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes sharebox-animation {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@-o-keyframes sharebox-animation {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@keyframes sharebox-animation {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
.no-cssanimations .titleHead .share_button:hover .shareBox,
.no-cssanimations .titleHead .share_button .shareBox.hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
@font-face {
  font-family: 'share_icons';
  src: url('../fonts/share-icons.eot?ku2zy');
  src: url('../fonts/share-icons.eot?#iefixku2zy') format('embedded-opentype'), url('../fonts/share-icons.woff?ku2zy') format('woff'), url('../fonts/share-icons.ttf?ku2zy') format('truetype'), url('../fonts/share-icons.svg?ku2zy#share-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.share_box_holder.default {
  float: left;
  position: relative;
}
.share_box_holder.default .share_button {
  border: 1px solid #C5C5C5;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #444444;
  display: block;
  background: #f7f7f7;
  cursor: pointer;
  text-align: center;
  position: relative;
  text-decoration: none;
  height: auto;
  margin-left: 7px;
  padding: 8px;
  font-size: 14px;
  line-height: 14px;
}
.share_box_holder.default .share_button:hover {
  color: #333333;
  background: #EEE;
}
.share_box_holder.default .share_button:before {
  margin-right: 5px;
  width: 13px;
  height: 13px;
  content: url("../images/icon_share.png");
  float: left;
}
.share_box_holder.default.active .shareBox {
  display: block;
}
.share_box_holder.default .shareBox {
  position: absolute;
  display: none;
  width: 250px;
  top: 45px;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  box-sizing: border-box;
  z-index: 1;
  height: auto;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
}
.share_box_holder.default .shareBox .whitespace {
  width: 100%;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.share_box_holder.default .shareBox:after,
.share_box_holder.default .shareBox:before {
  content: " ";
  text-align: center;
  border: solid rgba(255, 255, 255, 0);
  border-bottom: 20px solid #fff;
  width: 0;
  display: block;
  position: absolute;
  left: 50%;
}
.share_box_holder.default .shareBox:after {
  border-left-width: 13px;
  border-right-width: 13px;
  margin-left: -13px;
  top: -23px;
}
.share_box_holder.default .shareBox:before {
  border-left-width: 14px;
  border-right-width: 14px;
  border-bottom: 20px solid rgba(0, 0, 0, 0.1);
  margin-left: -14px;
  top: -24px;
}
.share_box_holder.default .shareBox .inner {
  z-index: 1;
  position: relative;
  text-align: center;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  white-space: nowrap;
}
.share_box_holder.onindex,
.share_box_holder.onindex:hover {
  background: none;
  border: 0;
  cursor: initial;
  padding: 0;
  border-radius: 0;
  height: auto;
  width: auto;
}
.share_box_holder.onindex .shareBox .inner a,
.share_box_holder.onindex:hover .shareBox .inner a {
  clear: left;
  float: left;
  margin: 3px;
}
.shareBox a {
  white-space: normal;
  display: inline-block;
  float: none;
  padding: 3px;
  height: 20px;
  box-sizing: border-box;
  margin: 0 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: normal;
  font-family: Helvetica, Arial, sans-serif;
  cursor: pointer;
  text-decoration: none;
}
.shareBox a:before {
  width: 14px;
  height: 14px;
  font-family: 'share_icons';
  line-height: 14px;
  text-align: center;
  position: relative;
  margin-right: 3px;
  float: left;
  font-weight: normal;
}
.shareBox a.share_twitter {
  background: #eee;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dedede), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #dedede, #fff);
  background: -moz-linear-gradient(center bottom, #dedede 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #dedede);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dedede', GradientType=0);
  border: #ccc solid 1px;
  color: #333;
}
.shareBox a.share_twitter:before {
  content: "\e600";
  color: #4099FF;
}
.shareBox a.share_twitter:hover {
  border-color: #bbb;
  background: #d9d9d9;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d9d9d9), color-stop(1, #f8f8f8));
  background: -ms-linear-gradient(bottom, #d9d9d9, #f8f8f8);
  background: -moz-linear-gradient(center bottom, #d9d9d9 0%, #f8f8f8 100%);
  background: -o-linear-gradient(#f8f8f8, #d9d9d9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d9d9d9', GradientType=0);
  box-shadow: none;
}
.shareBox a.share_facebook {
  background: #4c69ba;
  border: solid 1px #4c69ba;
  border-radius: 2px;
  color: #fff;
  text-shadow: 0 -1px 0 #354c8c;
}
.shareBox a.share_facebook:before {
  content: "\e604";
  color: #fff;
  font-size: 13px;
  float: left;
}
.shareBox a.share_facebook:hover {
  background: #5b7bd5;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4864b1), color-stop(1, #5b7bd5));
  background: -ms-linear-gradient(bottom, #4864b1, #5b7bd5);
  background: -moz-linear-gradient(center bottom, #4864b1 0%, #5b7bd5 100%);
  background: -o-linear-gradient(#5b7bd5, #4864b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7bd5', endColorstr='#4864b1', GradientType=0);
  border-color: #5874c3 #4961a8 #41599f;
  box-shadow: inset 0 0 1px #607fd6;
}
.shareBox a.share_googleplus {
  border: 1px solid #d5d5d5;
  color: #dd4b39;
  background: #fff;
}
.shareBox a.share_googleplus:before {
  content: "\e602";
  margin-top: 1px;
  font-size: 11px;
  float: left;
}
.shareBox a.share_googleplus:hover {
  border-color: #bbb;
}
.shareBox a.share_linkedin {
  background: #ececec;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ececec), color-stop(1, #fdfdfd));
  background: -ms-linear-gradient(bottom, #ececec, #fdfdfd);
  background: -moz-linear-gradient(center bottom, #ececec 0%, #fdfdfd 100%);
  background: -o-linear-gradient(#fdfdfd, #ececec);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ececec', GradientType=0);
  border: 1px solid #e2e2e1;
  color: #333;
  border-radius: 3px;
}
.shareBox a.share_linkedin:before {
  content: "\e603";
  color: #fff;
  background: #82b1d7;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2f71b0), color-stop(1, #82b1d7));
  background: -ms-linear-gradient(bottom, #2f71b0, #82b1d7);
  background: -moz-linear-gradient(center bottom, #2f71b0 0%, #82b1d7 100%);
  background: -o-linear-gradient(#82b1d7, #2f71b0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b1d7', endColorstr='#2f71b0', GradientType=0);
  font-size: 13px;
  height: 20px;
  width: 18px;
  line-height: 20px;
  margin: -4px 3px 0 -4px;
  border-radius: 2px;
  float: left;
}
.shareBox a.share_linkedin:hover {
  border-color: #bbb;
  background: #d9d9d9;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d9d9d9), color-stop(1, #f8f8f8));
  background: -ms-linear-gradient(bottom, #d9d9d9, #f8f8f8);
  background: -moz-linear-gradient(center bottom, #d9d9d9 0%, #f8f8f8 100%);
  background: -o-linear-gradient(#f8f8f8, #d9d9d9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d9d9d9', GradientType=0);
  box-shadow: none;
}
.margin-mixin {
  margin: 5%;
}
.offlinePage {
  background-color: #f8f8f8;
}
.offlinePage .offlineBox {
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  position: relative;
  display: block;
  width: 100%;
  max-width: 560px;
  margin: 12.5% auto 0;
  margin-bottom: 12.5%;
  border-bottom: #dfdfdf 1px solid;
  background-color: white;
}
@media screen and (max-width: 560px) {
  .offlinePage .offlineBox {
    margin: 0 auto 0;
  }
}
.offlinePage .offlineBox > h1,
.offlinePage .offlineBox > div {
  margin: 5%;
  position: relative;
  display: inline-block;
  width: 90%;
}
.offlinePage .offlineBox > h1 {
  margin-bottom: 20px;
}
.offlinePage .offlineBox > div {
  margin-top: 0;
}
.offlinePage .bbElements iframe {
  width: 480px !important;
  height: 270px !important;
}
.offlinePage .bbElements img {
  max-width: 100%;
}
.offlinePage .bbElements ol li {
  list-style: inside decimal;
}
.offlinePage .bbElements ul li {
  list-style: inside;
}
.offlinePage .bbElements li {
  border: none;
}
.offlinePage .bbElements a {
  color: #1dadf5;
}
.offlinePage .bbElements a:hover {
  text-decoration: underline;
}
.offlinePage .bbElements a.CTA:hover {
  text-decoration: none;
}
.offlinePage .bbElements .threadQuote,
.offlinePage .bbElements .bbQuote {
  font-style: italic;
  border-left: 2px solid #c5c5c5;
  padding-left: 8px;
}
.offlinePage .bbElements .threadCode,
.offlinePage .bbElements .bbCode {
  font-family: 'Courier New', Courier, monospace;
  padding: 6px;
  background: #f8f8f8;
}
.noResults,
.listingBox .noResults {
  padding: 12px;
}
.noResults .notification {
  margin: 0px;
}