.exerciseWrapper{
	border: 1px solid #CCC;
	position: relative;
	font-size: 12pt;
	
}
.exerciseList{
	width:100%;
/*	width: 200px;*/
	background-color: #EEE;

}

.exerciseList>li{
	padding: 5px 10px;
	color: #333;
	font-size: 12pt;
	cursor: pointer;
}

.exerciseList>li:not(.active):hover{
	background-color: #6699cc;
	color: #FFF;
}

.exerciseList>li.active{
	background-color: #FFF;
}

.homeworkList{
	/*width:100%;*/
	width: 200px;
	background-color: #EEE;
	min-height: 1500px;
}

.homeworkList>li{
	padding: 5px 10px;
	color: #333;
	font-size: 12pt;
	cursor: pointer;
}

.homeworkList>li a{
	color: #333;
	text-decoration: none;
}

.homeworkList>li:not(.active):hover{
	background-color: #6699cc;
	color: #FFF;
}

.homeworkList>li:not(.active):hover a{
	color: #FFF;
}

.homeworkList>li.active{
	background-color: #FFF;
}

.exerciseBlock{
	width:100%;
	padding: 30px;

	display: none;

}

.exerciseBlock.exerciseV2{
	top: 50px;
}

.exerciseTable{
	/*width:100%;*/
	vertical-align:middle;
}
.exerciseTable td{
	/*width:100%;*/
	vertical-align:middle;
	padding:5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	/*border-style:solid;
	border-width:1px;*/
}
.exeTable td{
	min-width:100px;
	border: 1px solid black;
	text-wrap:normal;
	word-wrap: normal;
}

.exeTable input{
	max-width:150px;
	width:90%;
	
}

.exeTableWrongImg{
	background-image:url('unchecked.png');
	background-repeat:no-repeat;
	background-position:right;
	background-size: 22px;
}

.exeTableCorrectImg{
	background-image:url('checked.png');
	background-repeat:no-repeat;
	background-position:right;
	background-size: 22px;
}

.noInput{
	background-color: #CCC;
}

.answer{

}

.content{

}

.exerciseContent{
}

.exerciseDescription{
	/*text-align:center;*/
}



.blankWrongAnswer{
	border:1px solid #ff0000;
}

.checkImg{
	width: 22px;
	height: 22px;
}

.checkImg img{
	width: 22px;
	height: 22px;
}

.ansImg{
	width: 22px;
	height: 22px;
}

.ansImg img{
	width: 22px;
	height: 22px;
}

.clearfix{
	clear: both;
}

.MathJax_Display{
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: inherit;

}

ul.exerciseCircle{
	position: absolute;
	left: 210px;
	top: 10px;
}

ul.exerciseCircle li{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	color: #333;
	background-color: #EEE;
	border: 1px solid #EEE;
	cursor: pointer;
	display: inline-block;
}

ul.exerciseCircle li:hover{
	
	background-color: #FFF;
}

.exerciseBlock .answer{
	display: none;
}

.exerciseBlock .showAnsBtn{
	width: 200px;
	padding: 5px 20px;
	background-color: #539ed9;
	border: 2px solid #539ed9;
	color: #FFF;
	font-weight: bold;
	font-size: 14pt;

}
.exerciseBlock .showAnsBtn:hover{
	opacity: 0.6;

}

.btn-block{
	margin-left: 200px;
}