@charset "UTF-8";
/*!
	David Grudl CSS Framework
	(c) 2004-2008 David Grudl. All rights reserved.
	https://davidgrudl.com
*/
/*
	David Grudl CSS Framework
	(c) 2004-2008 David Grudl. All rights reserved.
	https://davidgrudl.com
	Version: 1 (2008-05-28)
*/
/*------------------------------------------------------------------*/
body,
html {
  margin: 0;
  padding: 0;
}
body {
  line-height: 1.5;
  background: white;
  color: black;
  position: relative;
  /* kvuli IE7 a zoomingu */
  font-size: 13px;
  /* kvuli Mozilla & Webkit problemu s monospace fontem */
}
/*------------------------------------------------------------------*/
ol,
ul,
menu {
  margin: 0.8em 0 1.75em 1.75em;
  padding: 0;
}
li {
  margin: 0.1em 0 0.1em 1.75em;
  padding: 0;
}
form {
  margin: 0;
  padding: 0;
}
/*------------------------------------------------------------------*/
table {
  border-collapse: separate;
  /* or collapse? */
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
}
/*------------------------------------------------------------------*/
input,
select {
  vertical-align: middle;
}
input,
select,
textarea {
  font-size: 100%;
  /* line-height nemenit */
}
/* IE Stretched Button Bug on WinXP - workaround (http://jehiah.cz/archive/button-width-in-ie) */
input.button {
  width: 0;
  overflow: visible;
}
input.button[class] {
  width: auto;
  /* IE ignores [class] */
}
/*------------------------------------------------------------------*/
img {
  vertical-align: middle;
  border: none;
}
/* pre s horizontalnim scrollbarem */
pre {
  overflow: auto;
  _padding-bottom: 2em;
  /* zobrazi posledni radek v IE */
}
* html pre {
  overflow-y: visible;
  /* odstrani vertikalni scrollbar v IE */
}
hr {
  height: 0;
  border: 0;
  border-top: 1px solid black;
}
/*------------------------------------------------------------------*/
/* bug s roztahovanim boxu */
i,
em {
  margin-right: 0.1em;
}
/* bug s roztahovanim mezer mezi radky */
sub,
sup {
  vertical-align: baseline;
  position: relative;
}
sub {
  top: 0.4em;
}
sup {
  bottom: 0.4em;
}
/* bug s chybejicim ukazatelem v IE */
a {
  cursor: hand;
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}
/* Remove possible quote marks (") from <q>, <blockquote> */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
q {
  font-style: italic;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p {
  text-indent: 0;
}
p {
  margin: 0.8em 0 1em;
  padding: 0;
  text-indent: 0.8em;
}
p code,
li code,
dl code {
  white-space: pre-wrap;
}
h1,
h2,
h3,
h4 {
  text-indent: 0;
  margin: 1em 0 0.6em;
}
/*
	David Grudl CSS Framework
	(c) 2004-2008 David Grudl. All rights reserved.
	https://davidgrudl.com
	Version: 1 (2008-05-28)
*/
.hidden,
.print,
.js {
  display: none;
}
.blind {
  position: absolute;
  top: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.clear {
  clear: both;
}
.default {
  font-weight: bold;
}
.about {
  border-bottom: 1px dotted gray;
}
.number {
  text-align: right;
  white-space: nowrap;
}
.wide {
  width: 100%;
}
/*------------------------------------------------------------------*/
.error,
.alert,
.required {
  color: red;
  font-weight: bold;
}
.notice {
  color: yellow;
}
.success {
  color: green;
}
/*------------------------------------------------------------------*/
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}
img.left,
.figure-left {
  float: left;
  clear: left;
  margin: 5px 20px 5px 0;
}
img.right,
.figure-right {
  float: right;
  clear: right;
  margin: 5px 0 5px 20px;
}
/*------------------------------------------------------------------*/
.noindent {
  text-indent: 0 !important;
}
.nowrap {
  white-space: nowrap !important;
}
.nodots {
  list-style: none !important;
}
.noborder {
  border: none !important;
}
/*------------------------------------------------------------------*/
a[href^="error:"] {
  background: red !important;
  color: white !important;
}
@font-face {
  font-family: "icons";
  src: url("fonts/icons.eot");
  src: url("fonts/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons.woff") format("woff"), url("fonts/icons.ttf") format("truetype"), url("fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-rss:before {
  content: "w";
}
.icon-trash:before {
  content: "y";
}
.icon-unlock:before {
  content: "b";
}
.icon-lock:before {
  content: "d";
}
.icon-archive:before {
  content: "a";
}
.icon-chat:before {
  content: "f";
}
.icon-quote:before {
  content: "g";
}
.icon-reply:before {
  content: "h";
}
.icon-minus:before {
  content: "n";
}
.icon-plus:before {
  content: "o";
}
.icon-question:before {
  content: "i";
}
.icon-sticky:before {
  content: "k";
}
.icon-alert:before {
  content: "l";
}
.icon-pencil:before {
  content: "m";
}
.icon-twitter:before {
  content: "s";
}
.icon-burst:before {
  content: "p";
}
.icon-github:before {
  content: "v";
}
.icon-facebook:before {
  content: "x";
}
.icon-remove:before {
  content: "A";
}
.icon-x-circle:before {
  content: "B";
}
.icon-like:before {
  content: "E";
}
.icon-dislike:before {
  content: "F";
}
.icon-chat2:before {
  content: "c";
}
.icon-question2:before {
  content: "e";
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  background: black;
  color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 17px;
  padding: 8px 10px;
  overflow: hidden;
  white-space: pre;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/****************************************************************/
/* 1. IMPORTED STYLESHEETS */
/****************************************************************/
/* Import the basic setup styles */
/*! */
/* Import the my changes */
/*! */
.rss img {
  vertical-align: middle;
}
body {
  tab-size: 4;
}
ul.bblinks strong {
  color: darkred;
}
.postmsg ul,
.postmsg ol {
  margin: 0 0 20px 20px !important;
  padding: 0;
}
.postmsg li {
  margin-left: 20px !important;
  margin-bottom: 0.4em !important;
}
#tags label {
  display: inline;
  margin-right: 1em;
}
p {
  margin: 0.8em 0 !important;
  padding: 0 !important;
}
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
p.noindent {
  text-indent: 0 !important;
}
.txtarea textarea {
  width: 95%;
  padding: 7px;
  border: 1px solid #B4B4B4;
  border-bottom-color: #EDEDED;
  border-right-color: #EDEDED;
  _overflow-y: visible;
  _padding-bottom: 2em;
}
textarea,
pre,
code,
samp,
kbd,
var {
  font-size: 14px;
  line-height: 1.35em !important;
}
textarea {
  font-size: 15px;
}
textarea {
  border: 1px solid gray;
  padding: 3px;
}
i,
em {
  margin-right: 0.1em !important;
}
acronym,
abbr,
.about {
  border-bottom: 1px dotted gray !important;
}
/************************************************** OBRAZKY */
img {
  border: none !important;
}
img.smiley {
  vertical-align: middle !important;
}
/* (c) 2002 Martin Cohen - www.martincohen.info, modified by -dgx- */
/* P H P */
.php-keyword1 {
  color: #E03C3C;
  font-weight: bold;
}
.php-keyword2 {
  color: #E03C3C;
}
.php-var {
  color: #d59401;
  font-weight: bold;
}
.php-num {
  color: #cd0673;
}
.php-quote {
  color: green;
}
.php-vquote {
  color: #0F0;
  font-weight: bold;
}
.php-comment {
  color: #929292;
}
/* H T M L */
.html-tag {
  color: #559D00;
  font-weight: bold;
}
.html-tagin {
  color: #89A315;
}
.html-quote {
  color: #448CCB;
  font-weight: bold;
}
.html-comment {
  color: #929292;
}
.html-entity {
  color: #89A315;
}
/* C S S */
.css-class {
  color: #004A80;
}
.css-id {
  color: #7DA7D9;
  font-weight: bold;
}
.css-def {
  color: #5674B9;
}
.css-property {
  color: #003663;
  font-weight: bold;
}
.css-value {
  color: #448CCB;
}
.css-color {
  color: #007800;
}
.css-comment {
  color: #929292;
}
/* J a v a S c r i p t */
.js-out {
  color: #448CCB;
}
.js-keywords1 {
  color: #003663;
  font-weight: bold;
}
.js-num {
  color: red;
}
.js-quote {
  color: brown;
}
.js-comment {
  color: #929292;
  font-style: italic;
}
/* S Q L */
.sql-keyword1 {
  color: #E03C3C;
}
.sql-keyword2 {
  color: #E03C3C;
}
.sql-keyword3 {
  color: #E03C3C;
  font-weight: bold;
}
.sql-value {
  color: #366CDE;
}
.sql-comment {
  color: #929292;
}
.sql-num {
  color: #D59401;
  font-weight: bold;
}
.sql-option {
  color: #004A80;
  font-weight: bold;
}
/* T E X Y */
.texy-hlead {
  color: #44B;
  font-weight: bold;
}
/* header leadIN == and leadOUT == */
.texy-hbody {
  background-color: #eeF;
  color: #44B;
}
/* header body */
.texy-hr {
  color: #B44;
}
/* horizontal line */
.texy-code {
  color: #666;
}
/* /---code */
.texy-html {
  color: #6a6;
}
/* /---html */
.texy-text {
  color: #66a;
}
/* /---html */
.texy-err {
  background-color: red;
  color: white;
}
/* error (TODO) */
/* Neon */
.neon-section {
  color: #598527;
}
.neon-sep {
  color: #ff0000;
}
.neon-key {
  color: #0000ff;
}
.neon-comment {
  color: #999999;
}
.neon-value {
  color: #000000;
}
.neon-quote {
  color: #884433;
}
.neon-num {
  color: #448ccb;
}
.neon-var {
  color: #ffaa00;
}
.neon-ref {
  color: #884433;
}
/* C O M M O N */
.xlang {
  color: #666;
}
.count {
  color: black;
  background-color: #FFF;
}
#header-side {
  float: right;
  text-align: right;
  width: 400px;
  margin: 1em;
}
#header-side p {
  text-align: right !important;
}
#header-ad {
  float: right;
  margin-left: 3em;
}
/************************************************** dibi */
#forum-dibiphp-com {
  background: black !important;
}
#forum-dibiphp-com #brdtitle {
  background: url("https://dibiphp.com/images/header-bg1.gif") repeat-x #171D22;
  height: 110px;
  color: #ddd;
  padding: 1px !important;
  position: relative;
}
#logo {
  outline: none;
}
#forum-dibiphp-com #brdtitle a {
  color: white !important;
}
#forum-dibiphp-com #brdheader div.box {
  border: none !important;
}
#forum-dibiphp-com #brdheader {
  background: url("https://dibiphp.com/images/header-bg2.jpg") no-repeat #3874b0;
  border: none !important;
  margin: 0;
  padding: 0;
  height: 112px;
}
#forum-dibiphp-com #logo {
  position: relative;
  left: 50px;
  top: 20px;
  width: 180px;
  height: 90px;
  display: block;
}
#forum-dibiphp-com #logo span {
  display: none;
}
#forum-dibiphp-com #logo:hover,
#forum-dibiphp-com #logo:active,
#forum-dibiphp-com #logo:focus {
  background: transparent !important;
}
#forum-dibiphp-com #strapline {
  color: white;
  font: 22px/1.1em "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  position: absolute;
  left: 247px;
  top: 27px;
  width: 200px;
  text-indent: 0;
}
#forum-texy-info {
  background: #eee !important;
}
#forum-texy-info #brdheader {
  background: white;
  height: auto;
  padding: 1.5em 1em;
}
#forum-texy-info #logo {
  float: left;
}
#forum-texy-info #search-text {
  background: #efefef;
}
#forum-texy-info #brdheader div {
  text-align: right;
}
#related-topics {
  display: none;
  margin: 1em;
  position: relative;
}
#related-topics legend {
  font-weight: bold;
  color: #B50000;
  font-size: 14px;
}
#related-topics p {
  display: none;
  position: absolute;
  left: 100px;
  background: white;
  padding: 1em !important;
  border: 1px solid silver;
}
#related-topics li:hover p {
  display: block;
}
.newtext {
  float: right;
}
p.postedit,
div.postsignature,
div.postsignature * {
  color: #AAA;
}
p.postedit,
div.postsignature {
  font-size: 85% !important;
}
div.note,
div.warning {
  padding: 1em !important;
  margin-bottom: 1.3em !important;
  background: #FCF9CF;
  box-shadow: inset 1px 1px 10px #F8F4C4;
  border-radius: 5px;
}
div.warning {
  background: #fad3c4;
  box-shadow: inset 1px 1px 10px #F1C9BA;
}
h1.edit {
  color: #E03C3C;
}
.blockpost {
  position: relative;
}
.postvote {
  width: 4em;
  position: absolute;
  right: -0.6em;
  text-align: center;
  white-space: nowrap;
  line-height: 1.1;
  margin-top: 10px !important;
}
.postvote a {
  opacity: 0.5;
  height: 23px;
  display: block;
  vertical-align: middle;
  color: transparent !important;
  transition: 0.2s;
}
.postvote a[href]:hover,
.postvote a[href]:active,
.postvote a[href]:focus {
  background-color: transparent;
  opacity: 1;
  transition: 0.3s;
}
.postvote a.up {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVQ4EeWUwQ2AIAxFi2GePwoT9QYTMQoL1XhojEa+FyQkvpsJKc/f0mBmwiilXA6oapAHNhlEfDNJKQmA41uc8UZLF4osG5bdZ0Yh53zeQEwA9Ax5+++01mjxyEyc3hzVWid0rfdbqjovIw7P6A9z5BuSvCWOb8xxGZnZWvtoBy6iP4I/Q4FKAAAAAElFTkSuQmCC") no-repeat center;
}
.postvote a.down {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdUlEQVQ4Ec2UQQrAIAwEY/HZe9MX7VP8UHoKFEFbJcHuSS9xHE2SqopHLnFKtkWtdQkNQIohMhIAspL+Bvm5aa1tE6VSir64mB5AMuTVxo5mNP6Oun+05chy3hHJ846MJLjXrPK4l8Yk/kS/LJQ/zJ3eTSzRDajfQJ8PZSVDAAAAAElFTkSuQmCC") no-repeat center;
}
.postvote:not([data-vote]) a {
  opacity: 0.2;
}
.postvote[data-vote] a:not([href]).up {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdUlEQVQ4Ee2UwQmGMAxGv0hncQVxEpfRk8voJOIKLhPx8AmCNT3kjwj/O5fyeE0jqoonhlkuB8ZOBTdUcCJZJm1T42BZNxAHoy9dxFfLtCGBjaSfcCrRpBCaOs+RYRLfKMGGxlGNDP5zlPtr5XBj/s7o9X20A7CxMR/hPgKvAAAAAElFTkSuQmCC") no-repeat center;
}
.postvote[data-vote] a:not([href]).down {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAd0lEQVQ4Ec2UsQ2AQAhFwdxZuobDOYKtjuBwrmGpBVa/ISGRBIK/uua4xwsciwhFZKCgNBz2sbvQ1vvhHCKQLPNEnuBeOBFvvZluvpAe5xXsSL9cP0e6V8RDWu8IHZTPEUiSdw2V7V2ySVKI/lfI/LO1I7hJJ3oBTGIs5yGdSlgAAAAASUVORK5CYII=") no-repeat center;
}
.question .postvote a.up {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAOCAYAAADXJMcHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxUlEQVQ4Eb2T4anDMAyE846sVQzdJrjtMKGQbUL69qqoDfphhHvkUlrBoR/W+bMU5W9ZluFgpKK16Fz0OHIBDoJPDh48p5/AHbQF7+oP+io8NR1bOPtXJwAVTDymTgDiqB1CY9s7AQjLZYK31s+fwuewXAhjZvfloju7fCRn1Tg1INSsNNL4L8RAwLGeL5x1zqd3n2AUwLZzh3p12fMtFnOw8jvyPchxAgjLVcHodAKXGmAPgP9Kz6Jr5/UWshpWFfzZeekFiIMySTytQKsAAAAASUVORK5CYII=") no-repeat center;
}
.question .postvote a.down {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAOCAYAAADXJMcHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAy0lEQVQ4Ea2SDaqDMBCE57U9Vyu5TuVdpkhuUxDvtTTCCsvQ6HRxYUhAs9/sz1+t9QHgjfPi0mTC92G9zE3Xpol+cOUM0BnvL+ct8eN/MGB0/hLm4g6s9+ocdtY1wBVJwe8dPCLEDRTB2TMxSxnMD9hA5UoO9sBc6IP1No5fDEDc5C3vxOCjtrMBCyOwHSDoHJoWiHPCzgiKulies3TBie2dvRIl1+D/4yw4vJJysHBFBOtw6sC9k0ME5+GxA1uY3uo8nDtQQsULEvEBZQI2a7XpLI0AAAAASUVORK5CYII=") no-repeat center;
}
.question .postvote[data-vote] a:not([href]).up {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAOCAYAAADXJMcHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAx0lEQVQ4Eb2T4anDMAyE846sVQzdJrjtBJ0idIhOEfK6V0Vt0I8g3CPn0goO/bDOn6Uof9f70BupaCk6Fv33XIBO8MHBg+f0E7iD1uBd/EFfhadNxxbOHuoEoIKJx9QJQBy1Q2iseycAYblM8Nb6+VP4HJYLYczsvlx0Y5eP5Kwapw0INSuNbPwnYqDgWM8Wzhrn07tPMApg27VD7brs+RKLOVj7Hdke5DgBhOWqYDQ6gUsNsAfAf6Vn0bnxegtZDasK/uy89AI9bzGodQ8exgAAAABJRU5ErkJggg==") no-repeat center;
}
.question .postvote[data-vote] a:not([href]).down {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAOCAYAAADXJMcHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA0ElEQVQ4Ea2SiwnDMAxEr58RukLXaIPXacgyJXSCrlEI2UvUAQXEUcdXkwNhQ2K90+fwvl7uAD7YT8ccJnzvlsuU45RjpB882gzQGe9P583x4xAMGJ3/yDy4A8v95Rx2VjTAFUni9w7uEXQGKTh7NMyyAtYqGfxBlFX2wDxQButt7H8YgLjJa96RwbW2swELI7ANIOjscswQ54SNESR1sTxnKoIbtnfySpRcnf+PveDwSlJl4ZII1uHUgVshhwhuh8cOrDK91e1w7kAKFc9o0Bc77TWEO/cLqQAAAABJRU5ErkJggg==") no-repeat center;
}
.postvote .num {
  font-size: 130%;
  color: #AAA;
  padding: 3px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  position: relative;
}
.postvote .num .plus {
  color: #5A1;
}
.postvote .num .minus {
  color: #B11;
}
.postright {
  margin-bottom: 2em !important;
}
.postfootright {
  margin-top: -2em !important;
}
.ui-tooltip {
  padding: 3px 6px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 5px #aaa;
  color: white;
  background: black;
  font-size: 80%;
  border-radius: 15px;
}
.blockpost:target,
.reply:target {
  border: 3px solid #F1DB39;
  border-radius: 4px;
}
/* Textarea autocomplete */
.dropdown-menu {
  background-color: white;
  min-width: 120px;
  border: 1px solid #DDD;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.dropdown-menu li {
  border-top: 1px solid #ddd;
  padding: 2px 5px;
  margin: 0;
}
.dropdown-menu li:first-child {
  border-top: none;
}
.dropdown-menu li:hover,
.dropdown-menu .active {
  background: #3366FF;
}
.dropdown-menu li:hover a,
.dropdown-menu .active a {
  color: white !important;
}
/* SHOULD not modify */
.dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown-menu a:hover {
  cursor: pointer;
}
.postarea {
  position: relative;
}
.postarea .hint {
  position: absolute;
  right: 0;
  top: 0;
  background: #D12E2E;
  color: white;
  padding: 0.6em 1em;
}
.abusive {
  display: none;
}
/****************************************************************/
/* 1. INITIAL SETTINGS */
/****************************************************************/
.pun TABLE,
.pun DIV,
.pun FORM,
.pun P,
.pun H1,
.pun H2,
.pun H3,
.pun H4,
.pun PRE,
.pun BLOCKQUOTE,
.pun UL,
.pun OL,
.pun LI,
.pun DL,
.pun DT,
.pun DD,
.pun TH,
.pun TD,
.pun FIELDSET,
.pun IMG {
  MARGIN: 0px;
  PADDING: 0px;
}
.pun IMG {
  BORDER: none;
}
.pun INPUT,
.pun SELECT,
.pun TEXTAREA,
.pun OPTGROUP {
  MARGIN: 0;
}
/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/
/* 2.1 Clearing floats and invisible items */
.pun .clearer,
.pun .nosize {
  HEIGHT: 0;
  WIDTH: 0;
  LINE-HEIGHT: 0;
  FONT-SIZE: 0;
  OVERFLOW: hidden;
}
.pun .clearer,
.pun .clearb {
  CLEAR: both;
}
.pun .nosize {
  POSITION: absolute;
  LEFT: -10000px;
}
/* 2.2 Overflow settings for posts */
/*DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}*/
.inbox .postleft dl,
.inbox .postfootleft {
  /* dgx */
  font-size: 80%;
  color: gray;
}
.inbox .postleft dd a {
  /* dgx */
  color: gray;
}
.inbox .postleft dt {
  font-size: 135%;
}
/****************************************************************/
/* 4. HIDDEN ELEMENTS */
/****************************************************************/
/* These are hidden in normal display. Add comments to make them visible */
#brdfooter H2,
#brdstats H2,
#brdstats .conl DT,
#brdstats .conr DT,
#modcontrols DT,
#searchlinks DT,
DIV.postright H3 {
  POSITION: absolute;
  DISPLAY: block;
  OVERFLOW: hidden;
  WIDTH: 1em;
  LEFT: -999em;
}
/****************************************************************/
/* 5. BOX CONTAINERS AND FLOATS */
/****************************************************************/
/* 5.1. Setup all left and right content using floats. */
.conr {
  FLOAT: right;
  TEXT-ALIGN: right;
  CLEAR: right;
  WIDTH: 40%;
}
.conl {
  FLOAT: left;
  WIDTH: 55%;
  OVERFLOW: hidden;
  WHITE-SPACE: nowrap;
}
LABEL.conl {
  WIDTH: auto;
  OVERFLOW: visible;
  MARGIN-RIGHT: 10px;
}
/* 5.2 Set up page numbering and posts links */
DIV.linkst .conl,
DIV.linksb .conl,
DIV.postlinksb .conl {
  display: inline;
  width: auto;
  margin: 0 !important;
  padding: 3px 0 !important;
}
DIV.linkst .conr,
DIV.linksb .conr,
DIV.postlinksb .conr {
  WIDTH: 16em;
}
ul.conr {
  list-style: none;
}
FORM DIV.linksb .conr {
  WIDTH: 32em;
}
/* 5.3 Keep breadcrumbs from shifting to the right when wrapping */
.linkst UL,
.linksb UL,
.postlinksb UL {
  MARGIN-LEFT: 2em;
  display: inline;
}
/* 5.4 Settings for Profile and Admin interface.*/
DIV.block2col {
  PADDING-BOTTOM: 1px;
}
DIV.block2col DIV.blockform,
DIV.block2col DIV.block,
#viewprofile DD {
  MARGIN-LEFT: 14em;
}
DIV.blockmenu,
#viewprofile DT {
  FLOAT: left;
  WIDTH: 13em;
}
#profileavatar IMG {
  FLOAT: right;
  MARGIN-LEFT: 1em;
}
#viewprofile DL {
  FLOAT: left;
  WIDTH: 100%;
  OVERFLOW: hidden;
}
/****************************************************************/
/* 6. TABLE SETUP */
/****************************************************************/
/* 6.1 Table Basic Setup */
.pun TABLE {
  WIDTH: 100%;
}
/* 6.2 Fixed Table Setup */
#punindex TABLE,
#vf TABLE {
  TABLE-LAYOUT: fixed;
}
.tcl {
  TEXT-ALIGN: left;
  WIDTH: 50%;
}
.tc2,
.tc3,
.tcmod {
  WIDTH: 9%;
  TEXT-ALIGN: center;
}
.tcr {
  WIDTH: 32%;
  TEXT-ALIGN: left;
}
#punsearch #vf .tcl,
#punmoderate #vf .tcl {
  WIDTH: 50%;
}
#punsearch #vf .tc2 {
  WIDTH: 18%;
  TEXT-ALIGN: left;
}
.tcl,
.tcr {
  OVERFLOW: HIDDEN;
}
/* 6.3 Other Table Setup */
#users1 .tcl {
  WIDTH: 40%;
}
#users1 .tcr {
  WIDTH: 25%;
}
#users1 .tc2 {
  WIDTH: 25%;
  TEXT-ALIGN: left;
}
#users1 .tc3 {
  WIDTH: 10%;
  TEXT-ALIGN: center;
}
#debug .tcr {
  WIDTH: 85%;
  WHITE-SPACE: normal;
}
#punindex TD.tcr SPAN.byuser {
  DISPLAY: block;
}
/****************************************************************/
/* 7. VIEWTOPIC SETUP */
/****************************************************************/
/* 7.1 This is the basic structure. */
DIV.postleft,
DIV.postfootleft {
  FLOAT: left;
  WIDTH: 13em;
  OVERFLOW: hidden;
  POSITION: relative;
}
DIV.postright,
DIV.postfootright {
  BORDER-LEFT-WIDTH: 13em;
  BORDER-LEFT-STYLE: solid;
}
DIV.postfootright,
P.multidelete {
  TEXT-ALIGN: right;
}
DIV.blockpost > DIV > DIV.inbox {
  PADDING-BOTTOM: 1px;
}
/* 7.3 This is the div which actually contains the post and is inside .postright */
DIV.postmsg {
  WIDTH: 100%;
}
/* 7.4 These items control overflow and scrolling within posts. */
DIV.incqbox {
  WIDTH: 100%;
  OVERFLOW: hidden;
}
DIV.scrollbox {
  WIDTH: 100%;
  OVERFLOW: auto;
}
IMG.postimg {
  max-width: 100%;
}
A .postimg {
  max-width: 100%;
}
/* 7.5 Turn off the poster information column for preview */
#postpreview DIV.postright {
  BORDER-LEFT: none;
}
/* 7.6 Create the horizontal line above signatures */
DIV.postsignature {
  /* by dgx */
  font-size: 92%;
  font-style: italic;
  margin-bottom: -35px;
  padding-top: 5px;
  max-width: 50%;
}
DIV.postsignature p {
  text-indent: 0;
}
DIV.postsignature HR {
  MARGIN-LEFT: 0px;
  WIDTH: 200px;
  TEXT-ALIGN: left;
  HEIGHT: 1px;
  border: none;
  color: #AAA;
  background-color: #AAA;
}
DIV.postsignature LI {
  list-style: none;
}
/* 7.7 Maximum height for search results as posts. Position go to post link */
DIV.searchposts DD P {
  PADDING-TOP: 3em;
}
/* 7.8 Class for bbcode [u] */
SPAN.bbu {
  TEXT-DECORATION: underline;
}
/****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/****************************************************************/
/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */
#onlinelist DD,
#onlinelist DT,
#menu LI,
DIV.linkst LI,
DIV.linksb LI,
DIV.postlinksb LI,
DIV.postfootright LI {
  /* by dgx */
  display: inline;
  height: 0;
  margin-right: 1em;
}
UL.bblinks LI {
  list-style-type: disc;
}
/* 8.2 Turn on square icon for posterror list */
#posterror UL LI {
  LIST-STYLE: square inside;
}
/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */
#viewprofile DT {
  TEXT-ALIGN: right;
}
/****************************************************************/
/* 9. FORM SETTINGS */
/****************************************************************/
/* 9.1 Makes textareas and long text inputs shrink with page */
DIV.txtarea {
  WIDTH: 75%;
}
DIV.txtarea TEXTAREA,
INPUT.longinput {
  WIDTH: 100%;
}
.pun LABEL {
  DISPLAY: block;
}
#qjump SELECT {
  WIDTH: 50%;
}
/****************************************************************/
/* 10. HELP FILES AND MISC. */
/****************************************************************/
/* 10.1 Put some space between sections of the help file */
#helpfile H2 {
  MARGIN-TOP: 12px;
}
/* 10.2 Internal padding */
#helpfile DIV.box {
  PADDING: 10px;
}
/* 10.3 Other templates */
#punredirect DIV.block,
#punmaint DIV.block {
  MARGIN: 50px 20% 12px 20%;
}
/* Import the colour scheme */
/*! */
/*CSS BASED ON CORNFLOWER THEME*/
/*PHPBB BLUE THEME BY NEVETHIR 1.0*/
BODY {
  background-color: #FFFFFF;
  color: #000000;
}
/* header logo */
.pun H1 {
  border-top: 5px solid #efefef;
  border-bottom: 20px solid #efefef;
}
/*header title*/
.pun #brdtitle P {
  text-align: left;
  text-decoration: none;
}
.pun {
  color: #000000;
}
.pun BLOCKQUOTE,
DIV.codebox,
DIV.box,
adminconsole FIELDSET TH,
.rowodd,
.roweven {
  background-color: #EFEFEF;
}
#adminconsole TD,
#adminconsole TH {
  border-color: #EFEFEF;
  background-color: #EFEFEF;
}
#postpreview,
#viewprofile DD,
DIV.forminfo,
DIV.blockmenu DIV.box {
  background-color: #EFEFEF;
  color: #000000;
}
#adminconsole FIELDSET TD {
  border-color: #EFEFEF;
  background-color: #EFEFEF;
}
TD.tc2,
TD.tc3,
TD.tc4,
TD.tc5 {
  background-color: #DEE3E7;
}
TD.tcmod,
adstats DD {
  background-color: #EFEFEF;
}
.pun H2,
tr.alt th {
  background-image: url("data:image/gif;base64,R0lGODlhCAAmAMQAABVZqQtOngtMmDl4wQtKlEByrhxfrTd1vxBTpChpthJVpj1xrjlurA5SozNzvi5vuTZ1viJjsSVlsxhbqjFxvBpdrCdotCFjrytsuAxRoRNXph5grzBxuzR1vgtMmgxSoywAAAAACAAmAAAFfiAjjuJinmahrirhvnBMCHRt34Kn73rg/8BgIEMsEj/IJLLBbDIR0ChUQa1SNdgsFsDter+AiXgsrpjPZoN6rd643+6LfC6P2O92iX6vt/j/fgmCg4IYhoeIiRgPjI2MHJCRkBSUlZQOmJmYHZydnBCgoaAHpKWkA6ipqqsDIQA7");
  border-right: 1px solid #165ca3;
  border-left: 1px solid #165ca3;
  border-top: 1px solid #165ca3;
  border-bottom: 0px solid #165ca3;
  color: #FFB34F;
}
.pun H2 {
  font-weight: bold;
}
.pun #menu {
  background: #0e52a3;
  color: #fff;
  font-weight: bold;
}
.pun TH {
  background-color: #EFEFEF;
  color: #165ca3;
}
TH.tcl,
TH.tc2,
TH.tc3,
TH.tc4,
TH.tc5,
TH.tcr,
TH.tcmod {
  background-image: url("data:image/gif;base64,R0lGODlhCQAZAMQAAMzU287W3MnS2ODl6dje49rg5NTb4N/k6N3i5sjR19HY3sjQ1sjS2NLZ3sfQ19bc4dnf5Nfe49HY3dXc4dDX3dfd4t7j58vT2dPa39Pa4Nzh5dzh5t7k587W29vh5s3V2yH5BAAAAAAALAAAAAAJABkAAAVz4OKMpLOcSTIuaesmjCDP6Xxds3Dv/AUAvt/v8ikCishO4NMpNj+BACUanVKuVwlWwZVwv42wWIwpZzDnTMbAbrcfk7gcXqnb7YQ8IZLnQ/5/BIAFhIWFGxoeHoiKGgiPkJAWHBaVlZQHA5maB50Dn6CgIQA7");
  color: #165ca3;
  font-weight: normal;
  font-size: 90%;
}
.pun div.infldset TH.tcl,
div.infldset TH.tc2,
div.infldset TH.tc3,
div.infldset TH.tcr {
  color: #165ca3;
}
.pun div.infldset th.hidehead {
  color: #165ca3;
}
.pun LEGEND {
  color: #165ca3;
}
.pun DIV.blockmenu LI.isactive A,
#posterror LI STRONG {
  color: #f26522;
}
DIV.blockpost DIV.box,
DIV.postright,
DIV.postfootright {
  background-color: #EFEFEF;
}
DIV.postright,
DIV.postfootright {
  border-left-color: #DEE3E7;
}
DIV.postleft,
DIV.postfootleft,
DIV.blockpost LABEL {
  background-color: #DEE3E7;
}
DIV.blockpost H2 {
  background-color: #efefeb;
}
DIV.blockpost H2 SPAN.conr {
  color: #EFEFEF;
}
.pun HR {
  color: #000000;
}
DIV.box {
  border-left-color: #165ca3;
  border-right-color: #165ca3;
  border-top-color: #165ca3;
  border-bottom-color: #165ca3;
}
DIV.blockpost DIV.box {
  border-color: #bec8ce;
}
.pun TD {
  border-color: #bec8ce;
}
.pun TH {
  border-color: #d9e0e4;
}
.pun BLOCKQUOTE {
  background-color: #dfe6ef;
  color: #000000;
}
.pun BLOCKQUOTE,
DIV.codebox,
DIV.forminfo,
DIV.blockpost LABEL {
  border-color: #bec8ce;
}
FIELDSET {
  border-color: #dfe6ef;
}
.pun H2 A:link,
.pun H2 A:visited {
  color: #EFEFEF;
}
.pun H2 A:hover {
  color: #fff;
}
LI.maintenancelink A:link,
LI.maintenancelink A:visited {
  color: #b42000;
}
LI.maintenancelink A:hover {
  color: #b42000;
}
.pun,
.pun INPUT,
.pun SELECT,
.pun TEXTAREA,
.pun OPTGROUP {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pun TABLE,
.pun INPUT,
.pun SELECT,
.pun OPTGROUP,
.pun TEXTAREA,
DIV.postmsg P.postedit {
  font-size: 1em;
}
.pun H2,
.pun H4 {
  font-size: 1em;
}
.pun H3 {
  font-size: 1.1em;
}
DIV.postmsg P {
  line-height: 1.4;
}
DIV.postleft DT {
  font-size: 1.1em;
}
DIV.postleft DT,
DIV.postmsg H4,
TD.tcl H3,
DIV.forminfo H3,
P.postlink,
DIV.linkst LI,
DIV.linksb LI,
DIV.postlinksb LI,
.blockmenu LI,
.pun SPAN.warntext,
.pun P.warntext {
  font-weight: bold;
}
.blockpost DT A:link,
.blockpost DT A:visited,
.blockpost H2 A:link,
.blockpost H2 A:visited,
.postlink A:link,
.postlink A:visited,
.postfootright A:link,
.postfootright A:visited,
.blockmenu A:link,
.blockmenu A:visited {
  text-decoration: none;
}
.blockpost H2 A:hover {
  text-decoration: underline;
}
DIV.box,
.pun TD,
.pun TH,
.pun BLOCKQUOTE,
DIV.codebox,
DIV.forminfo,
DIV.blockpost LABEL {
  border-style: solid;
  border-width: 1px;
}
.pun TD,
.pun TH {
  border-bottom: medium none inherit;
  border-right: medium none inherit;
}
.pun .tcl {
  border-left: medium none inherit;
}
FIELDSET {
  border-style: solid;
  border-width: 1px;
}
HTML,
BODY {
  margin: 0;
  padding: 0;
}
DIV.blocktable,
DIV.block,
DIV.blockform,
DIV.block2col,
#postreview {
  margin-bottom: 12px;
}
#punindex DIV.blocktable,
DIV.blockpost {
  margin-bottom: 6px;
}
DIV.block2col DIV.blockform,
DIV.block2col DIV.block {
  margin-bottom: 0;
}
DIV.linkst,
DIV.linksb {
  margin: 0 0 10px;
}
DIV.postlinksb {
  margin-top: -6px;
}
#brdstats {
  margin-top: 12px;
}
DIV.block DIV.inbox,
DIV.blockmenu DIV.inbox {
  padding: 3px 6px;
}
.pun P,
.pun UL,
.pun DL,
DIV.blockmenu LI,
.pun LABEL,
#announce DIV.inbox DIV {
  padding: 3px 0;
}
.pun H2 {
  padding: 4px 6px;
}
.pun H1 {
  padding: 3px 0 0 0;
}
#brdtitle P {
  padding-top: 0;
}
DIV.linkst {
  padding: 8px 6px 3px;
}
DIV.linksb,
DIV.postlinksb {
  padding: 3px 6px 8px;
}
#viewprofile DT,
#viewprofile DD {
  padding: 0 3px;
  line-height: 2em;
}
DIV.rbox INPUT,
DIV.blockform P INPUT {
  margin-right: 12px;
}
.pun TH,
.pun TD {
  padding: 4px 6px;
}
.pun TD P {
  padding: 5px 0 0;
}
DIV.postleft DL,
DIV.postright {
  padding: 6px;
}
DD.usercontacts,
DD.postavatar {
  margin-top: 5px;
}
DD.postavatar {
  margin-bottom: 5px;
}
DIV.postsignature,
DIV.postmsg P.postedit {
  padding-top: 15px;
}
DIV.postmsg H4 {
  margin-bottom: 10px;
  font-size: 1.7em;
  font-weight: normal;
}
.pun BLOCKQUOTE,
DIV.codebox {
  margin: 5px 15px 15px;
  padding: 8px;
}
DIV.postfootleft P,
DIV.postfootright UL,
DIV.postfootright DIV {
  padding: 10px 6px 5px;
}
DIV.blockpost INPUT,
DIV.blockpost LABEL {
  padding: 3px;
  display: inline;
}
P.multidelete {
  padding-top: 15px;
  padding-bottom: 5px;
}
DIV.postmsg P {
  padding: 0;
}
DIV.blockform FORM,
DIV.fakeform {
  padding: 20px 20px 15px;
}
DIV.inform {
  padding-bottom: 12px;
}
.pun FIELDSET {
  padding: 0 12px;
}
DIV.infldset {
  padding: 9px 0 12px 0;
}
.pun LEGEND {
  padding: 0 6px;
}
DIV.forminfo {
  margin-bottom: 12px;
  padding: 9px 10px;
}
UL.bblinks LI {
  padding-right: 20px;
}
UL.bblinks {
  padding-bottom: 10px;
  padding-left: 4px;
}
DIV.blockform P INPUT {
  margin-left: 12px;
}
div.icon {
  float: left;
  display: block;
  width: 28px;
  height: 25px;
}
DIV.searchposts DIV.icon {
  margin-left: 0;
}
TD DIV.tclcon {
  margin-left: 2.3em;
}
.pun DIV.validator {
  position: absolute;
  top: 20px;
  right: 20px;
}
.blockmenu li {
  list-style: none;
}
.tc2,
.tc3,
.tcmod {
  WIDTH: 7%;
}
.tcr {
  WIDTH: 28%;
}
DIV.txtarea {
  WIDTH: 98%;
}
/****************************************************************/
/* 2. TEXT SETTINGS */
/****************************************************************/
/* 2.1 This sets the default Font Group */
.pun,
.pun INPUT,
.pun SELECT,
.pun TEXTAREA,
.pun OPTGROUP {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* Set font size for tables because IE requires it */
.pun TABLE,
.pun INPUT,
.pun SELECT,
.pun OPTGROUP,
.pun TEXTAREA,
DIV.postmsg P.postedit {
  FONT-SIZE: 1em;
}
/* 2.2 Set the font-size for preformatted text i.e in code boxes */
.pun PRE {
  FONT-FAMILY: consolas, monaco, courier, monospace;
}
/* 2.3 Font size for headers */
.pun H2,
.pun H4 {
  FONT-SIZE: 1em;
}
.pun H3 {
  FONT-SIZE: 1.1em;
}
/* 2.4 Larger text for particular items */
DIV.postmsg P {
  LINE-HEIGHT: 1.4;
}
DIV.postleft DT {
  FONT-SIZE: 1.1em;
}
/* 2.5 Bold text */
DIV.postleft DT,
DIV.postmsg H4,
TD.tcl H3,
DIV.forminfo H3,
P.postlink,
DIV.linkst LI,
DIV.linksb LI,
DIV.postlinksb LI,
.blockmenu LI,
.pun SPAN.warntext,
.pun P.warntext {
  FONT-WEIGHT: bold;
}
/****************************************************************/
/* 3. LINKS */
/****************************************************************/
/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */
.blockpost DT A:link,
.blockpost DT A:visited,
.blockpost H2 A:link,
.blockpost H2 A:visited,
.postlink A:link,
.postlink A:visited,
.postfootright A:link,
.postfootright A:visited,
.blockmenu A:link,
.blockmenu A:visited {
  TEXT-DECORATION: none;
}
/* 3.2 Underline on hover for links in headers and main menu */
.blockpost H2 A:hover {
  TEXT-DECORATION: underline;
}
/****************************************************************/
/* 4. BORDER WIDTH AND STYLE */
/****************************************************************/
/* 4.1 By default borders are 1px solid */
DIV.box,
.pun TD,
.pun TH,
.pun BLOCKQUOTE,
DIV.codebox,
DIV.forminfo,
DIV.blockpost LABEL {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
}
/* 4.2 Special settings for the board header. */
#brdheader DIV.box {
  BORDER-TOP-WIDTH: 4px;
}
/* 4.3 Borders for table cells */
.pun TD,
.pun TH {
  BORDER-BOTTOM: none;
  BORDER-RIGHT: none;
}
.pun .tcl {
  BORDER-LEFT: none;
}
/* 4.4 Special setting for fieldsets to preserve IE defaults */
DIV.FIELDSET {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
}
/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/
/* 5.1 Page margins */
HTML,
BODY {
  MARGIN: 0;
  PADDING: 0;
}
/* 5.2 Creates vertical space between main board elements (Margins) */
DIV.blocktable,
DIV.block,
DIV.blockform,
DIV.block2col,
#postreview {
  MARGIN-BOTTOM: 12px;
}
#punindex DIV.blocktable,
DIV.blockpost {
  MARGIN-BOTTOM: 6px;
}
DIV.block2col DIV.blockform,
DIV.block2col DIV.block {
  MARGIN-BOTTOM: 0px;
}
/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
DIV.postlinksb {
  MARGIN-TOP: -6px;
}
/* 5.4 Put a 12px gap above the board information box in index because the category tables only
have a 6px space beneath them */
#brdstats {
  MARGIN-TOP: 12px;
}
/****************************************************************/
/* 6. SPACING AROUND CONTENT */
/****************************************************************/
/* 6.1 Default padding for main items */
DIV.block DIV.inbox,
DIV.blockmenu DIV.inbox {
  PADDING: 3px 6px;
}
.pun P,
.pun UL,
.pun DL,
DIV.blockmenu LI,
.pun LABEL,
#announce DIV.inbox DIV {
  PADDING: 3px 0;
}
.pun H2 {
  PADDING: 4px 6px;
}
/* 6.2 Special spacing for various elements */
.pun H1 {
  PADDING: 3px 0px 0px 0;
}
#brdtitle P {
  PADDING-TOP: 0px;
}
DIV.linkst {
  PADDING: 8px 6px 3px 6px;
}
DIV.linksb,
DIV.postlinksb {
  PADDING: 3px 6px 8px 6px;
}
#viewprofile DT,
#viewprofile DD {
  PADDING: 0 3px;
  LINE-HEIGHT: 2em;
}
/* 6.4 Create some horizontal spacing for various elements */
DIV.rbox INPUT,
DIV.blockform P INPUT {
  MARGIN-RIGHT: 12px;
}
/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/
.pun TH,
.pun TD {
  PADDING: 4px 6px;
}
.pun TD P {
  PADDING: 5px 0 0 0;
}
/****************************************************************/
/* 8. SPACING FOR POSTS */
/****************************************************************/
/* 8.1 Padding around left and right columns in viewtopic */
DIV.postleft DL,
DIV.postright {
  PADDING: 6px;
}
/* 8.2 Extra spacing for poster contact details and avatar */
DD.usercontacts,
DD.postavatar {
  MARGIN-TOP: 5px;
}
DD.postavatar {
  MARGIN-BOTTOM: 5px;
}
/* 8.3 Extra top spacing for signatures and edited by */
DIV.postsignature,
DIV.postmsg P.postedit {
  PADDING-TOP: 15px;
}
/* 8.4 Spacing for code and quote boxes */
DIV.postmsg H4 {
  margin: 1em 0 0.6em;
  font-size: 1.7em;
  font-weight: normal;
}
.pun BLOCKQUOTE,
DIV.codebox {
  MARGIN: 5px 15px 15px 15px;
  PADDING: 8px;
}
/* 8.5 Padding for the action links and online indicator in viewtopic */
DIV.postfootleft P,
DIV.postfootright UL,
DIV.postfootright DIV {
  PADDING: 10px 6px 5px 6px;
}
/* 8.6 This is the input on moderators multi-delete view */
DIV.blockpost INPUT,
DIV.blockpost LABEL {
  PADDING: 3px;
  DISPLAY: inline;
}
P.multidelete {
  PADDING-TOP: 15px;
  PADDING-BOTTOM: 5px;
}
/* 8.7 Make sure paragraphs in posts don't get any padding */
DIV.postmsg P {
  PADDING: 0;
}
/****************************************************************/
/* 9. SPECIAL SPACING FOR FORMS */
/****************************************************************/
/* 9.1 Padding around fieldsets */
DIV.blockform FORM,
DIV.fakeform {
  PADDING: 20px 20px 15px 20px;
}
DIV.inform {
  PADDING-BOTTOM: 12px;
}
/* 9.2 Padding inside fieldsets */
.pun FIELDSET {
  PADDING: 0px 12px 0px 12px;
}
DIV.infldset {
  PADDING: 9px 0px 12px 0;
}
.pun LEGEND {
  PADDING: 0px 6px;
}
/* 9.3 The information box at the top of the registration form and elsewhere */
DIV.forminfo {
  MARGIN-BOTTOM: 12px;
  PADDING: 9px 10px;
}
/* 9.4 BBCode help links in post forms */
UL.bblinks LI {
  PADDING-RIGHT: 20px;
}
UL.bblinks {
  PADDING-BOTTOM: 10px;
  PADDING-LEFT: 4px;
}
/* 9.5 Horizontal positioning for the submit button on forms */
DIV.blockform P INPUT {
  MARGIN-LEFT: 12px;
}
/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/
/* 10.1 These are the post status indicators which appear at the left of some tables.
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/
div.icon {
  float: left;
  display: block;
  width: 19px;
  height: 18px;
}
DIV.searchposts DIV.icon {
  MARGIN-LEFT: 0;
}
/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */
TD DIV.tclcon {
  MARGIN-LEFT: 2.3em;
}
/*------------------------------------------------------------------*/
body,
input,
select {
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
}
body {
  line-height: 1.5;
  font-size: 13px;
}
pre {
  line-height: 1.4;
}
/*------------------------------------------------------------------*/
body,
html {
  min-height: 100%;
}
body {
  color: #333;
}
#punwrap {
  margin: 0 auto;
  width: 940px;
  position: relative;
}
* html #punwrap {
  zoom: 1;
}
#brdheader {
  height: 120px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}
#tools {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 83%;
  color: #a1cdfe;
  line-height: 22px;
}
#tools a {
  color: #a1cdfe;
  text-decoration: none;
  padding: 3px;
}
#tools a:hover,
#tools a:active,
#tools a:focus {
  background: #FDE896;
  color: black;
}
#tools a.lang {
  opacity: 0.7;
  padding: 0.4em !important;
  background: none;
}
#tools a.lang:hover {
  opacity: 1;
}
#search {
  display: inline;
}
#search input.text {
  background: #94bee7;
  color: black;
  border: none;
  padding: 1px;
  width: 170px;
  margin-left: 0.5em;
  font-size: 115%;
  transition: 0.2s;
  z-index: 1001;
  position: relative;
}
#search input.text:focus {
  width: 300px;
  background: #F8F8F8;
}
#menu ul {
  font: 11px/27px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  right: 0;
  top: 93px;
  padding: 0 1em;
  list-style: none;
  height: 27px;
}
#menu li {
  float: left;
  padding: 0;
  margin: 0;
  height: auto;
}
#menu a {
  display: block;
  padding: 0 5px;
  margin: 0 1px;
  line-height: 27px;
  color: white;
  font-size: 130%;
  text-decoration: none;
}
#menu a.active {
  color: #FFF3AA;
}
#menu #menupull {
  display: none;
}
#content {
  background: white;
  min-height: 500px;
}
#content > .inner {
  padding: 1em;
}
#brdfooter {
  width: 100%;
  bottom: 0;
  padding: 5px 0 10px 0;
  color: white;
  clear: both;
}
#brdfooter .box {
  background: transparent;
  border: none;
}
#brdfooter a {
  color: #FFBE10;
}
.breadcrumbs {
  margin: 3px 0 5px -4px !important;
  color: #777;
  font-size: 80%;
}
.breadcrumbs a {
  padding: 0 4px;
  color: #999;
  text-decoration: underline;
}
.breadcrumbs span {
  padding: 0 4px;
}
.breadcrumbs a:focus,
.breadcrumbs a:hover,
.breadcrumbs a:active {
  color: #006aeb;
  background: white;
}
#content h1 {
  border: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0.4em 0;
  padding-bottom: 0.4em;
}
.pagelink {
  float: right;
  margin-top: 3px;
}
div.linkst {
  margin: 0;
  padding: 0 10px;
}
.postlink {
  font-weight: bold;
  margin-right: 1em;
}
#brdwelcome .conr {
  width: auto;
}
#brdwelcome ul {
  right: 1em;
  list-style: none;
  white-space: nowrap;
}
/*------------------------------------------------------------------*/
a {
  color: #1264B6;
  padding: 3px;
  margin: 0 -3px;
  text-decoration: none;
}
a[href^="mailto:"]:after {
  content: url("data:image/gif;base64,R0lGODlhDQALAMQfALKjffvrj9XHl8e6k4t3TvfZeuvHZf/+0IdsOte1V//yi+G7VnNfP//3mdnMn7+wh/bqruLDXf3hgPr2ttvDfuvOdunPaurRdvnPavbQa+O+Ydm6YcKgTtCtUu3jpf///yH5BAEAAB8ALAAAAAANAAsAAAVS4CeOJCk4qCAM7POIAnTM9JQQogMZQeMHGw3u4zhUNL1AwiIZxi6GxaKTiBiGD0pBYVlEuByG6OFpKM7ojfgzOAQkhXghg1kDCASEXs/ol/4jIQA7");
}
a[href$=".zip"]:after {
  content: url("data:image/gif;base64,R0lGODlhDQALAOYAAGdofrCTOvfqw8GqY/npvKWUXtOwRoJqIZmDNo14LMOsY9m8ZrO00paXsNS1VMupQ42OstC1YaSFLouMpqGDLN7Lk9vJj7+dPMKrY/jqwvbqwrGSNvfou52dscu0csauYtu8YNO3YfjpvOrbq929YH1+lcOhP86rRKyMMsimQsajQMWtY7aWOI2OqNLT5K2qtKOGL/nqwdW/g8WiQM2yYnZ3lfPov35/l+TTnvnqv9i6YNGuRcSrZtG7fLWUOPTmvcCePfjqwMivYrybO+PTn+/htMauZrqaOvDhtqqMM9KvRoeHmOraqtOvRqGDK6KMPvjwv////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFEALAAAAAANAAsAAAdagFGCg4QFDgeDTU0GOzMXRxtJAYMGBDEZNkgjFj1OhE+goU5Ok4JPUKioTwBLhAipqAgAL4QJsFAJAB2EUaGipJQiAgJFTDgyHhSUTScPKiZAPiilvFGGiFGBADs=");
}
a[href$=".pdf"]:after {
  content: url("data:image/gif;base64,R0lGODlhDQALANUAAAcAAL3R1mt2eXoMACs/RJmZmevr6xklKIUWAGZmZl4AAOXl5X+UkugnAKS4vdoYADMzM9YWAMETANnb2UlKSWYzM1ouJMDEwBQUFHaChI2kppkAANPR0v///42RjaGioURERHNqa7a4tggICCkqKczMzIaIhoKEhFJRUjg5OhUIBeXu8N7f3hscG6qrqmZmZsLJwpmZmX0PANfY17G5uxQAAJ2knQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAB0ALAAAAAANAAsAAAZnwI6wkwIZQSlVaHjKHARQAa0iWXZqkcZju0kkLAAhYIAYmBWJzooknAUIDoeGwWGx2EOUwcDxTBYLeEIoLAYiHy52gh0oCyU2MDYeHi1DjCUmFzMzJSWLFCYiBoALBosQGBAkq6sjQQA7");
}
a:hover,
a:active,
a:focus {
  background-color: #1264B6;
  color: white;
  border-radius: 1px;
}
/*------------------------------------------------------------------*/
/* zarovnani textu */
p {
  margin: 0.7em 0 1em;
  padding: 0;
}
/* titulky */
.linkst li,
h1,
h2,
h3,
h4 {
  color: #1e5eb6;
}
h1 {
  font-size: 230%;
  font-weight: normal;
  margin-top: 0.3em;
}
h2 {
  font-size: 170%;
  font-weight: normal;
}
.linkst li {
  font-size: 130%;
}
.linkst li a {
  font-size: 80%;
}
#brdwelcome .conr {
  margin: 0 0 1em;
}
img.left,
.figure-left {
  float: left;
  margin: 5px 20px 5px 0;
}
img.right,
.figure-right {
  float: right;
  margin: 5px 0 5px 20px;
}
#navlogin a,
#navregister a {
  font-weight: bold;
}
.postmsg blockquote {
  border: none;
  border-left: 2px solid #E1D8C1;
  padding: 0.1em 1em;
  font: inherit;
  font-size: 11px;
}
.resizable-textarea {
  line-height: 1;
}
.resizable-textarea textarea {
  resize: vertical;
}
.resizable-textarea .grippie {
  height: 9px;
  background: #EEE url("data:image/gif;base64,R0lGODlhGwAFAIAAALu7u////yH5BAkKAAEALAAAAAAbAAUAAAIPhI+pGu0PY1y0Homzs1wVADs=") no-repeat center 2px;
  border: 1px solid #DDD;
  border-top-width: 0;
  cursor: s-resize;
  overflow: hidden;
}
.Texyla .textareaParent {
  margin: 6px 0;
}
a.button {
  display: inline-block;
  position: relative;
  padding: 5px;
  margin: 3px;
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
  text-indent: 0;
}
.postfootright ul {
  font-size: 89%;
  margin-left: 300px;
}
.postfootright ul a {
  opacity: 0.6;
}
.linksb a {
  margin-right: 1em;
}
.isticky,
.isticky TD {
  background: #DEE3E7;
}
.pun textarea {
  font-size: 15px;
  font-family: Consolas, Monace, monospace !important;
}
div.box,
.pun h2 {
  border: none;
}
div.blockpost + div.blockpost h2 {
  border-radius: 0;
}
div.blockpost {
  margin: 0;
}
#punindex div.blocktable {
  margin-bottom: 25px;
}
#content div.box {
  box-shadow: inset 1px 1px 10px #E7E2D4;
}
#content div.blockpost div.box {
  box-shadow: none;
}
.pun pre {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  background: white;
  box-shadow: 1px 1px 1px #E0DCD2 inset;
  padding: 10px;
  margin: 1em 0;
  overflow: auto;
}
.pun th {
  border-top: none;
}
.pun {
  /*font-size: 14px;
	font-family: "Open Sans";*/
}
#modcontrols dd {
  float: left;
  margin-right: 2em;
}
.oldtopic {
  color: #E03C3C;
  font-size: larger;
}
#menu #homepage-spec {
  display: none;
}
.mobile {
  display: none !important;
}
@media (max-width: 940px) {
  html.responsive #punwrap {
    width: auto;
  }
}
@media (max-width: 840px) {
  html.responsive #logo {
    display: none;
  }
}
@media (max-width: 550px) {
  html.responsive .mobile {
    display: inline !important;
  }
  html.responsive body {
    background: transparent none;
  }
  html.responsive #brdheader {
    height: auto;
    background: #3484D2 url("../img/nette/bg.jpg") repeat-x fixed 110px bottom;
    overflow: hidden;
  }
  html.responsive #menu #homepage-spec {
    display: inline;
  }
  html.responsive #punwrap {
    width: auto;
  }
  html.responsive #menu ul {
    position: static;
  }
  html.responsive #menu a {
    padding-left: 5px;
  }
  html.responsive #logo,
  html.responsive #tools,
  html.responsive #menu .rss {
    display: none;
  }
  html.responsive .breadcrumbs {
    display: none;
  }
  html.responsive h1 {
    font-size: 150%;
  }
  html.responsive .inbox .postleft dl {
    padding: 0;
  }
  html.responsive .postleft dd {
    display: none;
  }
  html.responsive .postleft dd.postavatar {
    display: block;
    float: left;
    margin: 0;
  }
  html.responsive .postleft dd.postavatar img {
    width: 50px;
    height: 50px;
  }
  html.responsive .postleft dt {
    position: absolute;
    left: 70px;
    top: 15px;
  }
  html.responsive div.postleft {
    float: none;
    width: auto;
  }
  html.responsive div.postright {
    border-left-width: 0;
  }
  html.responsive .postsignature,
  html.responsive .postfootleft,
  html.responsive .postfootright {
    display: none;
  }
  html.responsive .blockform .blockform {
    display: none;
  }
  html.responsive .linksb {
    display: none;
  }
  html.responsive div.resizable-textarea textarea {
    max-width: 100%;
  }
  html.responsive div.resizable-textarea div.grippie {
    width: auto !important;
  }
  html.responsive fieldset {
    min-width: inherit;
  }
  html.responsive div.Texyla {
    width: auto !important;
  }
  html.responsive div.Texyla ul.toolbar {
    display: none;
  }
  html.responsive ul.bblinks {
    display: none;
  }
  html.responsive #content > .inner {
    padding: 0;
  }
  html.responsive #idx1 .tc2,
  html.responsive #idx1 .tc3,
  html.responsive #idx2 .tc2,
  html.responsive #idx2 .tc3,
  html.responsive #idx3 .tc2,
  html.responsive #idx3 .tc3,
  html.responsive #vf .tc2,
  html.responsive #vf .tc3 {
    display: none;
  }
}
tr.alt th h2 {
  font-size: 115%;
  background: none;
  margin: 0;
  padding: 0;
}
.blocktable,
.blockpost {
  clear: both;
}