div.singleViewPanelContainer{overflow:hidden;}
div.singleViewPanel{overflow:hidden;}
/* commendationsList */
ul.commendationsList
{
	width:640px;
	margin:0 auto;
	overflow:hidden;
}
	ul.commendationsList li
	{
		background:url(../../images/reachStatsNew/rule_fadeTransparent.png) no-repeat top center;
		width:640px;
		padding-top:27px;
		margin-top:27px;
		clear:both;
	}
		ul.commendationsList li:first-child
		{
			background:none;
			margin-top:0;
			padding-top:0;
		}
		ul.commendationsList li img
		{
			float:left;
			margin-right:11px;
		}
		ul.commendationsList li img.notier
		{
			opacity:0.35;
		}
		ul.commendationsList li div.info
		{
			float:left;
			width:344px;
			position:relative;
			height:89px;
		}
			ul.commendationsList li div.info h5
			{
				width:214px;
				font-size:12px;
				line-height:15px;
				font-weight:normal;
				margin-bottom:3px;
			}
			ul.commendationsList li div.info p
			{
				margin-bottom:0;
				font-size:11px;
				
			}
			ul.commendationsList li div.info p.completed
			{
				position:absolute;
				top:0;
				right:0;
				text-align:right;
				line-height:15px;
				font-size:11px;
				color:#fff;				
			}
			ul.commendationsList li div.info p.description
			{
				margin-bottom:3px;
			}
			ul.commendationsList li div.info div.barContainer
			{
				width:332px;
				height:19px;
				padding:6px;
				position:absolute;
				bottom:0;
			}
				ul.commendationsList li.firefight div.info div.barContainer
				{
					background:url(../../images/reachStatsNew/bg_30red.png);
				}
					ul.commendationsList li.firefight div.info div.barContainer div.bar
					{
						background:#94352A;
					}
				ul.commendationsList li.multiplayer div.info div.barContainer
				{
					background:url(../../images/reachStatsNew/bg_30blue.png);
				}
					ul.commendationsList li.multiplayer div.info div.barContainer div.bar
					{
						background:#446380;
					}
				ul.commendationsList li.campaign div.info div.barContainer
				{
					background:url(../../images/reachStatsNew/bg_30green.png);
				}
					ul.commendationsList li.campaign div.info div.barContainer div.bar
					{
						background:#55533a;
					}
					
				ul.commendationsList li div.info div.barContainer div.bar
				{
					height:19px;
					width:30%;
				}
				ul.commendationsList li div.info div.barContainer p
				{
					position:absolute;
					width:320px;
					text-align:right;
					font-size:11px;
					color:#fff;
					line-height:31px;
					top:0;
					left:12px;
				}
					ul.commendationsList li div.info div.barContainer p span
					{
						float:left;
					} 
div.smallCommendationsListContainer
{
	width:640px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:14px;
}
ul.smallCommendationsList
{
	width:650px;
	float:left;
	margin-bottom:-8px;	
}
	ul.smallCommendationsList li
	{
		float:left;
		width:100px;
		height:31px;
		margin-bottom:8px;
		margin-right:8px;
	}
		ul.smallCommendationsList li a
		{
			display:block;
			width:100px;
			height:31px;
		}
			ul.smallCommendationsList li a img
			{
				width:100px;
				height:31px;
			}
			ul.smallCommendationsList li a img.notier
			{
			    opacity:0.35;
			}