/*-----------------------------------------------------------------------------
Screen Base Style Sheet
website:   http://socialclub.rockstargames.com/
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* Setup & Further Resets */
/*---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 0.8em 0 0.4em 0;
}

img
{
	display: block;
}

/* Removes fieldset borders. even on Opera 7 */
fieldset { border: 0 solid transparent; }

td
{
	text-align: left;
	font-weight: normal;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}

caption,th { text-align: left; }


/*---------------------------------------------------------------------------*/
/* General classes */
/*---------------------------------------------------------------------------*/

/* Colour Palette

default yellow: #fcb131
default grey: #767676
bright yellow: #fbcb3f

*/

.clear
{
	clear: both;
	height: 0px !important;
	font-size: 0px !important;
	overflow: hidden;
}

.right { float: right; }
.left { float: left; }
.input
{
	border: 1px #CCC solid;
	padding: 2px;
}
.white { background-color: #FFF; }
.black { background-color: #000; }
.marginTop4 { margin-top: 4px !important; }
.marginTop6 { margin-top: 6px !important; }
.marginTop20 { margin-top: 20px !important; }
.marginTop34 { margin-top: 34px !important; }
.marginTop68 { margin-top: 68px !important; }
.hide { display: none; }
.show { display: block; }
.centre { text-align: center; }

#spinMe
{		
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
	z-index: 10;
	position: absolute;
}

.inlineBlockFix
{
	display: -moz-inline-stack; /* Firefox 2 */
	display: inline-block; /* Opera & Safari */
	vertical-align: top; /* For consistency */
	zoom: 1; /* To invoke hasLayout in IE6 & 7 */
	*display: inline; /* Change for IE6 & 7 */
}


/*---------------------------------------------------------------------------*/
/* Typography */
/*---------------------------------------------------------------------------*/

body
{
	font-family: arial, helvetica, clean, sans-serif;
	color: #000;
}

/* Font sizes - use percentages
9px  = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

.fontBlack { color: #000; }
.fontWhite { color: #fff; }
.fontGrey { color: #999; }
.fontYellow { color: #fcb131; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.superscript
{
	position: relative;
	bottom: 0.5em;
	font-size: 0.7em;
}

/*---------------------------------------------------------------------------*/
/* Headings */
/*---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7
{
	color: #000;
}

h1 { font-size: 197%; } /* 26px */
h2 { font-size: 182%; } /* 24px */
h3 { font-size: 167%; } /* 22px */
h4 { font-size: 138.5%; } /* 18px */
h5 { font-size: 123.1%; } /* 16px */
h6 { font-size: 108%; } /* 14px */
h7 { font-size: 100%; } /* 13px */

/*---------------------------------------------------------------------------*/
/* Links */
/*---------------------------------------------------------------------------*/

a:link, a:visited, a:active
{
	color: #fcb131;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/*---------------------------------------------------------------------------*/
/* Structure */
/*---------------------------------------------------------------------------*/

html, body { height: 100%; } /* for the page backgrounds */

body
{
	text-align: center;
	background-image: url(../images/blackBrickWall.jpg);
	background-repeat: repeat;
	background-position: left top;
	background-color: #2B2B2B;
}

#pageImage
{
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
}

#wrapper
{
	width: 974px;
	margin: 0 auto;
	text-align: left;
}

#languagePanel
{
	width: 974px;
	clear: both;
	background-color: #202020;
}

#page
{
	width: 958px;
	clear: both;
	padding: 8px;
	background-image: url(../images/TranspFills/transpBlack50.png);
}

#pagePanelOne
{
	width: 270px;
	float: left;
}

#twoColWrapperWhite
{
	width: 688px;
	float: left;
	background-color: #FFF;
	position: relative;
}

#pagePanelTwo
{
	width: 447px;
	float: left;
	padding-bottom: 34px;
}

#pagePanelTwo.extended
{
	width: 688px;
}

#pagePanelThree
{
	width: 235px;
	padding-left: 6px;
	float: left;
	padding-bottom: 34px;
}

.fourColumn
{
	width: 235px;
	float: left;
	padding: 6px 6px 0 0;
}

.fourColumnLast
{
	padding: 6px 0 0 0;
}

/*---------------------------------------------------------------------------*/
/* Language Panel */
/*---------------------------------------------------------------------------*/

#languagePanel .inner
{
	width: 942px;
	padding: 8px 16px;
}

#languagePanel .inner .topArea
{
	width: 942px;
	border-bottom: 6px #fcb131 solid;
	line-height: 1.3em;
}

#languagePanel .inner .topArea h5
{
	margin: 0 0 5px 0;
	color: #fcb131;
	float: left;
	font-weight: bold;
	padding: 0 0 4px 0;
}

#languagePanel .inner .topArea .what
{
	font-size: 70%;
	text-transform: uppercase;
	float: left;
	padding-left: 34px;
	padding-top: 2px;
}

#languagePanel .inner .topArea .what a { text-decoration: underline; }

#languagePanel .inner .topArea .what a:hover,
#languagePanel .inner .topArea #closePanel a:hover { color: #fbcb3f; cursor: pointer; }

#languagePanel .inner .topArea #closePanel
{
	float: right;
	font-size: 70%;
	text-transform: uppercase;
	padding-top: 2px;
	color: #fcb131;
}

#languagePanel .inner .topArea #closePanel a
{
	float: left;
	text-decoration: underline;
}

#languagePanel .inner .topArea #closePanel #closePanelImg
{
	float: left;
	display: inline;
	margin: 1px 0 0 8px;
	background-image: url(../images/elements/close-panel-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#languagePanel .inner .topArea #closePanel #closePanelImg a
{
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
	background-image: url(../images/elements/close-panel-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#languagePanel .inner .topArea #closePanel #closePanelImg a:hover { background-position: left -15px; cursor: pointer;}

#languagePanel .languagesCol
{
	float: left;
	margin-top: 8px;
}

#languagePanel .languagesCol p
{
	width: 126px;
	margin: 0.5em 0;
}

#languagePanel .languagesCol a
{
	color: #a1a1a1;
	text-decoration: none;
}

#languagePanel .languagesCol a:hover
{
	color: #fcb131;
}

/*---------------------------------------------------------------------------*/
/* Gareths Styles for ZitPlayer */
/*---------------------------------------------------------------------------*/

#zitPlayerWrapper
{
	float: right;
	width: 150px;
	height: 35px;
	overflow: hidden;
	position: relative;
}

#zitPlayer
{
	margin-top: 0px;
	margin-bottom: 0px;	
	display: inline;
	position: absolute;
	right: 0;
	top: 0;
}

#LAFMPlayer
{
	float: right;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	display: inline;
}

#musicPanel 
{
	width:974px;
	display: none;
	height: 0px;
}

#musicPlaylist
{
	float:left;
}

#album
{	
	float:left;
	width:725px;
}

/*---------------------------------------------------------------------------*/
/* Four Column Layout Panels */
/*---------------------------------------------------------------------------*/

.panel235
{
	width: 223px;
	padding: 6px;
	background-color: #000;
	color: #fff;
	margin-bottom: 6px;
}

.panel235.last
{
	margin-bottom: 0;
}

.panel235 h5
{
	color: #FFF;
	line-height: 1;
	padding: 7px 0 11px 0;
	margin: 0;
	font-weight: bold;
}

.panel235 h6
{
	color: #FFF;
	padding: 6px 0 0 0;
	margin: 0;
	font-weight: bold;
}

.panel235 p
{
	margin: 8px 0 2px 0;
	font-size: 93%;
	color: #B6B6B6;
}

.panel235 p.grey,
.panel235.news p
{
	color: #B6B6B6;
}

.panel235.news
{
	padding-bottom: 17px;
}

.panel235 p.annotations
{
	margin: 15px 0 7px 0;
}

.panel235.hpWidgets a
{
	float: left;
}

.panel235.hpWidgets img
{
	padding: 0 5px 5px 0;
}

.panel235.hpWidgets img.last
{
	padding: 0 0 5px 0;
}

.panel235.hpWidgets h6
{
	clear: left;
	padding: 2px 0 0 0;
	font-size: 93%;
	font-weight: normal;
	color: #B6B6B6;
}

.panel235.hpWidgets p
{
	margin: 0;
}

.panel235.events
{
	padding-bottom: 8px;
}

.panel235.events h5
{
	border-bottom: 6px #fff solid;
}

.panel235.events div
{
	border-bottom: 1px #454545 solid;
	padding: 5px 0 5px 0;
}

.panel235.events div p
{
	margin: 0;
}

.panel235.events div p span { font-size: 77%; }

.panel235.events a:hover
{
	color: #fbcb3f !important;
}

.panel235.socTvAd p
{
	margin: 2px 0 9px 0;
}

/*---------------------------------------------------------------------------*/
/* Notched Corner Buttons Default */
/*---------------------------------------------------------------------------*/

p.buttonLink
{
	float: left;
	font-size: 77% !important;
	letter-spacing: -0.2pt;
	line-height: 0.9em;
	text-transform: uppercase;
}

p.buttonLink a
{
	display: block;
	border: solid #fff;
	border-width: 0 1px;
	text-decoration: none;
	outline: none;
	color: #000;
	background: #fff;
}

p.buttonLink a b
{
	display: block;
	position: relative;
	top: -1px; /* creates the top notches */
	left: 0;
	border: solid #fff;
	border-width: 1px 0 0; /* top border only */
}

p.buttonLink a b b
{
	border-width: 0 0 1px; /* bottom border only */
	top: 2px; /* create the bottom notches */
}

p.buttonLink a b b b
{
	top: -1px;
	padding: 0 4px 0px 4px;
	border-width: 0 !important;		
	font-weight: normal !important;
}

p.buttonLink a:hover { text-decoration: none; }

/* Set the over state */
p.buttonLink a:hover
{
    background-color: #fcb131;
    border-color: #fcb131;
}

p.buttonLink a:hover *
{
	border-color: #fcb131;
	background-color: #fcb131;
}

/*---------------------------------------------------------------------------*/
/* Notched Corner Buttons Yellow */
/*---------------------------------------------------------------------------*/

p.buttonLink.yellow a
{
	color: #000 !important;
	background: #fcb131;
	border-color: #fcb131;
	border-style: solid;
	cursor: pointer;
}

p.buttonLink.yellow a b
{
	border-color: #fcb131;
	border-style: solid;
}

p.buttonLink.yellow a b b
{
	border-width: 0 0 1px;
}

p.buttonLink.yellow a:hover
{
    background-color: #fbcb3f;
    border-color: #fbcb3f;
}

p.buttonLink.yellow a:hover *
{
	border-color: #fbcb3f;
	background-color: #fbcb3f;
}

/*---------------------------------------------------------------------------*/
/* Notched Corner Buttons Black */
/*---------------------------------------------------------------------------*/

p.buttonLink.black a
{
	color: #fff !important;
	background: #000;
	border-color: #000;
	border-style: solid;
	cursor: pointer;
}

p.buttonLink.black a b
{
	border-color: #000;
	border-style: solid;
}

p.buttonLink.black a b b
{
	border-width: 0 0 1px;
}

p.buttonLink.black a:hover
{
    color: #000 !important;
    background-color: #fcb131;
    border-color: #fcb131;
}

p.buttonLink.black a:hover *
{
	border-color: #fcb131;
	background-color: #fcb131;
}

/*---------------------------------------------------------------------------*/
/* Notched Corner Buttons Dk Grey */
/*---------------------------------------------------------------------------*/

p.buttonLink.dkgrey a
{
	color: #fff !important;
	background: #333;
	border-color: #333;
	border-style: solid;
	cursor: pointer;
}

p.buttonLink.dkgrey a b
{
	border-color: #333;
	border-style: solid;
}

p.buttonLink.dkgrey a b b
{
	border-width: 0 0 1px;
}

p.buttonLink.dkgrey a:hover
{
    color: #333 !important;
    background-color: #fcb131;
    border-color: #fcb131;
}

p.buttonLink.dkgrey a:hover *
{
	border-color: #fcb131;
	background-color: #fcb131;
}

/*---------------------------------------------------------------------------*/
/* Notched Corner Buttons Large */
/*---------------------------------------------------------------------------*/

p.buttonLink.large
{
	font-size: 108% !important;
	line-height: 2;
	width: 200px !important;
	text-transform: capitalize;
}

p.buttonLink.large a b b b
{
	font-weight: bold !important;
	text-indent: 10px;
}

/*---------------------------------------------------------------------------*/
/* Panel Backgrounds */
/*---------------------------------------------------------------------------*/

#pagePanelThree.withDivider
{
	background-image: url(../images/elements/pagePanelThreeBack.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/*---------------------------------------------------------------------------*/
/* PanelOne */
/*---------------------------------------------------------------------------*/

#pagePanelOne #panelOneMenu
{
	margin: 0;
}

#pagePanelOne #panelOneMenu li
{
	width: 264px;
	font-weight: bold;
	margin-bottom: 6px;
	letter-spacing: -0.2pt;
	font-size: 108%;
	line-height: 1.27;
	color: #464646;
	background-color: #767676;
}

#pagePanelOne #panelOneMenu li a
{
	display: block;
	width: 248px;
	height: 100%;
	color: #000 !important;
	background-color: #fcb131;
	text-decoration: none !important;
	padding: 8px 8px 8px 8px;
}

#pagePanelOne #panelOneMenu li a:hover
{
	background-color: #fbcb3f;
}

#pagePanelOne #panelOneMenu li.on
{
	background-color: #fff;
	border-right: 6px #fff solid;
	width: 248px;
	padding: 8px 8px 8px 8px;
	color: #000 !important;
}

#pagePanelOne #panelOneMenu li.on a:hover
{
	background-color: transparent !important;
}

#pagePanelOne #panelOneMenu li.on a
{
	background-color: #fff;
}

#pagePanelOne #panelOneMenu li.locked
{	
	width: 248px;
	padding: 8px 8px 8px 8px;
}

#pagePanelOne #panelOneMenu li .locked
{
	width: 12px;
	height: 15px;
	padding-left: 12px;
	margin-left: 8px;
	background-image: url(../images/elements/lock.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*---------------------------------------------------------------------------*/
/* PanelTwo */
/*---------------------------------------------------------------------------*/

#pagePanelTwoContent
{
	padding: 15px 9px 0 24px;
}

#pagePanelTwoContent a
{
	color: #000;
	text-decoration: underline;
}

#pagePanelTwoContent a:hover
{
	color: #fcb131;
}

#pagePanelTwo.extended #pagePanelTwoContent
{
	padding: 15px 24px 0 24px;
}

#pagePanelTwoContent h3
{
	font-weight: bold;
	margin: 0;
	line-height: 24px;
	border-bottom: 6px #000 solid;
	padding-bottom: 7px;
}

#pagePanelTwoContent .imageMainExtended
{
	margin: 27px 0 0 0;
}

#pagePanelTwoContent p,
#pagePanelTwoContent p.firstPara
{
	margin: 0.8em 0 0.4em 0;
}

#pagePanelTwoContent p.firstPara
{
	font-weight: bold;
	font-size: 131%;
}

#pagePanelTwoContent .imageRight
{
	margin: 0 0 4px 8px;
	float: right;
}

#pagePanelTwoContent .imageLeft
{
	margin: 0 8px 4px 0;
	float: left;
}

#pagePanelTwoContent a.recoverPassword
{
	margin-top: 8px;
	font-size: 108%;
	line-height: 2.4;
	font-weight: bold;
	display: block;
	background-color: #767676;
	text-indent: 10px;
	color: #000;
	width: 200px;
}

#pagePanelTwoContent a.recoverPassword:hover
{
	background-color: #fbcb3f;
	text-decoration: none;
}

#pagePanelTwoContent .successText
{
	margin-top: 34px;
	color: #009D00;
	font-size: 85%;
}

#pagePanelTwoContent .warningText,
#pagePanelTwoContent .errorText
{
	margin-top: 34px;
	color: #CB010D;
	font-size: 85%;
}

#pagePanelTwoContent .informationText
{
	margin-top: 34px;	
	color: #000000;
	font-size: 85%;
}

#pagePanelTwoContent ul
{
	margin: 1.12em 0 1.12em 40px;
	list-style-type: disc;
}

#pagePanelTwoContent .genericForm #completeProfile #NicknameContainer,
#pagePanelTwoContent .genericForm #profileDetails #NicknameContainer
{
	position: relative;
}

#pagePanelTwoContent .genericForm #completeProfile label#NicknameError,
#pagePanelTwoContent .genericForm #profileDetails label#NicknameError
{
	position: absolute;
	bottom: -1.5em;
	left: 0;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
	background-position: left 0;
}

/*---------------------------------------------------------------------------*/
/* PanelThree */
/*---------------------------------------------------------------------------*/

#pagePanelThreeContent
{
	padding: 15px 24px 0 9px;
	min-height: 400px;
}

#pagePanelThreeContent h5
{
	font-weight: bold;
	margin: 0;
	line-height: 24px;
	border-bottom: 6px #808080 solid;
	padding: 2px 0 5px 0;
	color: #808080;
}

#pagePanelThreeContent .largeNumber
{
	position: absolute;
	bottom: 24px;
	right: 24px;
	width: 109px;
	height: 164px;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	overflow: hidden;
}

#pagePanelThreeContent .largeNumberOne
{
	background-image: url(../images/elements/largeNumberOne.gif);
}

#pagePanelThreeContent .largeNumberTwo
{
	background-image: url(../images/elements/largeNumberTwo.gif);
}

#pagePanelThreeContent .largeNumberThree
{
	background-image: url(../images/elements/largeNumberThree.gif);
}

#pagePanelThreeContent .largeNumberFour
{
	background-image: url(../images/elements/largeNumberFour.gif);
}

#pagePanelThreeContent .largeNumberFive
{
	background-image: url(../images/elements/largeNumberFive.gif);
}

/*---------------------------------------------------------------------------*/
/* Register Forms */
/*---------------------------------------------------------------------------*/

#pagePanelThreeContent .genericFormHelp
{
	color: #9f9f9f;
	font-size: 77%;
	margin-top: 34px;
}

.genericForm fieldset
{
	padding-bottom: 34px;
	border-bottom: 1px #000 solid;
	width: 414px;
}

.genericForm fieldset.noBorderBottom
{
	border-bottom: none;
}

.genericForm legend
{
	display: none;
}

.genericForm p
{
	clear: left;
	float: left;
	width: 414px;
	padding: 0;
	margin: 34px 0 0 0 !important;
}

.genericForm p.removeTopMargin
{
	margin-top: 0 !important;
}

.genericForm label
{
	float: left;
	width: 207px;
	font-weight: bold;
	font-size: 93%;
	line-height: 2.75;
}

.genericForm input
{
	float: left;
	border-top: 1px #000 solid;
	border-right: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
	border-left: 1px #000 solid;
	padding: 6px;
	width: 193px;
	font-weight: bold;
	font-size: 123.1%;
}

.genericForm input.radio,
.genericForm input.checkbox,
.genericForm input.image
{
	width: auto;
	padding: 0; /* for opera */
	border: none;
}

.genericForm select
{
	float: left;	
	width: 207px;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 93%;
}

.genericForm select#avatarGroups
{	
	width: 300px;
}

.genericForm select#monthOfBirth,
.genericForm select#gateMonthOfBirth
{
	width: 88px;
	margin-right: 3px;
}

.genericForm select#dayOfBirth,
.genericForm select#gateDayOfBirth
{
	width: 49px;
	margin-right: 3px;
}

.genericForm select#yearOfBirth,
.genericForm select#gateYearOfBirth
{
	width: 64px;
}

.genericForm select#monthOfBirth,
.genericForm select#dayOfBirth,
.genericForm select#yearOfBirth,
.genericForm select#gateMonthOfBirth,
.genericForm select#gateDayOfBirth,
.genericForm select#gateYearOfBirth
{
	float: left;
	display: inline;
}

.genericForm #dayOfBirthLabel,
.genericForm #yearOfBirthLabel,
.genericForm #gateDayOfBirthLabel,
.genericForm #gateYearOfBirthLabel
{
	text-indent: -9999px;
	width: 0;
}

.genericForm p#submitForm,
.genericForm p.submitForm,
div.submitButton
{
	width: 200px;
	font-size: 108%;
	line-height: 2.4;
	font-weight: bold;
}

.genericForm p#submitForm a,
.genericForm p.submitForm a,
div.submitButton a
{
	width: 100%;
	height: 100%;
	display: block;
	background-color: #fcb131;
	color: #000 !important;
	text-indent: 10px;
	text-decoration: none !important;
}

.genericForm p#submitForm a:hover,
.genericForm p.submitForm a:hover,
div.submitButton a:hover
{
	background-color: #fbcb3f;
	text-decoration: none;
}

.genericForm label.radio,
.genericForm label.checkbox
{
	text-align: left;
}

.genericForm textarea
{
	width: 207px;
	height: 207px;
	float: left;
}

.genericForm .formAvatar
{
	float: left;
}

.genericForm .formNote
{
	float: right;
	width: 197px;
	padding: 5px;
	font-size: 85%;
}

.genericForm .locked
{
	float: left;
	clear: both;
	font-size: 77%;
	margin-top: 5px;
	padding-right: 20px;
	background-image: url(../images/elements/lock_blackforforms.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	line-height: 1.5;
	display: inline;
	width: 187px;
	margin-left: 207px;
	text-align: right;
}

.genericForm .unlocked
{
	float: left;
	clear: both;
	font-size: 77%;
	margin-top: 5px;
	padding-right: 20px;
	background-image: url(../images/elements/lock-open.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	line-height: 1.5;
	display: inline;
	width: 187px;
	margin-left: 207px;
	text-align: right;
}

.genericForm .sendEmailText
{
	padding-bottom: 5px;
	font-weight: bold;
	line-height: 2;
}

.genericForm label.sendEmail
{
	font-size: 123.1%;
	width: 370px;
	padding: 0 0 0 6px;
	line-height: 1.2;
}

.genericForm .platformLogo
{
	float: left;
	clear: left;
	overflow: hidden;	
	width: 164px;
	height: 39px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

.genericForm .platformLogo-xbox { background-image: url(../images/elements/logo-white-xbox.gif); }
.genericForm .platformLogo-ps3 { background-image: url(../images/elements/logo-white-ps3.gif); }
.genericForm .platformLogo-windows { background-image: url(../images/elements/logo-white-windows.gif); }
.genericForm .platformLogo-wii { background-image: url(../images/elements/logo-white-wii.gif); }
.genericForm .platformLogo-ds { background-image: url(../images/elements/logo-white-ds.gif); }

.linkingAccountInfo
{
	float: right;
	width: 207px;
	font-size: 77%;
	line-height: 2em;
	padding-top: 5px;
}

.linkingAccountInfo .update,
.linkingAccountInfo .unlink
{
	float: left;
	text-transform: uppercase;
}

.linkingAccountInfo .unlink
{
	padding-left: 10px;
}

.genericForm .rightAlignFormText
{
	float: left;
	clear: both;
	font-size: 77%;
	margin-top: 5px;
	width: 100%;
	text-align: right;
}

.genericForm .rightAlignFormText a
{
	text-decoration: underline;
	color: #767676;
}

.genericForm .rightAlignFormText a:hover
{
	color: #fcb131;
}

.genericForm .availability
{
	font-size: 77%;
	line-height: 2em;
	margin-top: 5px;
}

.genericForm .availability,
.linkingAccountInfo .needHelp
{
	float: right;
	padding-right: 20px;
	background-image: url(../images/elements/icon-questionMark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.genericForm .availabilityYes
{
	background-image: url(../images/elements/icon-yes.gif);
	color: #009d00;
}

.genericForm .availabilityNo
{
	background-image: url(../images/elements/icon-no.gif);
	color: #cb010d;
}

.genericForm .availability a,
.linkingAccountInfo .update a,
.linkingAccountInfo .unlink a,
.linkingAccountInfo .needHelp a
{
	color: #000;
	text-decoration: underline;
}

.genericForm .availability a:hover,
.linkingAccountInfo .update a:hover,
.linkingAccountInfo .unlink a:hover,
.linkingAccountInfo .needHelp a:hover
{
	color: #fcb131;
}

.genericForm input.withValue
{
	color: #fff;
	background-color: #000;
}

.genericForm .availabilityStatus,
.genericForm .availabilityNo,
.genericForm .availabilityYes { 
	font-size: 77%;
	line-height: 2em;
	margin-top: 5px;
	float: right;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}

.genericForm .suggestName
{
	clear: left;
	line-height: 2.2em;
	background-color: #990;
}

.genericForm .suggestName span
{
	font-weight: bold;
	float: left;
	font-size: 93%;
}

.genericForm .suggestName a
{
	float: right;
	font-size: 77%;
	color: #000;
	text-decoration: underline;
}

.genericForm .suggestName a:hover
{
	color: #fbcb3f;
}

.genericForm .divider
{
	height: 1px;
	float: left;
	clear: left;
	width: 414px;
	font-size: 0;
	border-bottom: 1px #929292 solid;
}

/*---------------------------------------------------------------------------*/
/* Register Error Container Box */
/*---------------------------------------------------------------------------*/

div.errorContainer
{
	float: left;
	clear: left;
	margin: 8px 0 0 0;
	padding: 0 0 10px 0;
	display: inline;
	width: 207px;
	left: 207px;
	position: relative;
	background-image: url(../images/elements/containerBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.errorContainer div.errorContainerTop
{
	width: 207px;
	height: 18px;
	background-image: url(../images/elements/containerTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.errorContainer ul
{
	
	float: left;
	margin: 5px 0 0 10px;
	padding: 0 0 0 20px;
	display: inline;
	width: 167px;
	background-image: url(../images/elements/icon-alert.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.errorContainer ul li
{
	float: left;
	margin: 0;
	padding: 0;
}

div.errorContainer label
{
	width: auto !important;
	font-size: 93%;
	color: #c4110e;
	font-weight: normal !important;
}

div.errorContainer { display: none; }

.genericForm label.error,
.genericForm label.errorPermanent
{
	width: 187px;
	clear: both;
	padding-right: 20px;
	background-image: url(../images/elements/icon-alert.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-top: 5px;
	text-align: right;
	font-size: 77%;
	font-weight: normal;
	line-height: 1.5;
	color: #cb010d;
	margin-left: 207px;
	display: none;
}

/*---------------------------------------------------------------------------*/
/* Register Forms Tips */
/*---------------------------------------------------------------------------*/

.contexthelp-default
{
	padding: 34px 0 34px 0;
	border-bottom: 1px #808080 solid;
	color: #808080;
	font-size: 85%;
}

.contexthelp
{
	padding: 34px 0 34px 0;
	border-bottom: 1px #808080 solid;
	color: #808080;
	font-size: 85%;
	display: none;
}

/*---------------------------------------------------------------------------*/
/* Tooltips */
/*---------------------------------------------------------------------------*/

#jHelperTipAttrContainer
{
	background: #fff;
	color: #737373;
	padding: 10px;
	width: 150px;
	display: none;
	text-align: left;
	border-right: 1px #b3b3b3 dotted;
	border-bottom: 1px #b3b3b3 dotted;
	font-size: 85%;
}

/*---------------------------------------------------------------------------*/
/* Avatar Slider */
/*---------------------------------------------------------------------------*/

.genericForm .slider
{
	float: left;
	clear: left;
	width: 374px;
	display: inline;
	margin: 15px 0 0 0;
	position: relative;
	left: -5px;
}

.genericForm .slider .scroll {
  height: 374px;
  width: 374px;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  overflow: hidden; /* for scrollbar flicker */
}

.genericForm .slider .scrollContainer div.panel
{
	padding: 5px;
	height: 374px;
	width: 364px; /* change to 40px less if not using JS to remove rh.scroll */
}

.genericForm .slider .scrollContainer div.panel img
{
	float: left;
	margin: 0 11px 11px 0;
	display: inline;
}

.genericForm .slider .scrollContainer div.panel img.last
{
	margin: 0 0 11px 0;
	display: inline;
}

.genericForm .slider .scrollButtons {
    position: absolute;
    top: 166px;
    text-indent: -9999px;
}

.genericForm .slider .scrollButtons a {
    width: 15px;
    height: 42px;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

.genericForm .slider .scrollButtons.left,
.genericForm .slider .scrollButtons.left a{
    background-image: url(../images/elements/avatarArrowLeft.gif);
}

.genericForm .slider .scrollButtons.left a:hover,
.genericForm .slider .scrollButtons.right a:hover { background-position: left -42px; }

.genericForm .slider .scrollButtons.right,
.genericForm .slider .scrollButtons.right a{
    background-image: url(../images/elements/avatarArrowRight.gif);
}

.genericForm .slider .scrollButtons.left {
    left: -20px;
}

.genericForm .slider .scrollButtons.right {
    right: -20px;
}

.genericForm .slider .hide {
    display: none;
}

/*---------------------------------------------------------------------------*/
/* Supersize & Placeholder Text */
/*---------------------------------------------------------------------------*/

#supersizeText
{
	float: left;
	clear: left;
	width: 910px;
	color: #FFF;
	background-color: #000;
	margin-top: 6px;
	font-weight: bold;
	font-size: 200%;
	line-height: 1;
	padding: 24px;
}

#placeholderText
{
	float: left;
	clear: left;
	width: 910px;
	color: #FFF;
	background-color: #000;
	margin-top: 6px;
	font-size: 123.1%;
	padding: 24px;
}

#placeholderText h2
{
	font-weight: bold !important;
	color: #FFF !important;
	margin: 0;
}

#placeholderText p
{
	margin: 0.5em 0 0.5em 0;
}

#placeholderText ul
{
	margin: 1em 1em 1em 2em;
	list-style-type: square;
}

/*---------------------------------------------------------------------------*/
/* Error Message */
/*---------------------------------------------------------------------------*/

#whiteout
{
	float: left;
	clear: left;
	width: 958px;
	background-color: #fff;
	text-align: center;
}

#errorMessage
{
	width: 410px;
	margin: 0 auto;
	padding: 40px 0 100px 0;
}

#errorMessage h1
{
	font-weight: bold;
	font-size: 600%;
	margin: 0;
}

#errorMessage h2
{
	font-weight: bold;
	font-size: 174%;
	border-bottom: 6px #000 solid;
	padding-bottom: 8px;
	margin-top: 0.5em;
}

#errorMessage p
{
	font-size: 77%;
	margin: 26px 0 0.5em 0;
}

#errorMessage a
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/* Account Linking */
/*---------------------------------------------------------------------------*/

#accounts
{
	margin-top: 35px;
	float: left;
	clear: left;
}

#accounts.borderBottom
{
	padding-bottom: 34px;
	border-bottom: 1px #000 solid;
}

#accounts h4
{
	font-weight: bold;
	margin: 0;
	width: 414px;
}

#accounts .platform
{
	float: left;
	clear: left;
	margin-top: 30px;
	width: 414px;
}

#accounts .platform.profile
{
	margin-bottom: 22px;
}

#accounts .logoContainer
{
	float: left;
	width: 207px;
}

#accounts .nameLabel 
{
	float: left;
	width: 207px;
	font-weight: bold;
	font-size: 93%;
	line-height: 2.75;
}

#accounts .logo
{
	float: left;
	clear: left;
	width: 172px;
	height: 39px;
	display: inline;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#accounts .xbox
{
	background-image: url(../images/elements/logo-xbox-360-live.gif);
}

#accounts .ps3
{
	background-image: url(../images/elements/logo-playstation-network.gif);
}

#accounts .gfwl
{
	background-image: url(../images/elements/logo-games-windows.gif);
}

#accounts .dsCW
{
	background-image: url(../images/elements/logo-games-dsCW.gif);
}

#accounts .platform .username
{
	float: left;
	width: 205px;
	background-color: #000;
	color: #FFF;
	font-size: 123.1%;
	line-height: 2.0;
	font-weight: bold;
	text-indent: 10px;
	border-top: 1px #000 solid;
	border-right: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
	border-left: 1px #000 solid;
}

#accounts .platform .notLinked
{
	background-color: #d4d0c7;
	color: #808080;
}

#accounts .platform .pending
{
	background-color: #8dc73f;
	color: #FFF;
}

#accounts #NinDsInput span
{
	display: block;
	background-color: #8dc73f; /* needed for rendering anim */
}

#accounts .platform .findLink
{
	width: 394px;
	clear: both;
	float: left;
	padding-right: 20px;
	background-image: url(../images/elements/icon-findfriends-black.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-top: 5px;
	text-align: right;
	font-size: 77%;
	line-height: 1.5;
	padding-top: 0.2em;
	display: inline;
}

#accounts .platform .findLink.close
{
	background-image: url(../images/elements/icon-no-black.gif);
}

#accounts .platform .findLink a
{
	color: #000;
	text-decoration: underline;
}

#accounts .platform .findLink a:hover
{
	color: #fcb131;
	text-decoration: underline;
}

#accounts .platform .friendName
{
	clear: left;
	line-height: 2.5em;
}

#accounts .platform .friendName span.name
{
	font-weight: bold;
	float: left;
	font-size: 93%;
}

#accounts .platform .friendName span.add
{
	float: right;
	font-size: 77%;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}

#accounts .platform .friendName span.add
{
	background-image: url(../images/elements/icon-friend-add.gif);
}

#accounts .platform .friendName span.request
{
	float: right;
	width: 15em;
	font-size: 77%;
	padding-right: 8px;
	text-align: right;
}

#accounts .platform .friendName span.request img
{
	float: right;
	margin-left: 6px;
	padding: 3px 0;
	vertical-align: middle;
}

#accounts .platform .friendName a
{
	color: #000;
	text-decoration: underline;
}

#accounts .platform .friendName a:hover
{
	color: #fbcb3f;
}

#accounts .platform .divider
{
	height: 1px;
	float: left;
	clear: left;
	width: 414px;
	font-size: 0;
	border-bottom: 1px #929292 solid;
}

#accounts .platform .info
{
	float: left;
	clear: left;
	font-size: 85%;
	width: 414px;
}

#accounts .platform .noFriends
{
	width: 394px;
	clear: both;
	padding: 5px 20px 0 0;
	background-image: url(../images/elements/icon-alert.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	text-align: right;
	font-size: 85%;
	color: #cb010d;
	line-height: 1.5;
}

#accounts .friendList
{
	width: 414px;
	clear: both;
}


/*---------------------------------------------------------------------------*/
/* PC Account Linking */
/*---------------------------------------------------------------------------*/

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

#accountLinking #content
{
	width: 625px;
	margin: 30px auto;
	min-height: 200px;
}

#accountLinking #content .headingWrapper
{
	width: 625px;
	height: 61px;
	border-bottom: 2px #ddd solid;
	position: relative;
}

#accountLinking #content .headingWrapper h4
{
	float: left;
	width: 625px;
	height: 61px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	margin: 0;
}

#accountLinking #content .headingWrapper h4.optOut
{
	text-indent: inherit;
	line-height: 63px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

#accountLinking #content .headingWrapper h4.GFWL { background-image: url(../images/elements/accountLinkingPCHeading.png); }

#accountLinking #content .headingWrapper h4.XBOX { background-image: url(../images/elements/accountLinkingXBOXHeading.png); }

#accountLinking #content .headingWrapper h4.LIVE { background-image: url(../images/elements/accountLinkingHeading.png); }

#accountLinking #content .headingWrapper span
{
	position: absolute;
	right: 0;
	bottom: 18px;
	font-size: 20px;
	font-weight: bold;
	color: #888;
	text-transform: uppercase;
}

#accountLinking #optOutOptions
{
	padding: 20px 0 30px 0;
	float: left;
	clear: left;
}

#accountLinking #optOutOptions li
{
	float: left;
}

#accountLinking #optOutOptions li a
{
	display: block;
	width: 195px;
	height: 105px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(../images/elements/outOutLogos.png);
}

#accountLinking #optOutOptions li.PS3,
#accountLinking #optOutOptions li.XBOX
{ margin-right: 20px }

#accountLinking #optOutOptions li.PS3 a { background-position: 0 0; }
#accountLinking #optOutOptions li.PS3 a:hover { background-position: 0 -105px; }

#accountLinking #optOutOptions li.XBOX a { background-position: -195px 0; }
#accountLinking #optOutOptions li.XBOX a:hover { background-position: -195px -105px; }

#accountLinking #optOutOptions li.GFWL a { background-position: -390px 0; }
#accountLinking #optOutOptions li.GFWL a:hover { background-position: -390px -105px; }

#accountLinking #content p
{
	margin: 0.8em 0;
}

#accountLinking #accountLinkOptions li
{
	padding: 7px 0 0 37px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 16px;
	margin: 20px 0 0 25px;
}

#accountLinking #accountLinkOptions li a
{
	color: #000;
}

#accountLinking #accountLinkOptions li a:hover
{
	color: #FCB131;
	text-decoration: none;
}

#accountLinking #accountLinkOptions li.option1
{
	background-image: url(../images/elements/accountLinkingOption1.png);
}

#accountLinking #accountLinkOptions li.option2
{
	background-image: url(../images/elements/accountLinkingOption2.png);
}

#accountLinking #accountLinkOptions li span
{
	color: #727272;
	font-size: 12px;
}


/*---------------------------------------------------------------------------*/
/* DS Linking Shadowbox */
/*---------------------------------------------------------------------------*/

.DSlinking
{
	padding: 16px 0 24px 24px;
	width: 578px;
}

.DSlinking .text
{
	float: left;
	width: 300px;
}

.DSlinking h5
{
	font-weight: bold;
	margin: 0.8em 0 0.4em 0;
}

.DSlinking p
{
	margin: 0.8em 0 0.4em 0;
	font-size: 93%;
}

.DSlinking p.buttons
{
	margin: 0 !important;
	position: absolute;
	bottom: 20px;
	right: 24px;
	text-align: center;
}

.DSlinking p.buttons a
{
	margin-top: 10px;
}

.DSlinking li
{
	list-style-type: disc;
	list-style-position: inside;
	padding: 0.5em 0;
}

/* Notched Buttons */

.DSlinking p.buttonLink a
{
	color: #000;
	background: #fcb131;
	border-color: #fcb131;
	border-style: solid;
	cursor: pointer;
}

.DSlinking p.buttonLink a b
{
	border-color: #fcb131;
	border-style: solid;
}

.DSlinking p.buttonLink a b b
{
	border-width: 0 0 1px;
}

.DSlinking p.buttonLink a:hover
{
    background-color: #fbcb3f;
    border-color: #fbcb3f;
}

.DSlinking p.buttonLink a:hover *
{
	border-color: #fbcb3f;
	background-color: #fbcb3f;
}

#DSlinkingTwo-content .nintendoCodeContainer
{
	border-bottom: 1px #000 solid;
	margin: 10px 0 20px 0;
}

#DSlinkingTwo-content .shadowbox-form label
{
	float: left;
	font-size: 123.1%;
	font-weight: bold;
	padding: 6px 0 6px 0;
}

#DSlinkingTwo-content .nintendoCodeInput
{
	float: right;
}

#DSlinkingTwo-content .shadowbox-form input
{
	width: 283px;
	font-size: 123.1%;
	font-weight: bold;
	background-color: #e5e5e5;
	border-top: 1px #000 solid;
	border-right: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
	border-left: 1px #000 solid;
	color: #000;
	padding: 6px;	
}

#DSlinkingTwo-content .nintendoCodeInfo
{
	clear: both;
	font-size: 85%;
	color: #c4110e;
	margin: 6px 0 10px 0;
	line-height: 1.5;
}

#DSlinkingTwo-content .error
{
	padding-left: 20px;
	background-image: url(../images/elements/icon-alert.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#DSlinkingTwo-content .image
{
	float: right;
	width: 258px;
	height: 194px;
	background-image: url(../images/elements/DSlinkingScreenshot.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#DSlinkingSyncing-content .syncingContainer,
#DSlinkingCheckAgain-content .syncingContainer
{
	float: right;
	width: 258px;
	text-align: center;
}

#DSlinkingSyncing-content .syncingContainer h5,
#DSlinkingCheckAgain-content .syncingContainer h5
{
	margin: 0.8em 0 0 0;
}

#DSlinkingSyncing-content .syncingContainerCode,
#DSlinkingCheckAgain-content .syncingContainerCode
{
	font-size: 123.1%;
	font-weight: bold;
}

#DSlinkingSyncing-content .syncingContainer a,
#DSlinkingCheckAgain-content .syncingContainer a
{
	font-size: 85%;
	font-weight: normal;
	color: #B4B4B4;
	text-decoration: underline;
}

#DSlinkingSyncing-content .syncingContainerCodeInfo,
#DSlinkingCheckAgain-content .syncingContainerCodeInfo
{
	margin-top: 30px;
}

#DSlinkingSyncing-content .syncingContainerProgress,
#DSlinkingCheckAgain-content .syncingContainerProgress
{
	margin-top: 30px;
	color: #999;
	font-size: 85%;
}

#DSlinkingSyncing-content .syncingContainer img,
#DSlinkingCheckAgain-content .syncingContainer img  
{ 
    margin: 10px auto 0 auto; 
}

#DSLinkMoved-content,
#DSlinkingChange-content,
#DSlinkingFail-content,
#DSlinkingConnected-content { text-align: center; }

#DSlinkingChange-content h5
{
	font-size: 300%;
	font-weight: bold;
	margin: 90px 0 0 0;
}

#DSLinkMoved-content h5,
#DSlinkingFail-content h5,
#DSlinkingConnected-content h5
{
	font-size: 600%;
	font-weight: bold;
	margin: 60px 0 0 0;
}

#DSlinkingChange-content p.mainText,
#DSlinkingFail-content p.mainText,
#DSlinkingConnected-content p.mainText
{
	width: 400px;
	margin: 20px auto 0 auto;
}

/*---------------------------------------------------------------------------*/
/* Platform Re-Linking Shadowbox */
/*---------------------------------------------------------------------------*/

.platformRelink,
.ContestRules
{
	padding: 16px 0 0px 24px;
	width: 420px;
}

.platformRelink iframe
{
	border: 0 none;
	overflow: hidden;
	height: 422px;
	width: 422px;
}

/* --------------------------------------*/
/* This is for ListFriendsContainer.ascx */
/* --------------------------------------*/

.platformRelink .content{
    text-align: center;
    font-family: arial, helvetica, clean, sans-serif;
    color: #000;
    font-size: 12px;
    background-color:#fff;
}

.platformRelink h5{
    font-size: 300%;
    font-weight: bold;
    margin: 60px 0 0 0;
}

.platformRelink p{
    margin: 0.8em 0 0.4em 0;
}

.platformRelink p.firstPara{
    margin: 20px auto 0 auto;
    font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/* Generic Shadowbox Popup */
/*---------------------------------------------------------------------------*/

.popupContent
{
	padding: 24px 24px 0px 24px;
}

.popupContent h5
{
	font-size: 550%;
	font-weight: bold;
	margin: 0;
}

.popupContent p.firstPara
{
	width: 80%;
	margin: 20px auto 0 auto;
	font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/* Old Blocker, Age Gate, Splash pages and Message Wall */
/*---------------------------------------------------------------------------*/

#mainImage2,
#mainImage .messageWallNoFlash
{
	float: left;
	clear: left;
	width: 958px;
	height: 500px;
}

#mainImage2 .ageGate,
#mainImage2 .CWblocker,
#mainImage2 .CWrampageBlocker,
#mainImage2 .CWglBlocker,
#mainImage2 .wallSplash,
#mainImage .messageWallNoFlash
{	
	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,
#mainImage2 .CWstatsBlocker
{	
	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 .wallSplash
{	
	background-image: url(../images/elements/MessageWall_bkgd.jpg);
}

#mainImage .messageWallNoFlash
{	
	background-image: url(../images/elements/MessageWall_NoFlash.jpg);
}

#mainImage2 .ageGate h2,
#mainImage2 .CWblocker h2,
#mainImage2 .CWrampageBlocker h2,
#mainImage2 .CWglBlocker h2,
#mainImage2 .wallSplash h2,
#mainImage .messageWallNoFlash 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
{	
	width: 320px;
	font-size: 108%;
	color: #fff;
	margin: 16px 0 0 8px;
}

#mainImage2 .wallSplash p,
#mainImage .messageWallNoFlash p
{	
	width: 380px;
	font-size: 108%;
	color: #fff;
	margin: 16px 0 0 8px;
}

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

#mainImage2 .CWblocker h2,
#mainImage2 .CWblocker p
{
	color: #000;
}

#mainImage2 a.button,
#mainImage .messageWallNoFlash 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 .CWblocker a.button,
#mainImage2 .CWrampageBlocker a.button,
#mainImage2 .CWglBlocker a.button
{
	background-color: #000;
	color: #d19f5c;
}

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

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

/*---------------------------------------------------------------------------*/
/* Blocker / Login */
/*---------------------------------------------------------------------------*/

#blockerLogin
{
	position: relative;
	width: 958px;
	float: left;
}

#blockerLogin .image
{		
	background-repeat: no-repeat;
	background-position: left top;
	width: 958px;
	height: 500px;
}

#blockerLogin .messageWallblocker,
#blockerLogin .messageWall /* deprecated */
{	
	background-image: url(../images/elements/blockerMessageWall.jpg);
}

#blockerLogin .friendsblocker,
#blockerLogin .friends /* deprecated */
{	
	background-image: url(../images/elements/blockerFriends.jpg);
}

#blockerLogin .general
{	
	background-image: url(../images/elements/blockerGeneral.jpg);
}

#blockerLogin .Beateratorblocker,
#blockerLogin .BEATblocker /* deprecated */
{
	background-image: url(../images/games/Beaterator/RGSC_Blocker_Beaterator.jpg);
}

#blockerLogin .CWblocker
{					
	background-image: url(../images/games/CW/RGSC_Blocker_CTW.jpg);
}

#blockerLogin .GTAIV_BOGTblocker,
#blockerLogin .BOGTblocker /* deprecated */
{					
	background-image: url(../images/games/GTAIV_BOGT/RGSC_Blocker_BOGT.jpg);
}

#blockerLogin .GTAIV_TLADblocker,
#blockerLogin .TLADblocker /* deprecated */
{					
	background-image: url(../images/games/GTAIV_TLAD/RGSC_Blocker_TLAD.jpg);
}

#blockerLogin .MCLAblocker
{					
	background-image: url(../images/games/MCLA/RGSC_Blocker_MCLA.jpg);
}

#blockerLogin .GTAIVblocker
{					
	background-image: url(../images/games/GTAIV/RGSC_Blocker_GTAIV.jpg);
}

#blockerLogin .RDRblocker
{					
	background-image: url(../images/games/RDR/RGSC_Blocker_RDR.jpg);
	background-color: #000; /* For IE6 corner bgs to work */
}

#blockerLogin .Generalblocker
{					
	background-image: url(../images/elements/blockerGeneral500.jpg);
}
/*
#blockerLogin .Eventblocker
{					
	background-image: url(../images/games/shared/liveEvents/blockerEvent.jpg);
}
*/
#blockerLogin .ContestblockerRDRSoundtrack
{					
	background-image: url(../images/games/RDR/RGSC_Blocker_RDR.jpg);
	background-color: #000; /* For IE6 corner bgs to work */
}

#blockerLogin .ContestblockerLANWeekend
{					
	background-image: url(../images/games/LAN/RGSC_Blocker_LAN.jpg);
	background-color: #000; /* For IE6 corner bgs to work */
}

#blockerLogin .LANblocker
{					
	background-image: url(../images/elements/blocker_LAN_bg.jpg);
	background-color: #000; /* For IE6 corner bgs to work */
}

#blockerLogin .gtaiiiblocker
{					
	background-image: url(../images/elements/blocker_GTAIII_bg.jpg);
	background-color: #000; /* For IE6 corner bgs to work */
}

#blockerLogin h2
{
	font-size: 600%;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 0 4px;
}

#blockerLogin h5
{
	width: 320px;
	color: #FFF;
	margin-top: 16px;
	font-weight: bold;
}

#blockerLogin .login h5
{
	width: auto;
}

#blockerLogin #regPromo .content
{	
	float: left;
}

#blockerLogin .text
{	
	float: left;
	width: 320px;
	margin-left: 8px;
	display: inline;
}

#blockerLogin .login
{
	float: left;
	margin-left: 40px;
	display: inline;
	width: 585px;
}

#blockerLogin .registerFormWrapper
{
	float: left;
	clear: left;
	margin-top: 16px;
	margin-left: 8px;
	display: inline;
}

#blockerLogin .text p
{	
	color: #fff;
	margin-top: 16px;
}


#blockerLogin #loginRegister .text
{
	width: 560px;
}

#blockerLogin .genericForm fieldset
{
	border-bottom: none;
	padding-bottom: 0;
	width: auto;
	position: relative;
}

#blockerLogin .login .genericForm p
{
	margin: 8px 0 0 0 !important;
	width: 100%;
}

#blockerLogin .registerFormWrapper .genericForm p
{
	margin: 8px 0 0 0 !important;
	width: 605px;
}

#blockerLogin .registerFormWrapper .genericForm p.rightAlignFormText
{
	margin-bottom: 8px !important;
}

#blockerLogin .login .genericForm p.login,
#blockerLogin .login .genericForm p.password
{
	float: left;
}

#blockerLogin .login .genericForm label.mainlabel
{
	display: none;
}

#blockerLogin .registerFormWrapper .genericForm label.mainlabel
{
	line-height: 22px;
	font-size: 12px;
	width: 93px;
	color: #FFF;
	font-weight: bold;
}

#blockerLogin .login .genericForm input
{
	margin: 0;
	color: #767676;
	padding: 1px 6px;
	font-size: 15px;
	height: 18px;
}

#blockerLogin .registerFormWrapper .genericForm input
{
	padding: 2px 6px;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	margin: 0 5px 0 0 !important;	
	height: 16px;
}

#blockerLogin .registerFormWrapper .genericForm select#yearOfBirth,
#blockerLogin .registerFormWrapper .genericForm select#regCountry
{
	margin-right: 5px;	
}

#blockerLogin .registerFormWrapper .genericForm label.errorPermanent,
#blockerLogin .registerFormWrapper .genericForm label.error
{
	width: 224px;
	text-align: left;
	padding: 0 0 0 26px;
	margin: 0;
	float: left;
	clear: none;
	line-height: 22px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/elements/login-error-250.png);
	color: #CB010D;
}

#blockerLogin .registerFormWrapper .genericForm #errorGeneral
{
	width: 274px;
	text-align: left;
	padding: 0 0 0 26px;
	margin: 0;
	float: left;
	clear: left;
	line-height: 22px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/elements/login-error-300.png);
	color: #CB010D;
	display: none;
}

#blockerLogin .registerFormWrapper .genericForm #errorGeneral p
{
	width: auto;
	margin: 0 !important;
}

#blockerLogin .login .genericForm fieldset label.error,
#blockerLogin .login .genericForm fieldset .errorText
{
	width: 207px;
	margin: 8px 0 0 0;
	padding: 0;
	float: left;
	background-image: url(../images/elements/login-error-207-bot.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: left;
	text-align: left;
	display: none;
}

#blockerLogin .login .genericForm fieldset label.error span,
#blockerLogin .login .genericForm fieldset .errorText p
{
	width: 177px;
	color: #CB010D;
	margin: 0 0 2px 0 !important;
	background-image: url(../images/elements/login-error-207-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 4px 4px 0 26px;
	line-height: 16px;
	font-size: 12px;
	display: block;
}

#blockerLogin .successText
{	
	color: #009D00;
}

#blockerLogin .errorText
{	
	color: #CB010D;
}

#blockerLogin .login .genericForm .loginFormBottom
{
	width: 207px;
	margin-top: 18px;
	float: left;
}

#blockerLogin .login .genericForm .rightAlignFormText
{
	width: auto;
	clear: none;
	margin: 0;
	float: right;
}

#blockerLogin .login p.buttonLink
{
	width: auto;
	margin-top: 0 !important;
}

#blockerLogin .login .buttonLink a b b b
{
	text-align: center;	
	padding: 0 16px;
}

#blockerLogin #regContainer .buttonLink.large
{
	position: absolute !important;
	bottom: 8px;
	left: 8px;
	margin: 0;
}

#blockerLogin #regPromo .buttonLink.large
{
	float: left;
	clear: left;
	margin: 20px 0 0 8px;
	display: inline;
}

#blockerLogin p.registerFormFooterText
{
	color: #767676;
	font-size: 11px;
}

#NicknameContainer
{
	position: relative;
}

#blockerLogin .registerFormWrapper #nickLoad
{	
	display: none;
	position: absolute;
	left: 278px;
	top: 3px;
}

#pagePanelTwoContent .genericForm #completeProfile #nickLoad,
#pagePanelTwoContent .genericForm #profileDetails #nickLoad
{	
	display: none;
	position: absolute;
	left: 390px;
	top: 0.6em;
}

#pagePanelTwoContent .genericForm #completeProfile #nicknameOuterContainer,
#pagePanelTwoContent .genericForm #profileDetails #nicknameOuterContainer
{
	position: relative;
	float: right;
	width: 207px;
}

#pagePanelTwoContent .genericForm #completeProfile #nicknameCheckContainer,
#pagePanelTwoContent .genericForm #profileDetails #nicknameCheckContainer
{
	left: 0;
	top: 0;
}

#pagePanelTwoContent .genericForm #completeProfile #nicknameCheckContainer ul,
#pagePanelTwoContent .genericForm #profileDetails #nicknameCheckContainer ul
{
	background-image: url(../images/elements/nicknameCheckContainerBgAlt.gif);
}

.genericForm #nicknameCheckContainer
{
	position: absolute;
	left: 93px;
	top: 32px;
	display: none;
	list-style-type: none;
	margin: 0;
}

.genericForm #nicknameCheckContainer ul
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	padding-bottom: 4px;
	background-image: url(../images/elements/nicknameCheckContainerBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	list-style-type: none;
	margin: 0;
}

.genericForm #nicknameCheckContainer iframe
{
	background-color: #888;
	width: 207px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: mask();
	border-color: #f00;
}

.genericForm #nicknameCheckContainer a
{
	display: block;
	width: 196px;
	height: 100%;
	padding: 2px 4px 2px 7px;
	color: #000;
	font-size: 13px;
}

.genericForm #nicknameCheckContainer a:hover
{
	background-color: #FCB131;
	text-decoration: none;
}

#blockerLogin #loginRegister
{
	display: none;
	float: left;
	width: 958px;
}

#blockerLogin #regPromo,
#blockerLogin #loginWrapper,
#blockerLogin #regButton
{
	display: none;
}

#blockerLogin .genericForm select
{
	margin-top: 2px;
}

#blockerLogin .genericForm p.rightAlignFormText
{
	text-align: left;
}

#blockerLogin #loginRegister #regContainer
{
	color: #fff;
	display: inline;
	/* remove these after testing */
	margin-left: 8px;
	padding-left: 8px;
}

#blockerLogin #loginRegister #NotEligible
{
    width: 500px;
    margin: 0 0 0 4px;
}

#blockerLogin #loginRegister #regContainer h3
{
	color: #fff;
	font-weight: bold;
}

#blockerLogin #loginRegister #regContainer #regSuccess h5
{
	width: auto;
}

#blockerLogin #loginRegister #regContainer #regSuccess ul
{
	list-style-type: disc;
	margin-top: 10px;
	padding-left: 40px;
	width: 380px;
}










#blockerLogin .blockerAgeGate
{
	position: absolute;
	bottom: 8px;
	left: 8px;
	background-color: #262626;
	padding: 2px;
	width: 320px;
}

#blockerLogin .blockerAgeGate .inner
{
	background-color: #000;
	padding: 10px;
	border: 0;
	color: #FFF;
}

#blockerLogin .blockerAgeGate .inner h5
{
	width: auto;
	margin: 0;
	line-height: 1;
}

#blockerLogin .blockerAgeGate .inner p
{
	margin-top: 10px;
}

#blockerLogin .blockerAgeGate #liveEventAgeForm label
{
	display: none;
}

#blockerLogin .blockerAgeGate #liveEventAgeForm p
{
	width: auto;
	margin-top: 10px !important;
}

#blockerLogin .blockerAgeGate #liveEventAgeForm .buttonLink
{
	margin: 8px 0 0 0 !important;
	width: auto;
}

#blockerLogin .blockerAgeGate #liveEventAgeForm .buttonLink a b b b
{
	padding: 0 16px;
	text-align: center;
}

/*---------------------------------------------------------------------------*/
/* Live Events */
/*---------------------------------------------------------------------------*/
body.bg_multiplayer_index #page
{
	position: absolute !important;
	bottom: 8px;
	left: 8px;
	margin: 0;
}

#blockerLogin .Supportblocker
{					
	background-image: url(../images/elements/blockerGeneral500.jpg);
}

#blockerLogin .Multiplayerblocker
{					
	background-image: url(../images/games/shared/liveEvents/blockerEvent.jpg);
}

#blockerLogin .Multiplayerblocker .calendar
{
	position: absolute;
	bottom: 108px;
	right: 36px;
	width: 261px;
}

#blockerLogin .Multiplayerblocker .calendar .calendarTop
{
	width: 261px;
	height: 164px;
	background-image: url(../images/games/shared/liveEvents/blockerCalendarTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#blockerLogin .Multiplayerblocker .calendar .calendarBottom
{
	width: 261px;
	background-color: #000;
	padding-bottom: 8px;
}

#blockerLogin .Multiplayerblocker .calendar .calendarRow
{
	width: 245px;
	height: 56px;
	border-bottom: 1px #525252 solid;
	margin: 0 8px;
	overflow: hidden;
}

#blockerLogin .Multiplayerblocker .calendar .calendarRow .calendarText
{
	float: left;
	width: 142px;
	color: #ccc;
	font-size: 11px;
	padding-top: 6px;
}

#blockerLogin .Multiplayerblocker .calendar .calendarRow .calendarText span
{
	color: #999;
}

#blockerLogin .Multiplayerblocker .calendar .calendarRow img
{
	float: right;
}
/*---------------------------------------------------------------------------*/
/* XP Meters */
/*---------------------------------------------------------------------------*/

#XPmeter
{
	width: 223px;
	height: 392px;
	background-image: url(../images/elements/XPmeter/XPmeter.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	position: relative;
}

#XPmeter:hover { background-position: 0 -392px; }

#XPmeter .barWrapper
{
	position: absolute;
	bottom: 29px;
	width: 12px;
	height: 313px;
}

#XPmeter .barWrapperPS3 { right: 17px; }
#XPmeter .barWrapperXBOX { left: 19px; }

#XPmeter .barWrapper .bar,
#XPmeterLarge .barWrapper .bar
{	
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12px;
	background-image: url(../images/elements/XPmeter/XPmeterBar.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: none;
}

#XPmeter .complete
{	
	position: absolute;
	top: 47px;
	width: 46px;
	height: 40px;
	background-image: url(../images/elements/XPmeter/XPmeter100.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: none;
}

#XPmeter .completePS3 { right: 2px; }
#XPmeter .completeXBOX { left: 2px; }

#XPmeterLargeContainer
{	
	background-color: #000;
	padding: 30px 67px;
	float: left;
	width: 824px;
}

#XPmeterLarge
{
	width: 821px;
	height: 377px;
	background-image: url(../images/elements/XPmeter/XPmeterLarge.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	position: relative;
	margin-bottom: 15px;
	float: left;
}

#XPmeterLarge .barWrapper
{
	position: absolute;
	bottom: 62px;
	width: 12px;
	height: 225px;
}

#XPmeterLarge .barWrapperPS3 { right: 84px; }
#XPmeterLarge .barWrapperXBOX { left: 73px; }

#XPmeterLarge .complete
{	
	position: absolute;
	top: 81px;
	width: 46px;
	height: 40px;
	background-image: url(../images/elements/XPmeter/XPmeter100.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: none;
}

#XPmeterLarge .completePS3 { right: 67px; }
#XPmeterLarge .completeXBOX { left: 56px; }


#XPmeterLargeContainer .copy
{
	color: #FFF;
	font-size: 93%;
	float: left;
}

#XPmeterLargeContainer .copy p { margin: 0.8em 0 0.8em 0; }

#XPmeterLargeContainer .copy a { color: #ED1C24; }

#XPmeterLargeContainer .avatarsXbox,
#XPmeterLargeContainer .avatarsPs3
{
	float: left;
	margin: 20px 0;
}

#XPmeterLargeContainer h6
{
	color: #FFF;
	margin-bottom: 20px;
	font-weight: bold;
}

#XPmeterLargeContainer .avatarsXbox img,
#XPmeterLargeContainer .avatarsPs3 img
{
	margin: 0 0 0 85px;
}