*{margin:0;padding:0;}
body{font-family:Verdana,Helvetica,sans-serif;font-size:62.5%;position:relative;}
html *{-webkit-text-size-adjust: none;}
img{border:0;}
a{text-decoration:none;color:#2387cf;}
ul{list-style:none;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
.hide{visibility:hidden;}
.absolute{position:absolute;}
.bothSides{text-align:right;clear:both;}
	.bothSides .bothSidesLeft{float:left;}


a.linkArrow
{
	margin-left:3%;
	background:url("https://halo.bungie.net/images/mobile/icon_linkArrow_right.png") no-repeat scroll right center transparent;
	font-size:1.8em;
	line-height:3em;
	margin-right:10%;
	padding-right:2em;
}
a.linkDoubleArrow
{
	background:url("https://halo.bungie.net/images/mobile/icon_doubleArrow.png") no-repeat right center;
	line-height:3em;
	padding-right:3em;
	-moz-background-size:auto 100%;
	-webkit-background-size:auto 100%;
	-o-background-size:auto 100%;
	background-size:auto 100%;
}
#pageContainer
{
    background-image:url(https://halo.bungie.net/images/mobile/ajax-loader-tiny_01.png);
	background-repeat:no-repeat;
	background-position:center 7em;
	background-size:3em auto;
	
	-moz-background-size:3em auto;
	-webkit-background-size:3em auto;
	-o-background-size:3em auto;
	min-height:10em;
}

div.mainError
{
	background:url(https://halo.bungie.net/images/mobile/error_network.png) no-repeat center 1em #fff;
	margin:0 3%;
	height:150px;
	padding:0 3%;
}
div.mainError p
{
	padding:1em 0;	
	font-size:1.3em;
	text-align:center;
	line-height:150px;
	white-space:nowrap;
}
#homeScreenReminder
{
	position:absolute;
	background:url(https://halo.bungie.net/images/mobile/icon_arrowHomeScreen.png) bottom center no-repeat;
	padding-bottom:19px;
	width:80%;
	z-index:100;
	display:none;
}
	#homeScreenReminder .content
	{
		border:1px solid;
		background:#000;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		padding:13px;
	}
	#homeScreenReminder .closeX
	{
		background:#2387cf;
		color:#000;
		font-size:1.2em;
		line-height:1.4em;
		float:right;
		margin-bottom:1em;
		padding:0 .5em .2em;
	}
	#homeScreenReminder img
	{
		float:left;
		width:5em;
		margin-right:13px;
		margin-bottom:1em;
	}
	#homeScreenReminder p
	{
		font-size:1em;
		color:#cfcfcf;
	}
		#homeScreenReminder p:first-of-type
		{
			margin-bottom:1em;
		}
	#homeScreenReminder p em
	{
		color:#2387cf;
		font-style:normal;
	}
.noStats
{
    font-size:1.2em;
    background:#5a381c;
    text-align:center;
    color:#fff;
    padding:1em;
}
    .profile .noStats
    {
        margin-top:
    }	
#page{width:100%;position:relative;text-align:left;background:#fff;opacity:0;}
	#page.solid{opacity:1;}
.page{display:none;}
	.challenges{display:block;}
.profile #mainContent{padding-top:5em;position:relative;z-index:1;}
#empty{display:none;}
#errorPanel { margin:2em 3%; }
    #errorPanel img { width: 100%; height: auto; }
#header
{
	background:url(https://halo.bungie.net/images/mobile/bg_header.jpg) no-repeat 0 0 #000;
	background-size:100% auto;
	-o-background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	
	width:100%;
	position:relative;
}
    .profile #header{position:fixed; z-index:10000;top:0;}
    #headerPlaceholder{display:none;}
    .profile #headerPlaceholder
    {
        width:3em;
        padding:0.5em 0;
        margin:0.9em 0.2em 1px;
        display:block;
    }
#noScript
{
	width:100%;
	position:absolute;
	top:0;
	left:0;	
}
	#noScript p{ margin: 0 3%; font-size: 1.4em;clear:both;background:#fff;min-height:200px;}
#noScriptHeader
{
	background:url(https://halo.bungie.net/images/mobile/bg_header.jpg) no-repeat 0 0 #000;
	background-size:100% auto;
	-o-background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	
	width:100%;
	float:left;
	margin-bottom:1em;
}

#logo, #noScriptLogo
{
	float:left;
	margin:1em 3%;
	width:10em;	
	max-width:200px;
	display:block;
}
	#logo img, #noScriptLogo img{ width:85%; }
	
#nav_header
{
	margin:0 3%;
	position:absolute;
	right:0;
	bottom:-1px;
}
	#nav_header li
	{
		float:right;
		background:url(https://halo.bungie.net/images/mobile/bg_nav.png) repeat-x 0 0;
		margin:0.9em 0.2em 0;
		padding:0.5em 0;
		
		background-size:auto 100%;
		-moz-background-size:auto 100%;
		-webkit-background-size:auto 100%;
		-o-background-size:auto 100%;
			
	}
		#nav_header li.nav_profile{display:none;}
	#nav_header li.on
	{
		background:url(https://halo.bungie.net/images/mobile/bg_nav_on.png) repeat-x 0 0;
	}
	#nav_header li a
	{
		float:left;
		text-align:center;
		padding:0 1em;
		text-decoration:none;
		text-transform:capitalize;	
	}
	#nav_header li.nav_careers a img
	{
		background:url(https://halo.bungie.net/images/mobile/icon_careers.png) no-repeat 0 0;
		background-size:3em auto;
		-o-background-size:3em auto;
		-moz-background-size:3em auto;
		-webkit-background-size:3em auto;
	}
	#nav_header li.nav_careers.on a img
	{
		background:url(https://halo.bungie.net/images/mobile/icon_careers_on.png) no-repeat 0 0;
		background-size:3em auto;
		-o-background-size:3em auto;
		-moz-background-size:3em auto;
		-webkit-background-size:3em auto;
	}
	#nav_header li.nav_reach a img
	{
		background:url(https://halo.bungie.net/images/mobile/icon_reach.png) no-repeat 0 0;
		background-size:3em auto;
		-o-background-size:3em auto;
		-moz-background-size:3em auto;
		-webkit-background-size:3em auto;
	}
	#nav_header li.nav_reach.on a img
	{
		background:url(https://halo.bungie.net/images/mobile/icon_reach_on.png) no-repeat 0 0;
		background-size:3em auto;
		-o-background-size:3em auto;
		-moz-background-size:3em auto;
		-webkit-background-size:3em auto;
	}
	#nav_header li.nav_news a img
	{
		background:url(https://halo.bungie.net/images/mobile/icon_home.png) no-repeat 0 0;
		background-size:3em auto;
		-o-background-size:3em auto;
		-moz-background-size:3em auto;
		-webkit-background-size:3em auto;
	}
	#nav_header li.nav_news.on a img
	{
		background:url(https://halo.bungie.net/images/mobile/icon_home_on.png) no-repeat 0 0;
		background-size:3em auto;
		-o-background-size:3em auto;
		-moz-background-size:3em auto;
		-webkit-background-size:3em auto;
	}
	
	#nav_header li a img
	{
		width:3em;
		float:left;
	}
	#newsRotator
	{
		margin:0 3%;
		padding-top:1em;
		position:relative;
		overflow:hidden;
		width:94%;
	}
	    .profile #newsRotator{padding-top:0;}
		#newsRotator .frame
		{
			width:100%;
			position:relative;
		}
		#newsRotator .story > img
		{
			width:100%;
			display:block;
		}
		#newsRotator .story > img{z-index:1;}
		#newsRotator div.story
		{
			position:absolute;
			display:none;
			top:1em;
			left:0;
			width:100%;
		}
			#newsRotator div.top
			{
				display:block;
				position:relative;
				top:0;
			}
			#newsRotator div.story .infoBar
			{
				position:absolute;
				bottom:0;
				right:0;
				width:100%;
				z-index:2;
				background:url(https://halo.bungie.net/images/mobile/bg_overlayStory.png) repeat-x top left;
			}
				#newsRotator div.overlay_story
				{
					padding:0 3%;
					clear:both;
					position:relative;
					cursor:pointer;

					/* not for IE and opera mini */
					background-image: url(https://halo.bungie.net/images/mobile/icon_overlayArrow.png);
					background-repeat: no-repeat;
					background-position: 97% center;
					background-size:auto 35%;
					-moz-background-size:auto 35%;
					-webkit-background-size:auto 32%;
					-o-background-size:auto 35%;
					width:94%;					
				}
					#newsRotator div.overlay_story h4{white-space:nowrap;overflow:hidden;padding:.6em 0 0;font-size:1.5em;width:90%;}
					#newsRotator div.overlay_story h4 a{font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:block;}
					#newsRotator div.overlay_story p{color:#808080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;font-size:1.3em;padding-bottom:.9em;width:90%;}
				
		ul.nav_storyRotator
		{
			display:block;
			text-align:center;
			padding:2.2em 0 0;
			clear:both;
		}
			ul.nav_storyRotator li
			{
				display:inline;
				margin:0 .5em;
			}
				ul.nav_storyRotator li img{width:1em;}				
table.breadcrumb
{
	
	margin:0 3%;
	height:5em;
	width:94%;
	table-layout:fixed;
}
    .profile table.breadcrumb
    {
        position:fixed;
        top:0;
        z-index:1000;
        left:0;
        width:94.5%;
        margin:0 3% 0 2.5%;
    }
    table.breadcrumb tr:first-child
    {
        display:none;
    }
    .profile table.breadcrumb tr:first-child
    {
        display:table-row;
    }
    .profile table.breadcrumb tr:first-child td
    {
        height:auto;
        background:none;
        line-height:normal;
    }
    .profile table.breadcrumb tr:first-child td img{
        width:3em;
        padding:0.5em 0;
        margin:0.8em 0.2em 0;
        display:block;
    }
    table.breadcrumb tr.spacer
    {
        display:none;
    }
    .profile table.breadcrumb tr.spacer
    {
        display:table-row;
    }
    .profile table.breadcrumb tr.spacer td
    {
        height:1em;
        background:url(https://halo.bungie.net/images/mobile/shadow_header.png) repeat-x bottom;
        line-height:1em;
    }
	table.breadcrumb td
	{
		vertical-align:middle;
		height:3.8em;
		background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
		padding:0 3%;
		padding-top:.2em;	
	}
		table.breadcrumb td.middle
		{
			text-align:center;
			width:40%;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
		}
		
	table.breadcrumb a
	{
		font-size:1.3em;
		line-height:1.6em;
		display:block;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		height:1.4em;
		background:url(https://halo.bungie.net/images/mobile/icon_linkArrow.png) left center no-repeat;
		padding-left:1.4em;
		background-size:auto 80%;
		-o-background-size:auto 80%;
		-webkit-background-size:auto 80%;
		-moz-background-size:auto 80%;
	}	
		table.breadcrumb a.btn_forward
		{
			background:url(https://halo.bungie.net/images/mobile/icon_linkArrow_down.png) right center no-repeat;
			padding-right:1.5em;
			line-height:1.4em;
			background-size:1em auto;
			-o-background-size:1em auto;
			-webkit-background-size:1em auto;
			-moz-background-size:1em auto;
			text-align:right;
		}
	table.breadcrumb h3
	{
		font-weight:normal;
		display:inline;
		color:#4e4e4e;
		font-size:1.5em;
	}
	table.grid h3
	{
		width:100%;
		text-align:center;
		display:block;
	}
	table.grid a
	{
		display:none;
	}				
#search, #compare
{
	margin:1em 3% 0;
	position:relative;
	border:0;
	width:94%;
}
    .profile #search{margin-top:0;}
	#search input.text, #compare input.text
	{
		width:96%;
		border:0;
		background:url(https://halo.bungie.net/images/mobile/bg_search_text.png) repeat-x 0 0;
		height:36px;
		border:0;
		padding-left:1%;
		font-size:1.2em;
		line-height:36px;
		border-bottom:2px solid #eee;
		border-left:2px solid #eee;
		border-top:2px solid #eee;
		-webkit-background-size:100% 36px;
		-moz-background-size:100% 36px;
		-o-background-size:100% 36px;
		background-size:100% 36px;
		text-indent:3%;

	}
	
	#search input.submit, #compare input.submit
	{
		width:64px;
		background:url(https://halo.bungie.net/images/mobile/bg_search_submit.png) no-repeat top right;
		border:0;
		height:40px;
		font-size:0;
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		border-top:2px solid #eee;
		border-bottom:2px solid #eee;
		-moz-background-size:auto 100%;
		-o-background-size:auto 100%;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
		
	}
	#search label, #compare label
	{
		position:absolute;
		top:-9999px;
	}
		#search label.floated, #compare label.floated
		{
			top:0;
			right:50px;
			font-size:1.2em;
			color:#2588CE;
			line-height:40px;
		}

		#compare label.floated.error
		{
			color:#f00;
		}

#storyContent{margin:0 3%;padding:1em;}
    .profile #storyContent{padding-top:0;}
	#storyContent h6{font-size:1.7em;font-weight:normal;}
	#storyContent h2
	{
		font-size:1.7em;
		color:#4e4e4e;
		font-weight:normal;
	}
		#storyContent p.date
		{
			margin-top:0;
			color:#808080;
			font-style:italic;
			padding:.1em 0 .5em;			
		}
	#storyContent p
	{
		margin-top:1em;
		font-size:1.4em;
		color:#000;
		line-height:1.6em;
	}
    #storyContent img { max-width: 100%; height: auto; }
	#storyContent .newsContent{font-size:1.4em;}
	    #storyContent .newsContent span.removed { display:block; line-height:2em; }
	    #storyContent .newsContent a.youtubeLink { display:block; margin-bottom: 1em; }
	    
		#storyContent .newsContent li
		{
			 margin-left: 2em;
			padding-left: 1em;
		}
		#storyContent .newsContent ul,#storyContent .newsContent ol 
		{
			padding-left:1em;			
		}
			#storyContent .newsContent ul li
			{
				margin-bottom:1em;
				list-style:disc;
			}
			#storyContent .newsContent ol li
			{
				margin-bottom:1em;
			}
			
#footer_pager
{
    width:100%;
	float:left;
	background:url(https://halo.bungie.net/images/mobile/shadow_footer.png) top left repeat-x;
	padding-top:10px;	 
}
    
    .profile #footer #footer_pager
    {
        position:static;
        bottom:auto;
        left:auto;
    }
#footer_pager li
{
    background:url(https://halo.bungie.net/images/mobile/bg_newsList_reversed.png) #fff repeat-x top left;
	width:50%;
	float:left;
	overflow:hidden;
	white-space:nowrap;
	background-size:auto 50%;
	-moz-background-size:auto 50%;
	-webkit-background-size:auto 50%;
	-o-background-size:auto 50%;
	
}
    #footer_pager li a
    {
        padding-right:1.4em;
        
        font-size:1.2em;
        height:3em;
	    line-height:3em;
	    display:block;
    }
    #footer_pager .left a
    {
        background:url(https://halo.bungie.net/images/mobile/icon_linkArrow.png) no-repeat left center;
        padding-left:1.4em;
        -o-background-size:auto 40%;
        -webkit-background-size: auto 40%;
        -moz-background-size:auto 40%;
        background-size:auto 40%;
        margin-left:6%;
    }
    #footer_pager .right{text-align:right;}		
	#footer_pager .right a
    {
        background:url(https://halo.bungie.net/images/mobile/icon_linkArrow_right.png) no-repeat right center;
        padding-right:1.4em;
        -o-background-size:auto 40%;
        -webkit-background-size: auto 40%;
        -moz-background-size:auto 40%;
        background-size:auto 40%;
        margin-right:6%;
    }
    #footer_pager a.nopost
    {
        visibility:hidden;
    }

	
#arrowList{margin:0 3%;}
	#arrowList li
	{
		background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
		position:relative;
		display:block;
		height:3em;
		line-height:3em;
		padding:0 3%;
		font-size:1.5em;
		width:94%;
		overflow:hidden;
		white-space:nowrap;
		
			
	}
	#arrowList li a
	{
		width:100%;
		display:block;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space:nowrap;
		
		
		background:url(https://halo.bungie.net/images/mobile/icon_listArrow.png) no-repeat right center;
		padding-right:1.4em;
		background-size:auto 1.2em;
		-o-background-size:auto 1.2em;
		-webkit-background-size: auto 1.2em;
		-moz-background-size:auto 1.2em;
		text-align:left;
		width:auto;	
	}
		
		#arrowList li a span.bothSidesLeft{float:none;text-align:left;padding-right:1.2em;}
		#arrowList span.date { color: #4e4e4e; }
#arrowList.newsList li
{
    white-space:normal;
    max-height:5em;
    line-height:1.5em;
    height:auto;
}
    #arrowList.newsList li a
    {
        white-space:normal;
        padding:1em 0;
        background-size:auto 1.2em;
        -moz-background-size:auto 1.2em;
        -webkit-background-size:auto 1.2em;
        -o-background-size:auto 1.2em;
        
    }
    #arrowList.newsList li a span.bothSidesLeft
    {
        display:block;
        overflow:hidden;
        max-height:3em;
    }

div.gridMode
{
	margin:0 3%;
	
	
}
	div.gridMode ul
	{
		width:100%;
	}
	div.gridMode li.row
	{
		background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
		clear:both;
		width:100%;
		float:left;
	}
	
	div.gridMode li.row li
	{
		float:left;
		width:33%;
		text-align:center;
		padding-top:1em;
	}	
		div.gridMode img
		{
			width:90%;
		}
		div.gridMode p
		{
			text-align:center;
			line-height:2em;
			font-size:1.1em;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
			margin:-2px 2% 0;
			display:block;
			padding-bottom:2px;
		}
	
#playerModelButton div{position:relative;width:90%;margin:0 auto;overflow:hidden;}
	#glServiceRecord
	{
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:3;
	}
		#glServiceRecord img{width:100%;}
	#playerModelButton #emblemImgContainer
	{
		height: 100%;
		  position: absolute;
		  top: 0pt;
		  left: 0pt;
		  width: 100%;
	}
	#playerModelButton #emblemImg {
		width:60%;
		margin: 20% 19% 20% 21%;
		display:block; 
	}	
	#playerModelButton #hlModel
	{
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		width:100%;
		padding:0;
	}
		#playerModelButton #hlModel img{width:93%;}
	#playerModelButton div > img
	{
		width:100%;
	}
	

.challengesList
{
	margin:0 3%;
	padding-top:1.5em;
	width:94%;
}
	.challengesList li
	{
		clear:both;
		margin-bottom:1em;
		background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
		padding:0 1em;
		position:relative;
	}
	.challengesList li.weekly
	{
		margin-bottom:2em;
	}
	.challengesList > li
	{
		border-top:1px solid #4e4e4e;
		padding:0;
		background:none transparent;
		margin:0;
	}
		.challengesList > li h3
		{
			margin:-.7em 0 .7em;
			padding:0 .5em 0 .7em;
			float:left;
			background:#fff;
			color:#4e4e4e;
			font-size:1.5em;
			font-weight:normal;		
		}
	.challengesList li img
	{
		float:left;
		width:25%;
		margin-bottom:1em;
		background-color:#2f2f2f;
	}
	.challengesList li.complete .info
	{
		padding-bottom:0;
	}
		.challengesList li.complete .info p.description
		{
			margin-bottom:1em;
		}
	.challengesList .success
	{
		width:100%;
		background:url(https://halo.bungie.net/images/mobile/bg_barContainer_green.png) no-repeat;
		height:36px;
		line-height:36px;
		color:#4d4d4d;
		font-size:1.4em;
		clear:both;
		text-indent:3%;
		-moz-background-size:100% 36px;
		-webkit-background-size:100% 36px;
		-o-background-size:100% 36px;
		background-size:100% 36px;
		
		
	}	
	.challengesList .info
	{
		float:left;
		width:63%;
		padding:0 2% 2.5em 3%;
	}
		.challengesList .info h4, .challengesList .info p
		{
			zoom:1;
		}
		.challengesList .info h4
		{
			font-size:1.7em;
			color:#4e4e4e;
			font-weight:normal;
			margin-top:-.2em;
		}
		.challengesList .info p
		{
			margin-bottom:.7em;
			font-size:1.2em;
			color:#4e4e4e;
		}
		.challengesList .info p.description
		{
			color:#a0a0a0;
			margin-bottom:2em;
		}
		.challengesList .info p.time
		{
			position:absolute;
			bottom:1em;
			left:auto;
			margin-bottom:0;
		}
		
	.personalChallenges .challengesList li li
	{
		padding:0 1em 1em;
	}
	.personalChallenges .challengesList .info p.time
	{
		margin-bottom:36px;
		bottom:2em;
	} 	
	.challengesList .barContainer
	{
		width:100%;
		position:relative;
		clear:both;
		background:url(https://halo.bungie.net/images/mobile/bg_barContainer.png) no-repeat;
		float:left;
		height:36px;
		
		
		background-size:100% 36px;
		-moz-background-size:100% 36px;
		-webkit-background-size:100% 36px;
		-o-background-size:100% 36px;
		
	}
		.challengesList .barContainer .bar
		{
			position:absolute;
			left:0;
			top:0;
			background:url(https://halo.bungie.net/images/mobile/bg_bar.png);
			height:36px;
			width:0%;
		}
		.challengesList .barContainer span
		{
			position:absolute;
			right:1em;
			top:0;
			color:#4d4d4d;
			font-size:1.4em;
			line-height:36px;
				
		}
	.time span
	{
		margin-right:.3em;
	}
	.time span.seconds
	{
		color:#f00;
	}
ul.playlistsList li a
{
    text-transform:lowercase;
}
    ul.playlistsList span
    {
        color:#808080;
    }
    ul.playlistsList span.bothSidesLeft
    {
        color:#2387CF;
    }		
div.reach
{
	margin:0 3%;
	position:relative;
	padding-top:1em;
	width:94%;
}
    .profile div.reach{padding-top:0;}
	div.reach > img
	{
		width:100%;
		display:block;
	}
	div.reach .infoBar
	{
		background:url("https://halo.bungie.net/images/mobile/bg_overlayStory.png") repeat-x scroll 0 0 transparent;
		bottom:0;
		line-height:4em;
		padding:0 5%;
		position:absolute;
		right:0;
	}
		div.reach .overlay_reach a
		{
			font-size:1.7em;
		}
		div.reach .overlay_reach a img
		{
			width:1.8em;
			vertical-align:middle;
			margin-left:.2em;
		}
p.reachDescription
{
	margin:0 3%;
	padding:3%;
	font-size:1.4em;
	line-height:1.6em;
	background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
}
		


div.careersHeader
{
	margin:0 3%;
	padding:0 0 2em;
	background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
	width:94%;
}
	div.careersHeader img
	{
		width:100%;
	}
	
	div.careersHeader p
	{
		font-size:1.4em;
		padding:0 3%;
		margin-top: 1em;
	}
#careersContainer
{
	position:relative;
	width:100%;
	overflow:hidden;
}
#bungieBenefits .careerDescription ul
{
	border-top:0;
	position:static;
	padding-top:0;
}
div.careerContent {	padding:1em 0; }
    .profile div.careerContent{padding-top:0;}
	div.currentDiv
	{
		position:relative;
		left:0%;
	}
	div.innerContent
	{
		padding:1em 3%;
		width:94%;
	}
	    .profile div.innerContent
	    {
	        padding-top:0;
	    }
		div.innerContent h2
		{
			font-size:2em;
			color:#4e4e4e;
			font-weight:normal;
		}
		div.innerContent .linkArrow
		{
			margin-left:0;
			float:left;
			background-size:auto 1.2em;
			-moz-background-size:auto 1.2em;
			-webkit-background-size:auto 1.2em;
			-o-background-size:auto 1.2em;
			font-size:1.5em;
		}
		div.innerContent .careerDescription
		{
			margin-top:1em;
			font-size:1em;
			color:#000;
			line-height:1.4em;
			clear:both;
		}
			div.innerContent .careerDescription img { max-width: 100%; height: auto; }					
			div.innerContent .careerDescription h4
			{
				background:none repeat scroll 0 0 #FFFFFF;
				float:left;
				font-size:1.3em;
				font-weight:normal;
				line-height:1.6em;
				margin:0;
				overflow:hidden;
				padding-right:1em;
				padding-top:1em;
				position:relative;
				z-index:2;
			}
			div.innerContent .careerDescription ul
			{
				border-top:1px solid #777777;
				clear:both;
				padding-top:1em;
				position:relative;
				top:-0.8em;
				font-size:1.3em;
				line-height:1.3em;
				padding-left:2em;
			}
				div.innerContent .careerDescription ul li
				{
					background:url(https://halo.bungie.net/images/mobile/icon_listStyleType.gif) no-repeat 0 .4em;
					padding-left:2.5em;
					margin-top:1em;

				}
			div.innerContent .careerDescription p
			{
			    position: relative;
			    background-color: #FFFFFF;
			    z-index:2;
				font-size: 1.3em;
				line-height: 1.3em;
				margin-top: 1em;
			}
		
			div.innerContent a.applyNow
			{
				font-size:1.8em;
				line-height:3em;
				display:block;
				clear:both;
			}
#jobsList{margin:0 3%;}

	#jobsList h2
	{
		background:none repeat scroll 0 0 #FFFFFF;
		font-size:1.3em;
		font-weight:normal;
		line-height:1.6em;
		margin:0 3%;
		overflow:hidden;
		padding-top:1em;
	}
		#jobsList h2 span
		{
			background:none repeat scroll 0 0 #FFFFFF;
			float:left;
			padding-right:1em;
		}
		#jobsList h2 span.hr
		{
			background:none repeat scroll 0 0 #777;
			display:block;
			float:none;
			height:1px;
			margin:0.8em 0 0;
			width:100%;		
		}
	#jobsList ul
	{
		clear:both;
	}
	#jobsList li li,#jobsList li.bungieBenefits
	{
		background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
		position:relative;
		display:block;
		height:3em;
		line-height:3em;
		padding:0 3%;
		font-size:1.5em;
		width:94%;
		overflow:hidden;
		white-space:nowrap;
		
			
	}
	#jobsList li li a,#jobsList li.bungieBenefits a
	{
		width:100%;
		display:block;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space:nowrap;
		
		
		background:url(https://halo.bungie.net/images/mobile/icon_listArrow.png) no-repeat right center;
		padding-right:1.4em;
		background-size:auto 1.2em;
		-o-background-size:auto 1.2em;
		-webkit-background-size: auto 1.2em;
		-moz-background-size:auto 1.2em;
		text-align:left;
		width:auto;	
	}
		
		#jobsList li li a span.bothSidesLeft,#jobsList li.bungieBenefits a span.bothSidesLeft{float:none;text-align:left;padding-right:1.2em;}
fieldset.fileSearch
{
	border:0;
	width:94%;
	margin:0 3%;
	color:#000;
	padding-top:1em;
}
	fieldset.fileSearch input
	{
		
		margin-top:1em;
		width:100%;		
	}
		fieldset.fileSearch input[type=text]
		{
			width:98%;
			height:2em; 
			line-height:2em;
			font-size:1.5em;
			padding:0 1%;
		}
		fieldset.fileSearch a.btn_submit
		{
			text-align:left;
			background:#fff;
			border:1px solid #808080;
			font-size:1.5em;
			font-weight:normal;
			line-height:3em;
			height:3em;
			padding-left:3%;
			background:url(https://halo.bungie.net/images/mobile/icon_listArrow.png) no-repeat 97% center;
			-moz-background-size:auto 1.2em;
			-webkit-background-size:auto 1.2em;
			-o-background-size:auto 1.2em;
			background-size:auto 1.2em;
			cursor:pointer;
			display:block;
			margin-top:1em;
			color:#000;
		}
			fieldset.fileSearch a.btn_save
			{
				margin-top:0;
				border-top:0;
			}
					
	fieldset.fileSearch select /* iphone , firefox desktop */
	{
		width:100%;
		margin-top:1em;
		font-size:2em;
		display:block;
	}

.modalContainer
{
	display:none;
	background:rgba(0,0,0,.7);
	width:100%;
	height:4000px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;	
}
#saveSearchModal{ 
    position:relative;
    width:200px;
    margin:0 auto;
    z-index:101;
    border:3px solid rgb(242,242,242);
    border-radius:10px;
    -o-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding:10px 20px 20px;
            
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.34, rgb(166,166,166)),
        color-stop(1, rgb(242,242,242))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(166,166,166) 34%,
        rgb(242,242,242) 100%
    );
}
	#saveSearchModal h3
	{
		text-align:center;
		font-size:1.4em;
		line-height:2em;
		font-weight:normal;
	}
	#saveSearchModal p
	{
		color:#808080;
		font-size:1.2em;
	}
	#saveSearchModal p#saveSearchFull
	{
	    margin-bottom:1em;
	}
	#saveSearchModal input
	{
		border:0;
		width:92%;
		padding:.5em 4%;
		font-size:1.4em;
		margin:1em 0;
	}
	#saveSearchModal a
	{
		width:45%;
		border-radius:2px;
		-o-border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		text-align:center;
		padding:1em 0;
		color:#4e4e4e;
		font-size:1.4em;
		
	}
		a#btn_go
		{
			float:left;
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.34, rgb(179,179,179)),
				color-stop(1, rgb(230,230,230))
			);
			background-image: -moz-linear-gradient(
				center bottom,
				rgb(179,179,179) 34%,
				rgb(230,230,230) 100%
			);

			border-top:1px solid rgb(242,242,242);
			border-left:1px solid rgb(242,242,242);
			border-bottom:1px solid rgb(166,166,166);
			border-right:1px solid rgb(166,166,166);

			
		}
		a#btn_cancel
		{
			float:right;
			background:#808080;
			border-top:1px solid rgb(242,242,242);
			border-left:1px solid rgb(242,242,242);
			border-bottom:1px solid rgb(166,166,166);
			border-right:1px solid rgb(166,166,166);
			
		}
	
.delSearch
{
	float:left;
	background:none !important;
	font-size:.7em;
	
}
#screenshots{margin:0 3%;display:block;padding-top:1em;}
	#screenshots li
	{
		float:left;
		width:32%;
		overflow:hidden;
		position:relative;
		margin-right:2%;
		margin-bottom:.8em;
	}
		#screenshots li.last{margin-right:0;}
		#screenshots li img
		{
			position:absolute;
			top:-5%;
			left:-50%;
			width:200%;
		}
		#screenshots li a{display:block;width:100%; position:relative; z-index: 10;}
		#screenshots li img.blank
		{
			width:100%;
			position:static;
		}
.screenshotsGrid{margin:0 3%;display:block;padding-top:1em;}
	.screenshotsGrid li
	{
		float:left;
		width:32%;
		overflow:hidden;
		position:relative;
		margin-right:2%;
		margin-bottom:.8em;
	}
		.screenshotsGrid li.last{margin-right:0;}
		.screenshotsGrid li img
		{
			position:absolute;
			top:-5%;
			left:-50%;
			width:200%;
		}
		.screenshotsGrid li a{display:block;width:100%; position:relative; z-index: 10;}
		.screenshotsGrid li img.blank
		{
			width:100%;
			position:static;
		}
div.notFoundPanel
{
	text-align:center;
	margin:2em 3%;
	background:#fff;
}
	div.notFoundPanel p
	{
		font-size:1.7em;
		color:#808080;
		text-align:left;
		padding:2em 0 0;
	}	
    div.notFoundPanel img { width: 80%; }
html.FileDetails body.landscape {background:#000;}
    html.FileDetails body.landscape #page{background:#000;}
    html.FileDetails body.landscape #header{display:none;}
    html.FileDetails body.landscape .breadcrumb{display:none;}
    html.FileDetails body.landscape .pager{display:none;}
    html.FileDetails body.landscape .fileDetails .rule{display:none;}
    html.FileDetails body.landscape .fileDetails .fileDetailsList{display:none;}
    /* used for the swipe */
    html.FileDetails body.landscape #mainContent{width:100%;overflow:hidden;}
    html.FileDetails body.landscape .fileDetails{margin:0;padding:0;position:relative;}
    html.FileDetails body.landscape .screenshotsContainer{margin:0;padding:0;position:relative;float:left;z-index:1;-webkit-transition:all .2s ease-in;width:100%;}
        html.FileDetails body.landscape .screenshotsContainer img{width:100%;margin:0;float:left;}
        html.FileDetails body.landscape .screenshotsContainer a
        {
        	float: left;
        	position:relative;
        	display:block;
        	top:0;
        	background-size:100% auto;
        	-webkit-background-size:100% auto;
        	-moz-background-size:100% auto;
        	-o-background-size:100% auto;
        	background-repeat: no-repeat;
        	background-position:center top;
        	width:100%;
        	
        	
        }
            html.FileDetails body.landscape .screenshotsContainer a span
            {
            	display:block;
            	width:100%;
            	text-align:center;
            }
                html.FileDetails body.landscape .screenshotsContainer a span img
                {
                	width:20%;
                	vertical-align:middle;
                	opacity:.5;
                	position:static;
                	display:inline;
                	float:none;
                }
        html.FileDetails body.landscape .screenshotsContainer a.screenshotTrigger{}
            html.FileDetails body.landscape .screenshotsContainer a.fourbythree
            {
            	text-align:center;
            	background-color:#000;
            	background-size:75% auto;
            	-webkit-background-size:75% auto;
            	-o-background-size:75% auto;
            	-moz-background-size:75% auto;
            }
                html.FileDetails body.landscape .screenshotsContainer a.fourbythree > img{width:75%;float:none;}
    
    html.FileDetails body.landscape #footer{display:none;}
    
    html.FileDetails body.profile .screenshotsContainer a{display:none;}
    html.FileDetails body.profile .screenshotsContainer a.screenshotTrigger{display:block;}
        
        
    html.FileDetails body.landscape .single a.next,html.FileDetails body.landscape .single a.prev{display:none;}
    html.FileDetails body.landscape a.next,html.FileDetails body.landscape a.prev
    {
        text-indent:-9999px;
        overflow:hidden;
        display:block;
        width:27px;
        height:38px;
        background-size:75% auto;
        	-moz-background-size:75% auto;
        	-webkit-background-size:75% auto;
        	-o-background-size:75% auto;
        position:absolute;
        z-index:10;	
    }
        html.FileDetails body.landscape a.next
        {
        	top:3em;
        	right:3%;
        	background:url(https://halo.bungie.net/images/mobile/icon_listArrow_screenshot.png) no-repeat right center;
        }
        html.FileDetails body.profile a.next{display:none;}
        html.FileDetails body.landscape a.prev
        {
            top:3em;
            left:3%;
        	background:url(https://halo.bungie.net/images/mobile/icon_listArrow_screenshot_prev.png) no-repeat left center;
        }
        html.FileDetails body.profile a.prev{display:none;}
div.fileDetails
{
	margin:0 3%;
	padding-top:1em;
	width:94%;	
}
    .profile div.fileDetails{padding-top:0;}
	div.fileDetails img.screenshot
	{
		width:100%;
		float:left;
	}
		
	.pager
	{
		padding:1em 0;
		margin:0 3%;
		clear:both;
	}
		.pager a
		{
			background:url("https://halo.bungie.net/images/mobile/icon_linkArrow_right.png") no-repeat scroll right center transparent;
			padding-left:0;
			padding-right:1.4em;
			margin-right:0;
			margin-left:10%;
			font-size:1.5em;
			line-height:1em;
			-moz-background-size:auto 100%;
			-webkit-background-size:auto 100%;
			-o-background-size:auto 100%;
			background-size:auto 100%;
			display:block;
		}
			.pager a.bothSidesLeft
			{
				background-image:url("https://halo.bungie.net/images/mobile/icon_linkArrow.png");
				background-repeat:no-repeat;
				background-position:left center;
				margin-right:10%;
				margin-left:0;
				padding-left:1.4em;
			}

			.pager a.off
			{
				visibility:hidden;
			}
.fileDetails .rule
{
	height:2px;
	background-color:#e8e8e8;
	width:94%;
	margin:0 auto;
}			
.fileDetailsList
{
	clear:both;
	width:100%;
	
}
	.fileDetailsList li
	{
		background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
		font-size:1.3em;
		padding:1em 3%;
		display:block;
		
	}
		.fileDetailsList li.description{line-height:1.4em; color:#808080;}
		    .fileDetailsList li.description span { display: block; margin-top: .7em; }
		.fileDetailsList li strong{color:#000;font-weight:normal;}
		.fileDetailsList li.tags{}
			.fileDetailsList li.tags strong{display:block;line-height:2em;}
			.fileDetailsList li.tags p{display:inline-block;margin-right:1em;line-height:2em;}
ul.subNav
{
	background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
	margin:0 3%;
	width:94%;
}
	ul.subNav li
	{
		display:inline-block;
		width:25%;
		text-align:center;
	}
		ul.subNav li a
		{
			display:block;
			font-size:1.4em;
			line-height:3em;
			height:4em;
		}
		ul.subNav li.on a
		{
			color: #4E4E4E;
			background:url(https://halo.bungie.net/images/mobile/icon_submenu_on.png) center 2.7em no-repeat;
			-webkit-background-size:auto .4em;
			-moz-background-size:auto .4em;
			-o-background-size:auto .4em;
			background-size:auto .4em;
			
		}
    ul.subNav #recent, #you
    {
        width:33%;
    }
    ul.subNav #fileshare
    {
        width:34%;
    }

ul.commendationsList
{
	margin:0 3%;
	clear:both;
}
	ul.commendationsList li
	{
		clear:both;
		padding:1.5em 3%;
		background:url(https://halo.bungie.net/images/mobile/bg_newsList.png) repeat-x left bottom #fff;
		
	}
	ul.commendationsList h3
	{
		color: #4E4E4E;
		font-size: 1.5em;
		font-weight: normal;
		margin-bottom:.3em;
	}
	ul.commendationsList p
	{
		font-size:1.2em;
		margin-bottom:.7em;
		color:#A0A0A0;
	}
	ul.commendationsList div.commendationImage{position:relative;margin-bottom:1em;width:100%;}
	ul.commendationsList div.commendationImage div img
	{
		position: absolute; 
		top:0; 
		left:0; 
	}
	ul.commendationsList div.commendationImage img
	{
		width:100%;
		display:block;	
	}
		ul.commendationsList div.commendationImage img.notier
		{
			opacity:.35;
		}
	.commendationsList .barContainer
	{
		width:100%;
		position:relative;
		clear:both;
		background:url(https://halo.bungie.net/images/mobile/bg_barContainer.png) no-repeat;
		float:left;
		height:36px;
		
		
		background-size:100% 36px;
		-moz-background-size:100% 36px;
		-webkit-background-size:100% 36px;
		-o-background-size:100% 36px;
		
	}
		.commendationsList .barContainer .bar
		{
			position:absolute;
			left:0;
			top:0;
			background:url(https://halo.bungie.net/images/mobile/bg_bar.png);
			height:36px;
			width:0%;
		}
		.commendationsList .barContainer p.bothSides
		{
			line-height:36px;
			padding:0 3%;
			color:#4E4E4E;
		}
.playlist
{
	margin:0 3%;
	padding:2em 0;	
}
	div.playlist h2
	{
		font-size:2em;
		color:#4e4e4e;
		font-weight:normal;
	}
	div.playlist p
	{
		position: relative;
		background-color: #FFFFFF;
		z-index:2;
		font-size: 1.3em;
		line-height: 1.3em;
		margin-top: 1em;
	}
#identityBar
{
    clear: both;
    margin:0 3%;
    padding:0;
    width:94%;
}
	#rankBar #emblemImg
	{
		vertical-align:middle;
		margin-right:3%;
		right:0;
	}
	#identityBar p
	{
		width:100%;
		line-height:2.5em;
		font-size:1.3em;
	}
#rankBar
{
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.16, #000000),
		color-stop(1, #323232)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#000000 16%,
		#323232 100%
	);
    clear: both;
    margin-top:1em;
    padding: 1em 3%;
    border:2px solid #000;
}
    .profile #rankBar{margin-top:0;}
	#rankBar img
	{
		width:9%;
		display:inline-block;
		vertical-align:middle;
		position:relative;
		right:-1%;
	}
	#rankBar .barContainer 
	{
		height: 25px;
		position: relative;
		width: 74%;
		margin-right:2%;
		display:inline-block;
		vertical-align:middle;
	}
		#barContainerOverlay
		{
			position:absolute;
			height:25px;
			top:-2px;
			left:-2px;
			z-index:2;
			width:100%;
			margin:0;
			border:2px solid #000;
			background: url("https://halo.bungie.net/images/mobile/bg_barContainer.png") no-repeat scroll 0 0 transparent;
			background-size:100% 25px;
			-o-background-size:100% 25px;
			-moz-background-size:100% 25px;
			-webkit-background-size:100% 25px;
		}
	#rankBar .bar
	{
		height: 25px;
		left: 0;
		position: absolute;
		top: 0;
		width: 0;
		z-index:1;
		
	}
	#rankText
	{
		color:#fff;
		font-size:1em;
		line-height:25px;
		padding-left:3%;
		white-space:nowrap;
		text-shadow:2px 2px 2px #666;
	}
	

#serviceRecord
{
	background:url(https://halo.bungie.net/images/mobile/bg_serviceRecord.png) no-repeat 0 0;
	margin:1em 3% 0;
	width:94%;
	background-size:100% auto;
	-o-background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	position:relative;
	
	padding-bottom:1em;

}
	#serviceRecord #hlModel
	{
		padding:1.5em 0;
		width:90%;
		margin:0 auto;
	}
		#hlModel img{width:100%;}	
	#serviceRecordStats 
	{
	  background :url(https://halo.bungie.net/images/mobile/bg_serviceRecordStats.png) repeat-x 0 0;
	  background-size:100% 100%;
	  -moz-background-size:100% 100%;
	  -webkit-background-size:100% 100%;
	  -o-background-size:100% 100%;
	  
	  position: absolute;
	  bottom: 0pt;
	  left: 0pt;
	  float: left;
	  width: 94%;
	  padding:10em 3% 0;
	}
		#serviceRecordStats li {
		  margin-bottom: 0.5em;
		  background: url("https://halo.bungie.net/images/mobile/bg_blue20.png") repeat scroll
			0% 0% transparent;
		  text-align: right;
		  color: rgb(153, 153, 153);
		  line-height: 2em;
		  font-size: 1.3em;
		  padding: 0pt 3%;
		  float: left;
		  clear: both;
		  width: 94%;
		}
			#serviceRecordStats li strong
			{
				float:left;
				color:#fff;
				font-weight:normal;
			}
		#serviceRecordStats li.alt
		{
			background:url(https://halo.bungie.net/images/mobile/bg_blue10.png);
		}
		#serviceRecordStats li.images
		{
			float:left;
			width:49%;
			margin-bottom:0;
			clear:none;
			text-align:center;
			padding:0;
			line-height:2em;
			padding:1.2em 0;
			background:none;
		}
			#serviceRecordStats li.images.campaign
			{
				padding-right:2%;
				background:url(https://halo.bungie.net/images/mobile/border_shieldDivider.png) no-repeat 99% 2em;
			}
			#serviceRecordStats li.images strong{float:none;}
			#serviceRecordStats li.images img{width:90%;}
		
		
#playerModesTable {
  width: 94%;
  
  margin: 0 3%;
}
	#playerModesTable th
	{
		font-weight:normal;
		line-height:2em;
		height:2em;
		padding: 0 3%;
		white-space: nowrap;
		vertical-align:middle;
		font-size:1.3em;
		border-bottom: 1px solid #676767;
		padding-top:6px;
	}
	#playerModesTable td
	{
		background: url("https://halo.bungie.net/images/mobile/bg_newsList.png") repeat-x scroll left bottom #FFFFFF;
		font-size: 1.5em;
		height: 3em;
		line-height: 3em;
		overflow: hidden;
		padding: 0 3%;
		white-space: nowrap;
		vertical-align:middle;
		border-bottom:1px solid #676767;
	}
	#playerModesTable td.name
	{
		border-left:1px solid #676767;
		width:70%;
		padding-right:0;
	}
	#playerModesTable td.games
	{
		text-align:center;
		color:#808080;
		width:15%;
	}
	#playerModesTable td.arrow{
		text-align:right;
		border-right:1px solid #676767;
		width:15%;
		padding-left:0;
	}
	#playerModesTable td.arrow img
	{
		vertical-align:middle;
		height:40%;
		width:auto;
		
	}

.statsTable
{
	width:94%;
	margin:1em 3% 0;
}
	.statsTable td
	{
		background: url("https://halo.bungie.net/images/mobile/bg_newsList.png") repeat-x scroll left bottom #FFFFFF;
		font-size: 1.3em;
		height: 3em;
		line-height: 3em;
		overflow: hidden;
		white-space: nowrap;
		vertical-align:middle;
		color:#808080;
		text-align:right;
		text-overflow:ellipsis;
	}
	.statsTable .playerOne{padding:0;width:47%;padding-right:3%;}
	.statsTable .playerTwo{display:none;}
	.statsTable .name{color:#000;width:47%;text-align:left;padding-left:3%;}
	.comparing th.name{line-height:1 !important;height:auto !important;}
	.comparing .statsTable th{text-align:right;line-height:1;}
		.comparing .statsTable th img{width:40%;}
	.comparing .statsTable .playerTwo{display:table-cell;width:22%;padding-right:3%;font-style:italic;}
	.comparing .statsTable .playerOne{width:22%;}
	
	.comparing #statsMedalTable .name{width:53%;font-size:1.2em;}
	.comparing #statsMedalTable th img{width:60%;}
	.comparing #statsMedalTable .playerTwo{width:19%;}
	.comparing #statsMedalTable .playerOne{width:19%;}
	
	#btn_stopCompare
	{
		background: url("https://halo.bungie.net/images/mobile/bg_newsList.png") repeat-x scroll left bottom #FFFFFF;
		font-size: 1.5em;
		height: 3em;
		line-height: 3em;
		white-space: nowrap;
		text-align:center;
		margin:0 3%;
		display:block;
	}
	
	#statsWeaponTable span.ratio{font-size:.7em;}
	#statsWeaponTable td{vertical-align:middle;line-height:1.2em;min-height:5em;}
	#statsWeaponTable .name{height:5em;line-height:5em;padding:0;}
	#statsWeaponTable .weaponImage{vertical-align:middle;}
	
	#medalGroups{margin:1em 3% 1em;width:94%;font-size:1.5em;}
	#statsMedalTable{margin-top:0;}
	#statsMedalTable td{vertical-align:middle;line-height:1.2em;min-height:7em;}
	#statsMedalTable .name img{vertical-align:middle;margin-right:3%;}
	#statsMedalTable .name{height:5em;line-height:5em;}
	#statsMedalTable span.ratio{font-size:.7em;}
	
	#last25TotalsTable span.expand{margin-right:3%;}
	#last25TotalsTable tr.on td{background:url(https://halo.bungie.net/images/mobile/bg_newsList_on.png) repeat-x;}
	#last25TotalsTable tr.on td.playerOne{color:#000;}
	
	tr.graph{display:none;}
	tr.graph td
	{
		background:#e1f1fc none;
		color: #000;
		font-size: 1em;
		height: auto;
		line-height: 1;
		overflow: visible;
		padding: 2em 0;
		text-align: left;
		vertical-align: middle;
		white-space: normal;
	}
	

	.graphBg{margin:1em 3% 0;position:relative;padding-bottom:2em;}
		.graphBg span{font-size:1.3em;text-align:center;width:10%;position:absolute;}
		div.graph{width:90%;float:right;border-left:1px solid #000; border-bottom:1px solid #000;}
		.graphBg span.y-upper{width:10%;position:absolute;top:0;left:0;}
		.graphBg span.zero{bottom:0;left:0;}
		.graphBg span.x-upper{bottom:0;right:0;text-align:right;}
		.graphBg span.label{font-size:1.2em;width:auto;}
		.graphBg span.y-label
		{
			top:6em;
			width:10%;
			text-align:center;
			-moz-transform: rotate(270deg);
			-webkit-transform: rotate(270deg);
		}
		.graphBg span.x-label{width:90%;bottom:0;right:0;}
		.graphBg a.btn_closeX
		{
			position:absolute;
			top:0;
			right:1em;
			display:block;
			width:3%;
			max-width:20px;
		}
		

			
	#last25GamesTable{margin-top:1em;table-layout:fixed;}
	.noPlace #last25GamesTable .place{display:none;}
	#last25GamesTable th{text-align:center;background:none;line-height:3em;font-size:1.3em;font-weight:normal;}
	#last25GamesTable td{text-align:center;font-size:1.5em;width:16%;padding:0 2%;}
	#last25GamesTable td.gameType{padding:.5em 0;width:5%;}
		#last25GamesTable .gameType img{width:70%;vertical-align:middle;}
	#last25GamesTable .gameID{text-align:left;line-height:1.5em;font-size:1.2em;width:33%;padding-left:0;}
	
	#last25GamesTable .gameID strong{color:#000;text-transform:capitalize;}
	
	.comparing .statsTable{}
	
	
span.games{color:#A0A0A0;}

#footer
{
	clear:both;
	padding:1em 3%;
}



#footer p
{
	border-top:1px solid #eee;
	font-size:1.3em;
	line-height:2em;
	clear:both;
	color:#4e4e4e;
	text-align:center;
}
#footer p.footer_links{font-size:1.1em;text-transform:capitalize;border-top:0;line-height:1.3em;}
    #footer p.footer_links a{margin:0 1%;}

.profile #footer #footer_pager
{
    position:static;
    bottom:auto;
    left:auto;
}

@media screen and (max-device-width: 240px)
{
	
	body{font-size:6px;}
	
}