/*
  Name:      match_stilar.css
  Revision:  1.1 2017-10-28 Bo Karlsson
  Copyright: 2010-2017 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;}

h1.headerText {font-style:italic; content:"MatchningsKorsord";}

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

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

h3 {
  margin:1.5em 0 .1em 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";
}

#noscript2Text:after {
  text-align:center;
  font-size:small;
  color:red;
  content:"Eftersom JavaScript ej är aktiverat visas hela lösningen på en gång.";
}

#introText {
  margin:20px 120px 0 120px;
}

div#tabMenu {
  border:1px none #069;
  font-size:1em;
  background-color:#CCF;
  margin:20px 4px 0 4px;
  padding:5px 0 5px 0;
  width:520pt;
}
div#tabMenu td {
  border:1px solid #069;
  padding:2px 10px 2px 10px;
  background-color:#FFA;
}
div#tabMenu td:hover {
  background-color:#FFF;
}
div#tabMenu a.empty {font-family:courier,monospace;}
div#tabMenu a {
  padding:0 6px;
  text-decoration:none;
  color:#069;
}
div#tabMenu a:hover {
  color:#F33;
}

div#topMenu a {
  text-decoration:none;
}

div#otherMenu a {
  text-decoration:none;
}

table#matchTable {
  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:#FFFFC0;
}

table#matchTable th {
  border:1px outset #069;
  padding:0 0 2px 0;
  color:#000000;
  background-color:#FFFFC0;
}

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

table#patternTable {
  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;
}

.patUnsolved {
  height:2em;
  width:2em;
  border:1px solid #069;
  /*padding:3px 3px 3px 3px;*/
  color:#000000;
  background-color:#FFFF80;
}

.patSolved {
  height:2em;
  width:2em;
  border:1px solid #069;
  /*padding:3px 3px 3px 3px;*/
  color:#000000;
  background-color:#0FFF80;
}

.patActive {
  height:2em;
  width:2em;
  border:1px solid #069;
  /*padding:3px 3px 3px 3px;*/
  color:#000000;
  background-color:#FFCC80;
}

.patBlack {
  height:2em;
  width:2em;
  border:1px solid #000;
  /*padding:3px 3px 3px 3px;*/
  color:#000000;
  background-color:#000000;
}

#solutionInfo:after {
  font-weight:bold;
  /*content:"Klicka på nyckel så visas svaret i mönstret."*/
}

#inputInfo:before {
  font-size:small;
  /*content:"Klicka på nyckel och ange sedan svaret här:"*/
}

button#resetButton:before {
  /*content:"Återställ";*/
  font-size:small;
}

table#keyTable {
  margin:1em 0 0 0;
  padding:2px 2px 2px 2px;
  color:#000000;
  font-size:small;
  text-align:left;
}

.keyUnsolved {
  border:1px solid #888;
  padding:3px 3px 3px 3px;
  color:#000000;
  background-color:#FFFF88;
}

.keySolved {
  border:1px solid #888;
  padding:3px 3px 3px 3px;
  color:#000000;
  background-color:#33FF88;
}

.keyActive {
  border:1px solid #888;
  padding:3px 3px 3px 3px;
  color:#000000;
  background-color:#FFCC88;
}

p.interaktivtText {
  text-align:center;
  font-size:small;
}

table#crosswordsTable {
  border:8px ridge #069;
  margin:.4em 0 0 0;
  padding:0px 20px 0px 20px;
  color:#000000;
  background-color:#FFFFC0;
}

table#crosswordsTable td {
  text-align:left;
  border-bottom:1px hidden #069;
  /*padding:6px 6px 6px 6px;*/
  padding:6px 15px 6px 15px;
  color:#000000;
  background-color:#FFFFC0;
}

textarea {
  margin:.4em 0 1em 0;
  font-family:courier, sans-serif;
  font-weight:bold;
  color:#000000;
  font-size:1em;
  line-height:1.1;
}

.text {
  text-align:left;
  padding:0 2em 0 2em;
  width:460pt;
}

#descriptionList {
  /*margin:20px 120px 0 120px;*/
  padding:1em 1em 1em 2em;
  position:relative;
  background-color:#FFFFFF;
}

#descriptionList li {
  padding:.2em 0 .2em 0;
}

#othersList {
  margin:1em 0 0 0;
}

#othersList li {
  list-style-type:none;
  padding:.5em 0 .5em 0;
}

button#backgroundButton {
  margin:0 3em 0 0;
}

button#saveButton {
  margin:0 1em 0 0;
}

/*button#backgroundButton:before {
  content:"Byt bakgrund";
}

button#saveButton:before {
  content:"Spara";
}

button#restoreButton:before {
  content:"Hämta";
}*/

button#printButton {
  margin:0 0 0 3em;
}

/*button#printButton:before {
  content:"Skriv ut...";
}*/

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

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

/*#copyright:after {
  content:"@BoKarlsson";
}*/