/* Do remember that // is not supported as a comment for IE */

/*Container around the table of small kanjis, large kanji, and all the extras*/

#container {
	width: 720px;
	\width: 740px;
	w\idth: 720px;
	margin: 5px;
	margin-left: 200px;
	margin-right: auto;
	margin-top: 1 px;
	padding: 10px;
	font-family: "Trebuchet MS", Osaka, Arial, sans-serif;
	/*border: dashed 1px #BEA; */
}



#quizContainer {
	width: 550px;
	\width: 570px;
	w\idth: 550px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*border: solid 3px #000; */
}

#quizzerControlPanel {
	width: 550px;
	\width: 570px;
	w\idth: 550px;
	/*border: dashed 1px #ccc; */
}


#scorePanel {
	font-size: 15px;
	text-align: right;
	/*border: dashed 1px #CCC; */
}


#questionPanel {
	margin: 10px;
	padding: 10px;
	font-size: 55px;
	padding-bottom: 30px; /*rough override*/
	/*border: dashed 1px #CCC;*/ 
}


#answerPanel {
	margin: 10px;
	padding: 10px;
	font-size: 55px;
	color: red;
	/*visibility: hidden;*/
}

#englishPanel {
	margin: 10px;
	padding: 10px;
	font-size: 15px;

}

#quizzerControlPanel {
	padding-top: 60px;
	height: 10px;
}




TABLE.generalTable {
	margin: auto;
}

TABLE.generalTable TD {
	padding: 7px 10px 2px 10px;
	vertical-align: center;
	text-align: center;
	background-color: #bea;
	border-left: 3px solid white;
	border-right: 3px solid white;
	font-weight: bold;
	font-size: 10pt;
	font-family: "Trebuchet MS", Osaka, Arial, sans-serif;
}

.button, .togglebutton {
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	background-color: #bea;
	cursor: hand;
	font-weight: bold;
	font-size: 12pt;
	margin-left: 10px;
	margin-right: 10px;
	/*width: 300px;*/ /*width control does not work with span*/ 
}



#score, #total, #currentNumber {

}


#infoPanel {
	float: right;
	width: 150px;
	margin-left: 10px;
	text-align: center;
	padding: 0px;
	background-color: #ace;
	/*border: dashed 1px #CCC; */
	height: 330px;
}

.control_container {
	width: 0px;
	text-align: right;
	padding: 2px;
	/*text-align: center;*/
	/*border: dashed 1px #CCC; */
 	margin-top: 5px;
}


#ordering {
	padding-left: 20px;
	/*border: dashed 1px #CCC; */
}

#level {
	padding-left: 20px;
	font-size:8pt;
	font-family: "MS Trebuchet", "Verdana", sans-serif;
	/* border: dashed 1px #CCC; */
}

#size {
	padding-left: 22px;
	/*border: dashed 1px #CCC; */
}

#characterSet{
	padding-left: 0px;
	text-align:center;
	/*border: dashed 1px #CCC; */
}

#selectButton{
	padding-top: 20px;
	padding-left: 0px;
	/*border: dashed 1px #CCC; */
}

.inputradio {
	text-align: right;
	font-size:8pt;
	padding-right: 5px;
	font-family: "MS Trebuchet", "Verdana", sans-serif;
	/* border: dashed 1px #CCC; */
}



.smalltitle, .controltitle {
	margin: 0px;
	margin-bottom: 2px;
	font-size: 8pt;
	font-style: italic;
	font-family: "MS Trebuchet", "Verdana", sans-serif;
	color: #000;
	background-color: #bea;
	/*border: dashed 1px #CCC; */
}

.smalltitle{
	text-align: center;
	font-weight: bold;
	padding: 5px;
	padding-left: 6px;
}


.controltitle {
	width: 120px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: left;
	margin-bottom: 8px;
	background-color: transparent;	
	border-bottom: solid 1px #aaa;
	/*border: dashed 1px #CCC; */
}


.inputtext {
	text-align: right;
	border: none;
	font-size: 8pt;
	background-color: #eee;
}