.achievement 
{
	height:70px; 
	width:260px; 
    border: 1px solid gray;
    float: left;
    padding:7px;
    margin:8px;
}

.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: 2px outset gray;
    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;;
    
	height:28px; 
	width:28px; 
}
.achIconImg
{
	height:44px; 
	width:44px; 
}
.achIcon img {
  margin: 5px;
	height:40px; 
	width:40px; 
}
.itemIcon{
  height: 16px;
  width: 16px;
}
.achBadge {
  color: #303030;
  border: 1px solid gray;
  height: 75px;
  width: 282px;
  background-color: rgb(211,211,211);
  background-color: rgba(211,211,211,0.5);
  padding: 3px;
  margin: 4px;
  float: left;  
  
    background-image: linear-gradient(bottom, rgb(190, 190, 190) 33%, rgb(220, 220, 220) 66%, rgb(255, 255, 255) 99%);
    background-image: -o-linear-gradient(bottom, rgb(190, 190, 190) 33%, rgb(220, 220, 220) 66%, rgb(255, 255, 255) 99%);
    background-image: -moz-linear-gradient(bottom, rgb(190, 190, 190) 33%, rgb(220, 220, 220) 66%, rgb(255, 255, 255) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(190, 190, 190) 33%, rgb(220, 220, 220) 66%, rgb(255, 255, 255) 99%);
    background-image: -ms-linear-gradient(bottom, rgb(190, 190, 190) 33%, rgb(220, 220, 220) 66%, rgb(255, 255, 255) 99%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.33, rgb(190, 190, 190)),
        color-stop(0.66, rgb(220, 220, 220)),
        color-stop(0.99, rgb(255, 255, 255))
    );}


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


.achieved {
  
    background-image: linear-gradient(bottom, rgb(168, 255, 168) 33%, rgb(198, 255, 198) 66%, rgb(238, 255, 238) 99%);
    background-image: -o-linear-gradient(bottom, rgb(168, 255, 168) 33%, rgb(198, 255, 198) 66%, rgb(238, 255, 238) 99%);
    background-image: -moz-linear-gradient(bottom, rgb(168, 255, 168) 33%, rgb(198, 255, 198) 66%, rgb(238, 255, 238) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(168, 255, 168) 33%, rgb(198, 255, 198) 66%, rgb(238, 255, 238) 99%);
    background-image: -ms-linear-gradient(bottom, rgb(168, 255, 168) 33%, rgb(198, 255, 198) 66%, rgb(238, 255, 238) 99%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.33, rgb(168, 255, 168)),
        color-stop(0.66, rgb(198, 255, 198)),
        color-stop(0.99, rgb(238, 255, 238))
    );}

.achTitle {
  display:block;
  font-weight: bold;
  height: 18px;
  overflow:hidden;
}
.achReward {
  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;
    width: 210px;
    overflow: hidden;
    text-align: right;
    height: 20px;
}

.allAwards {
  width: 100%;
}

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