/* -------------------------------------------------------------- 
   
   main.css
   * Custom CSS specific to NG
   
   Note: Guidelines are commented inline
      
-------------------------------------------------------------- */

body 				{ margin-top: 0px; } /*Overrides a BlueprintCSS file to keep flush at top */
body.innerPage		{ margin: 0px; }
.iframeContainer {
  margin: 0 auto;
  position: relative;
}

a { outline: none; }

/* -------------------------------------------------------------- 
   				              LEVELS
-------------------------------------------------------------- */




/* -------------------------------------------------------------- 
   				    HEADER AND NAVIGATION
-------------------------------------------------------------- */

/* Branding Bars */
.ownerBrandBar 					{ border-bottom: 1px solid #fff; background: url(../images/parent_headerbkg.png) #67787f; height: 18px; }
.ownerBrand a					{ width: 106px; height: 15px; background: url(../images/parent_logo.png) no-repeat; text-indent: -9999px; display: block; }
.gameBrand					{ position: relative; background: #ccc; height: 71px; } /* Height is a multiple of 18 (minus 1)  */

/* Utility Navigation */
.utilityNav 					{ position: relative; margin-top: -18px; }
.utilityNav ul					{ margin: 0; padding: 0; list-style: none; }
.utilityNav ul li 				{ display: inline; margin-right: 20px; }
.utilityNav ul li a				{ text-decoration: none; color: #222; }
.utilityNav ul li a:hover		{ text-decoration: underline; }

/* Global navigation / tabs */
.globalNavArea							{ margin-bottom: 18px; background: #abc; }
.globalNav	 							{ height: 35px; }
.globalNav ul							{ margin: 0; padding: 0; list-style: none; }
.globalNav ul li 						{ float: left; }
.globalNav ul li a						{ text-decoration: none; color: #222; }
.globalNav ul li a:hover				{ text-decoration: underline; }
.globalNav ul li.TabPlay a				{ background: #abc; color: #fff; padding: 0px 10px 0px 40px; width: 50px; height: 35px; display: block; }
.globalNav ul li.TabPlay a:hover		{ background: #666; }
.globalNav ul li.TabPlaySelected		{ background: #666; padding: 0px 10px 0px 40px; height: 35px; width: 50px; display: block; }
.globalNav ul li.TabGroupAdmin a		{ background: #abc; color: #fff; padding: 0px 10px; width: 50px; height: 35px; display: block; }
.globalNav ul li.TabGroupAdmin a:hover	{ background: #666; }
.globalNav ul li.TabGroupAdminSelected	{ background: #666; padding: 0px 10px 0px 40px; width: 50px; height: 35px; display: block; }
.globalNav ul li.TabLeader a			{ background: #abc; color: #fff; padding: 0px 10px; width: 85px; height: 35px; display: block; }
.globalNav ul li.TabLeader a:hover		{ background: #666; }
.globalNav ul li.TabLeaderSelected		{ background: #666; padding: 0px 10px 0px 40px; width: 85px; height: 35px; display: block; }
.globalNav ul li.TabPrizes a			{ background: #abc; color: #fff; padding: 0px 10px; width: 50px; height: 35px; display: block; }
.globalNav ul li.TabPrizes a:hover		{ background: #666; }
.globalNav ul li.TabPrizesSelected		{ background: #666; padding: 0px 10px 0px 40px; width: 50px; height: 35px; display: block; }

/* Small Login / Welcome Message */
.loginCtrl 											{ background: #eee; height: 35px; }
.loginCtrl  										{ position: relative; }
.loginCtrl #username, .loginCtrl #password                              { position: relative; width: 110px; float:left; margin-right:7px; }
.loginCtrl .overlabel								{ position: absolute; top: 16px; left: 0px; color: #999; font-weight: normal; }
.loginCtrl .loginField								{ width: 110px; height: 15px; margin:0.2em 0.5em 0.5em 0 }
.loginCtrl .loginField								{ border:1px solid #bbb; background:#f6f6f6; padding:0px; }
.loginCtrl .loginField:focus						{ border:1px solid #999; background:#fff; }
.loginCtrl input.submit 							{ width: 60px; height: 17px; margin:0.2em 0.5em 0.5em 0; background: #fff; border: 1px solid #bbb; }
.welcomeCtrl										{ text-align: right; }


/* -------------------------------------------------------------- 
   				      DIALOGUE STYLE BOXES
-------------------------------------------------------------- */

/* Dialogue Style boxes - General Styles */
.dialogueHeader					{ text-transform: uppercase; border-bottom: 1px solid #bbb; margin: 0px 0px 5px 0px; padding: 0px;}
.dialogueSubhead				{ text-transform: uppercase; margin: 0; }
.closebtn						{ margin: 0px; padding: 0px; position: absolute; top: -15px; right: -15px; }
.closebtn a						{ width: 29px; height: 29px; display: block; background: url(../images/global_btn_close.png) no-repeat; text-indent: -9999px; }
.forgotpwdbtn                   { position: relative; top: -4px; margin: 0px; padding: 0px; }
.forgotpwdbtn a                 { color: #999; text-decoration: none; font-size: .85em; }
.forgotpwdbtn a:Hover           { color: #000; text-decoration: underline; }
p.or 							{ height: 17px; margin: 0px; padding: 0px; background: url(../images/global_orient_or.gif) center no-repeat; text-indent: -9999px; }
.fieldCorrect					{ margin: 0px; padding: 0px; position: absolute; bottom: 0px; right: -6px; width: 29px; height: 29px; display: block; background: url(../images/global_btn_correct.png) no-repeat; text-indent: -9999px; z-index: 51; }
.fieldIncorrect					{ margin: 0px; padding: 0px; position: absolute; bottom: 0px; right: -6px; width: 29px; height: 29px; display: block; background: url(../images/global_btn_incorrect.png) no-repeat; text-indent: -9999px; z-index: 51; }
.checkboxIncorrect				{ margin: 0px; padding: 0px; position: relative; top: -5px; left: 0; width: 29px; height: 29px; display: block; background: url(../images/global_btn_incorrect.png) no-repeat; text-indent: -9999px; z-index: 51; }
.privacyPolicy					{ position: absolute; top: 10px; right: 10px;  }
.privacyPolicy a				{ color: #999; text-decoration: none; }
.privacyPolicy a:hover			{ color: #000; text-decoration: underline; }
.LoginDialogMatte				{ position:absolute; top:125px; left:0px; overflow:visible; display:none; width:100%; height:100%; z-index:100; background-image: url(../images/global_grayout.png); }
.overlay						{ background-image: url(../images/global_grayout.png); }


/* Forgot Password - dialogue style */
.forgotCtrl 			{ padding: 0px 10px 0px 0px; margin-left: 0px; } /* Left is calculated at 40px a column */
.forgotInfo                     { color: #333; font-weight: normal; float: left; }
#cmdForgotPassword              { width: 446px; height: 22px; margin:0.2em 0.5em 0.5em -2px; border: none; }
.resetbtn     			{ background: url(../images/global_btn_resetpwd.png); }
.resetbtnhover			{ background: url(../images/global_btn_resetpwd.png) 0 -23px;}


/* Main Login / Registration control -- dialogue style */
.lgLoginCtrl 					{ padding: 10px 0 10px 10px; margin-left: -10px; width: 330px; border: 1px solid #bbb; background: #fff; position: relative; top: 36px; left: 240px; } /* Left is calculated at 40px a column */
form#lglogin 					{ position: relative; }
#username, #password            { width: 150px; float:left; margin: 0; display: block; position: relative; }
#password .fieldIncorrect       { margin: 0px; padding: 0px; position: absolute; bottom: 5px; right: -6px; width: 29px; height: 29px; display: block; background: url(../images/global_btn_incorrect.png) no-repeat; text-indent: -9999px; z-index: 51; }
#password .errorMsg				{ width: 130px; padding: 5px; margin: 0; display: block; background: url(../images/global_errorbox.png) top left no-repeat; position: absolute; bottom: 35px; right: -9px; font-size: .85em; line-height: 1.3em; z-index: 50; }
#forgotpwdspacer, #forgotpwd    { width: 150px; height: 12px; float:left; margin: 0; display: block; position: relative; }
.overlabel						{ color: #999; font-weight: normal; }
.lgLoginField					{ width: 130px; height: 15px; margin: 0 0 0.5em 0; }
.lgLoginField					{ border:1px solid #bbb; background:#f6f6f6; padding:5px; }
.lgLoginField:focus				{ border:1px solid #999; background:#fff; }
.lgLoginCtrl .fieldCorrect		{ top: 3px; right: -6px; }
.lgLoginCtrl .fieldIncorrect	{ top: 3px; right: -6px; }
.errorMsg						{ width: 130px; padding: 5px; margin: 0; display: block; background: url(../images/global_errorbox.png) top left no-repeat; position: absolute; bottom: 27px; right: -9px; font-size: .85em; line-height: 1.3em; z-index: 50; }
.checkboxErrorMsg				{ width: 130px; padding: 5px; margin: 0; display: block; background: url(../images/global_errorbox.png) top left no-repeat; position: absolute; bottom: 35px; left: -9px; font-size: .85em; line-height: 1.3em; z-index: 50; }
.errorPointer					{ width: 140px; display: block; background: url(../images/global_errorpointer.png) bottom right no-repeat; position: absolute; bottom: -8px; right: 0px; font-size: .85em; line-height: 1.3em; z-index: 50; }

.submitBtn			{ width: 314px; height: 22px; margin:0.2em 0.5em 0.5em -2px; border: none; background: url(../images/global_btn_signin.png); }
.submitBtnHover	        	{ width: 314px; height: 22px; margin:0.2em 0.5em 0.5em -2px; border: none; background: url(../images/global_btn_signin.png) 0 -23px; }

#butRegister			{ margin: 0.5em 0.5em 0 -2px; text-indent: -9999px; width: 314px; height: 22px; display: block; }
.registerBtn			{ background: url(../images/global_btn_register.png); }
.registerBtnHover		{ background: url(../images/global_btn_register.png) 0 -23px; }


/* Registration */
.regTabOptional				{background: url(../images/global_btn_optional.png);padding: 0px; margin:0px; text-decoration: none;border:0px;cursor: pointer;}
.registrationCtrl 			{ padding: 10px 0 10px 10px; margin-left: -10px; border: 1px solid #bbb; background: #fff; position: relative; top: 36px; left: 160px; } /* Left is calculated at 40px a column */
.regDialogueHeader			{ text-transform: uppercase; border-bottom: 1px solid #bbb; padding: 0; margin: 0; border: 0; }
.infoBox				{ border: 1px solid #bbb; margin: 0 10px 0 0; position: relative; }
.registrationSteps			{ border-bottom: 1px solid #ddd; position: relative; }
.registrationSteps ul			{ list-style-type: none; margin: 0; padding: 0; }
.registrationSteps ul li		{ font-size: .85em; line-height: 1.825em; float: left; border-right: 1px solid #ddd; position: relative; }
.registrationSteps ul li a.active	{ padding: 3px 10px 3px 10px; text-decoration: none; background: #ccc; color: #000;}
.registrationSteps ul li a.inactive	{ padding: 3px 10px 3px 10px; text-decoration: none; background: #eee; color: #ccc;}
.registrationSteps ul li a.completed	{ padding: 3px 10px 3px 10px; text-decoration: none; background: #abc; }
.regformarea				{ padding: 10px; }
.regLeftCol, .regRightCol		{ width: 214px; float:left; margin: 0; position: relative;}
.rightRCol 				{ margin-right: 0; }
.regTwoCol 				{ margin: .875em 20px 0 0; position: relative; }

.regFieldReason 			{ float: right; margin: 0 10px 0 0; padding: 0; color: #999; position: relative;}
.regFieldReasonHover			{ float: right; margin: 0 10px 0 0; padding: 0; color: #000; position: relative;}
.regFieldReason .reason			{ display: none; }
.regFieldReasonHover .reason		{ float: none; width: 177px; height: 49px; padding: 8px 5px 0px 10px; margin: 0; display: block; background: url(../images/global_infobox.png) top left no-repeat; position: absolute; bottom: 3px; right: -8px; line-height: 1.3em; color: #fff; }

.regOverlabel				{ color: #999; font-weight: normal; float: left; }
.regField				{ width: 204px; height: 15px; margin: 0 0 0.5em 0 }
.regField				{ border:1px solid #bbb; background:#f6f6f6; }
.regField:focus				{ border:1px solid #999; background:#fff; }
.checkBox				{ float: left; margin: 0 0.5em 0 0; }
.checkBoxType				{ float: left; position: relative; }

/* Z-Index adjustments for the errors */
#ConfirmPasswordRequired .fieldIncorrect  { z-index: 53; }
#ConfirmPasswordRequiredMessage .errorMsg { z-index: 52; }

#DeclarationErrorContainer		{ float: left; }
#DeclarationError			{ float: left; position: absolute; }
#DeclarationError .checkboxIncorrect	{ z-index: 53; }
#DeclarationErrorMessage		{ float: left; position: absolute; top: -55px; }
#DeclarationErrorMessage .declareErrMsg { position: relative; left: -109px; width: 130px; padding: 5px; margin: 0; display: block; background: url(../images/global_errorbox.png) top left no-repeat; font-size: .85em; line-height: 1.3em; z-index: 52; }

.regDay, .regMonth, .regYear				{ width: 68px; font-size: .85em; margin: 0 0 0.5em 0; height: 18px;}

#cmdOptionalInfo			{ width: 211px; height: 27px; margin: 0; border: none; position: absolute; bottom: -13px; right: 0px; }
.continueTo2 				{ background: url(../images/global_btn_regstep2.png) 0 -27px no-repeat; }
.continueTo2hover			{ background: url(../images/global_btn_regstep2.png) 0 -54px no-repeat; }

.continueTo2Disabled			{ width: 211px; height: 27px; margin: 0; background: url(../images/global_btn_regstep2.png) 0 1px no-repeat; border: none; position: absolute; bottom: -13px; right: 0px; }

#cmdCompleteRegistration		{ width: 211px; height: 27px; margin: 0; border: none; position: absolute; bottom: -13px; right: 0px; }
.completeRegistration 			{ background: url(../images/global_btn_regcomplete.png) 0 -27px no-repeat; }
.completeRegistrationHover		{ background: url(../images/global_btn_regcomplete.png) 0 -54px no-repeat; }

#cmdRegContinue				{ width: 220px; height: 22px; margin:0.2em 0.5em 0.5em -2px; border: none; }
.regPersistNo				{ background: url(../images/global_btn_nothanks.png); }
.regPersistNoHover			{ background: url(../images/global_btn_nothanks.png) 0 -23px; }
#cmdRegRememberMe			{ width: 220px; height: 22px; margin:0.2em 0.5em 0.5em -2px; border: none; }
.regPersistYes				{ background: url(../images/global_btn_yesplease.png); }
.regPersistYesHover			{ background: url(../images/global_btn_yesplease.png) 0 -23px; }


/* Invite a friend */
.inviteCtrl 						{ padding: 10px; border: 1px solid #bbb; background: #fff; position: relative; top: 36px; left: 200px; } /* Left is calculated at 40px a column */
.inviteCtrl .userInput					{ width: 100%; float:left; margin: 0; position: relative;}
.inviteCtrl .fieldIncorrect				{ bottom: 3px; right: 8px; z-index: 41;}
.inviteCtrl .errorMsg					{ bottom: 30px; right: 6px; z-index: 40; }
.inviteCtrl .friendEmail				{ width: 355px; margin:0.5em 0.5em 0.5em 0; border:1px solid #bbb; background:#f6f6f6; padding:5px; }
.inviteCtrl .friendEmail:focus				{ border:1px solid #999; background:#fff; }
.inviteCtrl .overlabel 					{ color: #999; font-weight: normal; float: left; }
.inviteCtrl .inviteBtn					{ margin: 0.5em auto 0.5em auto; text-indent: -9999px; }
.inviteCtrl .inviteBtn a				{ width: 356px; height: 22px; display: block; background: url(../images/global_btn_invitefriends.png);  }
.inviteCtrl .inviteBtn a:hover				{ background: url(../images/global_btn_invitefriends.png) 0 -23px; }
.inviteCtrl textarea					{ width: 355px; height: 75px; }
.inviteCtrl .fieldIncorrectArea				{ margin: 0px; padding: 0px; position: absolute; bottom: 65px; right: 8px; width: 29px; height: 29px; display: block; background: url(../images/global_btn_incorrect.png) no-repeat; text-indent: -9999px; z-index: 41; }
.inviteCtrl .errorMsgArea				{ width: 130px; padding: 5px; margin: 0; display: block; bottom: 93px; right: 6px; background: url(../images/global_errorbox.png) top left no-repeat; position: absolute; font-size: .85em; line-height: 1.3em; z-index: 40; }




/* -------------------------------------------------------------- 
   				         GROUP PLAY AREA
-------------------------------------------------------------- */

.groupLoggedout				{ background: #abc; height: 270px; position: relative; }
.groupSidebar				{ padding: 10px; float: right; }
.groupSidebar .signinBtns		{ position: absolute; bottom: 10px; right: 10px; }

#GroupPlaySigninBtn			{ margin: 0px; padding: 5px; border: 1px solid #999; text-transform: uppercase; cursor: pointer; }
.groupSidebar .signinBtns p.signin	{ color: #000088; }
.groupSidebar .signinBtns p.signinHover	{ background: #666; color: #fff; }

.groupsNoGroups				{ text-transform: uppercase; }
.contentContainer 			{  }
.sectionHeader				{ text-transform: uppercase; border-bottom: 1px solid #666; margin-top: 18px; color: #666; }	

#groupadmin				{ float: left; }
#groupcontainer				{ width: 308px; }
#offlineleaders				{ float: left; }

.groupListArea					{ border: 1px solid #ccc; float: left; margin: 0 8px 0 0; background: #fff; }
.groupListArea .groupListHeader 		{ padding: 0 10px; background: #ccc; text-transform: uppercase; margin: 0;}
.groupListArea ul				{ list-style-type: none; margin: 0; padding: 0; }

.groupListArea ul li				{ border-top: 1px dotted #ccc; padding: 0 10px; font-size: .85em; height: 1.75em; position: relative; cursor: pointer; }
.groupListArea ul li.first			{ }
.groupListArea ul li.firstHover			{ background-color: #EEEEEE; }
.groupListArea ul li.firstHover .remove A	{ display: block; }

.groupListArea ul li .viewing			{ margin: 0px; padding: 0px; position: absolute; top: -5px; right: -19px; width: 29px; height: 29px; display: block; background: url(../images/global_btn_arrow.png) 0 -1px no-repeat; text-indent: -9999px; z-index: 1; }
.groupListArea ul li .remove			{ margin: 0px; padding: 0px; position: absolute; top: -6px; left: -15px; }
.groupListArea ul li .remove a			{ width: 29px; height: 29px; display: none; background: url(../images/global_btn_close.png) no-repeat; text-indent: -9999px; }

.groupListArea ul li.selected			{ background: #eee; }
.groupListArea ul li.selectedHover		{ background: #eee; }
.groupListArea ul li.selected .remove A		{ display: block; }
.groupListArea ul li.selectedHover .remove A	{ display: block; }

#GroupPlayAddNew				{ padding: 5px 10px 0 28px; }
.groupListArea ul li.addNew			{ background: url(../images/global_btn_add.png) 0 -3px no-repeat; }
.groupListArea ul li.addNewHover		{ background: url(../images/global_btn_add.png) 0 -31px no-repeat #eee; }

.groupLeaders					{  /* this was the original name, changed for implementation */ }
#offlineleaders					{ float: left; margin: 0 8px 0 0; background: #fff; width: 390px; }
#offlineleaders table				{ width: 100%; border: 1px solid #ccc; margin: 0; padding: 0; }
#offlineleaders table thead			{ padding: 0 10px; background: #ccc; text-transform: uppercase; }
#offlineleaders table th			{ padding: .25em 0px 0 10px; margin: 0; font-size: .85em; }
#offlineleaders table td			{ padding: .25em 0px 0 10px; margin: 0; font-size: .85em; border-top: 1px dotted #ccc; border-bottom: none; }
#offlineleaders table td.first			{ border: none; }

#offlineleaders table td.addFriend		{ padding: 5px 10px 5px 28px; background: url(../images/global_btn_add.png) 0 -3px no-repeat; text-transform: uppercase; background: url(../images/global_btn_add.png) 0 -3px no-repeat; }
#offlineleaders table td.addFriendHover		{ padding: 5px 10px 5px 28px; background: url(../images/global_btn_add.png) 0 -3px no-repeat; text-transform: uppercase; background: url(../images/global_btn_add.png) 0 -31px no-repeat #eee; cursor: pointer; }

.groupInvite							{ float: left; width: 368px; margin: 0 8px 0 0; padding: 10px; background: #fff; border: 1px solid #ccc; position: relative; }
.groupInvite .friendEmail				{ width: 355px; margin:0.5em 0.5em 0.5em 0; border:1px solid #bbb; background:#f6f6f6; padding:5px; }
.groupInvite .friendEmail:focus			{ border:1px solid #999; background:#fff; }
.groupInvite textarea					{ width: 355px; height: 75px; }
.groupInvite .overlabel 				{ color: #999; font-weight: normal; float: left; }

#GroupPlayInviteBtn				{ margin: 0.5em auto 0.5em auto; text-indent: -9999px; width: 356px; height: 22px; }
.groupInvite .inviteBtn				{ background: url(../images/global_btn_invitefriends.png); }
.groupInvite .inviteBtnHover			{ background: url(../images/global_btn_invitefriends.png) 0 -23px; }

.addNewCtrl 								{ padding: 10px; width: 290px; margin-left: -1px; border: 1px solid #bbb; background: #fff; position: relative; top: 0px; left: 0px; } /* Left is calculated at 40px a column */
.addNewCtrl .leftCol, .addNewCtrl .rightCol { width: 140px; float:left; margin: 0 10px 0 0; position: relative; }
.addNewCtrl .rightCol 						{ margin-right: 0; }
.addNewCtrl .overlabel						{ color: #999; font-weight: normal; float: left; }
.addNewCtrl .loginField						{ width: 136px; margin: 0 0.5em 0.5em 0 }
.addNewCtrl .loginField						{ border:1px solid #bbb; background:#f6f6f6; padding:2px; }
.addNewCtrl .loginField:focus				{ border:1px solid #999; background:#fff; }
.addNewCtrl .lgpulldown						{ width: 136px; font-size: .85em; margin: 0 0 0.5em 0; height: 18px;}

#GroupPlayJoinBtn				{ margin: 0.5em 0.5em 0.5em -2px; text-indent: -9999px; width: 290px; height: 22px; }
.addNewCtrl .joinBtn				{ background: url(../images/global_btn_joingroup.png); }
.addNewCtrl .joinBtnHover			{ background: url(../images/global_btn_joingroup.png) 0 -23px; }

.addNewCtrl p.or				{ margin-bottom: .5em; }
.addNewCtrl .regFieldReason			{ margin-right: 0; }
.addNewCtrl .regFieldReasonHover		{ margin-right: 0; }

#GroupPlayCreateBtn				{ margin: 0.5em 0.5em 0.5em -2px; text-indent: -9999px; width: 290px; height: 22px; }
.addNewCtrl .createBtn				{ background: url(../images/global_btn_creategroup.png); }
.addNewCtrl .createBtnHover			{ background: url(../images/global_btn_creategroup.png) 0 -23px; }




/* -------------------------------------------------------------- 
    		          OFFLINE LEADER BOARDS
-------------------------------------------------------------- */
.leaderboard				{ width: 188px; border: 1px solid #ccc; }


/* -------------------------------------------------------------- 
   				             FOOTER
-------------------------------------------------------------- */
.footer						{ margin: 1.5em 0; border-top: 2px solid #333; /* background: #ccc; */ }
.footerBody					{ font-size: .8333em; line-height: 1.44em; margin-top: 0.28em; }
.footerBody .copyright		{ float: right; }
.footerBody .trademarks		{  }

/* -------------------------------------------------------------- 
   				             RULES
-------------------------------------------------------------- */
ul.rulesSubnav				{ margin: 0 0 1.5em 0; padding: 0; list-style-type: none; }
ul.rulesSubnav li			{ display: inline; padding: 0px 1em; border-left: 1px solid #ccc; }
ul.rulesSubnav li.first		{ border: none; padding: 0 1em 0 0; }
ul.rulesSubnav li a			{ color: #666; text-decoration: none; }
ul.rulesSubnav li a:hover	{ color: #000; }

.subhead					{ border-bottom: 1px solid #666; }


/* -------------------------------------------------------------- 
   				              FAQs
-------------------------------------------------------------- */
ul.faqSubnav			{ margin: 0 0 1.5em 1.5em; padding: 0; }
ul.faqSubnav li			{ padding: 0px; }
ul.faqSubnav li.first	{ border: none; padding: 0 1em 0 0; }
ul.faqSubnav li a		{ color: #666; text-decoration: none; }
ul.faqSubnav li a:hover	{ color: #000; }

.faq_exOpen				{ width: 51px; height: 16px; margin: 0 4px; display: inline-block; display: -moz-inline-stack; background: url(../images/faq_indicator_open.gif); }
.faq_exNew				{ width: 51px; height: 16px; margin: 0 4px; display: inline-block; display: -moz-inline-stack; background: url(../images/faq_indicator_new.gif); }
.faq_exTopOpen			{ width: 16px; height: 16px; margin: 0 0px; display: inline-block; display: -moz-inline-stack; background: url(../images/faq_stillopen.gif); }



/* -------------------------------------------------------------- 
   				           GENERAL STYLES
-------------------------------------------------------------- */
.messageArea				{ margin: 0 0 1.5em 0; padding: 8px 15px 9px 15px; background: #ccc; text-transform: uppercase; }



/* -------------------------------------------------------------- 
   				            PLAY TAB
-------------------------------------------------------------- */
.loadingpage					{  } /* A specific loading background could be placed in here */
.loadingtext					{ width: 300px; text-align: center; margin: 150px auto 0 auto; font-family: helvetica, arial, sans-serif; text-transform: uppercase; font-size: 10px;  }
.loadingimage					{ width: 31px; height: 31px; display: block; text-indent: -9999px; background: url('http://hive.cachefly.net/Default/images/intloader.gif'); margin: 10px auto 0 auto;  }
.loadingimagefb					{ width: 32px; height: 32px; display: block; text-indent: -9999px; background: url('http://hive.cachefly.net/Default/images/intloaderfb.gif'); margin: 10px auto 0 auto;  }

.playLoggedout					{ background: #abc; }
.playHowtoimage					{ height: 270px; }
.playSidebar					{ background: #ddd; }
.playSidebar .signinBtns			{ position: relative; width: 270px; }

#PlayTabSigninBtn				{ margin: 0px; padding: 5px; border: 1px solid #999; text-transform: uppercase; cursor: pointer; text-decoration: underline; }
.playSidebar .signinBtns p.signinBtn			{ color: #000088; }
.playSidebar .signinBtns p.signinBtnHover		{ background: #666; color: #fff; }

.playSidebar .signinBtns p.anonymous		{ border: 1px solid #999; border-top: none; text-transform: uppercase; }
.playSidebar .signinBtns p.anonymous A		{ margin: 0px; padding: 5px; display: block; }
.playSidebar .signinBtns p.anonymous A:hover	{ background: #666; color: #fff; }


.scheduleArea								{ padding: 5px; }
.playPrizes									{ background: #eee; height: 36px; }

.PlayContentOff								{height:1px; float:left; overflow:hidden; position:absolute;}
.PlayContentOn								{float:left; z-index:2; position:relative;}
.GameDivOn									{position:relative; top:-18px;}
.GameDivOff									{position:absolute;}
.FirefoxGameDivOn							{position:relative; top:-18px;}
.FirefoxGameDivOff							{position:relative;}

.sampleContent		{ border: 1px solid #ccc; height: 500px; display: block; }


/******************************************************************************/
/* Advertising Styles                                                         */
/* - All ads have an outer DIV with an IFRAME inside                          */
/* - the main style (id) belongs to the DIV                                   */
/******************************************************************************/

#top_ad                                         { float: left; width: 228px; height: 54px; position: absolute; right: 45px; top: 1px; }
#top_ad IFRAME                                  { width: 228px; height: 54px; }

#tower_ad                                       { float: left; width: 120px; height: 600px; position: absolute; right: 2px; top: 48px; }
#tower_ad IFRAME                                { width: 120px; height: 600px; }

/******************************************************************************/
/* END OF Advertising Styles  
/******************************************************************************/