body{	
	counter-reset: rating-counter;  
}

.achievement_item{
	padding: 10px 0px;
	clear-after: both ;
	border-bottom: 1px solid #e7e8ec;
}

.achievement_item .thumb{
	float: left;
	position: relative;
	height: 84px;
	width: 150px;
	overflow: hidden;
	background-color: gray;
	cursor: pointer;
}

.achievement_item .info{
	height: auto;
	min-height: 60px;
	padding-top: 4px;
	padding-left: 14px;
	overflow: hidden;
}

.info-user{
	cursor: pointer;
	color: rgb(3, 137, 170);
}

.info-title{	
	font-weight: bold;
}


.info-title:before{
	counter-increment: rating-counter;    /* Increment the rating-counter counter*/
  	content: counter(rating-counter) ". ";
  	color : gray;
}


.info-user:hover{
	text-decoration: underline;
}