/* IE7 targeted selector -->    *:first-child+html {} */
/* IE6 targeted selector -->    * html {}             */

/* ============================================================================================================================================
     Site-wide Default Styles		
   ========================================================================================================================================= */

* {	padding:0px; margin:0px; /* border: 1px solid #999999; */ }
img { border:none; }
a { text-decoration:none; }
p { margin:0px 0px 10px 0px; }
ul { list-style-position:inside; list-style-type:square; }
ol { list-style-position:inside; }


/* ===========================================================================================================================================
	Utility Class Styles
=========================================================================================================================================== */

.brd { border:1px solid; }
.pad5 {	padding:5px; }
.pad10 { padding:10px; }  /* padding:0.5em 1em; */
.pad15 { padding:15px; }
.margin5 { margin:5px; }
.margin10 { margin:10px; }
.font10 { font-size:10pt; }
.vertmid { vertical-align:middle; }
.cleaner { clear:both; }
.center { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.on { float:inherit; position: relative; left:0px; /* visibility: visible; */ } /* Clear? */
.off { float:none; position:absolute; left: -100000px; /* visibility: hidden; */ }
/* .on {display: block; visibility: visible;} */ /* Old backup */ 
/* .off {display: none; visibility: hidden;} */ /* Old backup */

.active { cursor:default; }
.inactive { cursor:pointer; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.nolist {list-style-type:none; list-style-position:outside; }
.depthM { position:relative; z-index:85; }
.depthN { position:relative; z-index:90; }
.depthO { position:relative; z-index:95; }
.depthP { position:relative; z-index:100; }
.depthQ { position:relative; z-index:105; }




.invis {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter:alpha(opacity=0); /* IE */
	-moz-opacity:0; /* Oldskool netscape */
	-khtml-opacity: 0; /* Oldskool Safari */
	opacity: 0; /* Firefox, "css standard" */
}
.alpha50 {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter:alpha(opacity=.5); /* IE */
	-moz-opacity:.5; /* Oldskool netscape */
	-khtml-opacity:.5; /* Oldskool Safari */
	opacity:.5; /* Firefox, "css standard" */
}
.alpha75 {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
	filter:alpha(opacity=.75); /* IE */
	-moz-opacity:.75; /* Oldskool netscape */
	-khtml-opacity:.75; /* Oldskool Safari */
	opacity:.75; /* Firefox, "css standard" */
}

.block { display:block; }


/* ============================================================================================================================================
     Main Site Structure and Layout Styles 
   ========================================================================================================================================= */

body {					
	text-align:center;	
	/* background:#000000 url('Images/bg2c.jpg') top center repeat-y; */
}

#leftskin {
	/* position:absolute;  
	left:-309px; */
	
	/* position:relative;
	left:-473px; */
	
	position:absolute;
	float:left;
	
	height:100%;
	overflow:hidden;
	background-color:#999999;
}

#rightskin {
	margin: 0x auto 0px auto;
	width:473px;
	height:100%;
	background-color:#999999;
}

#centerpage {
	margin: 0px auto 0px auto;
	text-align:left;	
	width:960px;	
	/* min-height: 500px; 
	height: auto !important; 
	height: 500px; */	
	/* border: 1px solid # ff0000; */
}

#header {
	width:100%;
	/* height:119px; */
	color:#ffffff;		
}

/* Default Column Style Controls (additional style rules based on per-page css files) ============================= */
#columns {
	width:100%;
	overflow:hidden;	
	background: url('../../../Images/Image.aspx?pictype=bg&layout=4') top left repeat-y;	
}

#left {
	top:101px;
	width:170px;
	float:left;
	height:100%;
	/** clear:both; **/	
	/* background: url('../../../Images/Image.aspx?picpath=~|Template|Images|_common|empty.gif&pictype=file&bgcolor=777777&MaxX=1&MaxY=1') top left repeat;	*/
}
#padleft { padding:5px; }
#padright { padding:5px; }

#right {
	float:left; /** right **/
	top:101px;
	width:310px;
	height:100%;
	/* background: url('../../../Images/Image.aspx?picpath=~|Template|Images|_common|empty.gif&pictype=file&bgcolor=777777&MaxX=1&MaxY=1') top left repeat; */
}

#middle {		
	float:left; /** Added **/
	width:480px; /** Added **/	 
	/*background: url('../../../Images/Image.aspx?picpath=~|Template|Images|_common|empty.gif&pictype=file&bgcolor=eeeeee&MaxX=1&MaxY=1') top left repeat;	*/	
}
#middlebg { /* Transparent bg trials. Not for use in Live. */		
	position:absolute; /*needs to be absolute*/	
	top:0; /*Spreads this class across its container */
	left:auto;
	right:auto;
	bottom:0;	
	/*z-index:-1;*/ /*position on the stack. pushes ft behind the other children*/		
	border:1px solid #ffffff;
	background: rgba(255,0,0,0.5);
	/*background-color:#ff0000;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5; */
}

#left, #middle, #right { /* Column Leveling */
	/* margin-bottom: -9999px; padding-bottom: 9999px; */  /* Removed in favor of column bg images b/c does not work with bookmark anchors */
}

.cap {
	/* width:760px; 
	height:90px; */
	background:#ababbb;
	overflow:hidden; /* This aligns overflow in FF, TwoColumnLeft layout O_o !?  */	
}

#footer {
	clear:both;
	line-height:12pt;
	text-align:center;
	position:relative;
	z-index:50;	
}

/* END Column style controls =============================================================================================================== */




/* ============================================================================================================================================
     Default Shared Table Styles
   ========================================================================================================================================= */
table {	
	border-collapse: collapse;
	border:1px solid;
}

th {
	font-weight:bold;
	padding:5px;
	border:1px solid;	
}
th.subheader {

}

th.left { text-align:left; }
th.center { text-align:center; }
th.right { text-align:right; }


td {
	border:1px solid;
	border-left-style:dotted;
	border-right-style:dotted;
	padding:5px;
}

table.notable, table.notable tr, table.notable th, table.notable td {
	border:none;	
}

/* Specific table styles =============================== */

/* Forum table */
table.forum td.icon {
	width:65px;
	text-align:center;
	vertical-align:middle;
	border-right:none;
}
table.forum td.desc {
	vertical-align:top;
	border-left:none;
}


/* ============================================================================================================================================
     Tab Panel Content Area
   ========================================================================================================================================= */
   
.tabpanelcontent {
	margin-top:10px;
	background-color:#ffffff;
	border:1px solid #cccccc;
}

/* ============================================================================================================================================
     Reusable Items Panel Styles
   ========================================================================================================================================= */

.itemspanel, ul.itemspanel {
	height:auto;
	border:1px solid;
	margin-bottom:5px;
}
ul.itemspanel { list-style-type:none; list-style-position:outside; }

.itemspanel .itemspanelheader,
ul.itemspanel li.itemspanelheader {
	padding:5px 5px 5px 5px;	
	/* background: url('images/menubg.gif') top left repeat-x; */	
}

.itemspanel .itemspanelheader.icon,
ul.itemspanel li.itemspanelheader.icon {
	padding:0px;
}

.itemspanel .itemspanelheader img,
ul.itemspanel li.itemspanelheader img {
	width:24px;
	height:24px;
	margin-right:5px;
	vertical-align:middle;
	border:1px solid #999999;	
}

.itemspanel .item, /* Item panel item */
.itemspanel .item.odd,
ul.itemspanel li,
ul.itemspanel li.odd,
tr.odd { /* Item panel alternating item */	
	height:auto;
	padding:3px 5px 3px 5px;
	background:#ffffff;		
}

.itemspanel .item.odd,
ul.itemspanel li.odd,
tr.odd {
	background:#dedede;
	border-collapse:collapse;
	border-top: solid 1px;
	border-bottom: solid 1px;
}
/* END Items Panel */


/* ============================================================================================================================================
	Page Header Styles
============================================================================================================================================ */

#pageheader { 
	position:relative;
	width:100%;
	height:75px;
	overflow:hidden;
	background-color: #000000;
	border-bottom: 1px solid #9e9bff;
}

.headerimg {	
	width:100%;
}
.headerimg img {
	float:right;	
}

#textoverlay,
#textoverlaygame { /* Text overlay for Image Header on System and Game Pages */	
	float:left;
	position:relative;
	top:-90px;
	width:100%;
	padding:3px 5px 3px 10px;	
}

#headertitle {
	color:#ffffff;	
	float:left;
	margin-right:20px;
}
#headertitle h1 {
	font-weight:normal;	
}
	
#relatedlinks {
	color: #ffffff;
	font-size: 10px;
	text-decoration:none;	
}

#pageheader #alphabox {
	position:absolute;
	top:0px;
	width:100%;
	height:40px;
	background-color: #ffffff;
}

/* Smaller header style that appears within column content, not above all columns */
#columnpageheader {
	padding:10px 0px 0px 10px;
	height:45px;		
}


/* ============================================================================================================================================
	Facebook Like Button
============================================================================================================================================ */

.facebooklike {
	float:left;
	position:relative;
	top:-86px;
	left:5px;	
	width:165px;
	height:30px;
	color:#ffffff;
	background-color:#8b9fc9;
	border:1px solid #425e9a;
}
.facebooklikeinline {
	float:left;	
	width:165px;
	height:30px;
	margin-top:5px;
	color:#ffffff;
	background-color:#8b9fc9;
	border:1px solid #425e9a;
}

.facebooklike ul,
.facebooklikeinline ul {
	width:165px;
	list-style:none none inside;
	border:1px solid #000000;
}
.facebooklike ul li,
.facebooklikeinline ul li {
	display:inline;
}
.facebooklike img,
.facebooklikeinline img {
	padding:7px;
}
.facebooklike .likebtn,
.facebooklikeinline .likebtn {
	float:left;
	position:relative;
	top:-26px;
	left:80px;
}

/* ============================================================================================================================================
	Reusable Image Panel
============================================================================================================================================ */

div.imagepanel {
	text-align:center;
	padding:5px;
	border-collapse:collapse;
	border:1px solid #000000;
	overflow:hidden;
}

div.imagepanel .caption {			
	padding:5px;
	height:20px;
	vertical-align:middle;
	text-decoration:none;
	overflow:hidden;	
}


/* ============================================================================================================================================
	Reuseable Paginator
============================================================================================================================================ */

.paginator {
	/* margin: 16px 0 2.5em 0;
	width: 100%; */
	height:29px;	
	text-align:center;		
	background:#bbbbbb;
	/* background: url('../../images/StageSelect/ssNavBG.jpg') repeat-x; */
	border:1px solid #999999;			
}

.paginator ul {		
	float:right;		
}

.paginator li {
	float:left;
	list-style-type:none;	
	list-style-position:outside;	
	padding:6px 0px 6px 0px;
	margin:1px 3px 0px 0px;	
	white-space:nowrap;
	overflow:hidden;	
}

.paginator a {	
	padding:3px 7px 3px 7px;	
	background-color:#999999;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}

.paginator .currpage a {
	color:#ffdc00;
	background-color:#777777;falph
}


/* ============================================================================================================================================
	Reuseable Alphabet Links
============================================================================================================================================ */

.alphalinks {	
	height:34px;
	text-align:center;
	background:#bbbbbb;	
	border:1px solid #999999;
}
.alphalinks.top {
	margin-top:10px;
}
.alphalinks.bottom {
	margin-bottom:10px;
}
.alphalinks ul {		
	float:left;
	position:relative;
	left:6px;		
}

.alphalinks li {
	float:left;
	list-style-type:none;	
	list-style-position:outside;	
	padding:9px 0px 9px 0px;
	margin:1px 2px 0px 0px;	
	white-space:nowrap;
	overflow:hidden;	
}

.alphalinks a {	
	padding:3px 6px 3px 6px;	
	background-color:#999999;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}

.alphalinks .currlink a {
	color:#ffdc00;
	background-color:#777777;
}

/* ============================================================================================================================================
	Reuseable Content Header Section (ie. XBOX 360)
============================================================================================================================================ */

.contentheader {
	height:80px;
}

.contentheadertext {
	position:relative;
	left:20px;
	top:25px;
}

/* ============================================================================================================================================
	Reuseable Tab Content Header Section (ie. "Reviews", "Pictures")
============================================================================================================================================ */

.tabcontentheader {		
	height:36px;
	background-color:#4d4c68;
	color:#ffdc00;
	font-weight:bold;		
	font-size:16pt;
	border:1px solid #000000;		
}
.tabcontentheadertitle {
	float:left;
}

.tabcontentheaderbutton {			
	float:right;	
	padding:5px;	
	position:relative;
	top:-1px;	
	font-size:10pt;
	background-color:#008800;
	background-image: url('../../images/StageSelect/ssSubmitBG.gif');
	background-position:top left;
	background-repeat:repeat-x;
	border:1px solid #009900;
}
.tabcontentheaderbutton a {	
	color:#ffffff;
	text-decoration:none;
}

/**html .tabcontentheaderbutton { top:-31px; left:-3px; }
*:first-child+html .tabcontentheaderbutton { top:-31px; left:-3px; }*/



/* ============================================================================================================================================
	Reuseable Breadcrumb control
============================================================================================================================================ */

.breadcrumb {
	
}


/* ============================================================================================================================================
	VideoOverlay
============================================================================================================================================ */

.overlay {	
	position:fixed;
	left:50%;
	top:3%;
	/* width:640px;
	height:385px; */
	z-index:101;		
}
* html .overlay { /*\*/position: absolute; top:expression((20 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); /**/ }

.overlay .content {
	/*width:640px;
	height:385px; */
	left:-25%;
	top:-50%;
	background-color:#eeeeee;
	border:1px solid #999999;	
}
*html .overlay .content { top:0%; }

.overlay .content .controls {
	text-align:right;
	margin:10px;
	background-color:#dddddd;	
}
.overlay .content .video {
	margin:10px;
	width:640px;
	height:385px;
	background-color:#ffffff;	
}


/* ============================================================================================================================================
	Reuseable Social Network Blogs   
============================================================================================================================================ */

/* Horizontal Social Networks Styles */ 

#test {
	width:100px;
	height:100px;
	background:#550000;
}

.bloglinkshorizontal {
	margin:5px 0px 5px 0px;	
	border:1px dotted #aaaaaa;	
	border-left:none;
	border-right:none;
}

.bloglinkshorizontal ul {
	list-style:none;
	list-style-position:outside;
	padding:5px 0px 5px 0px;
}

.bloglinkshorizontal ul li {
	display:inline;
	font-size:8pt;
	font-weight:bold;	
	padding:3px 5px 3px 5px;	
}
.bloglinkshorizontal img {
	vertical-align:middle;
}

/* Vertical Social Networks Styles */

.bloglinksvertical {
	float:right;	
	width:125px;
	height:auto; /* 50px once icons are added */
	margin-left:10px;
	border:1px solid #aaaaaa;
	background:#eeeeee;	
}

.bloglinksvertical ul {
	display:block;
	list-style-position:outside;
	list-style:none;
}

.bloglinksvertical ul li {	
	padding:3px 5px 3px 5px;	
	border-bottom:1px solid #dddddd;
}

.bloglinksvertical ul li.odd {
	background-color:#dddddd;
}

.bloglinksvertical ul li a {
	text-decoration:none;
	color:#666666;
}

.bloglinksvertical ul li a img {
	margin-right:5px;
}

/* Shared Social Networks Styles */
.blogheader {
	font-weight:bold;
	color:#333333;
	padding:3px 5px 3px 5px;
	background-color:#dddddd;
}

/* Share Tools (Email, Bookmark, etc...) */
.sharetools {
	font-size:8pt;
	font-weight:bold;
	border-bottom:1px dotted #999999;	
	padding:5px;
}

/* ============================================================================================================================================
     Page Specific Layout Controls
   ========================================================================================================================================= */


/* ============|
|   HomePage   |
|============ */

#newspanel {
	float:left;
	width:100%;
	font-size:9pt;
	/* padding:10px; */
	/* background:#555577; */
	border:1px solid #999999;  
}

.hotstory {
	
	background-color:#bb0000;
	font-weight:bold;
	font-size:9pt;
	padding:0px 5px 0px 5px;	
	color:#ffdc00;
}

/* #hotstories {
	border:1px solid #bb0000;
}
.hotheader {
	font-size:11pt;
	font-weight:bold;
	color:#ffdc00;
	padding-left:5px;
	background-color:#bb0000;
} */

.newsitem {		
	/* height:92px; */
	margin-bottom:5px;
	/*
	border:1px solid #999999;*/			
	border-bottom:1px dotted #999999;
}

.newsitem.collapse {
	height:auto;
	padding:5px;
	text-align:right;
}

.newsitemimg {
	float:left;
	padding-right:10px;
	/* border:1px solid #666666; */
}


.newsitemimglg { /* Gets rid of the float on the larger images, actually probably don't need the padding. */
	padding-right:10px;
	/* border:1px solid #666666; */
}

.newsthumb { /* Image thumbnails for news panel */
	/* width:100px;
	height:70px; */
	display:inline;
	background:#000000;
	border:1px solid #333333;
}

.newsitemtitle {
	width:auto;	
	margin-bottom:2px;
	line-height:13pt;
	overflow:hidden;	
}

.newsitembody {
	width:auto;
	/* height:40px; */ /* Limit to three lines of lede */
	font-size:9pt;
	line-height:11pt;
	overflow:hidden;
}

.newsiteminfo {
	/* width:346px; */
	position:relative;
	margin-bottom:5px;
	top:2px;	
	height:16px;			
	margin-top:-8px;
	padding:2px;
	background-color:#dddddd;
}

.newsitemdate {
	float:left;
	padding-left:124px;
	font-weight:bold
}

.newsitemicons {
	float:right;
	overflow:visible;
	margin-top:-2px;
	vertical-align:middle;	
}

.newsitemicons img {
	width:16px;
	height:16px;
	vertical-align:middle;	
	/* border:1px solid #999999; */
}

.newsitemcomments {
	float:right;
	font-size:8pt;
	padding:0px 5px 0px 5px;
}


/* Page Comment styles */
.commentsheader {
	font-size:11pt;
	font-weight:bold;
	color:#222222;
	margin-bottom:10px;
	border-bottom:1px solid #999999;
}
.comment, .commentalt {
	border-top:1px dotted #999999;
	/* background-color:#999999; */
	padding:5px;
	margin-bottom:10px;	
}
.commentalt {
	/* background-color:#aaaaaa; */
}
.commentinfo {
	font-size:8pt;	
	padding:0px 5px 0px 5px;
	margin:-3px -5px 5px -5px;	
	height:21px;
	background-color:#dddddd;
}
.commentuid {
	float:left;		
	/* background-color:#ffffff; */
}
.commentbtns {
	float:right;
}
.commentbtn {
	vertical-align:middle;
}
.commenttitle {
	font-weight:bold;
	/* background-color:#dddddd; */
}


/* ===============|
|	Article Page  | 
|================*/

.articlepanel {
	height:auto;
}

.articlepostinfo {	
	padding:5px;
	margin:0px 10px 0px 10px;
	/* background-color:#dddddd; */
	height:25px;
	border-top:1px dotted #999999;	
}

.articlepostinfo ul  {
	float:left;
	line-height:12pt;
	list-style-type:none;
	list-style-position:outside;
}
.articlepostinfo ul li {
	display:inline;
	vertical-align:middle;	
}
.articlepostinfo .postinfolinks {
	float:right;
	position:relative;
	top:4px;
}	
.articlepostinfo .profileimg {		
	margin-right:5px;
	border:1px solid #000000;
}

.articlebody {
	margin-top:10px;
	padding:5px;
}



/* =====================|
|	Ask The Community   | 
|===================== */
/* Lots of design styles that should be moved to site-specific css */

.atclink {
	height:125px;
	overflow:hidden;
	margin-bottom:5px;	
	text-align:center;
	background-position:center left;
	background-repeat: no-repeat;
	background-color:#ffffff;
	border:1px solid #333333;	
}

.atclink .linklabel {	
	position:relative;
	left:40px;
	top:-80px;
	font-size:25px;
	font-weight:bold;
	z-index:8;
}

.atclink a {	
	position:relative;
	text-decoration:none;
	z-index:9;
}

.rulesdiv {
	float:right;
	width:225px;	
}
.askinstructions {
	width:380px;
	padding:0px 10px 0px 10px;	
}

.atcnav, .forumnav, .gamenav {
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;	
	background-color:#cccccc;
}
.gamenav a {
	text-decoration:none;
}
.gamenav a:hover {
	text-decoration:underline;
}


/* Subtopic Page (change rule names to "subtopic" rather than "game" */

#gamepanel {	 	
	border: 1px solid #999999;
}

#gameheader {
	width:100%;
	height:145px;
	/* border: 1px solid #000000; */
}

#gameimagediv {
	float:left;
	padding:10px;
	width:125px;
	height:125px;
}

#gamesummary {
	margin-top:5px;
	background-color:#343434;	
}

#gamesummary .gamesummarystatsheader {
	height:16px;
	padding:5px;
	background-color:#333333;
	color:#ffffff;
	font-weight:bold;
}
#gamesummary .gamesummarystatsheader a {
	color:#ffffff;
	font-weight:normal;
}

#gamesummary .submittedby {
	background-color:#333333;
	color:#ffffff;
	font-weight:bold;
}
#gamesummary .submittedby a {
	font-weight:normal;
	color:#ffffff;
}

#gamesummary ul {
	list-style-position:outside;
	list-style-type:none;			
}

#gamesummary ul li {
	line-height:14pt;
	vertical-align:middle;
	background-color:#444444;
}

#gamesummary ul li.odd {
	background-color:#545454;
	border:1px solid #555555;
	border-left:none;
	border-right:none;
}

#gamesummary ul.summarylabels2 {
	float:left;
	width:50%;
	white-space:nowrap;
	overflow:hidden;	
}
#gamesummary ul.summaryvalues2 {
	float:left;
	width:50%;
	white-space:nowrap;
	overflow:hidden;	
}

#gamesummary ul.summarylabels2 li {
	text-align:right;
	font-weight:bold;
	padding-right:4px;
	/*padding-right:20px;
	margin-right:-20px;*/
}

#gamesummary ul.summarylabels2 li,
#gamesummary ul.summaryvalues2 li, 
#gamesummary ul.summaryvalues2 a 
{
	font-size:9pt;
	color:#ffffff;	
}

#gamesummary ul.summaryvalues2 li {
	padding-left:4px;
	/*padding-left:20px;
	margin-left:-20px;*/
}

/* User Profile Panel ------------------------------------ */

#userprofilepanel {
	margin-top:5px;	
}
#userprofilepanel tr td {
	color:#ffffff;
	background-color:#444444;
}
#userprofilepanel tr td.statlabel {
	text-align:right;
	vertical-align:top; /* Doesn't affect table cells */
	font-weight:bold;
}
#userprofilepanel tr.odd td {
	background-color:#545454;
	border:1px solid #555555;
	border-left:none;
	border-right:none;
}


/* Review Tab Content ------------------- */
#reviewscorepanel {		
	height:100px;	
	text-align:center;
	color:#ffffff;
	background-color:#222222;	
}
#reviewscorepanel .scorebox {
	
}

#reviewscorepanel ul li {
	font-size:9pt;
	text-align:right;
	line-height:13pt;
}
#reviewscorepanel ul.selectvalues li {
	text-align:left;
	color:#ffdc00;
}

#reviewscorepanel h1,
#reviewscorepanelhorizontal h1 {	
	font-family:Arial;
	font-size:50px;
	font-weight:bold;
	color:#ffdc00;	
}



/* ============================================================================================================================================
     Resuable Entry Item (ie. User Review, Walkthrough, etc...)
   ========================================================================================================================================= */
   
.entry {	
	margin:10px 0px 20px 0px;
	border:1px solid #999999;
	background-color:#ffffff;
}

.entryheader {
	padding:5px;
	/* background-color:#4d4c68; */
	background-color:#9999aa;
	color:#ffffff;
	font-size:11pt;
	font-weight:bold;	
}

.entrysubheader {
	height:16px;
	padding:5px;
	background-color:#bbbbbb;
	color:#000000;
	font-size:8pt;
	font-weight:normal;
	font-style:italic;
}

.entrysmallfont {
	/*height:16px;
	padding:5px;
	background-color:#bbbbbb;*/
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
}

.entryfooter {
	padding:5px;	
	text-align:right;
	height:18px;
	background-color:#bbbbbb;	
	margin:0px 0px 0px 0px;	
}

ul.affiliatelinks li {
	display:inline;
	padding:5px;
}

/* =============================================================================================================================
	Global Element Design Styles (All colored elements MUST use one of these definitions!)	
 ============================================================================================================================= */
 
/* DEFAULT FONT DECLARATIONS */
body { font:9pt normal Arial, Helvetica, sans-serif; } /* Site Default */
h1 { font-size:24px; font-weight:bold; }
h2 { font-size:20px; font-weight:bold; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:11px; font-weight:bold; }
h5 { font-size:10px; font-weight:bold; }
th { font-weight:bold; }

.itemspanel .item, ul.itemspanel, .fontitemspanelitemtitle, 
.articlepostinfo, .blog, #footer { font-size:8pt; font-weight:normal; color:#000000; }
.newsitemtitle h1 {
	font-size:14px;
	font-weight:bold;
}
.newsitemtitle h2 {
	font-size:14px;
	font-weight:bold;
}
.itemspanelsmallfont { font-size:9pt; color:#ffffff; font-weight:normal; }
.itemspanel .itemspanelheader, .itemspanel .itemspanelheader h2, ul.itemspanel li.itemspanelheader, ul.itemspanel li.itemspanelheader h2 { font-size:10pt; font-weight:bold; }
.itemspanel .itemspanelheader h2 a { color:#ffffff; text-decoration:none; } /* Game page Summary section TITLE links */
.itemspanel .itemspanelheader h2 a:hover { color:#ffffff; text-decoration:underline; }
.itemspanel .itemspanelheader a { text-decoration:underline; } /* Retain underline for contribution links */
/* Update all these explict .font declarations to use object/item tags instead of a class selector!!! */
.fontnewsitemtitle { font-size:11pt; font-weight:bold; }
.fontitemspanelitemtitle { font-weight:bold; }
.fontarticletitle, .fontarticletitle h1  { font-size:14pt; font-weight:bold; }
.fontarticlesubtitle, .fontarticlesubtitle h2 { font-size:12pt; font-weight:bold; color:#333333; }
.fontarticlebody { line-height:13pt; }
.fontimagecaption { text-align:center; font-size:8pt; font-weight:bold; line-height:9pt; }
.fontbreadcrumb { font-size:8pt; font-weight:bold; }
.fonttablabel { font-size:9pt; font-weight:bold; }

 
/* FOREGROUND/TEXT COLOR styles */
body { color:#000000; } /* Default text color and definition */
a { color:#0000ff; text-decoration:underline; } /* Text-link colors */
#footer { color:#ffffff; }
#footer a { color:#dddddd; }

/* BACKGROUND COLORS & BORDER COLOR styles (PULL ALL BORDER DECLARATIONS HERE, NOT JUST COLOR ATTRIBUTE) */
body { background-color:#ccccdd; }
table { background-color:#ffffff; border-color:#bbbbbb; }
#footer { background-color:#333333; }
th { border-color:#dcdcdc; background-color:#9999aa; }
td { border-color:#dcdcdc; }

.itemspanel .item, .itemspanel .item.odd, ul.itemspanel li { background:#ffffff; }
.itemspanel .item.odd, ul.itemspanel li.odd { background:#efefef; }
.itemspanel .itemspanelheader, ul.itemspanel .itemspanelheader { background-color:#9999aa; }

.brdlefttrans { border-left-color:transparent; }
*html .brdlefttrans, *html #middle.brdlefttrans { border-left-color:pink; border-left-width:170; height:0; filter:chroma(color=pink); } 

.brdrighttrans { border-right-color:transparent; }
*html .brdrighttrans, *html #middle.brdrighttrans { border-right-color:pink; border-right-width:310; height:0; filter:chroma(color=pink); } /* Transparent hack for IE6; border must be eliminated otherwise content will break flow; hack causes issues with some font/bg colors in IE >:o{ */

.itemspanel, ul.itemspanel { border-color:#bbbbbb; }
.itemspanel .itemspanelheader img, ul.itemspanel .itemspanelheader img { border-color:#999999; }
.itemspanel .item.odd, ul.itemspanel li.odd { border-top-color:#dcdcdc; border-bottom-color:#dcdcdc; }





/* ;A;B;BR;EM;FONT;H3;H4;H5;H6;I;IMG;LI;OL;P;STRONG;SUB;SUP;U;UL;SPAN;BLOCKQUOTE;HR; */








/* Menu Search Box Styles ------------------------------------------------------------------------------------------ */
#menusearch {
	float:right; /* Postion appropriately */
	position:relative;	/* Required for z-index */		
	margin-left:-5px; /* Fixes image gap in IE6 */
	padding:2px 8px 0px 0px;
	background-position:bottom left;
	background-repeat:repeat-x;
	/* z-index:9; */
}
#menusearch #searchbox {
	color:#ffffff;
	display:inline;
	width:140px;
	height:20px;
	padding:0px 0px 0px 5px;
	margin:0px 10px 0px 0px;
	background:#000000 url('../../Images/StageSelect/ssTextBG.gif') top left repeat-x;
	border: 1px solid;
}
#menusearch .searchbtn { /* Used with input button, not icon button */
	margin:0px 20px 0px 0px;
}


/* User Profile panel rules and styles (many of these are outdated and need to be modified or removed ------------------------------------- */
#userpanel {	
	float:right;
	width:300px;
	height:80px;
	overflow:visible;
}

#userpanel a  {
	color:#ffffff;
	font-size:8pt;
}

#userpanel .profileimg {
	float:left;
	width:64px;
	height:64px;
	margin:0px 5px 5px 0px;
	border: 1px solid #777777;
	background: #000000;		
}

#userpanel .loginbuttons {
	float:left;
	margin-left:5px;		
}
#userpanel .loginbuttons .signup {
	width:200px;
	height:40px;
	margin-bottom:4px;
	background-image: url('../../Images/StageSelect/btnjoin.gif');
}
#userpanel .loginbuttons .login {
	width:200px;
	height:20px;
	background-image: url('../../Images/StageSelect/btnlogin.gif');
}
#userpanel .loginfields { height:64px; }

#userpanel .loginfields ul.credentials {
	float:right;
	list-style-type:none;
	list-style-position:outside;
	text-align:right;
	vertical-align:middle;
	margin-left:8px;	
}

#userpanel .loginfields ul li {
	padding-bottom:3px;
}
*html #userpanel .loginfields ul li { padding-bottom:1px; }

#userpanel .loginfields ul ul {
	display:inline;
	list-style-type:none;
	list-style-position:outside;
	text-align:right;
	vertical-align:middle;
}

#userpanel .loginfields ul ul li {
	display:inline;
	vertical-align:middle;
	margin-left:15px;
}

#userpanel .profileinfo {	
	height:64px;
	margin:0px 5px 5px 71px;	
	background: #000000;
	border: 1px solid #777777;	
	font-size:8pt;
	white-space:nowrap;
	
}
#userpanel .profileinfo .username {
	font-weight:bold;
	line-height:23px;
	padding-left:5px;
	font-size:9pt;
	color:#ffdc00;
}

#userpanel #profilelinks { /* Use with running text links along side profile image */
	float:left;	
	margin:0px 6px 0px 6px;	
}

#userpanel #profilelinks a {
	display:block;
	padding:0px 0px 2px 0px;
	font: 11px Arial;	
	color: #ffffff;
}

#userpanel .statlabels {
	float:left;
	width:50%;
	text-align:right;		
}
#userpanel .statvalues {
	float:right;
	width:50%;
	text-align:left;		
}
#userpanel .statvalues,
#userpanel .statlabels {
	list-style-position:outside;
	list-style:none;
	white-space:nowrap;		
}
#userpanel .statlabels li,
#userpanel .statvalues li {
	line-height:13pt;
	font-size:8pt;
	background-color: #333333;
}

#userpanel .statlabels li {	
	padding-right:5px;	
}
#userpanel .statvalues li {	
	padding-left:5px;
}

#userpanel .statlabels li.odd,
#userpanel .statvalues li.odd{	
	background-color: #444444;
}

#userpanel #bottomborder {
	float:left;
	width:152px;
	border-top: 1px solid #777777;
}

#messagepanel { /* Set common flash panel properties */
	position:relative;
	width:300px;
	height:200px;
	z-index: 7000;
} 
* html #messagepanel { /*\*/position: absolute; top:expression((20 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
* html #messagepanel.visible { /*\*/position: absolute; top:expression((20 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
#messagepanel, #messagepanel.visible { position: fixed; bottom:20px; right:20px; } /* Non-legacy browsers beyond IE6, else use above hack statement */

.hidden { position:absolute; left:-9999px; }


/* ============================================================================================================================================
     Arcade Game Container
   ========================================================================================================================================= */

.gameshell {
	padding:0px 10px 0px 10px;
	width:100%;
	text-align:center;
	border:1px solid #eeeeee;
}
.gameheader {
	background-color:#333333;
	color:#0066aa;
	font-weight:bold;
	text-align:left;
	padding:5px;	
}

/*
	Game Stamp Styles (Arcade Browse page)
	Retired 06/13/2010, CCL - new styles below

.gamestamp {
	float:left;
	width:92px;
	height:156px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;
	line-height:10pt;
	margin:0px 13px 5px 13px;	
	overflow:hidden;
		
}

.gamestamp ul.gameicons {
	float:right;	
	height:16px;
	margin-bottom:2px;
	list-style-type:none;
	list-style-position:inside;	
}

.gamestamp ul.gameicons li {
	display:inline;
	width:16px;
	height:16px;
	background-color:#777777;
	margin-left:3px;
}

.gamestamp img {
	padding:4px;	
	width:75px;
	height:75px;
	border:4px solid #888888;
}

.gamestamp .gamename {
	text-align:center;
}
.gamestamp a {	
	font-weight:bold;
	line-height:10pt;
	text-decoration:none;	
}
.gamestamp a:hover {
	text-decoration:underline;
}
*/

/*
	Game Stamp Styles (Arcade Browse page)
*/

    div.hr {height: 1px; width:100%; background: #000000; margin: 0 0 0 0; clear:both;}
    div.hr hr { display: none;}
    
.gamestamp {
	float:left;
	width:120px;
	height:140px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;
	line-height:10pt;
	margin:0px 10px 5px 10px;	
	overflow:hidden;
		
}

.gamestamp ul.gameicons {
	float:right;	
	height:16px;
	margin-bottom:2px;
	list-style-type:none;
	list-style-position:inside;	
}

.gamestamp ul.gameicons li {
	display:inline;
	width:16px;
	height:16px;
	background-color:#777777;
	margin-left:3px;
}

.gamestamp img {
	padding:4px;	
	width:75px;
	height:75px;
	border:4px solid #888888;
}

.gamestamp .gamename {
	text-align:center;
}
.gamestamp a {	
	font-weight:bold;
	line-height:10pt;
	text-decoration:none;	
}
.gamestamp a:hover {
	text-decoration:underline;
}

.clearbox
{
	margin: 5px 5px 5px 5px;
	clear:both;
}

/* ============================================================================================================================================
     CSS Table Styles (not available in IE6 or IE7, ignore for now...)
   ========================================================================================================================================= */

.table {
	display:table;	
	border-spacing:5px;
	color:#00ff00;
}
*:first-child+html .table {display:block; color:#ff0000;}
* html .table {display:block; color:#0000ff;} 

.table .header {
	display:table-header-group;
}

.table .row {
	display:table-row;
}
*:first-child+html .table .row { display:block; height:100%; }
*html .table .row { display:block; height:100%; }

.table .col {
	display:table-column;
}

.table .cell {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background:#ffffff;
}
*:first-child+html .table .cell { display:inline; height:100%; }
*html .table .cell { display:inline; height:100%; padding:30000px; margin:-30000px;}