/*
  Name:      color_sudoku_jigsaw_stilar.css
  Revision:  1.0 2010-11-04 Bo Karlsson
             1.1 2020-04-17 boka Added jigsaw borders
             1.2 2021-03-24 boka Added printButton
             
  Copyright: 2010-2021 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;
}

#framework {
  border:groove blue 20px;
  width:500pt;
  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#patternTable {
  margin-bottom:10px;
  background-color:#888888;
  border-collapse: collapse;
  border:4px solid black;
}

table#colorTable {
  border-collapse: collapse;
  border:2px solid black;
  margin-left:0px;
  margin-bottom:10px;
}

td, tr {
  background-color:white;
  text-align:center; 
  font-size:18px;
  height:48px;
  width:48px;
  font-family:"Comic Sans MS", arial, sans-serif;
}

.sqr {
  border:1px solid black;
}

.bottomBar {
  border-bottom: 4px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
} 
.rightBar {
  border-right: 4px solid black;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
}
.rightBottomBar {
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
}

/* margin: top right bottom left */

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

button#reverseButton {
  margin:0 1em 0 0;
}
button#forwardButton {
  margin:0 2em 0 0;
}

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

button#restoreButton {
  margin:0 2em 0 0;
}

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

button#helpButton {
  margin:0 0 0 0;
}

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