.achievement 
{
	height:70px; 
	width:280px; 
	

border-left: 2px rgba(255, 255, 255, 0.6) solid;
border-top: 2px rgba(255, 255, 255, 0.6) solid;
border-right: 2px rgba(0, 0, 0, 0.6) solid;
border-bottom: 2px rgba(0, 0, 0, 0.6)solid;
float: left;
padding:7px;
margin:4px;
}
.brick
{
 background: url('../img/brickstone.png');
}
.grass
{
 background: url('../img/achback1.png');
}
.stone
{
 background: url('../img/stone.png');
}
.wood
{
	background: url('../img/wood.png');
}
.achIcon
{
	float:left;
	background: url('../img/icon-bg-small.png');
	height:48px; 
	width:48px; 
}
.achievementName
{
padding-left:3px;
padding-right:3px;
	color: #000;
	font: 0.9em arial, verdana, sans-serif;
	font-weight:bold;
border-left: 2px rgba(255, 255, 255, 0.6) solid;
border-top: 2px rgba(255, 255, 255, 0.6) solid;
border-right: 2px rgba(0, 0, 0, 0.6) solid;
border-bottom: 2px rgba(0, 0, 0, 0.6)solid;
float:left;

}
.achIconSmallImg
{
	height:24px; 
	width:24px; 
}
.achIconSmall img {
  height: 20px;
  width: 20px;
  margin: 4px;
}
.itemIconSmall {
  height: 8px;
  width: 8px;
}
.achIconSmall
{
	float:left;
	background: url('../img/icon-bg-small.png') no-repeat; background-size: 100%;
    
	height:28px; 
	width:28px; 
}
.achIconImg
{
	height:44px; 
	width:44px; 
}
.achIcon img {
  height: 40px;
  width: 40px;
  margin: 5px;
}
.itemIcon{
  height: 16px;
  width: 16px;
}
.achBadge {
  color: #303030;
  border-left: 2px rgba(255,255,255,0.6) solid;
  border-top: 2px rgba(255,255,255,0.6) solid;
  border-right: 2px rgba(0,0,0,0.6) solid;
  border-bottom: 2px rgba(0,0,0,0.6)solid;
  
  height: 75px;
  width: 224px;
  background-color: rgb(211,211,211);
  background-color: rgba(211,211,211,0.5);
  background-image: url("../img/badge.png");
  text-align: justify;
  padding: 4px;
  margin: 4px;
  float: left;  
}


.achDesc {
   font-size: 11pt;
  margin-left: 52px;
}
.achDescription{
   float: left;
   font-size: 11pt;
  height: 35px;
  overflow:hidden;
}

.achTitle {
	display:block;
  font-weight: bold;
  height: 18px;
  overflow:hidden;
}
.achReward {
  border-right: 1px rgb(255,255,255) rgba(255,255,255,0.6) solid;
  border-bottom: 1px rgb(255,255,255) rgba(255,255,255,0.6) solid;
  border-left: 1px rgb(0,0,0) rgba(0,0,0,0.6) solid;
  border-top: 1px rgb(0,0,0) rgba(0,0,0,0.6) solid;
  background: rgb(211,211,211);
  background-color: rgba(211,211,211,0.7);
  width: 100%;
  margin-top:3px;
  font-weight: bold;
   font-size: 9pt;
   float: right;
}
.achReward .list {
   float: right;
}
.achieved {
  background-color: rgb(229,186,73);
  background-color: rgba(229,186,73,0.7);
}


.allAwards {
  width: 100%;
}

.awardBadgeFiller {
  height: 48px;
  width: 224px;
  display: block;
  text-align: justify;
  padding: 8px;
  margin: 6px;
  float: left;  
}