body {
	background-color: #E7E7E7;
	color: #FFFFFF;
	}

	.ACell {	
		background-color: #FFFFFF;
	} 
	.APuzzle {
		padding: 8px;
		border-collapse: collapse;	
	} 				
	.APuzzleFooter{
		padding: 8px; 
		font-family: Arial;
		text-align: center;		
		line-height: 1.4;
	}
	
	.StateOk {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #008000;
	font-weight: bold;
	}
	.StateBusy {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	font-weight: bold;
	}
	.StateError {
	  	text-align: left;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
		color: #FF0000;
	}		

	.Header{
	padding: 8px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: none;
	}
	
	.HeaderTitle{
		font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
		font-size: 125%; 
		font-weight: bold;
	}

	.oyHeaderDesc{
		font-family: Arial;
		font-weight: normal;
		font-size: 70%;
	}	
	
	.AFooter{
	background-color: #F7F7FF;
	padding: 1px;
	font-family: Arial;
	font-size: 100%;
	float: none;
	}
	
	.FrameInner {
	border-collapse: collapse;
	background-color: #B8CDAF;
	}	
	
	.oyCopyright{
		padding-top: 4px;
		font-size: 100%;
	}
	
	.FrameOuter {
	padding: 12px;
	background-color: #A6C09B;
	border: solid 1px #808080;
	}
	
	A.oysTextLink{
		color: #4282B5;
		text-decoration: none;
	}
	
	A.oysTextLink:hover{
		color: #808080;
		text-decoration: underline;
	}
	
	
	.MenuButtons {
	padding-left: 22px;
	padding-right: 22px;
	color: #000000;
	background-color: #4F9D9D;
	font-size: small;
	border: solid 1px #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	} 
	.MenuButtonsDis {		
		padding-left: 4px;
		padding-right: 4px;
		color: #808080; 
		background-color: #E0E0E0;
		font-size: smaller;
		border: solid 1px #808080;	
	} 	
	.MenuButtonsNone{
		padding-left: 4px;
		padding-right: 4px; 
		color: #000000; 
		font-size: smaller;
	}
	A.MenuButtons {
		text-decoration: none;
	}	
	A.MenuButtonsDis {
		text-decoration: none;
	}		
	A.MenuButtons:hover {
	background-color: #73B9B9;
	border: solid 1px #808080;
	}	
	
	.ListCell { 
	}	
	
	.CellDotList {
		background-color: #F7F7FF;
		color: #F9F9F9;	
	}
	
	
	.oyPanelDiv {
		font-family:Arial;				
		background-color: #F7F7FF;
		padding: 4px;
		text-align: center;
		font-weight: bold;
	}	
	
	.oyPanelDivHidden {
		width: 2px;
		background-color: #FFFFFF;
	}	

	
	  
	.oyList {
		cursor: pointer; cursor: hand;
		font-size: 70%;
		width: 100%;		
	} 	
	.oyListSpacer{
		background-color: #E0E0E0;
		height: 1px; 
	}	
	.oyListNormal {
		padding: 2px;
		color: #737573;
	}	 
	.oyListSel {
		padding: 2px;
		color: #000000;
		background-color: #E0E0E0;
	}		 
	
	
	.oyCellInput {     
		border: none;	
		background-color: transparent;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}	 	 	
	
	
	
	.ReadOnlyCell {
		border: solid 1px #546E49;	
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	
	.ReadOnlyTopCell {
		border: solid 1px #546E49;
	    border-top: solid 2px #000000;	
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	
	.ReadOnlyTopLeftCell {
		border: solid 1px #546E49;
	    border-top: solid 2px #000000;	
	    border-left: solid 2px #000000;			
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	

	.ReadOnlyTopRightCell {
		border: solid 1px #546E49;
	    border-top: solid 2px #000000;	
	    border-right: solid 2px #000000;			
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	
	.ReadOnlyLeftCell {
		border: solid 1px #546E49;
	    border-left: solid 2px #000000;			
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	
     .ReadOnlyRightCell {
		border: solid 1px #546E49;
	    border-right: solid 2px #000000;			
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	.ReadOnlyBottomCell {
		border: solid 1px #546E49;
	    border-bottom: solid 2px #000000;			
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	
	 .ReadOnlyBottomLeftCell {
		border: solid 1px #546E49;
	    border-left: solid 2px #000000;	
	    border-bottom: solid 2px #000000;			
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	.ReadOnlyBottomRightCell {
		border: solid 1px #546E49;
	    border-right: solid 2px #000000;	
	    border-bottom: solid 2px #000000;			
		background-color: #A6C09B;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	
	
	
	
	.InputWhiteCell{ 
		border: solid 1px #546E49;	
		background-color: #FFFFFF;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
	}		
	.RevealedCell {
		border: solid 1px #003366;	
		background-color: #FFC0C0;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
	}		
	.GuessedCell {  
		border: solid 1px #003366;	
		background-color: #C0FFC0;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}	 
	.FocusedCell {  
		border: solid 1px #003366;	
		background-color: #FFFFCC;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}	 	
	.oyCellActive {  
		border: solid 1px #003366;	
		background-color: #6699FF;
		
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}