/************************/
/* NAVIGATION */
/************************/

header {
	position: fixed;
	display: block;
	z-index: 999;
	top:0;
	left:0;

	width: 100%;
	min-width:954px;
	height: 54px;

	background: #21252b;
	border-bottom: 1px solid rgba(22, 24, 28, 0.5);

	font-family: 'Roboto', sans-serif;
}


	.no-rgba header
	{
		background:#000;
	}

	header.notFixed{
			position:absolute;
		}
	.android.no-mobile header
	{
	}


/*
	=== LEFT SIDE NAVIGATION ===
*/

body
{
}

#leftNav
{
	position: fixed;
	z-index: 500;
	top: 54px;
	left: 0;

	width: 61px;
	height: 100%;

	background: #2d3137;
	font-weight: 200;
	font-family: 'Roboto', sans-serif;
			
	-webkit-transition: 0.25s ease;
	transition: 0.25s ease;
}

	.navOpen #leftNav
	{
		width: 185px;	
	}

	#leftNav .column1
	{
		position: relative;
		z-index: 3;

		width: 100%;
		height: 100%;
		padding-bottom: 16px;
		
		background: #2d3137;
	}

	#leftNav a
	{
		position: relative;
		display: block;
		overflow: hidden;

		width: 100%;
		height: 41px;
		opacity: 0.38;
		
		color: #e8f5ff;
		text-decoration: none;
	}

		#leftNav a.current:after
		{
			position: absolute;
			content: "";
			display: block;
			top: 0;
			right: 0;

			width: 4px;
			height: 41px;

			background: #479ce4;
		}
		
		#leftNav a:hover,
		#leftNav a.current
		{
			opacity: 1;
			background: #393f45;
		}

		#leftNav a.moreTrigger
		{
			display: block;

			width: 100%;
		}
			
			#leftNav a.moreTrigger:hover
			{
				border-width: 0;
			}

		#leftNav a .icon
		{
			position: relative;
			display: inline-block;
			vertical-align: top;
			z-index: 2;
			left: 0;

			width: 60px;
			height: 41px;

			background-image: url("/img/theme/bungienet/icons/sprite_left_nav.png");
			background-repeat: no-repeat;
		}
		
			#leftNav .news .icon			{ background-position: 0 0; }
			#leftNav .legend .icon			{ background-position: 0 -82px; }
			#leftNav .director .icon		{ background-position: 0 -123px; }
			#leftNav .grimoire .icon		{ background-position: 0 -164px; }
			#leftNav .clans .icon			{ background-position: 0 -205px; }
			#leftNav .groups .icon			{ background-position: 0 -246px; }
			#leftNav .forums .icon			{ background-position: 0 -287px; }
			#leftNav .support .icon			{ background-position: 0 -328px; }
			#leftNav .aboutus .icon			{ background-position: 0 -369px; }
			#leftNav .careers .icon			{ background-position: 0 -410px; }
			#leftNav .store .icon			{ background-position: 0 -451px; }
			#leftNav .destiny .icon			{ background-position: 0 -738px; }
			#leftNav .moreTrigger .icon		{ background-position: 0 100%; }
			 
		#leftNav a .navItemContent
		{
			position: absolute;
			vertical-align: top;
			top: 0;
			left: 53px;
			
			display: block;
			width: 132px;
			opacity: 0;

			font-size: 13px;
			font-weight: 400;
			line-height: 41px;
			
			-webkit-transition: opacity 0.25s ease;
			transition: opacity 0.25s ease;
		}

			.navOpen #leftNav a .navItemContent
			{
				opacity: 1;
			}

	#leftNav .profileLink
	{
		position: relative;
		height: 41px;
	}

	#leftNav .moreColumn
	{
		position: absolute;
		overflow: hidden;
		left: 185px;

		display: block;
		width: 0;

		background: #20242b;

		-webkit-transition: 0.25s ease 0.35s;
		transition: 0.25s ease 0.35s;
	}

		#leftNav.navOpenDone .moreColumn
		{
			-webkit-transition: 0.25s ease;
			transition: 0.25s ease;
		}

		#leftNav.navOpenDone:hover .moreColumn
		{
			-webkit-transition: 0.25s ease 0.25s;
			transition: 0.25s ease 0.25s;
		}

		#leftNav .moreColumn.on
		{
			width: 200px;
		}


.Sub_Nav
{
	position: fixed;
	z-index: 50;
	
	top: 54px;
	left: 60px;
	
	height: 50px;
	width: 100%;
	max-width: calc(100% - 54px);
	min-width: 969px;

	overflow: visible;
	white-space: nowrap;
	font-family: 'Roboto', sans-serif;
	
	background: rgba(23,30,36,0.45);

	-webkit-backface-visibility:hidden;

	transition: 0.5s ease;
}

	.Sub_Nav.scrolled
	{
		background: rgba(23, 30, 36, 0.95);
		box-shadow: 0 1px 15px -3px rgba(0,0,0,1);
	}

	.Sub_Nav.empty
	{
		display: none;
	}

	body.compact .Sub_Nav,
	body.NoSidebar .Sub_Nav,
	body.ClosedSidebar .Sub_Nav
	{
		width: 100%;
	}

	.Sub_Nav > a,
	.Sub_Nav li a
	{
		position: relative;
		display: inline-block;
		vertical-align: top;

		line-height: 54px;
		height: 54px;
		padding: 0 20px;

		color: #FFF;
		font-size: 14px;
		text-decoration: none;
	}

	.nav_sub a.current,
	.nav_sub a:hover 
	{
		opacity: 1;
	}

	.Sub_Nav a.current:after {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;

		width: 100%;
		height: 2px;
		border: 0;

		background: #f5f5f5;
	}

	.AboutUs .Sub_Nav, .Index .Sub_Nav
	{
		background: none;
		z-index: 4;
	}

	.Index .nav_sub
	{
		width: auto;
		margin-right: 21px;
	}


	.nav_sub
	{
		height: 50px;
		overflow: hidden;
		white-space: nowrap;
	
		width: calc(100% - 255px);
		text-align: center;
	}

		.compact .nav_sub,
		.NoSidebar .nav_sub
		{
			width: 100%;
		}

		.nav_sub.overflow
		{
			overflow: visible;
		}

		.nav_sub li
		{
			display: inline-block;
			list-style: none;
		}

		.nav_sub > .removed
		{
			display: none;
		}

		.nav_sub > a,
		.nav_sub li a
		{
			display: inline-block;
			color: #fff;
			font-size: 14px;
			font-weight: 500;
			padding: 0 18px;
			line-height: 50px;
			height: 50px;
			position: relative;
		
			opacity: 0.6;
			transition: 0.25s ease;
		}

		.nav_sub .header a
		{
			color: #0096db;
			background: rgba(0,0,0,.5);
		}

		.nav_sub .on a:after
		{
			content: "";
			background: url("/img/theme/bungienet/bgs/point_subnav_on.png") no-repeat;
			width: 11px;
			height: 6px;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -5.5px;
		}

		.nav_sub .nav_more
		{
			display: inline-block;
			position: relative;
			position: absolute;
		}

			.nav_sub .nav_more.opened
			{
				display: inline-block !important;
			}

			.nav_sub .nav_more > a:hover
			{
				cursor: default;
				text-decoration: none;
			}

	.nav_more ul
	{
		display: none;
		position: absolute;
		left: 0;
		top: 45px;
		background: #000;
	}

	.no-mobile .nav_more:hover ul, .nav_more.opened ul
	{
		display: block;
	}

	.nav_more li
	{
		display: block;
		clear: both;
	}

	.nav_sub .preorder
	{
		position: absolute;
		right: 21px;
		top: 0;
	}

	.nav_sub .btn_preorder
	{
		width: auto;
		height: 54px;
		display: inline-block;
		background: url("/img/theme/bungienet/btns/btn_preorder.png") no-repeat center center;
		background-size: 100% 41px;
		font-weight: 500;
		color: #fff;
		line-height: 54px;
		text-transform: uppercase;
		padding: 0 27px 0 11px;
		opacity:1;
	}

	@media all and (max-width: 1075px)
	{
		.nav_sub
		{
			position: relative;
		}

			.nav_sub .preorder
			{
				right: 0px;
			}
	}
	


/* 
	=== CONTENT CHANGES ===

	Even though these aren't specific to nav, I think these rules should go here because they only exist due to the left nav

*/

	.bg_secondary
	{
		width: calc(100% - 61px);
		margin-left: 61px;
	}

	
/* 
	===	END CONTENT CHANGES ===
*/



/* high level top nav css */
.Nav_Top {
	
	height: 54px;
	min-width:960px;
}
	.nav_top
	{
		height:54px;
		min-width:960px;
	} 
	.Nav_Top li {
		list-style: none;
	}
	.Nav_Top .link {
		cursor:pointer;
		color:#2b2b2b;
		background-color:#fcfcfc;
	}

	.Nav_Top .link .btn_clear
	{
		
		-moz-transition: 0.4s ease-out opacity;
		-o-transition: 0.4s ease-out opacity;
		-webkit-transition: 0.4s ease-out opacity;
		transition: 0.4s ease-out opacity;
		background: url("/img/theme/bungienet/btns/btn_message_delete.png") no-repeat scroll left center transparent;
		display: block;
		float: right;
		height: 16px;
		margin-right: -4px;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 36px;
		width: 16px;
	}
		.Nav_Top .link:hover .btn_clear
		{
			opacity:1;
		}
		.Nav_Top .link:hover
		{
			background-color:#ECECEC;
		}
			
			
			
			
	.Nav_Top .opened {
		position: relative;
		background: #F9F9F9;
		color: #2B2B2B;
	}
		.Nav_Top .signedIn .opened:after {
			background: url("/img/theme/bungienet/bgs/point_dropdown_header_blue.png") no-repeat scroll center top transparent;
			content: "";
			display: block;
			height: 13px;
			position: absolute;
			bottom: 0;
			width: 100%;
		}
		
	.Nav_Top .dropdown {
		display: none;
		position: absolute;
	}

.nav_top {
	
}
	.nav_top > li
	{
		float:right;
	}
		.nav_top > li:first-child
		{
			float:left;
			display:block;
		}
			 
	.nav_top .level_one {
		float: right;        
	}

		.nav_top .level_one.communities
		{
			display:none !important;
		}
	.nav_top .dropTrigger {
		position: relative;
		display: block;

		height: 54px;
		width: 61px;

		font-size: 13px;
		color: #fff; 
		font-weight: 500;

		background-repeat: no-repeat;
		background-position: center center;
	}
	.nav_top .roster .dropTrigger .badge
	{
		background:#209EE5;
	}
		.nav_top .dropTrigger:hover
		{
			text-decoration:none;
		}

			.nav_top .dropTrigger .badge:before
			{
				background-image:url("/img/theme/bungienet/bgs/point_badge_black.png");
			}

			.nav_top .roster .dropTrigger .badge:before
			{
				background-image:url("/img/theme/bungienet/bgs/point_badge_blue.png");
			}

	.nav_top .icons {
		background:none;
	}
		
	.nav_top .level_one .dropTrigger
	{
		background-image: url(/img/theme/bungienet/icons/sprite_notifications.png);
	}
	
	.nav_top .level_one.roster .dropTrigger { background-position: 4px 0; }
	.nav_top .level_one.communities .dropTrigger { background-position: -62px 0; }
	.nav_top .level_one.notifications .dropTrigger { background-position: -124px 0; }
	.nav_top .level_one.mail .dropTrigger { background-position: -186px 0; }
	
	.nav_top .level_one.roster .dropTrigger:hover { background-position: 4px -54px; }
	.nav_top .level_one.communities .dropTrigger:hover { background-position: -62px -54px; }
	.nav_top .level_one.notifications .dropTrigger:hover { background-position: -124px -54px; }
	.nav_top .level_one.mail .dropTrigger:hover { background-position: -186px -54px; }
  
	.nav_top_search .btn_search
	{
		position: absolute;
		overflow: visible;

		background-image: url(/img/theme/bungienet/icons/sprite_notifications.png);
		background-position: -270px 0;
		height: 54px;
		width: 54px;
	}
  
	.nav_top_search .btn_search:hover,
	.nav_top_search.active .btn_search
	{
		background-position: -270px -54px;
		background-color: #479ce4;
	}
  
		.nav_top_search .btn_search:hover:after,
		.nav_top_search.active .btn_search:after
		{
			position: absolute;
			content: "";
			left: -8px;
			top: 20px;
			z-index: 4;

			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 7.5px 8px 7.5px 0;
			border-color: transparent #479be4 transparent transparent;
		}


/* specific for first levels */
.nav_logo {
	float: left;
}
	.nav_top .nav_logo h1{
		width:auto;
		padding:0;
		vertical-align:middle;
		margin-left:0px;
		border:0;
	}

		.nav_logo .logo {
			background: url("/img/theme/destiny/header_nav_bungie_logo_left2.png") no-repeat scroll 0 0 transparent;
			height: 54px;
			padding: 0;
			vertical-align: middle;
			width: 224px;
			display:block;
			}
	.nav_logo.opened
	{
		background:none transparent;
	}

.nav_links .username
{
	position: absolute;
	top: 0;
	right: 250px;

	font-weight: 400;
	font-size: 14px;

	transition: 0.5s ease;
}

	.nav_links.searchmove .username
	{
		right: 540px;
	}

	.nav_links .username .profileLink
	{
		display:inline-block;
		padding:0 10px 0 15px;
		height:54px;
		text-decoration: none;
	}
		.nav_links .username .profileLink:hover,
		.nav_links .username.open .profileLink
		{
			background:#151619;
			box-shadow: 0 -3px 0 0 rgba(255, 255, 255, 0.8) inset;
		}

		.nav_links .username .profileLink span
		{
			display: inline-block;
			height: 30px;
			overflow: hidden;
			vertical-align: top;
			
			width: auto;
			margin-top:13px;
			padding-left: 42px;
			
			background-size: contain;
			background-repeat:no-repeat;
			background-position:0 0;
		
			color:  #f5f5f5;
			line-height: 30px;
		}

		.nav_links .username .profileLink .fa
		{
			display: inline-block;
			
			margin-top: 14px;
			margin-left: 8px;
			line-height: 30px;

			color: #FFF;
		}

	.nav_links .username .dropdown
	{
		position: absolute;
		display: block;
		visibility: hidden;
		right: 0;
		top: 54px;
		
		min-width: 200px;
	}

		.nav_links .username .dropdown a
		{
			background: none repeat scroll 0 0 rgba(30, 36, 43, 0.75);
			border: 1px solid rgba(255, 255, 255, 0.35);
			box-shadow: 0 1px 4px rgba(3, 3, 3, 0.75);
			color: #fff;
			display: block;
			margin: 3px 0;
			padding: 5px 10px;
			text-align: left;
			text-decoration: none;
		}
			
			.nav_links .username .dropdown a:hover
			{
				
				border:1px solid #fff;
				border-right-width:5px;
			}

			.nav_links .username .dropdown li
			{
				visibility: hidden;
				opacity: 0;
				-webkit-transform: translateY(-20px);
				transform: translateY(-20px);
				transition: 0.5s;
			}

				.nav_links .username .dropdown li.on
				{
					visibility: visible;
					opacity: 1;
					-webkit-transform: translateY(0);
					transform: translateY(0);
				}
			

.nav_identity {
	margin-left: 0px;
	white-space: nowrap;
	min-width:154px;
}
	.nav_identity.opened
	{
		background:none transparent;
	}
	.nav_identity > div
	{
		padding-right: 0px;
		position: relative;
	}
	 .nav_identity h2
	{
		font-size: 18px;
		line-height: 37px;
		color: #fff;
		padding-left: 15px;
		border-left:0px solid #fff;
		font-size:13px;
		line-height:23px;
		display:inline-block;
		vertical-align:middle;
	}
		.nav_identity .signedOut
		{
			cursor:pointer;
			display:none;
			height:54px;
			margin-right: 100px;
		}
			
			.nav_identity .signedOut .connect:before
			{
				position: relative;
				display: inline-block;
				vertical-align: middle;
				top: -2px;
				
				width: 63px;
				height: 54px;
				margin-right: 12px;

				background: url("/img/theme/bungienet/icons/icon_signIn.png") no-repeat scroll center center transparent;
				content: "";
			   
			}
				.nav_identity .signedOut:hover .connect:before,
				.nav_identity.opened .signedOut .connect:before
				{
					background-color: rgb(71, 156, 228);
				}
				
	.nav_identity .container_connect
	{
	}

	.nav_identity .dropTrigger {
		display:inline;
		white-space:nowrap;
		line-height:54px;
		min-width:100px;
		width:auto;
		border:0;
		letter-spacing: 1px;        
	}
	.nav_identity img {
		width: 28px;
		height: 28px;
		padding:16px 20px 17px;
		vertical-align:middle;
		margin-right:10px; 
		float:left;
	}
		.nav_identity.opened img
		{
			background-color:#0096db;
		}
	.nav_identity span {
		line-height: 49px;
		padding: 0 33px 0 0;
	}
	.Nav_Top .nav_identity .dropdown
	{
		width: 270px;
		left: 0;
		text-align:left;
		background:#fff;
		box-shadow:none;
	}
	
	.Nav_Top .nav_identity .signedIn .dropdown
	{
	}
		
		.Nav_Top .nav_identity .signedIn .dropdown a
		{
			text-transform: uppercase;
		}

			.Nav_Top .nav_identity .container_connect .dropdown a:before
			{
				content:"";
				background:url("/img/theme/bungienet/icons/sprite_platforms_1.png") no-repeat;
				width:26px;
				height:26px;
				display:inline-block;
				vertical-align:middle;
				margin-right:15px;
			}
				.Nav_Top .nav_identity .container_connect .dropdown a.live:before
				{
					background-position:0 0;
				}
				.Nav_Top .nav_identity .container_connect .dropdown a.psn:before
				{
					background-position:0 -26px;
				}
				.Nav_Top .nav_identity .container_connect .dropdown a.facebook:before
				{
					background-position:0 -52px;
				}
				.Nav_Top .nav_identity .container_connect .dropdown a.google:before
				{
					background-position:0 -78px;
				}

.nav_goSignUp
{
	display:none;
	line-height:54px;
}
	.nav_goSignUp .btn_blue
	{
		margin-right:12px;
		font-size:11px;
	}
	.nav_goSignUp span
	{
		color:#676767;
		font-size:11px;
		background:url("/img/theme/bungienet/bgs/divider_signedOut.png") no-repeat center center;
		line-height:50px;
		padding:0 12px 0 12px;
		display:inline-block;                
	}

.nav_top_search {
	position:relative;
	width: 54px;

	transition: 0.5s ease;
}
	.nav_top_search.active
	{
		width: 314px;
	}
	.nav_top_search .form_search{
		margin-top: 0;
		position: relative;
		height: auto;
	}
	.nav_top_search .container_textfield
	{
		float: left;
		overflow: hidden;

		width: 0;
		height: 54px;
		line-height: 32px;
		padding: 0;
		
		font-size: 14px;
		background: none repeat scroll 0 0 #FCFCFC;
		border: 0 none;
		color: #000000;

		transition: 0.5s ease;
	}
		.nav_top_search .container_textfield input
		{
			box-sizing: border-box;
			color:#010101;
			font-size:14px;
			padding: 11px 20px 10px 10px;
			height: 54px;
		}

		.nav_top_search.active .container_textfield
		{
			width: 260px;
		}
	.nav_top_search .btn_clear
	{
		
		-moz-transition: 0.4s ease-out opacity;
		-o-transition: 0.4s ease-out opacity;
		-webkit-transition: 0.4s ease-out opacity;
		transition: 0.4s ease-out opacity;
		background: url("/img/theme/bungienet/btns/btn_search_clear.png") no-repeat scroll left center transparent;
		display: block;
		height: 17px;
		position: absolute;
		right: 0;
		top: 2px;
		width: 17px;
		visibility:visible;
	}
	
	#SearchWidget
	{
		display: none;
		position:absolute;
	}
		.open #SearchWidget.open {
			display:block;
			right:21px;
			top:52px;            
		}
	.flyout_search
	{
		display:none;
		background: none repeat scroll 0 0 #fff;
		width: 328px;
		z-index:1000;
		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #fff;
	}
		.flyout_search h2
		{
			background: #E5E5E5; /* for non-css3 browsers */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5E5E5'); /* for IE */
			background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5)); /* for webkit browsers */
			background: -moz-linear-gradient(top,  #FFFFFF,  #E5E5E5); /* for firefox 3.6+ */
			background: -moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent;
			border-bottom: 1px solid #BCBCBC;
			box-shadow: 0 1px 0 #FFFFFF;
			color: #333333;
			font-size: 10px;
			line-height: 27px;
			overflow: hidden;
			padding: 0 5px 0 8px;
			text-overflow: ellipsis;
			text-shadow: 0 1px #FFFFFF;
			white-space: nowrap;
		}
			.flyout_search h2.hasMore
			{
				background-image: url("/img/theme/bungienet/btns/btn_searchPreview_more.png") no-repeat scroll 312px center;
				background: #E5E5E5; /* for non-css3 browsers */

				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5E5E5'); /* for IE */
				background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5)); /* for webkit browsers */
				background: -moz-linear-gradient(top,  #FFFFFF,  #E5E5E5); /* for firefox 3.6+ */
				background: -moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent;
		
				cursor: pointer;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				padding-right:20px;
				position:relative;

			}
				.flyout_search h2.hasMore:after
				{
					background: url("/img/theme/bungienet/icons/icon_arrow_blogMore.png") no-repeat scroll 0 center transparent;
					content: "";
					display: block;
					height: 23px;
					position: absolute;
					right: 5px;
					top: 0;
					width: 10px;
					z-index: 2;
				}
		.flyout_search ul
		{
			padding:0 10px 10px;
		}
			.flyout_search ul:empty
			{
				height:50px;
				background:url("/img/theme/bungienet/icons/icon_loading_white.gif") center center no-repeat;
			}
			.flyout_search ul.noResults:empty
			{
				display:none;
			}
		.flyout_search li
		{
			color: #828282;
			margin-top: 5px;
			width: 154px;
			float:left;
		}

		.flyout_search .container_search_news li,
		.flyout_search .container_search_help li
		{
			float: none;
			width: 100%;
		}

		.flyout_search .noResults
		{
			width:auto;
		}
		.flyout_search .avatar
		{
			margin: 5px 10px 0 0;
			width:15px;
			height:15px;
			border-radius:0px;
			display:inline-block;
			vertical-align:middle;
		
		}
			.flyout_search .avatar img
			{
				background-size:auto 100%;
				background-position:center center;
				background-repeat:no-repeat;
				border-radius:0;
			}
		.flyout_search .content
		{
			display:inline-block;
			vertical-align:middle;
			width:120px;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
		}

		.Search .flyout_search .container_users
		{
			min-height: 0px;
		}

		.flyout_search .container_search_news .content
		{
			width: 200px;
			padding-left: 5px;
			height: 54px;
		}

		.flyout_search .container_search_help .content
		{
			width: 95%;
			padding-left: 5%;
			height: 54px;
		}

		.flyout_search .content a, .flyout_search .news a, .flyout_search .help a
		{
			color:#2b2b2b;
			font-size:11px;
		}
			.flyout_search .help a
			{
				max-width:100%;
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap;
			}
		
			.flyout_search .content a:hover, .flyout_search .news a:hover, .flyout_search .help a:hover
			{
			color:#0096db;
			}
		
			.flyout_search .title span
			{
				border: 0 none;
				color: #828282;
				margin: 0;
				padding: 0;
			}

		.flyout_search p
		{
			font-size:12px;
			line-height:20px;
		}
			.flyout_search .help p
			{
				max-width:100%;
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap;
			}
		.flyout_search span:first-child
		{
			margin-right:10px;
			color:#0096db;
		}
	
		.flyout_search .btn_viewMore
		{
			line-height:22px;
			color:#0096db;
			text-shadow:0 1px 0 #fff;
			font-size:11px;
			text-align:center;
			display:block;
			border-top:0px solid #e0e0e0;
			box-shadow: 0 1px 0 0 #FFFFFF inset;
			background: #E5E5E5; /* for non-css3 browsers */

			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5E5E5'); /* for IE */
			background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5)); /* for webkit browsers */
			background: -moz-linear-gradient(top,  #FFFFFF,  #E5E5E5); /* for firefox 3.6+ */
			background: -moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent;
		
		}

		.flyout_search .searchPanel
		{
			clear:both;
			border-bottom:1px solid #ccc;
		}
		.flyout_search .container_groups .content div, .flyout_search .container_groups .content p
		{
			display:none;
		}
		.Search .flyout_search .container_topics
		{
			margin-top:0;
		}
		.flyout_search .container_topics li
		{
			width:100%;
		}
			
			.flyout_search .container_topics article {
				min-height: 0;
			}
			.flyout_search .container_topics article,
			.flyout_search .container_postTags article,
			.flyout_search .container_groupTags article
			{
				padding:0;
			}
			.flyout_search .container_topics li .avatar, .flyout_search .container_topics li .content time, .flyout_search .container_topics li .content p
			{
				display:none;
			}
			.flyout_search .container_topics .content
			{
				float:none;
				display:block;

			}
 
	.flyout_search img
	{
		width: 15px;
		height: 15px;
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
	}

		.flyout_search .container_search_news img
		{
			width: auto;
			height: 40px;
		}	
/* top nav dropdowns */                
.Nav_Top .dropdown {
	display: none;
}
	.Nav_Top .opened .dropdown {
		display: block;
	}
.Nav_Top .menu {
	min-width: 100%;
	top: 54px;
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
	margin-left: 0px;
	width:309px;
}
	.Nav_Top .menu li {
		display: block;
		border:0;
		background:none transparent;
		position:static;
		margin-top:0;
	}
		.Nav_Top .menu > li:first-child
		{
			
		}
	.Nav_Top .menu li a
	{
		text-decoration: none;
		color: #171717;
		font-size: 16px;
		text-shadow: none;
		text-transform: uppercase;
		line-height:40px;
		display: block;
		line-height: 9px;
		padding: 15px 20px;
	}
		
		.Nav_Top .menu li a:hover
		{
			background-color:rgb(71, 156, 228);
			color:#fff;
		}
		.Nav_Top .menu.subIsLocked > li > a:hover
		{
			color: #171717;
			background-color:transparent;
		}
		.Nav_Top .menu.subIsLocked > li.opened > a:hover
		{
			background-color:rgb(71, 156, 228);
			color:#fff;
		}
	.Nav_Top .signedOut .menu li a
	{
		letter-spacing: 0px;
	}
	  
	.Nav_Top .menu li h2
	{
		color:#888;
		min-width:145px;
		display:block;
		line-height: 9px;
		padding: 15px 14px 5px;
	}         
	

	  
.Nav_Top .panel {
	position: fixed;
	background: none repeat scroll 0px 0px #FFFFFF;
	top: 54px;
	right: 50px;
	width: 450px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);

	transition: right 0.5s ease;
}

	.Nav_Top .nav_links.searchmove .panel
	{
		right: 310px;
	}

	.Nav_Top .panel .hgroup {
		background: #479ce4;		
		color: #f3f3f3;
		font-size: 13px;
		padding: 6px 8px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
		.Nav_Top .panel .hgroup a {
			color: #f3f3f3;
			font-weight: 400;
			font-size:13px;
			line-height:17px;
			float:right;
		}
			.Nav_Top .hgroup .btn_settings
			{

			}
				.Nav_Top .hgroup .btn_settings:before
				{
					background: url("/img/theme/bungienet/icons/icon_settings_header.png") no-repeat scroll 5px center transparent;
					border-left: 1px solid #F3F3F3;
					content: "";
					font-size: 10px;
					margin: 0 5px;
					padding-left: 19px;
					position: relative;
					vertical-align: middle;
				}
	
.Nav_Top .hgroup .sort {
	
}
	.Nav_Top .hgroup .sort li{
		display: inline;
		padding-left: 10px;
		margin-left:10px;
		border-left:1px solid #d5d5d5;
	}
		.Nav_Top .hgroup .sort li:first-child {
			margin-left: 0;
			padding-left:0;
			border-left:0;
		}
	.Nav_Top .hgroup .sort a {
		color: #D5D5D5;
		font-size: 13px;
		text-shadow:none;
		float:none;
	}
	.Nav_Top .hgroup .sort .on a {
		color: #f3f3f3;
	}

.Nav_Top .container_textarea {
	border:1px solid #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
}


.Nav_Top .container_section {
	background: none repeat scroll 0 0 #f3f3f3;
	height: 400px;
	overflow: auto;
	width:100%;
}

	
.dropdown .btn_blue {
	float: right;
	position: absolute;
	bottom: -29px;
	right: 0;
	background: -moz-linear-gradient(center top , #459BDD, #358BD6) repeat scroll 0 0 transparent;
	border: 1px solid #317DB8;
	box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.4), 0 0 1px 1px rgba(86, 172, 239, 0.25) inset;
	font-weight: 400;
	font-size: 12px;
	padding: 0 8px;
	text-shadow: none;
	text-transform: none;
}

.Nav_Top .section {
	color: #000;
}
	.Nav_Top .section > li, .pinned .section > li {
		border-bottom: 1px solid #E5E5E5;
		box-shadow: 0 1px 0 0 #F8F8F8 inset;
		min-height: 54px;    
	}
	.Nav_Top .section > li:first-child {
		border-top: 0 none;
		box-shadow: none;
		color: #2b2b2b;
		font-size: 11px;

	}
.Nav_Top .section .noResults
{
	padding:11px;
}
    .Nav_Top .notifications .section .noResults,
    .Nav_Top #mail_conversations .section .noResults
    {
        background: url("/img/theme/bungienet/icons/icon_notifications_empty.gif") no-repeat scroll center 37px #fff;
        border-bottom: 0 none;
        color: #2b2b2b;
        height: 149px;
        padding: 244px 0 0;
        position: absolute;
        width: 100%;
    }
        .Nav_Top #mail_conversations .section .noResults
        {
            background-image: url("/img/theme/bungienet/icons/icon_messages_empty.gif");
            background-position:center 70px;
        }
    .Nav_Top .notifications .section .noResults p,
    .Nav_Top #mail_conversations .section .noResults p
    {
        margin-bottom:32px;
        text-align:center;
        font-family:Roboto,Arial, sans-serif;
        font-size:18px;
        color:#999a9a;
        padding:0 20px;
    }
	
    
.Nav_Top article, .pinned article {
	 padding-left: 71px;
	position: relative;
	display: block;
	padding-right: 10px;
	min-height:62px;
	
}    
	.Nav_Top .link article{
	}
	.Nav_Top article .avatar, .pinned .avatar {
		background: none repeat scroll 0 0 transparent;
		border-radius: 0 0 0 0;
		height: 62px;
		left: 0;
		position: absolute;
		top: 0;
		width: 62px;

	}   
	
	.Nav_Top article .content, .pinned article .content {
		float: left;
		position: relative;
		width: 100%;
		padding-bottom:10px;        
	}
		.Nav_Top article h1, .pinned article h1 {
			display: inline-block;
			font-weight: 500;
			font-size: 14px;
			margin-top: 9px;
			overflow: hidden;
			position: relative;
			text-overflow: ellipsis;
			top: 0;
			white-space: nowrap;
			max-width: 240px;

		}
			.Nav_Top .notifications article h1
			{
				white-space:normal;
			}
			.Nav_Top article h1 .badge {
				display: inline-block;
				left: auto;
				position: relative;
				right: -6px;
				top: -2px;
			}
			.Nav_Top article h1 a, .pinned article h1 a {
				cursor:pointer;
				font-weight: 500;
				font-size:14px;
				color: #222222;
			} 
				.Nav_Top article h1 a:hover, .pinned article h1 a:hover {
					color: #0096db;
				} 
			
		.Nav_Top article time, .pinned article time {
			color: #979797;
			float: right;
			font-size: 11px;
			margin-top: 7px;
		}
		.Nav_Top article p, .pinned article p {
			clear: both;
			font-size: 13px;
			line-height: 16px;
			margin-top: -2px;
			max-width: 450px;
			min-height: 20px;
			overflow: hidden;
			padding-bottom: 0;
			text-overflow: ellipsis;

		}
			.Nav_Top .me .con_list p
			{
				font-style:italic;
			}
			
.Nav_Top .mail .dropdown {
	width: 500px;
}
	.Nav_Top .mail .section
	{
		border-bottom: 0px solid #CCCCCC;
		width:100%;
	}
		.Nav_Top .mail .section > li{
			display:block;
		}

	.Nav_Top .mail .section.info
	{
		border-bottom: none;
	}

	.mail .dropdown .hgroup .link_back {
		background: url("/img/theme/bungienet/icons/icon_backArrow.png") no-repeat scroll left center transparent;
		float: left;
		margin-right: 50px;
		padding-left: 25px; 
		line-height:20px;       
	}

	.Nav_Top .mail article .container_avatar
	{
		width:54px;
		height:54px;
		position:absolute;
		top:0;
		left:0;
	}
		.Nav_Top .mail article .avatar, .pinned .mail .avatar {
			background: none repeat scroll 0 0 transparent;
			border-radius: 0;
			float: left;
			height: 25px;
			margin: 1px;
			position: relative;
			width: 25px;
		}
			.Nav_Top article .avatar.only
			{
				width:54px;
				height:54px;
				float:none;
				margin:0;
			}
				.Nav_Top .mail_conversation article .avatar.only
				{
					display: block;
					height: 30px;
					margin-left: 15px;
					margin-top: 15px;
					width: 30px;
				}

.mail_conversation {
	
}
	
	.Nav_Top .mail_conversation .hgroup
	{
		min-height:18px;
		position:relative;
	}
	.Nav_Top .mail_conversation .tooltip
	{
		display: none;
	}
	.Nav_Top .panel .mail_conversation .hgroup h4 a
	{
		position:absolute;
		top:0;
		z-index:3;
		text-align:center;
		font-weight: 500;
		background: none repeat scroll 0 0 #479CE4;
		color: #F3F3F3;
		font-size: 13px;
		padding: 0;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		left: 50%;
		margin-left: -32.5%;
		width:65%;
		height:30px;
		line-height:30px;

	}
	.mail_conversation article
	{
		display: block;
		padding-left: 59px;
		padding-right: 15px;
		position: relative;

	}   
	.mail_conversation h4 {
		text-align: center;
		
		font-weight: 400;
		font-size: 13px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-32.5%;
		height:30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width:65%;

	}
		.mail_conversation h4 a:hover
		{
			text-decoration:underline;
		}
		.nav_top .mail_conversation h4 a
		{
			float:none;
			line-height:30px;           
		}

	.mail_conversation article time
	{
		color: #979797;
		float: right;
		font-weight: 400;
		font-size: 11px;
		height: 20px;
		margin-bottom: -1px;
		margin-top: 2px;

	}
	.mail_conversation article p
	{
		clear: both;
		color: #222222;
		font-weight: 400;
		font-size: 13px;
		line-height: 16px;
		margin-top: -2px;
		max-width: 450px;
		min-height: 30px;
		overflow: hidden;
		padding-bottom: 20px;
		position: relative;
		text-overflow: ellipsis;

	}
		.mail_conversation article .actions
		{
			padding-bottom:0
		}
			.mail_conversation article .actions a
			{
				font-size:12px;
				margin-right:10px;
		
			}
	.nav_top .mail_conversation .me{
		background: none repeat scroll 0 0 #FBFBFB;
		box-shadow: 0 1px 0 0 #FFFFFF inset;

	}
		.nav_top .mail_conversation .me article, .pinned .me article{
			padding-right: 59px;
			padding-left: 15px;
			position: relative;
		}
		.nav_top .mail_conversation .me .container_avatar, .pinned .me .container_avatar {
			left: auto;right: 0;
		}
		.nav_top .mail_conversation .me .avatar, .pinned .me .avatar {
			left: auto;right: 0;
		}
		.nav_top .mail_conversation .me .content, .pinned .me .content {
			float: right;
			text-align: right;
		}
		.nav_top .mail_conversation .me .content p, .pinned .me .content p {
			text-align: right;
		}
		.nav_top .mail_conversation .me time, .pinned .me time {
			float: left;            
		}
.mail_conversations {
	display: block;
}
    .mail_conversations .hgroup h4 {
        display:inline-block;
    }
    .mail_conversations .hgroup .sort {
        display:inline-block;
        margin-left:20px;
    }
	.mail_conversations article .content p
	{
		max-height:35px;
	}
	.mail_conversations .message_invitation a
	{
		color:rgb(71, 156, 228);
		font-size:13px;
	}
		.mail_conversations .message_invitation a:hover
		{
			text-decoration:underline;
		}
	.btn_pin {
		background: url("/img/theme/bungienet/icons/icon_pin.png") no-repeat center center;
		display: inline-block;
		width: 9px;
		height: 19px;
		margin-left: 10px;
		float: right;
	}
	.mail_conversations .new
	{
		background:#ffffe8;
	}
		.mail_conversations .new:hover
		{
			background-color:#F7F7F7;
		}
		

.mail_conversations .btn_gotoCreate
{
	background:url("/img/theme/bungienet/icons/icon_createMessage.png") no-repeat left center;
	padding-left:22px;
	line-height:19px;
}
.mail_create {
}
	
	.mail_create h4 {
		text-align: right;
	}
	.mail_create .container_section
	{
		height:auto;
	}
	.mail_create .container_createReply
	{
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
	}
	.mail_create .btn_sendMessage, 
	.mail_conversation .btn_reply
	{
		background: none repeat scroll 0 0 #E4E4E4;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4', endColorstr='#E4E4E4');
		border: 0 none;
		bottom: auto;
		box-shadow: none;
		color: #FFFFFF;
		font-weight: 700;
		height: 41px;
		line-height: 41px;
		padding: 0 25px;
		position: relative;
	}
		.mail_create .btn_sendMessage.ready,
		.mail_conversation .btn_reply.ready
		{
			background: #459bdd; /* for non-css3 browsers */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#459bdd', endColorstr='#358bd6'); /* for IE */
			background: -webkit-gradient(linear, left top, left bottom, from(#459bdd), to(#358bd6)); /* for webkit browsers */
			background: -moz-linear-gradient(top,  #459bdd,  #358bd6); /* for firefox 3.6+ */
			border: 1px solid #317DB8;
			box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.4), 0 0 1px 1px rgba(86, 172, 239, 0.25) inset;
			height: 38px;
			line-height: 38px;
			margin-bottom: -1px;
			top: -1px;
		}

	.mail_create .btn_sendMessage.busy:after,
	.mail_conversation .btn_reply.busy:after
	{
		background: url("/img/theme/bungienet/icons/icon_loading_white.gif") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
		content: "";
		height: 38px;
		left: -40px;
		position: absolute;
		width: 38px;
	}

.recipients
{
	background: none repeat scroll 0 0 #F5F5F5;
	border: 1px solid #FFFFFF;
	color: #2B2B2B;
}
.no-rgba .recipients{border-top:1px solid #a9a9a9;}
	.recipients span.label
	{
		color: #000;
		left: 10px;
		line-height: 54px;
		position: absolute;
		z-index:2;
		font-size:15px;
		font-weight: 400;
	}
	.recipients ul
	{
		background: none repeat scroll 0 0 #fff;
		border-bottom: 1px solid #AAAAAA;
		box-shadow: 0 0 0 1px #FFFFFF inset;
		color: #000000;
		display: block;
		font-size: 13px;
		height: auto;
		line-height: 54px;
		min-height: 54px;
		padding: 0 0 0 20px;
	}
	
		.recipients ul li
		{
			display: inline-block;
			line-height: 30px;
			vertical-align: middle;
			white-space: nowrap;
			margin-top:-4px;
		}
			.recipients ul li:last-child:nth-child(-n+7):after
			{
				content:"";
				display:inline-block;
				width:30px;
				height:30px;
				background:url("/img/theme/bungienet/btns/btn_addRecipient.gif") no-repeat 0 0;
				vertical-align:middle;
				margin-left:5px;

			}
				.recipients .suggest li:last-child:nth-child(-n+7):after
				{
					display:none;
				}
				 
		
	.recipients .container_textbox
	{
		padding-left: 40px;
	}
	.es .recipients .container_textbox, 
	.pt-br .recipients .container_textbox
	{
		padding-left: 54px;
	}
	.recipients .recipient
	{
		/*background: none repeat scroll 0 0 #fff;
		border: 1px solid #DDDDDD;*/
		color: #2b2b2b;
		display: inline-block;
		margin-right: 4px;
		/*padding: 0 7px 0 7px;*/
		font-size:15px;
		overflow: hidden;
		max-width: 80%;
	}
		.recipients .recipient:first-child
		{
			display: inline;
			margin: 0;
			min-width: 0;
			padding: 0;
			width: 0;
		}
.recipients p {
	background: none repeat scroll 0 0 #479CE4;
	color: #FFFFFF;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	min-width: 10px;
	padding: 0 10px;
	vertical-align: middle;
}
.recipients .error {
	display: block;
	height: auto;
	line-height: 30px;
	padding: 0 8px;
}

	.recipients .btn_delete {
		
		background: none repeat scroll 0 0 #479CE4;
		border: 0 none;
		color: #FFFFFF;
		cursor: pointer;
		display: inline-block;
		font-size: 9px;
		font-weight: bold;
		height: 30px;
		line-height: 30px;
		margin: 0;
		min-width: 0;
		padding: 0;
		position: relative;
		text-align: center;
		vertical-align: middle;
		width: 30px;
		z-index: 2;

	}
	.recipients .recipient.highlight
	{
		min-width:0;
		width:auto;
	}
	
	.recipients .invalid
	{
		color: #f00;
	}
	.recipients .suggest
	{
		font-size: 11px;
		font-weight: normal;
		padding: 0;
		border-bottom:0;
	}
		.recipients .suggest li
		{
			display:block;
			width:auto;
			color:#000;
			line-height: 54px;
			clear:both;
			border-bottom:1px solid #e5e5e5;
			box-shadow: 0 1px 0 #FFFFFF inset;
			margin-top:0;
		}
			.recipients .suggest li:first-child
			{
				box-shadow:none;
			}
			.recipients .suggest li img {
				width: 54px;
				margin-right: 10px;
				height: 54px;
				float: left;
			}
		.recipients .suggest li.on, .recipients .suggest li.hovered
		{
			color:#fff;
			background:#5787b5;
		}



.Nav_Top .signedIn,
.Nav_Top .menu li.signedIn
{
	display:none;
}
	.Nav_Top .opened .signedIn
	{
	}
	.Nav_Top .signIn .dropTrigger {
		width: auto;
		line-height: 37px;
		border:0;

	}
	.Nav_Top .signIn .dropdown {
		width: 281px;
	}

.nav_identity .menu {
	right: 0;
	text-align: right;
}

.Nav_Top .communities {
	
}
.Nav_Top .badge {
	display: inline-block;
	margin-left: 5px;
}
.Nav_Top .communities .links {
	padding-bottom: 8px;
}
	.Nav_Top .communities .section h5 {
		background: none repeat scroll 0 0 #F9F9F9;
		border-bottom: 1px solid #E0E0E0;
		box-shadow: 0 1px 0 #FFFFFF inset;
		color: #777777;
		font-size: 11px;
		line-height: 25px;
		padding: 0 8px;
	}
	.Nav_Top .communities .section li {
		padding: 0;
		}
		.Nav_Top .communities .section li li
		{
			padding-left:8px;
		}
	
	.Nav_Top .communities .section a {
		color: #5787B5;
		padding: 0 8px;
		position: relative;
		font-size: 11px;
		line-height: 24px;
	}
		.Nav_Top .communities .section a:hover {
			color: #0096db;
		}

.roster_list h4, .followed_list h4{
	float: left;
	font-size: 13px;
	line-height: 17px;
	margin-right: 15px;
}
	

.Nav_Top #followed_list .links.group > li,
.Nav_Top #followed_list .links.user > li
{
	position:relative;
	padding-left:71px;
}

	.followed_list .section .links h1 a
	{
		display: inline-block;
		font-weight: 500;
		font-size: 15px;
		margin-top: 9px;
		overflow: hidden;
		padding: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		color: #222222;
	}

		.followed_list .links .actions
		{
			margin-top:-4px;
		}
	.followed_list .links .actions a
	{
		color: #0096DB;
		padding: 0;
	}
	.followed_list .section .tag li
	{
		min-height:0;
	}
	.followed_list .container_avatar
	{
		height: 62px;
		left: 0;
		position: absolute;
		top: 0;
		width: 62px;

	}

		.followed_list .container_avatar img
		{
			width:100%;
			height:100%;
		}

.roster_list h5, .followed_list h5 {
	background: none repeat scroll 0 0 #F9F9F9;
	border-bottom: 1px solid #E0E0E0;
	box-shadow: 0 1px 0 #FFFFFF inset;
	color: #777777;
	font-size: 11px;
	line-height: 25px;
	padding: 0 8px;
	border-top: 0 none;
}



	.roster_list .section > li:first-child h5, .followed_list .section > li:first-child h5 {
		border-top: 0;
	} 
	
.roster_list li, .followed_list li {
	padding: 0;
	border: 0;
}
	.roster_list .sort li,  .followed_list .sort li
	{
		border-left:1px #d5d5d5 solid;
		padding-left:10px;
	}
		.roster_list .sort li:first-child, .followed_list .sort li:first-child
		{
			padding-left:0;
			border-left:0;
		}


.roster_list .section > .errorSection, .followed_list .section > .errorSection
{
	padding: 11px;
}

	.roster_list .section > li {
		
	}
.roster_list .section {}
	.roster_list .section h1, .followed_list .section h1 {
		font-size: 15px;
		font-weight: normal;
		margin-top: 0;
		position: static;
		vertical-align: middle;
	}

	.roster_list .section ul {}
		.roster_list .section ul:empty, .followed_list .section ul:empty {
			display: none;
		}
		.roster_list .section ul li, .followed_list .section ul li {
			font-size:11px;
			min-height:62px;
			border-top:1px solid #f3f3f3;
			border-bottom:1px solid #e5e5e5;          
		}

			.roster_list .section ul li:first-child, .followed_list .section ul li:first-child
			{
				border-top:0;
			}
			.roster_list .section ul li.nofriends
			{
				background: none no-repeat scroll center 37px #fff;
                border-bottom: 0 none;
                color: #2b2b2b;
                height: 149px;
                padding-top: 244px;
                position: absolute;
                width: 100%;
			}
                .roster_list .nofriends p
                {
                    margin-bottom:32px;
                    text-align:center;
                    font-family:Roboto,Arial, sans-serif;
                    font-size:18px;
                    color:#999a9a;
                }
                .roster_list .section .psn li.nofriends
                {
                    background-image:url("/img/theme/bungienet/icons/icon_psnFriends_empty.png");
                }
                .roster_list .section .xbox li.nofriends
                {
                    background-image: url("/img/theme/bungienet/icons/icon_xboxFriends_empty.png");
                    height: 169px;
                    padding-top: 224px;
                }
                .roster_list .section .facebook li.nofriends
                {
                    background-image: url("/img/theme/bungienet/icons/icon_facebookFriends_empty.gif");
                    height: 191px;
                    padding-top: 208px;
                }
                .roster_list .nofriends .btn_blue
                {
                    float: none;
                    height: 39px;
                    line-height: 39px;
                    position: static;
                }
			.roster_list .section article, .followed_list .section article {
				padding-right: 24px;
				padding-top: 11px;
			}
				.roster_list .section article p, .followed_list .section article p
				{
					font-size:13px;
					margin:0;
					padding:0;
				}

				.roster_list .section article span, .followed_list .section article span
				{
					font-size:14px;
				}
					.roster_list .section article .status, 
					.followed_list .section article .status
					{
						vertical-align:middle;
					}

					.roster_list .section article span a
					{
						color: #222;
						cursor: pointer;
						font-weight: 500;
						font-size: 14px;
						vertical-align:middle;
					}
			.roster_list .section .idle article {
				background: url("/img/theme/bungienet/icons/icon_idle.png") center right no-repeat;
				margin-right:15px; 
			}
			.roster_list .section .online article {
				background: url("/img/theme/bungienet/icons/icon_online.png") center right no-repeat;
				margin-right:15px; 
			}

.roster_list .actions a, .followed_list .actions a
{
	font-size:13px;
	margin-right:10px;
}

	.roster_list .actions a:before, .followed_list .actions a:before
	{
		content:"";
		border-left:1px solid #222;
		margin-right:10px;
		font-size:9px;
	}

	.roster_list .actions a:first-child:before, .followed_list .actions a:first-child:before
	{
		display:none;
	}
.container_psn
{
	position:relative;
}
.container_psn .reauthPSN
{
	background: none repeat scroll 0 0 #f3f3f3;
	height: 400px;
	position: absolute;
	text-align: center;
	width: 100%;
	top:0;
	z-index:1;
}
	.container_psn .reauthPSN img
	{
		display:block;
		margin:40px auto;
	}
	.container_psn .reauthPSN p
	{
		color:#89949b;
		font-size:15px;
		padding:0 20px;
	}
	.container_psn .reauthPSN .btn_reauthPSN
	{
		float: none;
		margin-top: 35px;
		padding: 14px 18px;
		position: static;
	}
.container_pinned
{
	position:fixed;
	bottom:0;
	left:10px;
	height:22px;

}
	.iPad .container_pinned
	{
		display:none;
	}
.pinned {
	width: 400px;
	z-index:3;
	position:absolute;
	
	top:0;
	left:0;
}
	.pinned.opened
	{
		box-shadow:2px 2px 3px rgba(1,1,1,.43);
		z-index:4;
	}
	.pinned .tab
	{
		height:20px;
		border:1px solid #335b84;
		background:#477098;
		color:#fff;
		font-size:12px;
		padding:0 28px 0 8px;
		line-height:20px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		width:64px;
		box-shadow:2px 2px 3px rgba(1,1,1,.43);
		position:relative;
	}
	.pinned.opened .tab
	{
		width:auto;
		box-shadow:none;
	}
		.pinned .tab a
		{
			color:#fff;
		}
	.pinned .btn_close
	{
		float: right;
		font-size: 14px;
		height: 20px;
		line-height: 18px;
		position: absolute;
		right: 8px;
	}
		.pinned .btn_close:hover
		{
			color:#fff;
		}
		
	.pinned .container_section
	{
		border:1px solid #aaa;
		border-top:0;
		overflow:auto;
		max-height:400px;
		
	}
	.pinned li
	{
		list-style:none;
		background:#fff;
	}
	.pinned .me
	{
		background-image:none;
	}
	.pinned li:nth-child(odd)
	{
		background:#f9fafc;
	}
	.pinned .container_textarea
	{
		padding-right:28px;
		resize:none;
	}
	.pinned .btn_reply_pinned
	{
		background: url("/img/theme/bungienet/btns/btn_reply_pinned.png") center center no-repeat #bfbfbf;
		display:block;
		width: 20px;
		height:20px;
		position:absolute;
		top:4px;
		right:4px;
	}

.nav_secondary {
	padding:0 90px;
	margin-bottom:21px;
}
	.nav_secondary li {
		list-style: none;
		display: inline;
	}
	.nav_secondary a {
		color: #777777;
		font-weight: 700;
		font-size: 18px;
		padding: 0 10px;
		text-shadow: 0 1px 1px #000000;

	}
	.nav_secondary .on a {
		color: #fff;
	}
	

.Sub_Nav h2
{
	display: inline-block;
	
	padding: 0 20px 0 63px;
	line-height: 54px;

	font-weight: 400;
	font-size: 14px;
	color: #FFF;
	
	background:url("/img/theme/bungienet/icons/sprite_destinyDropDown.png") no-repeat;
	background-position: 23px -486px;
}


/************************/
/* SIDE NAVIGATION */
/************************/


.TabNav
{
	background:#e8ebef;
	min-height:100vh;

	font-family: 'Roboto', arial, sans-serif;
	font-weight: 400;
}

.TabNav_Main
{
	padding-left:250px;
}

	.TabNav_Main .container_textbox
	{
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #C4C7CB;
		font-size: 14px;
		width:300px;
	}

	.TabNav_Main .container_textarea
	{
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #C4C7CB;

		font-size: 14px;
	}

.TabNav_Side
{
	float:left;
	width:248px;
	background:#d0d3d8;
	border-right:1px solid #c3c7cb;
	border-left:1px solid #c3c7cb;
	overflow:visible;
	min-height:100vh;
}
	.TabNav_Side h4
	{
		position: relative;
		color:#2c2b2b;
		font-size:18px;
		font-weight: 500;
		padding-left:44px;
		font-weight:normal;
		background:url("/img/theme/destiny/icons/icon_admintools.png") no-repeat 11px center;
		line-height:49px;
	}
	.tabnav_side_list
	{
	}
		.tabnav_side_list li
		{
			position: relative;
			list-style:none;
		}
		.tabnav_side_list li a
		{
			display:block;
			padding-left:4px;
			line-height:40px;
			border-top:1px solid #c3c7cb;
			color:#666;
			font-size:14px;
			font-weight: 500;
			text-indent:39px;
		}
			.tabnav_side_list li:first-child a
			{
				border-top:0;
			}
		.tabnav_side_list li.on a
		{
			background: none repeat scroll 0 0 #E8EBEF;
			border-top: 1px solid rgba(0, 0, 0, 0); /* invisible border to prevent tab jump */
			border-left: 4px solid #0096DB;
			color: #333333;
			padding-left: 0;
			position: relative;
			width: 254px;
		}
		.tabnav_side_list li:first-child.on a
		{
			border-top: 0;
		}
		.tabnav_side_list .count
		{
			background: none repeat scroll 0 0 #CE2E24;
			border-radius: 18px 18px 18px 18px;
			color: #FFFFFF;
			display: inline-block;
			font-weight: 500;
			font-size: 10px;
			line-height: 18px;
			margin-left: 5px;
			min-height: 18px;
			min-width: 18px;
			padding: 0 1px;
			text-align: center;
			text-indent: 0;
			vertical-align: middle;
		}

.TabNav_Side ul li ul
{
	padding-left:53px;
}
	.TabNav_Side ul li ul ul
	{
		padding-left:10px;
	}
	.TabNav_Side ul li ul a {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: 0 none;
		line-height: 1.2em;
		padding: 10px 5px 10px 0;
		text-indent: 0;
		width: auto;
	}
	.TabNav_Side ul li.on ul a,
	.TabNav_Side ul li ul .on a
	{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: 0 none;
		width: auto;
	}

.TabNav_Side .trigger
{
	position:relative;
}
	.TabNav_Side .trigger:before
	{
		border: 2px solid #999999;
		border-radius: 20px;
		content: "+";
		display: inline-block;
		font-weight: 200;
		height: 20px;
		left: 12px;
		line-height: 17px;
		margin: 0;
		padding: 0;
		position: absolute;
		text-align: center;
		text-indent: 0;
		top: 8px;
		vertical-align: middle;
		width: 20px;
	}
		.TabNav_Side .open .trigger:before,
		.TabNav_Side .on .trigger:before
		{
			left:8px;
		}
		.TabNav_Side .open .trigger:before
		{
			content:"-";
		}        
		.TabNav_Side ul .open ul .trigger:before {
			content:"+";
			left: -31px;
		}
			.TabNav_Side ul .open ul .open .trigger:before {
				content:"-";
			}

	
.TabNav_Side .expandable > .collapsible
{
	display:none;
}
.TabNav_Side .expandable.open > .collapsible
{
	display: block;
}






/*=======================================

	MOBILE - KEEP AT BOTTOM

=======================================*/

html.mobile.no-ipad header {
  min-width: 0;
}

html.mobile.no-ipad header .Nav_Top a.logo {
  width: 62px;
}

html.mobile.no-ipad header .Nav_Top > ul > h2 {
  display: none;
}

html.mobile.no-ipad header .Nav_Top .nav_top .dropTrigger {
  width: 40px;
}

html.mobile.no-ipad .Sub_Nav {
  left: 0;
  max-width: none;
  width: 100%;
  min-width: 0;
}

html.mobile.no-ipad .Sub_Nav .nav_sub a {
  padding: 0 5px;
  font-size: 12px;
}

html.mobile.no-ipad #leftNav {
  display: none;
}

html.mobile.no-ipad .navOpen #leftNav {
  display: block;
}