/* ------------ Table of contents --------------------

	1.0 Global Items (cleanup)
		1.1 Default text/img
		1.2 Outer structural parts
		1.3 Custom DropDows
	2.0 Header items
		2.1 dropdown menu/nav
	3.0 Homepage specific
	4.0 Content specific
		4.1 News archive
		4.2 Photo gallery
			4.2.1 Lightbox css
		4.3 Community page
			4.3.1 media/community boxes
	5.0 Footer
	6.0 Gamercard
		6.1 Legacy Xbox.com Gamercard rules
		6.2 New gamercard rules

*/

/* =================== 1.0 GLOBAL ITEMS ================================ */

html, body, form {margin:0;padding:0;}
a img {border:0;}
.clear{clear:both;} /* generic clearing class used to stretch bgs */
object {outline:none;}

/* ------------------- 1.1 Default text/img -------------- */
body {
	background:#000 url(images/background.jpg) center top no-repeat;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#e6e2ad;
	/*--the following allows FF to handle negative z-index the same as IE--*/
	position:relative;
	z-index:0;
	}

a, a:link, a:active, a:visited {
	color:#dd7b00;
	text-decoration:none;
	outline:none;
	}

a:hover {
	color:#c64c01;
	text-decoration:underline;
	}

.readmore {
	text-align:right;
	clear:both;
	font-weight:bold;
	font-size:10px;
	display:block;
	}

.align-right {
	float:right;
	margin:10px 0 10px 10px;
	}

.align-left {
	float:left;
	margin:10px 10px 10px 0;
	}

.caption {
	text-align:center;
	}
	
.caption span {
	display:block;
	text-align:center;
	font-size:10px;
	color:#666666;
	margin:4px 0 0 0;
	padding:0;
	line-height:13px;
	}

blockquote {
	line-height:20px;
	border-left:1px dashed #2c2c2c;
	margin:20px 40px;
	padding-left:10px;
	}

#beta ul {
	margin-top:20px;
	margin-bottom:20px;
	}

#beta ul li {
	margin-top:6px;
	margin-bottom:6px;
	}
	
ol {
	line-height:16px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
ol li {
	}

ol li p {
	padding:0;
	}

/* overwriting css from global.css' horrible default definitions */

td {
	color:#e6e2ad;
}

/* ------------------- 1.2 Outer structural parts -------- */

#main {
	width:800px;
	margin:0 auto;
	position:relative;
	}

#alpha { /* flash box and header part */
	height:146px;
	width:800px;
	position:relative;
	z-index:500;
	}

#alpha2 {
	height:326px;
	clear: both;
	}

#beta {
	width:530px;
	float:left;
	margin:0 0 0 0;
	padding:0 10px 105px 20px;
	}

#beta.wide {
	width:760px;
	padding-right:20px;
	}

div#home #beta { /* main content area */
	margin:10px 0 0 0;
	}

#gamma { /* sidebar */
	width:210px;
	float:left;
	padding:10px 20px 10px 10px;
	}
	

	
/* =================== 1.3 Custom DropDowns ================================ */
.ContextMenuCurrentSelection {
	background:#26221C;
	display:block;
	font-size:10px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:2px;
	padding-top:3px;
	margin-top: 8px;
	margin-left: 7px;
	width:130px;
	top:6px;
	color:#E6E2AD;
	}
	
.ContextMenuPanel {
	width: 136px;
	background:#26221C;
	cursor: default;
	padding: 1px 1px 0 1px;
	font-size: 11px;
	}

.ContextMenuBreak {
	margin:1px 1px 1px 3px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
	}
	
a.ContextMenuItem {
	margin: 1px 0 1px 0;
	display: block;
	color: #E6E2AD;
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	left:-33px;
	font-size: 10px;
	}

a.ContextMenuItem-Selected {
	font-weight: bold;
	}

a.ContextMenuItem:hover {
	background-color:#312e29;
	color:#dd7b00;
	}
	
	
/* =================== 2.0 HEADER ITEMS ================================ */

#chrome { /* chrome bg is contained in main bg */
	width:auto;
	height:80px;
	margin:0 auto;
	font-size:10px;
	color:#fff;
	font-family:Arial, Helvetica, Sans-serif;
	}

#chrome-inner {
	width:740px;
	margin:0 auto;
	position:relative;
	}

#chrome a, 
#chrome a:hover, 
#chrome a:visited {
	color:#fff;
	font-size:10px;
	}

#chrome a:hover {
	text-decoration:underline;
	}

#chrome ul {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	color:#fff;
	}

#chrome ul li {
	margin:0;
	float:left;
	padding:2px 0 0 0;
	height:9px;
	}

#chrome ul li.last {
	margin:0 0 0 6px;
	z-index:100;
	}

#loc {
	top:2px;
	left:0;
	}
	
#loc li.last a {
	text-decoration:underline;
	}

#meta {
	top:2px;
	right:0;
	}

#meta a {
	font-weight:bold;
	}

#logo-xbox {
	position:absolute;
	top:35px;
	left:0;
	}

#logo-gow {
	position:absolute;
	left:70px;
	top:6px;
	width:122px;
	height:140px;
	margin:0;
	padding:0;
	xbackground-image:url(images/logo-gow.jpg);
	text-indent:-100000px;
	display:block;
	background-position:top left;
	z-index:200;
	overflow:hidden;
	}

/* ------------------------- 2.1 dropdown menu ------------------------------ */

ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:96px;
	left:193px;
	width:605px;
	height:33px;
	}

ul#nav>li {
	list-style:none;
	float:left;
	padding:0 16px 0 13px;
	margin:0;
	position:relative;
	background:url(images/nav-li-bg.gif) no-repeat;
	background-position:center right;
	height:36px;
	}
	
*html ul#nav li { /* IE6 hack so it displays the dropdown bg */
	background:url(images/nav-li-bg.gif) no-repeat;
	background-position:center right;
	}

ul#nav>li.last {
	background-image:none;
	}

ul#nav li a.game {
	background-image:url(images/nav-game.gif);
	width:60px;
	}

ul#nav li a.instructions {
	background-image:url(images/nav-instructions.gif);
	width:145px;
	}

ul#nav li a.media {
	background-image:url(images/nav-media.gif);
	width:39px;
	}

ul#nav li a.community {
	background-image:url(images/nav-community.gif);
	width:76px;
	}
	
ul#nav li a.myphotos {
	background-image:url(images/nav-myphotos.gif);
	width:74px;
	}

/*--adding child selectors so this only applies to the top level nav and not the grandchildren in the dropdowns--*/
ul#nav>li>a {
	display:block;
	height:32px;
	overflow:hidden;
	background-position:bottom center;
	background-repeat:no-repeat;
	}

ul#nav li a span {
	display:none;
	}

ul#nav li a:hover, 
ul#nav li a.on, 
ul#nav li:hover a {
	background-position:top left;
	}

#nav li ul {
	display:none;
	}

#nav li:hover ul {
	display:block;
	width:auto;
	background:transparent url(images/dropdown-bgv3.gif) bottom left no-repeat;
	position:absolute;
	left:4px;
	padding:5px 0 0 0;
	margin:0 auto;
	text-align:left;
	}

#nav li:hover ul li {
	display:block;
	margin:0;
	}

#nav li:hover ul li a {
	padding:5px 10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	display:block;
	border-bottom:1px dashed #2c2c2c;
	}

#nav li:hover ul li a:hover {
	text-decoration:none;
	}

#nav li ul li.bottomDropItem {
	padding-bottom:10px;
	}
	
#nav li ul li.bottomDropItem a {
	border:none;
	}


/* =================== 3.0 HOMEPAGE-SPECIFIC =========================== */

#flashcontent {
	width:617px;
	height:316px;
	margin-left:auto;
	margin-right:auto;
	}

#esrb {
	position:relative;
	bottom:-21px;
	right:-27px;
	}

#beta p {
	line-height:18px;
	padding-left:20px;
	color: #E6E2AD;
	}

div#home #beta p {
	line-height:16px;
	}

#beta #head {
	width:530px;
	height:30px;
	}

#beta #head a {
	display:block;
	float:left;
	width:265px;
	height:30px;
	text-indent:-1000000px;
	overflow:hidden;
	} 
	
#beta #head a.mainlink { /* latest news link - generically named in case this needs a text change */
	background:url(images/head-latestnews.gif) bottom left no-repeat;
	}

#beta #head a.mainlink:hover, #beta #head a.secondarylink:hover { 
	background-position:top left;
	}

#beta #head a.mainlinkon { /* latest news link - generically named in case this needs a text change */
	background:url(images/head-latestnews-on.gif) top left no-repeat;
	}

#beta #head a.secondarylink { /* recent forum threads link - generically named in case this needs a text change */
	background:url(images/head-recentthreads.gif) bottom left no-repeat;
	}

#beta #head a.secondarylinkon { /* latest news link - generically named in case this needs a text change */
	background:url(images/head-recentthreads-on.gif) top left no-repeat;
	}

#beta .box1, 
#beta .box2 {
	padding:20px;
	margin:0;
	width:490px;
	position:relative;
	z-index:0;
	}

div#home #beta .box1, 
div#home #beta .box2 {
	margin:6px 0;
	}

#beta .box1 .readmore, 
#beta .box2 .readmore {
	position:absolute;
	bottom:0;
	left:0;
	text-align:right;
	display:block;
	background:url(images/bg-box-cap.gif) bottom left no-repeat;
	height:30px;
	width:490px;
	}

div#home #beta .box1 {
	background:url(images/bg-box1.jpg) top left no-repeat;
	}

#beta .box1 {
	background:#200000 url(images/bg-box1-internal.jpg) top left no-repeat;
	}

#beta.wide .box1 {
	background:#200000 url(images/bg-box1-internal-w.jpg) top left;
	width:710px;
	}

#beta .box2 {
	background:url(images/bg-box2.jpg) top left no-repeat;
	}

#beta h2 { /* main headers on home page boxes */
	color:#dd7b00;
	margin:0 0 -5px 0;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	background:url(images/bullet-badge.png) top left no-repeat;
	}

#beta h3 { /* secondary headers on internal pages */
	color:#dd7b00;
	margin:30px 0 -4px 0;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:11px;
	}

#beta h2 a, 
#beta h2 a {
	color:#dd7b00;
	}
	
#beta .usercomments {
	position:relative;
	margin:0 0 0 20px; 
	z-index: 500;
	font-size:10px;
	font-weight:bold;	
	}
	
#beta.wide .usercomments {
	margin:0 0 0 20px; 
	font-size:10px;
	font-weight:bold;	
	}


#gamma .box {
	width:185px;
	margin:0 0 16px 0;
	padding:19px 12px 10px 12px;
	position:relative;
	border-top:0;
	border-right:1px solid #3f1000;
	border-bottom:1px solid #3f1000;
	border-left:1px solid #3f1000;
	background:none;
	}
	
.pollbox {
	width:186px;
	margin:0 0 16px 0;
	padding:3px 12px 10px 12px;
	position:relative;
	border-top:0;
	border-right:1px solid #3f1000;
	border-bottom:1px solid #3f1000;
	border-left:1px solid #3f1000;
	background:#000 url(images/box-header.jpg) top left no-repeat;
	}


#gamma h2.boxheader, 
h2.boxheader {
	width:204px;
	color:#e6e2ad;
	font-size:11px;
	line-height:1em;
	font-weight:bold;
	margin:16px 0 0 0;
	padding:4px;
	background:none;
	background:transparent url(images/box-header2.jpg) top left no-repeat;
	}

#gamma .box p, 
.pollbox p {
	line-height:19px;
	font-size:10px;
	font-weight:bold;
	color:#ff0000;
	margin:10px 0;
	}
	
	
#gamma .box ol.design_list_vertical li, 
.pollbox ol.design_list_vertical li {
	clear:both;
	display:block;
	height:1em;
	}

#gamma .box ol li input, 
.pollbox ol li input {
	float:left;
	margin-right:8px;
	} 

#gamma .box ul.stats {
	list-style:none;
	margin:0;
	padding:0;
	}

#gamma .box ul.stats li {
	margin:4px 0;
	clear:both;
	padding:0;
	height:30px;
	}

#gamma .box ul.stats p {
	margin:0;
	line-height:14px;
	}

#gamma .box ul.stats .rank {
	width:30px;
	height:30px;
	float:left;
	text-align:left;
	color:red;
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	}

#gamma .box .gamertag {
	color:red;
	width:150px;
	overflow:hidden;
	}

#gamma .box .score {
	color:#c64c01;
	}

#gamma .readmore {
	padding:0 8px 0 0;
	margin:-8px 0 0 0;
	}

#gamma strong, 
.pollbox strong {
	display:block;
	font-size:11px;
	margin-top:4px;
	}

#gamma .box label, 
.pollbox label {
	color:#c64c01;
	font-size:10px;
	font-weight:bold;
	display:block;
	width:140px;
	float:left;
	text-align:left;
	margin-left:4px;
	vertical-align:middle;
	}

#gamma .submit, 
.pollbox .submit {
	position:absolute;
	right:10px;
	bottom:-8px;
	}

#gamma ol, 
.pollbox ol {
	padding:0;
	margin:10px 0 20px 0;
	line-height:14px;
	list-style:none;
	}

#gamma ol li, 
.pollbox ol li {
	margin:6px 0;
	}
	
#gamma .box a.featuredimage {
	display:block;
	margin:1px;
	width:186px;
	}

#gamma .box a.featuredimage:hover {
	border:1px #711411 solid;
	margin:-1px 0 -1px 0;
	}

#gamma .box.photorotator {
	
	
}

/* =================== 4.0 CONTENT-SPECIFIC ============================ */

/* -------------------- 4.1 news archive -------------------------------- */

.pagenavigation {
	clear:both;
	display:block;
	text-align:center;
	list-style:none;
	margin:0;
	padding:0 0 20px 0;
	width:710px;
	color:#666666;
	border-bottom:1px dashed #2c2c2c;
	}
.pagenavigation a{
	color:#c64c01;
	}
.pagenavigationCurrent{
	color:#e6e2ad;
	font-size:12px;
	font-weight: bold;
	}	
.pagenavigation li {
	margin:0;
	padding:0;
	display:inline;
	}

.pagenavigation li a:hover {
	text-decoration:none;
	}

.byline {
	font-size:10px;
	margin:4px 0 -10px 0;
	font-style:italic;
	color:#666666;
	}

.newsheader {
	text-transform:uppercase;
	}

/* ------------------- 4.2 photo gallery rules -------------------------- */

.gallery {
	clear:both;
	padding:0;
	}

.gallery a {
	float:left;
	margin:5px;
	display:block;
	width:150px;
	height:90px;
	overflow:hidden;
	text-align:center;
	}
		
#beta .gallery div {
	float:left;
	width:125px;
	margin:5px;
	}

#beta .gallery div a {
	height:110px;
	width:125px;
	}

#beta .gallery div p {
	margin:0;
	padding:0;
	clear:both;
	float:none;
	}

#beta .gallery div p a {
	float:none;
	margin:0;
	padding:0;
	height:14px;
	width:125px;
	text-align:center;
	border:0;
	}
	
/* ------------------------ 4.2.1 lightbox CSS ------------------------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 500; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #e6e2ad; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 82px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 500px; background-color: #000; }

/* ------------------------- 4.3 community page rules ------------------------------------ */

.compactbox {
	width:496px;
	margin:16px 20px 0 0;
	padding:3px 0 40px 0;
	position:relative;
	border:0;
	background:url(images/compactbox-header.jpg) top left no-repeat;
	overflow:hidden;
	}

#beta.wide .compactbox .forumposts, 
.pollbox {
	float:left;
	}
	
body#home #beta .forumposts .box1,
#beta.wide .compactbox .box1 {
	padding:10px 20px 10px 20px;
	margin:6px 0;
	height:30px;
	width:466px;
	position:relative;
	z-index:0;
	background:url(images/bg-box1.jpg) top left no-repeat;
	}
	
body#home #beta .forumposts h2,
#beta.wide .compactbox h2 {
	color:#e6e2ad;
	font-size:11px;
	font-weight:bold;
	margin:0 0 10px 20px;
	padding:0;
	background:none;
	}

body#home #beta .forumposts .readmore, 
.compactbox .forumposts .readmore {
	position:absolute;
	bottom:0;
	left:0;
	text-align:right;
	display:block;
	height:30px;
	width:496px;
	}

body#home #beta .forumposts .box1 h2,
#beta.wide .compactbox .forumposts .box1 h2 {
	text-transform:none;
	color:#e6e2ad;
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:11px;
	}

body#home #beta .forumposts p,
#beta.wide .compactbox .forumposts p {
	margin:0;
	padding:0;
	}

.headreport {
	background:none;
	border:0;
	line-height:14px;
	padding:0;
	margin:0 0 14px 0;
	color:#e6e2ad;
	}

.pollbox td {
	color:#e6e2ad;
	}

/* -------------------------- 4.3.1 community page and media page box rules ---------------- */

.contentbox-wide {
	clear:both;
	width:720px;
	padding-top:48px;
	padding-left:16px;
	position:relative;
	margin-bottom:14px;
	background:url(images/bg-contentbox-wide.gif) top left no-repeat;
	}

.contentbox-small {
	padding-top:48px;
	padding-left:12px;
	float:left;
	margin-right:14px;
	margin-bottom:14px;
	width:350px;
	position:relative;
	background:url(images/bg-contentbox-small.gif) top left no-repeat;
	}
	
.contentbox-small.nobg {
	background:0;
	padding-top:0;
	}

.contentbox-wide h3,
.contentbox-small h3 {
	position:absolute;
	top:-20px;
	left:0;
	clear:both;
	width:350px;
	height:16px;
	background:none;
	margin:0;
	padding:0;
	}
	
.contentbox-wide h4,
.contentbox-small h4 {
	clear:both;
	font-size:14px;
	padding:0;
	}
	
.contentbox-small h3 .title,
.contentbox-small h3 .viewall, 
.contentbox-wide h3 .viewall, 
.contentbox-wide h3 .title {
	float:left;
	}

.contentbox-small h3 .viewall,
.contentbox-wide h3 .viewall {
	background:url(images/nav-li-bg.gif) no-repeat;
	background-position:0 0;
	padding-left:12px;
	margin-left:12px;
	}

.contentbox-small .photo,
.contentbox-wide .photo {
	float:left;
	margin-right:0;
	}

.contentbox-small .photo p,
.contentbox-wide .photo p {
	margin:0 0 10px 0;
	padding:0;
	}
	
.contentbox-wide .merchframe {
	float:left;
	margin:0 5px;
	text-align:center;
	}
	
.contentbox-wide .merchframe div {
	background:#000;
	width:150px;
	height:125px;
	padding-top:14px;
	}

#beta .contentbox-wide .merchframe div * {
	vertical-align:middle;
	margin:0 auto;
	}
	
#beta .contentbox-wide .merchframe p {
	font-size:10px;
	margin:0 0 10px 0;
	padding:0;
	margin-left:0;
	}
	
#beta .contentbox-wide .merchframe p.itemname {
	font-weight:bold;
	font-size:11px;
	margin-bottom:0;
	}

.contentbox-wide .column {
	width:260px;
	float:left;
	display:inline;
	margin-right:50px;
	margin-left:4px;
	}

.contentbox-wide .column ul {
	display:inline;
	margin:0;
	padding:0;
	list-style-position:outside;
	}

.spotlight {
	background:url(images/bg-spotlight.gif) top left repeat-y;
	left:-10px; /* remove outer box default padding */
	padding:16px 16px 16px 16px; /* bring padding back */
	top:5px;
	position:relative;
	}

.spotlight .trailer-item {
	padding:0;
	margin:0 0 24px 0;
	clear:both;
	height:70px;
	}

#beta .spotlight .trailer-item .text h4 {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	position:relative;
	}

#beta .spotlight .trailer-item .text {
	float:left;
	width:190px;
	margin:0 0 0 20px;
	}

#beta .spotlight .trailer-item .text p {
	margin:0 auto;
	padding:0;
	font-size:10px;
	line-height:12px;
	}


/* =================== 5.0 FOOTER ITEMS ================================ */

#footer {
	text-align:center;
	clear:both;
	margin:50px auto;
	width:800px;
	}

#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#footer ul li {
	list-style:none;
	margin:0;
	padding:0 20px;
	height:50px;
	line-height:75px;
	float:left;
	background:url(images/footer-dots.gif) center right no-repeat;
	}

#footer .copyright {
	color:#ff0000;
	font-size:10px;
	height:24px;
	background:none;
	line-height:25px;
	text-align:left;
	padding-right:0;
	margin-right:0;
	width:400px;
	}

#footer .copyright a {
	font-weight:bold;
	color:#ff0000;
	text-decoration:none;
	}

#LangDisclaimer {
	font-style:italic;
	color:#DD7B00;
	line-height:18px;
	height:100px;
	margin:20px 0;
	padding-top:20px;
	clear:both;
	}


/* ============================= 6.0 Gamercard ============================================ */

/* ----------------------------- 6.1 Legacy XBOX Gamercard rules -------------------------- */
.XbcShellHeaderBrandMyXboxGamerCard {
	width:141px;
	PADDING-RIGHT:35px;
	POSITION: absolute;
	TOP: 32px;
	right: 0;
	HEIGHT: 40px;
	text-align:right;
	}

.XbcShellHeaderBrandMyXboxGamerCard p, 
.XbcShellHeaderBrandMyXboxGamerCardNSI p {
	padding:0 8px 1px 0;
	MARGIN: 0;
	COLOR: #000;
	TEXT-ALIGN: right;
	}

.XbcShellHeaderBrandMyXboxGamerCard span, 
.XbcShellHeaderBrandMyXboxGamerCardNSI span {
	POSITION: relative;
	TOP: -3px;
	margin-left:2px;
	}

.XbcShellHeaderBrandMyXboxGamerCardPicture {
	border: #ccc 1px solid;
	RIGHT: 1px;
	POSITION: absolute;
	TOP: 2px;
	}

.XbcShellHeaderBrandMyXboxGamerCardNSI {
	PADDING-RIGHT:36px;
	BACKGROUND-POSITION: right top;
	BACKGROUND-IMAGE: url(/xweb/xbox/xboxV2/images/signOut.png);
	BACKGROUND-REPEAT: no-repeat;
	POSITION: absolute;
	TOP: 28px;
	right: 0;
	HEIGHT: 40px;
	text-align:right;
	}

/* --------------------------- 6.2 new gamercard rules ------------------- */

#gamercard {
	position:absolute;
	padding:0;
	top:32px;
	right:0;
	text-align:right;
	}

#gamercard p {
	margin:0 0 2px 0;
	padding:0;
	text-align:right;
	font-size:10px;
	}
	
	
/* --------------------------- 7.0 General Site Controls ------------------- */



.help {
	display:block;
	overflow:hidden;
	text-indent:-1000000px;
	width:23px;
	height:23px;
	background:url(images/wj-help.gif) top left no-repeat;
	position:absolute;
	top:37px;
	right:11px;
	}