html { text-align: center; margin: 0; padding: 0em .5em 5em .5em; background: #fafafa url(los-bg.gif) repeat-x center top; }
body { font: small Verdana,Helvetica,sans-serif; min-width: 730px; /*max-width: 960px;*/ margin: auto; padding: 0; text-align: left; position: relative; }
input { font-size: 100%; font-family: /*"Bitstream Vera Sans",*/Verdana,Helvetica,sans-serif;/*"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;*/ /*background: #fff url(text-bg.gif); border: 1px solid #abc;*/ }
textarea { width: 100%; }
a { padding: 2px 1px; margin: -2px -1px; color: #04a; }
a:hover { color: #fff; background: #04a; text-decoration: none; }
a:visited { color: #039; }
a:visited:hover { color: #fff; background: #039; text-decoration: none; }
a img { border: 0; }
form { margin:  0; padding: 0; margin-top: .5em; }
table tbody th { text-align: left; }
code { color: #050; font-size: small; }
pre { border: 1px solid #ccc; border-width: 1px 0; background: #fafafa; overflow: auto; width: 100%; }
pre code { margin: 0; padding: 1em; white-space: pre; display: block; }
blockquote { border: 1px solid #ccc; border-width: 1px 0; background: #fafafa; padding: 1em; font-style: italic; }
h1 code, h2 code, h3 code, h4 code, h5 code { font-size: 110%; font-weight: bold; }
p { line-height: 1.35em; }
small { font-size: 8pt; color: #888; }
hr { display: none; }
table, caption { font: inherit; margin: .4em 0; }

h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; border-bottom: 1px solid #ccc; margin: .8em 0 .2em 0; padding: 0; line-height: 120%; }
h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 115%; }

.clear { clear: both; }
.warning, .info, .sql { margin-top: 1.5em; padding: 3px; font-weight: normal; color: #000; font-size: 8pt; border: 1px solid #ccc; line-height: 1.5em; max-height: 6em; overflow: auto; }
.warning img, .info img, .sql img { margin: -3px 0; }
.warning { background: #fff6df; border-color: #fca; }
.info { background: #ffe; border-color: #ccc; }
.sql { background: #ffe; border-color: #ccc; }
a.admin { color: #c22; }
a.admin:hover { color: #fff; background: #c22; }
a.hide { color: #333; background: transparent; text-decoration: none; }
a.hide:hover { text-decoration: underline; }
a.hide:visited:hover { color: #333; background: transparent; text-decoration: underline; }
small a.hide, small a.hide:visited:hover { color: #888; }
img.icon { margin: -3px 0; }
.bold { font-weight: bold; }
.center { text-align: center; }
input.text { background: #fff url(text-bg.gif); border: 1px solid #b5b8c8; color: #000; padding: 2px 4px; }
input.text:focus { border: 1px solid #7eadd9; }
input.invalid, input.invalid:focus { color: #911; border: 1px solid #dd7870; }
.last { display: block; }
.nav a { color: #333; font-weight: bold; margin: 0 1px; }
.nav a:hover { color: #fff; background: #333; }
.panel .nav a { margin: 0; }

table.form { border: 1px solid #9be; border-collapse: collapse; background: #dfe8f6; }
table.form td, th { padding: 2px 1em; }
table.form thead th { background: #eee url(thead-td.gif); border: 1px solid #ccc; }
table.form thead td { background: #cde url(thead-th.gif); font-weight: bold; padding: 3px 5px; border-bottom: 1px solid #9be; color: #148; }

#head { position: relative; padding: 0; margin: 0; }
#head div { background: #fafaff; border: 1px solid #69c; border-bottom-color: #148; border-width: 0 1px 1px 1px; }
#head a { background: transparent; }
#head .menu { font-size: 8pt; font-weight: bold; background: #46a url(shade.png?v=2) repeat-x center top; _background-image: none; padding: 2px; }
#head .menu a { color: #fff; text-decoration: none; line-height: 14pt; padding: 2px 6px; margin: 0; margin-right: -6px; white-space: nowrap; border-right: 1px solid #9be; }
#head .menu a:hover { color: #ca2222; background: #fff; }
#head .ad { border: 0; margin: 0; padding: 0; z-index: 0; background: transparent; margin: 7px 10px 0 10px; position: absolute; top: 0; right: 0; }
#head .search { position: absolute; right: 1.5em; bottom: 2px; padding: 0 3px 3px 3px; font-size: 8pt; font-weight: bold; background: #46a url(shade.png?v=2) repeat-x center top; _background-image: none; background-position: 0 -3px; width: 14em; white-space: nowrap; border-left: 1px solid #ccc; }
#head .search { _top: 76px; }
#head .search a { color: #fff; text-decoration: none; }
#head .search a:hover { text-decoration: underline; }
#head .search input { border: 1px solid #ddd; width: 60%; margin-bottom: -1px; }
#head .search .button { background: transparent; border: 0; padding: 0; text-align: left; width: auto; color: #fff; }
#body { position: relative; float: left; width: 100%; border: 1px solid #ccc; border-width: 0 0 1px 1px; margin: 0 -1px;  background: #fff; }
#cols { position: relative; float: left; width: 100%; right: 20%; }
h1, h2, h3, h4, h5 { color: #ca2222; padding-bottom: 1px; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: #ca2222; text-decoration: none; padding: 0; margin: 0; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { background: transparent; color: #ca2222; text-decoration: underline; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited { color: #ca2222; }
h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover { background: transparent; color: #ca2222; text-decoration: underline; }
h1 code, h2 code, h3 code, h4 code, h5 code { color: #a00; }
#left, #right { float: left; position: relative; padding: 0 2px; overflow: hidden; }
#left { width: 77.5%; left: 21.5%; padding: 0 8px; margin: 0 -8px; }
#right { background: #ddd; width: 19.55%; left: 22.5%; font-size: 8pt; }
#left img { max-width: 100%; }
#foot { font-size: 8pt; text-align: center; line-height: 4em; color: #777; }

/* clanky o javascripte */
.js ul.tree ul { display: none; }

/* zalozky */
.tabs { line-height: 1.4em; margin: 1px; padding: 0 3px; border-bottom: 1px solid #cdf; padding-bottom: 1px; clear: right; margin-bottom: -2px; }
.tabs a.active { border-bottom: 1px solid #fff; background: #fff; font-weight: bold; }
.tabs a { border: 1px solid #9be; border-bottom-color: #cdf; background: #def; text-decoration: none; color: #000; margin: 0 1px; padding: 1px 3px 2px 3px; }
.tabs a:hover { background: #fff; text-decoration: none; color: #000; }
.tabs { text-align: right; white-space: nowrap; }
.tabs-left { float: left; white-space: nowrap; margin: 0; }

/* tabulky */
.table { clear: both; width: 100%; border: 1px solid #cdf; border-collapse: collapse; }
.table th { background: #cde; color: #148; text-align: left; border: 1px solid #9be; font-size: 8pt; line-height: 12pt; }
.table th a { color: #148; }
.table th a:hover { color: #fff; background: #04a; }
.table td { border: 1px solid #ededed; border-width: 1px 0 0 0;}
.table td, .table .odd td.even { background: #f5f5ff; }
.table .odd td { background: #fafaff; }
.table .deleted td { background: #fee; }
.table thead tr.filter td { padding: 0; background: #eee; border: 1px solid #ccc; }
.table thead tr.filter input { background: #fff; border: 0; color: #666; width: 100%; font-size: 8pt; font-weight: bold; }
.table thead tr.filter input.go { background: #eee; }
.table td.state { text-align: center; }
.table .favorite td.state { background-image: url(star.gif); background-repeat: no-repeat; background-position: center center; }

/* stromy */
.tree th { color: #148; background: #cde; }
.tree td { background: #f5f5ff; }

.append { margin-top: 0; }

/*/
.table { width: 100%; }
.table th { background: #000; color: #fff; text-align: left; }
.table td { background: #f5f5ff; }
.table .odd td { background: #fafaff; }/**/

small.today, small.today a { color: #f50; font-weight: normal; text-decoration: none; }
small.today a:hover, small.today a:hover:visited { text-decoration: underline; color: #f50; }
small.yesterday, small.yesterday a { color: #a85; font-weight: normal; text-decoration: none; }
small.yesterday a:hover, small.yesterday a:hover:visited { text-decoration: underline; color: #a85; }
small.reply .unread, small.unread, small.unread a { color: #f00; font-weight: normal; text-decoration: none; }
small.unread a:hover, small.unread a:hover:visited { text-decoration: underline; color: #f00; }
small.reply .updated, small.updated, small.updated a { color: #a33; font-weight: normal; text-decoration: none; }
small.updated a:hover, small.updated a:hover:visited { text-decoration: underline; color: #a33; }
.deleted { background: #fee; }

.preview { background: #f9f9f9; border: 1px solid #ccc; }

.edit { background: #ffe; padding: 0 .7em 0 .4em; border: 1px solid #ccc; }
.edit h1 { margin-top: .2em; }
.edit h1 input, .edit h2 input, .edit h3 input { color: #ca2222; width: 100%; font-size: 85%; }
.edit li input { width: 70%; font-size: 100%; }
.edit .reply h2 input { color: #039; }
.edit .actions { margin-top: 0; margin-bottom: 1em; text-align: right; }
.edit input, .edit select { font-size: 100%; }
.edit .files { padding: .2em; background: #f6f6ee; }
.edit .files p { margin: .2em; }
.edit .files ul { margin: 0; padding: 0; }
.edit .files li { margin: 0 5px; padding: 0; list-style-type: none; display: inline; }
.edit .files li input { width: auto; }
.edit .files li img { margin: -3px; }
.edit .notify label { float: left; max-width: 65%; }
.edit .content p { _width: 100%; }
.edit .question .content p textarea, .edit .proposal .content p textarea, .edit .reply .content p textarea, .edit .message .content p textarea { _margin-left: -60px; *display: block; }

ul.files { margin: .5em 0; padding: .2em; background: #f6f6f6; border: 1px solid #eee; }
ul.files li { margin: 0 5px; padding: 1px 0 0 0; list-style-type: none; display: inline; }
ul.files li img { margin: -3px; }
	
td.lvl0 { padding-left: 0.2em; }
td.lvl1 { padding-left: 1.7em; }
td.lvl2 { padding-left: 3.2em; }
td.lvl3 { padding-left: 4.7em; }
td.lvl4 { padding-left: 6.2em; }
td.lvl5 { padding-left: 7.7em; }
td.lvl6 { padding-left: 9.2em; }
td.lvl7 { padding-left: 10.7em; }
td.lvl8 { padding-left: 12.2em; }
td.lvl9 { padding-left: 13.7em; }
td.lvl10 { padding-left: 15.2em; }
td.lvl11 { padding-left: 16.7em; }
td.lvl12 { padding-left: 18.2em; }
td.lvl13 { padding-left: 19.7em; }
td.lvl14 { padding-left: 21.2em; }
td.lvl15 { padding-left: 22.7em; }
td.lvl16 { padding-left: 24.2em; }
td.lvl17 { padding-left: 25.7em; }
td.lvl18 { padding-left: 27.2em; }
td.lvl19 { padding-left: 28.7em; }
td.lvl20 { padding-left: 30.2em; }

.lvl0 { margin-left: 0; }
.lvl1 { margin-left: 1.5em; }
.lvl2 { margin-left: 3em; }
.lvl3 { margin-left: 4.5em; }
.lvl4 { margin-left: 6em; }
.lvl5 { margin-left: 7.5em; }
.lvl6 { margin-left: 9em; }
.lvl7 { margin-left: 10.5em; }
.lvl8 { margin-left: 12em; }
.lvl9 { margin-left: 13.5em; }
.lvl10 { margin-left: 15em; }
.lvl11 { margin-left: 16.5em; }
.lvl12 { margin-left: 18em; }
.lvl13 { margin-left: 19.5em; }
.lvl14 { margin-left: 21em; }
.lvl15 { margin-left: 22.5em; }
.lvl16 { margin-left: 24em; }
.lvl17 { margin-left: 25.5em; }
.lvl18 { margin-left: 27em; }
.lvl19 { margin-left: 28.5em; }
.lvl20 { margin-left: 30em; }

div.p { margin: 1em 0; line-height: 1.35em; }
.avatar { position: absolute; margin: 3px 3px 3px 0; border: 1px solid #eee; margin-left: -60px; }
.reply { position: relative; clear: both; }
.reply .content { margin-left: 60px; min-height: 60px; }
.no-avatars .reply .content { margin-left: 0; min-height: 0; }
.reply h2 { font-size: 110%; background: #f5f5ff; white-space: nowrap; border-top: 1px solid #ccc; border-bottom: 0;}
.reply h2 a { color: #04a; }
.reply h2 a:hover { color: #04a; }
.reply h2 a:visited { color: #039; }
.reply h2 a:visited:hover { color: #039; }
.reply .actions { margin-top: 1px; *margin-top: 3px; position: absolute; top: 0; right: 0; white-space: nowrap; background: #f5f5ff; padding-left: 2px; }
#left .reply .actions img { max-width: none; }
.edit .reply .actions { position: static; background: transparent; }

.question, .proposal { /*position: relative;*/ clear: both; }
.question .content, .proposal .content { margin-left: 60px; min-height: 60px; }
.no-avatars .question .content, .no-avatars .proposal .content { margin-left: 0; min-height: 0; }
.question .actions, .proposal .actions { margin-top: 0; text-align: right; }
.proposal .demand { color: #f00; }
.proposal .supply { color: #090; }

.article .perex { border: 1px solid #ddd; padding: 3px; background: #fcfcfc; font-style: italic; font-size: 85%; }
.article .content { margin-left: 0; min-height: 0; }
.article .actions { margin-top: 0; text-align: right; }
.flash .content { margin-left: 0; min-height: 0; }
.flash .actions { margin-top: 0; text-align: right; }
.message .content { margin-left: 60px; min-height: 60px; }
.message .actions { margin-top: 0; text-align: right; }

.user { position: relative; clear: both; }
.user .content { margin-left: 60px; min-height: 60px; }
.no-avatars .user .content { margin-left: 0; min-height: 0; }
.user .actions { margin-top: 0; text-align: right; }

.interest { float: right; width: 35%; background: #f4f4f8; padding: 0 .5em; margin: .5em 0 .5em .5em; border: 1px solid #ccc; font-size: 95%; line-height: 140%; }
.interest h2 { margin: .5em 0; font-size: 140%; }
.interest h2 a { color: #666; }
.interest h2 a:hover { color: #fff; background: #666; }
.interest p { font-size: 8pt; }
.short { border: 1px solid #ccc; height: 10em; overflow: auto; margin: 1em 0; padding: 0.5em; } 

/* postarea */
.js #bar img { margin: -3px 0; padding: 2px; /**/float: left; }
.js #bar img.hover, .js #bar .hover img.icon { margin: -4px -1px; border: 1px solid #777; background-color: #fff; }
.js span#bar img.arrow { border: 0; margin-left: 1px; }
.js span#bar span.hover img.arrow { margin-left: 0; border-left: 1px solid #777; }
.js span#bar span.hover img.arrow-hover { margin: -4px -1px -4px 0; border: 1px solid #777; background-color: #fff; }
.js span#bar span.selected img.icon { margin: -4px -1px; border: 1px solid #777; background-color: #fff; }
.js #bar span { position: relative; /**/float: left; width: 35px; }
.js #bar span img { position: relative; }
.js #bar .popup { display: none; border: 1px solid #777; background-color: #ffe; position: absolute; top: 100%; left: -1px; line-height: 0; width: 200px; z-index: 100; margin: 0; }
.js #bar .popup img { margin: 3px 2px 2px 2px; }
.js #bar .popup span { margin: 3px 2px 2px 2px; text-align: center; line-height: 140%; width: 16px; float: left; cursor: default; }
.js #bar .popup .hover { margin: 2px 1px 1px 1px; border: 1px solid #777; background-color: #fff; }

/* panely v pravom stlpci */
#right .panel { margin: .8em; border: 1px solid #666; background: #555; color: #fff; position: relative; }
#right .panel a { color: #fff; }
#right .panel a:hover { text-decoration: underline; background: #eee; color: #333; }
#right .panel h3 { position: relative; background: #e65 url(shade.png?v=2) repeat-x center top; _background-image: none; color: #fff; margin: 0; padding: 2px; padding-left: .5em; font-size: 8pt; font-weight: bold; font-family: Verdana,Helvetica,sans-serif; line-height: 12pt; }
#right .panel h3 a { text-decoration: underline; color: #fff; }
#right .panel h3 a:hover { background: transparent; color: #fff; }
#right .panel h3 span { position: absolute; right: 2px; }
#right .panel h3 img { margin: -3px 0; }
#right .panel p { margin: .5em .2em; }
#right .panel ul { list-style: none; margin: .5em .2em; padding: 0 .2em; }
#right .panel ul ul { list-style: none; margin: 0; padding: 0; }
#right .panel li { margin: 0; padding: 0; display: block; line-height: 1.6em; }
#right .panel li.lvl1 { margin-left: 1.5em; }
#right .panel li.lvl2 { margin-left: 2em; }
#right .panel li li { margin-left: 1.5em; }
#right .panel li input { margin: 0 2px 0 0; }
#right .panel li a { text-decoration: none; }
#right .panel li a:hover { text-decoration: underline; }
/*#right .panel li a { text-decoration: underline; }*/
#right .panel dl { margin: .4em; padding: 0; }
#right .panel dd { margin: .4em .1em .4em 1.0em; padding: 0; }
#right .panel .textbox { width: 95%; }
#right .panel .submit { display: block; width: 80%; padding-left: 0; padding-right: 0; } /* padding kvoli Opere */
#right .panel .selected { font-weight: bold; letter-spacing: -1px; }
#right .panel h4 { margin: 0; padding: 2px; font-size: 8pt; font-weight: bold; font-family: Verdana,Helvetica,sans-serif; }
#right .panel h4 a { margin: 0; padding: 0em; }
#right .panel .list li { padding: 1px 0; border-bottom: 1px solid #ccc; }
#right .panel li.odd { background: #666; }
#right .login input { width: 95%; }
#right .login input.checkbox { width: auto; }

/* strankovanie */
.paging { margin: .7em 2px 1.35em 2px; font-size: 8pt; white-space: nowrap; }
.paging img { margin: -3px; padding: 0 3px; }
.paging form { padding-top: .4em; }
.paging input { width: 3em; }
form.paging a { margin: 0; padding: 0; }
form.paging a:hover { margin: -1px; padding: 0; }
.paging a { color: #444; background: transparent; text-decoration: none; margin: 0 -2px; padding: 2px 3px; font-size: 8pt; }
.paging a:hover { color: #333; background: #def;  padding: 1px 2px; border: 1px solid #aaa; }
.paging .selected { font-weight: bold; background: #def; padding: 1px 2px; border: 1px solid #9be; }

.table tbody .date { font-size: 8pt; text-align: center; }
.table tbody .ip { font-size: 8pt; text-align: center; white-space: nowrap; }

/* poznamka moderatora */
.mod { font-size: 8pt; border: 1px solid #eee; line-height: 1.5em; padding: 1px; padding-left: 18px; background: #ffe url(moderated.ico) no-repeat left center; }
.mod small { color: #555; }
.signature input { width: 50%; }

/* anketa */
.poll label, .poll div { padding: 0; margin: 0; }
.poll li { list-style-type: none; position: relative; }
.poll .percentage { border: 1px solid #ccc; width: 20em; background: #fff; display: block; margin-left: 1.5em; line-height: 1.2em; font-weight: bolder; font-size: 8pt; }
.poll .percentage span { position: relative; background: transparent; width: 100%; text-align: center; color: #148; display: block; }
.poll .bar span { display: block; overflow: hidden; position: absolute; }
.poll .bar .registered { background: #C2D9EF; }
.poll .bar .anonymous { background: #D1E0EF; }
.poll .votes { font-weight: normal; font-size: 8pt; color: #444; }
.poll .voted { font-weight: bold; }

.y { color: green; font-weight: normal; }
.w { color: orange; font-weight: bold; }
.n { color: red; font-weight: bold; }

.debug { position: absolute; background: #fff; right: 2px; top: 2em; font-size: 8pt; }

code { color: #050; }
code.csharp, code.pascal, code.javascript, code.php { color: #000; }
code .keyword { color: #00f; }
code .comment { color: #080; }
code .string { color: #a11; }
code .number { color: #000; }
code .variable { color: #000; }

.vote { padding-left: 60px; }

form.search label input { margin-left: 1em; }
.ad { text-align: center; border: 1px solid #eee; border-width: 1px 0; background: #fcfcfc; padding-top: 0.2em; margin: 0.5em 0; }
.eshop img { background: #da7c7c; width: 400px; height: 60px; font-size: 1.3em; display: inline-block; }
.eshop a:hover { background: none; }
.eshop .item { color: #0646a7; font-size: 1.3em; padding-left: .5em; }
.eshop .price { color: #fc0000; font-size: 1.3em; white-space: nowrap; padding-right: .5em; }
.eshop .enter { horizontal-alignment: center; }
.eshop .enter a { display: block; padding: 0; background: #00a927 url(../images/eshop/eshop-enter.png); color: #fff; font-size: 1.2em; text-decoration: none; width: 250px; height: 60px; text-indent: 250px; white-space: nowrap; overflow: hidden; }
.eshop .enter a:hover { background-position: 0 -60px; color: #1db783; }
#right .ad { background: none; border: 0; }
#right .ad a:hover { background: none; }
.www { display: none; }
.empty { color: #777!important; }