/* =============================================================================================================================
	Stage Select - Cascading Design Styles
 ============================================================================================================================= */
 
/* FONT DESIGNS */
.menu.tabs ul li a { color:#666666; }
.browsePanel h3 { font:9pt normal Arial, Helvetica, sans-serif; } /* Site Default */
 
/* FOREGROUND/TEXT COLOR */
body { color:#000000; } /* Default text color and definition */
a, .browsePanel h3 { color:#3300aa; color:#0000ff; text-decoration:underline; } /* Text-link colors */
.newsitemtitle, .newsitemtitle a {color:#2300cc; text-decoration:none; }
.itemspanel .itemspanelheader { color:#ffffff; }
.itemspanel .itemspanelheader h2 a { color:#ffdc00; } /* Game page Summary section TITLE links */
.itemspanel .itemspanelheader h2 a:hover { color:#ffdc00; } 
table th { color:#ffffff; }
#footer a { color:#ffdc00; }

/* BACKGROUND COLORS & BORDER COLOR styles */
body { background-color:#000000; }
#centerpage { border-left:1px solid; border-right:1px solid; border-bottom:1px solid; border-color:#666688; }
table { background-color:#ffffff; }
th { border-color:#bbbbbb; background-color:#4d4c68; }
th.subheader { background-color:#232323; }
td { border-color:#bbbbbb; }
table.notable { background:none; }
table.notable th, table.notable td { border:none; }
/* #middle { border-left-color:#777777; border-right-color:#777777; } */
#menusearch #searchbox { border:1px solid #575676; }
#menusearch #searchbox .txtsearchstyle { font-size:10pt; color:#ffffff; }
.itemspanel .item, .itemspanel .item.odd, ul.itemspanel .item, ul.itemspanel .item.odd { background:#ffffff; }
.itemspanel .item.odd, tr.odd { background:#efefef; }
.itemspanel .itemspanelheader, ul.itemspanel .itemspanelheader { background-color:#4d4c68; }
.itemspanel li.sub, ul.itemspanel li.sub { color:#222222; background-color:#aaaaaa; padding:1px 0px 1px 5px;}
.brdrighttrans { border-right-color:transparent; }
*html .brdrighttrans, *html #middle.brdrighttrans { border-right-color:pink; border-right-width:0; 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{ */
#footer { /* background-color:#4d4c68; */ }

.itemspanel { border-color:#bbbbbb; }
.itemspanel .item.odd, tr.odd { border-top-color:#dcdcdc; border-bottom-color:#dcdcdc; } /* Doesn't work...overwritten by another style elsewhere? */
.itemspanel .itemspanelheader img {	border-color:#999999; }

.menu.tabs ul li {
	background-color:#ffffff;
	border:1px solid #cccccc;
}

.divider {	
	border-bottom:1px dotted #666666;
}

/* ============================================================================================================================================
     Site-Specific Image Styles
   ========================================================================================================================================= */

body { background-image: url('../../images/StageSelect/mainbg.gif');
       /*background-image: url('../../images/StageSelect/mainbg.gif');*/
       background-position: center top;
       /* background-repeat:repeat-y; */
       background-attachment:fixed;       
}

#header {
	background-image: url('../../images/StageSelect/Header.jpg');
	background-position:450px top;
	/* background-position:top right; */
	background-repeat: no-repeat;	
}

#header .sitelogo {
	float:left;
	width:450px;
	background-image: url('../../images/StageSelect/LogoStageSelect.jpg');
	background-position:top left;
	background-repeat:no-repeat;
}

#header .headerpattern {	
	height:100%;
	background-image: url('../../images/StageSelect/HeaderPattern.gif');
	background-position:top left;
	background-repeat:repeat;	
}

#textoverlaygame {
	background-position:top left;
	background-repeat:repeat-y;
	background-image: url('../../Images/_common/alpha50header.png');
}
#menusearch {
	background-color:#000000;
	background-image: url('../../Images/StageSelect/ssNavBG.jpg');	
}
#menusearch #searchbox {
	/* background-image: url('../../Images/StageSelect/ssTextBG.gif'); */
	background-repeat:repeat;	
}

.tabcontentheader {
	background-image: url('../../Images/StageSelect/footerBG.gif');
	background-position:top left;
	background-repeat:repeat-x;
}

.bgimg1 {
	background-image: url('../../images/bg2mc.jpg');
    background-position: top center;
    background-repeat:repeat-y; 
}

.bgimg2 {
	background-image: url('../../images/SSHeader.gif');
    background-position: top center;
    background-repeat:repeat-y; 
}

th,
.itemspanel .itemspanelheader,
.bgimg3 {
	/* background-image: url('../../images/StageSelect/gradbg.gif');
    background-position: top left;
    background-repeat:repeat-x;  */
}

/* Menu & Tabs BACKGROUND Images and styles ------------------------------------------------------ */

.menu {
	background: url('../../images/StageSelect/ssNavBG.jpg') bottom left repeat-x;
}
.menu.nobg { background:none; }
.menu.tabs { background:none; }

.menu .subtitle {
	background: url('../../images/StageSelect/ssNavBG.jpg') repeat-x;
}

/* User Panel Images and styles (no longer used) ----------------------------------------------------------- */
/*#userpanel .loginbuttons .signup {	
	background-image: url('../../Images/StageSelect/btnjoin.gif');
}
#userpanel .loginbuttons .login {
	background-image: url('../../Images/StageSelect/btnlogin.gif');
}*/


/* Ask The Community (these might remain the same across different sites) ----------------- */
.atclink.find {
	background-image: url('../../images/find.jpg');	
}
.atclink.answer {
	background-image: url('../../images/answer.jpg');	
}
.atclink.ask {
	background-image: url('../../images/question.jpg');	
}


/* ============================================================================================================================================
     Ad Styles
   ========================================================================================================================================= */

.capad {
	padding:10px;
	background-color:#eeeeee;
	width:100%;
	text-align:center;
}

/* ============================================================================================================================================
    SITE MENU Design Styles
   ========================================================================================================================================= */


/* FONT and COLOR Formatting ---------------------------------------------------------*/
.menu ul li,
.menu ul ul li { font-size:8pt; }

.menu.med ul li,
.menu.med ul ul li { font-size:10pt; }

.menu ul li { /* Main Menu Items */
	color:#ffffff;	
	font-weight:bold;
	border-right:1px solid #222244;
}

.menu ul li a { /* Menu Menu Hyperlinks */    
	color:#ffffff;
	text-decoration:none;
}

.menu ul ul {
	background-color:#303030;
	border:1px solid #999999;
}

.menu ul ul li { /* Submenu Items */
	color:#ffffff;						
	font-weight:normal;
}

.menu li.norm {
	border-top:1px solid;
	border-top:none;
	border-bottom:1px solid;
	border-bottom:none;
	border-right:none;		
}

.menu.tabs ul li.currtab {
	background-color:#777777;
	border:1px solid #aaaaaa;
	cursor:default;
}
.menu.tabs ul li.currtab a { cursor:default; color:#ffdc00; }

.menu .sep { 
	border-color: #cca900;
}

.menu li.alt { /* Alternate colored items (all levels) */
	cursor:pointer; /* IE6 switches cursor when over border */
	background-color: #3c3c3c;	
	border-top:1px solid;
	border-bottom:1px solid;
	/* border-left:none; */ /* Causes slight misalignment */
	border-right:none;
	border-color:#444444;
}

.menu .subtitle { /* Labeled Subtitles */
	color: #ffdc00;
	font: bold Arial, Helvetica, sans-serif;
}

.menu ul li:hover, /* Mouse Hover Design */
.appmenu ul li:hover {
	color:#ffdc00;
	background-color:#331188;
	overflow:visible; /* Required by Opera, else hover styles are not displayed */
}