.cell {
	border-style: none;
	color: black;
	background: white;
	font-family:verdana;
}

.hintcell {
	border-style: none;
	color: #186cb3; /* blue */
	background-color: #4ebf4e; /* green */
}

.hintunitcell {
	border-style: none;
/*	color: #186cb3; /* /* blue */
	background-color: rgb(90,90,90) !important; /* gray */
}
.redcell {border-style: none;background-color: red !important;}
.pinkcell {border-style: none;background-color: pink !important;}
.bluecell {border-style: none;background-color: lightblue !important;}
.purplecell {border-style: none;background-color: purple !important;}
.greencell {border-style: none;background-color: green !important;}
.hi4overlap0 {
	border-style: none;
	background-color: #a0a0a0 !important; /* gray */
}

.hi4overlap1 {
	border-style: none;
	background-color: #c0c0c0 !important; /* gray */
}
.hi4overlap2 {
	border-style: none;
	background-color: #e0e0e0 !important; /* gray */
}

.hintCandidate {
	border-radius:50%;
	box-shadow:0 0 0 1px yellow inset;
}

.hintReductionCandidate {
	border-radius:50%;
	box-shadow:0 0 0 1px red inset;
	background-image: linear-gradient(-45deg,
     transparent, transparent 45%, red, transparent 55%, transparent);
}


.inputcell {
	border-style: none;
	color: #186cb3; /* blue */
	background-color: white;
}

.errorcell {
	border-style: none;
	color: #186cb3; /* blue */
	background-color: rgb(255, 198, 226); /* light red */
}

.errordigit {
	border-style: none;
	color: red;
	background-color: rgb(255, 198, 226); /* light red */
}

.highlightcell {
	border-style: none;
	background-color:#fff599 !important;
}
.highlightID {
	border-style: none;
	background-color:#d2f403 !important;
}

.gridCell {
	float: left;
	border-color: blue;
	padding:0px;
	display:inline-block;
	outline: none;
}


.gridCellCandidateContainer, .gridCellInputContainer {
	background: transparent;
	border:0px; 
	padding:0px;
}


#grid {
	float: left;
	display: inline-block;
}

.gridLabel {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: white;
	float: left;
}

.gridCellValue{
	border: 0px;
	float: left;
	text-align: center;
	background:transparent;
}

.gridCellCandidate {
	border: 0px;
	padding: 0px;
	float:left;
	color:black;
	outline:none;
	cursor: pointer;
}


	.border {
		border-color: #194972;
		border-style : solid;
		border-width: 0px;
	}
	
	.bl {
		border-left-width: 3px;
	}
	.cl {
		border-left-width: 1px;
	}
	.br {
		border-right-width: 3px;
	}
	.cr {
		border-right-width: 1px;
	}
	.bt {
		border-top-width: 3px;
	}
	.ct {
		border-top-width: 1px;
	}
	.bb {
		border-bottom-width: 3px;
	}
	.cb {
		border-bottom-width: 1px;
	}

	.gl{
		border-left-width: 3px;
	}
	.gr{
		border-right-width: 3px;
	}
	.gt{
		border-top-width: 3px;
	}
	.gb{
		border-bottom-width: 3px;
	}
	.keypadItem {
		float:left;
		text-align:center;
		border: 1px outset white;
		color:#000;
		background: lightgray;
	}
	
	.keypadItem:active {
    	background:white;
    	color: black;
 	}
	
	.keypadItem:focus {
		outline: none;
	}
	
	#keypadContainer {
		float:left;
	}

	#keypadIcon {
		text-align:center; 
		float:left;
	}
				
	
	.bl {
		border-left-width: 3px;
	}
	.cl {
		border-left-width: 1px;
	}
	.br {
		border-right-width: 3px;
	}
	.cr {
		border-right-width: 1px;
	}
	.bt {
		border-top-width: 3px;
	}
	.ct {
		border-top-width: 1px;
	}
	.bb {
		border-bottom-width: 3px;
	}
	.cb {
		border-bottom-width: 1px;
	}

	.gridCellCandidateContainer, .gridCellInputContainer {
		width:48px;
		height:48px;
	}

	#grid {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	.gridCellValue {
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 18pt;
	}
	.gridRowLabel {
		width: 20px;
		height: 48px;
		line-height: 48px;
		font-size: 11pt;
		background-color:lightblue;
	}
	.gridColumnLabel {
		width: 48px;
		height: 24px;
		line-height: 24px;
		font-size: 11pt;
		background-color:lightblue;
	}	
	.gridCellCandidate {
		height: 16px;
		line-height: 16px;
		width: 16px;
		font-size: 9pt;
	}
	
	#keypadContainer {
		margin-left:0px;
	}

	.keypadItem {
		height:36px;
		width:36px;
		line-height:36px;
		font-size:16px;
		margin-left:5px;
	}

	#keypadIcon {
		line-height: 32px; 
	}