@charset "utf-8";
/* CSS Document */

/* general */
h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	text-align: center;
	color: #fff;
	letter-spacing: 0.1em;
	float:none;
}

h4 {
	font-size: 1.25em;
	line-height: 2em;
}


#content{
	margin:0 auto;
	text-align:center;
	margin-top:9%;
	}
	
	
/* index.html */

 p, #question, #checkAnswer {	
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size: 1.2em;
	line-height:1.4em;
	
	
}

#activityArea{
	margin:20px auto;
	width:50%;
	}
	


#question {	
	margin:20px auto;
	width:15%;
	background-color:#82BC00;
}

#checkAnswer{
	cursor:pointer;
	margin:20px auto;
	width:15%;
	background-color:#E65000;
	}

.correct{
	background:#82BC00!important;
	}
.incorrect{
	background:#F00!important;
	}
.select{
	background:#E65000!important;
	}
.deselect{
	background:#0C0!important;
	}

.statementsNextBtn {
	margin:5px;
	}	
	
#nextBtnImg{
	display:inline-block;
	width: 34px;
	height: 33px;
	cursor:pointer;
	background-image: url("../../../images/icon-13.png");
	}
#backImg{
	margin-right:5px;
	cursor:pointer;
	display:inline-block;
	width: 32px;
	height: 33px;
	background-image: url("../../../images/icon-09a.png");
	}	
span:hover {
	background-position: 0px -35px; 
	cursor: pointer;
}

#sampletxt{
	margin-left:2%;
	margin-right:2%;
  padding: 10px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#FFF;
  border: 1px solid #E65000;
  	display:block;
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size: 1.2em;
	line-height:1.4em;
	text-align:left;
}