a:link {
  color: #0000FF;
  text-decoration: none;
}


a:visited {
  color: #0000FF;
  text-decoration: none;
}

.topnav {
  background-color: #000000;
  overflow: hidden;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 0.8em;
  text-decoration: none;
  font-size: 1.2em;
}

.topnav a:hover {
  background-color: #1E90FF;
  color: black;
}

.topnav a.active {
  background-color: #228B22;
  color: white;
}

.topnav-right {
  float: right;
}

.greenlink{
	color: #008000;
}

.largelink{
	display: block;
	margin-left: auto;
    margin-right: auto;
	font-size: 2em;
	text-align: center;
}

h1 {
    text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 3em;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	text-align: center;
}
p, td, li, summary {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
label {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}
th {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
body{
    color: white;
}
td, th{
    color: black;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.large_center{
  font-size: 2em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
form {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.centered_table{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #ADD8E6;
}

*, *::after, *::before {
  box-sizing: border-box;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 200ms ease-in-out;
  border: 1px solid black;
  border-radius: 10px;
  z-index: 10;
  background-color: #5bd4fc;
  color: black;
  width: 500px;
  max-width: 80%;
  text-align: center;
  font-size: 1.5rem;
}

.modal.active {
  transform: translate(-50%, -50%) scale(1);
}

.modal-header {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid black;
}

.modal-header .title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

.modal-header .close-button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 1.5rem;
  font-weight: bold;
}

.modal-body {
  padding: 10px 15px;
}

#overlay {
  position: fixed;
  opacity: 0;
  transition: 200ms ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  pointer-events: none;
}

#overlay.active {
  opacity: 1;
  pointer-events: all;
}

input[type=text]{
	margin-bottom: 10px;
	height: 40px;
	border: 2px solid blue;
	border-radius: 4px;
	font-size: 1.5em;
}
input[type=text]:focus {
	margin-bottom: 10px;
	height: 50px;
	border: 3px solid #555;
	font-size: 1.5em;
}

input[type=number]{
	margin-bottom: 10px;
	height: 40px;
	border: 2px solid blue;
	border-radius: 4px;
	font-size: 1.5em;
}
input[type=number]:focus {
	margin-bottom: 10px;
	height: 50px;
	border: 3px solid #555;
	font-size: 1.5em;
}

input[type=password]{
	margin-bottom: 10px;
	height: 40px;
	border: 2px solid blue;
	border-radius: 4px;
	font-size: 1.5em;
}
input[type=password]:focus {
	margin-bottom: 10px;
	height: 50px;
	border: 3px solid #555;
	font-size: 1.5em;
}

button[type=submit]{
	cursor: pointer;
	background-color: #00FFFF;
	width: 100px;
	height: 50px;
	
}

.smallbutton{
	cursor: pointer;
	background-color: green;
	width: 140px;
	height: 60px;
	display:inline-block;
	font-weight: bold;
	float: center;
}

.offeredrematch{
	cursor: pointer;
	background-color: red;
	width: 150px;
	height: 65px;
	display:inline-block;
	font-weight: bold;
	float: center;
}

.acceptrematch{
	cursor: pointer;
	background-color: #0a02f2;
	width: 160px;
	height: 70px;
	display:inline-block;
	font-weight: bold;
	float: center;
}

select{
	margin-bottom: 10px;
	height: 40px;
	border: 2px solid blue;
	border-radius: 4px;
	font-size: 1.5em;
}
select:focus {
	margin-bottom: 10px;
	height: 50px;
	border: 3px solid #555;
	font-size: 1.5em;
}

textarea {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
table, th, td {
  border: 1px solid black;
  text-align:center;
}
footer{
	font-size: 0.8em;
}
.jumptomain
{
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.link_to_normal{
	display: none;
}
.link_to_large{
	font-size: 2.0em;
}

.error{
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	text-align:center;
}

.success{
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: green;
	text-align:center;
}

.abort{
	position: absolute;
	top: 600px;
	left: 1050px;
}

.TopChecks{
	font-size: 3em;
	position: absolute;
	top: 650px;
	left: 1050px;
	color: #008000;
}
.BottomChecks{
	font-size: 3em;
	position: absolute;
	top: 990px;
	left: 1050px;
	color: #008000;
}

.TopNameTag{
	position: absolute;
	top: 700px;
	left: 1050px;
	color: black;
}
.vsPosition{
	position: absolute;
	top: 796px;
	left: 1120px;
}
.BottomNameTag{
	position: absolute;
	top: 900px;
	left: 1050px;
	color: white;
}
.claim_win{
	position: absolute;
	top: 1000px;
	left: 1050px;
}

.take_back{
	position: absolute;
	top: 796px;
	left: 1120px;
}

.rotate{
	position: absolute;
	top: 796px;
	left: 1220px;
}

.move_forward{
	position: absolute;
	top: 796px;
	left: 1320px;
}

.resign{
	position: absolute;
	top: 780px;
	left: 1330px;
}

.offer_draw{
	position: absolute;
	top: 880px;
	left: 1330px;
}

.TopPoints{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 705px;
	left: 1210px;
	visibility: hidden;
}
.BottomPoints{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 905px;
	left: 1210px;
	visibility: hidden;
}

.TopTime{
	font-size: 2.2em;
	position: absolute;
	top: 690px;
	left: 1130px;
}
.BottomTime{
	font-size: 2.2em;
	position: absolute;
	top: 890px;
	left: 1130px;
}

.top_queen_promotion{
	position: absolute;
	top: 400px;
	left: 100px;
	visibility: hidden;
}
.top_rook_promotion{
	position: absolute;
	top: 400px;
	left: 160px;
	visibility: hidden;
}
.top_bishop_promotion{
	position: absolute;
	top: 400px;
	left: 220px;
	visibility: hidden;
}
.top_knight_promotion{
	position: absolute;
	top: 400px;
	left: 280px;
	visibility: hidden;
}

.bottom_queen_promotion{
	position: absolute;
	top: 1250px;
	left: 100px;
	visibility: hidden;
}
.bottom_rook_promotion{
	position: absolute;
	top: 1250px;
	left: 160px;
	visibility: hidden;
}
.bottom_bishop_promotion{
	position: absolute;
	top: 1250px;
	left: 220px;
	visibility: hidden;
}
.bottom_knight_promotion{
	position: absolute;
	top: 1250px;
	left: 280px;
	visibility: hidden;
}

.game_chat{
	position: absolute;
	top: 1050px;
	left: 1050px;
}


.a1 {
position: absolute;
top: 1062px;
left: 138px;
pointer-events: none;
}
.a2 {
position: absolute;
top: 978px;
left: 138px;
pointer-events: none;
}
.a3 {
position: absolute;
top: 894px;
left: 138px;
pointer-events: none;
}
.a4 {
position: absolute;
top: 810px;
left: 138px;
pointer-events: none;
}
.a5 {
position: absolute;
top: 726px;
left: 138px;
pointer-events: none;
}
.a6 {
position: absolute;
top: 642px;
left: 138px;
pointer-events: none;
}

.b1 {
position: absolute;
top: 1104px;
left: 210px;
pointer-events: none;
}
.b2 {
position: absolute;
top: 1020px;
left: 210px;
pointer-events: none;
}
.b3 {
position: absolute;
top: 936px;
left: 210px;
pointer-events: none;
}
.b4 {
position: absolute;
top: 852px;
left: 210px;
pointer-events: none;
}
.b5 {
position: absolute;
top: 768px;
left: 210px;
pointer-events: none;
}
.b6 {
position: absolute;
top: 684px;
left: 210px;
pointer-events: none;
}
.b7 {
position: absolute;
top: 600px;
left: 210px;
pointer-events: none;
}

.c1 {
position: absolute;
top: 1146px;
left: 282px;
pointer-events: none;
}
.c2 {
position: absolute;
top: 1062px;
left: 282px;
pointer-events: none;
}
.c3 {
position: absolute;
top: 978px;
left: 282px;
pointer-events: none;
}
.c4 {
position: absolute;
top: 894px;
left: 282px;
pointer-events: none;
}
.c5 {
position: absolute;
top: 810px;
left: 282px;
pointer-events: none;
}
.c6 {
position: absolute;
top: 726px;
left: 282px;
pointer-events: none;
}
.c7 {
position: absolute;
top: 642px;
left: 282px;
pointer-events: none;
}
.c8 {
position: absolute;
top: 558px;
left: 282px;
pointer-events: none;
}

.d1 {
position: absolute;
top: 1188px;
left: 355px;
pointer-events: none;
}
.d2 {
position: absolute;
top: 1104px;
left: 355px;
pointer-events: none;
}
.d3 {
position: absolute;
top: 1020px;
left: 355px;
pointer-events: none;
}
.d4 {
position: absolute;
top: 936px;
left: 355px;
pointer-events: none;
}
.d5 {
position: absolute;
top: 852px;
left: 355px;
pointer-events: none;
}
.d6 {
position: absolute;
top: 768px;
left: 355px;
pointer-events: none;
}
.d7 {
position: absolute;
top: 684px;
left: 355px;
pointer-events: none;
}
.d8 {
position: absolute;
top: 600px;
left: 355px;
pointer-events: none;
}
.d9 {
position: absolute;
top: 516px;
left: 355px;
pointer-events: none;
}

.e1 {
position: absolute;
top: 1230px;
left: 428px;
pointer-events: none;
}
.e2 {
position: absolute;
top: 1146px;
left: 428px;
pointer-events: none;
}
.e3 {
position: absolute;
top: 1062px;
left: 428px;
pointer-events: none;
}
.e4 {
position: absolute;
top: 978px;
left: 428px;
pointer-events: none;
}
.e5 {
position: absolute;
top: 894px;
left: 428px;
pointer-events: none;
}
.e6 {
position: absolute;
top: 810px;
left: 428px;
pointer-events: none;
}
.e7 {
position: absolute;
top: 726px;
left: 428px;
pointer-events: none;
}
.e8 {
position: absolute;
top: 642px;
left: 428px;
pointer-events: none;
}
.e9 {
position: absolute;
top: 558px;
left: 428px;
pointer-events: none;
}
.e10 {
position: absolute;
top: 474px;
left: 428px;
pointer-events: none;
}

.f1 {
position: absolute;
top: 1272px;
left: 502px;
pointer-events: none;
}
.f2 {
position: absolute;
top: 1188px;
left: 502px;
pointer-events: none;
}
.f3 {
position: absolute;
top: 1104px;
left: 502px;
pointer-events: none;
}
.f4 {
position: absolute;
top: 1020px;
left: 502px;
pointer-events: none;
}
.f5 {
position: absolute;
top: 936px;
left: 502px;
pointer-events: none;
}
.f6 {
position: absolute;
top: 852px;
left: 502px;
pointer-events: none;
}
.f7 {
position: absolute;
top: 768px;
left: 502px;
pointer-events: none;
}
.f8 {
position: absolute;
top: 684px;
left: 502px;
pointer-events: none;
}
.f9 {
position: absolute;
top: 600px;
left: 502px;
pointer-events: none;
}
.f10 {
position: absolute;
top: 516px;
left: 502px;
pointer-events: none;
}
.f11 {
position: absolute;
top: 432px;
left: 502px;
pointer-events: none;
}

.g1 {
position: absolute;
top: 1230px;
left: 576px;
pointer-events: none;
}
.g2 {
position: absolute;
top: 1146px;
left: 576px;
pointer-events: none;
}
.g3 {
position: absolute;
top: 1062px;
left: 576px;
pointer-events: none;
}
.g4 {
position: absolute;
top: 978px;
left: 576px;
pointer-events: none;
}
.g5 {
position: absolute;
top: 894px;
left: 576px;
pointer-events: none;
}
.g6 {
position: absolute;
top: 810px;
left: 576px;
pointer-events: none;
}
.g7 {
position: absolute;
top: 726px;
left: 576px;
pointer-events: none;
}
.g8 {
position: absolute;
top: 642px;
left: 576px;
pointer-events: none;
}
.g9 {
position: absolute;
top: 558px;
left: 576px;
pointer-events: none;
}
.g10 {
position: absolute;
top: 474px;
left: 576px;
pointer-events: none;
}

.h1 {
position: absolute;
top: 1188px;
left: 648px;
pointer-events: none;
}
.h2 {
position: absolute;
top: 1104px;
left: 648px;
pointer-events: none;
}
.h3 {
position: absolute;
top: 1020px;
left: 648px;
pointer-events: none;
}
.h4 {
position: absolute;
top: 936px;
left: 648px;
pointer-events: none;
}
.h5 {
position: absolute;
top: 852px;
left: 648px;
pointer-events: none;
}
.h6 {
position: absolute;
top: 768px;
left: 648px;
pointer-events: none;
}
.h7 {
position: absolute;
top: 684px;
left: 648px;
pointer-events: none;
}
.h8 {
position: absolute;
top: 600px;
left: 648px;
pointer-events: none;
}
.h9 {
position: absolute;
top: 516px;
left: 648px;
pointer-events: none;
}

.i1 {
position: absolute;
top: 1146px;
left: 720px;
pointer-events: none;
}
.i2 {
position: absolute;
top: 1062px;
left: 720px;
pointer-events: none;
}
.i3 {
position: absolute;
top: 978px;
left: 720px;
pointer-events: none;
}
.i4 {
position: absolute;
top: 894px;
left: 720px;
pointer-events: none;
}
.i5 {
position: absolute;
top: 810px;
left: 720px;
pointer-events: none;
}
.i6 {
position: absolute;
top: 726px;
left: 720px;
pointer-events: none;
}
.i7 {
position: absolute;
top: 642px;
left: 720px;
pointer-events: none;
}
.i8 {
position: absolute;
top: 558px;
left: 720px;
pointer-events: none;
}

.j1 {
position: absolute;
top: 1104px;
left: 793px;
pointer-events: none;
}
.j2 {
position: absolute;
top: 1020px;
left: 793px;
pointer-events: none;
}
.j3 {
position: absolute;
top: 936px;
left: 793px;
pointer-events: none;
}
.j4 {
position: absolute;
top: 852px;
left: 793px;
pointer-events: none;
}
.j5 {
position: absolute;
top: 768px;
left: 793px;
pointer-events: none;
}
.j6 {
position: absolute;
top: 684px;
left: 793px;
pointer-events: none;
}
.j7 {
position: absolute;
top: 600px;
left: 793px;
pointer-events: none;
}

.k1 {
position: absolute;
top: 1062px;
left: 866px;
pointer-events: none;
}
.k2 {
position: absolute;
top: 978px;
left: 866px;
pointer-events: none;
}
.k3 {
position: absolute;
top: 894px;
left: 866px;
pointer-events: none;
}
.k4 {
position: absolute;
top: 810px;
left: 866px;
pointer-events: none;
}
.k5 {
position: absolute;
top: 726px;
left: 866px;
pointer-events: none;
}
.k6 {
position: absolute;
top: 642px;
left: 866px;
pointer-events: none;
}



.legal_toa1 {
position: absolute;
top: 1080px;
left: 156px;
pointer-events: none;
visibility: hidden;
}
.legal_toa2 {
position: absolute;
top: 996px;
left: 156px;
pointer-events: none;
visibility: hidden;
}
.legal_toa3 {
position: absolute;
top: 912px;
left: 156px;
pointer-events: none;
visibility: hidden;
}
.legal_toa4 {
position: absolute;
top: 828px;
left: 156px;
pointer-events: none;
visibility: hidden;
}
.legal_toa5 {
position: absolute;
top: 744px;
left: 156px;
pointer-events: none;
visibility: hidden;
}
.legal_toa6 {
position: absolute;
top: 660px;
left: 156px;
pointer-events: none;
visibility: hidden;
}

.legal_tob1 {
position: absolute;
top: 1122px;
left: 228px;
pointer-events: none;
visibility: hidden;
}
.legal_tob2 {
position: absolute;
top: 1038px;
left: 228px;
pointer-events: none;
visibility: hidden;
}
.legal_tob3 {
position: absolute;
top: 954px;
left: 228px;
pointer-events: none;
visibility: hidden;
}
.legal_tob4 {
position: absolute;
top: 870px;
left: 228px;
pointer-events: none;
visibility: hidden;
}
.legal_tob5 {
position: absolute;
top: 786px;
left: 228px;
pointer-events: none;
visibility: hidden;
}
.legal_tob6 {
position: absolute;
top: 702px;
left: 228px;
pointer-events: none;
visibility: hidden;
}
.legal_tob7 {
position: absolute;
top: 618px;
left: 228px;
pointer-events: none;
visibility: hidden;
}

.legal_toc1 {
position: absolute;
top: 1164px;
left: 300px;
pointer-events: none;
visibility: hidden;
}
.legal_toc2 {
position: absolute;
top: 1080px;
left: 300px;
pointer-events: none;
visibility: hidden;
}
.legal_toc3 {
position: absolute;
top: 996px;
left: 300px;
pointer-events: none;
visibility: hidden;
}
.legal_toc4 {
position: absolute;
top: 912px;
left: 300px;
pointer-events: none;
visibility: hidden;
}
.legal_toc5 {
position: absolute;
top: 828px;
left: 300px;
pointer-events: none;
visibility: hidden;
}
.legal_toc6 {
position: absolute;
top: 744px;
left: 300px;
pointer-events: none;
visibility: hidden;
}
.legal_toc7 {
position: absolute;
top: 660px;
left: 300px;
pointer-events: none;
visibility: hidden;
}
.legal_toc8 {
position: absolute;
top: 576px;
left: 300px;
pointer-events: none;
visibility: hidden;
}

.legal_tod1 {
position: absolute;
top: 1206px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod2 {
position: absolute;
top: 1122px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod3 {
position: absolute;
top: 1038px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod4 {
position: absolute;
top: 954px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod5 {
position: absolute;
top: 870px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod6 {
position: absolute;
top: 786px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod7 {
position: absolute;
top: 702px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod8 {
position: absolute;
top: 618px;
left: 373px;
pointer-events: none;
visibility: hidden;
}
.legal_tod9 {
position: absolute;
top: 534px;
left: 373px;
pointer-events: none;
visibility: hidden;
}

.legal_toe1 {
position: absolute;
top: 1248px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe2 {
position: absolute;
top: 1164px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe3 {
position: absolute;
top: 1080px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe4 {
position: absolute;
top: 996px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe5 {
position: absolute;
top: 912px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe6 {
position: absolute;
top: 828px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe7 {
position: absolute;
top: 744px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe8 {
position: absolute;
top: 660px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe9 {
position: absolute;
top: 576px;
left: 446px;
pointer-events: none;
visibility: hidden;
}
.legal_toe10 {
position: absolute;
top: 492px;
left: 446px;
pointer-events: none;
visibility: hidden;
}

.legal_tof1 {
position: absolute;
top: 1290px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof2 {
position: absolute;
top: 1206px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof3 {
position: absolute;
top: 1122px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof4 {
position: absolute;
top: 1038px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof5 {
position: absolute;
top: 954px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof6 {
position: absolute;
top: 870px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof7 {
position: absolute;
top: 786px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof8 {
position: absolute;
top: 702px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof9 {
position: absolute;
top: 618px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof10 {
position: absolute;
top: 534px;
left: 520px;
pointer-events: none;
visibility: hidden;
}
.legal_tof11 {
position: absolute;
top: 450px;
left: 520px;
pointer-events: none;
visibility: hidden;
}

.legal_tog1 {
position: absolute;
top: 1248px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog2 {
position: absolute;
top: 1164px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog3 {
position: absolute;
top: 1080px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog4 {
position: absolute;
top: 996px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog5 {
position: absolute;
top: 912px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog6 {
position: absolute;
top: 828px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog7 {
position: absolute;
top: 744px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog8 {
position: absolute;
top: 660px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog9 {
position: absolute;
top: 576px;
left: 594px;
pointer-events: none;
visibility: hidden;
}
.legal_tog10 {
position: absolute;
top: 492px;
left: 594px;
pointer-events: none;
visibility: hidden;
}

.legal_toh1 {
position: absolute;
top: 1206px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh2 {
position: absolute;
top: 1122px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh3 {
position: absolute;
top: 1038px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh4 {
position: absolute;
top: 954px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh5 {
position: absolute;
top: 870px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh6 {
position: absolute;
top: 786px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh7 {
position: absolute;
top: 702px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh8 {
position: absolute;
top: 618px;
left: 666px;
pointer-events: none;
visibility: hidden;
}
.legal_toh9 {
position: absolute;
top: 534px;
left: 666px;
pointer-events: none;
visibility: hidden;
}

.legal_toi1 {
position: absolute;
top: 1164px;
left: 738px;
pointer-events: none;
visibility: hidden;
}
.legal_toi2 {
position: absolute;
top: 1080px;
left: 738px;
pointer-events: none;
visibility: hidden;
}
.legal_toi3 {
position: absolute;
top: 996px;
left: 738px;
pointer-events: none;
visibility: hidden;
}
.legal_toi4 {
position: absolute;
top: 912px;
left: 738px;
pointer-events: none;
visibility: hidden;
}
.legal_toi5 {
position: absolute;
top: 828px;
left: 738px;
pointer-events: none;
visibility: hidden;
}
.legal_toi6 {
position: absolute;
top: 744px;
left: 738px;
pointer-events: none;
visibility: hidden;
}
.legal_toi7 {
position: absolute;
top: 660px;
left: 738px;
pointer-events: none;
visibility: hidden;
}
.legal_toi8 {
position: absolute;
top: 576px;
left: 738px;
pointer-events: none;
visibility: hidden;
}

.legal_toj1 {
position: absolute;
top: 1122px;
left: 811px;
pointer-events: none;
visibility: hidden;
}
.legal_toj2 {
position: absolute;
top: 1038px;
left: 811px;
pointer-events: none;
visibility: hidden;
}
.legal_toj3 {
position: absolute;
top: 954px;
left: 811px;
pointer-events: none;
visibility: hidden;
}
.legal_toj4 {
position: absolute;
top: 870px;
left: 811px;
pointer-events: none;
visibility: hidden;
}
.legal_toj5 {
position: absolute;
top: 786px;
left: 811px;
pointer-events: none;
visibility: hidden;
}
.legal_toj6 {
position: absolute;
top: 702px;
left: 811px;
pointer-events: none;
visibility: hidden;
}
.legal_toj7 {
position: absolute;
top: 618px;
left: 811px;
pointer-events: none;
visibility: hidden;
}

.legal_tok1 {
position: absolute;
top: 1080px;
left: 884px;
pointer-events: none;
visibility: hidden;
}
.legal_tok2 {
position: absolute;
top: 996px;
left: 884px;
pointer-events: none;
visibility: hidden;
}
.legal_tok3 {
position: absolute;
top: 912px;
left: 884px;
pointer-events: none;
visibility: hidden;
}
.legal_tok4 {
position: absolute;
top: 828px;
left: 884px;
pointer-events: none;
visibility: hidden;
}
.legal_tok5 {
position: absolute;
top: 744px;
left: 884px;
pointer-events: none;
visibility: hidden;
}
.legal_tok6 {
position: absolute;
top: 660px;
left: 884px;
pointer-events: none;
visibility: hidden;
}


.capturing{
	pointer-events: none;
}
.captured{
	pointer-events: none;
	display: none;
}
.board{
	position: absolute;
	top: 400px;
	left: 50px;
}

@media print {
   .topnav, nav, footer {
	display: none;
   }
   @page {
	margin: 0.4cm;
	}
	a {
	color: #000;
	text-decoration: none;
	}
}