#sudoku{
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	}
 	#gameOptions{
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		width:448px;
		height:26px;
		border:2px solid #000;
		background-color:#E2EBED;
		padding:4px;
		font-size:1.6em;
    margin:0 auto;
    text-align:center;
	}
	#gameOptions a{
		color:#FF0000;
		text-decoration:none;
	}
	#gameOptions a:hover{
		color:#317082;
		text-decoration:underline;
	}
#azbuttons button {
 cursor:pointer; height:46px; width:46px; font-weight:bold; font-size:1.6em;background-image: url("sudoku-button.gif");
}
	
	.sudoku{
		width:456px;
		height:456px;
		border:2px solid #000;
	}
	.sudokuSquare,.sudokuSquareHighlighted{
		width:46px;
		height:46px;
		float:left;
		border:1px solid #000000;
		padding:1px;
		line-height:46px;
		font-size:30px;
		text-align:center;		
		background-color:#FFF;
		cursor:default;
	}
	.sudokuSquareHighlighted{
		border:2px solid #317082;
		width:46px;
		height:46px;		
		padding:0px;
		background-color:#E2EBED;
	}
	
	.sudokuSection{
		width:150px;
		height:150px;
		border:1px solid #000000;
		float:left;
	}

	#hintDiv{
		position:absolute;
		width:52px;
		height:60px;
		background-image:url('sudokoHint.gif');
		background-position: bottom left;
		background-repeat:no-repeat;
		display:none;	
		margin-left:1px;	
	}
	#hintDivInner{
		width:44px;
		height:44px;
		border-top:2px solid #000;
		border-left:2px solid #000;
		border-right:2px solid #000;
		font-size:11px;	
		padding:2px;
		background-color:#FF0000;
		color:#FFF;
	}
@media (max-width: 720px) {
  @viewport {
    width: 336px;
  }
}