﻿/*-----------------------------------------------------------------------------
Screen Games Style Sheet

website:   http://socialclub.rockstargames.com/
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* Games Flash */
/*---------------------------------------------------------------------------*/
#mainImage /* used for entry pages & flash holder */
{
	float: left;
	clear: left;
	width: 958px;
}

#homeFlash
{
	float: left;
	clear: left;
	background-color: #000;
	width: 958px;
	height: 300px;
}

/*---------------------------------------------------------------------------*/
/* Games General */
/*---------------------------------------------------------------------------*/
.GameAdbox
{
	float: right;
	display: inline;
	width: 235px;
}

.GameAdboxSlim
{
	display: inline;
	width: 235px;
}

#gameMenuRow
{
	background-color: #000;
	margin: 6px 0;
	border-bottom: 1px #000 solid; /* for ie6 */
}

#gameContentTop
{
	width: 942px;
	margin: 0 0 0 8px;	
	display: inline;
	float: left;
}

#gameContentTop .contentTopLeft,
#gameContentTop .contentTopMiddle { float: left; }

#gameContentTop .contentTopRight { float: right; }

/* when the menu for TLAD & GTAIV is back include this */
#gameContentTop .personIcon
{
	width: 10px;
	height: 20px;
	margin-right: 4px;
	float: left;
	background-image: url(../images/icons/person10x18.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#gameContentTop .personIconText
{
	float: left;
	background-image: url(../images/icons/person10x18.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 15px;
	font-size: 123.1%;
	color: #f1c882;
}

#gameContentTop .personIconAdd
{
	height: 19px;
	margin-right: 4px;
	float: left;
	background-image: url(../images/icons/personAdd16x18.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
	width: 13px;
}

.platformWrapper { float: right; }

.platformWrapper .platformText
{
	color: #767676;
	font-size: 85%;
	float: left;
	line-height: 2;
	margin-top: 6px;
}

.platformWrapper .CW
{
	color: #d19f5c;
}

/* Use the games icons sprites file */
.gamesIcons
{
	background-image: url(../images/games/shared/games_icons.png);
	background-repeat: no-repeat;
}

#statsTimestamp
{
	text-align: center;
	padding: 10px 0;
	font-size: 77%;
	text-transform: uppercase;
}

#statsTimestamp span
{
	width: 17px;
	height: 17px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: bottom;
	background-position: -1px -333px;	
}

/*---------------------------------------------------------------------------*/
/* Games Index */
/*---------------------------------------------------------------------------*/

#gamesIndex
{
	background-color: #fff;
	float: left;
	width: 944px;
	padding: 7px;
}

#gamesIndex .intro
{
	float: left;
	width: 216px;
	height: 301px;
	padding: 10px;
	overflow: hidden;
}

#gamesIndex .intro h1
{
	margin: 0;
	font-size: 269%;
	font-weight: bold;
	line-height: 1;
}

#gamesIndex .intro p
{
	margin: 0.8em 0 0.4em 0;
	font-size: 116%;
	line-height: 20px;
}

#gamesIndex .intro .owned
{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	margin: 0 5px;
	background-position: 0 -60px;
}

#gamesIndex .panel
{
	float: left;
	width: 236px;
	height: 313px;
	position: relative;
	padding-top: 8px;
}

#gamesIndex .panelHover
{
	background-image: url(../images/games/gameIndex/gamesIndexPanelbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gamesIndex .panel .gameImage
{
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 15;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	width: 220px;
	height: 275px;
}

#gamesIndex .panel .gameImage div
{
	width: 220px;
	height: 275px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#gamesIndex .panel .gameImage a
{
	width: 220px;
	height: 275px;
	display: block;
	overflow: hidden;
}

#gamesIndex .panel .gameImage .GTAIV { background-image: url(../images/games/gameIndex/gamesIndexGTAIV.jpg); }

#gamesIndex .panel .gameImage .GTAIV_TLAD { background-image: url(../images/games/gameIndex/gamesIndexGTAIV_TLAD.jpg); }

#gamesIndex .panel .gameImage .MCLA { background-image: url(../images/games/gameIndex/gamesIndexMCLA.jpg); }

#gamesIndex .panel .gameImage .CW { background-image: url(../images/games/gameIndex/gamesIndexCW.jpg); }

#gamesIndex .panel .gameImage .GTAIV_BOGT { background-image: url(../images/games/gameIndex/gamesIndexGTAIV_BOGT.jpg); }

#gamesIndex .panel .gameImage .Beaterator { background-image: url(../images/games/gameIndex/gamesIndexBeaterator.jpg); }

#gamesIndex .panel .gameImage .RDR { background-image: url(../images/games/gameIndex/gamesIndexRDR.jpg); }

#gamesIndex .panel .gameImage .MP3 { background-image: url(../images/games/gameIndex/gamesIndexMP3.jpg); }

#gamesIndex .panel .gameImage .AGENT { background-image: url(../images/games/gameIndex/gamesIndexAGENT.jpg); }

#gamesIndex .panel .gameImage .LAN { background-image: url(../images/games/gameIndex/gamesIndexLaNoire.png); }

#gamesIndex .panel .gameDetail
{
	width: 220px;
	height: 275px;
	background-color: #000;
	overflow: hidden;
	position: relative;
	left: 8px;
}

#gamesIndex .panel .gameDetail .gameDetailConsole
{
	float: left;
	display: inline;
	margin: 6px 0 0 4px;
}

#gamesIndex .panel .gameDetail .gameDetailConsole div
{
	width: 212px;
	height: 23px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#gamesIndex .panel .gameDetail .gameDetailConsole div.DS { background-image: url(../images/games/gameIndex/gamesIndexConsoleDS.gif); }

#gamesIndex .panel .gameDetail .gameDetailConsole div.GFWL { background-image: url(../images/games/gameIndex/gamesIndexConsoleGFWL.gif); }

#gamesIndex .panel .gameDetail .gameDetailConsole div.PS3 { background-image: url(../images/games/gameIndex/gamesIndexConsolePS.gif); }

#gamesIndex .panel .gameDetail .gameDetailConsole div.PSP { background-image: url(../images/games/gameIndex/gamesIndexConsolePSP.gif); }

#gamesIndex .panel .gameDetail .gameDetailConsole div.XBOX { background-image: url(../images/games/gameIndex/gamesIndexConsoleXBOX.gif); }

#gamesIndex .panel .gameDetail .gameDetailConsole div.pc { background-image: url(../images/games/gameIndex/gamesIndexConsolePC.gif); }

#gamesIndex .panel .gameDetail .platformSwitcher
{
	float: left;
	width: 212px;
}

#gamesIndex .panel .gameDetail .platformSwitcher li a.toplevel {
	border: 1px solid #232323;
	width: 210px;
	height: 21px;
}

#gamesIndex .panel .gameDetail .platformSwitcher li {
	background-color: #000;
	background-position: 1px 1px;
}

#gamesIndex .panel .gameDetail .platformSwitcher li ul {
	border: none;
	width: 212px;
}

#gamesIndex .panel .gameDetail .platformSwitcher li ul li {
	height: 21px;
	width: 210px;
	border-bottom: 1px solid #232323;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
}

#gamesIndex .panel .gameDetail .platformSwitcher li ul li a:hover
{
	background-color: #999;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

#gamesIndex .panel .gameDetail .gameDetailLogo
{
	float: left;
	clear: left;
	width: 220px;
	height: 92px;
	background-repeat: no-repeat;
	background-position: left top;
}

#gamesIndex .panel .gameDetail .gameDetailLogoGTAIV { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoGTAIV.jpg); }
#gamesIndex .panel .gameDetail .gameDetailLogoGTAIV_TLAD { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoGTAIV_TLAD.jpg); }
#gamesIndex .panel .gameDetail .gameDetailLogoMCLA { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoMCLA.jpg); }
#gamesIndex .panel .gameDetail .gameDetailLogoCW { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoCW.jpg); }
#gamesIndex .panel .gameDetail .gameDetailLogoGTAIV_BOGT { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoGTAIV_BOGT.jpg); }
#gamesIndex .panel .gameDetail .gameDetailLogoBeaterator { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoBeaterator.jpg); }
#gamesIndex .panel .gameDetail .gameDetailLogoRDR { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoRDR.jpg); }
#gamesIndex .panel .gameDetail .gameDetailLogoLAN { background-image: url(../images/games/gameIndex/gamesIndexDetailsLogoLAN.jpg); }

#gamesIndex .panel .gameDetail .gameDetailTableWrapper
{
	float: left;
	clear: left;
	width: 220px;
	height: 154px;
}

#gamesIndex .panel .gameDetail .gameDetailTable
{
	width: 220px;
	/*
	table-layout: fixed;
	*/
}

#gamesIndex .panel .gameDetail .gameDetailTable caption
{
	display: none;
}

#gamesIndex .panel .gameDetail .gameDetailTable tr td
{
	background-color: #000;
}

#gamesIndex .panel .gameDetail .gameDetailTable tr.odd td
{
	background-color: #262626;
}

#gamesIndex .panel .gameDetail .gameDetailTable td
{
	color: #fff;
	white-space: nowrap;
	line-height: 22px;
	font-size: 11px;
	padding: 0 6px;
}

#gamesIndex .panel .gameDetail .gameDetailTable td.col2
{
	text-align: right;
}

#gamesIndex .panel .gameFooter
{
	width: 232px;
	height: 36px;
	padding: 0 2px 2px 2px;	
	position: relative;
	z-index: 20;
}

#gamesIndex .panel .gameFooter p
{
	float: left;
	margin: 8px 0 0 6px;
	display: inline;
	line-height: 20px;
	color: #767676;
}

#gamesIndex .panel .gameFooter span
{
	float: left;
}

#gamesIndex .panel .gameFooter .owned
{
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	background-position: 0 -60px;
	text-indent: -9999px;	
	display: block;
}

#gamesIndex .panel .gameFooter .status
{
	float: left;
	color: #767676;
}

#gamesIndex .panelHover .gameFooter .status
{
	text-decoration: underline;
}

#gamesIndex .panel .gameFooter .corner
{
	width: 169px;
	height: 60px;
	background-image: url(../images/games/gameIndex/gameFooterCornerCurl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: none;
	position: absolute;
	bottom: 2px;
	right: 2px;
}

#gamesIndex .panel .gameFooter .corner a
{
	width: 80px;
	height: 15px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background-position: 0 -45px;
	position: absolute;
	right: 2px;
	bottom: 2px;
}

#gamesIndex .panel .gameFooter .corner a.turn
{
	background-position: -15px -45px;
}

#gamesIndex .gameDetail .gameDetailInner
{
	clear: left;
	float: left;
}

#gamesIndex .gameDetail .reload
{
	width: 200px;
	height: 255px;
	padding: 10px;
	background-image: url(../images/elements/loadingSpinnerBlack.gif);
	background-position: 50% 120px;
	background-repeat: no-repeat;
}

#gamesIndex .gameDetail .error
{
	background: none;
	color: #FFF;
}

/*---------------------------------------------------------------------------*/
/* Dropdown Banner (e.g. Displayed at the top of games index) */
/*---------------------------------------------------------------------------*/

.dropBanner
{
	background-color: #fcb131;
	margin: 0 0 8px 0;
	width: 100%;
	float: left;
}

.dropBanner-text
{
	float: left;
	color: #000;
	padding: 8px;
}

.dropBanner-text p
{	
	margin: 0;
}

.dropBanner-text a

{

    color: #000;

    text-decoration: underline;

}



.dropBanner-text a:hover 
{ 
    color: #FFF; 
}

.dropBanner-title
{	
	font-weight: bold;
	line-height: 20px;
}

.dropBanner-close
{
	float: right;
	padding: 8px 8px 8px 0;
}

.dropBanner-close-link
{
	width: 20px;
	height: 20px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/elements/button-close.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*---------------------------------------------------------------------------*/
/* Ad Box */
/*---------------------------------------------------------------------------*/
.GameAdbox .tab,
.GameAdboxSlim .tab
{
	float: left;
	font-size: 70%;
	line-height: 1;
}

.GameAdbox .tab b,
.GameAdboxSlim .tab b
{
	display: block;
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background: #000;
	color: #fff;
}

.GameAdbox .tab b b,
.GameAdboxSlim .tab b b
{
	display: block;
	position: relative;
	top: -1px; /* creates the top notches */
	left: 0;
	border-top: 1px solid #000;
}

.GameAdbox .tab b b b,
.GameAdboxSlim .tab b b b
{
	top: 2px;
	padding: 0 3px 0 3px;
	border-width: 0;
	font-weight: normal !important;
}

.GameAdbox img,
.GameAdboxSlim img { float: left; }


/*---------------------------------------------------------------------------*/
/* No Flash Blockers */
/*---------------------------------------------------------------------------*/

#mainImage .NoFlashBlocker
{
	float: left;
	width: 717px;
	height: 500px;
	background-repeat: no-repeat;
	background-position: left top;
}

#mainImage .NoFlashBlocker h2
{
	font-size: 600%;
	font-weight: bold;
	margin: 300px 0 0 8px;
}

#mainImage .NoFlashBlocker p.firstPara
{
	font-size: 123.1%;
	font-weight: bold;
	margin: 15px 0 0 8px;
}

#mainImage .NoFlashBlocker a
{
	color: #000;
	text-decoration: underline;
}

#mainImage .NoFlashBlocker a:hover
{
	color: #fcb131 !important;
}

/*---------------------------------------------------------------------------*/
/* Son of Suckerfish Base Styles */
/*---------------------------------------------------------------------------*/
.myDropdown, .myDropdown ul,
.platformSwitcher, .platformSwitcher ul,
#gameSwitcher, #gameSwitcher ul,
#friendsStatsSwitcher, #friendsStatsSwitcher ul { list-style-type: none; }

.myDropdown a,
.platformSwitcher a,
#gameSwitcher a,
#friendsStatsSwitcher a
{
	display: block;
	width: 100%;
	height: 100%;
}

.myDropdown li,
.platformSwitcher li,
#gameSwitcher li,
#friendsStatsSwitcher li { float: left; }

.myDropdown li ul,
.platformSwitcher li ul,
#gameSwitcher li ul,
#friendsStatsSwitcher li ul
{
	position: absolute;
	left: -9999em;
}

.myDropdown li:hover ul, .myDropdown li.sfhover ul,
.platformSwitcher li:hover ul, .platformSwitcher li.sfhover ul,
#gameSwitcher li:hover ul, #gameSwitcher li.sfhover ul,
#friendsStatsSwitcher li:hover ul, #friendsStatsSwitcher li.sfhover ul { left: auto; }

.myDropdown li:hover, .myDropdown li.hover,
.platformSwitcher li:hover, .platformSwitcher li.hover,
#gameSwitcher li:hover, #gameSwitcher li.hover,
#friendsStatsSwitcher li:hover, #friendsStatsSwitcher li.hover { position: static; }

/*---------------------------------------------------------------------------*/
/* Son of Suckerfish Modified Base Styles */
/*---------------------------------------------------------------------------*/
.myDropdown,
.platformSwitcher,
#gameSwitcher,
#friendsStatsSwitcher
{
	position: relative;
	z-index: 15;
	display: inline;
}

.myDropdown li ul,
.platformSwitcher li ul,
#gameSwitcher li ul,
#friendsStatsSwitcher li ul
{
	z-index: 15; /*any value*/
	overflow: hidden; /*must have*/
	list-style-type: none;
}

.myDropdown li ul iframe,
.platformSwitcher li ul iframe,
#gameSwitcher li ul iframe,
#friendsStatsSwitcher li ul iframe
{
	display: block;	/*sorry for IE5*/
	position: absolute; /*must have*/
	top: 0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask();	/*must have*/
	width: 3000px; /*must have for any big value*/
	height: 3000px;	/*must have for any big value*/
}

/*---------------------------------------------------------------------------*/
/* Platform Switcher Generic */
/*---------------------------------------------------------------------------*/
.platformWrapper ul.platformSwitcher
{
	z-index: 20; /* make it higher than other menus */
	float: left;
	margin: 6px 8px 5px 6px;
	width: 171px;
}

.platformSwitcher.generic li { background-color: #222; }
.platformSwitcher.generic li a { text-indent: -9999px; }

.platformSwitcher.generic li a.toplevel
{
	width: 171px;
	height: 21px;
	background-image: url(../images/icons/arrowStatsWhiteOn.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.platformSwitcher.inactive li a.toplevel { background: none !important; }

.platformSwitcher.generic li.xbox
{
	background-image: url(../images/games/shared/platformXBOX360LIVE.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li.ps3
{
	background-image: url(../images/games/shared/platformPS3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li.gfwl
{
	background-image: url(../images/games/shared/platformGFWL.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li.pc
{
	background-image: url(../images/games/shared/platformPC.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li.ds
{
	background-image: url(../images/games/shared/platformDS.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li.psp
{
	background-image: url(../images/games/shared/platformPSP.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li.iphone
{
	background-image: url(../images/games/shared/platformIPHONE.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li.android
{
	background-image: url(../images/games/shared/platformANDROID.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.platformSwitcher.generic li ul
{
	border-top: 1px #000 solid;
	width: 171px; /*width plus padding of toplevel if any*/
}

.platformSwitcher.generic li ul li
{
	width: 171px;
	height: 21px;
}

.platformSwitcher.generic li ul li a:hover
{
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

/*---------------------------------------------------------------------------*/
/* Game Switcher Modified Base Styles */
/* switcher.game.js used for ie6 */
/*---------------------------------------------------------------------------*/
#gameSwitcher
{
	float: left;
	font-size: 10px;
	text-transform: uppercase;
}

#gameSwitcher li ul
{
	width: 271px; /*width plus padding of toplevel*/
}

#gameSwitcher li a.toplevel
{
	width: 265px;
	padding: 3px;
	text-decoration: none;
	background-image: url(../images/icons/arrowStatsWhiteOn.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#gameSwitcher li ul li { width: 265px; }

#gameSwitcher li ul li a
{
	padding: 3px;
	text-decoration: none;
}

/*---------------------------------------------------------------------------*/
/* myDropdown Modified Base Styles */
/* switcher.myDropdown.js used for ie6 */
/*---------------------------------------------------------------------------*/
.myDropdown
{
	float: left;
	width: 171px;
	font-size: 10px;
	text-transform: uppercase;
}

.myDropdown li { background-color: #222; }

.myDropdown li ul
{
	width: 171px; /*width plus padding of toplevel*/
	border-top: 1px #000 solid;
	background-color: #222;
}

.myDropdown li a.toplevel
{
	width: 165px;
	padding: 3px;
	text-decoration: none;
	background-image: url(../images/icons/arrowStatsWhiteOn.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #fff !important;
}

.myDropdown li ul li { width: 165px; }

.myDropdown li ul li a
{
	padding: 3px;
	text-decoration: none;
	background-color: #222;
	color: #fff;
}

.myDropdown li ul li a:hover
{
	color: #fcb131;
	background-color: #171717;
	text-decoration: none;
}

/*---------------------------------------------------------------------------*/
/* Friends Stats Switcher Modified Base Styles */
/* switcher.friendsStats.js used for ie6 */
/*---------------------------------------------------------------------------*/
#friendsStatsSwitcher
{
	/*
	width: 206px;
	*/
	float: left;
	font-size: 77%;
}

#friendsStatsSwitcher li ul
{
	width: 206px; /*width plus padding of toplevel*/
}

#friendsStatsSwitcher li a.toplevel
{
	width: 200px;
	padding: 3px;
	text-decoration: none;
	background-image: url(../images/icons/arrowStatsWhiteOn.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#friendsStatsSwitcher li ul li { width: 200px; }

#friendsStatsSwitcher li ul li a
{
	padding: 3px;
	text-decoration: none;
}

/*---------------------------------------------------------------------------*/
/* Leaderboard Switcher Modified Base Styles */
/* switcher.friendsStats.js used for ie6 */
/*---------------------------------------------------------------------------*/

#dropdownLeaderboard
{
	width: 256px;
}

#dropdownLeaderboard li a.toplevel
{
	width: 250px;
}

#dropdownLeaderboard li ul
{
	width: 256px;
}

/*---------------------------------------------------------------------------*/
/* Dropdown Switcher Fixed Height */
/*---------------------------------------------------------------------------*/
ul.fixedHeight li ul iframe
{
	width: 10px !important; /*must have for any big value*/
	height: 180px !important; /*must have for any big value*/
}

ul.fixedHeight { font-size: 10px !important; }

ul.fixedHeight li ul
{
	height: 180px !important;
	overflow: auto !important;
}

ul.fixedHeight li ul li { line-height: 1 !important; }

ul.fixedHeight li ul li a { padding: 4px 3px 4px 3px !important; }

#friendsStatsSwitcher.fixedHeight li ul li
{
	width: 183px !important;
	word-wrap: break-word;
}

#dropdownLeaderboard.fixedHeight li ul li
{
	width: 233px !important;
	word-wrap: break-word;
}



/*---------------------------------------------------------------------------*/
/* Accordion Base */
/*---------------------------------------------------------------------------*/
#accordion
{
	width: 942px;
	margin: 6px 0 0 8px;
	float: left;
	display: inline;
}

#accordion div { float: left; }

#accordion div.title
{
	padding-left: 5px;
	text-transform: uppercase;
	margin-top: 1px;
	width: 937px;
	float: left;
}

#accordion div.titleNested
{
	margin-top: 1px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: left center;
	width: 937px;
	padding-left: 5px;
	float: left;
}

#accordion div.titleNestedTertiary
{
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	padding: 3px 0 3px 5px;
	display: block;
	width: 937px;
	float: left;
}

#accordion div.titleNested.score_tt { background-image: url(../images/games/CW/CW_timetrials.gif); }
#accordion div.titleNested.rampagescore { background-image: url(../images/games/CW/CW_rampages.gif); }
#accordion div.titleNested.racescore { background-image: url(../images/games/CW/CW_races.gif); }
#accordion div.titleNested.libertycitygunclub { background-image: url(../images/games/CW/CW_gunclub.gif); }

#accordion div.title a
{
	text-decoration: none;
	background-image: url(../images/icons/arrowStatsWhiteOff.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 100%;
	height: 100%;
	font-size: 85%;
	font-weight: bold;
	padding: 3px 0 3px 0;
	display: block;
	float: left;
}

#accordion div.titleNested a
{
	text-decoration: none;
	background-image: url(../images/icons/arrowStatsWhiteOff.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 100%;
	height: 100%;
	font-size: 85%;
	font-weight: bold;
	padding: 3px 0 3px 0;
	display: block;
	float: left;
}

#accordion div.title.ui-state-active a,
#accordion div.titleNested.ui-state-active a
{
	background-image: url(../images/icons/arrowStatsWhiteOn.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#accordion ul.content
{
	margin-top: 1px;
	float: left;
}

#accordion ul.content li ul
{
	width: 942px;
	float: left;
}

#accordion ul.content li.row
{
	clear: left;
	float: left;
}

#accordion ul.content li.row ul li
{
	padding: 1px 6px;
	font-size: 11px;
	line-height: 18px;
}

#accordion ul.content li.accordionNested,
#accordion ul.content li.accordionNestedTertiary { clear: left; }

#accordion ul.content li.accordionNested ul li.row ul li,
#accordion ul.content li.accordionNestedTertiary ul li.row ul li
{
	padding: 3px 6px 3px 6px;
	font-size: 11px;
}

#accordion .col1
{
	float: left;
	width: 354px;
}

#accordion .col2
{
	width: 267px;
	text-align: right;
	margin-right: 6px;
	float: left;
	padding-right: 18px !important;
}

#accordion .col3
{
	text-align: right;
	float: left;
	width: 255px;
	padding-right: 18px !important;
}

#accordion .title .col1
{
	cursor: pointer;
	width: 343px;
}

#accordion .accordionNested .titleNested .col1
{
	cursor: pointer;
	width: 343px;
}

#accordion .accordionNestedTertiary .titleNestedTertiary .col1 { width: 343px; }

#accordion .title .col2,
#accordion .accordionNested .titleNested .col2
{
	width: 290px;
	padding-right: 6px;
	font-weight: normal;
	text-transform: none;
	cursor: pointer;
}

#accordion .accordionNestedTertiary .titleNestedTertiary .col2
{
	width: 290px;
	padding-right: 6px;
	font-weight: normal;
	text-transform: none;
}

#accordion .title .col3,
#accordion .accordionNested .titleNested .col3
{
	width: 260px;
	font-weight: normal;
	text-transform: none;
	cursor: pointer;
}

#accordion .accordionNestedTertiary .titleNestedTertiary .col3
{
	width: 260px;
	font-weight: normal;
	text-transform: none;
}

#accordion .fixedWidthFont
{
	font-family: courier;
	line-height: 1;
}

/*---------------------------------------------------------------------------*/
/* Achievements Base */
/*---------------------------------------------------------------------------*/
#achievements
{
	width: 940px;
	margin: 6px 0 0 10px;
	
	float: left;
	display: inline;
}

#achievements .titleRow
{
	float: left;
	font-size: 85%;
	padding: 3px 0 3px 5px;
	margin-bottom: 8px;
}

#achievements .titleRow .colOne
{
	float: left;
	width: 775px;
	font-weight: bold;
	text-transform: uppercase;
}

#achievements .titleRow.oneCol .colOne { width: 935px !important; }

#achievements .titleRow .colTwo
{
	float: left;
	width: 160px;
}

#achievements .row
{
	float: left;
	margin-bottom: 8px;
}

#achievements .row .colOne
{
	float: left;
	width: 756px;
	padding: 8px;
}

#achievements .row .colOne p
{
	padding-top: 5px;
	font-size: 108%;
}

#achievements .row .colOne h4
{
	margin: 0;
	font-weight: bold;
}

#achievements .row .colTwo,
#achievements .row .colThree
{
	float: left;
	width: 144px;
	padding: 8px 8px 8px 16px;
	font-size: 85%;
	line-height: 1.1;
}

#achievements .row .colTwo p.first,
#achievements .row .colThree p.first { padding-bottom: 9px; }

#achievements .row .colTwo img,
#achievements .row .colThree img
{
	float: left;
	margin-right: 6px;
}

#achievements .row .locked img
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#achievements .row .locked { color: #777; }

/*---------------------------------------------------------------------------*/
/* Achievements Three Columns */
/*---------------------------------------------------------------------------*/
#achievements.threeCol .titleRow .colOne
{
	width: 607px;
	white-space: nowrap;
	overflow: hidden;
}

#achievements.threeCol .titleRow .colTwo
{
	width: 168px;
	white-space: nowrap;
	overflow: hidden;
}

#achievements.threeCol .titleRow .colThree
{
	float: left;
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
}

#achievements.threeCol .row .colOne { width: 588px; }

/*---------------------------------------------------------------------------*/
/* Widget Icons Menu Base */
/*---------------------------------------------------------------------------*/
#widgetsMenu
{
	width: 951px;
	margin: 0 0 6px 0;
	padding: 7px 0 5px 7px;
	background-color: #000;
	height: 80px;
}

#widgetsMenu ul { position: relative; }

#widgetsMenu ul li
{
	float: left;
	position: absolute;
	width: 76px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	height: 80px;
}

#widgetsMenu ul li div.text
{
	margin: 10px 0 0 0px;
	height: 62px;
	float: left;
	width: 175px;
	font-size: 11px;
}

#widgetsMenu ul li div.text span { font-weight: bold; }

#widgetsMenu ul li a
{
	width: 76px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	height: 80px;
}

/*---------------------------------------------------------------------------*/
/* Blockers & Age Gate */
/*---------------------------------------------------------------------------*/
#mainImage2
{
	float: left;
	clear: left;
	width: 958px;
	height: 500px;
}

#mainImage2 .ageGate,
#mainImage2 .CWblocker,
#mainImage2 .CWrampageBlocker,
#mainImage2 .CWglBlocker,
#mainImage2 div
{
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 958px;
	height: 500px;
	float: left;
}

#mainImage2 .ageGate { background-image: url(../images/games/gamesEntryMain.jpg); }
#mainImage2 .CWblocker { background-image: url(../images/games/CW/RGSC_CW_BlockerStandard.gif); }
#mainImage2 .CWglBlocker { background-image: url(../images/games/CW/RGSC_CW_BlockerGL.jpg); }
#mainImage2 .CWrampageBlocker { background-image: url(../images/games/CW/RGSC_CW_BlockerRampage.jpg); }
#mainImage2 .CWguideMapBlocker { background-image: url(../images/games/CW/RGSC_CW_BlockerGuideMap.jpg); }
#MCLAgameMainImage .blockerIndex { background-image: url(../images/games/MCLA/blocker/Blocker_index_Banner.jpg); }
#MCLAgameMainImage .blockerAchievements { background-image: url(../images/games/MCLA/blocker/Blocker_achievements_Banner.jpg); }
#MCLAgameMainImage .blockerFeatures { background-image: url(../images/games/MCLA/blocker/Blocker_features_Banner.jpg); }
#MCLAgameMainImage .blockerMultiplayer { background-image: url(../images/games/MCLA/blocker/Blocker_multiplayer_Banner.jpg); }
#mainImage2 .MCLAindexBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_generalv1.jpg); }
#mainImage2 .MCLAachievementsBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_generalv1.jpg); }
#mainImage2 .MCLAgalleryBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_gallery.jpg); }
#mainImage2 .MCLAgarageBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_garage.jpg); }
#mainImage2 .MCLAmultiplayerBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_multiplayer.jpg); }
#mainImage2 .MCLAratemyrideBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_ratemyride.jpg); }
#mainImage2 .MCLAtournamentsBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_tournamentsv1.jpg); }
#mainImage2 .MCLAplayerprofileBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_playerprofile.jpg); }
#mainImage2 .MCLAdrivingtestBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_drivingtest.jpg); }
#mainImage2 .MCLAanimotoBlocker { background-image: url(../images/games/MCLA/blocker/Blocker_generalv2.jpg); }
#GTAIVgameMainImage .blockerIndex { background-image: url(../images/games/GTAIV/blocker/Blocker_index_Banner.jpg); }
#GTAIVgameMainImage .blockerAchievements { background-image: url(../images/games/GTAIV/blocker/Blocker_index_Banner.jpg); }
#GTAIVgameMainImage .blockerFeatures { background-image: url(../images/games/GTAIV/blocker/Blocker_index_Banner.jpg); }
#GTAIVgameMainImage .blockerMultiplayer { background-image: url(../images/games/GTAIV/blocker/Blocker_multiplayer_Banner.jpg); }
#mainImage2 .GTAIVindexBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_index.jpg); }
#mainImage2 .GTAIVachievementsBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_index.jpg); }
#mainImage2 .GTAIVplatformstatsBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_index.jpg); }
#mainImage2 .GTAIVplatformachievementsBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_index.jpg); }
#mainImage2 .GTAIVthestorygangBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_thestorygang.jpg); }
#mainImage2 .GTAIVmarathonBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_marathon.jpg); }
#mainImage2 .GTAIVlcpdblotterBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_lcpdblotter.jpg); }
#mainImage2 .GTAIVhalloffameBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_halloffame.jpg); }
#mainImage2 .GTAIVmillionaireBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_millionaire.jpg); }
#mainImage2 .GTAIVviralinfectionBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_viralinfection.jpg); }
#mainImage2 .GTAIVhundredpercentBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_hundredpercent.jpg); }
#mainImage2 .GTAIVmultiplayerBlocker { background-image: url(../images/games/GTAIV/blocker/Blocker_multiplayer.jpg); }
#GTAIV_TLADgameMainImage .blockerIndex { background-image: url(../images/games/GTAIV_TLAD/blocker/Blocker_index_Banner.jpg); }
#GTAIV_TLADgameMainImage .blockerAchievements { background-image: url(../images/games/GTAIV_TLAD/blocker/Blocker_index_Banner.jpg); }
#GTAIV_TLADgameMainImage .blockerFeatures { background-image: url(../images/games/GTAIV_TLAD/blocker/Blocker_index_Banner.jpg); }
#mainImage2 .GTAIV_TLADindexBlocker { background-image: url(../images/games/GTAIV_TLAD/blocker/Blocker_index.jpg); }
#mainImage2 .GTAIV_TLADachievementsBlocker { background-image: url(../images/games/GTAIV_TLAD/blocker/Blocker_index.jpg); }
#mainImage2 .GTAIV_TLADmultiplayerBlocker { background-image: url(../images/games/GTAIV_TLAD/blocker/Blocker_index.jpg); }
#GTAIV_BOGTgameMainImage .blockerIndex { background-image: url(../images/games/GTAIV_BOGT/blocker/Blocker_index_Banner.jpg); }
#GTAIV_BOGTgameMainImage .blockerBaseJump { background-image: url(../images/games/GTAIV_BOGT/blocker/Blocker_basejump_Banner.jpg); }
#mainImage2 .GTAIV_BOGTindexBlocker { background-image: url(../images/games/GTAIV_BOGT/blocker/Blocker_index.jpg); }
#mainImage2 .GTAIV_BOGTbaseJumpBlocker { background-image: url(../images/games/GTAIV_BOGT/blocker/Blocker_basejump.jpg); }

#blocker400 .BEATblocker
{
	background-image: url(../images/games/Beaterator/RGSC_Blocker_Beaterator.jpg);
}


#RDRgameMainImage .blockerIndex { background-image: url(../images/games/RDR/blocker/Blocker_index_Banner.jpg); }

#mainImage2 .RDRindexBlocker { background-image: url(../images/games/RDR/blocker/Blocker_index.jpg); }

#mainImage2 .RDRindexBlocker p
{
	width: 300px;
	font-size: 108%;
	color: #fff;
	margin: 16px 0 0 12px;
}

#mainImage2 .RDRindexBlocker h2,
#mainImage2 .RDRindexBlocker p { color: #fff; }

#mainImage2 .RDRindexBlocker a.button
{
	left: 12px;
	bottom: 12px;
}

#mainImage2 .ageGate h2,
#mainImage2 .CWblocker h2,
#mainImage2 .CWrampageBlocker h2,
#mainImage2 .CWglBlocker h2,
#mainImage2 div h2
{
	font-size: 600%;
	color: #FFF;
	font-weight: bold;
	margin: 180px 0 0 8px;
}

#mainImage2 .ageGate p,
#mainImage2 .CWblocker p,
#mainImage2 .CWrampageBlocker p,
#mainImage2 .CWglBlocker p,
#mainImage2 div p
{
	width: 320px;
	font-size: 108%;
	color: #fff;
	margin: 16px 0 0 8px;
}

#mainImage2 .GTAIV_TLADindexBlocker p
{
	width: 300px;
	font-size: 108%;
	color: #fff;
	margin: 16px 0 0 12px;
}

#mainImage2 .ageGate p.firstPara,
#mainImage2 .CWblocker p.firstPara,
#mainImage2 .CWrampageBlocker p.firstPara,
#mainImage2 .CWglBlocker p.firstPara,
#mainImage2 div p.firstPara
{
	font-weight: bold;
	margin-top: 15px;
	font-size: 123.1%;
}

#mainImage2 .GTAIVindexBlocker h2,
#mainImage2 .GTAIVindexBlocker p,
#mainImage2 .GTAIVplatformstatsBlocker h2,
#mainImage2 .GTAIVplatformstatsBlocker p,
#mainImage2 .GTAIVplatformachievementsBlocker h2,
#mainImage2 .GTAIVplatformachievementsBlocker p,
#mainImage2 .GTAIVachievementsBlocker h2,
#mainImage2 .GTAIVachievementsBlocker p,
#mainImage2 .GTAIV_TLADindexBlocker h2,
#mainImage2 .GTAIV_TLADindexBlocker p,
#mainImage2 .GTAIV_TLADachievementsBlocker h2,
#mainImage2 .GTAIV_TLADachievementsBlocker p,
#mainImage2 .GTAIV_TLADmultiplayerBlocker h2,
#mainImage2 .GTAIV_TLADmultiplayerBlocker p,
#mainImage2 .CWstatsBlocker h2,
#mainImage2 .CWstatsBlocker p { color: #000; }

#mainImage2 .GTAIV_BOGTindexBlocker h2,
#mainImage2 .GTAIV_BOGTindexBlocker p,
#mainImage2 .GTAIV_BOGTachievementsBlocker h2,
#mainImage2 .GTAIV_BOGTachievementsBlocker p,
#mainImage2 .GTAIV_BOGTmultiplayerBlocker h2,
#mainImage2 .GTAIV_BOGTmultiplayerBlocker p { color: #fff; }

#mainImage2 a.button
{
	font-size: 108%;
	line-height: 2.4;
	font-weight: bold;
	display: block;
	background-color: #fcb131;
	text-indent: 10px;
	color: #000;
	width: 200px;
	position: absolute;
	bottom: 8px;
	left: 8px;
}

#mainImage2 .GTAIV_TLADindexBlocker a.button
{
	left: 12px;
	bottom: 12px;
}

/*#mainImage2 .CWblocker a.button,
#mainImage2 .CWrampageBlocker a.button,
#mainImage2 .CWglBlocker a.button,
#mainImage2 div a.button
{
	background-color: #000;
	color: #d19f5c;
}*/

#mainImage2 a.button:hover
{
	background-color: #fbcb3f;
	text-decoration: none;
}

/*#mainImage2 .CWblocker a.button:hover,
#mainImage2 .CWrampageBlocker a.button:hover,
#mainImage2 .CWglBlocker a.button:hover,
#mainImage2 div a.button:hover
{
	background-color: #fcb131;
	color: #000;
}*/


/*---------------------------------------------------------------------------*/
/* Generic Pagination */
/*---------------------------------------------------------------------------*/

.myPagination
{
	float: right;
	padding-right: 4px;
	text-transform: uppercase;
	font-size: 10px;
}

.myPagination p,
.myPagination ul
{
	float: left;
}

.myPagination li
{
	float: left;
	margin: 0 3px 0 3px;
	line-height: 25px;
	color: #878787;
}

.myPagination li a
{
	color: #878787 !important;
}

.myPagination li.on,
.myPagination li.on a,
.myPagination li a:hover
{
	color: #fff !important;
	text-decoration: none;
}

.myPagination li.previous,
.myPagination li.next,
.myPagination li.first,
.myPagination li.last
{
	float: left;
	text-indent: -9999px;
	width: 15px;
	height: 15px;
	margin: 5px 0 0 3px;
	line-height: 1;
}

.myPagination li.previous a,
.myPagination li.next a,
.myPagination li.first a,
.myPagination li.last a
{
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;	
	background-image: url(../images/games/shared/games_icons.png);
	background-repeat: no-repeat;
}

.myPagination li.previous a
{ background-position: 0 -15px; }

.myPagination li.next a
{ background-position: -15px -15px; }

.myPagination li.first a
{ background-position: -30px -15px; }

.myPagination li.last a
{ background-position: -45px -15px; }

.myPagination li.previous a:hover
{ background-position: 0 0; }

.myPagination li.next a:hover
{ background-position: -15px 0; }

.myPagination li.first a:hover
{ background-position: -30px 0; }

.myPagination li.last a:hover
{ background-position: -45px 0; }



/*---------------------------------------------------------------------------*/
/* Leaderboard Dropdowns */
/*---------------------------------------------------------------------------*/


#leaderboardDropdowns
{
	width: 950px;
	padding: 0 0 0 8px;
}

#leaderboardDropdowns p
{
	float: left;
	margin: 2px 8px 0 8px;
	display: inline;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

#leaderboardDropdowns p.plus
{
	width: 10px;
	height: 10px;
	margin-top: 4px;
	background-image: url(../images/icons/plus-grey.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#leaderboardDropdowns li ul li a { color: #fff; }
