/*

	CWORD JavaScript Crossword Engine

	Copyright (C) 2007-2010 Pavel Simakov
	http://www.softwaresecretweapons.com/jspwiki/cword

	This library is free software; you can redistribute it and/or
	modify it under the terms of the GNU Lesser General Public
	License as published by the Free Software Foundation; either
	version 2.1 of the License, or (at your option) any later version.

	This library is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
	Lesser General Public License for more details.

	You should have received a copy of the GNU Lesser General Public
	License along with this library; if not, write to the Free Software
	Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA

*/
div.Crossword * {
	box-sizing:content-box;
}

.Crossword input {
	margin-left:0;
	padding-left:0;
	margin-right:0;
	padding-right:0;
	-webkit-appearance: none;
    border-radius: 0;
}

.oyPuzzleCell {	
	background-color: #FFFFFF;
} 
.oyPuzzle {
	padding: 8px;
	border-collapse: collapse;	
} 				
.oyPuzzleFooter{
	padding: 18px; 
	line-height: 1;
	width: auto !important;   /* Added by Ciaran for Responsive */
}
.ousStateOk {
	text-align: left;		
	font-size: small;
	color: #008000;
}
.ousStateBusy {
	text-align: left;		
	font-size:small;
	color: #0000FF;
}
.ousStateError {
	text-align: left;		
	font-size: small;
	color: #FF0000;
}		
.oyHeader{
	padding: 8px;
	color: #FFFFFF;
	background-color: #5AA2DE;
}
.oyHeaderTitle{
	font-size: 125%; 
	font-weight: bold;
}
.oyHeaderDesc{
	font-weight: normal;
	font-size: 70%;
}	
.oyFooter{ 
	background-color: #F7F7FF;
	padding: 20px;
	font-size: 85%;
}
.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;
	padding-top: 1px;
	color: #FFFFFF; 
	background-color: #40ABE3;
	border: solid 1px #4282B5;	
} 
.oyMenuActionDis {		
	padding-left: 4px;
	padding-right: 4px;
	color: #808080; 
	background-color: #E0E0E0;
	border: solid 1px #808080;	
} 	
.oyMenuActionNone{
	padding-left: 4px;
	padding-right: 4px; 
	color: #000000; 
}
SPAN.oyMenuAction {
	text-decoration: none;
	cursor: pointer;
}	
SPAN.oyMenuActionDis {
	text-decoration: none;
	cursor: default;
}		
SPAN.oyMenuAction:hover {
	background-color: #6699FF;
	border: solid 1px #808080;	
	cursor: pointer;
}		
.oyListCell { 
}	
.oyListCellDot {
	background-color: #F7F7FF;
	color: #F9F9F9;	
}
.oyPanelDiv {
	background-color: #F7F7FF;
	padding: 4px;
/*	font-weight: bold; */
}	
.oyPanelDivHidden {
	width: 2px;
	background-color: #FFFFFF;
}	
.oyList {
	cursor: pointer; cursor: hand;
	font-size: 14px;  /* Changed by Ciaran from 12px for responsive version! */
	width: 100%;		
} 	
.oyListSpacer{
	background-color: #E0E0E0;
	height: 1px; 
}	
.oyListNormal {
	padding: 2px;
	color: #606260;
	display: none;  /* Added by Ciaran for responsive version! */
}	 
.oyListSel {
	padding: 2px;
	color: #000000;
	background-color: #E0E0E0;
}		 
.oyCellInput {     
	border: none;	
	background-color: transparent;
	
	font-size: 16px;
	xfont-family: Courier New; 				
	font-weight: bold;
	text-align: center;				
	
	width: 18px; 
	height: 18px;
}	 	 	
.oyCellEmpty {
	border: solid 1px #333333;	/* Ciaran: Was #111111  */
	background-color: #333333;	/* Ciaran: Was #111111  */
	
	font-size: 16px;
	xfont-family: Courier New; 				
	font-weight: bold;
	text-align: center;		
	
	width: 21px;
	height: 21px;
}	
.oyCellFull{ 
	border: solid 1px #595959;	
	background-color: #FFFFFF;
	
	font-size: 16px;
	xfont-family: Courier New; 				
	font-weight: bold;
	text-align: center;				
	
	width: 21px; 
	height: 21px;
}		
.oyCellRevealed {
	border: solid 1px #595959;	
	background-color: #FFC0C0;
	
	font-size: 16px;
	xfont-family: Courier New; 				
	font-weight: bold;
	text-align: center;				
	
	width: 21px; 
	height: 21px;
}		
.oyCellGuessed {  
	border: solid 1px #595959;	
	background-color: #C0FFC0;
	
	font-size: 16px;
	xfont-family: Courier New; 				
	font-weight: bold;
	text-align: center;				
	
	width: 18px; 
	height: 18px;
}	 
.oyCellFocused {  
	border: solid 1px #595959;	
	background-color: #FFFFBB;
	
	font-size: 16px;
	xfont-family: Courier New; 				
	font-weight: bold;
	text-align: center;				
	
	width: 21px; 
	height: 21px;
}	 	
.oyCellActive {  
	border: solid 1px #595959;	
	background-color: #6699FF;
	
	font-size: 16px;
	xfont-family: Courier New; 				
	font-weight: bold;
	text-align: center;				
	
	width: 18px; 
	height: 18px;
} 

table td, table th {
    vertical-align: inherit;
}
/* .sticky {
	position: sticky;
	bottom: 10px;
	background-color: #F7F7FF;
	 Xbackground-color: #6699FF; 
}	 	 */