/* sort bar on career stats page */			
div.sortBar
{
	width:640px;
	margin:0 auto 12px;
	position:relative;
	z-index:2;
}
	div.sortBar ul.dropDown
	{
		margin-right:20px;
		width:94px;
		float:left;
	}
		div.sortBar ul.mapFilter
        {
            width:115px;
        }
		div.sortBar ul.difficultyFilter
        {
            width:115px;
        }
        div.sortBar ul.playlistFilter
        {
            width:106px;
        }
	div.sortBar p
	{
		text-align:right;
		font-size:12px;
		color:#afadad;
	}
		div.sortBar p a.on
		{
			color:#afadad;
		}
		
/* Career Stats overview */		
div.careerStatsHome
{
	width:640px;
	margin:0 auto;
}
	div.careerStatsHome div.left
	{
		float:left;
		width:246px;
		margin-right:14px;
	}
		div.careerStatsHome div.standing
		{
			width:245px;
			text-align:center;
			margin-bottom:12px;
			padding:5px 0 22px;
			background:none;
		}
			#jsDisabled div.careerStatsHome div.standing{display:none;}
			div.careerStatsHome div.standing p
			{
				margin-bottom:0;
				text-align:left;
				text-indent:10px;
				font-size:11px;
				color:#fff;
			}
			div.careerStatsHome div.standing div.bg_pieGraph{position:absolute;top:15px;right:35px;}
				div.careerStatsHome div.standing div.bg_pieGraph img{width:176px;height:176px;}
				#jsDisabled div.careerStatsHome div.standing div.bg_pieGraph{display:none;}
			div.careerStatsHome div.standing div.pieGraphContainer
			{
				width:173px;
				margin:0 auto;
				opacity:0.5;
			}
		div.careerStatsHome div.careerStats ul.alternatingList
		{
			width:100%;
		}
			div.careerStatsHome div.careerStats ul.alternatingList li
			{
				width:226px;
			}
			div.careerStatsHome div.careerStats ul.alternatingList li:hover,div.careerStatsHome div.careerStats ul.alternatingList li.alt:hover{background:url(../../images/reachStatsNew/bg_40black.png);}
	div.careerStatsHome div.right
	{
		float:left;
		width:380px;
	}
		div.careerStatsHome div.medalsListContainer,
		div.careerStatsHome div.weaponsListContainer,
		div.careerStatsHome div.playlistsListsContainer
		{
			float:left;
			clear:both;
			width:100%;
		}
				div.careerStatsHome div.medalsListContainer ul.medalsList{width:390px;}
	div.careerStatsHome h5
	{
		background:url(../../images/reachStats/rule_transparent.png) repeat-x top;
		line-height:40px;
	}
		div.careerStatsHome div.popOut h5
		{
			line-height:15px;
			background:none;
		} 
	div.careerStatsHome a.linkArrow
	{
		float:right;
		line-height:40px;
		height:40px;
	}

div.careerStatsHome ul.playlistsList
{
	clear:both;
}
	div.careerStatsHome ul.playlistsList li
	{
		background:url(../../images/reachStatsNew/bg_10white.png);
		padding:10px 0;
		margin-bottom:8px;
	}
		div.careerStatsHome ul.playlistsList li img
		{
			float:left;
			margin:0 10px;
		}
		div.careerStatsHome ul.playlistsList li div.info
		{
			width:193px;
			float:left;
		}
			div.careerStatsHome ul.playlistsList li p
			{
				color:#999;
				text-align:right;
				font-size:11px;
				line-height:15px;
				margin-bottom:0;
				clear:both;
			}
				div.careerStatsHome ul.playlistsList li p strong
				{
					float:left;
					font-weight:normal;
					font-size:11px;
					line-height:17px;
					color:#999;
				}
				div.careerStatsHome ul.playlistsList li p img
				{
					float:none;
					margin:0 5px 0 0;
					vertical-align:middle;
				}
				
			div.careerStatsHome ul.playlistsList li p.title
			{
				color:#fff;
				margin-top:-5px;
				text-align:left;				
			}
	/* weapons list */
	ul.weaponsList
	{
		clear:both;
		margin-bottom:-8px;
	}
		ul.weaponsList li
		{
			background:url(../../images/reachStatsNew/bg_10white.png);
			padding:16px 0;
			margin-bottom:8px;
			position:relative;
		}
			#jsDisabled ul.weaponsList li:hover div.popOut
			{
				display:block;
				left:100px;
				top:-30px;
			}
			ul.weaponsList li img
			{
				float:left;
				margin:0 10px;
			}
			ul.weaponsList li div.info
			{
				width:200px;
				float:left;
			}
				ul.weaponsList li p
				{
					color:#fff;
				}
				ul.weaponsList li p.stats
				{
					margin-bottom:0;
					color:#999;
				}
/* pie graph on overview */
div.careerStatsHome div.bg_pieGraph{background:none;width:244px;margin-bottom:12px;}
	div.careerStatsHome div.bg_pieGraph img
	{
		left:35px;
		position:absolute;
		top:33px;
		width:175px;
		height:175px;
	}
	div.bg_pieGraph p.standing{
		color:#FFFFFF;
		font-size:11px;
		margin-bottom:0;
		text-align:left;
		text-indent:10px;
		position:absolute;
		top:10px;
	}
	div.careerStatsHome div.pieGraph{margin:35px auto 10px;width:173px;}
	div.careerStatsHome ul.legend 
	{
		top:110px;
		width:100%;
	}
		div.careerStatsHome ul.legend li, ul.playlistList ul.legend li
		{
			height:20px;
			line-height:20px;
			margin-left:94px;
			width:58px;
		}
		
		div.careerStatsHome ul.legend li.number {
			font-size: 17px;
			margin-left: 74px;
			width: 95px;
			text-align: center;
		}
/* career stats medals page */
body.CareerStatsMedals ul.medalsList
{
	width:640px;
	margin:0 auto -12px;
	clear:both;
	position:relative;
	z-index:1;
	overflow:hidden;
}
	body.CareerStatsMedals .medalsList li
	{
		clear:both;
		float:left;
		width:100%;
		height:auto;
		text-align:left;
		background:none;
		padding:0;
	}
		body.CareerStatsMedals .medalsList li:hover div.popOut
		{
			display:none;
		}
	body.CareerStatsMedals .medalsList h4
	{
		color:#797d80;
		font-size:12px;
		position:relative;
		height:20px;
		overflow:hidden;
		margin:0 0 5px;
	}
		body.CareerStatsMedals .medalsList h4 strong
		{
			float:left;
			font-weight:normal;
			margin-right:5px;
		}
		body.CareerStatsMedals .medalsList h4 span.rule_transparent
		{
			float:left;
			width:100%;
			position:absolute;
			top:7px;
			clear:none;
		
		}
		body.CareerStatsMedals .medalsList ul
		{
			clear:both;
			float:left;
		}
	body.CareerStatsMedals .medalsList ul li
	{
		background:url(../../images/reachStatsNew/bg_medalsBox.png) no-repeat;
		width:50px;
		height:50px;
		float:left;
		margin-bottom:12px;
		text-align:center;
		position:relative;
		padding:3px 9px 28px 0;
		clear:none;
	}
		#jsDisabled body.CareerStatsMedals .medalsList ul li:hover div.popOut
		{
			display:block;
			top:30px;
			left:30px;
		}
			body.CareerStatsMedals .medalsList ul li.zero:hover div.popOut
			{
				display:none;
			}
			body.CareerStatsMedals .medalsList ul li:hover div.popOut div.twoColumn
			{
				min-height:100px;
			}
			body.CareerStatsMedals .medalsList ul div.popOut h4
			{
				color:#000000;
				font-size:14px;
				height:21px;
				margin:0;
				overflow:visible;
				position:absolute;
			}
		body.CareerStatsMedals .medalsList ul li.zero img
		{
			opacity:0.2;
		}
		body.CareerStatsMedals .medalsList ul li.last
		{
			padding-right:0;
		}
			body.CareerStatsMedals .medalsList ul li.last p.medalCount
			{
				padding-right:0;
			}
				body.CareerStatsMedals .medalsList ul li.last p.medalCount span
				{
					padding-left:4px;
					width:51px;
				}
		body.CareerStatsMedals .medalsList ul li p.medalCount
		{
			background:url(../../images/reachStatsNew/bg_20white.png);
			height:25px;
			line-height:25px;
			margin-bottom:0;
			position:absolute;
			bottom:0;
			padding-right:9px;
			width:50px;
			left:0
		}
			body.CareerStatsMedals .medalsList ul li.alt p.medalCount
			{
				background:url(../../images/reachStatsNew/bg_10white.png);
			}
/* medals compare list */
body.CareerStatsMedals ul.compareMedalsList ul
{
	overflow:hidden;
	float:left;
}		
	body.CareerStatsMedals ul.compareMedalsList ul li
	{
		height:75px;
	}
		body.CareerStatsMedals ul.compareMedalsList ul li p.top
		{
			bottom:30px;
		}
	body.CareerStatsMedals ul.compareMedalsList ul li p.medalCount span
	{			
		display:block;
		width:59px;
		height:25px;
		position:absolute;
		top:0;
		left:-4px;
	}
		body.CareerStatsMedals ul.compareMedalsList ul li p.medalCount span.blue
		{
			background:url(../../images/reachStatsNew/bg_compareBlue.png);
		}
		body.CareerStatsMedals ul.compareMedalsList ul li p.medalCount span.red
		{
			background:url(../../images/reachStatsNew/bg_compareRed.png);
		}
/* career stats medals page */		
fieldset.compareStatsForm
{
	width:208px;
	float:right;
	margin-top:4px;
}	
	fieldset.compareStatsForm input.textField
	{
		width:112px;
		height:22px;
		line-height:22px;
		vertical-align:middle;
		border:0;
		margin-right:3px;
		padding:0 2px;
	}
	fieldset.compareStatsForm a.bluebutton{	width:75px;display:inline-block;vertical-align:middle;}	
	fieldset.compareStatsForm label
	{
		font-size:13px;
		color:#808080;
		line-height:22px;
	}
	fieldset.compareStatsForm a.stopCompare
	{
		float:right;
		width:118px;
		
	}
		a.stopCompare span{white-space:nowrap;}

/* career stats vs bar */
div.compareHeader
{
	background:url(../../images/reachStatsNew/bg_vsBar.png) no-repeat center top;
	width:640px;
	height:41px;
	margin:0 auto 12px;
	position:relative;
	clear:both;
}
	div.compareHeader p.vs
	{
		position:absolute;
		text-align:center;
		width:100%;
		height:41px;
		line-height:41px;
		font-style:italic;
		text-transform:uppercase;
		color:#fff;
		font-size:16px;
		
	}
	div.compareHeader div
	{
		position:absolute;
		width:40%;
		height:41px;
		top:0;
	}
		div.compareHeader div h4
		{
			margin:4px 0 0;
			width:auto;			
		}
			div.compareHeader div h4 a
			{
				font-size:14px;
			}		
		div.compareHeader div p
		{
			margin:0;
			font-size:11px;
		}
		div.compareHeader div.left
		{
			left:0;
			text-align:left;
		}
			div.compareHeader div.left img
			{
				float:left;
				margin-right:11px;
			}
		div.compareHeader div.right
		{
			right:0;
			text-align:right;
		}
			div.compareHeader div.right img
			{
				float:right;
				margin-left:11px;
			}
		

/* career stats weapons */
table.weaponTable
{
	width:640px;
	margin:0 auto -11px;
	clear:both;
}
	table.weaponTable th
	{
		text-align:center;
		height:42px;
		vertical-align:middle;
		background:url(../../images/reachStats/rule_transparent.png) repeat-x 0 0;
	}
		table.weaponTable th.on a
		{
			color:#fff;
		}
	table.weaponTable td
	{
		height:65px;
		padding-bottom:11px;
	}
		table.weaponTable td p
		{
			background:url(../../images/reachStatsNew/bg_weaponsTable.png) -100px 0;
			height:65px;
			text-align:center;
			color:#808080;
			font-size:14px;
			margin-bottom:0;
			line-height:45px;
		}
			table.weaponTable td.on p
			{
				color:#fff;
			}
	table.weaponTable td.weapon
	{
		width:190px;
	}
	
	table.weaponTable td.kills span.tPercent, table.weaponTable td.deaths span.tPercent, table.weaponTable td.points span.tPercent
	{
		color:#505050;
		font-size:9px;
	}
	
		table.weaponTable td.weapon div.pReplacement
		{
			background:url(../../images/reachStatsNew/bg_weaponsTable.png) -100px 0;
			height:65px;
			color:#808080;
			font-size:14px;
			margin-bottom:0;
			line-height:65px;
			background-position:top left;
			position:relative;
			padding-left:12px;	
		}
			table.weaponTable td.weapon div.pReplacement img.weaponImage
			{
				margin-top:6px;
			}
			table.weaponTable td.weapon div.pReplacement div.barContainer
			{
				position:absolute;
				bottom:12px;
				left:188px;
				background:url(../../images/reachStatsNew/bg_20white.png);
				width:440px;
				height:12px;
				line-height:12px;
			}
				table.weaponTable td.weapon div.pReplacement div.barContainer span
				{
					color:#808080;
					font-size:10px;
					position:absolute;
					left:-30px;
				}
				table.weaponTable td.weapon div.pReplacement div.barContainer div.bar
				{
					background:url(../../images/reachStatsNew/bg_20white.png);
					height:12px;
					width:20%;
				}
			#jsDisabled table.weaponTable td.weapon div.pReplacement:hover div.popOut
			{
				display:block;
				top:-34px;
				left:136px;
			}
	table.weaponTable td.DH
	{
	}
		table.weaponTable td.DH p
		{
			background-position:top right;
		}
		
/* compare weapon table */
table.compareWeaponTable{}
	table.compareWeaponTable tr div.border
	{
		height:2px;
		width:640px;
		position:absolute;
		top:0;
		left:0;
	}
		table.compareWeaponTable tr.blue div.border
		{
			background:url(../../images/reachStatsNew/bg_compareBlue.png);
		}
		table.compareWeaponTable tr.red div.border
		{
			background:url(../../images/reachStatsNew/bg_compareRed.png);
		}
	table.compareWeaponTable td p span,
	table.compareWeaponTable td p em
	{
		display:block;
		height:30px;
		line-height:30px;
	}
		table.compareWeaponTable td p span, table.compareWeaponTable td p em
		{
			background:url(../../images/reachStatsNew/bg_10white.png);
		}
		table.compareWeaponTable tr em.blue, table.compareWeaponTable tr span.blue 
		{
			margin-bottom:4px;
		}
		table.compareWeaponTable tr.blue em.blue, table.compareWeaponTable tr.blue span.blue
		{
			background:url(../../images/reachStatsNew/bg_compareBlue.png);
		}
		table.compareWeaponTable tr.red em.red, table.compareWeaponTable tr.red span.red
		{
			background:url(../../images/reachStatsNew/bg_compareRed.png);
		}
	table.compareWeaponTable td.weapon div.barContainer{display:none;}	


/* playlistList and maps list */
ul.playlistList
{
	width:640px;
	margin:0 auto;
}
	ul.playlistList li
	{
		width:100%;
		position:relative;
	}
		ul.playlistList h4
		{
			color:#fff;
			font-size:14px;
			position:relative;
			height:20px;
			overflow:hidden;
			margin:0 0 5px;
		}
			ul.playlistList h4 strong
			{
				float:left;
				font-weight:normal;
				margin-right:5px;
			}
			ul.playlistList h4 span.rule_transparent
			{
				float:left;
				width:100%;
				position:absolute;
				top:8px;
				clear:none;
			
			}
		ul.playlistList li img.playListImage
		{
			float:left;
			margin-right:17px;
		}
		
		ul.playlistList li a.heatmap
		{
			position:absolute;
			left:0;
			top:167px;
		}
		ul.playlistList li div.info
		{
			float:left;
			width:377px;
		}
			ul.playlistList li div.info ul.careerStats
			{
				width:214px;
				float:left;
				overflow:hidden;
				margin-bottom:10px;
			}
				ul.playlistList li div.info ul.careerStats li
				{
					text-align:right;
					color:#6d6d6d;
					border-top:1px solid #353536;
					height:32px;
					line-height:32px;
				}
					ul.playlistList li div.info ul.careerStats li:first-child
					{
						border-top:0;
						margin-top:-10px;
					}
					ul.playlistList li div.info ul.careerStats li strong
					{
						float:left;
						font-weight:normal;
						color:#fff;
					}
			ul.playlistList li div.info div.standing
			{
				float:left;
				width:163px;
			}
				ul.playlistList li div.info div.standing p
				{
					text-align:center;
					width:100%;
					color:#fff;
				}
			ul.playlistList li div.info ul.medalsList{padding-top:2px;}
				ul.playlistList li div.info ul.medalsList li{width:50px;}
			ul.playlistList li div.info div.lastTwentyFiveRating
			{
				clear:both;
				width:100%;
				position:relative;
				z-index:0;
			}
	/* maps and playlist pies */	 
	ul.playlistList div.bg_pieGraph{float:left;width:160px;margin-left:3px;}
		ul.playlistList div.bg_pieGraph img
		{
			height:125px;
			position:absolute;
			right:18px;
			top:46px;
			width:124px;
		}
		ul.playlistList p.standing
		{
			font-size:12px;
			line-height:15px;
			padding-top:14px;
		}
		ul.playlistList div.pieGraphContainer{width:121px;margin:23px auto 0;position:relative;z-index:1;}
		ul.playlistList ul.legend
		{
			width:163px;
			top:84px;
		}
			ul.playlistList ul.legend li
			{
				margin-left:56px;
			}
		ul.playlistList p.totalPoints
		{
			line-height:143px;
			margin-bottom:0;
			position:absolute;
			text-align:center;
			top:36px;
			width:160px;
			z-index:0;
		}