﻿table.centerNav{table-layout:fixed;margin-bottom:14px;}
    table.centerNav td a{font-size:12px;}

div.intelSearch{z-index:5;}
	    
/* pager */	
div.mainContentContainer div.pager{z-index:6;}
div.sContent div.mainContentContainer:hover{z-index:1;}    
.mainContentContainer div.pager a.linkArrow
{
	float:right;
	position:relative;
	z-index:2;
	text-indent:0;
	
}
.mainContentContainer div.pager a.linkArrow_reverse
{
	float:left;
	position:relative;
	z-index:2;
	text-indent:0;
	margin-left:14px;
}

/* header region */
.bg_map
{
	background:url(../../images/reachStats/bg_headerCarnageReport_placeholder.jpg) no-repeat 0 0;
	width:640px;
	height:320px;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
	float:none;
}
	div.soloMode{height:302px;}
		div.soloMode div.overlay{display:block;bottom:-162px;}
	.bg_map div.overlay{position:absolute;bottom:-156px;left:0;background:url(../../images/reachStatsNew/overlay_pgcr.png);width:100%;height:293px;}
	.bg_map .gameDetails
	{
		position:absolute;
		left:0;
		right:0;
		top:14px;
	}
		.bg_map .gameDetails p
		{
			color:#fff;
			margin:0;
			text-align:center;
			width:100%;
			line-height:1em;
			margin-bottom:8px;
		}
		.bg_map .gameDetails .gameType
		{
			background:url(../../images/reachStatsNew/pgcr_gamevariantbg.png) no-repeat 252px 58px;
			padding-bottom:151px;
			position:relative;
			top:0;
			left:0;
			margin-bottom:12px;
		}
			.bg_map .gameDetails .gameType img.gameTypeImage
			{
				left:276px;
				position:absolute;	
				top:80px;
			}
			.bg_map .gameDetails .gameType img.gameTypeImage.cp 
			{
				left:253px;
				top:62px;	
			}
			.bg_map .gameDetails .gameType p
			{
				text-transform:uppercase;
				font-size:24px;
			}
			.bg_map .gameDetails .gameType p.time
			{
				color:#9FA5A3;
				font-size:12px;
				margin-bottom:0;
				text-align:center;
				width:640px;
			}
 
			.bg_map .gameDetails .gameType div.additionalInfo
			{
				position:absolute;
				right:244px;
				bottom:17px;
				display:block;
				background:url(../../images/reachStats/sprite_iconsPNG.png) no-repeat -71px 0;
				width:25px;
				height:24px;
			}
				.bg_map .gameDetails .gameType div.additionalInfo div.popOut p
				{
					color:#BBBBBB;
					font-size:12px;
					text-align:left;
					text-transform:none;
					float:none;
				}
				#jsDisabled .bg_map .gameDetails .gameType div.additionalInfo:hover div.popOut{display:block;top:12px;left:12px;}

		.bg_map .gameDetails .location
		{
			font-size:11px;
			color:#fff;
			text-align:center;
			width:100%;
		}
			.soloMode .gameDetails .location{margin-bottom:10px;}
			.bg_map .gameDetails .location span
			{
				text-transform:lowercase;
			}
		.bg_map .gameDetails .time
		{
			font-size:12px;
			text-align:center;
			width:100%;
			color:#85898b;
		}
		.bg_map .gameDetails .soloInfo{display:none;}
			.soloMode .gameDetails p.soloInfo
			{
				display:block;
				background:url(../../images/reachStatsNew/rule_doubleTransparent.png) no-repeat top center;
				width:100%;
				line-height:60px;
				overflow:hidden;
				white-space:nowrap;
				text-align:left;
				margin-bottom:0;				
			}
				.soloMode .gameDetails .soloInfo a
				{
					background:url("../../images/reachStatsNew/icon_upArrow_small.png") no-repeat scroll left center transparent;
					float:left;
					line-height:60px;
					margin-left:35px;
					margin-right:9px;
					padding-left:16px;
					width:auto;
				}
					.soloMode .gameDetails .soloInfo a:hover{background-image:url(../../images/reachStatsNew/icon_upArrow_small_on.png);}
	.bg_map .teams
	{
		height:311px;
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}		
		.bg_map .teams .side
		{
			height:100%;
			width:50%;
			position:relative;
			left:0;
			top:0;				
		}
			.bg_map .teams .left
			{
				float:left;
			}
				.bg_map .teams .left .model
				{
					position:absolute;
					left:0;
					background-repeat:no-repeat;
					background-position:0 0;
				}
				.bg_map .teams .left  .eliteWin
				{
					background-image:url(../../images/reachStats/models/elite_won/blue_elite_won.html);
					height:430px;
					left:0;
					top:-97px;
					width:520px;
				}
				.bg_map .teams .left  .spartanWin
				{
					background-image:url(../../images/reachStats/models/spartan_win/blue_spartan_win-2.png);
					width:493px;
					height:342px;
				}
				.bg_map .teams .left  .eliteTie
				{
					background-image:url(../../images/reachStats/models/elite_tie_left/blue_elite_tie.png);
					width:270px;
					height:360px;
					left:-10px;
				}
				.bg_map .teams .left  .spartanTie
				{
					background-image:url(../../images/reachStats/models/spartan_tie_left/blue_spartan_tie.png);
					width:310px;
					height:400px;
					top:-20px;
					left:-20px;
				}
			.bg_map .teams .right
			{
				float:left;
			}
				.bg_map .teams .right .model
				{
					position:absolute;
					right:0;
					background-repeat:no-repeat;
					background-position:0 0;
				}
				.bg_map .teams .right  .eliteLoss
				{
					background-image:url(../../images/reachStats/models/elite_loss/blue_elite_loss.png);
					height:390px;
					width:371px;
					top:-56px;
				}
				.bg_map .teams .right  .spartanLoss
				{
					background-image:url(../../images/reachStats/models/spartan_loss/blue_spartan_loss-2.png);
					width:386px;
					height:411px;
					top:-54px;
					right:-48px;
				}
				.bg_map .teams .right  .eliteTie
				{
					background-image:url(../../images/reachStats/models/elite_tie_right/blue_elite_tie.png);
					width:293px;
					height:361px;
					top:10px;
					right:-57px;
				}
				.bg_map .teams .right  .spartanTie
				{
					background-image:url(../../images/reachStats/models/spartan_tie_right/blue_spartan_tie-2.png);
					width:310px;
					height:400px;
				}
				.bg_map .teams .right  .eliteEpicloss
				{
					background-image:url(../../images/reachStats/models/elite_epicloss/blue_elite_epicloss-2.png);
					width:315px;
					height:472px;
					top:-118px;
					right:-61px;
				}
				.bg_map .teams .right  .spartanEpicloss
				{
					background-image:url(../../images/reachStats/models/spartan_epicloss/blue_epicloss_spartan.html);
					width:370px;
					height:447px;
					top:-102px;
					right:-13px;
				}
			.bg_map .teams .side .teamName
			{
				background-image:url(../../images/reachStatsNew/rule_doubleTransparent.png);
				background-repeat:no-repeat;
				height:69px;
				position:absolute;
				bottom:0;
				left:0;
				width:100%;
			}
				.bg_map .teams .left .teamName
				{
					background-position:top left;
				}
					.bg_map .teams .left .teamName p.name
					{
						text-align:right;
						padding-right:77px;
					}
					.bg_map .teams .right .teamName p.name
					{
						text-align:left;
						padding-left:77px;
						color:#555;
					}
					.bg_map .teams .left.spartan .teamName p.name
					{
						color:#d1ddb4;
					}
					.bg_map .teams .left.elite .teamName p.name
					{
						color:#8784a5;
					}
				.bg_map .teams .right .teamName
				{
					background-position:right top;
				}
					.bg_map .teams .teamName p.name
					{
						font-size:20px;
						line-height:69px;
						height:69px;
						color:#fff;
						text-transform:uppercase;
					}
						.bg_map .teams .teamName p.name span
						{
							text-transform:none;
							font-size:12px;
						}
						.bg_map .teams .left .teamName p.name span
						{
							color:#fff;
						}
						.bg_map .teams .right .teamName p.name span
						{
							color:#666;
						}
							
						.bg_map .teams .win p.name
						{	
							color:#fff1f1;
						}
							.bg_map .teams .left .win p.name
							{
								background-position:-37px -112px;
								padding-left:71px;
							}
							.bg_map .teams .right .win p.name
							{
								background-position:250px -112px;
								padding-right:71px;
							}
					.bg_map .teams div.barContainer
					{
						width:59px;
						height:64px;
						text-align:center;
						line-height:64px;
						font-size:20px;
						color:#fff;
						position:absolute;
						top:3px;
						background:url(../../images/reachStats/bg_standBlackTransparent.png);
					}
						.bg_map .teams .left .teamName div.barContainer
						{
							right:5px;
						}
						.bg_map .teams .right .teamName div.barContainer
						{
							left:5px;
						}
						.bg_map .teams div.barContainer .bar
						{
							position:absolute;
							bottom:0;
							left:0;
							height:0;
							width:100%;
						}
							.bg_map .teams div.barContainer span
							{
								position:relative;
								top:0;
								left:0;
							}
								.bg_map .teams div.barContainer span img
								{
									margin-top:13px;
								}					
	
	/* red versus blue */
	.bg_map .teams .vs
	{
		background:url(../../images/reachStats/bg_vs.png) no-repeat center top;
		width:100%;
		height:29px;
		position:absolute;
		left:0;
		right:0;
		bottom:20px;
	}
	
	/* multiteam */
	div.MultiTeam .teams{position:relative;}
	div.MultiTeam div.multiteamTableContainer{background:url("../../images/reachStatsNew/rule_doubleTransparent.png") no-repeat top; width:100%;text-align:center;position:absolute;bottom:0;left:0;}
	div.MultiTeam table.multiTeamTable
	{
		margin:0 auto;
		height:69px;	
	}
		div.MultiTeam table.multiTeamTable td
		{
			width:69px;
			text-align:center;
		}
			div.MultiTeam table.multiTeamTable div.barContainer{position:relative;top:0;margin:0 auto;}

/* Begin Graphs */
div.graphViewPanel
{
	width:640px;
	margin:0 auto;
	position:relative;
}

	div.resultsGraphViewPanel
	{
		margin-top:-14px;
	}
div.teamTableViews
{
	width:100%;
	position:relative;
	background:url(../../images/reachStatsNew/rule_doubleTransparent.png) no-repeat top center;
	margin-top:14px;
	float:left;
}

.hideView
{
	position:absolute;
	top:-9999px;
}
caption span,
div.caption
{
	position:absolute;
	left:-9999px;
	top:-9999px;
}
/* line graph */
div.lineGraphContainer
{
	width:640px;
	margin:0 auto;
	position:relative;
	z-index:2;
}
	div.lineGraphContainer p
	{
		text-align:center;
		margin-bottom:0;
	}
	div.lineGraphContainer p a.on{color:#fff;text-decoration:none;}
	div.lineGraphContainer div.lineGraph
	{
		width:100%;
	}

#lineGraphToolTip{position:absolute;z-index:1000;display:none;background:url(../../images/reachStatsNew/bg_70white.png);-moz-border-radius:3px;padding:3px;text-align:center;line-height:15px;white-space:nowrap;color:#333;float:left;font-size:10px;}

/* Carnage Tables - default is Red Vs Blue */
.RedCarnageView,
.BlueCarnageView
{
	clear:both;
}
div.rule_doubleTransparent
{
	background:url(../../images/reachStatsNew/rule_doubleTransparent.png) no-repeat top center;
	position:absolute;
	font-size:0;
	line-height:0;
	height:2px;
	width:640px;
	top:37px;
	left:0;
}		
.carnageTable
{
	width:100%;
	position:relative;
	clear:both;
	margin-bottom:-9px;
}
	.carnageTable th
	{
    	text-align:center;
    	height:57px;
    	line-height:normal;
    	font-size:12px;
    	vertical-align:middle;
	}
		.carnageTable th p{margin-bottom:20px;}	
		.carnageTable th.playerInfo
		{
			text-align:left;
		}			
		.carnageTable th.on a
		{
			color:#fff;
		}
	.carnageTable td
	{
    	text-align:center;
    	vertical-align:middle;
    	color:#ececec;
    	font-size:15px;
    	padding-bottom:9px;
    	cursor:pointer;
	}
		.carnageTable td.statCell
		{
			width:65px;
		}
		.carnageTable tr td.rgExpandCol {
			width: 34px;
			text-align: left;
			background:none;
		}
			.carnageTable tr td.rgExpandCol input
			{
				border:0;
				padding:0;
				width:23px;
				cursor:pointer;
				height:20px;
				float:right;
				margin-right:11px;
				background:url("../../images/base_struct_images/news/expand_sm.gif") left top no-repeat;
			}
				.carnageTable tr td.rgExpandCol .rgExpand {
					background-position:0 0;	
				}
					.carnageTable tr td.rgExpandCol .rgExpand:hover
					{
						background-position:0 -20px;
					}
				.carnageTable tr td.rgExpandCol .rgCollapse {
					background-position:0 -40px;
				}
					.carnageTable tr td.rgExpandCol .rgCollapse:hover {
						background-position:0 -60px;
					}
						
		.carnageTable td.on
		{
			color:#fff;
		}
		.carnageTable td.playerInfo
		{
			color:#555;
			text-transform:uppercase;
			width:231px;
			height:50px;
			font-size:13px;
			text-align:left;
		}
		
			.carnageTable td.playerInfo div.emblemContainer
			{
				position:relative;float:left;width:50px;height:50px;margin-right:12px;
			}
				.carnageTable td.playerInfo div.emblemContainer div.popOutTrigger
				{
					position:relative;
					width:50px;
					height:50px;
					z-index:11;
				}
					#jsDisabled .carnageTable td.playerInfo div.emblemContainer div.popOutTrigger:hover div.popOut
					{
						display:block;
						bottom:25px;left:25px;top:auto;
					}
				.carnageTable td.playerInfo div.emblemContainer a.overlay
				{
					position:absolute;
					width:640px;
					height:50px;
					background:url(../../images/reachStats/blank.gif);
					z-index:10;
					top:0;
					left:-34px;
				}
			.carnageTable td.playerInfo .icon
			{
				width:50px;
				height:50px;
				background-repeat: no-repeat;
				background-position: center center;
					
			}
				.red .carnageTable td.playerInfo .icon
				{
					background-color:#f00;
				}
				.blue .carnageTable td.playerInfo .icon
				{
					background-color:blue;
				}
				.spartan .carnageTable td.playerInfo .icon
				{
					background-color:#71795e;
				}
				.elite .carnageTable td.playerInfo .icon
				{
					background-color:#534e80;
				}
			.carnageTable td.playerInfo p
			{
				margin:8px 0 0;
				overflow:hidden;
				float:left;
				white-space:nowrap;
			}
			.carnageTable td.playerInfo strong
			{
				font-weight:normal;
				color:#fff;
				text-transform:none;
			}
				.carnageTable td.playerInfo strong
				{
					font-size:13px;
				}
			.carnageTable td.playerInfo a
			{
				display:block;
				width:19px;
				height:19px;
				background-repeat:no-repeat;
				position:absolute;
				left:-32px;
				top:21px;
			}
				.red .carnageTable td.playerInfo a
				{
					background-color:#f00;
				}
				.blue .carnageTable td.playerInfo a
				{
					background-color:blue;
				}
				.spartan .carnageTable td.playerInfo a
				{
					background-color:#71795e;
				}
				.elite .carnageTable td.playerInfo a
				{
					background-color:#534e80;
				}
		.carnageTable tr.rgRow td,.carnageTable tr.rgAltRow td{padding:0 0 9px;}			
		.carnageTable td.playerInfo,
		.carnageTable td.statCell
		{
			background:url(../../images/reachStatsNew/bg_20gray.png) repeat-x 0 0;
			padding-bottom:9px;
		}	
		.carnageTable td.rank
		{
			width:50px;
			padding-bottom:9px;
		}
			.carnageTable td.rank div
			{
				background:url(../../images/reachStats/icon_rankTable_placeHolder.png) no-repeat center center;
				width:50px;
				height:50px;
				float:right;
			}
		.carnageTable tr.expanded td
		{
			padding-bottom:0;
		}
		.carnageTable td[colspan="6"]
		{
			width:606px;
		}
			
		.carnageTable tr.current_selected_player_row td
		{
			border-top: 2px solid #fff;
			background:url(../../images/reachStatsNew/bg_20gray_plusBorder.png) top center repeat-x;	
		}
			
		.carnageTable tr.current_selected_player_row td.rgExpandCol, .carnageTable tr.current_selected_player_row td.place
		{
			border: none;
			background:none;
		} 
			
			/* Nested Carnage detail table */
			.carnageTable td table.rgDetailTable
			{
				width:606px !important;
				border:0;
			}
				.carnageTable table.rgDetailTable td
				{
					padding-bottom:0;
					vertical-align:middle;
					padding-bottom:0;
					background:none;
					height:71px;
				}
					.carnageTable table td.bar
					{
						width:50px;
					}
						.carnageTable table.rgDetailTable td p
					{
						background:none;
						height:71px;
						line-height:71px;
						margin-bottom:0;
						margin-top:1em;
					}
					.carnageTable table.rgDetailTable td.weapon
					{
						width:231px;
						position:static;
						margin:0;
						padding:0;
						text-align:left;
					}
						.carnageTable table.rgDetailTable td.weapon div.popOutTrigger
						{
							width:147px;
							height:51px;
							position:relative;								
						}
							#jsDisabled .carnageTable table.rgDetailTable td.weapon div.popOutTrigger:hover div.popOut
							{
								display:block;left:75px;bottom:25px;top:auto;
							}
						
				.carnageTable tr.rgNoRecords td
				{
					height:auto;
				}
					.carnageTable tr.rgNoRecords td p
					{
						line-height:1.3em;
						height:auto;
						text-align:center;
						margin:0;
						padding-top:1em;
							
					}
		
	.enemiesPlayers{}
		.enemiesPlayers td.playerInfo,.enemiesPlayers table.rgDetailTable td.weapon{width:206px;}
		.enemiesPlayers td.statCell{width:65px;}
		.enemiesPlayers td.killdistance{width:75px;}
		.enemiesPlayers td.pointsSpawn{width:80px;}				
	
	/* Special Cases for Carnage Table - Medals */
	.medalsPlayers{}
		.medalsPlayers td.playerInfo
		{
			width:296px;
		}
		.medalsPlayers tr td table
		{
			width:310px;
			float:right;
		}
			.medalsPlayers td table tr td
			{
				vertical-align:bottom;
				height:94px;
				padding-bottom:0;
				background:none;
			}
				.medalsPlayers td table tr td div.popOutTrigger
				{
					position:relative;
				}
				#jsDisabled .medalsPlayers td table tr td div.popOutTrigger:hover div.popOut
				{
					right:30px;bottom:26px;display:block;top:auto;left:auto;
				}
				.medalsPlayers td table tr td img
				{
					margin:5px 0;
				}
				.medalsPlayers td table tr td p
				{
					line-height:32px;
					height:32px;
					margin-bottom:0;
				}
			
	.medalsPlayers td p.noRecord{padding-top:1em;}
			
	/* Special Cases for Carnage Table - Results */
	.resultsTable th.playerInfo
	{
		text-align:left;
	}
		
	.resultsTable td{cursor:default;}
	.resultsTable td.place{width:34px;background:none;}
		.resultsTable td.place p{background:none;text-align:left;margin:0;}
	.resultsTable td.playerInfo
	{
		color:#555;
		text-transform:uppercase;
		width:296px;
		height:50px;
		font-size:13px;
		text-align:left;
	}
		.resultsTable td.playerInfo div.emblemContainer
		{
			position:relative;width:50px;height:50px;margin-right:12px;
		}
			.resultsTable td.playerInfo div.emblemContainer div.popOutTrigger 
			{
				position:static;
				float:left;
			}
			#jsDisabled .resultsTable td.playerInfo div.emblemContainer div.popOutTrigger:hover div.popOut
			{
				bottom:25px;left:25px;top:auto;display:block;
			}
		.resultsTable td.playerInfo .icon
		{
			position:static;
			float:left;
		}
		.resultsTable td.playerInfo p
		{
			margin-top:9px;
		}
			.resultsTable td.playerInfo p.place{line-height:50px;position:absolute;left:58px;margin:0; text-transform:none;width:auto;}
		.resultsTable td.playerInfo p a
		{
			background:none;
			display:inline;
			position:static;
		}
/* game view styles */
div.po-gv-player div.content
{
	width:279px;
	min-height:100px;
	padding-top:32px;
}
	div.po-gv-player div.content img#emblem
	{
	    position:absolute;
	    left:0;
	    top:0;
	}
	div.po-gv-player div.content h4
	{
	    text-indent:36px;
	    line-height:24px;
	    height:24px;
	}
	div.po-gv-player div.content img#grade
	{
	    position:absolute;
	    right:10px;
	    top:0px;
	}
	div.po-gv-player div.content div.twoColumn p
	{
	    padding-left:93px;
	}
	    div.po-gv-player div.twoColumn img
	    {
	        top:0;
	        left:-7px;
	    }
	        
.FileShare .mainContentContainer
{	
	background-position:0 -719px;
}
.gameInfoPopOut .body
{
    padding:23px;
    background:none;
    border:0;
    clear:none;
    float:none;
    margin:0;
    width:auto; 		
}
			
#imageMapContainer{position:relative;width:640px;margin:0 auto;}
	#overlayContainer
	{
		height:360px;
		left:0;
		overflow:hidden;
		position:absolute;
		top:0;
		width:640px;
	}	        
	#imageMapContainer .gv-kill
	{
        position:absolute;
        border: solid 1px #555;
               
    }
        #imageMapContainer .gv-kill a
        {
            display:block;
            position:absolute;
            top:0;
            left:0;
            width:43px;
            height:14px;
        }
	        #imageMapContainer .gv-kill a:hover
	        {
	            border:1px solid #bbb;
	            	    
	        }
            
    #imageMapContainer .gv-death
    {
        position:absolute;
        background-image: url(../../images/reachstats/gameviewer/x.png);
        height:14px;
        width:14px;
    }
        #imageMapContainer .gv-death a
        {
            display:block;
            position:absolute;
            top:0;
            left:0;
            width:12px;
            height:12px;
        }
            #imageMapContainer .gv-death a:hover
	        {
	            border:1px solid #bbb;
	        }
.views{width:642px;}
    .views img{margin-left:1px;cursor:pointer;}
div.view-bg-image {width:640px; height:360px;}
div.sort{padding:10px 0;position:relative;z-index:10;float:left;width:640px;}
    div.sort p{float:right;color:#ECECEC;font-size:11px;text-align:right;width:300px;line-height:27px;margin-bottom:0;}          
	div.sort ul.dropDown{margin-right:18px;width:120px;float:left;}
	div.sort ul.dropDown li ul li:first-child a{padding-top:10px;}  
#slide-frame > div.slide { padding: 10px !important; }
div.slide{width:100%;position:relative;clear:both;}
	div.slide p{padding:0 10px;text-align:right; background:url("../../images/reachStats/bg_15white.png") repeat-x scroll 0 0 transparent;color:#ececec;font-size:11px;line-height:35px;}
	    div.slide p label{float:left;}
	    div.slide div#slider-range{position:absolute;top:13px;left:131px;width:382px;}
                    	