.fwq-logika {
}

/* grid */

.fwq-logika-left {
   height: 400px;
   overflow: hidden;
   font-size: 14px;
}

body.screen-style .fwq-logika-left {
   float: left;
   width: 370px;
}

body.screen-style .fwq-logika-right {
   float: right;
   width: 480px;
}

.fwq-logika-grid {
   position: relative;
   white-space: nowrap;
}

.fwq-logika-grid td {
   padding: 0;
}

.fwq-logika-grid td {
   border-right: 1px solid black;
   border-bottom: 1px solid black;
}

.fwq-logika-grid td.fwq-headrow {
   vertical-align: bottom;
}

.fwq-logika-grid td.fwq-headcol {
}

.fwq-logika-grid td.fwq-lastcol  {
   border-right: 3px solid black;
}

.fwq-logika-grid td.fwq-lastrow {
   border-bottom: 3px solid black;
}

.fwq-logika-grid .fwq-vertical {
   position: absolute;
   -moz-transform: rotate(-90deg);
   -moz-transform-origin: 0.5em 0.5em;
   -webkit-transform: rotate(-90deg);
   -webkit-transform-origin: 0.5em 0.5em;
   -o-transform: rotate(-90deg);
   -o-transform-origin: 0.5em 0.5em;
   margin-left: -0.1em;
   margin-top: -1.5em;
   height: 20px;
}

.fwq-logika-grid .fwq-vertical-ie {
   position: absolute;
   writing-mode: tb-rl;
   filter: flipv fliph;
   width: 20px;
   height: 10em;
   margin-left: -0.1em;
   margin-top: -10.3em;
}

.fwq-logika-grid .fwq-horizontal {
   margin-top: -0.2em;
   margin-left: 0.5em;
   height: 20px;
}

.fwq-logika-grid .fwq-gridbox img {
   width: 20px;
   height: 20px;
}

.fwq-logika-grid .fwq-gridbox {
   cursor: pointer;
}

.fwq-logika-grid .fwq-gridbox:hover {
   background-color: yellow;
}

.fwq-logika-grid .fwq-gridbox.fwq-error {
   background-color: #F88;
}

/* grid legend */

.fwq-logika-legend {
   border-style: none solid none none; 
   border-color: currentColor black currentColor currentColor; 
   border-width: 0pt 3px 0pt 0pt;
}

.fwq-logika-legend table {
   border: 0pt none; 
   font-size: 11px;
   border-spacing: 6px;  
}

.fwq-logika-legend table td {
   border: 0px none;
   background: white;
}

.fwq-logika-legend table td.fwq-legend-pic {
   border: 1px solid silver;
}

.fwq-logika-legend table td.fwq-legend-pic img {
   width: 25px;
   height: 25px;
}

/* initial names */

.fwq-names-table td {
}

/* facts */

ol.fwq-logika-facts {
   margin: 0;
   padding-left: 2em;
}

.fwq-logika-fact.disabled {
   color: #ccc;
}
.fwq-logika-fact.disabled > span {
   text-decoration: line-through;
}

.fwq-logika-fact-toggle {
   margin-left: 6px;
   cursor: pointer;
}

/* solutions */

.fwq-answers-table {
   border-left: 1px solid black;
   border-top: 1px solid black;
   margin: 1em auto 0.5em;
}

body.print-style .fwq-answers-table {
   margin: 1em 0;
}
     
.fwq-answers-table td {
   padding: 1px 4px;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
}

.fwq-logika-all-done {
   display: none;
   margin: 1em 0 0 0;
   border: 1px dashed black;
   background-color: #F1F2E7;
}

.fwq-logika-all-done p {
   margin: 0.5em;
}

.fwq-logika-rightwrong {
}