/************************************

	LUSK.CZ
	profile: prekvapeni

************************************/

body {
    font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif;
}
.panel-table { border:solid black 1px; background-color:#ffffff; }
.panel-label, .lusk-header { font-size:9pt; font-weight:bold; background-color:#C82323; border-style:solid; border-color:black; border-top-width:0; border-left-width:0; border-bottom-width:1px; border-right-width:1px; }
.panel-row, .panel-title { font-size:9pt; border-style:solid; border-color:black; border-top-width:0; border-left-width:0; border-bottom-width:1px; border-right-width:1px; }
.panel-title { font-weight:bold; background-color:#ffa500; }
.lusk-header { color:white; background-color:#8b0000; }

.registration th {
    text-align:left;
    background-color: #C82323;
}
.registration th.label {
    background-color: #ffa500;
}
.registration div.note {
    font-size:80%;
    color:#444;
}
.registration input[type='text'] {
    width:30em;
}
span.required {
    font-size:120%;
    color:red;
}

ul.problem-type {
    padding-left:.2em;
}
ul.problem-type li {
    list-style-type: none;
}
ul.problem-type li div.note {
    padding-left:2em;
}

.nadpis { font-size: 10pt; color:#000000; }
.lusk-main, .lusk-narrative, .lusk-navod {font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; font-size: 10pt; color:#000000; }
.lusk-menu { font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; color:#000000; }
.lusk-menu:hover { color:#FF0000; }
.lusk-link {font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; color:#000000; }
.lusk-link:hover { color:#FF0000; }
.lusk-letter-frame { 
	position:absolute;
	width:24px; height:24px;
	padding:0;
	margin:0;
	 }
.lusk-sudoku-number { 
    position:absolute;
    width:40px; height:40px;
    padding:0;
    margin:0;
     }
.lusk-letter, .lusk-sudoku-letter {font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; 
	text-decoration:none; 
	color:black; 
	font-size: 12pt; 
	font-weight:bolder; 
	display:block;
	position:absolute; 
	width:24px; height:24px; 
	padding:0;
	margin:0;
	text-align:center;
	}

/* DEBUG cell position
.lusk-letter {
    border: 1px solid red;
}
#origin {
    border: 1px solid red;
}
*/

.lusk-sudoku-letter {
    left:6px; top:10px;
    font-size:20pt; 
    width:40px; height:40px; 
}
a.lusk-sudoku-letter {
    color:#ffa500;
}
a.lusk-sudoku-offer, a.lusk-sudoku-offer-off {
    font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif;
    font-weight: bold; text-decoration: none; 
    background-color:#8b0000;
    color: white; 
    padding:0 10px;
    border-width: 1px; 
    border: solid black 1px;
}
a.lusk-sudoku-offer-off {
    background-color:#afafaf;
}
.lusk-sudoku-cell-hint {
    position:absolute;
    width:50px;
    height:50px;
    color:#afafaf;
    font-size:11pt;
}
.lusk-sudoku-hint {
    background-color:#ffa500; /* word-select-cursor */
}
.lusk-sudoku-hint-off {
    background-color:#D5A52A;
}
.kakuro-clue {
    font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif;
    font-weight:bold;
    float:left;
    width:40px;
    text-align:left;
    padding-left:2px;
}
.kakuro-clue span {
    text-align:right;
    display:block;
    margin-bottom:2px;
}
#centrum .kakuro-clue, #les .kakuro-clue, #pes .kakuro-clue {
    color:#fff;
}


.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
.float-legend-frame { padding:0 6px 6px 0; background-image: url('img/shadow.gif'); }
.float-legend {
	font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif;
	font-weight:bold;
	border:solid black 1px;
	padding:2px 12px 2px 12px;
    white-space:nowrap;
	}
table.float-legend td {
    text-align:center;
}

.float-close {
    text-align:right;
    background-color:#8b0000;
}
.float-close a {
    color:#fff;
    text-decoration:none;
}

#result-wnd {
	font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif;
	background-color:#fff;
	border:solid gray 1px;
	padding:16px;
	}
.result-close { 
	display:block;
	padding:2px 10px 2px 10px;
	border:solid darkgray 1px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
	margin-top:16px;
	 }

a.lusk-clue {font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; font-size: 10pt; text-decoration:none; color:#000000; }
a.lusk-clue:hover { text-decoration: underline; color:#FF0000; }
a.lusk-clue-image { color:black; margin:0 8px 8px 0; display:block; float:left; }
a.lusk-clue-image:hover { color:red; }
.lusk-clue-image-sep { position:relative; float:left; font-weight:bold; top:2px; left:14px; }
.lusk-clue-image-frm { float:left; white-space:nowrap; margin-bottom:8px; }
.lusk-td { font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; }
.lusk-nums {font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color:#000000; }
#pane { position:absolute; z-index:999; cursor: move; }
#hidin { position:absolute; left:-100px }
.nmbr { font-size: 8pt; font-weight: bold; }

a.solution { font-family: monospace; font-size: 8pt; text-decoration:none; color:#000000; }
a.solution:hover { background-color:#8b0000; color:white; }

.lusk-table {font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; font-size:9pt; border:solid #000000 1pt; }
.lusk-row, .lusk-label, .lusk-header { border-style:solid; border-color:#000000; border-top-width:0; border-left-width:0; border-bottom-width:1px; border-right-width:1px; }
.lusk-label { background-color:#C82323; font-weight:bold; }
.lusk-header { font-weight:bold; color:white; background-color:#000000; }

.msg-ok { color:green; font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; }
.msg-error { color:red; font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; }
.msg-info { color:#D07600; font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; }

ul.messagelist, ul.messagelist {
    padding:0; /* 0 0 5px 0 */
    margin:0; /* 0 1px 0 1px */
}
ul.messagelist li, ul.messagelist li {
    /* font-size:12px; */
    display:block;
    padding:4px 5px 4px 25px;
    margin:0; /* 0 0 3px 0 */
    border-bottom:1px solid black;
    color:#666;
    background:#ffc url(/img/icon_success.gif) 5px .3em no-repeat;
}
ul.errorlist, ul.errorlist {
    margin:0 !important; /* 0 1px 0 1px */
    padding:0 !important;
}
.errorlist li, .errorlist li {
    /* font-size:12px !important; */
    list-style-type: none;
    display:block;
    padding:4px 5px 4px 25px;
    margin:0; /* 0 0 3px 0 */
    /* border:1px solid red; */ 
    border-bottom:1px solid black;
    color:white;
    background:red url(/img/icon_alert.gif) 5px .3em no-repeat;
}
.errorlist a {
    color:yellow;
}
.errorlist a:hover {
    color:black;
}

button.mojeid, img.black {
  background-color: black;
}
button.google, img.white {
  background-color: white;
}
.auth-button {
    border:1px solid black;
}
.hidden {visibility:hidden;}

.lusk-small { font-size: 8pt; }
.lusk-note { font-size:80%; }
.lusk-clue-button { background-color:#ffa500; font-family:monospace; font-weight:bold; }
.lusk-label-impact { font-family:Impact, sans-serif; color:white; font-size:16pt; text-transform:uppercase; }
.lusk-menu-btn, .lusk-menu-btngreen { 
	display:block;
	border:solid gray 1px; 
	background-color:white;
	background-image:url(http://www.lusk.cz/puzzles/letters/btngray-bgr.gif); 
	background-repeat:repeat-x;
	padding: 2px 8px 2px 8px;
	margin:6px; 
	color:black;
	text-decoration:none; 
	font-weight:normal;
	}
.lusk-menu-btn:hover { background-image:url(http://www.lusk.cz/puzzles/letters/btngray-bgr-on.gif); }
.lusk-menu-btngreen { background-image:url(http://www.lusk.cz/puzzles/letters/btngreen-bgr.gif); }
.lusk-menu-btngreen:hover { background-image:url(http://www.lusk.cz/puzzles/letters/btngreen-bgr-on.gif); }
.lusk-pattern-image { position:absolute; }
.lusk-table-pink { font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; font-size:9pt; }
.lusk-menu-pink { font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif; color:#FF0768; }
.lusk-menu-pink:hover { color:#FF0000; }
.lusk-solutionpicture-pattern { border:solid black 1px; }

#footer {
    font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif;
    font-size:80%;
    border-top:solid 1px gray;
    padding:.6em 2em;
    margin-bottom:0;
    background-color:#FFCE9D;
}

table.lusk-puzzles-list {
    border:solid #213445 4px;
    border-collapse:collapse;
}
.lusk-puzzles-list th, .lusk-puzzles-list td {
    border:solid #213445 1px;
    padding:0.2em 1em;
}
.lusk-puzzles-list th {
    background-color:silver;
    text-align:left;
    border-bottom-width:3px;
}
.lusk-puzzles-list tr.not-issued td {
    background-color:lightgray;
}
.lusk-puzzles-list tr.solved td, .lusk-puzzles-list tr.odd td {
    background-color:#C82323;
}

.obsolete, .obsolete a {
    color:#505050; /*#939393*/
}
.obsolete a:hover {
    color:black;
}

#archive  {
    background-color:whitesmoke;
}
#archive table.lusk-puzzles-list {
    background-color:white;
}
#archive .lusk-puzzles-list th {
    background-color:silver;
}
#archive .lusk-puzzles-list tr.notissued td {
    background-color:pink;
}
#archive table.all th {
    background-color:lightgreen;
}

.czlusk-table {
    font-size:90%;
    border:solid 1px black;
    border-collapse:collapse;
}

.czlusk-table th, .czlusk-table td {
    padding:.3em .6em;
    border-right:solid 1px black;
    border-bottom:solid 1px black;
}
.czlusk-table th {
    color:white;
    background-color:#990000;
}
.czlusk-table td {
    background-color:#FFCE9D;
}
.czlusk-table span.found {
    color:red;
}

.czlusk-table td.puzzle-word {
    font-family:monospace;
}

.spread {
    padding:.6em;
}

ul.dictform-examples {
    margin-top:0;
    margin-bottom:0;
    list-style: none;
}

input[name=legenda] {
    width:20em;
}

.pagination {
    font-size:80%;
}

.draggable {
	position: absolute;
	cursor: move;
}

.information {
    font-weight:normal;
    font-size:90%;
}

a.white-link {
    color:white;
    font-weight:bold;
    text-decoration:none;
}

a.white-link:hover {
    color:#FF7B7B;
}

.to-right {
    float:right;
    display:block;
    padding-right:1em;
}

#id_debug_cookies {
    color:#ffffff;
}
#id_debug_frame {
    font-size:90%;
}
#id_debug_frame pre {
    border:solid 1px red;
    padding:1em;
    margin:1em auto;
}

ul.nav-menu {
    float: left;
    list-style: none;
    padding:0;
    margin:0;
    margin-bottom:1em;
}
ul.nav-menu li {
    float: left;
    margin: 0 0.15em;
}
ul.nav-menu li a {
    background: url(/img/css-nav.gif) #fff bottom left repeat-x;
    height: 1.8em;
    line-height: 1.8em;
    float: left;
    width: 6em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center;
}
ul.nav-menu li a.selected {
    font-weight:bold;
    background: url(/img/css-nav-on.gif) #fff top left repeat-x;
}
/* Hide from IE5-Mac */
ul.nav-menu li a {
    float: none
}
/* End hide *
ul.nav-menu {
    width:30em
} */

ul.lusk-submenu {
    float: left;
    list-style: none;
    padding:0;
    margin:0;
}
ul.lusk-submenu li {
    float: left;
    margin: 0 .15em .2em .15em;
}
ul.lusk-submenu li a {
    padding:.2em .6em;
    text-decoration:none;
    display:block;
    background-color:#C82323;
}

.debug {
    width:600px;
    overflow:auto;
    background-color:white;
    padding:1em;
    border:1px solid gray;
}

.issue .question-label {
    border-top:1px dotted #000000;
}
.issue .question {
    color:#000000;
}

img.lusk-photo {
    margin:.4em auto;
    border:2px solid #C82323;
}
a.content {
    text-decoration:none;
}

ul.pagination {
    float: left;
    list-style: none;
    padding-left:0;
    font-size:70%;
}
ul.pagination li {
    float: left;
    margin: 0 0.15em;
}

ul.pagination li a {
    display:block;
    padding:.1em .6em;
    text-decoration:none;
	border:solid gray 1px;
	background-color:white;
    background-image:url(http://www.lusk.cz/puzzles/letters/btngray-bgr.gif);
}
ul.pagination li a:hover {
    background-image:url(http://www.lusk.cz/puzzles/letters/btngray-bgr-on.gif);
}
ul.pagination div {
    margin:auto .6em;
    padding-top:.2em;
    font-style:italic;
}

.debug-pattern {
    border:solid 1px red;
    padding: 1em;
    margin: 1em auto;
    background-color: white;
    color: black;
}
.debug-pattern .pattern-error {
    font-weight: bold;
    background-color: pink;
    color: red;
}