div.loadingPanel
{
	margin:-161px 0 0 1px;
	width:371px !important;
	height:207px !important;
	background:#000;
}
div.loadingPanel img
{
	position:absolute;
	top:50px;
	left:135px;
	z-index:10;
}
div.homeHead
{
	width:871px;
	margin-bottom:10px;
}
	ul.storyRotator
	{
		padding:9px;
		display:block;
		position:relative;
		height:230px;
	}
		ul.storyRotator li
		{
			float:left;
			margin:28px 16px 0 0;
		}
			ul.storyRotator li:first-child{margin-left:16px;}
				ul.storyRotator li:first-child div.story
				{
					display:block;
				}
			ul.storyRotator li a.trigger
			{
				border:1px solid #71CAEF;
				background:#000;
				display:block;
				width:30px;
				height:30px;
				line-height:30px;
				text-align:center;
				z-index:10;
				position:relative;
			}
			
				ul.storyRotator li.on a.trigger,
				ul.storyRotator li a.trigger:hover
				{
					border:1px solid #fff;
					color:#fff;
				}
			ul.storyRotator li div.story
			{
				position:absolute;
				top:10px;
				left:10px;
				display:none;
				background: no-repeat;
				width:853px;
				height:230px;
				z-index:1;
			}
				ul.storyRotator li div.story div.text
				{
					position:absolute;
					bottom:0;
					padding-left:16px;
					width:70%;
				}
					ul.storyRotator li div.story h4{font-size:24px;margin-bottom:0;line-height:30px;}
				ul.storyRotator li div.story div.thermometerGraph
				{
					position:absolute;
					right:16px;
					bottom:16px;
					background:url(../../images/reachStatsNew/bg_thermometer.png) no-repeat bottom right;
					width:149px;
					height:203px;
				}
					ul.storyRotator li div.story div.thermometerGraph ul.labels
					{
						left:74px;
						position:absolute;
						top:6px;
					}
					ul.storyRotator li div.story div.thermometerGraph ul.labels li
					{
						border-top:1px solid #999999;
						color:#999999;
						float:none;
						font-size:13px;
						height:26px;
						margin:0;
						position:relative;
						width:11px;
					}
						ul.storyRotator li div.story div.thermometerGraph ul.labels li:first-child
						{
							font-size:20px;
							color:#fff;
							border-top:1px solid #fff;
						}
						ul.storyRotator li div.story div.thermometerGraph ul.labels li span
						{
							position:absolute;
							right:27px;
							top:-7px;
							white-space:nowrap;
						}
					ul.storyRotator li div.story div.thermometerGraph div.barContainer
					{
						border:2px solid #fff;
						border-bottom:0;
						width:13px;
						height:151px;
						position:absolute;
						right:16px;
						bottom:45px;
					}
						ul.storyRotator li div.story div.thermometerGraph div.barContainer div.bar
						{
							background:#e12e2e;
							border-top:1px solid #fff;
							width:13px;
							position:absolute;
							bottom:0;
							height:20%;
						}
				
			ul.storyRotator li:hover div.story
			{
				display:block;
				z-index:2;
			}
.body 
{
    clear:both;
    float:left;
    width:100%;
}
    .block
    {
	    width:100%;
	    margin-bottom:15px;
	    clear:both;
	    float:left;		
    }
	    .blockHead
	    {
		    background:url(../../images/reachStatsNew/bg_20white.png);
		    border-left:10px solid #fff;
		    height:38px;
		    position:relative;
	    }
	        .blockHead h3
		    {
			    text-indent:-9999px;
			    background:url(../../images/reachOnline/sprite_headers_nav.png) no-repeat;
			    margin:12px 0 0 20px;
			    float:left;
			    overflow:hidden;
			    height:15px;
				width:160px;
		    }
			    .globalReach .blockHead h3
				{
					background-position:0 -800px;
				}
				.reachStatsAPI .blockHead h3
				{
					background-position:0 -815px;
				}
				.renderYourFilms .blockHead h3
				{
					background-position:0 -755px;
				}
				.weeklyChallenges .blockHead h3
				{
					background-position:0 -770px;
					width:180px;
				}
				.onlinePlaylists .blockHead h3
				{
					background-position:0 -785px;
				}
				.recentGames .blockHead h3
				{
					background-position:0 -830px;
				}
			.blockHead a
			{
				float:right;
				padding-right:28px;
				height:38px;
				line-height:38px;
						
				position:relative;
				top:0;
				left:0;
			}
				.blockHead a span
				{
					display:block;
					position:absolute;
					width:10px;
					height:13px;
					right:10px;
					top:14px;
					background:url(../../images/reachOnline/sprite_png.png) no-repeat;
					background-position:0 -589px;
				}
				.blockHead a:hover span
				{
					background-position:0 -614px;
				}
    div.leftCol
    {
        width:485px;
        float:left;
        margin:0 13px 0 0;
    }
        .leftCol .glowBox
        {
            width:483px;
        }
            .leftCol .content
            {
                padding:20px 0;
            }
            .leftCol .block img
		    {
			    float:right;
			    margin:0 20px 0 0;
		    }
		    .leftCol .info
		        {
			        float:left;
			        width:210px;
		        }
			        .leftCol .info h4
			        {
				        margin:0 0 10px 0;
				        padding:0 0 0 16px;
				        width:194px;
						
			        }
				        .leftCol .info h4 a
				        {
					        font-size:15px;
				        }
			        .leftCol .info p
			        {
				        padding:0 16px;
			        }
    div.rightCol
    {
        float:left;
        width:375px;
    } 
        .rightCol .glowBox
        {
            width:373px;
        }
                
				            

/* content blocks */
div.globalReach{}
	div.findYourStats
	{
		position:absolute;
		width:290px;
		bottom:7px;
		right:9px;
		float:left;
	}
		div.findYourStats fieldset
		{
			margin-bottom:0;
			float:left;
			position:relative;
		}
			div.findYourStats fieldset label
			{
				position:absolute;
				top:-99999px;				
			}
			div.findYourStats fieldset label.floated
			{
				position:absolute;
				top:4px;
				left:2px;
				color:#999;
				cursor:text;
			}
			div.findYourStats input 
			{
				margin-right:8px;
				float: left;
				border:none; 
				height:24px; 
				width: 156px;
				line-height:24px;
				padding:0 2px;
			} 
				div.findYourStats a.bluebutton 
			{
				float: left; 
				width: 110px;
				height:24px;
				left:0;
				line-height:24px;
				padding-right:0;
				position:relative;
				top:0;
			}
				div.findYourStats a.bluebutton span
				{
					position:static;
					background:url("../../images/base_struct_images/bluebutton-right.gif") no-repeat scroll right top transparent;
					cursor:pointer;
					height:24px;
					padding-right:20px;
					width:auto;
					line-height:24px;
				}
					div.findYourStats a.bluebutton:hover span
					{
						background-position:right bottom;
					}
	div.globalReach div.content
	{
		background-color: #0b0c0d;
		text-align:center;
		padding-bottom:83px;
		background:#0B0C0E;
	}
		div.globalReach img
		{
			margin:0;
			float:none;
		}
		div.counters
		{
			width:458px;
			float:left;
			text-align:left;
			position:absolute;
			bottom:20px;
			padding-left:25px;
		}
			div.counter
			{
				float:left;
				position:relative;
				top:0;
				left:0;
				width:auto;

			}
			div.counters .playersOnline{margin-right:25px;}
				div.counter h3
				{
					color:#fff;
					text-transform:none;
					font-size:11px;
					text-align:left;
					margin:-20px 0 7px 0;
					line-height:17px;
					white-space:nowrap;
				}
					div.playersOnline h3{width:85px;}
					div.gamesPlayed h3{width:86px;}
				div.counter .numbers
				{
					width:264px;
					overflow:hidden;
					height:36px;
					background:none;
					position:absolute;
					top:7px;
					left:0;
				}
				div.counter .numbersBackground
				{
					background:none;
					float:left;
					height:40px;
					top:5px;
					right:35px;
					width:auto;
				
				}
				div.counter .numbersBackground div.number,
				div.counter .numbersBackground div.comma			
				{
					background-image:url(../../images/reachOnline/sprite_png.png);
					background-repeat:no-repeat;
					float:left;
					text-indent:-99999px;
					overflow:hidden;
				}
					div.counter .numbersBackground div div.numberWrapper
					{
						position:relative;
						text-indent:0;
					}
			
					div.counter .numbersBackground .number
					{
						background-position:-45px -260px; 
						height:40px;
						width:21px;
						height:27px;
						padding-top:13px;
						font-size:19px;
						text-indent:0;
						text-align:center;
						overflow:hidden;
						position:relative;
					}
						div.counter .numbersBackground .number span
						{
							position:relative;
							top:0;
							left:0;
							display:block;
							height:40px;
						}
				div.counter .numbersBackground .comma
				{
					background-position:-70px -260px; 
					width:5px;
					height:10px;
					margin:33px 3px  0 3px;
				}
             
div.renderYourFilms{}
	div.renderYourFilms img{margin-top:0;}
div.reachStatsAPI{margin-bottom:0;}
div.recentGames{}
	div.recentGames div.content
	{
		position:relative;
		padding:161px 0 10px 0;
	}
		div.recentGames div.playerModelContainer
		{
   			position:absolute;
   			top:100px;  
   			width:355px;
   			height:142px;
   			top:9px;
   			left:9px;
   			background-repeat:no-repeat;  
		}
			div.recentGames div.playerModelContainer img.playerModel
			{
        		position:absolute;
        		bottom:0;
        		left:10px;
			}
				div.recentGames div.playerModelContainer img.behind
				{
            		left:90px;
				}
		div.recentGames ul.medalsList
		{
    		position:absolute;
    		top:103px;
    		right:10px;
    		width:355px;
		}
			div.recentGames ul.medalsList li
			{
				background:none;
				float:right;
			} 
		div.pager
		{
			position:relative;
		}
			div.pager a.btn
			{
				background:url("../../images/reachStats/sprite_iconsPNG.png") no-repeat scroll 0 0 transparent;
				height:38px;
				position:absolute;
				top:0;
				width:45px;
				text-indent:-9999px;
			}
				div.pager div
				{
    				padding:0 73px 0 73px;
    				height:38px;
    				text-align: center;
				}
					div.pager div h4
					{
        				margin:0;
        				padding-top:3px;
        				white-space:nowrap;
        				overflow:hidden;
					}
						div.pager div h4 a
						{
            				font-size:14px;
						}
					div.pager div p
					{
        				margin:0;
        				overflow:hidden;
        				white-space:nowrap;
					}
				div.pager a.older
				{
    				background-position:-51px -187px;
					left:10px;
				}
					div.pager a.older:hover{background-position:-51px -225px;}
				div.pager a.olderDisabled
				{
					background-position:-51px -344px;
					left:10px;
				}	
				div.pager a.newer
				{
    				background-position:0 -187px;
					right:10px;
				}
					div.pager a.newer:hover{background-position:0 -225px;}
				div.pager a.newerDisabled
				{
    				background-position:0 -344px;
					right:10px;
				}
.onlinePlaylists{margin-bottom:0;}

		.onlinePlaylists ul
		{
			margin-bottom:-8px;
			padding-top:17px;
		}
			.onlinePlaylists li.glowBox 
			{
        		text-align:right;
        		line-height:32px;
        		height:32px;
        		font-size:12px;
        		color:#fff;
        		padding:0 10px;
        		margin-bottom:8px;
        		width:353px;
        		overflow:hidden;
			}
				.onlinePlaylists .glowBox h4
				{
            		margin:0;
            		float:left;
            		width:auto;
            		font-size:14px;
            		line-height:32px;
				} 
					.onlinePlaylists .glowBox h4 a
					{
                		font-size:14px;
                		line-height:32px;
					}
.weeklyChallenges{}
    .weeklyChallenges .content
    {
    padding:15px 0;
    }
		.weeklyChallenges img
		{
			margin:0 10px 0 15px;
			float:left;
		}
		.weeklyChallenges .info
		{
			width:245px;
			float:left;
		}
			.weeklyChallenges .info h4
			{
				margin:0 0 5px;
			}
			.weeklyChallenges .info p
			{
				margin:0 0 5px;
			}
				.weeklyChallenges .info p.time
				{
					color:#fff;
					margin-bottom:0;
				}
					.ReachOnline .weeklyChallenges .info p.time span span
					{
						margin-right:5px;
					}
					.ReachOnline .weeklyChallenges .info p.time span span.seconds
					{
						color:#ff5f3c;
					}
div.reachfooter{width:100%;padding-left:0;}