.whiteSquare {
                   width: 52px;
                   height: 52px;

                   border-style: solid;
                   border-width: 0px;
                   border-color: #EDE8D5; 
border-spacing: 0px !important;
margin: 0 !important;
padding: 0 !important;

                   }
.blackSquare {
                   width: 52px;
                   height: 52px;
                   border-style: solid;
                   border-width: 0px;
                   border-color: #CFCBB3; 
	border-spacing: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pgnviewtable
{
border-spacing: 0px !important;margin: 0 !important;padding: 0 !important;

}
table.pgnviewtable td {
border-spacing: 0px !important;margin: 0 !important;padding: 0 !important;

}
table.pgnviewtable
{
	border-spacing: 0px !important;margin: 0 !important;padding: 0 !important;

}
.highlightWhiteSquare {
                   width: 52px !important;
                   height: 52px !important;
		     border-style: none;
                   outline:1px solid;
		          outline-color: rgba(52,2,215,0.7) ;
		     background: transparent !important;

border-spacing: 0px !important;
margin: 0 !important;
padding: 0 !important;
                   }

.highlightBlackSquare {
                   width: 52px !important;
                   height: 52px !important;

                   border-style: none;
                   outline:1px solid;
		     outline-color: rgba(52,2,215,0.7) ;
  background: transparent !important;
border-spacing: 0px !important;
margin: 0 !important;
padding: 0 !important;
                   }