.crossword {
	border: 2px solid #212121;
	float: left;
	margin-left: 3px;
	margin-top: -9px;
	margin-right: 3px;
}

.crossword td {
	border: none;
	text-align: center;
	font-family: LiberationSans;
	font-size: 15px;
	cursor: pointer;
	padding: 5px;
	background: transparent !important;
	padding: 0;
	vertical-align: middle;
	width: 29px;
	height: 30px;
}


.crossword td::after {
	background: #000;
}


.crossword td[data-selected=true] {
	/**background: #84C225;**/
	
	font-weight: bold;
	border-top: 1px solid #212121;
	border-bottom: 1px solid #212121;
}

.crossword td[data-border=left] {
	border-top: 1px solid #212121;
	border-bottom: 1px solid #212121;
	border-left: 1px solid #212121;
}

.crossword td[data-border=right] {
	border-top: 1px solid #212121;
	border-bottom: 1px solid #212121;
	border-right: 1px solid #212121;
}

#definitions {
	margin-left: 5px;
	padding: 10px;
	background: #BDF9AD; /**#F7F7F7;**/
	border: 1px solid #212121;
	font-family: LiberationSans;
	margin-top: -8px;
	display: none;
}

#crypto_title {
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

.crypto_defs {
	font-family: LiberationSans;
	font-size: 12px;
	float: left;
	width: 190px;
	padding-left: 5px;
}

.crypto_defs input {
	cursor: pointer;
}

.crypto_defs label {
	cursor: pointer;
}

#defs_left {

}

#defs_right {
	
}

.horizontal {
	width: 30px;
	border: 2px solid #000;
	height: 24px;
	position: absolute;
	z-index: -99;
	border-radius: 8px;
	/**background: #F9FF77;**/
}

.vertical {
	width: 24px;
	border: 2px solid #000;
	height: 30px;
	position: absolute;
	z-index: -99;
	border-radius: 8px;
}


.diagonal {
	width: 30px;
	/**border: 1px solid #000;**/
	height: 30px;
	position: absolute;
	z-index: -99;
}

.diagonal_inner {
	border: 2px solid #000;
	border-radius: 8px;
	height: 24px;
	border-radius: 8px;
	transform: rotate(45deg);
	transform-origin: top left 0;
	position: absolute;
	top: -9px;
	left: 9px;
}

.diagonal_reverse {
	width: 30px;
	/**border: 1px solid #000;**/
	height: 30px;
	position: absolute;
	z-index: -99;
}

.diagonal_reverse_inner {
	border: 2px solid #000;
	border-radius: 8px;
	height: 24px;
	border-radius: 8px;
	transform: rotate(315deg);
	transform-origin: bottom left 0;
	position: absolute;
	top: 5px;
	left: 12px;
}


#crypto_instructions {
	font-family: LiberationSans;
	float: left;
	height: 180px;
	width: 100%;
	font-size: 13px;
}

#crypto_instructions div {
	
}

#crypto_instructions span {
	
}

#buttonsArea {
	float: left;
	height: 30px;
	width: 100%;
}

#undoButton {
	width: 130px;
	text-align: center;
	height: 30px;
	background: #5BB2C8;
	color: #FFFFFF;
	margin-top: -30px;
	margin-right: 35px;
	float: right;
	cursor: pointer;
	font-weight: bold;
	font-size: 15px;
}

#undoButton i {
	margin-right: 15px;
}

#images_left {
	float: left;
	width: 248px;
	height: 630px;
	margin-top: -9px;
	/**margin-right: 6px;**/
	border: 2px solid #212121;
}

#images_right {
	float: left;
	width: 248px;
	height: 630px;
	margin-top: -9px;
	margin-right: 6px;
	border: 2px solid #212121;
}

.left_img {
	border: 1px solid #7f7f7f;
	float: left;
	width: 78px;
	height: 85.5px;
	cursor: pointer;
	margin: 1px;
}

.left_img:nth-child(3n-2) {
	margin-left: 2px;
}

.left_img:nth-child(1), .left_img:nth-child(2), .left_img:nth-child(3) {
	margin-top: 2px;
}

.left_img img {
	max-width: 90%;
	max-height: 90%;
	padding: 5%;
}

.right_img {
	border: 1px solid #7f7f7f;
	float: left;
	width: 78px;
	height: 85.5px;
	cursor: pointer;
	margin: 1px;
}

.right_img:nth-child(3n-2) {
	margin-left: 2px;
}

.right_img:nth-child(1), .right_img:nth-child(2), .right_img:nth-child(3) {
	margin-top: 2px;
}

.right_img img {
	max-width: 90%;
	max-height: 90%;
	padding: 5%;
}

.selected {
	opacity: 0.5;
}