﻿body { background: url(../images/reachOnline/bg_body.jpg) no-repeat #000 center top;}
div.footer-menu { display: block; }
div.footer { display: block; }
div.fContent { display: block; }
.onlineHeader h1
{
	background:url(../images/reachOnline/sprite_headers_nav.png) no-repeat;
	text-indent:-9999px;
	color:#fff;
	font-size:50px;
	float:left;
	margin:10px;
	width:370px;
	height:50px;
	overflow:hidden;
}
	.Home h1
	{
		background-position:0 0;
		width:370px;
	}
	.FileSearch h1
	{
		width:370px;
		height:50px;
		float:left;
		background:none;
		text-indent:0;
	}
		.FileSearch h1 a
		{
			background:url(../images/reachOnline/sprite_headers_nav.png) no-repeat 0 -50px;
			text-indent:-9999px;
			overflow:hidden;
			color:#fff;
			font-size:50px;
			display:block;
			width:370px;
			height:50px;
		}
		
	.BungieTV h1
	{
		background-position:0 -100px;
		width:272px;
	}
	.AppCenter h1
	{
		background-position:0 -150px;
		width:310px;
	}
	.OnlineIntel h1
	{
		background-position:0 -200px;
		width:343px;
	}

div.intelSearch{position:absolute;top:-8px;right:0;}

.onlineHeader div.lattice{width:100%;height:100%;}

div.sContent div.Screenshots div.mainContentContainer,
body.Challenges div.mainContentContainer
{
	background-position:0 -719px;
}
div.sContent div.GameVariants div.mainContentContainer,
body.Playlists div.mainContentContainer
{
	background-position:0 -669px;
}
div.sContent div.Films div.mainContentContainer,
body.PlaylistVariants div.mainContentContainer
{
	background-position:0 -619px;
}
div.sContent div.CustomMaps div.mainContentContainer,
body.PlaylistMaps div.mainContentContainer
{
	background-position:0 -569px; 
}
div.sContent div.RenderedFilms div.mainContentContainer,
body.Heatmaps div.mainContentContainer
{
	background-position:0 -519px; 
}

div.onlineHeader
{
	width:871px;
	margin-bottom:18px;
}
	div.onlineHeader .headNav
	{
		float:right;
		width:385px;
	}
		div.onlineHeader .headNav h2
		{
			background:url(../images/reachOnline/text_reach.gif) no-repeat;
			float:right;
			margin:17px 15px 8px 0;
			text-indent:-9999px;
			width:183px;
			height:16px;
			overflow:hidden;
		}
		div.onlineHeader .headNav ul
		{
			clear:both;	
			text-align:right;
			margin-right:15px;	
		}
			div.onlineHeader .headNav ul li
			{
				display:inline;
				margin-left:16px;
			}
				div.onlineHeader .headNav ul li a
				{
					font-size:12px;
					white-space:nowrap;
				}
				div.onlineHeader .headNav ul li.on a
				{
					color:#fff;
				}

		div.headNav div.addthis_default_style
		{
			position:absolute;
			bottom:-38px;
			right:-37px;	
		}	
			div.headNav div.addthis_default_style a{margin-left:3px;}

.sideNav
{
	
}
	.sideNav li
	{
		
	}
		.sideNav li a
		{
			display:block;
			overflow:hidden;
			position:relative;
			text-indent:-9999px;
			text-transform:uppercase;
		}
	div.FileShare .sideNav li li
	{
		display:inline;
		overflow:visible;
		position:static;
		text-indent:0;
		text-transform:none;
		font-size:13px;
		line-height:20px;
		margin-left:52px;
		padding-left:15px;
		width:auto;
	}
		div.FileShare .sideNav li.serviceRecord_nav li,
		div.FileShare .sideNav li.careerStats_nav li,
		div.FileShare .sideNav li.fileshare_nav li
		{
			display:block;
			line-height:18px;	
		}
			div.FileShare .sideNav li.fileshare_nav li.reach_nav
			{
				margin:20px 0 0 66px;
				padding:20px 0 0;
				width:120px;
			}
		div.FileShare .sideNav li li a
		{
			display:inline;
			overflow:visible;
			position:static;
			text-indent:0;
			text-transform:none;
		}
			div.FileShare .sideNav li.serviceRecord_nav li a,
			div.FileShare .sideNav li.careerStats_nav li a,
			div.FileShare .sideNav li.fileshare_nav li a
			{
				display:block;
				line-height:18px;	
			}
				div.FileShare .sideNav li.serviceRecord_nav li a.linkArrow,
				div.FileShare .sideNav li.careerStats_nav li a.linkArrow,
				div.FileShare .sideNav li.fileshare_nav li a.linkArrow
				{
					display:inline-block;
				}
	.sideNav li.navItem
	{
		background:url("../images/reachStatsNew/bg_sideNav_h4.png") no-repeat scroll left top transparent;
		height:40px;
		margin:0 0 10px;
		position:relative;
	}
		.sideNav li.on span.gradient
		{
			background:url("../images/reachStatsNew/bg_gradientNav.png") no-repeat scroll 0 0 transparent;
			display:block;
			height:40px;
			position:absolute;
			right:-39px;
			top:-1px;
			width:40px;	
		}
		.sideNav li.navItem a
		{
			display:block;
			height:16px;
			left:0;
			padding:12px 15px;
			position:relative;
			text-transform:uppercase;
			top:0;
			width:173px;
			z-index:2;
		}
			.sideNav li a span.link
			{
				background:url("../images/reachOnline/sprite_headers_nav.png") no-repeat scroll 0 0 transparent;
				display:block;
				height:14px;
				overflow:hidden;
				position:static;
				text-indent:-9999px;
				width:120px;
			}
			.sideNav li a.screenshots span.link
			{
				background-position:0 -335px;	
			}
				.sideNav li a.screenshots:hover span.link,
				.sideNav li.on a.screenshots span.link
				{
					background-position:-220px -335px;	
				}
			.sideNav li a.renderedFilms span.link
			{
				background-position:0 -260px;	
			}
				.sideNav li a.renderedFilms:hover span.link,
				.sideNav li.on a.renderedFilms span.link
				{
					background-position:-220px -260px;	
				}
			.sideNav li a.films span.link
			{
				background-position:0 -275px;	
			}
				.sideNav li a.films:hover span.link,
				.sideNav li.on a.films span.link
				{
					background-position:-220px -275px;	
				}
			.sideNav li a.customMaps span.link
			{
				background-position:0 -290px;	
			}
				.sideNav li a.customMaps:hover span.link,
				.sideNav li.on a.customMaps span.link
				{
					background-position:-220px -290px;	
				}
			.sideNav li a.gameVariants span.link
			{
				background-position:0 -305px;	
			}
				.sideNav li a.gameVariants:hover span.link,
				.sideNav li.on a.gameVariants span.link
				{
					background-position:-220px -305px;	
				}
			/* Online Intel */
			.sideNav li a.challenges span.link
			{
				background-position:0 -590px;	
			}
				.sideNav li a.challenges:hover span.link,
				.sideNav li.on a.challenges span.link
				{
					background-position:-220px -590px;	
				}
			.sideNav li a.playlists span.link
			{
				background-position:0 -605px;	
			}
				.sideNav li a.playlists:hover span.link,
				.sideNav li.on a.playlists span.link
				{
					background-position:-220px -605px;	
				}	
			.sideNav li a.recentgames span.link
			{
				background-position:0 -620px;	
			}
				.sideNav li a.recentgames:hover span.link,
				.sideNav li.on a.recentgames span.link
				{
					background-position:-220px -620px;	
				}	
			.sideNav li a.playlistMaps span.link
			{
				background-position:0 -635px;	
			}
				.sideNav li a.playlistMaps:hover span.link,
				.sideNav li.on a.playlistMaps span.link
				{
					background-position:-220px -635pxpx;	
				}	
			.sideNav li a.heatmaps span.link
			{
				background-position:0 -650px;	
			}
				.sideNav li a.heatmaps:hover span.link,
				.sideNav li.on a.heatmaps span.link
				{
					background-position:-220px -650px;	
				}	
	
			
			/*Bungie TV*/
			.sideNav li a.funny span.link
			{
				background-position:0 -380px;	
			}
				.sideNav li a.funny:hover span.link,
				.sideNav li.on a.funny span.link
				{
					background-position:-220px -380px;	
				}
			.sideNav li a.awesome span.link
			{
				background-position:0 -395px;	
			}
				.sideNav li a.awesome:hover span.link,
				.sideNav li.on a.awesome span.link
				{
					background-position:-220px -395px;	
				}
			.sideNav li a.bungle span.link
			{
				background-position:0 -410px;	
			}
				.sideNav li a.bungle:hover span.link,
				.sideNav li.on a.bungle span.link
				{
					background-position:-220px -410px;	
				}
			.sideNav li a.sticks span.link
			{
				background-position:0 -425px;	
			}
				.sideNav li a.sticks:hover span.link,
				.sideNav li.on a.sticks span.link
				{
					background-position:-220px -425px;	
				}
			.sideNav li a.assasinations span.link
			{
				background-position:0 -440px;	
			}
				.sideNav li a.assasinations:hover span.link,
				.sideNav li.on a.assasinations span.link
				{
					background-position:-220px -440px;	
				}
		.sideNav li.on
		{
			background-position:left bottom;
		}
			.sideNav li.on a
			{

			}
				.sideNav li.on a span span
				{
					display:block;
					background:url(../images/reachOnline/sprite_icons.png) no-repeat;
					background-position:0 -80px;
					width:15px;
					height:20px;
					position:absolute;
					top:10px;
					right:14px;
					left:auto;
				}
				.SingleFile .sideNav li.on a span span
				{
					background-position:0 -100px;
				}
					.SingleFile .sideNav li.on a:hover span span
					{
						background-position:0 -120px;
					}
		.sideNav li a
		{

		}
		.sideNav li.block
		{
			background:none;
			height:auto;
			background:url(../images/reachOnline/bg_glowBox.png);
			border:1px solid #404040;
			position:relative;
			top:0;
			left:0;
			padding:18px 15px 19px 15px;
			width:160px;
			z-index:1;
			margin-bottom:10px;
		}
			.sideNav li.block .top
			{
				position:absolute;
				display:block;
				width:62px;
				height:59px;
				background:url(../images/reachStats/sprite_glowCorners_62_59.png) no-repeat;
				background-position:0 0;
				top:-1px;
				left:-1px;
				z-index:1;
			}
			.sideNav li.block h4
			{
				background:url(../images/reachOnline/sprite_headers_nav.png) no-repeat;
				width:80px;
				height:15px;
				margin:0;
				text-indent:-9999px;
				margin-bottom:18px;
				overflow:hidden;
			}
				.sideNav li.advanced h4
				{
					background-position:-220px -320px;
				}
				.sideNav li.screenshotTags h4
				{
					background-position:-220px -365px;
					width:140px;
				}
				.sideNav li.screenshotFeeds h4
				{
					background-position:-220px -350px;
					width:140px;
				}
				.sideNav li.createChannel h4
				{
					background-position:-220px -455px;
					width:140px;
				}
				
			.sideNav li.block .bottom
			{
				position:absolute;
				display:block;
				background:url(../images/reachOnline/bg_glowBox_corner_btrt.png) no-repeat 1px 1px;
				bottom:0;
				right:0;
				width:75px;
				height:69px;
				z-index:1;
			}
			.sideNav a.btn
			{
				background:url(../images/reachOnline/sprite_buttons.png) no-repeat;
				background-position:0 -360px;
				height:31px;
				width:139px;
				text-indent:0;
				text-transform:none;
				padding-right:20px;
				line-height:31px;
			}
				.sideNav a.btn:hover
				{
					background-position:-160px -360px;
				}
			.sideNav li.advanced
			{
				position:relative;
				z-index:10;
			}	
			.sideNav li.advanced a
			{
				background-position:-140px -530px;
			}
			.sideNav li.advanced a.submit
			{
				background:url(../images/reachOnline/sprite_buttons.png) no-repeat;
				background-position:0 -640px;
				width:159px;
				height:40px;
				top:5px;
			}
				.sideNav li.advanced a.submit:hover
				{
					background-position:-159px -640px;
				}
			
			.sideNav li.advanced .dropDown
			{
				background:transparent url(../images/reachStats/bg_dropDown_leftCurved.png) no-repeat scroll left top;
				display:block;
				margin-right:12px;
				padding-left:12px;
				margin-bottom:10px;
				position:relative;
				cursor:pointer;
						
			}
				.sideNav li.advanced .select:hover li a
				{
					background:url(../images/reachOnline/icon_dropDownArrow_small_on.png) no-repeat 100% 58%;
				}
					.sideNav li.advanced .select:hover li li a
					{
						background:none;
					}
				.sideNav li.advanced .hover
				{
					background:transparent url(../images/reachStats/bg_dropDown_left_solid.png) no-repeat scroll left top;							
				}
					.cols .sideNav li.advanced .hover li a
					{
						z-index:5;
						
					}
						.cols .sideNav li.advanced .hover li ul li a
						{
							z-index:4;
						}
				.sideNav li.advanced .dropDown li
				{
					background:transparent url(../images/reachStats/bg_dropDown_rightCurved.png) no-repeat scroll right top;
					height:27px;
					left:0;
					padding:0 12px 0 0;
					margin-bottom:0;	
					position:relative;
					text-align:left;
					top:0;
					width:100%;
					margin-left:0;
				}
					.sideNav li.advanced .dropDown li a
					{
						background:transparent url(../images/reachStats/icon_dropDownArrow_small.png) no-repeat scroll 100% 58%;
						
						display:block;
						height:27px;
						line-height:27px;
						padding-right:20px;
						position:relative;
						z-index:3;
						top:0;
						left:0;
						width:auto;
						text-indent:0;
						white-space:nowrap;
						text-transform:none;
						font-size:11px;
					}
								
						.sideNav li.advanced .dropDown li a.first
						{
							z-index:5;
						}		
					.sideNav li.advanced .hover li
					{
						background:transparent url(../images/reachStats/bg_dropDown_right_solid.png) no-repeat scroll right top;
					}
						
						.sideNav li.advanced .hover li ul.inView
						{
							left:-12px;

						}	
					.sideNav li.advanced .dropDown li ul
					{
						background:#333333 none repeat scroll 0 0;
						left:-99999px;
						position:absolute;
						top:18px;
						border:2px solid #888;
						border-top:0;
						-moz-border-radius-bottomleft: 10px;
						-moz-border-radius-bottomright: 10px;
						-webkit-border-bottom-left-radius: 10px;
						-webkit-border-bottom-right-radius: 10px;
						width:100%;
						padding-right:8px;
						z-index:4;				
					}
						.sideNav li.advanced .dropDown li ul li
						{
							background:none;
							clear:both;
							float:left;
							height:auto;
							width:100%;
							margin-bottom:7px;
						}
							.sideNav li.advanced .hover ul li
							{
								background:none;
							}
							.sideNav li.advanced .dropDown li ul li a
							{
								background:none;
								display:block;
								float:left;
								width:100%;
								line-height:1.1em;
								height:auto;
								padding-bottom:0;
								padding:0 0 0 12px;
							}
								.sideNav li.advanced .dropDown li ul li:first-child a
								{
									padding-top:7px;
								}
				
				
				.sideNav li.screenshotTags{}
					.sideNav li.screenshotTags ul li
					{
						width:auto;
						background:none;
						height:auto;
						margin-bottom:10px;
						line-height:15px;
						margin-left:0;
						padding:0;
						position:static;
						width:auto;
						white-space:nowrap;
						overflow:hidden;
						color:#fff;
						text-overflow:ellipsis;/* move to IE stylesheet */
					}
						.sideNav li.screenshotTags ul li a
						{
							background:none;
							display:inline;
							position:static;
							text-indent:0;
							text-transform:none;
							width:auto;
						}
					.sideNav li.screenshotTags a.more
					{
						background:url(../images/reachOnline/sprite_buttons.png) no-repeat;
						background-position:0 -40px;
						width:159px;
						height:40px;
						top:5px;
					}
						.sideNav li.screenshotTags a.more:hover
						{
							background-position:-159px -40px;
						}
				.sideNav li.screenshotFeeds
				{
					padding-bottom:0;
				}
					.sideNav li.screenshotFeeds ul li
					{
						width:auto;
					}
					.sideNav li.screenshotFeeds a
					{
						background:url(../images/reachOnline/sprite_buttons.png) no-repeat;
						
						width:159px;
						height:40px;
						margin-bottom:15px;
					}
						.sideNav li.screenshotFeeds a.currentSearch
						{
							background-position:0 -160px;
						}
							.sideNav li.screenshotFeeds a.currentSearch:hover
							{
								background-position:-159px -160px;
							}
						
						.sideNav li.screenshotFeeds a.popularFilesRSS
						{
							background-position:0 -120px;
						}
							.sideNav li.screenshotFeeds a.popularFilesRSS:hover
							{
								background-position:-159px -120px;
							}
						.sideNav li.screenshotFeeds a.popularFilesTwitter
						{
							background-position:0 -80px;
						}
							.sideNav li.screenshotFeeds a.popularFilesTwitter:hover
							{
								background-position:-159px -80px;
							}
				.sideNav li.createChannel{}
					.sideNav fieldset
					{
						border:2px solid #fff;
						padding:0;
						margin:0;
						position:relative;
						top:0;
						left:0;
					}
					.createChannel label
					{
						font-style:italic;
						color:#000;
						font-size:12px;
						position:absolute;
						line-height:19px;
						left:-9999px;
						top:0;	
						z-index:2;
					}
						.createChannel label.floated
						{
							left:5px;
							top:0;
						}
					.sideNav li.createChannel input.TextBox
					{
						border:0;
						width:120px;
						padding:0;
						margin:0;
						font-size:12px;
						color:#000;
						line-height:19px;
						height:19px;
						float:left;
					}
					.sideNav li.createChannel input.submit
					{
						border:1px solid #000;
						background:#25211e;
						padding:0;
						margin:0;
						color:#fff;
						width:36px;
						height:18px;
						float:left;
						cursor:pointer;
					}
			
			
			.sideNav li.developerAPI{}
				.sideNav li.developerAPI h4
				{
					background-position:-220px -560px;
					width:150px;	
				}
					.sideNav li.developerAPI p
					{
						font-size:11px;
						margin-bottom:.7em;
					}
					.sideNav li.developerAPI p a
					{
						background:url(../images/reachOnline/sprite_buttons.png) no-repeat 0 -400px;
						display:block;
						width:166px;
						height:40px;
						line-height:40px;
						text-indent:10px;
						font-size:14px;
						text-transform:none;
					}
						.sideNav li.developerAPI p a:hover
						{
							background-position:-170px -400px;
						}
					.sideNav li.developerAPI p span
					{
						clear:both;
						text-transform:uppercase;
						color:#808080;
						margin-left:10px;
						font-size:10px;
					}
					.sideNav li.developerAPI a.btn
					{
						text-indent:10px;
					}
						.sideNav li.developerAPI a.developersForum
						{
							margin-bottom:10px;
						}
		.sideNav li.submitApp{}
			.sideNav li.submitApp h4
			{
				background-position:-220px -575px;
				width:150px;
			}
			.sideNav li.submitApp p
			{
				font-size:11px;
				margin-bottom:15px;
			}
			.sideNav li.submitApp a.btn
			{
				background-position:0 0;
				text-indent:-9999px;
				height:40px;
				width:159px;
				padding-right:0;
				overflow:hidden;
			}
				.sideNav li.submitApp a.btn:hover
				{
					background-position:-159px 0;
				}
		.sideNav li.communicate{}
			.sideNav li.communicate h4
			{
				background-position:-220px -665px;
				width:150px;
			}
			.sideNav li.communicate p
			{
				font-size:13px;
				margin-bottom:15px;
			}
			.sideNav li.communicate a.btn
			{
				height:31px;
				width:159px;
				padding-right:0;
				text-indent:10px;
				margin-bottom:10px;
			}
				.sideNav li.communicate a.playlistNews
				{
					margin-bottom:0;
				}

ul.fileShareList li.fileInfo
{
	min-height:175px;
	background:url(../images/reachStatsNew/bg_10white.png);
	border:0;
	width:640px;
}
	ul.fileShareList li.fileInfo div.info{padding-bottom:20px;position:relative;min-height:111px;}
		ul.fileShareList li.fileInfo div.info h5{font-size:15px; font-weight:normal;line-height:20px;}
		ul.fileShareList li.fileInfo div.info p{font-size:12px;}
			ul.fileShareList li.fileInfo div.info p.description{font-size:11px;margin-bottom:0;}
	ul.fileShareList li.fileInfo div.linkActions
	{
		position:absolute;
		bottom:0;
		left:0;
		font-size:11px;
		color:#fff;
	}
		ul.fileShareList li.fileInfo div.linkActions a{font-size:11px;line-height:15px;}
	

	ul.fileShareList li.fileInfo ul.actions
	{
		width:620px;
		left:10px;
		background:url(../images/reachStats/rule_transparent.png) top repeat-x;
		padding-top:10px;
	}


/* File Search pages */
	.FileSearch .coolirisContainer
	{
		display:none;
		margin:0 auto 12px;
		width:640px;
	}
	
	fieldset.searchBar
	{
		width:640px;
		display:block;
		position:relative;
		top:0;
		left:0;
		margin:0 auto 12px;
		clear:both;
		border:0;
		padding:0;
	}
		fieldset.searchBar label
		{
			font-size:17px;
			line-height:17px;
			color:#000;
			position:absolute;
			top:13px;
			left:29px;	
			z-index:2;
			position:absolute;
			left:-9999px;
			top:0;		
		}
			fieldset.searchBar label.floated
			{
				left:22px;
				top:11px;
			}
		fieldset.searchBar input
		{
			border:0;
			line-height:40px;
			height:40px;
			
		}
			fieldset.searchBar input.searchText
			{
				width:471px;
				padding:0 11px;
				color:#fff;
				font-size:17px;
				position:relative;
				top:-1px;
				left:0;
				z-index:1;
			}
			fieldset.searchBar input.searchButton
			{
				width:137px;
				height:40px;
				background:url(../images/reachOnline/sprite_buttons.png) no-repeat 0 -742px;
				text-indent:-9999px;
				overflow:hidden;
			}
				fieldset.searchBar .searchButton:hover
				{
					cursor:pointer;
					background-position:-137px -742px;
				}
				
fieldset.tagEnter input.searchButton
{
	background:url(../images/reachOnline/sprite_buttons.png) no-repeat 0 -782px;
}
	fieldset.tagEnter input.searchButton:hover
	{
		background-position:-137px -782px;
	}
	


.searchBar .tagEntryBox
{
	width:493px;
	float:left;
	margin-right:10px;
}

	.searchBar .tagEntryBox .RadComboBox
	{
		width:100% !important;
	}
		.searchBar .tagEntryBox .RadComboBox table td.rcbInputCell
		{
			padding:0;
		}
		.searchBar .tagEntryBox table td
		{
			background:none;
			height:auto;
			padding:0;
		}
			.searchBar .tagEntryBox table td .rcbInput
			{
				background:url(../images/reachStatsNew/bg_70white.png);
				border:0 none;
				height:40px;
				line-height:40px;
				color:#000;
				font-size:17px;
				padding:0 13px;
				width:467px;
				z-index:1;
			}
			.tagEnter .tagEntryBox table td .rcbInput
			{
				background:url(../images/reachStatsNew/bg_70white.png);
				color:#000;
			}
				div.RadComboBoxDropDown_Default{background:url(../images/reachStatsNew/bg_70white.png);}

			.tagEnter .searchButton
			{
				width:137px;
				height:40px;
				background:url(../images/reachOnline/sprite_buttons.png) no-repeat 0 -741px;
			}
				.tagEnter .searchButton:hover
				{
					background-position:-137px 741px;
				}
			.tagSearch .searchButton
			{
				width:134px;
			}
		.RadComboBoxDropDown
		{
			width:491px !important;
			margin-top:10px !important;
		}
			.RadComboBoxDropDown .rcbList
			{
				padding-top:10px;
			}
				.RadComboBoxDropDown .rcbList li
				{
					padding-left:13px;
				}

.FileSearch .sortBar
{
	width:640px;
	clear:both;
	margin:0 auto 15px;
	overflow:hidden;
}
	.FileSearch .sortBar li
	{
		height:23px;
		display:inline;
	}
	.FileSearch .sortBar li.on a
	{
		cursor:default;
	}
		
	.FileSearch .sortBar li a
	{
		background:url(../images/reachStatsNew/sprite_sortBarIcons.png) no-repeat;
		display:block;
		width:85px;
		height:23px;
		background-position:-53px -23px;
		text-align:center;
		float:left;
		margin-right:9px;
		font-size:11px;
		line-height:23px;
	}
		.FileSearch .sortBar li.on a
		{
			background-position:-53px 0;
			color:#000;			
		}
		.FileSearch .sortBar li a.list
		{
			width:22px;
			height:19px;
			background-position:0 0;
			padding-top:0;
			text-indent:-9999px;
			overflow:hidden;
			margin-top:2px;
		}
			.FileSearch .sortBar li.on a.list
			{
				background-position:0 -23px;
			}
		.FileSearch .sortBar a.grid
		{
			width:19px;
			height:19px;
			background-position:-22px 0;
			padding-top:0;
			text-indent:-9999px;
			overflow:hidden;
			margin-top:2px;
		}
			.FileSearch .sortBar li.on a.grid
			{
				background-position:-22px -23px;
			}
		.FileSearch .sortBar a.grid3D
		{
			width:12px;
			height:19px;
			background-position:-41px 0;
			padding-top:0;
			text-indent:-9999px;
			overflow:hidden;
			margin-top:2px;
		}
			.FileSearch .sortBar li.on a.grid3D
			{
				background-position:-41px -23px;
			}
		.FileSearch .sortBar a.tv
		{
			width:19px;
			height:19px;
			background-position:-138px 0;
			padding-top:0;
			text-indent:-9999px;
			overflow:hidden;
			margin-top:2px;
		}
			.FileSearch .sortBar li.on a.tv
			{
				background-position:-138px -23px;
			}
.FileSearch  div.displayMode
{
	width:640px;margin:12px auto 0;
}
	.FileSearch  div.displayMode p
	{
		display:inline;
		margin-right:10px;
		float:left;
		line-height:19px;
		margin-bottom:0;
	}
	.FileSearch  div.displayMode ul.sortBar
	{
		display:inline;float:none;clear:none;
	}
		.FileSearch  div.displayMode ul.sortBar li a
		{
			color:#FFFFFF;
			font-size:12px;
			margin:0 59px 0 0;
			overflow:visible;
			white-space:nowrap;
		}
			.FileSearch  div.displayMode ul.sortBar li a.list{text-indent:30px;}
			.FileSearch  div.displayMode ul.sortBar li a.grid{text-indent:25px;}
			.FileSearch  div.displayMode ul.sortBar li a.grid3D{text-indent:20px;}
			.FileSearch  div.displayMode ul.sortBar li a.tv{text-indent:25px;margin-left:27px;}



ul.fileGridList
{
	width:640px;
	margin:0 auto;
}
	ul.fileGridList li
	{
		position:relative;
		float:left;
		margin-bottom:33px;
		margin-right:14px;
	}
		ul.fileGridList li a.thumbLink
		{
			float:left;
			width:204px;
		}
		ul.fileGridList li a span.fileset
		{
			background:url("../images/reachOnline/btn_infileset.png") no-repeat;
			text-indent:-99999px;
			display:block;
			font-size:11px;
			width:76px;
			height:29px;
			left:0px;
			line-height:22px;
			padding:0 4px 0 31px;
			position:absolute;
			top:89px;
			white-space:nowrap;
			overflow:hidden;
		}
		ul.fileGridList li img
		{
			width:204px !important;
		}
			
			div.Screenshots ul.fileGridList li img
			{
				border:2px solid #000;
			}
		
		ul.fileGridList li div.info
		{
			position:absolute;
			background:url(../images/reachStatsNew/bg_80black.png);
			overflow:hidden;
			display:none;
			z-index:1000;
			border:1px solid #404040;
			float:left;
		}
			div.Screenshots ul.fileGridList li div.info
			{
				bottom:100px;
				left:100px;
			}
			ul.fileGridList div.info div.corner
			{
				display:block;
			}
			ul.fileGridList div.info div.content
			{
				position:relative;
				width:300px;
				padding:21px 10px 10px 10px;
			}
			ul.fileGridList li div.info h5
			{
				background:url(../images/reachStatsNew/bg_popOut_h4.png) repeat-x 0 0;
				height:21px;
				line-height:21px;
				width:100%;
				color:#000;
				font-size:14px;
				margin:0;
				text-indent:10px;
				position:absolute;
				top:0;
				left:0;
				font-weight:bold;
				text-align:left;
			}
				ul.fileGridList li div.info h5 a
				{
					font-size:14px;
					line-height:21px;
				}
			ul.fileGridList li div.info p
			{
				text-align:right;
				color:#fff;
				margin:0;
				line-height:22px;
				clear:both;		
			}
				ul.fileGridList li div.info p.description
				{
					display:none;
				}
			ul.fileGridList li div.info ul.actions
			{
				position:static;
			}
			ul.fileGridList li div.info ul.actions a
			{
				background:none;
				display:inline;
			} 
	
	.jsDisabled ul.fileGridList li:hover div.info
	{
		display:block;
	}
	ul.fileGridList li.last
	{
		margin-right:0;
	}
		ul.fileGridList li.last span.rule
		{
			display:block;
			width:640px;
			position:absolute;
			bottom:-18px;
			right:0;
			height:2px;
			background:url(../images/reachStatsNew/rule_doubleTransparent.png) no-repeat;
		}                 	                  



/*  sort below */




.ReachOnline table.centerNav
{
	height:49px;
	background:url(../images/reachOnline/bg_centerNav_reachOnline.png) repeat-x 0 0;
	width:642px;
	margin-left:13px;
	margin-bottom:17px;
	table-layout:fixed;
}
  .ReachOnline .centerNav td
  {
  	text-align:center;
  	padding-bottom:13px;
  }
  .ReachOnline .centerNav td a
  {
  	text-transform:uppercase;
  	font-size:14px;
  	text-align:center;
  	width:100%;
  	height:36px;
  	line-height:33px;
  	display:block;  	
  }
  .ReachOnline .centerNav td.on
  {
  	background:url(../images/reachStats/bg_nav_tabbed_on.png) no-repeat center bottom;
  }
    .ReachOnline .centerNav td.on a
    {
    	color:#fff;
    	background:#848484;
    }	


.FileSearch .body,
.AppCenter .body,
.BungieTV .body,
.OnlineIntel .body
{
	float:left;
	clear:none;
	background:url(../images/reachOnline/bg_glowBox_white.png) repeat scroll 0 0 transparent;
	border:1px solid #999;
	width:667px;
	margin-top:1px;
	border-left:0;
}
	.ReachOnline .body .border
	{
		background:url(../images/reachOnline/border_sideNav_on.gif) no-repeat 0 -1000px;
		width:100%;
		float:left;
		padding-top:10px;
		min-height:924px;
	}
		
		.Screenshots .body .border,
		.Funny .body .border,
		.Web .body .border,
		.Challenges .body .border
		{
			background-position:0 -1000px;
		}
		.GameVariants .body .border,
		.Films .body .border,
		.Awesome .body .border,
		.Windows .body .border,
		.Playlists .body .border
		{
			background-position:0 -947px;
		}
		.RenderedFilms .body .border,
		.Bungle .body .border,
		.MacOSX .body .border,
		.PlaylistFiles .body .border
		{
			background-position:0 -894px;
		}
		.CustomMaps .body .border,
		.Sticks .body .border,
		.iPhoneOS .body .border,
		.PlaylistMaps .body .border
		{
			background-position:0 -841px;
		}
		
		.Assasinations .body .border,
		.Droid .body .border,
		.GlobalHeatmaps .body .border
		{
			background-position:0 -788px;
		}
		.OtherApp .body .border
		{
			background-position:0 -735px;
		}


				
	
	p.fileSetSelect
	{
		font-style:italic;
		height:30px;
		line-height:30px;
		margin-bottom:1em;
		text-align:center;	
	}
		p.fileSetSelect label
		{
			color:#fff;
			margin-right:10px;
			font-size:15px;
		}
		p.fileSetSelect select
		{
			color:#000;
			font-size:15px;
		}
	.ReachOnline ul.fileShareList{}
		.ReachOnline ul.fileShareList li{}
			.ReachOnline ul.fileShareList a.inSet span
			{
				background:url("../images/reachStats/sprite_fileShare.png") no-repeat scroll -485px -40px transparent;
				display:block;
				height:21px;
				left:5px;
				line-height:21px;
				padding-left:33px;
				position:absolute;
				top:5px;
				z-index:3;
			}
				.ReachOnline ul.fileShareList a.inSet:hover span
				{
					background-position:-485px -65px;
				}
				.ReachOnline ul.fileShareList a.inSet
				{
					background:url("../images/reachOnline/bg_75black.png") repeat scroll 0 0 transparent;
					display:block;
					
					height:31px;
					left:14px;
					position:absolute;
					top:101px;
					width:78px;
					z-index:20;
					
				}
			.ReachOnline ul.fileShareList li div.insideBorder
			{
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				margin:2px;
				padding:2px 2px 10px 2px;
			}
				.ReachOnline ul.fileShareList li.on div.insideBorder
				{
					border:2px solid #288acb;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					margin:2px;
					padding:0 0 10px 0;
				}
			
				.ReachOnline ul.fileShareList li .bungiePro
				{
					background:none;
					padding:0;
					float:right;
					margin:10px 11px 10px 0;
					clear:right;
				}	
				
				
	


.SingleFile .file
{
	text-align:center;
	margin:0 0 17px 0;
}
	.Screenshots .file{margin-bottom:12px;}

.SingleFile table.centerNav
{
	clear:both;
	table-layout:fixed;
}
.SingleFile #ctl00_mainContent_silverlightControlHost
{
	background:none !important;
}
.SingleFile p.downloadVideo
{
	line-height:20px;
	margin-bottom:0;
	text-align:left;
	font-size:15px;
	color:#fff;
	padding:20px 0 19px 13px;
}
	.SingleFile p.downloadVideo a
	{
		font-size:13px;
	}
.SingleFile .arrowLink
{
	float:right;
	padding-right:20px;
	height:20px;
	line-height:20px;
	position:relative;
	top:0;
	left:0;
	margin:21px 13px 0 0;
}
	.SingleFile .arrowLink span
	{
		display:block;
		position:absolute;
		width:10px;
		height:13px;
		right:0px;
		top:4px;
		background:url(../images/reachOnline/sprite_png.png) no-repeat;
		background-position:0 -589px;
	}
		.SingleFile .arrowLink:hover span
		{
			background-position:0 -614px;
		}
.SingleFile .tags
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:620px;
	margin:0 auto 14px;
	text-align:left;
	background:url(../images/reachStatsNew/bg_10white.png);
	clear:both;
	padding:10px;
}
	.SingleFile .tags div
	{
		display:inline-block;
		margin-right:15px;
		line-height:20px;
		white-space:nowrap;		
	}
		.SingleFile .tags div.large
		{
			line-height:30px;
		}
		.SingleFile .tags div.hideTag
		{
			display:none;
		}
	.SingleFile .tags a.tagLink
	{
		background:url(../images/reachOnline/icon_thumb.png) no-repeat left center;
		margin:0;
		display:block;
		width:11px;
		white-space:nowrap;
		text-indent:-99999px;
		overflow:hidden;
		float:left;
		height:20px;
		margin-right:5px;
	}
		.SingleFile .tags .large a.tagLink
		{
			height:30px;
		}
		.SingleFile .tags a.tagLink:hover
		{
			background:url(../images/reachOnline/icon_thumb_on.png) no-repeat left center;	
		}
	.SingleFile .tags a.toTagLink
	{
		white-space:nowrap;
	}
		.SingleFile .tags .large a.toTagLink
		{
			font-size:18px;
		}
	.SingleFile .tags .large span
	{
		font-size:18px;
	}
.SingleFile .viewMoreTags
{
	background:url(../images/reachOnline/sprite_icons.png) no-repeat;
	background-position:90px -143px;
	height:16px;
	line-height:16px;
	padding-right:16px;
	clear:both;
	width:90px;
	margin:0 auto 17px auto;
	display:none;
}
	.SingleFile .viewMoreTags:hover
	{
		background-position:90px -163px;
	}
	.SingleFile .viewMore
	{
		background-position:90px -143px;
		display:block;
	}
		.SingleFile .viewMore:hover
		{
			background-position:90px -163px;
		}
	.SingleFile .viewLess
	{
		background-position:95px -208px;
		display:block;
		width:95px;
	}
		.SingleFile .viewLess:hover
		{
			background-position:95px -187px;
		}
	

.SingleFile .btn_viewMore
{
	background:url(../images/reachOnline/btn_viewMore.png) no-repeat 0 0;
	width:642px;
	height:40px;
	text-align:center;
	line-height:40px;
	clear:both;
	text-indent:-99999px;
	overflow:hidden;
	display:block;
	margin-bottom:16px;
}
	.SingleFile .btn_viewMore:hover
	{
		background-position:0 -40px;
	}
.SingleFile div.forum_item_outer_shell
{
	width:642px;
}
	.SingleFile div.forumpost div.forumavatar img
	{
		margin-left:0;
	}
	.SingleFile div.forumpost div.postbody
	{
		width:542px;
	}

.SingleFile .fileComments
{
	clear:both;
	width:640px;
	float:none;
	margin:0 auto;
	position:relative;
}
	.SingleFile .fileComments br
	{
		display:none;
	}
	.SingleFile .fileComments .list-c
	{
		margin:0;
		float:left;
		width:100%;
	}
		.SingleFile .fileComments #ctl00_mainContent_cp2 .pagination_container
		{
			margin-bottom:13px;
		}
		.SingleFile .fileComments .list-c div.formgroup2
		{
			padding:0;
			background:none;
			border:0;
		}
		.SingleFile .fileComments #ctl00_ctl00_mainContent_postForm_skin_createPostBodyValidatorPanel,
		.SingleFile .fileComments #ctl00_ctl00_mainContent_postForm_skin_body_characterSetValidatorPanel,
		.SingleFile .fileComments #ctl00_ctl00_mainContent_postForm_skin_BodyLengthValidatorPanel
		{
			line-height:30px;
			clear:both;
		}
		.SingleFile .fileComments #ctl00_ctl00_mainContent_commentPostedPlaceHolderPanel,
		.SingleFile .fileComments  #ctl00_ctl00_mainContent_nestedQuoteCustomValidatorPanel,
		.SingleFile .fileComments #ctl00_ctl00_mainContent_xboxLiveLinkedCustomValidatorPanel
		{
			line-height:50px;
			clear:both;
		}
	.SingleFile .fileComments label
	{
		position:absolute;
		left:-99999px;
		top:-99999px;
		
	}
	.SingleFile .fileComments .textComments
	{
		width:465px;
		height:100px;
		margin:0 10px 0 0;
		border:0;
		overflow:auto;
		float:left;
		padding:5px;
		background:url(../images/reachStatsNew/bg_70white.png);
	}
	.SingleFile .fileComments .submitComments
	{
		background:url(../images/reachOnline/sprite_buttons.png) no-repeat;
		background-position:-2px -445px;
		width:155px;
		height:112px;
		border:0;
		padding:0;
		text-indent:-9999px;
		overflow:hidden;
		float:left;		
	}
		.SingleFile .fileComments .submitComments:hover
		{
			background-position:-160px -445px;
			cursor:pointer;
		}
	.SingleFile .fileComments .commentsList
	{
		clear:both;
		float:left;
		width:100%;
	}
		.SingleFile .fileComments .commentsList li
		{
			float:left;
			clear:both;
			margin-bottom:24px;
			width:100%;
		}	
			.SingleFile .fileComments .commentsList .avatar
			{
				float:left;
				margin-right:10px;
			}
			.SingleFile .fileComments .commentsList .commentsContent
			{
				float:left;
				width:542px;
				position:relative;
				top:0;
				left:0;
				padding-bottom:20px;
				min-height:90px;
			}
				.SingleFile .fileComments .commentsList .commentsContent .userBar
				{
					background:#000;
					width:100%;
					float:left;
				}
					.SingleFile .fileComments .commentsList .commentsContent .userBar p
					{
						height:24px;
						line-height:24px;
						margin-bottom:0;
						width:50%;
						float:left;
					}
					.SingleFile .fileComments .commentsList .commentsContent .userBar .userInfo
					{
						text-align:left;
						
					}
						.SingleFile .fileComments .commentsList .commentsContent .userBar .userInfo .user
						{
							margin-left:6px;
						}
						
					.SingleFile .fileComments .commentsList .commentsContent .userBar .groupsInfo
					{
						text-align:right;
						
					}
						
						.SingleFile .fileComments .commentsList .commentsContent .userBar .groupsInfo .more
						{
							display:inline-block;
							margin:0 6px 0 0;
							background:url(../images/reachOnline/icon_arrow_more.gif) no-repeat 100% 49%;
							padding-right:23px;
							
							height:24px;
							line-height:24px;
							
						}
				.SingleFile .fileComments .commentsList .comment
				{
					padding-top:13px;
					clear:both;
				}		
				.SingleFile .fileComments .commentsList .commentsContent .date
				{
					font-style:italic;
					position:absolute;
					bottom:0;
					left:0;
					margin-bottom:0;
					color:#555;
				}
.Films .file
{
	background:url(../images/reachOnline/bg_singleViewFilm.png) no-repeat center 0;
	text-align:center;
	padding-top:28px;
	position:relative;
	top:0;
	left:0;
	margin-bottom:-5px;
}
	.Films .file img
	{
		border:5px solid #000;
		position:relative;
		top:7px;
	}
	.Films .file a.btn_watchFilmBungiePro
	{
		display:block;
		position:absolute;
		width:347px;
		height:52px;
		background:url(../images/reachOnline/btn_watchFilmBungiePro.png) no-repeat 0 0;
		top:156px;
		left:140px;
		text-indent:-9999px;
		overflow:hidden;
	}
		.Films .file a.btn_watchFilmBungiePro:hover
		{
			background-position:0 -55px;
		}
.BungieTV .shield
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../images/reachOnline/bg_75black.png);
	z-index:100;
}
.BungieTV .tvView
{
	z-index:101;
	position:relative;
	top:0;
	left:0;
}
.AppCenter{}
	.AppCenter h1 a
	{
		background-position:0 -150px;
	}
	.AppCenter ul.sortBar .mostRecent
	{
		margin-left:15px;
	}
	.AppCenter ul.fileShareList li .info
	{
		width:358px;
	}   
	.AppCenter ul.fileShareList li img
	{
		/* remove when app center is hooked up */
		width:250px !important;
		height:218px !important;
		/* end remove */
	}
.SingleApp{}
	.SingleApp .fileInfo
	{
		padding-bottom:16px;
	}
		.SingleApp .fileInfo .rule
		{
			border-top:1px solid #575757;
			clear:both;
			margin-left:14px;
			height:16px;
			position:static;
			width:611px;
		} 
		.SingleApp ul.appInfo
		{
		}
			.SingleApp ul.appInfo li
			{
				padding-bottom:10px;
				padding-right:10px;
				text-align:right;
				float:left;
				width:351px;
				padding-left:15px;
			}
				.SingleApp ul.appInfo li em
				{
					color:#fff;
					font-size:13px;
					float:left;
					font-style:normal;
					margin-bottom:15px;
				}
				.SingleApp ul.appInfo li p
				{
					color:#808080;
					font-size:12px;
					clear:both;
					text-align:left;
					margin-bottom:15px;
				}
			.SingleApp ul.appInfo li.download
			{
				clear:both;
				width:615px;
				padding:0;
				padding-left:15px;
				
			}
				.SingleApp ul.appInfo li.download .glowBox
				{
					width:569px;
					float:left;
					clear:both;
					padding:20px;
					margin-bottom:20px;
				}
				.SingleApp ul.appInfo li.download a
				{
					background:url(../images/reachOnline/sprite_downloadAppBtns.png) no-repeat;
					width:116px;
					height:118px;
					display:block;
					float:left;
					margin-right:10px;
					text-indent:-9999px;
					overflow:hidden;
					text-align:left;
				}
					.SingleApp ul.appInfo li.download a.mac
					{
						background-position:0 0;
					}
						.SingleApp ul.appInfo li.download a.mac:hover
						{
							background-position:-116px 0;
						}
					.SingleApp ul.appInfo li.download a.pc
					{
						background-position:0 -118px;
					}
						.SingleApp ul.appInfo li.download a.pc:hover
						{
							background-position:-116px -118px;
						}
		.SingleApp img.appImage
		{
			float:right;
			width:250px;
			height:218px;
			margin-right:15px;
		}
		.SingleApp p.warning
		{
			clear:both;
			color:#fff;
			
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			background:url(../images/reachOnline/icon_ownRisk.gif) no-repeat 10px 10px #093a5a;
			width:531px;
			padding:12px 12px 15px 68px;
			margin-bottom:0;
			float:left;
			margin-left:15px;		
		}
.Playlists div.mainContentContainer div.mainGlowBox
{
	padding-bottom:0;
}
.OnlineIntel ul.intelList
{
}
	.OnlineIntel ul.intelList li{margin-bottom:14px;}
	.OnlineIntel ul.intelList li div.minInfo
	{
		background:url("../images/reachStatsNew/bg_10white.png");
		margin:0 auto;
		width:640px;
		padding-bottom:10px;
		position:relative;
		text-align:left;
	}
		
		.OnlineIntel ul.intelList li img
		{
			margin:10px 10px 0;
			float:left;
		}
			
		.OnlineIntel ul.intelList li div.info
		{
			float:left;
			width:345px;
			margin-top:10px;
			padding-bottom:20px;
			
		}
			.OnlineIntel ul.intelList li div.info a.discuss
			{
				float:right;
				padding-right:27px;
				background:url(../images/reachOnline/sprite_intel.png) no-repeat 52px 6px;
				height:25px;
				line-height:25px;
				width:46px;
			}
				.OnlineIntel ul.intelList li div.info a.discuss:hover
				{
					background-position:52px -17px;
				}
			.OnlineIntel ul.intelList li div.info h5
			{
				font-size:14px;
				color:#f7f7f7;
				font-weight:normal;
				line-height:25px;
			}
			.OnlineIntel ul.intelList li div.info p
			{
				clear:both;
				font-size:13px;
				color:#bebebe;
				font-style:italic;
			}
				.OnlineIntel ul.intelList li div.info p strong
				{
					font-size:12px;
					color:#fff;
				}
			
	.OnlineIntel ul.intelList li div.expand
	{
		display:none;
		width:640px;
		margin:14px auto 0;
		padding:10px 0;
		background:url("../images/reachStatsNew/bg_10white.png");
		position:relative;							
	}
		.OnlineIntel ul.intelList li div.expand ul
		{
			width:620px;
			margin:0 auto;
		}			
			.OnlineIntel ul.intelList li div.expand ul li
			{
				background:none;
				width:100%;
				padding:0;
				margin:0 0 10px 0;
				clear:both;
				padding-top:10px;	
			}
				.OnlineIntel ul.intelList li div.expand ul > li:first-child
				{
					padding-top:0;
				} 
				.OnlineIntel ul.intelList li div.expand ul li p
				{
					margin-bottom:0;
				}
				.OnlineIntel ul.intelList li div.expand ul li h5
				{
					border-bottom:1px solid #888;
					float:none;
					width:100%;
					margin-bottom:10px;
					padding-bottom:10px;
					font-size:14px;
					line-height:18px;
					font-weight:normal;
				}
				.OnlineIntel ul.intelList li div.expand ul li ul strong
				{
					font-size:12px;
					display:block;
					margin-bottom:10px;
					color:#fff;
					font-weight:normal;
				}
			.OnlineIntel ul.intelList li a.trigger
			{
				font-size:14px;
				display:block;
				background:url(../images/reachStats/sprite_fileShare.png) no-repeat;
				height:20px;
				line-height:20px;
				padding-left:31px;
				clear:both;
				position:absolute;
				bottom:10px;
				cursor:pointer;
				
			}
				.OnlineIntel ul.intelList li div.expand a.trigger
				{
					position:static;
					width:591px;
					margin:0 auto;
				}
			.OnlineIntel ul.intelList li a.more
			{
				background-position:-485px 0px;
			}
				
				.OnlineIntel ul.intelList li a.more:hover
				{
					background-position:-485px -20px;
				}
				
			.OnlineIntel ul.intelList li a.less
			{
				background:url(../images/reachOnline/sprite_intel.png) no-repeat -21px 0;
			}
				.OnlineIntel ul.intelList li a.less
				{
					margin-bottom:0;
				}
				.OnlineIntel ul.intelList li a.less:hover
				{
					background-position:-21px -20px;
				}
							 


	
                            