.puzzle {

	border-color:gray;


}

.letter-cell {
	text-align:center;
	height:30px;
	width:30px;
background-color:white;	
	
}

.letter-text {
	font-family:tahoma;
	font-weight:bold;
	color:black;

}

.list-text {
	font-family:helvetica;

	
	letter-spacing: 1px;
	line-height: 25px; 
}

.blank-cell {
	background-color:#FFC300;
	
}

.clickable {
	cursor:pointer;
	
}

.linkable {
	cursor:pointer;
	color:black;
	
	
}
.background-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	overflow: hidden;
	color:black;
	cursor: grab;
}

.strikeout {
	position: relative;
}

.strikeout::after {
	border-bottom: 0.250em solid black;
	content: "";
	left: 0;
	margin-top: calc(0.125em / 2 * -1);
	position: absolute;
	right: 0;
	top: 50%;
}

.red-strikeout {
	position: relative;
}

.red-strikeout::after {
	border-bottom: 0.250em solid black;
	content: "";
	left: 0;
	margin-top: calc(0.250em / 2 * -1);
	position: absolute;
	right: 0;
	top: 50%;
}

.crossword-grid-cell-number {
	float: left;
	font-family: tahoma;
	font-size: 0.6em;
}

.relative-position {
	position: relative;
}

#answer-form {
	display: none;
	border: 2px solid black;
	font-family: tahoma;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 30em;
	height: 12em;
	margin-top: -9em;
	margin-left: -15em;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}

#report-form {
	display: none;
	border: 2px solid black;
	font-family: tahoma;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 30em;
	height: 6em;
	margin-top: -9em;
	margin-left: -15em;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}

.report-button {
  background-color: green;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}

.short-margin {
	margin: 20px;
}

.hidden {
	display: none;
}

.cancel-button {
  background-color: red;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}

.answer-button {
  background-color: green;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}

.reveal-answer-button {
  background-color: orange;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}

#finish-form {
	display: none;
	border: 2px solid black;
	font-family: tahoma;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 30em;
	height: 8em;
	margin-top: -9em;
	margin-left: -15em;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}