body {
	font-family: verdana, arial;	
}

.left {
	float:left;
}
.right{
	float:right;
}
.menuleft a {
	text-decoration: none;
}

.japan a {
	text-decoration: none;
	color: blue;
}

.japan a:hover {
	text-decoration: underline;
}

.selectnone, .selectall {
  border: 0;
  background-color: transparent;
}

.hiragana-form ul {
	list-style-type: none;
	padding: 0;
}


.wrapper {
	width: 100%;
	height: 100%;
}

.centered {
	height: 400px;
	width: 500px;
	margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
}

.hide {display: none;}

.digit {
	text-align: center;
	font-size: 200px;
}

.next {
	width: 200px;	
	height: 40px;
}

.actions {text-align:center;}

.testquestion {
	text-align: center;
	font-size: 22px;
}

.textanswer {
	text-align: center;
	font-size: 20px;
	color: white;
	border-bottom: 1px dotted;
}
.textanswer:hover { color: black; }


.digit-text {
	text-align: center;
	font-size: 60px;
	color: white;
	border-bottom: 1px dotted;
}

.digit-text:hover { color: black; }

.testrow {
	height: 50px;
	margin-bottom: 4px;
}
.testrow span { 
	width: 30px;
	display: inline-block;
}

.testrow span.hide { 
	display: none;
}

.testrow .imgs {
	display: inline-block;
	width: 75px;
}

.test-list img {
	vertical-align:top ;
	width: 50px;
	
}

.test-list img.second {
	width: 25px;
	position: relative;
  	top: 22px;
}

ol.multiple-columns li {
	float:left;
	width:33%;
}

.test-list .multi-answer {
	margin-right: 4px;
	border: 2px solid white; 
}
.test-list .multi-answer:hover{
	border: 2px dotted gray;
}

.test-list .multi-answer.correct { border: 2px solid green;}
.test-list .multi-answer.wrong { border: 2px solid red;}