BODY.js.nojs .related-stuff SPAN { text-indent: -9999px; }



/* Styles for the Related Stuff panel */

.related-stuff {
	width:527px;
	height:206px;
	max-height:206px;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	
	background: transparent url(/staticarchive/55597a38b5da3df38ad0a10fd06d0a8915747336.gif) no-repeat bottom left;
}
html>body .related-stuff{
	background: transparent url(/staticarchive/36ed2b2cbe2d44be3a593117a046dd129253fc1d.png) no-repeat bottom left;
}
.related-stuff * {
	margin:0px; padding:0px; border:none;
	overflow: hidden; /* fixes opera issue */
	
}
	.related-stuff .head{
		position: relative;
		width:527px;
		height:33px;
		background: transparent url(/staticarchive/989c8d785c4b811ad4946f787f78fb9f6281cab2.gif) no-repeat top left;
	}
		html>body .related-stuff .head{
			background: transparent url(/staticarchive/859c5d77b6dcb9640780482d6989c4bae3b5b9d8.png) no-repeat top left;
		}
	
		.related-stuff .head span{
			display: block;
			color: #FFF;
			position: relative;
			top: 7px;
			left: 16px;
			width: 360px;
			height: 22px;
			font-size: 1.6em;
			font-weight: normal;
		}


	/* Animated related-links LINKS list: */

	.related-links {
		position: relative;
		top: 11px;
		right: -8px;
		float: right;
			
		margin: -11px 0px 0px 0px;		
		height:172px; 
		background:transparent url(/staticarchive/45421c2b58f7119b9a0e890d3f0b375e76dea78a.png) no-repeat;
	}
	html>body .related-links {
		position: relative;
		top: 11px;
		right: 7px;
		float: right;
		width: 206px;
	}

	* HTML .related-links {	/* IE6 only */
		clear:left;
	}

	.related-links, .related-links * {
		
	}
		
		.related-links UL {
			height:172px;
			background-image:none;;
		}

		.js .related-links UL {		/* Note: backgroundPosition is also set explicitly in the js to workaround a bug in Mozilla. */
			height:172px;
			background:transparent url(/staticarchive/cc59e7d28c4a6e2f8bda39a1d7bd4928de95474b.png) no-repeat 0px -132px;
		}
			.related-links UL LI {
				color:#fff;
				height:42px;
			}
			.related-links UL * {
				overflow: visible; /* required for ie 6  */
			}
			* HTML .related-links UL LI {	/* IE6 only */
				margin-bottom:-8px;
			}

				.related-links UL LI A {
					background:transparent url(/staticarchive/cc59e7d28c4a6e2f8bda39a1d7bd4928de95474b.png) no-repeat 0px 0px;
				}

				.js .related-links UL LI A {
					cursor:pointer;
					height:42px;
					display:block;
					text-decoration:none;
					background-image:none;
				}

				.related-links UL LI A:hover {
					background-position:0px -132px;
				}

				.js .related-links UL LI A:hover {
					background-image:none;
				}

					.related-links UL LI A * {
						background:transparent none;
					}

					.related-links UL LI A span.heading {
						color:#fff;
						height:16px;
						font-size:1em;
						font-weight:bold;
						padding:11px 25px 0px 25px;
						display: block;
					}

					.related-links UL LI A span.strap {
						color:#ff0;
						height:20px;
						font-weight:bold;
						text-transform:uppercase;
						padding:0px 25px 0px 25px;
						display: block
					}

					@media all and (min-width:0px){	/* Opera7 only */
						.related-links UL {
							padding-top:6px;
						}
						.related-links UL LI A span.heading {
							padding-top:2px;
						}
					}


	/* Animated related-links IMAGE list: */

	.link-preview {
		width:306px;
		height:172px;
		padding:0px;
		margin:0px;
		
		float:left;
		overflow:hidden;
		position: relative;	
		top: 0px;
		left: 8px;

	}
	

	.link-preview LI {
		position: relative;
		display:block;
		width:306px;
		height:172px;		
		padding:0px;
		margin:0px;
		
		font-size: 0px;
	}
		.link-preview LI A{
			
			margin: 0px;
			padding: 0px;
		}

		.link-preview LI IMG{
			width:306px;
			height:172px;
			
		}
		.link-preview DL{			
			width:306px;
			padding:0px 0px 0px 0px;
			position:absolute;
			bottom: 0px;
			left: 0px;	
			padding: 10px;
			color:#ffffff;
			background:#000;	
			line-height: 1.4em;
			font-size: 12px;
		}
			.link-preview DL DT{	
				font-weight: bold;
				line-height: 1.4em;
			}
			.link-preview DL DD{	
				padding: 0px 
			}			





	.link-preview DD.game A, .link-preview DD.video A, .link-preview DD.audio A, .link-preview DD.gallery A, .link-preview DD.article A{	
		position: absolute;
		bottom: 15px;
		right: 28px;
		width: 101px;
		height: 24px;	
		text-indent: -9999px;
		background:#000 url(/staticarchive/0f31eb389611db51d3eb846bfae4c430c74bd1ad.gif) no-repeat bottom right;
	}

	.link-preview DD.game A{	
		background:#000 url(/staticarchive/84215858b7a9830b93ce07bee44c16392fc0d225.gif) no-repeat top right;
	}	
	.link-preview DD.game A:hover{	
		background-position:bottom right;
	}
	.link-preview DD.video A{	
		background:#000 url(/staticarchive/f1abb7a020b4737120a0b5e33155682a440ee027.gif) no-repeat top right;
	}
	.link-preview DD.video A:hover{	
		background-position:bottom right;
	}
	.link-preview DD.audio A{	
		background:#000 url(/staticarchive/2f1e24181ce91f97a5f7bf7f29f548b81f77439c.gif) no-repeat bottom right;
	}	
	.link-preview DD.gallery A{	
		width: 129px;
		background:#000 url(/staticarchive/ce6cdda7919c68e32c342f7209ae9f3bd87e9111.gif) no-repeat bottom right;
	}
	.link-preview DD.article A{	
		width: 124px;
		background:#000 url(/staticarchive/ce6cdda7919c68e32c342f7209ae9f3bd87e9111.gif) no-repeat top right;
	}	
	.link-preview DD.article A:hover{	
		background-position:bottom right;
	}
	
	
	
	
	
	
#highlights{
	position: relative;
	top: 0px; 
	left: 20px;
	clear: both;
}
	#highlights h4{
		color: #FFF;
		padding: 0px 0px 15px 0px;
	}
#highlights ul{
	padding: 0px 0px 7px 0px;	
	line-height:1.1em;	
}
#highlights li{	
	
	display: inline-block;
	position: relative;
	height:52px;
	width:226px;	
	padding: 0px 0 10px 0px;
}


	#highlights LI IMG{
		//position: relatr
		//float: left;
		padding: 1px;
		width: 86px;
		height: 48px;
		background: transparent url(/staticarchive/8620f9a20da9599d3e67724722d9f8f3b330580e.gif) no-repeat top left;
	}
	
	#highlights UL A{
		color: #FFF;
		text-decoration: none;
	}

	#highlights LI{
		clear: both;
	}
	
	#highlights LI DIV{
		position: absolute;
		top: 0px;
		left: 96px;
	}
		#highlights LI DIV P{	
			width: 140px;
		}	
	
	#highlights .cta a:hover{
		text-decoration: underline;
	}

		#highlights .cta A{
			margin:-1px -3px 0px 1px;
			padding-left:0px;
			width:98px;
			height:16px;
			background:none;
			color:#FFFF00;
			padding-top:1px;
		}