body {
		background-color: #E7E7E7;
	}

	.oyPuzzleCell {	
		background-color: #FFFFFF;
	} 
	.oyPuzzle {
		padding: 8px;
		border-collapse: collapse;	
	} 				
	.oyPuzzleFooter{
		padding: 8px; 
		font-family: Arial;
		text-align: center;		
		line-height: 1.4;
	}
	
	.ousStateOk {
		text-align: left;		
		font-family: Arial;
		font-size: smaller;
		color: #008000;
	}
	.ousStateBusy {
		text-align: left;		
		font-family: Arial;
		font-size: smaller;
		color: #0000FF;
	}
	.ousStateError {
	  	text-align: left;		
		font-family: Arial;
		font-size: smaller;
		color: #FF0000;
	}		

	.oyHeader{
		padding: 8px;
		color: #FFFFFF;
		background-color: #5AA2DE;
	}
	
	.oyHeaderTitle{
		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%;
	}	
	
	.oyFooter{ 
		background-color: #F7F7FF;
		padding: 1px;
		font-family: Arial;
		font-size: 70%;
	}
	
	.oyFrame {
		border-collapse: collapse;		
	}	
	
	.oyCopyright{
		padding-top: 4px;
		font-size: 60%;
	}
	
	.oyOuterFrame {
		padding: 12px;
		background-color: #FFFFFF;
		border: solid 1px #808080;
	}
	
	A.oysTextLink{
		color: #4282B5;
		text-decoration: none;
	}
	
	A.oysTextLink:hover{
		color: #808080;
		text-decoration: underline;
	}
	
	
	.oyMenuAction {		
		padding-left: 4px;
		padding-right: 4px;
		color: #000000; 
		background-color: #FFC027;
		font-size: smaller;
		border: solid 1px #808080;	
	} 
	.oyMenuActionDis {		
		padding-left: 4px;
		padding-right: 4px;
		color: #808080; 
		background-color: #E0E0E0;
		font-size: smaller;
		border: solid 1px #808080;	
	} 	
	.oyMenuActionNone{
		padding-left: 4px;
		padding-right: 4px; 
		color: #000000; 
		font-size: smaller;
	}
	A.oyMenuAction {
		text-decoration: none;
	}	
	A.oyMenuActionDis {
		text-decoration: none;
	}		
	A.oyMenuAction:hover {
		background-color: #6699FF;
		border: solid 1px #808080;	
	}	
	
	.oyListCell { 
	}	
	
	.oyListCellDot {
		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: 18px;
		font-family: Courier New; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}	 	 	
	
	
	
	.oyCellEmpty {
		border: solid 1px #003366;	
		background-color: #003366;
		
		font-size: 18px;
		font-family: Courier New; 				
		font-weight: bold;
		text-align: center;		
		
		width: 23px;
		height: 23px;
	}	
	.oyCellFull{ 
		border: solid 1px #003366;	
		background-color: #FFFFFF;
		
		font-size: 18px;
		font-family: Courier New; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
	}		
	.oyCellRevealed {
		border: solid 1px #003366;	
		background-color: #FFC0C0;
		
		font-size: 18px;
		font-family: Courier New; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
	}		
	.oyCellGuessed {  
		border: solid 1px #003366;	
		background-color: #C0FFC0;
		
		font-size: 18px;
		font-family: Courier New; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}	 
	.oyCellFocused {  
		border: solid 1px #003366;	
		background-color: #FFFFBB;
		
		font-size: 18px;
		font-family: Courier New; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}	 	
	.oyCellActive {  
		border: solid 1px #003366;	
		background-color: #6699FF;
		
		font-size: 18px;
		font-family: Courier New; 				
		font-weight: bold;
		text-align: center;				
		
		width: 23px; 
		height: 23px;
 	}