body #main-content {
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

#puzzle-wrapper {
	background-color:#ffffff;
}

#puzzle-wrapper table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width: auto;
}
#puzzle-wrapper table tr{
	width: 100%;
}
#puzzle-wrapper table td {
	width: 26px !important;
	height: 26px !important;
	padding:0px !important;
	margin:0px !important;
	position: relative;
}
#puzzle-wrapper table td.puzztd {
	padding:0px !important;
	margin:0px !important;
	width: 26px !important;
	height: 26px !important;
}
		
#puzzle-wrapper table td input {
	border: 1px solid #cccccc;
	width: 25px !important;
	height: 25px !important;
	padding:0px !important;
	margin:0px !important;
	text-align: center;
	veritcal-align:middle;
	text-transform: capitalize;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:5;
	outline:none; 
	-webkit-box-shadow: none;
	box-shadow: none;

}

.highlight {
	border: 1px solid #ee3134;
	border-radius:20px;
	position:absolute;
	width:33px;
	height:33px;
	z-index:2000;
	top:-4px;
	left:-4px;
	pointer-events: none;
}

#puzzle-wrapper table td input:focus {
	background-color: none;
}

#puzzle-wrapper table td div.cell {
	font-size: 9px;
	position: absolute;
	top: -3px;
	left: 2px;
	z-index:10;
}

#puzzle-wrapper table td input.done {
	font-weight: bold;
	color: #7fba00;
}

#puzzle-wrapper table td input.done2 {
	font-weight: bold;
	color: #ee3134;
	animation: pulse 5s infinite;
	animation-direction: alternate;
	-webkit-animation-name: pulse;
	animation-name: pulse;

}

@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
10% {
-webkit-transform: scale(0.5);
}
20% {
-webkit-transform: scale(1);
}
}

.active,
.clues-active {
	background-color: #dcdcdc !important;
}

#puzzle-clues li{
	margin: 0px;
	cursor:pointer;
}

ul#across,
ul#down
{
	list-style-type: none;
	padding-left:0px;
}


#notentered
{
	position:absolute;
	z-index:2000;
	left:580px;
	top:580px;
}

#entered
{
	position:absolute;
	z-index:2000;
	left:580px;
	top:580px;
	text-align:center;
}


#viewpdf
{
	position:absolute;
	z-index:2000;
	left:750px;
	top:580px;
}


#answer {
	position:relative;
	top:-50px;
	color:#ee3134;
	font-weight:bold;
	text-align:center;
	width:100%;

}

@media (max-width: 709px) {



	#puzzle-wrapper table td {
		width: 21px !important;
		height: 21px !important;
		padding:0px !important;
		margin:0px !important;
		position: relative;
	}
	#puzzle-wrapper table td.puzztd {
		padding:0px !important;
		margin:0px !important;
		width: 21px !important;
		height: 21px !important;
	}
			
	#puzzle-wrapper table td input {
		border: 1px solid #cccccc;
		width: 20px !important;
		height: 20px !important;
		padding:0px !important;
		margin:0px !important;
		text-align: center;
		veritcal-align:middle;
		text-transform: capitalize;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index:5;
		outline:none; 
		-webkit-box-shadow: none;
		box-shadow: none;
		font-size:11px;

	}

	.highlight {
		border: 1px solid #ee3134;
		border-radius:20px;
		position:absolute;
		width:28px;
		height:28px;
		z-index:2000;
		top:-4px;
		left:-4px;
		pointer-events: none;
	}


}