/*  for DRAG & DROP  */
.dragme{position:relative;}	
/*  for WORDSEARCHES  */
.spaced {
position:relative;
display:inline;  float:left;
font:normal 2em verdana; color:green; font-weight:bold; 
line-height:1.2em;
width:1.4em;
}
.searchborder {
display:inline;   float:left;  text-align:left;
width:87%; height:auto;
background:#fff;
border:thick double green;
padding:2% 5% 5% 5%;
margin: 0 1% 1% 1%;
}
.search1 {
	font-size:1.6em; 
        text-align:center;
color:green;
}
.search2 {
	font-size:1em; 
        text-align:center;
color:green;
}

.lefthalf {background:#fff; width:auto; padding-left:3em;}

.pinboard_long_3 {
position:relative;   display:inline;  float:left;    text-align:left;
width:auto;  height:auto;
font-family: 'Lucida Casual', 'Comic Sans MS', sans-serif;
color:green;
background:#fff url(http://kids.inmatlock.com/images/pinboard_long_3.gif) no-repeat;
border:0;
padding:6em 5em 7em 6em;
margin-bottom:0.1em;
}

.footer  { background:#fff; }



.answer { width:90%;	color:#000;
	background: #fff;
	display:block;
	padding:.1em;
}
.box1 {
	border:solid 1px #000;
width:1.2em;
padding:0;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}

.helper1_go {
	background: #fff;
	color: #2080d0;
}
.helper2_nogo {
	background: #ffffff;
	border-color: #606060;
	color: #2080d0;
}
.error1_go {
	background: #fff1d7;
	border:solid 1px #c00000;
	color: #bf0000;
}
.error2_nogo  {
	background: #fff;
	color: #bf0000;
}
.ok1  {
	background: #fff;
	border:solid 1px #c00000;
	color: #000;
}

.ok2  {
	background: #fff;
	border:solid 1px #c00000;
	color: #000;
}
.click     {  width: 64pt;  }
.clue1  {  width:auto;
	font-size:1.2em;
	border:0;
	padding:0 0 .5em 0;
}
.grid  {
 vertical-align:top; 
 border: 0;
	padding: 0;
margin:0;
	font: normal .9em Arial, sans-serif;
}
.add  {  border:solid 1px #000;
	font-family: Arial, sans-serif;
}
.hints  {
	border:solid 1px #000;
	text-transform: uppercase;
	margin: 0;
}
.info  { width:auto; 
	border:0;
padding-top:2em;
	font-size: 1em;
text-align:left;
	color: #808080;
}
.wrongword {
	border:0;
	color: #c00000;
	font-weight: bold;
	display: none;
	margin-top: 1em;
}

table {table-layout:fixed; position:relative; width:60%; border:0; vertical-align:top; margin:0; padding:0; }
td #answercell {  padding:0; margin:0; }
table #crossword {table-layout:fixed; vertical-align:top; width:100%;  padding:0; margin:0; }
table #crossword td {vertical-align:top; }

.third {    
        position:relative;
       display:inline;
       width:27%;
       height:auto;
       background:transparent;
       float:left;       
       margin:0.75em;
padding:0  1em 0 1em;
}  
.twothirds
{    
        position:relative;
       display:inline;
       width:60%;
       height:auto;
       background:transparent;
       float:left;       
       margin:0.75em;
padding:0  1em 0 1em;
}  

/*   something on webpage which won't be printed  */
.printhide { display:inline; }

/*  hides something on webpage, but will be printed  */
.printthis {display:none;  }
.hintbox {   padding:.1em .4em .1em .4em;  width:auto; float:right; color:#b8860b; border:ridge thick #FFBD32; text-align:right; font-weight:bold; font-size:1.1em; }
.smaller {font-size:85%; }

.pad { padding:2em; }
/*
cursor can't be hand - try default
line 157 	.printthis  	Value Error : display hidden is not a display value : hidden
line158 	.hintbox 	Value Error : display relative is not a display value : relative
line 158 	.hintbox 	Value Error : font-style bold is not a font-style value : bold
*/

.shrink, p.shrink, img.shrink, a.shrink  {display:block; width:1px; height:1px; border:0; margin:0; padding:0; } 
.clearleft, h2.clearleft, p.clearleft, img.clearleft   {display:block; clear:left; }
