@import url("common.css");
@import url("sudoku.css");

.cb {clear:both;}
.top_break { margin-top: 15px; }

#site{  margin: 0; padding: 0; background: url(../images/horni-gradient.png) repeat-x; }
#container{ margin: 0 auto; width: 950px; background: url(../images/gradient-stred.png) no-repeat; position: relative; color: #4d4d4d; }
#container a:link, #container a:visited{ color: #4d4d4d; text-decoration: underline; cursor: pointer; }
#container a:hover, #container a:active{ color: #4d4d4d; text-decoration: none; cursor: pointer; }
#without-styles{ display: none; }
#header { width: 904px; overflow: hidden; background: url(../images/symbol-pod-logem.png) 0 0px no-repeat; min-height: 176px; }
.logged #container div.admin{ min-height: 220px; }

/*
#header form{ float: right; width: 440px; overflow: hidden; color: #e95b2b; margin: 10px 0 0; }
#header form label{ overflow: hidden; position: relative; display: block; }
#header form label span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
#header form #label_input_email { width: 50px; height: 60px; }
#header form #label_input_email span{ background: url(../images/email.png) no-repeat; }
#header form #label_input_heslo { width: 46px; height: 60px; }
#header form #label_input_heslo span{ background: url(../images/heslo.png) no-repeat; }

#header form #input_password{ float: left; width: 106px; }
#header form #input_email, #header form #input_password{ background: #eee url(../images/input-gradient.png) repeat-x left top; width:162px; min-height:17px; padding: 3px 4px 0; border: 1px solid #ccc; }
#header form #input_password{ width: 92px; }
#header form #btn_sign_on{ background: transparent; border: none; float: left; padding-top: 0; }
#header form span.float{ float: left; display: block; margin-right: 10px; }
#header form p.error{ position: absolute; top: 11px; right: 123px; width: 356px; }
#container #header form a{ color: #e95b2b; margin-left: 5px; cursor: pointer; }
#container #header form a:link, #header form a:visited { text-decoration: underline; }
#container #header form a:hover, #header form a:active { text-decoration: none; }
*/
#login_form{ position: absolute; top: 0; right: 45px; width: 440px; overflow: hidden; color: #e95b2b; margin: 10px 0 0; }
#login_form label{ overflow: hidden; position: relative; display: block; }
#login_form label span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
#login_form #label_input_email { width: 50px; height: 60px; }
#login_form #label_input_email span{ background: url(../images/email.png) no-repeat; }
#login_form #label_input_heslo { width: 46px; height: 60px; }
#login_form #label_input_heslo span{ background: url(../images/heslo.png) no-repeat; }

#login_form #input_password{ float: left; width: 106px; }
#login_form #input_email, #login_form #input_password{ background: #eee url(../images/input-gradient.png) repeat-x left top; width:162px; min-height:17px; padding: 3px 4px 0; border: 1px solid #ccc; }
#login_form #input_password{ width: 92px; }
#login_form #btn_sign_on{ background: transparent; border: none; float: left; padding-top: 0; }
#login_form span.float{ float: left; display: block; margin-right: 10px; }
#login_form p.error{ position: absolute; top: 0; right: 80px; width: 356px; }
#login_form a{ color: #e95b2b !important; margin-left: 5px; cursor: pointer; }
#login_form a:link, #login_form a:visited { text-decoration: underline; }
#login_form a:hover, #login_form a:active { text-decoration: none; }


#header #logo, #header #logo span{ display: block; width:370px; height:116px; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 20pt; text-align: right; }
#header #logo{ position: relative; top: 10px; float: left; overflow: hidden; }
#header #logo span{ position: absolute; top: 0; left: 0; background: url(../images/logo.png) no-repeat; }

/* administrace */
/*
#header #user{ float: right; margin-top: 20px; width: 225px; }
#header #user .nick{ color: #eb5a2b; display: block; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; font-weight: bold; padding: 0 14px 3px 0; text-align: right; overflow: hidden; }
#header #user menu{ list-style-type: none; float: left; margin-top: 4px; }
#header #user menu a{ font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#header #user menu a:link, #header #user menu a:visited{ color: #f6af3d; text-decoration: none; }
#header #user menu a:hover, #header #user menu a:active{ color: #e95c2b; text-decoration: underline; } 
#header #user img{ float: right; }
*/
#user{ position: absolute; top: 0; right: 125px; margin-top: 20px; width: 225px; }
#user .nick{ color: #eb5a2b; display: block; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; font-weight: bold; padding: 0 14px 3px 0; text-align: right; overflow: hidden; }
#user menu{ list-style-type: none; float: left; margin-top: 4px; }
#user menu a{ font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#user menu a:link, #user menu a:visited{ color: #f6af3d; text-decoration: none; }
#user menu a:hover, #user menu a:active{ color: #e95c2b; text-decoration: underline; }
#user img{ float: right; }


#content{ width: 100%; overflow: hidden; }

#info #status-box{ background: url(../images/stav-hry.png) no-repeat; width: 160px; height: 158px; overflow: hidden; }
#info #status-box strong{ display: none; }
#info #status-box .time, #status-box .steps{ color: #e95b2b; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 12pt; display: block; }
#info #status-box .time{ padding: 46px 0 0 73px; }
#info #status-box .steps{ padding: 53px 0 0 91px; }
#info #difficulty{ margin-top: 30px; }
#info #difficulty h2{ position: relative; width: 116px; height: 49px; overflow: hidden; }
#info #difficulty h2 span{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/obtiznost.png) no-repeat; }
#info #my-results{ margin-top: 40px; }
#info #my-results h2{ position: relative; width: 116px; height: 44px; overflow: hidden; }
#info #my-results h2 span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/vysledky.png) no-repeat; }

#info #total-results{ list-style-type: none; margin: 0; padding: 0; }
#info #total-results li{ margin-bottom: 10px; overflow: hidden; }
#info #total-results li strong{ position: relative; top: 3px; width: 100px; height: 15px; display: block; overflow: hidden; float: left; }
#info #total-results li.best-time strong span, #info #total-results li.worst-time strong span, 
#info #total-results li.valid strong span, #info #total-results li.invalid strong span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#info #total-results li.best-time strong span{ background: url(../images/nejlepsi-cas.png) no-repeat; }
#info #total-results li.worst-time strong span{ background: url(../images/nejhorsi-cas.png) no-repeat; }
#info #total-results li.valid strong span{ background: url(../images/spravne.png) no-repeat; }
#info #total-results li.invalid strong span{ background: url(../images/spatne.png) no-repeat; }
#info #total-results li span.value{ color: #e95b2b; float: left; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt;  }

#info #difficulty ul{ margin: 0; padding: 0; list-style-type: none; margin: 0 0 10px 54px; }
#info #difficulty ul li{ margin-bottom: 10px; }
#info #difficulty ul li a{ position: relative; display: block; overflow: hidden; cursor: pointer; }
#info #difficulty ul li.very-easy a{ width: 85px; height: 11px; }
#info #difficulty ul li.easy a{ width: 44px; height: 11px; }
#info #difficulty ul li.normal a{ width: 55px; height: 11px; }
#info #difficulty ul li.hard a{ width: 45px; height: 11px; }
#info #difficulty ul li.very-hard a{ width: 85px; height: 11px; }
#info #difficulty ul li a span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
#info #difficulty ul li.very-easy a:link span, #info #difficulty ul li.very-easy a:visited span{ background: url(../images/velmi-lehke-p.png) no-repeat; }
#info #difficulty ul li.easy a:link span, #info #difficulty ul li.easy a:visited span{ background: url(../images/lehke-p.png) no-repeat; }
#info #difficulty ul li.normal a:link span, #info #difficulty ul li.normal a:visited span{ background: url(../images/stredni-p.png) no-repeat; }
#info #difficulty ul li.hard a:link span, #info #difficulty ul li.hard a:visited span{ background: url(../images/tezke-p.png) no-repeat; }
#info #difficulty ul li.very-hard a:link span, #info #difficulty ul li.very-hard a:visited span{ background: url(../images/velmi-tezke-p.png) no-repeat; }

#info #difficulty ul li.very-easy a.select:link span,#print_sudoku .print_sudoku_difficulty_1, #info #difficulty ul li.very-easy a.select:visited span, #info #difficulty ul li.very-easy a.select:hover span, #info #difficulty ul li.very-easy a.select:active span, #info #difficulty ul li.very-easy a:hover span, #info #difficulty ul li.easy a:active span{ background: url(../images/velmi-lehke-a.png) no-repeat; }
#info #difficulty ul li.easy a.select:link span, #print_sudoku .print_sudoku_difficulty_3, #info #difficulty ul li.easy a.select:visited span, #info #difficulty ul li.easy a.select:hover span, #info #difficulty ul li.easy a.select:active span, #info #difficulty ul li.easy a:hover span, #info #difficulty ul li.easy a:active span{ background: url(../images/lehke-a.png) no-repeat; }
#info #difficulty ul li.normal a.select:link span, #print_sudoku .print_sudoku_difficulty_5, #info #difficulty ul li.normal a.select:visited span, #info #difficulty ul li.normal a.select:hover span, #info #difficulty ul li.normal a.select:active span, #info #difficulty ul li.normal a:hover span, #info #difficulty ul li.normal a:active span{ background: url(../images/stredni-a.png) no-repeat; }
#info #difficulty ul li.hard a.select:link span, #print_sudoku .print_sudoku_difficulty_7, #info #difficulty ul li.hard a.select:visited span, #info #difficulty ul li.hard a.select:hover span, #info #difficulty ul li.hard a.select:active span, #info #difficulty ul li.hard a:hover span, #info #difficulty ul li.hard a:active span{ background: url(../images/tezke-a.png) no-repeat; }
#info #difficulty ul li.very-hard a.select:link span, #print_sudoku .print_sudoku_difficulty_10, #info #difficulty ul li.very-hard a.select:visited span, #info #difficulty ul li.very-hard a.select:hover span, #info #difficulty ul li.very-hard a.select:active span, #info #difficulty ul li.very-hard a:hover span, #info #difficulty ul li.hard a:active span{ background: url(../images/velmi-tezke-a.png) no-repeat; }
p.sudoku-info { padding:0 80px 0 40px;}

.sudoku-info span {font-weight:bold;}

#both-menu{ position: absolute; top: 136px; left: 11px; } 

br.clear { clear: both; }
#info{ float: left; width: 160px; margin: 20px 0 0 31px; }
#game-wrapper { float: left; width: 507px; margin-top: 4px; }
#game{ background: url(../images/hraci-pole.png) no-repeat; width: 499px; height: 499px; }
#game-menu{ float: left; width: 250px; margin: 25px 0 0; padding: 0; list-style-type: none; }

#content strong#section_title { display: block; }

#content h1,#content #section_title{ position: relative; overflow: hidden; color: #f7af3d; margin-bottom: 20px; }
#content h1 span, #content #section_title span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
#content #registration, #content #saved-games, #content #results, #content #info-about-users, #content #saved-game-details, #detail-result, #about-user, #content #edit-user, #content #lost-password, #content #rules, #content #news, #content #sitemap, #content #help, #content #news-create, #content #news-edit, #content #forum-topics, #content #forum-posts, #content #new-topic, #content #new-post, #content #edit-advert, #content #rss_articles, #conditions { margin: 20px 0 0 31px; width: 830px; }
#content #registration h1{ width: 158px; height: 51px; }
#content #registration h1 span{ background: url(../images/nadpis-registrace.png) no-repeat; }
#content #saved-games h1{ width: 176px; height: 51px; }
#content #saved-games h1 span{ background: url(../images/nadpis-ulozene-hry.png) no-repeat; }
#content #results h1{ width: 147px; height: 55px; }
#content #results h1 span{ background: url(../images/nadpis-vysledky.png) no-repeat; }
#content #info-about-users h1{ width: 148px; height: 54px; }
#content #info-about-users h1 span{ background: url(../images/nadpis-uzivatele.png) no-repeat; }
#content #saved-game-details h1{ width: 247px; height: 51px; }
#content #saved-game-details h1 span{ background: url(../images/nadpis-detail-ulozene-hry.png) no-repeat; }
#content #detail-result h1{ width: 218px; height: 50px; }
#content #detail-result h1 span{ background: url(../images/nadpis-detail-vysledku.png) no-repeat; }
#content #about-user h1{ width: 215px; height: 54px; }
#content #about-user h1 span{ background: url(../images/nadpis-detail-uzivatele.png) no-repeat; }

#content #news #section_title{ width: 133px; height: 51px; }
#content #news #section_title span{ background: url(../images/nadpis-novinky.png) no-repeat; }

#content #sitemap h1{ width: 205px; height: 51px; }
#content #sitemap h1 span{ background: url(../images/nadpis-mapa-stranek.png) no-repeat; }
#content #help h1{ width: 152px; height: 51px; }
#content #help h1 span{ background: url(../images/nadpis-napoveda.png) no-repeat; }
#content #rules h1{ width: 134px; height: 51px; }
#content #rules h1 span{ background: url(../images/nadpis-pravidla.png) no-repeat; }
#content #news-create h1{ width: 250px; height: 51px; }
#content #news-create h1 span{ background: url(../images/nadpis-vytvoreni-novinky.png) no-repeat; }
#content #news-edit h1{ width: 226px; height: 51px; }
#content #news-edit h1 span{ background: url(../images/nadpis-editace-novinky.png) no-repeat; }
#content #forum-topics h1,
#content #forum-posts h1 { width: 112px; height: 51px; }
#content #forum-topics h1 span,
#content #forum-posts h1 span { background: url(../images/nadpis-forum.png) no-repeat; } 

#content #edit-advert h1{ width: 231px; height: 51px; }
#content #edit-advert h1 span{ background: url(../images/nadpis-editace-reklamy.png) no-repeat; }

#content #lost-password h1 { width: 253px; height: 56px; }
#content #lost-password h1 span { background: url(../images/nadpis-zapomenute-heslo.png) no-repeat; }

#content #new-topic h1 { width: 164px; height: 51px; }
#content #new-topic h1 span { background: url(../images/nadpis-nove-tema.png) no-repeat; }

#content #new-post h1 { width: 215px; height: 51px; }
#content #new-post h1 span { background: url(../images/nadpis-novy-prispevek.png) no-repeat; }

#content #edit-user h1{ width: 237px; height: 54px; }
#content #edit-user h1 span{ background: url(../images/nadpis-editace-uzivatele.png) no-repeat; }

#content #rss_articles #section_title{ width: 237px; height: 54px; }
#content #rss_articles #section_title span{ background: url(../images/nadpis-clanky.png) no-repeat; }

#content table.data{ color: #eb5827; border-top: 1px solid #eb5827; border-bottom: 1px solid #eb5827; width: 100%; margin-top: 10px; }
#content table.data th{ font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; text-transform: uppercase; border-bottom: 1px solid #eb5827; text-align: left; padding: 0.2em 10px; }
#content table.data tr{ font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content table.data tr.highlight{ background-color: #fff7ec; }
#content table.data td { padding: 0 10px; }
#content table.data td.date, #content table td.time{ width: 19%; }
#content table.data th.steps, #content table td.steps{ text-align: center; width: 23%; }

#content table.data td.menu{ text-align: right; overflow: hidden; }
#content table.data td.menu span.img-buttons{ float: right; overflow: hidden; display: block; }
#content table.data td.menu a{ position: relative; display: block; overflow: hidden; float: left; margin-right: 10px; }
#content table.data td.menu a span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
#content table.data td.menu a.img-continue{ width: 21px; height: 20px; }
#content table.data tr td.menu a.img-continue span{ background: url(../images/ikona-pokracovat-ve-hre2.png) no-repeat; }

#content table.data td.menu a.img-edit{ width: 22px; height: 22px; }
#content table.data tr td.menu a.img-edit span{ background: url(../images/ikonka-editovat2.png) no-repeat; }
#content table.data tr.highlight td.menu a.img-edit span{ background: url(../images/ikonka-editovat1.png) no-repeat; }

#content table.data td.menu a.img-detail{ width: 22px; height: 23px; }
#content table.data tr td.menu a.img-detail span{ background: url(../images/ikona-detail2.png) no-repeat; }
#content table.data tr.highlight td.menu a.img-detail span{ background: url(../images/ikona-detail1.png) no-repeat; }
#content table.data td.menu a.img-delete{ width: 19px; height: 19px; }
#content table.data tr td.menu a.img-delete span{ background: url(../images/ikona-smazat2.png) no-repeat; }
#content table.data tr.highlight td.menu a.img-delete span{ background: url(../images/ikona-smazat1.png) no-repeat; }
#content table.data td.menu a.img-replay{ width: 19px; height: 22px; }
#content table.data tr td.menu a.img-replay span{ background: url(../images/ikona-hrat-znovu2.png) no-repeat; }
#content table.data tr.highlight td.menu a.img-replay span{ background: url(../images/ikona-hrat-znovu1.png) no-repeat; }

#content table.data th.menu a{ position: relative; display: block; overflow: hidden; float: left; margin-right: 10px; }
#content table.data th.menu a span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
#content table.data tr th.menu a.img-delete{ width: 19px; height: 19px; }
#content table.data tr th.menu a.img-delete span{ background: url(../images/ikona-smazat2.png) no-repeat; }

#content table.detail{ width: 40%; color: #e85c2b; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content table.detail tr td{ line-height: 2; }
#content table.detail tr td.item{ width: 120px; }
#content .preview{ width: 100%; overflow: hidden; margin: 1em 0; }
#content .preview div.task{ width: 415px; height: 415px; float: left; color: #e85c2b; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content .preview div.task span.caption{ text-align: center; display: block; width: 100%; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; margin-bottom: 10px; }
#content .preview div.solution{ width: 415px; height: 415px; float: right; color: #e85c2b; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content .preview div.solution span.caption{ text-align: center; display: block; width: 100%; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; margin-bottom: 10px; }
#content .preview table { margin: 0 auto; }

#content table tr td a:link, #content table tr td a:visited{ color: #e85c2b; text-decoration: underline; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content table tr td a:hover, #content table tr td a:active{ color: #e85c2b; text-decoration: none; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }

#content a img{ border: none; }

#content a img, #content #edit-user a img{ border: none; }
#content #registration form, #content #edit-user form, #content #lost-password form, #content #new-topic form, #content #new-post form{ color: #e85c2b; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content label, #content span.label, #content #edit-user label, #content #lost-password label, #content #new-topic label, #content #new-post label{ width: 100px; display: block; float: left; height: auto; color: #e85c2b; font-weight: bold; margin-bottom: 12px; }
#content input.text, #content #edit-user input.text, #content #lost-password input.text{ background: #eee url(../images/input-gradient.png) repeat-x; border: 1px solid #ccc; padding: 0.2em 0.5em; width: 198px; }
#content span.separator-text{ position: relative; top: -8px; left: auto; }
#content input.chbox, #content #edit-user input.chbox{ margin: 0; background: none; border: none; }
#content input.button, #content #edit-user input.button, #content #lost-password input.button{ border: none; background-color: #f7af3d; color: #e85c2b; margin: 0 0 0 100px; padding: 0; font-weight: bold; }

#content textarea.text { background: #FFF url(../images/input-gradient.png) repeat-x; border: 1px solid #ccc; padding: 0.2em 0.5em; width: 600px; margin-bottom: 9px; }

#content div.errors{ width: 100%; overflow: hidden; margin: 1.5em 0; }
#content div.errors strong{ display: block; width: 70px; float: left; }
#content div.errors ul{ list-style-type: none; padding: 0; margin: 0; }
#content div.errors ul li{ margin: 0; padding: 0; color: #e85c2b; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; line-height: 1.2; }

#content p.right{ text-align: right; }
#content p img{ margin-bottom: 25px; }

#content div.padding-text h1 { margin-bottom: 0; }
#content div.padding-text{ padding: 0 0 18px 45px; color: #f7af3d; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content div.padding-text span.date{ color: #8c8c8c; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; }
#content div.padding-text h2, #content div.padding-text h1{ color: #e85c2b; padding-bottom: 15px; font-weight: normal; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 13pt; }
#content div.padding-text h2 a:link, #content div.padding-text h2 a:visited,
#content div.padding-text h1 a:link, #content div.padding-text h1 a:visited { color: #e85c2b; padding-bottom: 15px; font-weight: normal; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 13pt; }
#content div.padding-text h2 a:hover,#content div.padding-text h2 a:active,
#content div.padding-text h1 a:hover,#content div.padding-text h1 a:active { color: #e85c2b; padding-bottom: 15px; font-weight: normal; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 13pt; }

#content ul.sitemap-links{ margin: 0 0 0 18px; padding: 0; }
#content ul.sitemap-links li, #content ul.sitemap-links a{ font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; color: #e85c2b; }

#content #news-create form label, #content #news-create span.label, #content #news-edit span.label, #content #news-edit form label, #help form label, #rules form label{ width: 70px; }
#content #news-create form input.text, #content #news-edit form input.text{ width: 262px; }
#content form img.insert-date{ position: relative; top: -6px; cursor: pointer; }
#content #news-create input.button, #content #news-create input.button, #content #news-create input.button, #content #news-edit input.button, #content #news-edit input.button, #content #news-edit input.button, #content #help input.button, #content #rules input.button{ margin: 5px 0 0 70px; }

#content .date-calendar img{ position: relative; top: -6px; }
#content .date-calendar .selected-date{ position: relative; top: -19px; }
#content .date-calendar input{ border: none; background: none; }

#content p.editing{ padding: 10px 0; }
#content #conditions p {margin-bottom:1em;}
#content .add-news, #content .edit-rules, #content .edit-help{ margin: 0 0 20px 42px; display: block; width: 30px; }

#game-menu li{ margin-bottom: 15px; }
#game-menu li a{ display: block; position: relative; width: 145px; height: 53px; overflow: hidden; cursor: pointer; }
#game-menu li a span{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }

#game-menu li.new-sudoku a { width: 135px; height: 54px; }
#game-menu li.new-sudoku a:link span,#game-menu li.new-sudoku a:visited span { background: url(../images/gmenu-nove-sudoku-p.png) no-repeat; }
#game-menu li.new-sudoku a:hover span,#game-menu li.new-sudoku a:active span { background: url(../images/gmenu-nove-sudoku-a.png) no-repeat; }
#game-menu li.replay a { width: 121px; height: 54px; position: relative; top: 0; left: 3px; }
#game-menu li.replay a:link span,#game-menu li.replay a:visited span { background: url(../images/gmenu-hrat-znovu-p.png) no-repeat; }
#game-menu li.replay a:hover span,#game-menu li.replay a:active span { background: url(../images/gmenu-hrat-znovu-a.png) no-repeat; }
#game-menu li.print a { width: 106px; height: 54px; }
#game-menu li.print a:link span,#game-menu li.print a:visited span { background: url(../images/gmenu-tisknout-p.png) no-repeat; }
#game-menu li.print a:hover span,#game-menu li.print a:active span { background: url(../images/gmenu-tisknout-a.png) no-repeat; }
#game-menu li.check a { width: 133px; height: 54px; }
#game-menu li.check a:link span,#game-menu li.check a:visited span { background: url(../images/gmenu-zkontrolovat-p.png) no-repeat; }
#game-menu li.check a:hover span,#game-menu li.check a:active span { background: url(../images/gmenu-zkontrolovat-a.png) no-repeat; }
#game-menu li.solve a { width: 97px; height: 54px; }
#game-menu li.solve a:link span,#game-menu li.solve a:visited span { background: url(../images/gmenu-vyresit-p.png) no-repeat; }
#game-menu li.solve a:hover span,#game-menu li.solve a:active span { background: url(../images/gmenu-vyresit-a.png) no-repeat; }
#game-menu li.savegame a { width: 112px; height: 54px; }
#game-menu li.savegame a:link span,#game-menu li.savegame a:visited span { background: url(../images/gmenu-ulozit-p.png) no-repeat; }
#game-menu li.savegame a:hover span,#game-menu li.savegame a:active span { background: url(../images/gmenu-ulozit-a.png) no-repeat; }
#game-menu li.loadgame a { width: 116px; height: 54px; }
#game-menu li.loadgame a:link span,#game-menu li.loadgame a:visited span { background: url(../images/gmenu-nacist-p.png) no-repeat; }
#game-menu li.loadgame a:hover span,#game-menu li.loadgame a:active span { background: url(../images/gmenu-nacist-a.png) no-repeat; }
#game-menu li.loadgame-inactive { width: 116px; height: 54px; position: relative; overflow: hidden; } 
#game-menu li.loadgame-inactive span { background: url(../images/gmenu-nacist-sede.png) no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#print{ background: url(../images/ramecek.png) no-repeat; width: 212px; height: 113px; position: absolute; z-index: 50; }
#print ul {list-style-type:none; margin:7px 0 0 20px; padding:0}
#print li {margin-top:0; padding:0;}
#print li a, #print li a:hover, #print li a:active, #print li a:visited {color:#E26F26; font-size:12px; font-weight:bold; text-decoration:none;}
#print li a:hover {text-decoration:underline}

#highlight-number{ background: url(../images/ramecek.png) no-repeat; width: 212px; height: 113px; position: absolute; z-index: 50; }
#highlight-number #radiobutton-a{ float: left; margin-right: 10px; }
#highlight-number #radiobutton-p{ float: left; margin-right: 10px; }
#highlight-number a{ position: relative; overflow: hidden; display: block; }
#highlight-number .no-float{ width: 100%; overflow: hidden; position: relative; top: 10px; left: 15px; display: block; }
#highlight-number a span{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#highlight-number .none{ width: 58px; height: 30px; top: 3px; left: 15px; }
#highlight-number .none:link span, #highlight-number .none:visited span{ background: url(../images/zadne-p.png) no-repeat; }
#highlight-number .none:hover span, 
#highlight-number .none:active span,
#highlight-number .none.selected span { background: url(../images/zadne-a.png) no-repeat; }

#highlight-number .empty{ width: 71px; height: 25px; top: 3px; left: 15px; }
#highlight-number .empty:link span, #highlight-number .empty:visited span{ background: url(../images/prazdne-p.png) no-repeat; }
#highlight-number .empty:hover span, 
#highlight-number .empty:active span,
#highlight-number .empty.selected span { background: url(../images/prazdne-a.png) no-repeat; }

#highlight-number .wrong{ width: 65px; height: 24px; top: 3px; left: 15px; }
#highlight-number .wrong:link span, #highlight-number .wrong:visited span{ background: url(../images/chybne-p.png) no-repeat; }
#highlight-number .wrong:hover span, 
#highlight-number .wrong:active span,
#highlight-number .wrong.selected span { background: url(../images/chybne-a.png) no-repeat; }

#highlight-number .n1{ width: 8px; height: 10px; float: left; margin-right: 10px; }
#highlight-number .n1:link span, #highlight-number .n1:visited span{ background: url(../images/1p.png) no-repeat; }
#highlight-number .n1:hover span, 
#highlight-number .n1:active span,
#highlight-number .n1.selected span { background: url(../images/1a.png) no-repeat; }

#highlight-number .n2{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n2:link span, #highlight-number .n2:visited span{ background: url(../images/2p.png) no-repeat; }
#highlight-number .n2:hover span, 
#highlight-number .n2:active span,
#highlight-number .n2.selected span { background: url(../images/2a.png) no-repeat; }

#highlight-number .n3{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n3:link span,#highlight-number .n3:visited span{ background: url(../images/3p.png) no-repeat; }
#highlight-number .n3:hover span,
#highlight-number .n3:active span,
#highlight-number .n3.selected span { background: url(../images/3a.png) no-repeat; }

#highlight-number .n4{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n4:link span,#highlight-number .n4:visited span{ background: url(../images/4p.png) no-repeat; }
#highlight-number .n4:hover span,
#highlight-number .n4:active span,
#highlight-number .n4.selected span { background: url(../images/4a.png) no-repeat; }

#highlight-number .n5{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n5:link span,#highlight-number .n5:visited span{ background: url(../images/5p.png) no-repeat; }
#highlight-number .n5:hover span,
#highlight-number .n5:active span,
#highlight-number .n5.selected span { background: url(../images/5a.png) no-repeat; }

#highlight-number .n6{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n6:link span,#highlight-number .n6:visited span{ background: url(../images/6p.png) no-repeat; }
#highlight-number .n6:hover span,
#highlight-number .n6:active span,
#highlight-number .n6.selected span { background: url(../images/6a.png) no-repeat; }

#highlight-number .n7{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n7:link span,#highlight-number .n7:visited span{ background: url(../images/7p.png) no-repeat; }
#highlight-number .n7:hover span,
#highlight-number .n7:active span,
#highlight-number .n7.selected span { background: url(../images/7a.png) no-repeat; }

#highlight-number .n8{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n8:link span,#highlight-number .n8:visited span{ background: url(../images/8p.png) no-repeat; }
#highlight-number .n8:hover span,
#highlight-number .n8:active span,
#highlight-number .n8.selected span { background: url(../images/8a.png) no-repeat; }

#highlight-number .n9{ width: 8px; height: 10px; float: left; margin-right: 10px;}
#highlight-number .n9:link span,#highlight-number .n9:visited span{ background: url(../images/9p.png) no-repeat; }
#highlight-number .n9:hover span,
#highlight-number .n9:active span,
#highlight-number .n9.selected span { background: url(../images/9a.png) no-repeat; }

#bottom-menu{ list-style-type: none; display: block; }
#bottom-menu li{ float: left; margin-right: 10px; }
#bottom-menu li a { display: block; position: relative; overflow: hidden; cursor: pointer; }
#bottom-menu li a span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#bottom-menu li.bmenu-comments a{ position: relative; width: 122px; height: 51px; }
#bottom-menu li.bmenu-comments a:link span,
#bottom-menu li.bmenu-comments a:visited span,
#bottom-menu li.bmenu-comments a.selected:hover span{ background: url(../images/poznamky-p.png) no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#bottom-menu li.bmenu-comments a:hover span,
#bottom-menu li.bmenu-comments a:active span,
#bottom-menu li.bmenu-comments a.selected span{ background: url(../images/poznamky-a.png) no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#bottom-menu li.bmenu-emphasising a{ position: relative; width: 143px; height: 51px; }
#bottom-menu li.bmenu-emphasising a:link span,
#bottom-menu li.bmenu-emphasising a:visited span,
#bottom-menu li.bmenu-emphasising a.selected:hover span{ background: url(../images/zvyraznovani-p.png) no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#bottom-menu li.bmenu-emphasising a:hover span,
#bottom-menu li.bmenu-emphasising a:active span, 
#bottom-menu li.bmenu-emphasising a.selected span{ background: url(../images/zvyraznovani-a.png) no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#bottom-menu li.bmenu-number-emphasising a{ position: relative; width: 143px; height: 51px; }
#bottom-menu li.bmenu-number-emphasising a:link span,#bottom-menu li.bmenu-number-emphasising a:visited span{ background: url(../images/zvyraznovani2-p.png) no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#bottom-menu li.bmenu-number-emphasising a:hover span,
#bottom-menu li.bmenu-number-emphasising a:active span, 
#bottom-menu li.bmenu-number-emphasising a.selected span{ background: url(../images/zvyraznovani2-a.png) no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#menu{ list-style-type: none; display: inline; }
#menu, #menu li{ display: inline; margin: 0; padding: 0; }
#menu li{ float: left; margin-right: 32px; }
#menu a{ display: block; position: relative; overflow: hidden; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 12pt; font-weight: bold; cursor: pointer; }
#menu #menu-play a { width:60px; height: 31px; }
#menu #menu-news a { width:108px; height: 31px; }
#menu #menu-help a { width:127px; height: 31px; }
#menu #menu-rules a { width:110px; height: 31px; }
#menu #menu-forum a { width:87px; height: 31px; }
#menu #menu-rss_articles a { width:93px; height: 31px; }
#menu a span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#menu #menu-play a:link span, #menu #menu-play a:visited span{ background: url(../images/hrat-p.png) no-repeat; }
#menu #menu-news a:link span, #menu #menu-news a:visited span{ background: url(../images/novinky-p.png) no-repeat; }
#menu #menu-help a:link span, #menu #menu-help a:visited span{ background: url(../images/napoveda-p.png) no-repeat; }
#menu #menu-rules a:link span, #menu #menu-rules a:visited span{ background: url(../images/pravidla-p.png) no-repeat; }
#menu #menu-forum a:link span, #menu #menu-forum a:visited span{ background: url(../images/forum-p.png) no-repeat; }
#menu #menu-rss_articles a:link span, #menu #menu-rss_articles a:visited span{ background: url(../images/clanky-p.png) no-repeat; }
#menu #menu-play a.select:link span, #menu #menu-play a.select:visited span, #menu #menu-play a.select:hover span, #menu #menu-play a.select:active span, #menu #menu-play a:hover span, #menu #menu-play a:active span{ background: url(../images/hrat-a.png) no-repeat; }
#menu #menu-news a.select:link span, #menu #menu-news a.select:visited span, #menu #menu-news a.select:hover span, #menu #menu-news a.select:active span, #menu #menu-news a:hover span, #menu #menu-news a:active span{ background: url(../images/novinky-a.png) no-repeat; }
#menu #menu-help a.select:link span, #menu #menu-help a.select:visited span, #menu #menu-help a.select:hover span, #menu #menu-help a.select:active span, #menu #menu-help a:hover span, #menu #menu-help a:active span{ background: url(../images/napoveda-a.png) no-repeat; }
#menu #menu-rules a.select:link span, #menu #menu-rules a.select:visited span, #menu #menu-rules a.select:hover span, #menu #menu-rules a.select:active span, #menu #menu-rules a:hover span, #menu #menu-rules a:active span{ background: url(../images/pravidla-a.png) no-repeat; }
#menu #menu-forum a.select:link span, #menu #menu-forum a.select:visited span, #menu #menu-forum a.select:hover span, #menu #menu-forum a.select:active span, #menu #menu-forum a:hover span, #menu #menu-forum a:active span{ background: url(../images/forum-a.png) no-repeat; }
#menu #menu-rss_articles a.select:link span, #menu #menu-rss_articles a.select:visited span, #menu #menu-rss_articles a.select:hover span, #menu #menu-rss_articles a.select:active span, #menu #menu-rss_articles a:hover span, #menu #menu-rss_articles a:active span{ background: url(../images/clanky-a.png) no-repeat; }

#admin-menu{ list-style-type: none; clear: both; color: #f6af3d; margin: 0; padding: 5px 0 0; }
#admin-menu li{ float: left; color: #f6af3d; margin-right: 5px; }
#admin-menu li a{ font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 10pt; color: #e95b2b; }
#admin-menu li a:link,#admin-menu li a:visited{ text-decoration: none; color: #f6af3d; }
#admin-menu li.select a:link,#admin-menu li.select a:visited, #admin-menu li a:hover,#admin-menu li a:active{ text-decoration: underline; color: #e95b2b; }
#admin-menu li.select a:hover,#admin-menu li.select a:active{ text-decoration: none; color: #e95b2b; }

#footer{ width: 970px; margin: 5em auto 50px; }
#footer, #footer p{ text-align: center; color: #4d4d4d; }
#footer p.top-break{ margin-top: 10px; }

#footer a:link, #footer a:visited{ color: #4d4d4d; text-decoration: none; cursor: pointer; }
#footer a:hover, #footer a:active{ color: #4d4d4d; text-decoration: underline; cursor: pointer; }
#footer a img { border: none; }

form .error
{
  color: #EB5827; font-weight: bold;
  margin: 0.5em 0 1em;
  padding: 0.5em 0 0.5em 2.7em;
  text-align: right;
}

form .success
{ 
  color: #0f0;
  margin: 0.5em 0 1em;
  padding: 0.5em 0 0.5em 2.7em;
  text-align: right;
}

/* ostatnĂ­ nastavenĂ­ */
a:focus { outline:0; }

/* reklamy */
div.leaderboard{ width:745px; height:100px; margin: 0 10px 10px 89px; position: relative; z-index: 0; }
div.scyscraper{ width:120px; height:600px; position: absolute; top: 176px; left: 900px; z-index: 0; }

#play-again { width: 456px; position: absolute; z-index: 50; }
#play-again #pa-wrapper1 { background: url(../images/box-nacist-hru-nahore.png) no-repeat left top; height: 12px; }
#play-again #pa-wrapper2 { background: url(../images/box-nacist-hru-stred.png) repeat-y left top; padding: 0 10px; }
#play-again #pa-wrapper3 { background: url(../images/box-nacist-hru-dole.png) no-repeat left bottom; height: 12px; }
#play-again table { width: 436px; border-collapse: collapse; }
#play-again table th { font-size: 130%; color: #E95B2B; text-transform: uppercase; text-align: left; width: 28%; }
#play-again table td { font-size: 110%; color: #F7AF3D; padding: 2px 0; }
#play-again table td.td-spec1 { text-align: center; }
#play-again table a img { border: none; }

#site div.calendar{ width: 228px; }

#content #forum-topics .add-topic { width: 100%; overflow: hidden; }
#content #forum-topics .add-topic p { float: right; }
#content #forum-topics .add-topic p a { background: url(../images/ikonka-nove-tema-odpoved.png) no-repeat left top; color: #EB5827; text-decoration: none; width: 80px; height: 21px; padding: 8px 0 0 28px; display: block; }
#content #forum-topics table { margin-bottom: 5px; }
#content #forum-topics table td { height: 22px; }

#content #forum-posts .data { border-bottom: none; }
#content #forum-posts #forum-posts-top { width: 100%; overflow: hidden; }
#content #forum-posts #forum-posts-top h2 { font-size: 10pt; color: #EB5827; width: 685px; padding: 10px 0 0 10px; float: left; }
#content #forum-posts #forum-posts-top p { width: 135px; float: right; }
#content #forum-posts #forum-posts-top p a { background: url(../images/ikonka-nove-tema-odpoved.png) no-repeat left top; color: #EB5827; text-decoration: none; width: 107px; height: 21px; padding: 8px 0 0 28px; display: block; }
#content #forum-posts table td { padding: 5px 10px; }
#content #forum-posts table .post-date { width: 150px; }
#content #forum-posts table .post-author { width: 600px; }
#content #forum-posts .add-reply { width: 100%; overflow: hidden; }
#content #forum-posts .add-reply p { float: right; }
#content #forum-posts .add-reply p a { background: url(../images/ikonka-nove-tema-odpoved.png) no-repeat left top; color: #EB5827; text-decoration: none; width: 107px; height: 21px; padding: 8px 0 0 28px; display: block; }

.dalsi-informace { width: 452px; margin: 80px 0 0 23px; }
.dalsi-informace .di-wrapper1 { background: url(../images/box-dalsi-informace-nahore.png) no-repeat left top; height: 12px; }
.dalsi-informace .di-wrapper2 { background: url(../images/box-dalsi-informace-stred.png) repeat-y left top; padding: 0 10px 0 10px; }
.dalsi-informace .di-wrapper3 { background: url(../images/box-dalsi-informace-dole.png) no-repeat left bottom; height: 12px; }
.dalsi-informace .di-wrapper2 p { margin: 5px 0 10px 0 }
.dalsi-informace .di-wrapper2 p.last { margin: 5px 0 0 0 }

#print_sudoku {text-align:center;}
#print_sudoku table {margin:auto;}
#print_sudoku #print_button {font-size:20px; color:#E26F26; margin-top:40px; display:block;}
#print_sudoku #difficulty {color:#707174; margin-bottom:25px;}
#print_sudoku #difficulty span{color: #F7AF3D; margin-bottom:15px; font-size:15pt;}

.print_sudoku_2 .print_item {float:left; text-align:center; margin-left:120px;}
.print_sudoku_4 .print_item {float:left; text-align:center; margin-left:120px; margin-bottom:20px;}
.print_sudoku_6 .print_item {float:left; text-align:center; margin-left:120px; margin-bottom:20px;}

.paginator { margin-bottom: 15px; text-align: center; }

#main-rss_articles { margin: 30px 0 0 23px; width: 452px }

#main-rss_articles h2 { margin-top: 20px; color: #F7AF3D; }
#main-rss_articles h3, #main-rss_articles h3 a { margin-top: 20px; color: #E85C2B !important; font-size:1.1em; margin-bottom: 10px; }
#main-rss_articles p { padding: 0; margin-top: 10px; }
#main-rss_articles > h3:first-child { margin-top: 10px; }