/* This stylesheet contains styles associated with rendering boxes and containers */
/* GW - December 3, 2008 */


/* rounded box with white foreground and dark blue background */
/* *** */
.roundedbox1 {
	margin: 3px;
	background-color: #FFFFFF;
	height: auto;
	clear: both;
}
b.rtop1, b.rbottom1 { 
	display: block;
	background-color: #0099CC; /* set the colour of the background behind the rounded box here */
	clear: both;
}
b.rtop1 b, b.rbottom1 b {
	display: block;
	height: 1px;
    overflow: hidden;
	background-color: #FFFFFF;
	clear: both;
}
b.rtop1 b.r4, b.rbottom1 b.r4{margin: 0 1px; height: 2px;}
/* *** */


/* rounded box with light blue foreground and white background */
/* *** */
.roundedbox2 {
	margin: 5px;
	margin-left: 7px;
	margin-bottom: 15px;
	width: 930px;
	padding: 0 0 0 0;
	background-color: #CCEEFF;
	float: inherit;
	clear: both;
}
b.rtop2, b.rbottom2 { 
	display: block;
	background-color: #FFFFFF; /* set the colour of the background behind the rounded box here */
	clear: both;
}
b.rtop2 b, b.rbottom2 b {
	display: block;
	height: 1px;
    overflow: hidden;
	background-color: #CCEEFF;
	clear: both;
}
b.rtop2 b.r4, b.rbottom2 b.r4{margin: 0 1px;height: 2px}
/* *** */


/* rounded box with dark blue foreground and light blue background */
/* *** */
.roundedbox3 {
	margin: 5px;
	margin-left: 10px;
	background-color: #0099CC;
	width: 910px;
	clear: both;
}

b.rtop3, b.rbottom3 { 
	display: block;
	background-color: #CCEEFF; /* set the colour of the background behind the rounded box here */
	clear: both;
}
b.rtop3 b, b.rbottom3 b {
	display: block;
	height: 1px;
    overflow: hidden;
	background-color: #0099CC;
	clear: both;
}
b.rtop3 b.r4, b.rbottom3 b.r4{margin: 0 1px;height: 2px}
/* *** */


/* rounded box with white foreground and light blue background */
/* *** */
.roundedbox4 {
	margin: 5px;
	margin-left: 10px;
	background-color: #FFFFFF;
	clear: both;
}

b.rtop4, b.rbottom4 { 
	display: block;
	background-color: #CCEEFF; /* set the colour of the background behind the rounded box here */
	clear: both;
}
b.rtop4 b, b.rbottom4 b {
	display: block;
	height: 1px;
    overflow: hidden;
	background-color: #FFFFFF;
	clear: both;
}
b.rtop4 b.r4, b.rbottom4 b.r4{margin: 0 1px;height: 2px}
/* *** */

/* rounded box with grey foreground and white background */
/* *** */
.roundedbox5 {
	margin: 5px;
	margin-left: 30px;
	background-color: #ebe8e8;
	width: 260px;
	clear: both;
}

b.rtop5, b.rbottom5 { 
	clear: both;
	display: block;
	background-color: #FFFFFF; /* set the colour of the background behind the rounded box here */
}
b.rtop5 b, b.rbottom5 b {
	clear: both;
	display: block;
	height: 1px;
    overflow: hidden;
	background-color: #ebe8e8;
}
b.rtop5 b.r4, b.rbottom5 b.r4{margin: 0 1px;height: 2px}
/* *** */


/* rounded box with light blue foreground and white background */
/* *** */
.roundedbox6 {
	margin: 5px;
	margin-left: 7px;
	margin-bottom: 15px;
	width: 930px;
	height: auto;
	padding: 0 0 0 0;
	background-color: #CCEEFF;
	float: inherit;
	clear: both;
}
b.rtop6, b.rbottom6 { 
	clear: both;
	display: block;
	background-color: #FFFFFF; /* set the colour of the background behind the rounded box here */
}
b.rtop6 b, b.rbottom6 b {
	clear: both;
	display: block;
	height: 1px;
    overflow: hidden;
	background-color: #CCEEFF;
}
b.rtop6 b.r4, b.rbottom6 b.r4{margin: 0 1px;height: 2px}
/* *** */


/* Common styles for all rounded boxes */
/* *** */
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
/* *** */

.whitegenrebox {
	width: 220px;
	margin-right: 10px;
	margin-left: 20px;
}

.genreBox { /* Style/container for the top games in each genre on the home page */
	padding: 0px;
	margin-top: 1px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 5px;
	width: 230px;
	height: 336px;
	float: left;
	background-image: url(/images/genreBox.png);
	background-repeat: no-repeat;
}

.genreBoxSub { /* Style/container for the top games on the sub genre pages */
	padding: 0px;
	padding-top: 8px;
	margin-top: 1px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: -5px;
	width: 230px;
	height: 298px;
	float: left;
	background-image: url(/images/genreBoxSub.png);
	background-repeat: no-repeat;
}


.genreTitleBoxLeft { /* Left background image for the genre title */
	top: 8px;
	left: 9px;
	float: left;
	position: relative;
}
.genreTitleBoxMid { /* Main background image and container for the genre title */
	top: 8px;
	left: 9px;
	position: relative;
	float: left;
	font-weight: bold;
	height: 18px;
	width: 200px;
	line-height: 18px;
	background-image: url(/images/genre_title_bg_02.gif);
	background-repeat: repeat-x;
}
.genreTitleBoxRight { /* Right background image for the genre title */
	top: 8px;
	left: 9px;
	position: relative;
	margin-bottom: 12px;
}
.topGamesOuterBox {
	height: auto;
	margin-bottom: 10px;
}	

.topGamesOuterBox2 {
	margin-bottom: 10px;

}	

.topGamesOuterBox3 {
	margin-bottom: 10px;
	height: auto;
}	
#topGamesGenreSection { /* Container on the home page that holds the top games in each genre and the text list */
	margin-top: 8px;
	margin-left: 8px;
	width: 910px;
	position: relative;
	height: auto;
	padding: 0px;
}

#topGamesGenreLeft { /* Container on the home page that holds just top games in each genre */
	width: 710px;
	float: left;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#skyscraper1 { /* Container for the skyscraper ad on the home page */
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	width: 200px;
	height: auto;
	text-align: center;
	position: relative;
	float: right;
}

.topGamesGenreBox { /* Container for each listing in the top games of each genre */
	text-align: center;
	width: 104px;
	height: 91px;
	margin-left: 6px;
	margin-right: -2px;
	margin-bottom: 0px;
	padding-left: 1px;
	padding-top: 2px;
	position: relative;
	float: left;
	background-image: url(/images/top_game_background.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

#featuredSectionLeft { /* Container for the featured game section at the top left of the home page */
	margin-left: 5px;
	margin-top: 10px;
	width: 243px;
	position: relative;
	float: left;
}

#featuredGame { /* Container for the featured game on the home page */
	position: relative;
	width: 243px;
}

#featuredGameContent { /* Style for content within the featured game container */
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	height: 152px;
}

.topGamesBox { /* Container for the top 9 games on the home page */
	padding: 4px;
	margin-top: 4px;
	margin-left: 7px;
	width: 910px;
	height: 262px;
	background-image: url(/images/topGamesOverallBox.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.topGames { /* Container for each listing of the top 8 games on the home page */
	position: relative;
	float: left;
	width: 215px;
}

#topGamesBanner { /* Container for the banner/ribbon for the top 9 games on the home page */
	width: 220px;
	height: 60px;
	background-image: url(/images/img_top_games.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: 90px;
}

#topGamesBannerSub { /* Container for the banner/ribbon for the top 9 games on the home page */
	width: 220px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: 50px;
}

#topGamesSectionRight { /* Container for the top right section of the home page */
	margin-top: 10px;
	width: 440px;
	position: relative;
	float: left;
}

#topGamesSectionRightSub { /* Container for the top right section of the home page */
	margin-top: 10px;
	width: 660px;
	position: relative;
	float: left;
}

#ziggyRight { /* Container for Ziggy at the top right of the home page */
	margin: 0px;
	padding: 0px;
	position: relative;
	margin-left: 50px;
	margin-top: 10px;
	width: 140px;
	height: 230px;
	float: left;
}	

#topGamesListSection { /* Container for the text list rounded box */
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 910px;
	height: auto;
	position: relative;
	overflow: hidden;
	left: 2px;
	float: left;
	clear: both;
}

#topGamesListContent { /* Container for the text list section */
	position: relative;
	/*overflow: hidden;*/
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 5px;
	left: 5px;
	top: -5px;
	float: left;
	clear: both;
	height: auto;
}

#topGamesListSiteMap { /* Container for the text list section on the sitemap page */
	position: relative;
	/*overflow: hidden;*/
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 5px;
	left: 5px;
	top: -5px;
	float: left;
	clear: both;
	height: auto;
}

.listColumn {
	position: relative;
	margin: 10px;
	float: left;
	width: 200px;
	height: auto;
}

#topGamesListBgTL {	/* Background image for top left corner of game list section */
	width: 10px;
	height: 10px;
	background-image: url(/images/topGamesListBox_01.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	clear: both;
}

#topGamesListBgBL {	/* Background image for top left corner of game list section */
	width: 10px;
	height: 10px;
	background-image: url(/images/topGamesListBox_06.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	bottom: 5px;
	left: 0px;
	clear: both;
}


#subGenreTextListTitle { /* Container for the title above the text list section on the sub genre pages */
	margin-left: 12px;
	text-indent: 0px;
	line-height: 18pt;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 100%;
}


.topGamesListBox { /* Container for the text list of top games on the home page */
	margin: 6px;
	width: 210px;
	float: left;
}

.topGamesListBox2 { /* Container for the text list of top games on the sitemap page */
	margin: 6px;
	width: auto;
	float: left;
}

#footerSection { /* Container for footer section */
	padding: 20px;
	clear: both;
	position: relative;
	text-align: center;
}

#topHeaderLayer { /* Container for header section */
	height: 70px;
}

#topHeaderLayer2 { /* Container for header section */
	height: 67px;
}


#mainMenuLayer { /* Container for menu section */
	position: relative;
	height: 44px;
	width: 640px;
	left: 6px;
	padding-bottom: 3px;
}

#mainMenuLayerDetail { /* Container for menu section on the detail pages */
	position: relative;
	height: 44px;
	width: 640px;
	left: 6px;
	padding-bottom: 23px;
}

#mainmenu {
	width: 640px;
}

#continueButton { /* Container for the green continue button on the home page */
	height: 52px;
	width: 214px;
	text-align: center;
	padding-top: 14px;
	padding-left: 4px;
	vertical-align: middle;
	float: left;
}

#gameDetailBox { /* Container for all the content on the game deatil page */
	width: 910px;
	height: auto;
	text-align: center;
}

#gameDetailTitle { /* Container/style for the main title on the game detail page */
	height: 40px;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}

#gameMedia { /* Container for the actual game on the game detail page */
}

#gameDescriptionBox { /* Container for the game description on the game detail page */
	width: 780px;
	padding: 10px;
	height: auto;
	margin: auto;
}

#gameCodeBox { /* Container for the code box on the game detail page */
	text-align: center;
}

#gameCodeText1 { /* Style for the game code text */
	width: 600px;
	height: auto;
	padding: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	border: 1px solid #999999;
	background-color:#FAFAFA;
	margin: auto;

}

#gameCodeText2 { /* Style for the game code text */
	width: 600px;
	height: 60px;
	padding: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	border: 1px solid #999999;
	background-color:#FAFAFA;
	overflow-x: hidden; 
	margin: auto;
	overflow: auto;
}

#gameCodeText3 { /* Style for the game code text */
	width: 600px;
	height: 40px;
	padding: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	border: 1px solid #999999;
	background-color:#FAFAFA;
	overflow-x: hidden; 
	margin: auto;
	overflow: auto;
}

#searchResultsSection { /* Container for the search results rounded box */
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
	width: 690px;
	height: auto;
	position: relative;
	overflow: hidden;
	left: 5px;
	float: left;
	clear: both;
}

#searchResultsSection, #searchResultsSection .sb-inner {}
#topGamesListSection, #topGamesListSection .sb-inner {}

#gameHTMLFrame {  /* Container for iFrame used for HTML games */
	width: 100%;
	height: 800px;
	overflow-x: hidden; 
}