html {font: x-small/normal Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; background: #fff; padding: 0; margin: 0 1em; -ms-text-size-adjust: 100%}
body {font-size: 120%; padding: 0; margin: 1.45em auto; _margin: 0 1em 1.45em 1em; position: relative; }

a, odkaz {color: #00659C; font-weight: bold; text-decoration: underline; cursor: pointer }
a span { cursor: hand }
i {font-style: italic}
img {border: 0}
ul {margin: 0; padding: 0}
small {font-size: 90% }
.hide {display: none}
.hidden {visibility: hidden}
.help {border-bottom: 1px dotted gray; cursor: help}
.noborder {border: none}

.topsearch {position: absolute; top: 0; right: 0}
.topsearch label {float: left}
.topsearch #google {margin-left: 0}

/* Upozornění a nástěnka */
.notifications { position: absolute; left: 493px; top: 1.45em}
.notifications ul { list-style: none; padding: 0 0 2px 0; margin: -1px 0 0 0;}
.notifications li { background: red url('../img/attention.png') 10px 50% no-repeat; padding: 5px 5px 5px 26px; margin: 0 0 -2px 0 }
.notifications ul a, .notifications ul small { color: white; margin: 5px }
.notifications ul .read { background: #ff9191 }
.ntf-count {color: #fff; background: red; padding: 0 .3em; text-decoration: none; font-style: normal; font-family: "Arial"}
.notifications .board {padding: 5px; background: #ffff66; color: #000; position: relative}
.board a.edit {display: block; border: 0; position: absolute; right: 0; bottom: 0; font-size: 80%; margin-bottom: -1.5em}
.board .edit:hover, .board .edit:active, .board .edit:focus {color: #fff; background: #00659C}

#menu {background: #D6DBDE; font-weight: bold; padding: 4px; margin: 1.166em 0 1.5em 0; position: relative; zoom: 1}
.ui-width { display: block; width: 23px; height: 20px; background: url('../img/controls_dark.png?v=2') no-repeat -67px -0px; position: absolute; right: 0; top: 50%; margin: -10px -9px 0 0; cursor: w-resize; overflow: hidden; }
.ui-zebra { display: block; width: 15px; height: 15px; background: url('../img/controls_dark.png?v=2') no-repeat; position: absolute; right: 4px; top: 1em; margin: -8px 0 0 0; cursor: pointer; overflow: hidden; }
.ui-wrapper { height: 0; display: block; position: relative }

html.js #menu { padding-right: 46px }

#logo {padding: 1em 1em 1em 80px; background: url(../img/logo-min.png) no-repeat left center; background-size: contain; display: block}
#logo:hover {visibility: visible}
#logo:hover img {background: #237912}

.logininfo {font-size: 90%; margin: -0.333em 0 1.333em 0}
.logininfo a {font-weight: normal}
form .logininfo {margin: 0.667em 0}
.login { margin: -0.333em 0 1em 0 }

.fheadline {margin: 1.5em 0 .5em 0; min-height: 2.5em; _height: 2.5em}
.fheadline strong {font-size: 110%; float: left; width: 70%}
.fheadline small {float: right; width: 30%; text-align: right; font-size: 100% }
.groupname {border-top: 1.5em solid #fff; margin-bottom: 1em}

/* Kategorie na hlavní straně */
.Hpforums {clear: both}
.Hpforums th { padding: 0.25em 0.9em }
.Hpforums table { background: #EFEFEF }
.Hpforums td { padding: 5px 5px 5px 0.9em; vertical-align: top; height: 3em }
.Hpforums img, .Hpforums .icon { margin: 0.5em 0.9em 0em 0em; vertical-align: middle; float: left }
.Hpforums .desc { margin: 0 0 0 1.3em; padding: 2px 0 0px 16px; display: block; }
.Hpforums .desc a { font-weight: normal; vertical-align: baseline }
/*.Hpforums td:hover .counters {display: block} 
*/.Hpforums .counters {float: right; display: none}
.Hpforums .counters strong {float: right; line-height: 150%; font-size: 150%; width: 2em; text-align: right}
.Hpforums .counters small {display: block; text-align: right; color: #666}
.Hpforums span.sticky { margin-left: 0.75em; display: none; _display: inline; }
.Hpforums span.sticky a { text-decoration: none; zoom: 1; display: inline-block; text-align: center; width: 1.4em; height: 1.4em; line-height: 1.4em; font-size: 90%; margin: -1px 0 -1px 0.25em; border: 1px solid #FFF }
.Hpforums span.sticky a:hover { background: #00659C; color: #FFF }
.Hpforums td:hover span.sticky { display: inline }
.Hpforums tr:first-child:hover ~ tr td span.sticky { display: inline }
.Hpforums a { vertical-align: middle; margin: 0 0 0 0px; padding: 0 0; }
.led { float: right; position: relative; text-decoration: none; color: #EFEFEF; text-decoration: none; font-size: 90%; font-weight: normal; }
.led img, .led .icon { position: absolute; bottom: 1em; right: 0; margin: 0 1em 4px 0; padding: 0 }
.led span { position: absolute; bottom: 1em; right: 16px; margin: 0 1em 4px 0; line-height: 16px; padding: 0 5px; cursor: pointer }
.led:focus, .led:hover, .led:active { color: #00659C; text-decoration: underline }

.flip {text-align: right; margin: 0}
.flip span {position: absolute; width: 16px; height: 16px; background: url('../img/controls_light.png?v=2') no-repeat; top: 50%; right: 0; margin: -8px 0 0 0 }
.flip a {padding: 0.833em 24px 0.833em 6px; margin: 0 2px 0 0; font-size: 90%; position: relative; display: inline-block; vertical-align: middle }
.flip a.flipV span { width: 10px; height: 24px; background-position: -0px -48px; margin: -12px 0 0 0 }
.flip a.flipV {padding-right: 16px}
.flip a.flipH {padding-right: 6px; background: none}
.flip a.flipCols2 span {background-position: -28px -48px}
.flip a.flipCols3 span {background-position: -11px -48px}

/* Dvousloupcové rozvržení */
.twoCols {overflow: hidden}
.twoCols .Hpforums {float: right; width: 19%}
.twoCols .Hpforums .desc {display: none}
.twoCols .lastDiscussions {width: 80%; float: left}

/* Drobečková navigace */
.breadcrumb h1 {display: inline; font-size: 100%}
.breadcrumb {background: #D6DBDE; padding: 5px; margin: 8px auto; overflow: hidden; zoom: 1; clear: both}
.breadcrumb .icon, .breadcrumb img {vertical-align: middle; margin-right: 2px}
.breadcrumb b {color: gray}
.breadcrumb div {float: left}
.breadcrumb small {float: right; text-align: right}
.breadcrumb small b {color: #000}
.breadcrumb small i a {font-weight: normal}
.internal {background: #F7F7F7}

/* Stránkování ­ */
.list .pages {font-weight: normal; font-family: Arial, Helvetica, Geneva, sans-serif, Arial, Verdana; color: #efefef; font-size: 80%; vertical-align: middle}
.list .pages a {display: inline-block; font-weight: normal; border: 1px solid #ccc; color: gray; background: #EFEFEF; padding: .0em .5em; margin: 0 .2em; text-decoration: none}

div.pages {font-size: 90%; margin: .2em; /*white-space: nowrap; overflow: hidden}
p.pages:hover {overflow: auto*/}
div.pages i {color: #000; padding: 0 1em}
div.pages {margin: .5em}
div.pages a, div.pages b, div.pages button, div.pages span {border: 1px solid #fff; /*width: 2em; */display: inline-block; text-align: center; margin: 0 .3em .2em; padding: .3em .7em}
div.pages a, div.pages button {border-color: #ccc; color: gray; background: #EFEFEF; text-decoration: none; font-weight: normal;}
div.pages button {font-size: 100%; font-family: Verdana; margin-left: -.5em}
div.pages select {font-weight: bold; font-style: normal; text-align: center}
div.pages span {border-color: #efefef; background: #f7f7f7; color: #e7e7e7}

div.pages b {color: #000}
td.pages {vertical-align: top; text-align: center;}
td.pages a {padding: 0 .3em; min-width: 40%; white-space: nowrap; box-sizing: border-box}
td.pages .prev {float: left}
td.pages .next {float: right}

td.pages .prev,
td.pages .next {padding: .5em .7em; font-size: 120%; margin: 0 .5em}


/* Tabulky a texty */
table { font-size: 100%; } /* oprava nejviditelněj‘ího problému s quirkem ve Firefoxu, viz djpw.cz/100729 */
td.forumgroup {background-color: #D6DBDE; font-variant: small-caps}
td, th, p, pre, .item li {line-height: 140%}
.tbCel1 {background: #EFEFEF}
.tbCel2 {background: #EFEFEF}
table {width: 100%; border: 1px #FFFFFF solid; display: table; border-collapse: collapse; border-spacing: 0px; color: #000000; table-layou\t: fixed}
th {background-color: #D6DBDE; border: 1px #FFFFFF solid; padding: 0.25em 4px; line-height: 1.5em; font-size: 90%; text-align: left}
td {padding: 1px 4px; border: 1px #FFFFFF solid; text-align: left}
#fora td {padding: 3px 4px}
#fora td, .list td {height: 2.8em}
.list tfoot td {height: auto; padding: .3em}
td .lastpost {font-weight: normal}
.list a:focus {outline: 1px dotted #000}
.nposts {float: right}
.nposts a, .unread {color: #006600; text-decoration: none; padding: 3px; margin: -3px 0; border: 1px solid none} /* upozornění na nové příspěvky */
.nposts a:hover, .nposts a:focus, .nposts a:active {border-color: #D6DBDE; background: #fff}
td.names a {font-weight: normal; font-size: 90%}
.names b:hover, .names b:focus, .names b:active {border-bottom: 1px dotted #00659C; color: #00659C; cursor: pointer}
.separator td {display: block; height: 3px; overflow: hidden}

/* Tlačítka */
.button {cursor: pointer; background: #D6DBDE url(../img/button.png) repeat-x 0 bottom; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAEklEQVQIHWNgYPjvy/C/iYEBAA5TAs4XfkeaAAAAAElFTkSuQmCC), #D6DBDE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFCCAYAAAAwrrf/AAAAoklEQVR42qWTXQqAMAyDh/e/hQeNw4H97+rqg6wkfHYJDgD3NeZzzdNYJ+81xUTllnOKUdFY45ySqGisYVHHaygferuARgSp+ZYCxVFf8sZSoCgfAlWiflpgLDGgapG9qX+GRqqM+lVNr3F9MgMMfOFAxMR4RNEnC2AxMSEAmCvItrQ5vLmKqRZYnJ93y5CyMWdZlcIuVpYHGxblJdQvyuT8AD8W+DDCQ9VDAAAAAElFTkSuQmCC) repeat-x 0 bottom/contain; border: 1px solid #999; background-clip: padding-box; border-radius: 2px; color: #000; padding: .2em .5em; text-decoration: none; font-weight: normal; margin: .1em; display: inline; transition: background-color 0.1s linear}
.button:hover {background-color: #FFF;  }
.button:active { background-color: #B7D0E9; background-color: #AAA; border-color: #32659C }
.button[disabled] { background: #EFEFEF; border-color: #D6DBDE; color: #808080; cursor: default }

.postinfo.right { height: 1.2em }
.postinfo.right .button { float: left; position: relative; z-index: 1 }


/* Menu poslední diskuse, bez reakcí­, ... */
#posledni { padding: 0 4px 0 0; min-height: 3.2em; _height: 3.2em; clear: both; margin: 0 0 0.5em 0 }
#posledni small { padding: 4px 0 }
.tab { position: relative }
.tab a span { display: inline-block; width: 16px; height: 16px; background: url('../img/controls_light.png?v=2') no-repeat; margin: -1px 3px -3px 0 }
.tab a {font-size: 100%; background: #efefef; padding: 5px 10px; margin: 0 -0.4em 1px 0; display: inline-block; text-decoration: none; font-weight: bold !important}
.tab a.bezreakci {padding-left: 9px}
.tab a.bezreakci span {background-position: -46px -48px;}
.tab a.pzp {padding-left: 9px} 
.tab a.pzp span {background-position: -63px -48px;} 
.tab a.fav span {background-position: -96px -48px}


.tab a:hover, .tab a:focus, .tab a:active {background-color: #fff}
.tab b {color: #000; background: #D6DBDE; padding: 5px 10px; display: inline-block; vertical-align: top }
/*
.tab .rss { padding: 0 5px; background: #D6DBDE; display: inline-block }
.tab .rss img { vertical-align: middle }
.tab .rss:hover {background: none}
*/
.tab .up {padding: 0 5%; background: none; position: absolute; left: 65%; top: 1.6em}
.lastta {color: #666}

.rss, .tab .rss { display: inline-block; vertical-align: middle; width: 0px; height: 12px; background: url('../img/controls_dark.png?v=2') -79px -21px no-repeat; padding: 0 0 0 12px; overflow: hidden }
.tab .rss { margin: 0 0 0 5px}
.rss img { display: none }

table.center td, .center {text-align: center}
.lastPoster a {font-weight: normal; color: #000; text-decoration: none}
tr td.left {text-align: left}
.useredit th {text-align: right; font-weight: normal}
.useredit th a {font-weight: bold}
tr.newposts td {border-top: 2px solid #D6DBDE} /* oddělovač nových reakcí */

.regform table {position: relative}
.regform h2 {width: 50%; margin-bottom: .3em}
.regform .opt {font-weight: normal}
.regform button {margin: .3em; padding: .3em}

.indikace {padding: 0}
th.indikace {border: 0}
.you .indikace {background: url('../img/controls_light.png?v=2') -379px 0 repeat-y}
.poster .indikace {background: #B1BBC1 url('../img/controls_light.png?v=2') -374px 0 no-repeat}
.you.poster>.indikace {background: #B1BBC1 url('../img/controls_light.png?v=2') -384px 0 repeat-y}
.zatrzeno .indikace {background: #FF0000}
.poster td.names b {border-bottom: 2px solid #B1BBC1}

tr.zatrzeno .names {color: #C00000}

.postinfo {font-size: 90%; color: gray; float: left; position: relative}
.postinfo a {font-weight: normal}
.right {float: right}

/* hodnocení příspěvků */
.vote {float: right; position: relative; margin: 9px .3em; height: 30px; width: 24px; transition: opacity 0.3s; display: inline; =margin-left: 0 }
.vote a {position: absolute; left: 0; z-index: 2; padding: 9px; margin: -9px; transition: margin 0.3s, padding 0.3s; text-decoration: none }
.vote a:active { background: transparent }
.vote a span {display: block; width: 0; height: 0; overflow: hidden; border: solid transparent; border-color: rgba(239,239,239,0); transition: border-color 0.3s}
.vote a.vote-positive, .vote a.vote-negative {left: 0;}
.vote a.vote-negative {bottom: 0; padding-top: 3px; margin-top: -3px }
.vote a.vote-positive {top: 0; padding-bottom: 3px; margin-bottom: -3px}
.vote a.vote-neutral {left: 50%; top: 50%; padding: 0 15px; margin: -6px -21px; z-index: 1 }
.vote a.vote-negative span {border-top-color: #ddd; border-width: 12px 12px 0 12px }
.vote a.vote-positive span {border-bottom-color: #ddd; border-width: 0 12px 12px 12px}
.vote a.vote-neutral span {border: 3px solid #ddd; width: 6px; height: 6px; border-radius: 12px }
.names:hover a.vote-negative span {border-top-color: #ccc;}
.names:hover a.vote-positive span {border-bottom-color: #ccc;}
.names:hover a.vote-neutral span {border-color: #ccc }
.names:hover .voted-negative a.vote-positive, .names:hover .voted-positive a.vote-positive, .names:hover .voted-negative a.vote-negative, .names:hover .voted-positive a.vote-negative { margin: -12px -9px }
.names:hover a.vote-neutral { z-index: 3; transition: z-index 0 0.3s  }

.vote a.vote-negative:hover span, .names .voted-negative a.vote-negative span {border-top-color: #E22307}
.vote a.vote-positive:hover span, .names .voted-positive a.vote-positive span {border-bottom-color: #159906}
.vote a.vote-neutral:hover span { border-color: #888; background: #fff }
.voted-neutral a.vote-neutral { display: none }
.voted-positive a.vote-neutral { margin-top: -21px; padding-top: 15px; }
.voted-negative a.vote-neutral { margin-bottom: -21px; padding-bottom: 15px }
.voted-loading { opacity: 0.5 }

/* zvýraznění hodnoceného příspěvku */ /*
.level-plus-3 td {background: #67F579}
.level-plus-2 td {background: #A5FAAF}
.level-plus-1 td {background: #E2FEE6}
.level-minus-1 td {background: #FFF0F0}
.level-minus-2 td {background: #FFCECE}
.level-minus-3 td {background: #FF9B9B}   */

/* zvýraznění nakliknutého řádku */
tr.nakliknuto .vote a:before, tr.nakliknuto .postinfo a:before { position: absolute; font-family: Arial; background: url('../img/klavesa.png') no-repeat; font-size: 12px; width: 16px; height: 32px; padding: 2px 10px; color: #FFF; font-weight: bold; text-align: left; opacity: 1; text-decoration: none; transition: margin-left 0.25s linear, opacity 0.25s }
tr.nakliknuto .vote a:before { left: -32px; }
tr.nakliknuto .vote-positive:before { content: "W" /* "\2191" */; bottom: 1px; }
tr.nakliknuto .vote-negative:before { content: "S" /* "\2193" */; top: 2px; }
tr.nakliknuto .postinfo a { position: relative }
tr.nakliknuto .postinfo a:before { bottom: 100%; left: 50%; margin: 0 0 2px -18px }
tr.nakliknuto .postinfo-reply:before { content: "D" }
tr.nakliknuto .postinfo-quote:before { content: "Q" }
tr.nakliknuto .postinfo-edit:before { content: "E" }
/* tr.nakliknuto .postinfo-anchor:before { content: "A" } */
tr.nakliknuto .postinfo:first-child:after { content: "P\0159im\00e1\010dkn\011bte kl\00e1vesu p\0159i stisknut\00e9m tla\010d\00edtku my\0161i."; position: absolute; display: block; left: 0px; bottom: 100%; padding: 0.333em 0.5em; background: #000; color: #FFF; border-radius: 3px; transition: margin-left 0.25s linear, opacity 0.25s; white-space: nowrap }
html.hidekeys tr.nakliknuto .vote a:before, html.hidekeys tr.nakliknuto .postinfo a:before, html.hidekeys tr.nakliknuto .postinfo:first-child:after { margin-left: -3em; opacity: 0 }
tr.nakliknuto .vote a:before, tr.nakliknuto .postinfo a:before, tr.nakliknuto .posttext:before { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; }


.posttext {clear: both; padding: 0.9em 0 0.25em 0}
.posttext table {table-layout: auto; width: auto; margin-top: .8em}
.posttext table.mods th {width: 100px}
.posttext table.mods td {width: 16px}

a.kotva {font-weight: normal}

html.zebra .tbCel1, html.zebra .tbCel1.prodleva td { background: #F2F2F2 }
html.zebra .tbCel2, html.zebra .tbCel2.prodleva td { background: #ECECEC }

.prodleva-tyden .postinfo span {font-weight: bold}
.prodleva-mesic .postinfo span {font-weight: bold; color: #000}
.prodleva-rok .postinfo span {font-weight: bold; color: #000; font-size: 120%}
.prodleva-mesic td {background: #F5F5F5}
.prodleva-rok td  {background: #FFF}
.prodleva-rok:last-child td  {background: #F5F5F5}
html.zebra .prodleva-mesic .postinfo, html.zebra .prodleva-rok .postinfo {padding: 0.25em 0}

.backg {background: #D6DBDE; font-size: 90%; padding: 4px; zoom: 1; clear: both}
.backg a {font-weight: normal}
#zamceno { margin: 8px auto; }


form p.reply {width: 70%}

#form-header { background: #D6DBDE; font-size: 90%; padding: 4px; margin: 8px 0 0 0; position: relative; zoom: 1; line-height: 1.2; }
#form-header h2 { font-size: 100%; border-bottom: 1px solid #FFF; margin: 0 -4px 4px; padding: 0 4px 4px }
#form-header .tlacitko, .manual .tlacitko { margin: 0 7px 0 0; position: relative; text-decoration: none; zoom: 1; display: inline-block; background: url('../img/controls_dark.png?v=2'); width: 23px; height: 22px; vertical-align: text-bottom; padding: 0 }
#form-header kbd { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; text-shadow: 0.5px 0.5px 2px #000, 0.5px 0.5px 2px #000; font-weight: bold; cursor: pointer }
#form-header .tlacitko kbd { display: none; position: absolute; left: 0px; bottom: -0.75em; font-size: 90%; }
#form-header .tlacitko kbd span { padding: 0 2px 0; line-height: 1.6em; font-weight: normal; margin: 2px 0 0 -3px; font-weight: bold; }
#form-header .tlacitko kbd i { font-style: normal }
#form-header .hidden, #form-header .hidden-j { display: none; visibility: visible }
#form-header.ctrl .hidden, #form-header.ctrl-j .hidden-j { display: inline-block }
#form-header.ctrl-j kbd i { visibility: hidden }
#form-header.ctrl-j kbd span i { display: none }
html.pre-showbutton #form-header.ctrl kbd, html.pre-showbutton #form-header.ctrl-j kbd { display: inline }
#form-header.ctrl-j-anim1 .hidden-j, #form-header.ctrl-j-anim2 .hidden-j, #form-header.ctrl-j-anim3 .hidden-j, #form-header.ctrl-j-anim4 .hidden-j { display: inline-block }
#form-header.ctrl-j-anim1 .hidden-j { margin-left: -23px; filter: alpha(opacity=20); opacity: 0.2; }
#form-header.ctrl-j-anim2 .hidden-j { margin-left: -17px; filter: alpha(opacity=40); opacity: 0.4; }
#form-header.ctrl-j-anim3 .hidden-j { margin-left: -11px; filter: alpha(opacity=60); opacity: 0.6; }
#form-header.ctrl-j-anim4 .hidden-j { margin-left:  -5px; filter: alpha(opacity=80); opacity: 0.8; }
#form-header.ctrl-j-anim1 .tlacitko, #form-header.ctrl-j-anim2 .tlacitko { margin-right: 6px }
#form-header.ctrl-j-anim3 .tlacitko, #form-header.ctrl-j-anim4 .tlacitko { margin-right: 5px }
#form-header.ctrl-j .tlacitko { margin-right: 4px }
#popis_stylu { padding: 0 0 0 4px; display: inline-block; vertical-align: top; height: 22px; line-height: 22px }
#mapa { background: url('../img/controls_dark.png?v=2') -977px 0 no-repeat; height: 22px; line-height: 22px; padding-left: 30px; display: none; }
#form-header.mapa .tlacitko, #form-header.mapa h2, #form-header.mapa #popis_stylu { display: none }
#form-header.mapa #mapa { display: inline-block }
#form-header.mapa #popis_mapy { display: block; }
.klavmapa-cesta {color: #333 }
.klavmapa-separator {color: gray; font-size: 120%; margin: 0 -2px }
.klavmapa-puntik {color: gray; margin: 0 -2px }
.klavmapa u { text-decoration: none }
.klavmapa-polozka {color: #000; padding: 2px 4px }
.klavmapa u .klavmapa-polozka { color: #FFF; background: #00659C; }
#popis_mapy { border-top: 1px solid #AFB9BF; margin: 4px 0 0 0; padding: 4px 0 0 0; height: auto; line-height: 1.2; display: none; color: #777 }
#form-header h2 small { font-size: 100%; border-left: 1px solid #FFF; margin: 0 0 0 4px; padding: 0 0 0 4px; }

#form-header .ui-wrapper { margin-right: 30% }
.ui-fixed, .ui-font, .ui-height { display: block; width: 16px; height: 16px; background: url('../img/controls_dark.png?v=2') no-repeat; position: absolute; right: -8px; bottom: 0; cursor: pointer; overflow: hidden }
.ui-fixed { right: 36px }
.ui-height { right: 14px; background-position: -91px 0; cursor: n-resize; }
#form-header.mapa .ui-wrapper { display: none }
#newreply.fixed { background: url('../img/controls_dark.png?v=2') 0px -34px repeat-x; position: fixed; bottom: 0; z-index: 10; margin: auto; }
#newreply.fixed textarea { resize: none }
#newreply .logininfo { padding-top: 8px; margin-top: -8px }
#newreply.fixed .logininfo { margin-top: 4px }
#newreply.fixed #neprihlasen { display: block; padding-top: 1.5em }
#placeholder { position: absolute; left: -10000px }
form + #placeholder { position: static; left: 0 }

/* Obnovení příspěvku */
.zrusit { width: 34px; height: 34px; background: url('../img/controls_dark.png?v=2') -108px 0 no-repeat; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer; position: absolute; right: 30%; top: 100%; margin: 13px 0 0 0 }
.zrusit:hover, .zrusit:focus, .zrusit:active { opacity: 1; filter: none }

.option {text-align: right; margin: 8px 0;}
.option del {text-decoration: none; color: #D6DBDE; float: left} /* skryté ID vlákna v patičce */
#footer {padding-left: 20px; margin-top: 15px; clear: both}
#time {color: #fff} /* mÄ› ™en ­ */

/* Formulářové prvky */
form {margin: 0}
textarea, input, select {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 130%}
.form textarea, .form input.text {width: 70%; margin: 5px 0; border: 1px solid #C0C0C0; padding: 3px; background: #FFF; color: #000}
.form input.text {width: 55em}
input[type=text] {border: 1px solid #C0C0C0; padding: .2em .5em;}
.form textarea {height: 15em; resize: none;}
.textForm {padding: 3px; border: 1px solid #C0C0C0}
.form { padding: 0 0 6px 0; margin-bottom: -2px }
.form .logininfo { margin: 4px 0 4px 10px }
.form p {font-size: 90%; margin: 4px 0}
.form a {font-weight: normal}
.closed {font-size: 100%}
.warning {color: red; font-weight: bold}
#neprihlasen b {margin-left: 1em;}
#submitbtn, #nahled-tlacitko {height: 2em; padding: 0; margin-right: .2em }
#submitbtn { width: 12em; }
#nahled-tlacitko { width: 9.9em; }
textarea.userHtml {width: 400px; height: 80px}

/* dobrá rada */
textarea {float: left}
.advice {float: right; clear: none; width: 30%; padding: 4px 0; margin: 5px 0 0 -9px; line-height: 1.4; height: 15em; overflow: auto; overflow-x: hidden }
.advice a {font-weight: bold}
.advice .posttext { padding: 0 0 0 13px; position: static }
.advice .posttext h3 {margin: 1.25em 0 2px 0; padding: 0.25em 4px 0.1em 4px; background-color: #EFEFEF }
.advice .posttext h3:first-child { margin: -4px 0 2px 0; padding: 0.25em 4px 0.1em 4px; }
.advice .posttext div { margin: 0 4px }
.advice .posttext div div { padding-bottom: .7em }
.advice ul { margin: 0 0 0 1.5em; padding: 0; }

/*.js .advice .posttext div div {display: none}
.js .advice .posttext div.show div {display: block}
.js .advice .posttext h3 {cursor: pointer; margin-bottom: .7em}
.advice div {}
.advice .posttext h3 {}
.advice div.show h3 {}*/

/* Kajmanovi se puntíky nelíbí.
.advice ul { list-style: none; margin: 0; padding: 0; =margin-left: 1.5em; =list-style: disc }
.advice ul li:before { content: "\2022\00A0" }
*/

/* Obecné styly pro interní­ stránky */
.true {background-color: #C8FFC8; border: 1px solid #00C600}
.false {background-color: #FFB9B9; border: 1px solid #FF4A4A}
.info {background-color: rgb(255,255,102); border: 1px solid rgb(205,153,0)}
p.status, div.status {padding: 1em; display: inline-block}
div.status {margin-bottom: 1em}
                        
p.true:after {content: " \221A "}
h2.true {background-color: #C8FFC8; border: 1px solid #00C600}
h2.false {background-color: #FFB9B9; border: 1px solid #FF4A4A}
h2 {background-color: #D6DBDE; padding: 4px; font-size: 110%; margin-bottom: 1px}
.manual h2 a:visited, .manual h2 a:link {float: right; color: #666; text-decoration: none; font-weight: normal}
.item {background: #EFEFEF; padding: .8em; overflow: hidden}
.nocolor {background: none}
.item h3 {border-top: 1px solid #D6DBDE; padding-top: 3px; margin-top: 2em; color: #000000; font-size: 110%}
dl {margin: 1.33em 0}
dt {font-weight: bold; clear: both; margin-top: 1.5em}
dd img {float: right; padding: 5px; background: #fff; border: 1px solid #ccc; margin-left: 10px}
ul {margin-left: 40px; padding-left: 0}
ol li {margin-bottom: .4em}

.manual {width: 70%; float: right}
.manual table {background: #fff}
.manual table img {float: none; padding: 0; border: 0}
.manual th {background: #D6DBDE; padding: 4px}
.manual td {background: #EFEFEF; padding: 4px}
.manual .tlacitko {margin: 0}
.summary .ext a {font-weight: bold}


/* Hledání­ */
#searchresults li {font-weight: bold}
#searchresults dl {=margin: -2.6em 0 1.5em 0; _margin: -2.6em 0 1.5em 0}
#searchresults dt {font-weight: normal}
#searchresults dd {font-size: 90%; margin: 2px 0 0 1em}
#searchresults dd a {font-weight: normal}


/* Statistika & userinfo */
.group {width: 49%; margin: 0 .5%; float: left}
table.bars {margin: 0; border-width: 2px; border-collapse: separate; table-layout: auto}
.bar {background: #FFCFA4; border: 1px solid #FFA24A}
.userLastItems {list-style: none; margin: 1em 0 0 0}
.userLastItems li { padding-bottom: 3px; }
.userLastItems img, .userLastItems .icon { margin: -1px 0 0; vertical-align: bottom; }
.ago {margin-top: -1em; position: relative; left: -9.5em; top: 1.8em; width: 9em; padding-left: .5em; text-aligsn: right; color: gray; background: #fff; font-size: x-small}
.noreg th {background: #e7e7e7}

/* Formátování příspěvků */
a b, odkaz b {color: #004B75}
.posttext .do-diskuse b i { background: #00659C; border: 1px solid #00659C; color: #FFF; font-style: normal; padding: 0 2px 0 2px; }
.posttext .do-diskuse, .posttext a[href^="http://diskuse.jakpsatweb.cz"], .posttext a[href^="https://diskuse.jakpsatweb.cz"], .posttext a[href^="?action"] {border-bottom: 1px dotted #00659C; text-decoration: none}
.posttext img {max-width: 100%} /* aby obrázky nelezly z tabulky */
/*
Str4wberry, 28. 12. 2012
<pokus s odli‘ením odkazů do JPW>
*/
  .zbb-test2 .do-jpw, .zbb-test3 .do-jpw {background: url('https://www.jakpsatweb.cz/favicon.ico') no-repeat; padding-left: 20px}
  .zbb-test3 .do-jpw:before {display: none}
  .posttext .do-jpw:before {background: #999; color: #fff; text-decoration: none; margin-right: .3em; padding: 0 .3em; font-size: 80%; font-weight: normal}
  .posttext .do-jpw-html:before {content: "html"}
  .posttext .do-jpw-zak:before {content: "návody"; background: #006600}
  .posttext .do-jpw-css:before {content: "css"; background: #a8761b}
  .posttext .do-jpw-js:before {content: "js"; background: #b69}
  .posttext .do-jpw-ost:before {content: "ostatní"; background: #6ad}
  .posttext .do-jpw-clanky:before {content: "články"; background: #8a9}
  .posttext code :before {display: none}
/* <konec pokusu> */

.posttext small {font-size: 100%; color: #666}
.posttext small a {color: #83B4D1}
.posttext ins {text-decoration: none; color: #003300}
.posttext .br, .posttext .br-2, .posttext .br-3, .posttext .br-4 { display: block; }
.posttext .br-2 br, .posttext .br-3 br, .posttext .br-4 br { display: none; }
.posttext .br { font-size: 65%; line-height: 100%; }
.posttext .br-2 { height: 1.10em }
.posttext .br-3 { height: 2.10em }
.posttext .br-4 { height: 3.10em }


.posttext {word-wrap: break-word} /* zalomení ­ dlouhých slov */
.pre {word-wrap: normal} /* nezalomení­ dlouhých slov */
/* moderátorské poznámky */
.mod {color: #666; padding-left: 1em; margin: .2em; border-left: 5px solid #ccc}
b .mod {color: #FF0000; font-weight: normal; border-color: #F2393E}
i .mod {color: #009900; font-style: normal; border-color: #56F240}
small .mod {color: #999999}
ins .mod {color: #668866}
.mod b {font-weight: bold}
.mod i {font-style: italic}
.mod a, .mod a b {color: #4B91B6} /* zesvětlení odkazu v zesvětlené poznámce */
.mod img {vertical-align: baseline; margin: 0 0 -2px 0}
b .mod a, i .mod a, small .mod a, ins .mod a {color: #00659C}
b .mod a b, i .mod a b, small .mod a b, ins .mod a b {color: #004B75}
/* nadpisy v příspěvcích */
.posttext h1, .posttext h5, .posttext h6 {display: none}
.posttext h2, .posttext h3, .posttext h4 {font-size: 110%; line-height: 140%; padding: 0.2em 0.4em; margin: 0 -4px 0.2em -4px}
.posttext h2 {background: #D6DBDE; border: 1px solid #FFF; border-width: 1px 0; margin-top: 1.2em}
.posttext h3 {border-bottom: 2px solid #D6DBDE; padding: 1.15em 0.4em 0.1em; background: url('../img/nadpis.gif') 0 100% repeat-x}
.posttext h4 {}
.posttext h2 span {text-shadow: 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #FFF}
.posttext h4 span {padding: 0.1em 4px; border-bottom: 2px solid #D6DBDE; margin-left: -0.4em}
.posttext h2:first-child {margin-top: 0}
.posttext h3:first-child {margin-top: -0.8em; padding-top: 1em}
.posttext h2 .zakotvit, .posttext h3 .zakotvit, .posttext h4 .zakotvit {float: left; font-weight: normal; text-decoration: none; position: relative; left: -1.6em; width: 0}
.posttext h2.highlight {background: #FFCFA4}
.posttext h3.highlight {border-color: #FFA24A; color: #C86300}
.posttext h4.highlight span {background: #FFCFA4; border: 1px solid #FFA24A; padding: 1px}

/* speciální témata */
.special .posttext {margin-left: 1em}
.special .posttext .zbb-pravidla {margin-left: -1em}
.special .tbCel1 {backgrounds: #fff}
.special .posttext .zakotvit {left: 0; float: none}
.special .posttext h2, .special .posttext h3, .special .posttext h4 {margin-left: -1.2em}
.special .first h2 {margin-top: -1em}

.special-summary {overflow: hidden}
.special-summary .summary-cover {width: 17%; float: left}
.special-summary .posts-cover {width: 82%; float: right}
.special-summary .special .posttext {margin-top: -2px; padding-top: 0}

.summary {background: #fff; border: 1px solid #D6DBDE; padding: 0 1em 1em  1em; margin: 0; overflow: hidden}
.summary a {font-weight: normal}
.summary li {padding: .3em 0}
.summary .lvl2 {margin-left: 0; list-style: none; margin: .8em 0 .6em 0}
.summary .lvl2 a, .summary .lvl2 {background: #D6DBDE; padding: .5em; display: block; font-weight: bold; text-decoration: none; color: #000}
.summary .lvl2 a {margin: -.5em; zoom: 1}
.summary .lvl3 {margin-left: 1em}
.summary .lvl4 {margin-left: 2em}

div.summary {margin: .9em -.3em 0 0; padding: 1em 0} /* nápověda */

/* styly pro "zbb-" třídy */
.posttext .zbb-pravidla {display: block; background: #FFF; border: 1px solid #D6DBDE; padding: 1em 1em; margin-left: -4em; zoom: 1; position: relative; z-index: 5; }
.posttext .zbb-pravidla h2, .posttext .zbb-pravidla h3, .posttext .zbb-pravidla h4 {margin: 0.2em 0; padding: 0.2em 0.4em; border: 0}
.posttext .zbb-pravidla h2 {font-size: 120%}
.posttext .zbb-pravidla h3 {font-size: 110%; background: #EFEFEF}
.posttext .zbb-pravidla h4 {font-size: 100%; background: transparent; font-weight: normal; border: 1px solid #FFF; padding: 0.2em 0.4em 0.2em 0}
.posttext .zbb-pravidla h2 span {text-shadow: none}
.posttext .zbb-pravidla h4 span {padding: 0; border: 0; margin: 0}
.posttext .zbb-pravidla h4 b i {padding: 0 0.5em 0 0; font-size: 120%; font-style: normal; width: 1.85em; float: left; text-align: right; margin-bottom: 0.05em}
.posttext .zbb-pravidla h2.highlight, .posttext .zbb-pravidla h3.highlight {background: #FFCFA4}
.posttext .zbb-pravidla h4.highlight {background: #FFCFA4; border-color: #FFA24A; color: #000}
.posttext .zbb-pravidla h2.highlight span, .posttext .zbb-pravidla h3.highlight span {border-width: 0 0 2px 0; padding: 0; color: #000}
.posttext .zbb-pravidla h4.highlight span {background: transparent; border: 0; padding: 0}
.posttext .zbb-pravidla h4.highlight span b i {color: #643100}
.posttext .zbb-pravidla .hr {font-size: 100%; margin: 0.55em 0}
.posttext .zbb-pravidla .br {font-size: 40%;}
.posttext .zbb-pravidla h4 img {vertical-align: baseline; margin: 0 0 -2px 0}
.posttext .zbb-pravidla h2 .zakotvit, .posttext .zbb-pravidla h3 .zakotvit, .posttext .zbb-pravidla h4 .zakotvit {float: right; position: static; width: auto}
.posttext .zbb-podrobnosti {display: block; margin: 0 0 0.5em 2.75em; padding: 0 2.5em 0 1em; font-size: 90%; border-left: 1px solid #D6DBDE}
.posttext .zbb-moderatori {margin: 0.5em 0 0}
.posttext .zbb-moderatori a {width: 9em; float: left; border: 0; text-decoration: underline; clear: left; margin-bottom: 3px}
.posttext .zbb-moderatori br {clear: both}
.posttext .zbb-moderatori img {vertical-align: middle; float: left; margin-bottom: 3px}
.posttext .zbb-moderatori small {display: block}
.posttext .zbb-seznam h4, .posttext .zbb-seznam h4 span { display: inline; border: 0; padding: 0; margin: 0; line-height: 127% }
.posttext .zbb-seznam h4 span { padding: 0 3px; margin: 0 2px 0 -2px }
.posttext .zbb-seznam h4 b { color: #C04D00 }
.posttext .zbb-seznam h4 ins { color: #009900 }
.posttext .zbb-seznam h4 del { color: #888 }
.posttext .zbb-seznam h4 ins:after { content: " \221A" }
.posttext .zbb-seznam h4.highlight span { border: 1px solid #FFA24A; padding: 0 2px }
.posttext .zbb-seznam .br {font-size: 35%;}
.posttext .zbb-seznam small:before {content: "Komentář:"; background: #666; color: #fff; padding: .1em .3em; margin: .2em .9em .2em -7em; font-weight: bold}

/**/
.posttext .zbb-schovat {display: none}


/* první moderátorská poznámka */
.posttext > .mod:first-child, .posttext > .mod:first-child + .mod, .posttext > .mod:first-child + .mod + .mod, .posttext > .mod:first-child + .mod + .mod + .mod {margin: -1em 0 1.1em 0; clear: both}
.posttext > .mod:first-child, .posttext > .mod:first-child + .mod, .posttext > .mod:first-child + .mod + .mod, .posttext > .mod:first-child + .mod + .mod + .mod, .hr + .mod {font-size: 90%; color: gray; padding-left: 0em; border: 0}
.posttext > .mod:first-child a {zoom: 1}
.posttext > .mod:first-child + br, .posttext > .mod:first-child + .mod + br, .posttext > .mod:first-child + .mod + .mod + br, .posttext > .mod:first-child + .mod + .mod + .mod + br {display: none}

/* horizontální čára */
div.hr {font-size: 1px; border-bottom: 1px solid #D6DBDE; margin: 3px 0 1px 0; padding: 0}
div.hr {border: 1px solid #BDC6CB; border-width: 0 0 1px 0; height: 0}
b div.hr {border-width: 1px}
i div.hr {border-style: dotted}
del div.hr {border-color: #FFF}
small div.hr {width: 17.64%}
b del {background: #8F9294; color: #8F9294; text-decoration: none}
/*.posttext ins:after {content: attr(title); border-bottom: 1px solid #ccc; padding: .2em}*/
ins div.hr {padding: .3em 4px; margin: -.3em -4px; border-bottom: 1px dashed #999; cursor: help}

/* zdrojové kódy */
code, pre, tt, div.pre, .pre-tlacitko {font-family: 'Courier New', monotype, monospace !important; font-size: 120%; color: #135908}
html.pre-altfont code, html.pre-altfont pre, html.pre-altfont tt, html.pre-altfont div.pre, html.pre-altfont .pre-tlacitko {font-family: Consolas, Monaco, 'Lucida Console', monospace !important; }
pre {margin: 0; padding: 0; white-space: pre; display: block}
code {padding: 0 1px; =vertical-align: middle; line-height: 1.2em; font-size: 120%}
tt, .pre-tlacitko { font-size: 100% }
a code {padding: 0; color: #00659C}

pre i, code i {color: gray}
pre b, code b {font-weight: normal; background-color: #D6DBDE; color: black; border: 1px dotted #00659C; border-width: 1px 0; margin: -1px 0}

/* formátování rozdílů příspěvků */
.diff del, .diff-html-removed {background: rgb(255,80,80)}
.diff ins, .diff-html-added {background: rgb(153,255,102)}

/* z djpw_jush */
.posttext {position: relative}
table.forums {table-layou\t: fixed}
body > div:first-child > table.forums:first-child {table-layout: auto}

div.pre pre {display: block }
div.pre { padding: 2px; margin: 2px 0; zoom: 1; position: relative; }

div.pre pre { font-size: 100%; word-wrap: break-word; white-space: pre-wrap; position: relative; width: 100%; float: left; =width: auto; =float: none }
div.pre pre a { font-weight: normal }
div.pre .cislovani { position: absolute; right: 100%; margin-right: 10px; color: #A9A9A9; white-space: nowrap; =margin-top: -2px }
div.pre .cislovani strong { color: #606060; font-weight: normal }
div.pre .stin { float: left !important; margin: 0 0 -100000px 0; display: inline }
div.pre .stin span { visibility: hidden }
div.pre .stin i { background: #FAFAFA; font-style: normal; }
div.pre .stin del span { visibility: visible }
.pre-tlacitko { position: relative; display: block; height: 0; clear: both; z-index: 3; top: 1.4em; left: 0; zoom: 1 }
.pre-tlacitko a { display: block; width: 34px; height: 34px; background: url('../img/controls_light.png?v=2') no-repeat 34px 0px; position: absolute; left: -25px; top: -25px; margin: 7px 0 0 -14px; cursor: pointer; }
.pre-tlacitko form { width: 15em; padding: 0.2em 0.2em 0.4em 0.25em; position: absolute; left: -10px; top: -13px; z-index: 4; margin: 0 0 0 0; background: #D6DBDE; #EFEFEF; border: 1px solid #FFF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; text-align: left }
.pre-tlacitko form input { vertical-align: bottom; =vertical-align: middle }
.pre-tlacitko form label { display: block; color: #000; line-height: 1.6em }
.pre-tlacitko form small { color: #000; font-size: 100%; display: block; padding: 0 0 0 0.25em; font-weight: normal }
.pre-tlacitko form label span { display: inline-block; width: 12px; height: 11px; vertical-align: text-bottom; background: url('../img/controls_dark.png?v=2') no-repeat -66px -22px; }
html.pre-nowrap div.pre { overflow-x: auto; _overflow: hidden; _width: 100%; /* width: 100%; =width: expression(parentNode.offsetWidth-4+'px');*/  padding-bottom: expression((this.scrollWidth > this.clientWidth && this.scrollHeight == this.offsetHeight ? this.scrollHeight - this.clientHeight : 0) + 2 + "px") }
html.pre-nowrap div.pre pre { white-space: pre; word-wrap: normal; width: auto; min-width: auto; float: none }
html.pre-maxheight div.pre { position: relative; padding-left: 3em; margin-left: -3em; left: 2px; overflow-y: auto; overflow-x: hidden; padding-right: expression((this.scrollHeight > this.clientHeight && this.scrollWidth == this.offsetWidth ? this.scrollWidth - this.clientWidth : 0) + 2 + "px") }
html.pre-maxheight div.pre .cislovani { text-align: right }
html.pre-maxheight div.pre { max-height: 287px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACf0AAAABCAMAAABZ9mYpAAAABlBMVEX///8TWQguAKB4AAAAAXRSTlMAQObYZgAAABpJREFUeNrtwgENAAAMw6Dev+kLGYSuVFVd+bCZA1aUTy8XAAAAAElFTkSuQmCC') no-repeat 3em 290px; =background: none }
html.pre-nowrap.pre-maxheight div.pre { background-position: 0em 290px; overflow-x: auto; padding-right: 0 }
html.pre-nowrap div.pre { padding-left: 0; margin-left: 0 }
html.pre-nowrap div.pre pre { padding-left: 1.45em; }
html.pre-nowrap div.cislice-1 pre { padding-left: 2em; }
html.pre-nowrap div.cislice-2 pre { padding-left: 2.55em; }
html.pre-nowrap div.cislice-3.pre pre { padding-left: 3.1em; }
html.pre-nowrap div.cislice-4.pre pre { padding-left: 3.65em; }
html.pre-nowrap div.pre .cislovani { margin-right: -0.45em; border-right: 1px solid #CCC; padding-right: 0.5em }
html.pre-nowrap div.cislice-1 .cislovani { margin-right: -1.5em; }
html.pre-nowrap div.cislice-2 .cislovani { margin-right: -2.05em; }
html.pre-nowrap div.cislice-3 .cislovani { margin-right: -2.6em; }
html.pre-nowrap div.cislice-4 .cislovani { margin-right: -3.15em; }
html.pre-nowrap .pre-tlacitko, html.pre-hidenumbers .pre-tlacitko { left: 0 !important }
html.pre-nowrap.pre-hidenumbers div.pre pre { padding-left: 2px; }
html.pre-hidenumbers .cislovani { display: none }
html.pre-showbutton .pre-tlacitko a { background: url('../img/controls_light.png?v=2') no-repeat; background-position: -340px 0px !important; }
html.pre-nojush div.pre .stin i, html.pre-nojush div.pre .stin b { visibility: hidden }
html.pre-nojush div.pre .stin i tt, html.pre-nojush div.pre .stin b tt { visibility: visible }

/* moderátorské doupě */
.modpanel {list-style: none; margin: 1em 0; overflow: hidden}
.modpanel li {display: inline}
.modpanel a small {color: #666; font-weight: normal}
.modpanel a {float: left; width: 8em; height: 4em; background: url("../img/mods/document.png") no-repeat top center; padding-top: 50px; text-align: center; text-decoration: none; margin-right: .5em}
.modpanel a:hover, .modpanel a:focus, .modpanel a:active {text-decoration: underline}
.modpanel .databaze {background-image: url("../img/mods/db.png")}
.modpanel .sandbox {background-image: url("../img/mods/box.png")}
.modpanel .kontejner {background-image: url("../img/mods/trash.png")}
.modpanel .statistiky {background-image: url("../img/mods/chart_bar.png")}
.modpanel .logy {background-image: url("../img/mods/align_just.png")}
.modpanel .pretizeni {background-image: url("../img/mods/chart_line.png")}
.modpanel .zakazana {background-image: url("../img/mods/attention.png")}
.modpanel .vnitrni {background-image: url("../img/mods/key.png"); color: red}
.modpanel .uledu {background-image: url("../img/mods/snowflake.png")} 


/* * * * * * * * */
/* Tmavá diskuse */
/* * * * * * * * */
#dark, #dark body {background: #000; color: #fff}
/*#dark body {font-size: 140%}*/
#dark a, #dark odkaz, #dark a b, #dark odkaz b {color: #7DAEF7}
/*#dark #logo {width: 493px; height: 109px; display: block; content: "DJPW"; font-size: 90px; text-decoration: none}*/
#dark #logo {width: 493px; height: 109px; display: block; background: url("../img/logo-dark.png"); text-indent: 493px; overflow: hidden}
#dark #logo:hover {background-color: #9CEE86}
/*#dark #logo img {display: none}*/

#dark #menu, #dark .breadcrumb, #dark #form-header, #dark #form-header h2, #dark .tab a, #dark .pages a  {background: #222; color: #fff}
#dark input, #dark select, #dark th, #dark .backg, #dark .tab b, #dark textarea, #dark h3, #dark .logininfo span {background: #333; color: #fff}
#dark input {border: 1px solid #666}
#dark textarea {border: 1px solid #666; background: #222}
#dark label {color: #fff}
#dark .tbCel1, #dark .tbCel2, #dark .Hpforums table, #dark h2 {background: #101010; color: #fff}
#dark h2 {background: #444} 
#dark .status {color: #000}
/*#dark table * {border-color: #000}*/
#dark .lastPoster a {color: #fff}
#dark tr.poster .indikace {background: #333}
#dark tr.you .indikace {background: #666}
#dark tr.highlight td {background: #222; border-top: 3px solid #FFA54A}
#dark .postarrow {margin-top: -5px}
#dark .highlight .postinfo {color: orange} 
/*#dark th.indikace {visibility: hidden}*/
#dark h3 {border-color: #666}
#dark .form-header h2 {border-color: #000}

#dark .bar {background: #333}
#dark .ago, #dark .usrinfo {background: #000; color: #fff}
#dark .pages span {background: #111; border: #222; color: #333}
#dark .pages b {background: #666; color: #fff}

/*#dark h1 {font-size: 200%; display: block}*/
#dark table, #dark table td, #dark table th {border-color: #000}
#dark .breadcrumb small b {color: #fff}
#dark .option del {color: #222}
#dark .names b {color: #fff}
#dark .moderator, #dark .kompas, #dark .modpanel a {background-color: #efefef; border-radius: 3px; border: 2px solid #efefef; color: #000}
#dark .moderator {border: 0}
#dark tr.newposts td {border-top-color: #ccc} /* oddělovač nových reakcí */
#dark .advice {background: transparent}

#dark .prodleva-mesic td {background: #333}
#dark .prodleva-mesic span {color: #fff}

#dark .item, #dark .summary {background: #333} 
#dark .zbb-pravidla {background: #555}
#dark h4 {border-color: transparent}

#dark .icon { background-image: url('../img/kategorie16-dark.png'); }
#dark .do-diskuse u { background-image: url('../img/kategorie13-dark.png'); }
#dark .icon, #dark .do-diskuse u { background: url('../img/kategorie32-dark.png') no-repeat 1em 50% / cover; }

/* * * * * * * * * * * * * */
/* Ikony v jednom souboru  */
/* * * * * * * * * * * * * */

/* překryvný status tématu */
.ico {position: relative}
.status0 {display: none}
.sicon {position: absolute; right: -4px; bottom: 0}
.status1 {background: url("../img/lock.png"); width: 9px; height: 15px}
.status8 {} /* stlock */
.status10 {} /* bez reakce */
.status9, .status8 {background: url("../img/sticky.png"); width: 9px; height: 12px}

.bars .ico {top: .2em; margin-right: .3em}

/* ikony sekcí */
.icon { font-size: 16px; background: url('../img/kategorie16.png') no-repeat 1em 50%; }
.do-diskuse u { font-size: 13px; vertical-align: middle; background: url('../img/kategorie13.png') no-repeat 1em 50%; }
.icon, .do-diskuse u { display: inline-block; overflow: hidden; position: relative; background: url('../img/kategorie32.png') no-repeat 1em 50% / cover; width: 1em; height: 1em }

.forum1,  .do-diskuse-1  u {background-position: 0 0 !important}
.forum2,  .do-diskuse-2  u {background-position: -2em 0 !important}
.forum3,  .do-diskuse-3  u {background-position: -4em 0 !important}
.forum4,  .do-diskuse-4  u {background-position: -6em 0 !important}
.forum5,  .do-diskuse-5  u {background-position: -8em 0 !important}
.forum7,  .do-diskuse-7  u {background-position: -10em 0 !important}
.forum8,  .do-diskuse-8  u {background-position: -12em 0 !important}
.forum9,  .do-diskuse-9  u {background-position: -14em 0 !important}
.forum28, .do-diskuse-28 u {background-position: -16em 0 !important}
.forum31, .do-diskuse-31 u {background-position: -18em 0 !important}
.forum10, .do-diskuse-10 u {background-position: -20em 0 !important}
.forum27, .do-diskuse-27 u {background-position: -22em 0 !important}
.forum11, .do-diskuse-11 u {background-position: -24em 0 !important}
.forum13, .do-diskuse-13 u {background-position: -26em 0 !important}
.forum14, .do-diskuse-14 u {background-position: -28em 0 !important}
.forum33, .do-diskuse-33 u {background-position: -30em 0 !important}
.forum15, .do-diskuse-15 u {background-position: -32em 0 !important}
.forum24, .do-diskuse-24 u {background-position: -34em 0 !important}
.forum20, .do-diskuse-20 u {background-position: -36em 0 !important}
.forum21, .do-diskuse-21 u {background-position: -38em 0 !important}
.forum6,  .do-diskuse-6  u {background-position: -40em 0 !important}
.forum26, .do-diskuse-26 u {background-position: -42em 0 !important}
.forum16, .do-diskuse-16 u {background-position: -44em 0 !important}
.forum17, .do-diskuse-17 u {background-position: -46em 0 !important}
.forum19, .do-diskuse-19 u {background-position: -48em 0 !important}
.forum18, .do-diskuse-18 u {background-position: -50em 0 !important}
.forum30, .do-diskuse-30 u {background-position: -52em 0 !important}
.forum35, .do-diskuse-35 u {background-position: -54em 0 !important}
.forum36, .do-diskuse-36 u {background-position: -56em 0 !important}
.forum37, .do-diskuse-37 u {background-position: -58em 0 !important}

.do-webu u { display: inline-block; width: 12px; height: 1.4em; vertical-align: top; overflow: hidden}
.do-webu u {background-image: url("../img/favicony-2016.png"); background-position: 0 0; background-repeat: no-repeat; padding-right: 0.2em }/*
.jecas-cz u {background-image: url("http://jecas.cz/favicon.ico"); margin-right: .3em}
.pehapko-cz u {background-image: url("http://pehapko.cz/favicon.ico")}
.webylon-info u {background-image: url("http://webylon.info/favicon.ico")}
.php-vrana-cz u {background-image: url("http://php.vrana.cz/favicon.ico")}
.kod-djpw-cz u {background-image: url("http://kod.djpw.cz/favicon.ico"); margin-right: .3em}
.teststranek-kvalitne-cz u {background-image: url("http://teststranek.kvalitne.cz/favicon.ico")}*/
.do-webu u {width: 16px; height: 16px}
i .do-webu u { -webkit-transform: skewX(-13.5deg); -moz-transform: skewX(-13.5deg); -ms-transform: skewX(-13.5deg); -o-transform: skewX(-13.5deg); transform: skewX(-13.5deg); }
.jecas-cz u {background-position: 0 0}
.kod-djpw-cz u {background-position: 0 -20px}
.pehapko-cz u {background-position: 0 -40px}
.php-vrana-cz u {background-position: 0 -60px}
.semantika-name u {background-position: 0 -80px}
.teststranek-kvalitne-cz u {background-position: 0 -100px}
.webylon-info u {background-position: 0 -120px}
.developer-mozilla-org u {background-position: 0 -140px}
.stackoverflow-com u {background-position: 0 -160px}

.ico-default, .ico-empty, .ico-hot, .ico-locked, .ico-sticky, .ico-stlock { background-image: url('../img/controls_light.png?v=2'); }
.ico-default {background-position: 0 -73px}
.ico-empty {background-position: -17px -73px}
.ico-hot {background-position: -34px -73px}
.ico-locked {background-position: -51px -73px}
.ico-sticky {background-position: -68px -73px}
.ico-stlock {background-position: -85px -73px}
.ico.empty .icon { background-color: #FFF; border: 5px solid #FFF; margin: -5px; border-radius: 7px; box-shadow: 0 0 3px #D6DBDE }

/* práce a zakázky bez příspěvku nechceme zvýrazňovat */
.forum-26 .ico.empty .icon {background-color: transparent; box-shadow: none; border: 0; margin: 0}


/* * * * * * * * * * */
/* Styly pro djpw.js */
/* * * * * * * * * * */

/* to, co nemá být vidět při zapnutém JS */
html.js .nojs {display: none}

/* pro transplantaci */
.editing form p, .editing .right *, .editing .posttext, .editing .advice, .editing #zamceno {display: none}
.editing .right .edit-return {display: inline}
.editing form {clear: both; width: auto !important}
.editing form textarea {width: 100%; margin: 0px -4px 0; resize: vertical}
.editing .form .text {width: 100%; margin: -4px; padding: 3px; font-size: 100%; line-height: 1.2 }
.editing #form-header {margin: 0px -4px 0}
.editing #newreply { background: 0; }
.editing #newreply.fixed { position: static; }
.editing #newreply.fixed textarea { resize: vertical }
.editing #form-header .ui-wrapper { margin-right: 10px }
.editing .ui-fixed, .editing .ui-height { display: none }
#newreply-return {padding: 0.5em 1em; -moz-appearance: button; display: block; width: 10em; text-align: center; margin: 0 auto}
.editing .topic-title {display: block; padding: 0; margin: 0}

/* moderátorské vymoženosti */
.hromadne {float: right; margin-right: 19px; display: inline; font-weight: normal}
.hromadne a {font-weight: normal}

/* hledání­ zadaného textu do vlákna */
.hledac {position: relative}
.hledac table {position: absolute; bottom: -5px; border: 0; margin: 0}
.hledac table a {font-weight: bold}
.hledac div {position: absolute; bottom: auto; top: 0; left: 0; width: 100%; height: 0}
.hledac td {padding: 2px 2px 3px 4px}
.hledac td .snippet {display: block; font-size: 90%; margin: 2px 0}
.hledac tr.prvni td {background: #EFEFEF url('../img/hledac-pruh.gif') repeat-x 0px 0px; padding-top: 7px; zoom: 1}
.hledac tfoot td {background: #D6DBDE url('../img/hledac-highlight.gif') repeat-x 0px 100%; padding-bottom: 7px; zoom: 1; line-height: 200%; font-size: 90%}
.hledac .caption1 .txtSm {display: block; margin: 2px 0}
.hledac tfoot td.center {color: #4BBDFF; font-size: 200%; cursor: default; line-height: 50%; =line-height: 75%; padding: 0 0 0 2px;}

/* náhled příspěvku */
.nahlizejic p, .nahlizejic textarea, .nahlizejic .hledac, .nahlizejic #neprihlasen, .nahlizejic .advice, .nahlizejic h2, .nahlizejic .tlacitko, .nahlizejic .zrusit, .nahlizejic .ui-wrapper {display: none !important}
.nahlizejic #form-header {padding: 0 4px; font-size: 100%; margin-top: 0; line-height: 0}
.nahlizejic #popis_stylu {height: auto; line-height: 2.1;}
.nahlizejic br { position: absolute }
#nahled {padding: 0 0 8px 0}
.editing #nahled .posttext {display: block; border-bottom: 1px solid #FFFFFF; margin: 0 0 0.25em}

/* zvýraznění ­ */
span.highlight {background: #FFCFA4; border: 1px solid #FFA24A; padding: 1px}
li.highlight {color: #000000; border-left: 4px solid #FFA24A; padding-left: 3px; margin: margin: 0.5em 0}
tr.highlight td, tr:target td {background: #EFEFEF url('../img/highlight.gif') repeat-x 0px 0px; padding-top: 5px; zoom: 1}
tr.highlight .postinfo, tr.highlight .postinfo .kotva { color: #C86300; /* #DC6D00 */ }
tr.highlight .postarrow { float: right; display: inline; font-size: 125%; width: 0; margin: -1px 1px 0 0; border: solid transparent; border-color: rgba(239,239,239,0); border-width: 1em 0.5em 0; border-top-color: #FFA54A }

.newposter small { font-size: 100%; margin: 0.5em 0 0.25em; display: block }

#upozorneni {float: right; margin: 4px -4px 4px 0; padding: 0 30% 0 0}
.editing #upozorneni {padding: 0; display: block}

#mod-kategorie {position: relative; z-index: 5; zoom: 1}
#mod-kategorie div {display: none; position: absolute; left: -4px; /*bottom: 100%;*/ top: -12em; white-space: nowrap; background: #FFF; border: 4px solid #D6DBDE; width: 244px; cursor: default; padding: 0 0 1px 0}
#mod-kategorie div .icon {float: left; margin: 1px 0 0 1px; border: 5px solid #EFEFEF; background-color: #EFEFEF; width: 16px; height: 16px; cursor: pointer }
#mod-kategorie div .icon.mod-kategorie-tato {background-color: #D6DBDE; border-color: #D6DBDE }
#mod-kategorie.rozbaleno { color: #000; text-decoration: none }
#mod-kategorie.rozbaleno div {display: block}
#mod-kategorie td { text-align: center; padding: 0 }
#mod-kategorie table { margin-bottom: -1px }
#mod-kategorie table a { display: block; padding: 2px }
#mod-notify { margin: 0; line-height: 0; vertical-align: middle }
.kompas { display: inline-block; width: 12px; height: 12px; vertical-align: text-top; cursor: help; background: url('../img/controls_light.png?v=2') 0 -35px no-repeat; overflow: hidden }
.moderator { display: inline-block; width: 12px; height: 12px; vertical-align: middle; cursor: help; background: url('../img/controls_light.png?v=2') -13px -35px no-repeat; overflow: hidden }


/* * * * * * * * * * * * * * * * * * * * * * * * */
/* Pro mobily a jiná zařízení s malým rozli‘ením */
/* * * * * * * * * * * * * * * * * * * * * * * * */
@media screen and (max-width: 480px) {
    html, body {margin: 0; padding: 0}
    /*body { font-size: 100% }    */

    /* :root body { font-size: 80% \0/; }*/
    /*body { font-size: 85%; }*/
    
    /*.Hpforums .desc, .Hpforums br {display: none}*/
    .Hpforums th,
    .Hpforums tr,
    .Hpforums td {
       float: left; clear: both; width: 100%;
       box-sizing: border-box;            
    }
    .Hpforums td {
    height: auto;
    }
    
    a.flipH,
    a.flipCols2,
    .flip-separator {display: none}
    
    .led { display: block }
    .led img, .led .icon {bottom: .4em}
    /*input {padding:1px!important}*/
    #logo img {max-width: 100%; height: auto}

    td { padding: 1px 2px }
    .list small { font-size: 80% }
    .topsearch {position: static; padding: 0 .2em; }
    .topsearch br {display: none}
    .ui-width, .ui-fixed, .ui-height {display: none}    
    .topsearch label { float: none }
    html.js #menu { padding-right: 4px }
    .log {display: none}
    .logininfo {padding-left: .2em}
    .login-sendpass {padding-left: .8em; width: 100%; float: none; margin-bottom: .5em}

    #neprihlasen {display: block; overflow: hidden; max-width: 250px}
    #neprihlasen b {display: block; float: left; clear: both}
    #neprihlasen input {float: right; margin-bottom: .2em}
    #neprihlasen a {display: block; clear: both; margin-right: 25px}
    #form-header { clear: both }
    .login input.submit {display: block; clear: left; float: right; margin: auto}
    .login {overflow: hidden;  max-width: 250px; margin: auto; }
    
    .notifications {position: static; margin-top: 1em}
    .twoCols .Hpforums {float: none; width: 100%} 
    .twoCols .lastDiscussions {float: none; width: 100%}
    
    .tab {
      display: table;
      width: 100%;
    }
    .tab a,
    .tab b {
      display: table-cell;
      text-align: center;
      border-left: 2px solid #fff;
    }
    .tab :first-child {
      border: 0;
    }
    
    .tab a span {float: left; margin: .5em 0}
    
    .logininfo span {float: none!important; display: block; margin-bottom: 1em}
    .fheadline small,
    .fheadline .rss {display: none}
    .fheadline strong {width: 100%}     
    
    .ago {position: static; margin: 0}
    
    .breadcrumb h1,
    .breadcrumb strong {
      display: block;
      margin: .3em 0;
    }
    .breadcrumb .rss,
    .breadcrumb span + b + span + b,                               
    .breadcrumb a + b + span + a + b /* druhá ‘ipka v drobečcích */ {display: none}
    .breadcrumb small /* před X hodinami */ {}
    
    
    .list * {border: 0}
    .posts td, .posts tr, .list tr, .posts, .posts th, .list th {display: block; float: left; clear: both; width: 100%; border: 0}
    thead {display: none}
    .list tbody, .posts tbody { display: block; }
    
    .list a.ico {position: absolute; top: 7px; left: 6px}
    .list tr {overflow: hidden; border-bottom: 1px solid #fff; position: relative; width: 100%; padding: 4px 0;}
    .list td {float: left; display: block; padding: 0; margin: 0; height: auto; }
    .list .lastPoster:before {display: block; content: " "}
    .list .lastPoster a {font-weight: bold; margin-left: 30px; float: left; margin-right: 3px}
    .list .lastPoster {float: right; clear: both; font-weight: bold; margin-right: 3px}
    .list .topicTitle {float: left; padding-left: 30px}
    .list .whenPosted {float: left; color: #808080;padding-left: 30px}
    .list .whenPosted br {content: " v "; display: none}
    .list .numReplies {display: none}
    .list .nposts {margin-right: 4px} 
    .list .indikace {display: none}
    .list .poster .lastPoster a { border-bottom: 1.5px solid #B1BBC1; }
    
    .list td.pages { width: 100%; overflow: hidden; display: block; float: left}
    
    .special-summary .summary-cover, .special-summary .posts-cover, .manual, .summary-cover {float: none!important; width: 100%!important}
    .summary, .summary-cover, .summary-cover ol, .summary-cover li {padding: 0 auto; margin: 0 auto}
    
    
    tr.newposts td {border-top: none}
    tr.newposts {border-top: 2px solid #D6DBDE}
    
    .list td {display: inline; width: auto}
    .posts { margin-bottom: .5em; padding: 0}
    .posts th {display: none}
    .posts tr {position: relative; overflow: hidden; margin: 0; margin-top: .5em }
    .posts tr:first-child {display: none}
    .posts td {width: 100%; padding: 0 }
    .posts .names br {display: none}
    .posts .names {background: #D6DBDE; border-top: .2em solid #fff; padding: .3em; position: relative; -moz-box-sizing: border-box; box-sizing: border-box}
    .posts .names small:before { content: " (" }
    .posts .names small:after { content: ")" }
    .posts .post {border: 3px solid #fff}
    .posts .postinfo {padding: .2em .3em}
    .posts .posttext {padding: .8em .6em .6em .6em; margin: 0 .3em}
    .posts .right {position: absolute; top: .2em; right: 0; padding: 0 .3em }
    .posts .names a {margin-left: 1em}
    .posts .indikace, .form .ui-wrapper {display: none}
    /*.names b {font-size: 110%}*/
    .posts .poster .names b { border-bottom: 1.5px solid #B1BBC1; }
    .posts .prodleva { margin-top: .2em; }
    .posts .prodleva .postinfo { padding: .5em 0; float: none; text-align: center }
    tr.highlight { margin-top: .2em }
    tr.highlight td { padding-top:0; background: 0 }
    tr.highlight .postarrow { position: absolute; top: 0%; right: -0.25em; font-size: 450%; margin: 0; }
    tr.highlight .names { border-top: .2em solid #FFA54A }
    tr.nakliknuto .posttext:before { display: none }
    .button { vertical-align: middle }
    
    .form textarea {width: 100%; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;}
    .post-textarea {margin: 0 .4em}
    .form input.text {width: 100%; -moz-box-sizing: border-box; box-sizing: border-box }
    #upozorneni { float: none; padding: 0 .4em; margin: 0 0 .4em; display: none }
    .form textarea:focus ~ #upozorneni { display: block }
    .zrusit { right: 0 }
    #submitbtn {margin-left: .5em}
    
    .advice {display: none}
    
    .usrinfo tr, .usrinfo th, .usrinfo td, .usrinfo {display: block; width: 100%; float: left; clear: both}
    .userLastItems {margin-top: 0}
    
    .group {float: none; margin: 0; width: 100%}
    
    .vote {display: none}
    .ui-wrapper { display: none }

    #footer { padding: 0 0.5em; padding-bottom: 1em}
    #footer>a { background: 0 !important; padding: 0 !important;; margin: -5px 0 5px !important; float: none !important; display:block;}
    #footer img { width: 100% }
    #footer small {}
    
    /* moderátorské věci */
    th[width="85%"] { display: block; visibility: hidden; padding: 0; }
    .hromadne { visibility: visible; float: left; margin-left: .4em }
    .posts .right label { display: none }
    .postinfo input { position: static; margin-left: 0; margin-right: 0 }
    .hromadne tr { display: table-row; float: none; }
    .hromadne td { display: table-cell; float: none; width: auto }
    .posts tr:first-child { overflow: visible }
    
    /* speciální třídy */
    .posttext .zbb-pravidla {margin-left: 0}
} 

/* * * * * * * */
/* Pro Full HD */
/* * * * * * * */
@media screen and (min-width: 1800px) {
  #form-header {width: 70%}
  .posts #form-header {width: 100%}
  .advice {margin-top: -4.4em; height: 20em}
  .zrusit {right: 0}
  #form-header .ui-wrapper {margin-right: 1em}
}

/* * * * * * * * * * */
/* Styly pro jush.js */
/* * * * * * * * * * */

.pre a { color: #8FB4C9; font-weight:normal; text-decoration: underline; }
.pre a tt { color: Navy; }
/*#dark .jush *, #dark .jush-tag * { color: green!important; }
#dark .jush a {color: green!important}*/

#dark code, #dark pre {color: #fff}
#dark .pre a {color: #48BEEF}
#dark .pre a tt {color: #48BEEF}
#dark .jush-php {color: #fff}

.jush { color: #135908; }
.jush-kwd-sql,
.jush-kwd-sql a tt { color:Navy }
.jush-htm_com, .jush-com, .jush-one, .jush-php_com, .jush-php_one, .jush-js_one,
.jush-htm_com a tt, .jush-com a tt, .jush-one a tt, .jush-php_com a tt, .jush-php_one a tt, .jush-js_one a tt { color: #777;color: rgb(255, 128, 0); }
.jush-php,
.jush-php a tt { color: #000033; }
.jush-php_quo, .jush-quo, .jush-php_eot, .jush-apo, .jush-sql_apo, .jush-sqlite_apo, .jush-sql_quo, .jush-sqlite_quo, .jush-sql_eot,
.jush-php_quo a tt, .jush-quo a tt, .jush-php_eot a tt, .jush-apo a tt, .jush-sql_apo a tt, .jush-sqlite_apo a tt, .jush-sql_quo a tt, .jush-sqlite_quo a tt, .jush-sql_eot a tt { color: rgb(221, 0, 0); }
.jush-php_apo,
.jush-php_apo a tt { color: rgb(221, 0, 0); }
.jush-php_quo_var, .jush-php_var, .jush-sql_var,
.jush-php_quo_var a tt, .jush-php_var a tt, .jush-sql_var a tt { color:#3B6BBF; /* font-weight:bold */}
.jush-php_halt2,
.jush-php_halt2 a tt { color: #135908; }
.jush-css, .jush-att_css .jush-att_quo, .jush-att_css .jush-att_apo, .jush-att_css .jush-att_val,
.jush-css a tt, .jush-att_css .jush-att_quo a tt, .jush-att_css .jush-att_apo a tt, .jush-att_css .jush-att_val a tt { color: #135908; }
.jush-js, .jush-att_js .jush-att_quo, .jush-att_js .jush-att_apo, .jush-att_js .jush-att_val, .jush-css_js { color: #135908; }
.jush-js a tt, .jush-att_js .jush-att_quo a tt, .jush-att_js .jush-att_apo a tt, .jush-att_js .jush-att_val a tt, .jush-css_js a tt { color: #000099; }
.jush-tag, .jush-tag_css, .jush-tag_js, .jush-tag_css > .jush-css > .jush-op:last-child, .jush-tag_js > .jush-js > .jush-op:last-child, .jush-tag_js > .jush-js > .jush-js_write:last-child > .jush-op:last-child, .jush-tag_js > .jush-js > .jush-js_one:last-child > .jush-op:last-child,
.jush-tag a tt, .jush-tag_css a tt, .jush-tag_js a tt, .jush-tag_css > .jush-css > .jush-op:last-child a tt, .jush-tag_js > .jush-js > .jush-op:last-child a tt, .jush-tag_js > .jush-js > .jush-js_write:last-child > .jush-op:last-child a tt, .jush-tag_js > .jush-js > .jush-js_one:last-child > .jush-op:last-child a tt { color: #000099; }
.jush-att, .jush-att_js, .jush-att_css,
.jush-att a tt, .jush-att_js a tt, .jush-att_css a tt { color: #000099; }
.jush-att_quo, .jush-att_apo, .jush-att_val,
.jush-att_quo a tt, .jush-att_apo a tt, .jush-att_val a tt { color: Purple; }
.jush-ent,
.jush-ent a tt { color: Purple; }
.jush-js_reg,
.jush-js_reg a tt { color: Navy; }
.jush-bac, .jush-php_bac, .jush-bra, .jush-pgsql .jush-sqlite_quo,
.jush-bac a tt, .jush-php_bac a tt, .jush-bra a tt, .jush-pgsql .jush-sqlite_quo a tt { color: #BF00A9; }
.jush-php_sql .jush-php_quo, .jush-php_sql .jush-php_apo,
.jush-php_sql .jush-php_quo a tt, .jush-php_sql .jush-php_apo a tt,
.jush-php_sqlite .jush-php_quo, .jush-php_sqlite .jush-php_apo,
.jush-php_sqlite .jush-php_quo a tt, .jush-php_sqlite .jush-php_apo a tt,
.jush-php_pgsql .jush-php_quo, .jushphp_pgsqlphp_sql .jush-php_apo,
.jush-php_pgsql .jush-php_quo a tt, .jushphp_pgsqlphp_sql .jush-php_apo a tt,
.jush-php_quo .jush-kwd-sql, .jush-php_apo .jush-kwd-sql,
.jush-php_quo .jush-kwd-sql a tt, .jush-php_apo .jush-kwd-sql a tt { color: #6F0000}
.jush-php > .jush-op:first-child, .jush-php > .jush-op:last-child, .jush-php > .jush-php_echo:last-child > .jush-op:last-child,
.jush-php > .jush-op:first-child a tt, .jush-php > .jush-op:last-child a tt, .jush-php > .jush-php_echo:last-child > .jush-op:last-child a tt {color: red;/*font-weight:bold;*/}
.jush-num, .jush-clr,
.jush-num a tt, .jush-clr a tt { color: #452FFF; }

