<style type="text/css">
  
.thumbnail{
  color: #3289d2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  z-index: 0;
}

.thumbnail:active{
  color: #58aae3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: normal;
  text-decoration: underline;
  
background-color: transparent;
z-index: 50;
}

.thumbnail:hover{
  opacity: 0.90;
  filter: alpha(opacity=90);

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid;
border-color: #CCCCCC;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:active span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: inherit;
left: 32%;
}

.screenshot:hover{
  opacity: 0.50;
  filter: alpha(opacity=50);
}

.rate:hover{
  opacity: 0.50;
  filter: alpha(opacity=50);
}

.comments:hover{
  opacity: 0.50;
  filter: alpha(opacity=50);
}

.rating{
  opacity: 0.50;
  filter: alpha(opacity=50);
  border: 0px;
}

.rating:hover{
  opacity: 1.00;
  filter: alpha(opacity=100);
  border: 0px;
}

</style>