/*
  Name:      krypto_helper.css
  Revision:  1.0 2010-10-30 Bo Karlsson
             1.1 2025-08-27 boka Copied from krypto_stilar.css
                                 Added button#removeButton, changed margins
             
  Copyright: 2010-2025 Bo Karlsson, Täby
*/

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

body#matchBody {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";
}

table#letterTable {
  border:1px solid #069;
  margin:1em 0 0 0;
  padding:2px 2px 2px 2px;
  color:#000000;
  font-family:"Comic Sans MS", arial, sans-serif;
  /*font-size:small;*/
  background-color:#FFFFA0;
}

table#letterTable td {
  border:1px solid #069;
  padding:3px 3px 2px 3px;
  color:#000000;
  background-color:#FFFFA0;
}

#frequencyArea {
  float:left;
  margin:100px 10px 0 20px;
}

.pattern {
  border:1px solid #000;
  margin:1em 0 0 0;
  color:#000000;
  text-align:center;
  background-color:#000000;
  font-family:"Comic Sans MS", arial, sans-serif;
}

.helperPattern {
  position:relative;
  right:90px;
  border:1px solid #000;
  margin:1em 0 0 0;
  color:#000000;
  text-align:center;
  background-color:#000000;
  font-family:"Comic Sans MS", arial, sans-serif;
}

.helperWordPattern {
  position:relative;
  left:0px;
  border:1px solid #000;
  margin:1em 0 0 0;
  color:#000000;
  text-align:center;
  background-color:#000000;
  font-family:"Comic Sans MS", arial, sans-serif;
}

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

.inp {
  border-style:none;
  text-align:center;
  background-color:white;
  font-size:18px;
  position:relative;
  left:0px;
  top:0px;
  height:36px;
  width:36px;
  font-family:"Comic Sans MS", arial, sans-serif;
  /*border:0*/
}

.digitClass {
  border:1px solid #888;
  text-align:center;
  background-color:white;
  font-size:24pt;
  position:relative;
  left:0px;
  top:0px;
  height:32pt;
  width:36pt;
  cursor:default;
}

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

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

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

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

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

button#helpButton {
  margin-right: 3em;
}

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