/*
  Name:      dubbelkryss_assistans.css
  Revision:  1.0 2017-11-24 Bo Karlsson
             1.1 2021-08-25 boka Added .wrdLetter
             1.2 2025-09-09 boka Copied from dubbelkryss_stilar.css
                                 Added button#removeButton
                                 Changed distance between buttons
             
  Copyright: 2017-2025 Bo Karlsson, Täby
*/

body {font:1em verdana, arial, sans-sherif; background-color:#DEF; margin-top:10px;}

* {margin:0; padding:0;}

h2 {
  margin:1.5em 0 .6em 0;
  color:#000000;
  text-align:center;
}

h2#title {
  margin:1em 0 .6em 0;
  color:#000000;
  text-align:center;
}

#noscriptText:after {
  text-align:center;
  color:red;
  content:" JavaScript måste aktiveras för att den här sidan ska fungera";
}

#inputArea {
  font-size:16;
  font-family:monospace;
}


#patternTable {
  border:1px solid black;
  border-collapse:collapse;
  font-family:"Comic Sans MS", arial, sans-serif;
}


table#clueTableId {
  border:1px solid black;
  border-collapse:collapse;
}

td {
  border:1px solid black;
  border-collapse:collapse;
}

td#clueTableId {
  border:1px solid black;
  border-collapse:collapse;
}

.key {
  border:1px solid black;
  padding:0 16px 0 16px;
  color:#000000;
  text-align:left;
  cursor:pointer;
}

.wrd {
  border:1px solid black;
  padding:0 12px 0 12px;
  color:#000000;
  text-align:left;
  font-family:courier,monospace;
  font-weight:bold;
  font-size:18px;
  cursor:pointer;
  background-color:#FFFFFF;
}

.wrdLetter {
  margin-left:4px;
  margin-right:4px;
}  

.cur {
    color:red;
}

.text {
  margin:20px 120px 0 120px;
  padding:0 2em 0 2em;
  background-color:#FFFFFF;
}

.inp2 {
  border-style:none;
  text-align:center;
  font-size:18px;
  height:36px;
  width:36px;
}

.inpConst {
  border-style:none;
  text-align:center;
  background-color:#9F9;
  font-size:18px;
  font-weight:bold;
  height:36px;
  width:36px;
}

.inpBlack {
  border-style:none;
  text-align:center;
  /*background-color:silver;*/
  background-color:black;
  font-size:18px;
  height:36px;
  width:36px;
}

button#backgroundButton {
  margin-right:1em;
}

button#saveButton {
  margin-left:1em;
}

button#restoreButton {
  margin-left:1em;
}

button#removeButton {
  margin-left:1em;
}

button#printButton {
  margin-left:1em;
}

button#helpButton {
  margin-left:1em;
  margin-right:1em;
}

button#exampleButton {
  margin-left:0.5em;
}

button#exampleButton2 {
  margin-left:1em;
}

#copyrightText {
  position:relative;
  top:1em;
  bottom:2em;
  font-size:x-small;
  text-align:center;
}