body {
	padding : 0px;
	margin : 0px;
	font-size : 11pt;
}

body.nintro {
	background-image : url(NUMBERSbackground.jpg);
}

body.lintro {
	background-image : url(LETTERSbackground.jpg);
}

body.sintro {
	background-image : url(SHAPESbackground.jpg);
}

div.introbanner {
	padding-top : 300px;
	text-align : center;
}

div.introbanner a {
	font-size : 42pt;
	color : black;
	text-decoration : none;
}


div.banner {
	height : 91px;
	background-image : url(banner1.gif);
	background-repeat : no-repeat;
}

div.loading {
	width : 100%;
	text-align : center;
	font-size : 10pt;
	color : #606060;
}


tab:focus {
-moz-outline: none !important
}

a:focus, a:active {
-moz-outline:none;
}

::-moz-selection {

}

div#termsofuse {
	height : 360px;
	margin-left : 40px;
	margin-right : 40px;
	overflow : auto;
	padding : 4px;
	border : 2px solid #808080;
}

table#termstbl tr td.sr {
	height : 12px;
}
table#termstbl tr td.sec {
	font-weight : bold;
}



div.instructions {
	text-align : center;
	padding : 4px;
	height : 40px;
}

div#testouter {

}


div#testarea {
	width : 740px;
	height : 600px;
	padding-left : 30px;
	padding-right : 30px;
	overflow-y : auto;
}

div#msgarea {
	margin : 20px;
	min-height : 64px;
	color : #b00000;
	font-size : 16pt;
}


div#robbienumber table tr td {
	width : 90px;
	text-align : center;
	font-size : 76pt;
	padding : 20px;
	border : 1px solid #c0c0c0;
}

#soundslot {

}


div#controls {
	padding-right : 20px;
}


div#intro {
	padding-left : 30px;
	padding-right : 30px;
}

div#intro ul li {
	padding-top :4px;
	padding-bottom : 4px;
}


div.proceed {
	font-size : 22pt;
	text-align : center;
	line-height : 50px;
	margin : 32px;
}

div.proceed a {
	text-decoration : none;
	background-color : #e0e0e0;
	border : 1px solid #d0d0d0;
	font-size : 22pt;
	padding : 4px;
}


table.childinfo {
	background-color : #e0e0e0;
	border : 1px solid #a0a0a0;
	padding : 6px;
}


div.test1show {
	padding-top : 100px;
	text-align : center;
}

div.test1number {
	font-size : 50pt;
}

td.gridcell {
	border : 1px solid #d0d0d0;
}

table.grid {
	border : 2px solid #a0a0a0;
	background-color : #d0d0d0;
}

table.grid tr td {
	text-align : center;
	font-size : 38pt;
	font-weight : bold;
	border : 3px solid white;
	background-color : white;
	padding-left : 60px;
	padding-right : 60px;
	padding-top : 40px;
	padding-bottom : 40px;

}


table.sgrid {
	border : 2px solid #a0a0a0;
	background-color : #d0d0d0;
}

table.sgrid tr td {
	width : 140px;
	height : 140px;
	text-align : center;
	border : 3px solid white;
	background-color : white;
	padding-top : 20px;
	padding-bottom : 20px;
}



div#letter {
	font-size : 40pt;
	font-weight : bold;
	text-align : center;
	padding-top : 140px;
	padding-bottom : 60px;
}

div#queryprompt {
	text-align : center;
}

div.qpsame {
	font-size : 42pt;
	padding : 30px;
}

div.qpletter {
	font-size : 42pt;
	color : red;
	font-weight : bold;
}

a {
	color : black;
}

a.qpr {
	text-decoration : none;
	font-size : 42pt;
}

span.qpr {
  text-decoration : none;
  font-size : 42pt;
  cursor:pointer;
}


div#resultsdiv {
	margin : 30px;
	margin-left : 50px;
}

table.results {
	background-color : #a0a0a0;
	margin-top : 12px;
	margin-bottom : 12px;
}

table.results tr td {
	background-color : #d0d0d0;
	font-weight : bold;
	padding-left : 10px;
	padding-right : 10px;
}


table.results tr td.val {
	background-color : #f8f8f8;
	font-weight : bold;
	padding-left : 30px;
	padding-right : 30px;
}

table.results tr td.hval {
	background-color : #e8e8e8;
	font-weight : bold;
	padding-left : 10px;
	padding-right : 10px;
}


div.cache {
  padding-top : 500px;
}

#cache {
  visibility: hidden;
}

#soundloading {
  color: #808080;
  font-size:18pt;
 }
 
 table.questionnaire td p {
 	padding-top : 18px;
 	font-weight : bold;
 	font-size : 10pt;
 }

 table.questionnaire td {
 	font-size : 10pt;
 }