body { /* behavior:url("/Resources/Style/csshover.htc"); */ }

a { 
    text-decoration     : none;
}

a:link {
    color               : #fff;
}

a:visited {
    color               : #eee;
}

a:hover { 
    color               : #aaa;
}

a img {
	border				: 0;
}

img {
	display				: block;
}

/* =Search
----------------------------------------------- */

.searchContainer  {   
	position		: absolute;
	top				: -65px;
	right			: 8px;
    padding			: 5px 5px 0 0;
    right           : 0px !important;
    width           : 545px !important;    
}

.searchContainer div.searchBox { 
	background		: url(/Resources/Images/HB/SearchBG.png) top left no-repeat;
	font			: normal 14px Arial, sans-serif;
	float			: left;
	color			: #333;
	margin			: 0 5px 0 0;
	padding			: 5px 0 0 10px;
	width			: 328px;
	height			: 59px;
}

.searchContainer input.searchBox { width: 300px; border: none; background: #fff; }

.searchContainer input.btn, .searchContainer input.btnDown { 
	float			: left;
	width			: 41px;
	height			: 59px;
	background      : url(/Resources/Images/HB/Go_Btn.png) top left no-repeat;
	padding			: 0;
	outline			: 0;
	border			: 0;	
}

.searchContainer input.btnDown {    
	background-position: bottom right;
}

.search-type { 
    background      : url(/Resources/Images/HB/SearchType.png) no-repeat;
    width           : 128px;
    height          : 57px;
    float           : left;
    margin-right    : 15px;
}

.search-type div { overflow: hidden; position: relative; height: 20px; width: 112px; margin-left: 10px; margin-top: 6px; }

.searchContainer .selectCB { 
	padding			      : 0;
	margin                : 0;
	border				  : none;
	background            : transparent;
	font-size             : 14px;
	position              : absolute;
}

.searchContainer .selectCB option { background: #fff; }

/* =Site Columns
----------------------------------------------- */

.siteColA {
	padding-top			: 15px;
	float				: left; 
	width				: 673px; 
}

.siteColB {
	padding-top			: 15px;
	float				: left; 
	padding-left		: 5px;
	width               : 200px;
}



/* = More Box 
----------------------------------------------- */

.overlaptags, .overlapdesc  {
	position: absolute;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	z-index: 5;
	background-color: #333;	
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;	
	color	: #777;
}

.overlaptags a:link, .overlaptags a:visited, .overlapdesc a:link, .overlapdesc a:visited {
	color	: #777;
}

.overlaptags a:hover, .overlapdesc a:hover {
	color	: #ffc82e;
}


/* */

h1 {
	margin: 0; 
	padding	: 0;
	font: bold 16px Verdana, sans-serif;
}

h1.pageTitle {
	padding: 0 0 9px 9px; 
}

h2 {
	margin: 0; 
	padding : 0;
	font: bold 13px Verdana, sans-serif; 
}

h3 {
	padding : 0;
 	margin: 0;
 	font: bold 11px Verdana, sans-serif; 
}

.sideMenu {
	padding-bottom: 8px; 
	background: transparent url(/Resources/Images/new/side_search_footer.gif) bottom left no-repeat;
} 

.sideMenu h2 {
	padding-left: 9px; 
	padding-top: 7px; 
	padding-bottom: 2px; 
	background: transparent url(/Resources/Images/new/side_search_header.gif) top left no-repeat; 
}

.sideMenu h3 {
 	padding-left: 10px;
 	padding-top: 2px;
 	padding-bottom: 3px;
}

.sideMenu div {
	background: transparent url(/Resources/Images/new/side_search_sub_footer.gif) bottom left no-repeat;
	padding-bottom: 4px;
}

.sideMenu ul {
 	margin: 0; 
 	padding	: 2px 0 0 14px;
 	background: transparent url(/Resources/Images/new/side_search_sub_top.gif) top left repeat-y; 
 	list-style: none none;
}

.sideMenu ul li {
	line-height: 1.0;
}

.sideMenu ul li a {
/*	font: normal  10px Verdana, sans-serif;*/
	color: #000;
}

.sideMenu ul li a.selected {
	color: #ffc82e;
}

.sideMenu {
	float: left;
	width: 181px;
	margin-right: 17px;
}

.sideMenu ul li a:link, .sideMenu ul li a:visited {
	color			: #000;
}

.sideMenu ul li a:hover {
	text-decoration	: underline;
}

.sideMenu ul li a.selected:link, .sideMenu ul li a.selected:visited {
	font-weight	: bold;
	color		: #ffc82e;
}

img.promo {
	margin-top  : 12px;
}

html>body img.promo {
	margin-top: 7px;
}

/* =Related Content
---------------------------------------------------------------------------------------------- */

table.relatedContent 
{
	
	width			: 200px;
	height			:300px;
	overflow		:auto;
	padding			: 0 0 0 5px;
}

table.relatedContent a img {
	width			: 60px;
	height			: 45px;
	border			: 2px solid #fff;
}

table.relatedContent a:hover img {
	border			: 2px solid #ffc82e;
}

table.relatedContent a:link, div.relatedContent a:visited  {
	font-size		: 9px;
}

table.relatedContent a:hover {
	text-decoration : underline;
	color			: #ffc82e;
}

/* =Random Content
---------------------------------------------------------------------------------------------- */

.randomContent {background: #fff url(/Resources/Images/new/promo_box.gif); height: 76px;}
.randomContent table {width: 200px;}
.randomContent h2 {text-align: center; padding-bottom: 5px; padding-top: 3px;}
.randomContent td {padding: 0; margin: 0;}
.randomContent img {margin: auto; border: none; height: 47px; width: 58px;}


/* =Temp Hacks
---------------------------------------------------------------------------------------------- */

.TabNavigationLine {
	background-position: 10px 67px !important;
}

div.siteFooter {
	text-align: center !important;
}

div.siteFooter div {
	width: 895px !important;
}

.zeroFrame {
	height:0px;width:0px;display:none	
}


/* =siteNav
----------------------------------------------- */

.siteNav {
	background: #fff url(/Resources/Images/new/nav_bg.gif) top right repeat-x;
}

.siteNav li.mainLink:hover {
	background: transparent url(/Resources/Images/new/main_nav_over.gif) top left no-repeat;
}

.siteNav li.mainLink:hover a:hover {
	color: #F49633;
}

.siteNav li.mainSelected a.tab, .siteNav li.mainSelected a.tab:hover {
	color: #fff;
}

.siteNav li.mainSelected, .siteNav li.mainSelected:hover {
	color: #000;
	background: transparent url(/Resources/Images/new/main_nav_selected.gif) 0 1px no-repeat;
}

.siteNav ul.mainNav li li a:link {	
	color: #000;	
}

.siteNav ul.mainNav li li a:hover {	
	color:#F49633;
}

.siteNav ul.mainNav li li.subSelected a:hover {	
	color: #000;
}

/* */

.allTags {
	float			: left; 
	width			: 673px;	
	margin-bottom   : 5px;
}

.allTags div {
	padding			: 10px 25px 25px 15px;
}	

.allTags p {
	margin			: 0;
	padding			: 0;
}

.allTags a:link, .tags a:visited {
	color           : #aaa;
}

.allTags a:hover {
	text-decoration: underline;
}

.allTags p {
	text-align: justify;
}













.tagsContainer h1 {
	font			: bold 16px Verdana, sans-serif;	
	background		: url(/Resources/Images/new/header_bar.gif) top left no-repeat;	
	margin			: 0;	
	padding			: 3px 0 0 9px;
	height			: 25px;
	voice-family    : "\"}\"";    
	voice-family    : inherit;	
	height			: 22px;
}

html .tagsContainer h1 { 
	height			: 22px;
}


.tagsContainer .tagOptions {
	position		: relative;	
	height			: 35px;
}

.tagsContainer .tagOptions div {
	font			: normal 12px Arial, sans-serif;
}

.tagsContainer .tagOptions div strong {
	font			: bold 12px Arial, sans-serif;	
	color			: #767676;
	padding-right	: 5px;
}

.tagsContainer .tagOptions div.option1 {
	position		: absolute;
	left			: 10px;
	top				: 8px;
}
.tagsContainer .tagOptions div.option2 {
	position		: absolute;
	right			: 15px;
	top				: 8px;
	color			: #000;
}

.tagsContainer .tagOptions div a.selected {
	font-weight		: bold;
}

.tagsContainer .tagOptions a:hover {
	text-decoration		: underline;
	color				: #ffc82e;
}


/* =Headers
----------------------------------------------- */

.headerListingContainer h1 {
	font			: bold 16px Arial, Verdana, sans-serif;	
	margin			: 0;	
	padding			: 3px 0 0 9px;
	height			: 25px;
	voice-family    : "\"}\"";    
	voice-family    : inherit;	
	height			: 22px;
}

.headerListingContainer h1 span em { color: #ffc82e; }

html .headerListingContainer h1 { 
	height			: 22px;
}

.headerListingContainer .headerOptions {
	position		: relative;	
	height			: 45px;
}

.headerListingContainer .headerOptions div {
	font			: normal 12px Arial, sans-serif;
}

.headerListingContainer .headerOptions div strong {
	font			: bold 12px Arial, sans-serif;	
	color			: #777;
	padding-right	: 5px;
}

.headerListingContainer .headerOptions div.row1 {
	position		: absolute;
	left			: 10px;
	top				: 5px;
}
.headerListingContainer .headerOptions div.row2 {
	position		: absolute;
	left			: 10px;
	top				: 25px;
	color			: #000;	
}

.headerListingContainer .headerOptions div a.selected {
	font-weight		: bold;
}

.headerListingContainer .headerOptions a:hover {
	text-decoration		: underline;
	color				: #ffc82e;
}

/* Content Gateway */

.contentContainer  
{
    font-size: 11px;
}

p.contentDescription 
{
    padding-top: 10px;
}

/* Content Copy */

.contentCopy  
{
    font-size: 10pt;
    padding: 0 20px;
}

.contentCopy  h1
{
    padding-bottom: 10px;
}

.contentCopy  a 
{
    text-decoration: underline;   
}

.h-whats-new, .h-most-popular, .h-channels, .h-featured-game { width: 211px; height: 36px; text-indent: -9999px; overflow: hidden; }
.h-whats-new { background: url(/Resources/Images/HB/Headings/Whats-New.gif) no-repeat; }
.h-most-popular { background: url(/Resources/Images/HB/Headings/Most-Popular.gif) no-repeat; }
.h-channels { background: url(/Resources/Images/HB/Headings/Channels.gif) no-repeat; }
.h-featured-game { background: url(/Resources/Images/HB/Headings/Featured-Game.gif) no-repeat; }


.channels-list ul { list-style-type: none; margin: 0; margin-left: 5px; padding: 0; background: url(/Resources/Images/HB/SM-Line.gif) bottom no-repeat; padding-bottom: 15px; }
.channels-list a { color: #ffc82e; text-transform: uppercase; font-size: 14px; }
.channels-list a:hover { text-decoration: underline;}

.no-results img { border-bottom: solid 1px #fff; border-top: solid 1px #fff;}


/* Play Page */
.play-placeholder { background: url(/Resources/Images/HB/Play-Page/Play-Placeholder.jpg) top left no-repeat; width: 525px; height: 420px; display: block; }
.play-placeholder:hover { background-position: top right;}

.download-overlay { background: url(/Resources/Images/HB/Play-Page/Overlay-BG.png) top left no-repeat; width: 696px; height: 410px; position: absolute; top: -35px; left: 100px; }
.download-overlay .thumb { position: absolute; top: 90px; left: 52px; }
.download-overlay .download-info { position: absolute; left: 260px; top: 75px; text-align: left; width: 400px; color: #ccc; }
.download-overlay .download-info h3, .download-overlay .download-info p { line-height: 1.4em; }
.download-overlay .download-info h3 { font-size: 12px; font-weight: normal; margin-top: 30px; }
.download-overlay .download-info h3 em { color: #FFC82E; font-weight: bold; }
.download-overlay .get-hotbar { background: url(/Resources/Images/HB/Play-Page/Get-Hotbar.gif) top left no-repeat; width: 159px; height: 93px; display: block; text-indent: -9999px; position: absolute; top: 160px; left: 120px; width: 159px; overflow: hidden; }
.download-overlay .get-hotbar:hover { background-position: top right; }
.download-overlay .titlebar { position: absolute; top: 30px; left: 35px; height: 30px; width: 630px; text-align: left; }
.download-overlay .close-button { background: url(/Resources/Images/HB/Play-Page/Close-Button.gif) top left no-repeat; height: 32px; width: 31px; display: block; position: absolute; top: -1px; right: 0; text-indent: -9999px; overflow: hidden; }
.download-overlay .close-button:hover { background-position: top right;}
.download-overlay h2 { margin-top: 5px; margin-left: 5px; font-size: 14px; }
.download-overlay .download-info ul { position: absolute; right: 5px; top: 283px; margin: 0; }
.download-overlay .download-info li { display: inline; color: #999; }
.download-overlay .download-info li a { color: #aaa; }
