html, body { margin: 0; background-color: #F0F0F0; font-family: Lucida Grande, Verdana, Sans-serif; font-size: 11px; }
a { color: #FFFFFF; }
img { border: 0; }
p { margin: 0 0 10px 0; padding: 0; }
h1 { margin: 0; padding: 0; }
h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; font-family: Arial, sans-serif; }
table { border-collapse: collapse; }
td { vertical-align: top; padding: 2px 5px; }
th { vertical-align: top; padding: 2px 5px; text-align: left; }

.busy { cursor: wait; }
.clear { clear: both; }
.hidden { display: none; }
.replace span { display: none; }
.admin { background: #000000; color: #FFFFFF; font-weight: bold; padding: 0 5px; font-size: 10px; text-decoration: none; }
.red { background: #FF0000; color: #FFFFFF; display: block; padding: 5px 10px; font-weight: bold; }

.cerny { color: #000000; }
.cerveny { color: #FF0000; }
.line-9px { line-height: 9px; }
.line-11px { line-height: 11px; }
.line-13px { line-height: 13px; }
.line-15px { line-height: 15px; }
.line-18px { line-height: 18px; }
.line-20px { line-height: 20px; }

#spacer { height: 10px; }
#main { width: 900px; margin: 0 auto; background: #CCCCCC url('../images/backgroud.png') 0 169px no-repeat; }
#header { width: 900px; height: 135px; background: url('../images/header.png'); }
#logo a { display: block; float: left; width: 600px; height: 100px; display: inline; }
#logo a span { display: none; }
#claim { display: none; }
#footer { width: 900px; margin: 0 auto; height: 45px; background: #CCCCCC url('../images/footer.png') 13px 0 no-repeat; }
#logInfo { float: left; margin: 3px 10px 0 0; color: #303030; font-weight: bold; }

#lang { float: right; display: inline; }
#lang a.cz { background: url('../images/lang-button-cz.png') 0 -21px no-repeat; width: 17px; height: 20px; float: left; display: inline; margin-right: 0px; }
#lang a.en { background: url('../images/lang-button-en.png') 0 -21px no-repeat; width: 17px; height: 20px; float: left; display: inline; margin-right: 10px; }
#lang a.active { background-position: 0 0; }

#buttons { float: right; display: inline; padding-right: 5px; }
.cz #buttons a.register { background: url('../images/button-register-cz.png') 0 -21px no-repeat; width: 62px; height: 20px; float: left; display: inline; margin-right: 10px; }
.cz #buttons a.login { background: url('../images/button-login-cz.png') 0 -21px no-repeat; width: 47px; height: 20px; float: left; display: inline; margin-right: 10px; }
.cz #buttons a.account { background: url('../images/button-account-cz.png') 0 -21px no-repeat; width: 32px; height: 20px; float: left; display: inline; margin-right: 10px; }
.cz #buttons a.logout { background: url('../images/button-logout-cz.png') 0 -21px no-repeat; width: 45px; height: 20px; float: left; display: inline; margin-right: 10px; }
.en #buttons a.register { background: url('../images/button-register-en.png') 0 -21px no-repeat; width: 78px; height: 20px; float: left; display: inline; margin-right: 10px; }
.en #buttons a.login { background: url('../images/button-login-en.png') 0 -21px no-repeat; width: 32px; height: 20px; float: left; display: inline; margin-right: 10px; }
.en #buttons a.account { background: url('../images/button-account-en.png') 0 -21px no-repeat; width: 46px; height: 20px; float: left; display: inline; margin-right: 10px; }
.en #buttons a.logout { background: url('../images/button-logout-en.png') 0 -21px no-repeat; width: 39px; height: 20px; float: left; display: inline; margin-right: 10px; }
.cz #buttons a.active, .en #buttons a.active { background-position: 0 0; height: 20px; }

#footer a.email { width: 188px; height: 24px; float: left; display: inline; margin: 4px 0 0 260px; background: url('../images/icon-email2.png') no-repeat; }
#footer a.myspace { width: 81px; height: 24px; float: left; display: inline; margin: 4px 0 0 80px; background: url('../images/icon-my_space2.png') no-repeat; }
#footer a.facebook { width: 72px; height: 24px; float: left; display: inline; margin: 4px 0 0 70px; background: url('../images/icon-facebook2.png') no-repeat; }
#footer a.skype { width: 27px; height: 24px; float: left; display: inline; margin: 4px 0 0 70px; background: url('../images/icon-skype2.png') no-repeat; }

#bottomText { width: 900px; margin: 5px auto; height: 45px; }
#bottomText a { color: #808284; }

#search { width: 293px; height: 34px; background: url('../images/search-bar.png'); float: left; display: inline; }
#search input.text { border: none; background: transparent; width: 170px; margin: 10px 0 0 20px; color: #FFFFFF; text-transform: capitalize; font-style: italic; }
#search input.submit { border: none; background: transparent; width: 30px; height: 20px; margin: 2px 0 0 0px; cursor: pointer; }

#menu { width: 900px; height: 34px; overflow: hidden; }
#menu ul { list-style: none; float: left; display: inline; padding: 1px 0 0 0 ; margin: 0; width: 607px; overflow: hidden; background: #E3E3E3; }
#menu ul li { float: left; display: inline; }
#menu ul li a span { display: none; }
#menu ul li a { display: block; height: 34px; }
.cz #menu ul li a { background-image: url('../images/menu-black-cz.png'); }
.cz #menu ul li a.active { background-image: url('../images/menu-white-cz.png'); }
.en #menu ul li a { background-image: url('../images/menu-black-en.png'); }
.en #menu ul li a.active { background-image: url('../images/menu-white-en.png'); }
.cz li.menuItem1 a { width: 63px; background-position: 0 0; }
.cz li.menuItem2 a { width: 68px; background-position: -63px 0; }
.cz li.menuItem3 a { width: 56px; background-position: -131px 0; }
.cz li.menuItem4 a { width: 83px; background-position: -187px 0; }
.cz li.menuItem5 a { width: 81px; background-position: -270px 0; }
.cz li.menuItem6 a { width: 90px; background-position: -350px 0; }
.cz li.menuItem7 a { width: 60px; background-position: -440px 0; }
.cz li.menuItem8 a { width: 95px; background-position: -499px 0; }
.en li.menuItem1 a { width: 64px; background-position: 0 0; }
.en li.menuItem2 a { width: 86px; background-position: -64px 0; }
.en li.menuItem3 a { width: 56px; background-position: -150px 0; }
.en li.menuItem4 a { width: 99px; background-position: -206px 0; }
.en li.menuItem5 a { width: 66px; background-position: -305px 0; }
.en li.menuItem6 a { width: 66px; background-position: -371px 0; }
.en li.menuItem7 a { width: 65px; background-position: -437px 0; }
.en li.menuItem8 a { width: 95px; background-position: -502px 0; }

#content { width: 642px; color: #FFFFFF; font-size: 14px; float: right; display: inline; margin-right: 15px;  }
#content.type1[class] { background: url('../images/text-backgorund-1.png') 0 12px repeat-x;  }
#content.type2[class] { background: url('../images/text-backgorund-2.png') 0 12px repeat-x;  }
#content .block { padding: 0 20px 20px 20px; height: 520px; overflow: auto; }
#content div.forum { padding: 0 20px 20px 20px; min-height: 520px; }

#content .top { width: 642px; height: 12px; }
#content.type1 .top { background: url('../images/text-backgorund-top-1.png'); }
#content.type2 .top { background: url('../images/text-backgorund-top-2.png'); }

#content .split { height: 12px; width: 642px; }
#content.type1 .split .round1 { background: url('../images/split-left-1.png'); width: 11px; height: 13px; float: left; display: inline; }
#content.type1 .split .round2 { background: url('../images/split-right-1.png'); width: 11px; height: 13px; float: left; display: inline; }
#content.type2 .split .round1 { background: url('../images/split-left-2.png'); width: 11px; height: 13px; float: left; display: inline; }
#content.type2 .split .round2 { background: url('../images/split-right-2.png'); width: 11px; height: 13px; float: left; display: inline; }
#content.type1 .split .neck { background: #003366; width: 50px; height: 13px; float: left; display: inline; }
#content.type2 .split .neck { background: #336699; width: 50px; height: 13px; float: left; display: inline; }

.cz #content .page1 .round1 { margin-left: 46px; }
.cz #content .page1 .neck { width: 54px; }
.cz #content .page2 .round1 { margin-left: 104px; }
.cz #content .page2 .neck { width: 64px; }
.cz #content .page3 .round1 { margin-left: 171px; }
.cz #content .page3 .neck { width: 53px; }
.cz #content .page4 .round1 { margin-left: 226px; }
.cz #content .page4 .neck { width: 80px; }
.cz #content .page5 .round1 { margin-left: 311px; }
.cz #content .page5 .neck { width: 75px; }
.cz #content .page6 .round1 { margin-left: 392px; }
.cz #content .page6 .neck { width: 84px; }
.cz #content .page7 .round1 { margin-left: 480px; }
.cz #content .page7 .neck { width: 55px; }
.cz #content .page8 .round1 { margin-left: 541px; }
.cz #content .page8 .neck { width: 75px; }
.cz #content .page8 .round2 { display: none; }

.en #content .page1 .round1 { margin-left: 47px; }
.en #content .page1 .neck { width: 54px; }
.en #content .page2 .round1 { margin-left: 104px; }
.en #content .page2 .neck { width: 82px; }
.en #content .page3 .round1 { margin-left: 189px; }
.en #content .page3 .neck { width: 53px; }
.en #content .page4 .round1 { margin-left: 245px; }
.en #content .page4 .neck { width: 96px; }
.en #content .page5 .round1 { margin-left: 344px; }
.en #content .page5 .neck { width: 62px; }
.en #content .page6 .round1 { margin-left: 410px; }
.en #content .page6 .neck { width: 62px; }
.en #content .page7 .round1 { margin-left: 476px; }
.en #content .page7 .neck { width: 63px; }
.en #content .page8 .round1 { margin-left: 542px; }
.en #content .page8 .neck { width: 75px; }
.en #content .page8 .round2 { display: none; }

#leftPane { width: 200px; float: left; padding-top: 12px; display: inline; }
#leftPane .box2 { margin: 0 10px 30px 0; }
#leftPane .box2 p { margin: 0 ; }
#leftPane .title { background-position: right top; height: 24px; overflow: hidden; float: left; display: inline; clear: both; margin-bottom: 5px; }
#leftPane .title[class] { background-image: url('../images/left-title-backgronud.png'); }
#leftPane h3 { color: #393939; text-transform: uppercase; font-weight: bold; font-size: 16px; font-family: Helvetica, Arial, sans-serif; margin: 2px 10px 0 20px; white-space: nowrap; }
#leftPane .top { width: 214px; height: 14px; margin-left: 14px; }
#leftPane .top[class] { background-image: url('../images/info-box-top.png'); }
#leftPane .middle { width: 214px; margin-left: 14px; }
#leftPane .middle[class] { background: url('../images/info-box-middle.png'); }
#leftPane .middle .info { padding: 0 10px; color: #000000; }
#leftPane .bottom { width: 214px; height: 14px; margin-left: 14px; }
#leftPane .bottom[class] { background: url('../images/info-box-bottom.png'); }
#leftPane .info .next { text-decoration: none; float: right; }
#leftPane .info .prev { text-decoration: none; }

#bottom { width: 900px; margin: 0 auto; }
#sideMenu { position: absolute; margin-left: -20px; margin-top: -40px; }
#sideMenu ul { list-style: none; }
#sideMenu li { float: left; display: inline; }
#sideMenu li a span { display: none; }
#sideMenu li.menuItemEmail a { width: 83px; height: 25px; background-image: url('../images/button-maling-list.png'); display: block; }
#sideMenu li.menuItemLinks a { width: 49px; height: 25px; background-image: url('../images/button-links.png'); display: block; margin-left: 10px; }
#sideMenu li.menuItemForum a { width: 59px; height: 25px; background-image: url('../images/button-forum.png'); display: block; margin-left: 10px; }

.register { font-size: 11px; }
.register input.text, .register input.short, .register input.mid { font-size: 11px; height: 14px; border: 1px solid #787878; }
.register input.text { width: 180px; }
.register input.short { width: 50px; }
.register input.mid { width: 120px; }

table.forum { width: 600px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
table.forum th { border: 1px solid #FFFFFF; background: #FFFFFF; color: #000000; padding: 5px 10px; }
table.forum tr.group td { border: 1px solid #FFFFFF; background: #7F98B0; font-weight: bold; }
table.forum td { border: 1px solid #FFFFFF; padding: 5px 10px; }
table.forum td.last { width: 110px; }
table.forum td.count { width: 40px; }
.forumLinks { margin: 5px 5px 0 5px; color: #AAAAAA; text-align: right;}
.forumLinks a { font-size: 10px; margin-top: 20px; color: #AAAAAA; }

#newThread { margin: 20px 0; }
#newThread input.text { width: 300px; }
#newThread textarea.text { width: 600px; height: 150px; margin: 0 0 10px 0; }
a.addButton { display: block; margin-bottom: 20px; }

/* safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) { #leftPane h3 { margin: 4px 10px 0 20px; } }

#forumMessages .message { border: 1px solid #DEDEDE; margin-bottom: 20px; background: #003265; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#forumMessages .title { background: #DEDEDE; height: 25px; padding: 5px 5px 0 5px; color: #000000; height: 20px; }
#forumMessages .user { float: left;  }
#forumMessages .user span { color: #808080; }
#forumMessages .right { float: right; text-align: right; color: #808080; font-size: 0.9em; }
#forumMessages .text { margin: 20px; }
#forumMessages .buttons { padding: 8px 20px; font-size: 0.8em; border-top: 1px dotted #FFFFFF; color: #808080; }
#forumMessages .replyBox { padding: 8px 20px; font-size: 0.8em; border-top: 1px dotted #FFFFFF; color: #808080; display: none; }
#forumMessages .replyBox .text { width: 100%; height: 150px; margin: 0 0 10px 0; }
#forumMessages i { color: #AAAAAA; }

.pagination { margin: 20px 0; font-weight: bold; border: 1px solid #DEDEDE; margin-bottom: 20px; padding: 10px 20px; background: #003265; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.pagination a { font-weight: bold; }

.navigation { font-size: 0.95em; margin-bottom: 20px; }

#previewContainer { margin-left: 20px; }
.type1 #scrollerUp[id] { background: url('../images/scroll-button-up2.png'); }
.type2 #scrollerUp[id] { background: url('../images/scroll-button-up.png'); }
#scrollerDown[id] { background: url('../images/scroll-button-down.png') 0 0; }
#scrollerUp { width: 642px; height: 60px; position: absolute; display: block; cursor: pointer; display: none; }
#scrollerDown { width: 642px; height: 60px; position: absolute; display: block; margin-top: -60px; cursor: pointer; display: none; }
#scrollerUp:hover { background-position: 0 -60px; }
#scrollerDown:hover { background-position: 0 -60px; }

#adminButtons { width: 880px; position: absolute; text-align: right; top: 125px; }