/* CSS Document */
body { background-image: url('../img/bg.png'); font-family: Trebuchet MS, Arial, Verdana, sans-serif; }
strong { font-weight: bold; }
#top { height: 100px; background-color: #3E3E3E; color: white; background-image: url('../img/top_bg.png'); background-repeat: repeat-x; }
#top h1 a { color: white; }
#top h1 { margin-top: 25px; margin-left: 35px; font-size: 0.4em; }
#top h1 {font-size: 1em; position: absolute; width: 151px; height: 36px; overflow: hidden; }
#top h1 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 151px; height: 36px; margin: 0; padding: 0; background: url("../img/h1logo.png") top left no-repeat; cursor: hand; }

#top #toplogin { width: 368px; height: 22px; position: relative; left: 500px; background-color: #454545; background-image: url('../img/login_bg.png'); background-repeat: no-repeat; padding: 3px; padding-left: 10px; font-size: 0.7em; padding-top: 6px; }
#top #toplogin a { color: grey; }
#top #toplogin input { border: 1px solid grey; margin-left: 3px; background-color: #454545; color: white; }
#top #toplogin #submit { border: 0px; background-color: #454545; color: grey; }
.dcenter { width: 997px;  margin-left: auto; margin-right: auto; }
#dcenter2 { background-color: white; background-image: url('../img/center_bg.png'); background-repeat: repeat-y; min-height: 800px; }
#dcenter2 { width: 957px; padding-left: 20px; padding-right: 20px; }

#sudoku_table { width: 325px; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; height: 380px; margin: 0; padding: 0; float: left; display: block; }

#sudoku_table table { margin: 15px; margin-top: 10px; margin-left: 17px; border-collapse: collapse; border: 5px solid black; }
#sudoku_table td {border: 1px solid silver;}
#sudoku_table td.thirdr { border-right: 1px solid black; }
#sudoku_table td.thirdb { border-bottom: 1px solid black; }
#sudoku_table td.thirdrb { border-right: 1px solid black; border-bottom: 1px solid black; }
#sudoku_table input { border: none; background-color: white; width: 30px; height: 25px; margin: 0; padding: 0; padding-top: 4px; _padding-top: 2px; text-align: center; vertical-align: center; color: red;  }
#sudoku_table .ro { color: black; }
#sudoku_table .ok { color: green; }
#sudoku_table .mistake { color: white; background-color: red; }
#sudoku_table .emptyw { color: black; background-color: #ECFFDF; }
#sudoku_table #difficulty { font-size: 0.7em; margin-left: 20px; margin-top: 5px; }
#sudoku_table #check_button {  width: 88px; height: 27px; position: relative; top: -25px; left: 210px;  }

#time_counter { border: 0; font-size: 0.67em; color: silver; position: absolute; top: 116px; margin-left: 175px;}

#chart01 a        , #chart02 a         { text-decoration: none; color: black; }
#chart01 a:visited, #chart02 a:visited { text-decoration: none; color: black; }

#chart01 { width: 153px; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; height: 380px;  margin: 0; padding: 0; float: left; display: block; }
#chart01 ul { margin: 0; padding: 0; margin-top: 20px;  font-size: 0.75em; list-style-type: none; }
#chart01 ul li { margin-left: 15px; margin-top: 10px; _margin-top: 7px; background-repeat: no-repeat; background-position: right; width: 122px; }
#chart01 .tenplus { margin-left: 10px; width: 127px;}
#chart01 .first { margin-left: 0; padding: 8px; padding-left: 14px; font-weight: bold; font-size: 90%; background-color: #EDF9FE; color: #073954; width: auto; }

#chart02 { width: 150px; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; height: 380px; _height: 386px; margin: 0; padding: 0; float: left; display: block; }
#chart02 ul { margin: 0; padding: 0; margin-top: 20px;  font-size: 0.75em; list-style-type: none; }
#chart02 ul li { margin-left: 15px; margin-top: 10px; _margin-top: 7px; background-repeat: no-repeat; background-position: right; width: 122px; }
#chart02 .tenplus { margin-left: 10px; width: 127px;}
#chart02 .first { margin-left: 0; padding: 8px; padding-left: 14px; font-weight: bold; font-size: 90%;  background-color: #ECFFDF; color: #204F00; width: auto; }
.first span.points { font-size: 0.9em; font-weight: normal; margin-left: 15px;}

#register_promo { width: 160px; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; height: 110px; margin: 0; padding: 0; float: left; display: block; }
#register_promo p { margin: 15px; font-size: 0.7em; }
#register_promo #rlink a {font-size: 0.8em; position: absolute; width: 88px; height: 28px; overflow: hidden; }
#register_promo #rlink a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 88px; height: 28px; margin: 0; padding: 0; background: url("../img/buttons/register.png") top left no-repeat; cursor: hand; }

#rss_promo { width: 160px; height: 110px; border-bottom: 1px solid #EBEBEB; height: 110px; margin: 0; padding: 0; float: left; display: block; }
#rss_promo p { margin-left: 20px; display: block; color: black; font-size: 0.7em; padding-left: 20px; background: url('../img/rss_icon.gif') top left no-repeat; margin-top: 5px; }
#rss_promo a, #rss_promo a:visited { color: grey; }

#last_column    { width: 320px;  border-bottom: 1px solid #EBEBEB; float: left; display: block; }
#cont1 { display: block; height: 380px;  }
#cont2 { display: block; margin-top: 10px; border-top: 1px solid #EBEBEB;  }
#mail_label { width: 180px; height: 76px; background-image: url('../img/maillabel.png'); background-repeat: no-repeat; margin-top: 13px;  }

.minitext { color: #BABABA; font-size: 90%; }

h3 { font-size: 0.7em; font-weight: bold; text-transform: lowercase;              }
#sudoku_table h3 { color: #941B01; padding-top: 15px; padding-bottom: 12px; padding-left: 16px; }
#chart01 h3      { color: #BA2101; padding-top: 15px; padding-bottom: 0px; position: relative; left: 16px; }
#chart02 h3      { color: #DC4605; padding-top: 15px; padding-bottom: 0px; position: relative; left: 16px; }
#register_promo h3      { color: #DC4605; padding-top: 15px; padding-bottom: 0px; position: relative; left: 16px; }
#rss_promo h3      { color: #CC9E02; padding-top: 15px; padding-bottom: 17px; position: relative; left: 16px; }

#hLeft {float: left; width: 736px; margin: 0; padding: 0; }
#hRight {margin: 0 0 0 746px; padding: 0; width: 200px; height: 90px;}

#iLeft {float: left; width: 295px; margin: 0; padding: 0; padding: 15px; border-right: 1px solid #EBEBEB; min-height: 270px; }
#iRight {margin: 0 0 0 360px; padding: 0; width: 220px; height: 90px; }

#iLeft h3 { color: #941B01;  }
#iLeft p { font-size: 0.7em; margin-top: 15px; margin-bottom: 15px; }

#maplink a { margin-top: 25px; margin-left: 25px; font-size: 1em; position: absolute; width: 522px; height: 260px; overflow: hidden; }
#maplink a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 522px; height: 260px; margin: 0; padding: 0; background: url("../img/open_map_link.png") top left no-repeat; cursor: hand; }


.chartlink { font-size: 0.7em; color: #BABABA; margin-left: 30px; }

.inv { display: none; }

#ads1 { width: 300px; height: 250px; margin: 10px; margin-left: 14px; margin-bottom: 9px; }
#ads2 { width: 728px; height: 90px; margin: 10px; margin-left: 2px; margin-right: 0; margin-bottom: 7px; display: block; float: left; }
#ads2 p { margin: 0; padding: 0; }
#ads2 img { margin: 0; padding: 0; }

/* pridano diky Oswaldovi z http://www.operacesky.net/forum/viewtopic.php?t=3099, dekuju */
#sudoku_table tr td:first-child + td + td + td {border-left-color: black}
#sudoku_table tr:first-child + tr + tr + tr td {border-top-color: black}
#sudoku_table tr td:first-child + td + td + td + td + td + td  {border-left-color: black}
#sudoku_table tr:first-child + tr + tr + tr + tr + tr + tr td {border-top-color: black}

/* not homepage: */

#nothome { padding: 10px; padding-top: 20px; }
#nothome p { font-size: 0.7em; margin-top: 15px; }
#nothome h2 { padding-bottom: 15px; }
h2#register_new { color: #941B01; font-size: 1.2em; }

fieldset { border: 1px solid #EBEBEB; padding: 5px; padding-left: 12px;  margin-top: 20px; padding-bottom: 20px; }
fieldset legend { font-size: 0.7em; color: grey; }
#nothome input, #nothome select, #nothome textarea  { border: 1px solid silver; font-size: 1.4em; color: black; margin-top: 3px; width: 400px;  }
#nothome input:focus  { border: 1px solid grey; }

.forminfobox { width: 450px; background-color: #FFFFC1; position: absolute; margin-top: 70px; margin-left: 440px; border-top: 5px solid #FFFFA6; padding: 10px; padding-top: 0; }

ul#cities { margin: 0; padding: 0; font-size: 0.7em; list-style-type: none; margin-right: 15px; }
ul#cities a { color: black; }
ul#cities li { margin: 0; border-bottom: 1px solid #DBDBDB; margin-bottom: 5px; padding: 3px 0px 8px 5px; }
ul#cities { list-style-image: url('../img/ul.gif'); margin-left: 20px; }

.geoh2 { width: 99%; background-color: #EDF9FE; height: 50px; color: #073954; text-align: center; padding-top: 5px; padding-bottom: 10px; margin-bottom: 10px; }
.geoh2 a { color: #073954; text-decoration: none; }
.geoh2 .g1 { font-size: 1.4em;  }
.geoh2 .g2 { font-size: 2em;  margin-left: 170px; }
.geoh2 .g3 { font-size: 1.4em;  margin-left: 170px;   }

.geochart1 { width: 200px; border: 1px solid #E5E5E5; float: left; height: 700px; margin-right: 10px; }
.geochart1 a { color: #073954; text-decoration: none; }
.geochart1 h3 { padding: 10px; font-size: 1em; color: #BA2101; }

.geochart1 table { width: 90%; margin-left: 10px; font-size: 0.75em; }
.geochart1 table .sd { background-color: #EFEFEF; }
.geochart1 table .postd { text-align: right; padding-right: 4px; width: 20px; }

#geomap { width: 500px;  float: left; height: 700px; }

.userh2 { width: 94%; background-color: #ECFFDF; height: 30px; color: #204F00; padding: 20px; margin-bottom: 10px; }
.userh2 h2 { font-size: 1.4em;  }

.userchart1 { width: 370px; border: 1px solid #E5E5E5; float: left; height: 660px; margin-right: 10px; padding: 20px; }

.chartdiv { width: 170px; border: 1px solid #E5E5E5; float: left; font-size: 0.7em; padding: 5px; margin-right: 5px; }
.chartdiv table { width: 100%; }
.chartdiv .pos { text-align: right; }
.chartdiv a, .chartdiv a:visited { color: navy; text-decoration: none;}
.chartdiv .sd { background-color: #EAEAEA; }

.schartdiv { display: block; height: 360px;  }

.number { padding-right: 2px; }
.tds { font-size: 70%; }
.tds li { margin-right: 10px; margin-left: 0; }
.tds a { color: silver; }