/* ======================================== PLAY TAB: Tutorial	*/

#PlayViewTutorial {
	background-color:	#e6e6ff;
}

#PlayViewTutorial button {
	padding-top:		4px;
	padding-bottom:		4px;	
}

#PlayViewTutorial a {
	text-decoration:	none;
	color:				blue;
}

#QB_TutorialHeader {
	padding-top:		10px;
	font-family:		Arial;
	background-color:	#f6f6ff;
}

#QB_TutorialIndex1 {
	overflow-y:			scroll;
	display:			inline-block; 
	padding:			6px;
	height:				400px;
}
#QB_TutorialIndex2 {
	overflow-y:			scroll;
	display:			inline-block; 	
	padding:			6px;	
}

#QB_TutorialIndex1 td {
	border: 0px;
	background-color:	#eee;
	font-size:			90%;
}

#QB_TutorialIndex1 td.sect {
	font-weight:		600;
	padding:			10px;
	background-color:	#ddd;
}

#QB_TutorialIndex1 td.current {
	font-weight:		600;
	padding:			10px;
	background-color:	#ffa;
}

#QB_TutorialIndex1 td.title {
	font-size:			125%;
	font-weight:		600;
	padding:			10px;
	background-color:	#cff;
}

#QB_TutorialIndex2 td {
	border: 0px;
	background-color:	#eee;
	font-size:			90%;
}

#QB_TutorialIndex2 th.sect2 {
	font-weight:		600;
	padding:			10px;
	background-color:	#ffa;
}

#QB_TutorialIndex2 td.current {
	font-weight:		600;
	padding:			10px;
	background-color:	#fcc;
}

/* ======================================== SETTINGS WINDOW		*/

#tutorialIndex {
	background-color:	#eec;
	border:				2px solid #990;
	padding:			10px;
}

/* ======================================== EXPLAIN WINDOW		*/

#ExplainWin {
	background-color:	#eee;
	padding:			6px;
	overflow:			hidden;
}

#ExplainWin .main {
	overflow-y:			scroll;
	font-size:			100%;
	height:				calc(100% - 56px);
	position:			relative;
}

#ExplainWin .main div {
	margin:				0;
	position:			absolute;
    top: 		30%;
    -ms-transform:  translateY(-30%);
    transform: 		translateY(-30%);	
}

#ExplainWin .buttons {
	margin-top:			20px;
	background-color:	#048;
	padding:			6px;
	height:				24px;
}

#ExplainWin .buttons button {
	margin-right:		15px;
	font-weight:		600;
	background: 		#cde;
	border-radius: 		4px;	
}

#ExplainWin .main table {
	border-spacing: 0px;
	border-collapse: collapse;
}
#ExplainWin .main td {
    border: 1px solid black;
	padding: 5px; 
}
#ExplainWin .main th {
    border: 1px solid black;
	padding: 5px; 
	background-color:	#def;
}
#ExplainWin .main th.noborder {
    border: 0;
}
#ExplainWin .main th.alleft {
    text-align: left;
}
#ExplainWin .main tr.line0 {
	background-color:	#dee;
}
#ExplainWin .main tr.lineA {
	background-color:	#dfd;
}
#ExplainWin .main tr.lineB {
	background-color:	#cfc;
}
#ExplainWin .main tr.lineC {
	background-color:	#beb;
}

/* ======================================== END PLAY WINDOW	*/

#EndPlayWin {
	background-color:	#ddf;
}

#EndPlayWin .category {
	padding:			0px;
	font-weight:		600;
}

#EndPlayWin .text {
	padding:			10px;
	border:				solid 10px #aaf;
	font-weight:		600;
}

#EndPlayWin .question {
	padding:			20px;
	padding-bottom:		10px;
	font-weight:		600;
}