#page-invite #page-bg {padding: 0 15px; width: 710px; background-image: none;}

#inviteForm {padding: 20px;}
#inviteForm label {display: block; font-size: 14px; padding-bottom: 5px; font-weight: bold;}
#inviteForm label .note {font-size: 10px; font-weight: normal; padding-left: 10px;}
#inviteForm .invite-field {padding-bottom: 20px;}
#inviteForm .invite-header {font-size: 20px; font-weight: bold; border-bottom: 1px dashed #404040; margin-bottom: 30px; padding-bottom: 10px;}
#inviteForm .invite-header .highlight {color: #FFFF00;}
#inviteForm #invite-friends {margin-bottom: 30px; padding-bottom: 10px;}
input#inviteName {width: 310px; font-size: 12px;}
input#recaptcha_response_field {width: 294px; font-size: 12px;}
textarea#inviteEmails,
textarea#inviteMessage {width: 400px; font-size: 12px;}
#inviteForm #recaptcha_image {margin: 10px 0;}
#invite-captcha-wrapper { position: relative; margin: 0 0 20px 0; padding: 0; border-bottom: 1px dashed #404040;}
.invite-footer .required {font-size: 14px; float: left; line-height: 31px;}
#invite-submit { float: right; background:url("/images/common/green-buttons.png") no-repeat scroll 0 -49px transparent; color:White; display:block; font-size:12px; font-weight:bold; height:31px; line-height:31px; text-align:center; text-decoration:none; text-transform:uppercase; width:151px; }

#my-team-hub { margin: 0 0 0 10px; }
body.coach-team-edit #main, body.coach-team-edit #main-inner { background: transparent none; }

#page-register #main, #page-register #main-inner { background: none; }
#page-register #content-area { height: 800px; padding: 20px 0 0 0; }
#page-register .message-area { margin: 0 auto 0 auto; }
#title-register-index, #title-register-save, #title-signup-social, #title-signup-splash { width: 317px; height: 18px; padding: 0; position: absolute; top: 16px; left: 32px; text-indent: -10000px; background: transparent url("/images/registration/registration-bg.png") no-repeat 0 -502px; }
#title-signup-social { left: 90px; }
#registration-area #registration-social-area { z-index: 1; position: absolute; top: 5px; left: 370px; width: 289px; font-size: 9px; color: #ffffff; }
#registration-area #registration-social-area .icon {}
#registration-area #registration-social-area #reg-facebook {display: block; float: none; width: 240px; height: 30px; text-indent: -10000px; background: url("/images/common/gigya-connect.png") no-repeat 0 -30px;}
#registration-area #registration-social-area .social-header {padding: 5px 0;}
#registration-area #registration-social-area .notification { text-align: right; width: 100%; display: block;}
#registration-area #registration-social-area.yahoo-partner { z-index: 1; position: absolute; top: 5px; left: 370px; width: 289px; font-size: 9px; color: #ffffff; }
#registration-area #registration-social-area.yahoo-partner .social-header {text-align: center;}
#registration-area #registration-social-area.yahoo-partner #reg-yahoo {width: 289px; height: 30px; text-indent: -10000px; background: url("/images/common/gigya-connect.png") no-repeat 0 0;}
#registration-splash { width: 701px; height: 451px; margin: 0 0 0 40px; position: relative; background: transparent url("/images/registration/registration-bg.png") no-repeat 0 0; }
#registration-splash .quickhit { position: absolute; left: 10px; top: 100px; line-height: 32px; width: 342px; height: 210px; border-right: solid 1px #666666; text-align: center; color: #bebebe; font-size: 14px; font-weight: bold; }
#registration-splash #registration-splash-quickhit { position: absolute; left: 108px; top: 50px; width: 127px; height: 101px; background: transparent url("/images/registration/registration-bg.png") no-repeat -574px -666px; text-indent: -10000px; overflow: hidden; }
#registration-splash #registration-splash-quickhit-button { position: absolute; left: 70px; top: 175px; width: 209px; height: 30px; background: transparent url("/images/registration/registration-bg.png") no-repeat -492px -637px; overflow: hidden; line-height: 30px; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 14px; }
#registration-social.facebook .social-logo { position: absolute; left: 30px; top: 20px; width: 50px; height: 49px; background: transparent url("/images/registration/registration-bg.png") no-repeat -248px -687px; text-indent: -10000px; overflow: hidden; }
#registration-social.myspace .social-logo { position: absolute; left: 30px; top: 20px; width: 50px; height: 49px; background: transparent url("/images/registration/registration-bg.png") no-repeat -298px -687px; text-indent: -10000px; overflow: hidden; }
#registration-social.twitter .social-logo { position: absolute; left: 30px; top: 20px; width: 50px; height: 49px; background: transparent url("/images/registration/registration-bg.png") no-repeat -348px -687px; text-indent: -10000px; overflow: hidden; }
#registration-social.google .social-logo { position: absolute; left: 30px; top: 20px; width: 50px; height: 49px; background: transparent url("/images/registration/registration-bg.png") no-repeat -248px -737px; text-indent: -10000px; overflow: hidden; }
#registration-social.yahoo .social-logo { position: absolute; left: 30px; top: 20px; width: 50px; height: 49px; background: transparent url("/images/registration/registration-bg.png") no-repeat -298px -737px; text-indent: -10000px; overflow: hidden; }
#registration-social.windows-live .social-logo { position: absolute; left: 30px; top: 20px; width: 50px; height: 49px; background: transparent url("/images/registration/registration-bg.png") no-repeat -348px -737px; text-indent: -10000px; overflow: hidden; }
#registration-social .social-logo-icon { position: absolute; top: 59px; left: 67px; width: 20px; height: 20px; background: transparent url("/images/registration/registration-bg.png") no-repeat -288px -644px; }
#registration-social .button-area { position: absolute; bottom: 10px; left: 30px; width: 640px; height: 17px; text-align: right; color: #bebebe; font-size: 8px; padding: 20px 0 20px 0; border-top: solid 1px #666666; }
#registration-social #socialAvatarContainer {width: 100px; position: absolute; top: 50px; right: 100px; font-size: 10px; color: white; text-align: center;}
#registration-social #socialAvatar {height: 100px; width: 100px; margin-bottom: 1px;}

#page-team #registration-area {background-image: none;}
#registration-area { width: 701px; height: 502px; margin: 0 0 0 40px; position: relative; background: transparent url("/images/registration/registration-bg.png") no-repeat 0 0; }
#registration-area form {width: 701px; height: 418px; top: 30px; position: relative;}
.page-registration-complete #registration-area { display: block; margin: 20px 0 0 40px; }
#registration-exit, #registration-complete-cancel, #registration-splash-exit, #social-registration-exit { position: absolute; top: 12px; right: 10px; width: 16px; height: 16px; overflow: hidden; text-indent: -10000px; background: transparent url("/images/registration/registration-bg.png") no-repeat -311px -647px;}
#registration-social form { width: 701px; color: black;}
#registration-area label, #registration-social label { display: block; color: #ffffff; font-weight: bold; font-size: 14px; padding: 0 0 6px 0; }
#registration-area label span, #registration-social label span { font-size: 10px; font-weight: normal; }
#registration-area label.error, #registration-social label.error { position: absolute; top: 45px; right: 6px; font-size: 12px; color: #ff0000; }
#registration-social #registration-area label.error, #registration-social label.error { position: absolute; top: 48px; right: 0px; font-size: 12px; color: #ff0000; }
#registration-social form #social-username-field {top: 100px;}
#registration-social form #social-email-field {top: 160px;}
#registration-social form #social-age-field {top: 220px;}
#registration-social form #social-agreement-field {top: 290px;}
#registration-social form #social-email-updates-field {top: 330px;}
#recaptcha-area label.error { right: 26px; }
#agreement-field label.error, #social-agreement-field label.error { left: 17px; position: absolute; top:27px; width:500px; }
#registration-social #agreement-field label.error, #social-agreement-field label.error { top: 1px; left: 465px; right: auto; }
#age-field label.error, #social-age-field label.error { top: 26px; right: auto; left: 95px; }
#registration-area label.valid, #registration-social label.valid { position: absolute; top: 23px; right: -24px; width: 20px; height: 20px; display: block; padding: 0; background: transparent url("/images/registration/registration-bg.png") no-repeat -268px -643px; text-indent: -10000px; overflow: hidden; }
#recaptcha-area label.valid { right: -6px; }
#agreement-field label.valid, #social-agreement-field label.valid { top: -6px; left: 305px; right: auto; }
#registration-social #agreement-field label.valid, #social-agreement-field label.valid { top: -3px; left: 465px; right: auto; }
#age-field label.valid, #social-age-field label.valid { top: 23px; right: -24px; }
.required-information, #registration-social .required-information { position: absolute; left: 30px; bottom: 20px; color: #ffffff; font-weight: bold; font-size: 10px; }
#username-field, #social-username-field { position: absolute; left: 30px; top: 50px; width: 300px; height: 50px; }
#email-field, #social-email-field { position: absolute; left: 30px; top: 110px; width: 300px; height: 50px; }
#password-field { position: absolute; left: 30px; top: 170px; width: 300px; height: 50px; }
#confirm-password-field { position: absolute; left: 30px; top: 230px; width: 300px; height: 50px; }
#age-field { position: absolute; left: 30px; top: 290px; width: 300px; height: 50px; }
#social-age-field { position: absolute; left: 30px; top: 170px; width: 300px; height: 50px; }
#captcha-field { position: absolute; left: 370px; top: 100px; width: 320px; height: 40px; }
#captcha-field.yah { position: absolute; left: 370px; top: 50px; width: 320px; height: 40px; }
#agreement-field { position: absolute; left: 370px; top: 280px; width: 300px; height: 40px; }
#social-agreement-field { position: absolute; left: 30px; top: 240px; width: 300px; height: 40px; }
#agreement-field a, #social-agreement-field a { color: #ffff00; }
#agreement-field label, #social-agreement-field label, #newsletter-field label, #email-updates-field label, #social-newsletter-field label, #social-email-updates-field label { font-size: 11px; font-weight: normal; }
#agreement-field input, #newsletter-field input, #email-updates-field input, #social-agreement-field input, #social-newsletter-field input, #social-email-updates-field input { float: left; position: relative; top: 0; margin: 0 4px 4px 0; }
#newsletter-field { position: absolute; left: 370px; top: 260px; width: 300px; height: 40px; }
#email-updates-field { position: absolute; left: 370px; top: 320px; width: 300px; height: 40px; }
#social-email-updates-field { position: absolute; left: 30px; top: 280px; width: 300px; height: 40px; }
#age { width: 86px; }
#recaptcha_image {margin: 20px 0 10px 0;}
#recaptcha-area #recaptcha-area-inner { display: none; }
#inviteForm #recaptcha-area a { font-size: 11px; color: #D2D2D2; }
#inviteForm #recaptcha-area a:hover { text-decoration: none; }
#recaptcha-area a { font-size: 11px; color: #ffff00; }
.button-area { position: absolute; bottom: 10px; left: 30px; width: 640px; height: 17px; text-align: right; color: #bebebe; font-size: 8px; padding: 20px 0 20px 0; border-top: solid 1px #666666; }
#registration-buttons { position: absolute; right: 0; bottom: 0; width: 241px; height: 50px; background: transparent url("/images/registration/registration-bg.png") no-repeat -460px -502px; }
#registration-buttons #registration-cancel { position: absolute; top: 14px; left: 18px; color: #ffffff; font-weight: normal; font-size: 12px; text-decoration: none; }
#registration-buttons #registration-submit { position: absolute; top: 14px; left: 132px; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none; }
#registration-buttons #registration-cancel span, #registration-buttons #registration-submit span { font-size: 16px; }
#registration-complete-play { position: absolute; top: 250px; left: 50px; width: 208px; height: 30px; background: transparent url("/images/registration/registration-bg.png") no-repeat -492px -687px; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none; text-align: center; line-height: 30px; }
#registration-area #invite-friends #invite-friends-button {position: absolute; top: 230px; right: 122px;}
#registration-social #invite-friends #invite-friends-button {position: absolute; top: 200px; right: 85px;}
#page-register input.text { color: #666666; width: 280px; padding: 4px 10px 4px 10px; border: 0; background: transparent url("/images/registration/registration-bg.png") no-repeat -248px -663px; }
#page-register input.text.error { color: #ff0000; }
#page-register input.text.valid { color: #000000; }
#page-register select { color: #666666; background: #ffffff url("/images/registration/registration-bg.png") no-repeat -248px -616px; }
#page-register select { color: #ff0000; }
#page-register select { color: #000000; }
#social-registration-buttons { position: absolute; right: 0; bottom: 0; width: 241px; height: 50px; background: transparent url("/images/registration/registration-bg.png") no-repeat -460px -502px; }
#social-registration-buttons #social-registration-cancel { position: absolute; top: 14px; left: 24px; color: #ffffff; font-weight: normal; font-size: 12px; text-decoration: none; }
#social-registration-buttons #social-registration-submit { position: absolute; top: 14px; left: 128px; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none; }
#social-registration-buttons #social-registration-cancel span, #social-registration-buttons #social-registration-submit span { font-size: 16px; }
#registration-complete-logo { position: absolute; top: 46px; left: 25px; width: 100px; height: 100px; }
#registration-complete-blurb { position: absolute; top: 50px; left: 50px; width: 360px; font-size: 16px; font-weight: bold; color: #ffffff; }
#registration-complete-blurb span { color: #ffff00; }
#registration-complete-blurb-sub { font-size: 14px; font-weight: normal; }
#registration-complete-challenge-blurb { position: absolute; top: 130px; left: 50px; font-size: 18px; font-weight: bold; color: #ffff00; }
#registration-complete-challenge { width: 312px; height: 84px; position: absolute; top: 130px; left: 50px; text-indent: -10000px; background: transparent url("/images/registration/registration-bg.png") no-repeat -266px -560px; }
#registration-complete-challenge-2 #registration-complete-challenge-blurb { top: 195px; font-size: 14px; }
#registration-complete-challenge-2 #registration-complete-challenge-blurb ul { font-weight: normal; color: #ffffff; list-style: none; }
#registration-complete-challenge-2 #registration-complete-challenge { top: 326px; left: 373px; }
#registration-complete-challenge-2 #registration-complete-buttons { bottom: 75px; left: 90px; }
#player { position: absolute; bottom: 47px; right: 4px; width: 692px; height: 446px; background: transparent url("/images/registration/registration-bg.png") no-repeat 0 -830px; }
#registration-social { width: 701px; height: 502px; margin: 0 0 0 40px; position: relative; background: transparent url("/images/registration/registration-bg.png") no-repeat 0 0; }
#registration-social .button-area { position: absolute; bottom: 50px; left: 50px; width: 640px; height: 17px; text-align: right; color: #bebebe; font-size: 8px; padding: 20px 0 20px 0; border-top: solid 1px #666666; }
#membership { display: block; position: absolute; top: 283px; right: 20px; width: 325px; height: 105px; text-indent: -10000px; overflow: hidden; }

#registration-social form #social-agreement-field {height: auto; width: 600px;}
#registration-social form #social-email-updates-field {height: auto; width: 600px; top: 315px; }

#invite-friends-modal {width: 351px; height: 266px; position: absolute; z-index: 1005; display: none; background: url("/images/common/change-profile-image-window.png") no-repeat;}
#invite-friends-modal #close-modal {height: 15px; width: 15px; position: absolute; top: 16px; right: 32px; display: block;}

#daily-rewards { position: relative; width: 740px; height: 100px; text-indent: -10000px; overflow: hidden; display: block; margin: 0 0 10px 0; background: transparent url('/images/team-hub/daily-reward-new.png') no-repeat 0 0; }
#daily-rewards-reward.won { position: absolute; bottom: 0; right: 64px; width: 518px; height: 86px; text-indent: -10000px; overflow: hidden; display: block; background: transparent url('/images/team-hub/daily-reward-new.png') no-repeat 0 -100px; }
#daily-rewards-reward.won200 { background-position: 0 -186px; }
#daily-rewards-reward.won300 { background-position: 0 -272px; }
#daily-rewards-reward.won400 { background-position: 0 -358px; }
#daily-rewards-reward.won500 { background-position: 0 -444px; }
#daily-rewards-reward.won1000 { background-position: 0 -530px; }
#daily-rewards-reward.won2500 { background-position: 0 -616px; }
#daily-rewards-reward.won5000 { background-position: 0 -702px; }

#team-upgrade-request-response { position: relative; width: 740px; height: 100px; overflow: hidden; display: block; padding-left: 105px; padding-top: 21px; background: transparent url('/images/team-hub/team-upgrade-request.png') no-repeat 0 0; font-size: 18px; color: white; }

#page-team .page-bg {position: relative; background-image: none; min-height: 1px;}
#report-user {position: absolute; top: -2px; right: 10px; font-size: 10px; color: white;}
#report-user a {color: white; text-decoration: underline;}
#report-user a:hover {color: white; text-decoration: none;}

/****** Coach Settings Pages ******/
#team-edit { margin: 6px 0 0 1px; }

/* Overview */
#read-only-user .details-text {min-width: 220px; float: left; font-size: 12px; margin-bottom: 10px;}
	#read-only-user .details-text div {padding-bottom: 5px;}
	#read-only-user .title {color: #FFFF00; font-weight: bold;}
	#read-only-user .contents-box {color: White; font-size: 12px;}
	#read-only-user .contents-box a {color: White; text-decoration: underline;}
	#read-only-user .contents-box a:hover {text-decoration: none;}
	#read-only-user a.title {color: #FFFF00; font-weight: bold; text-decoration: none; font-size: 12px;}
	#read-only-user a.title:hover {color: #FFFF00; font-weight: bold; text-decoration: underline; font-size: 12px;}
	#read-only-user .social-sharing a {cursor: default;}

#read-only-user .cancel-subscription {padding-top: 5px;}
#read-only-user .cancel-subscription a {font-size: 11px; color: #CCCCCC; text-decoration: underline; }
	#read-only-user .cancel-subscription a:hover {text-decoration: none;}
	#read-only-user #confirmation {margin: 5px 0 0 6px;}

#user-avatar { width: 100px; text-align: center; margin-right: 25px; float: left;}
	#user-avatar #change-avatar {color: #FFFF00; font-size: 11px;}
	#user-avatar #change-avatar:hover { text-decoration: none; }

#team-logo {width: 100px; height: 100px; margin-right: 25px; margin-bottom: 10px; float: left; position: relative;}
#team-logo #source-logo {width: 100px; height: 100px; position: absolute; z-index: 3; top: 0;}
#team-logo #team-logo-bg {width: 100px; height: 100px; position: absolute; z-index: 1; top: 0; background: url("/images/common/team-icon-background.png") no-repeat;}
#primary-color {width: 50px; height: 50px; float: left; margin-right: 15px; border: 1px solid white; margin-top: 5px;}
#secondary-color {width: 50px; height: 50px; float: left; border: 1px solid white; margin-top: 5px;}

#read-only-user .social-sharing {margin-top: 15px;}
#read-only-user .bank-balance-qc {padding-left: 45px; height: 31px; line-height: 31px; margin-bottom: 10px; font-size: 14px; background: url("/images/store/icon-quickcash.png") no-repeat left center;}
#read-only-user .bank-balance-cp {padding-left: 45px; height: 31px; line-height: 31px; font-size: 14px; background: url("/images/store/icon-cp.png") no-repeat left center;}

/* Edit Coach Details */
#edit-user form {height: auto; width: auto; position: static; margin: 0; padding: 0;}
#edit-user div {position: static;}
#edit-user .form-row {padding-bottom: 15px; font-size: 12px;}
#edit-user .form-row div {height: auto;}
#edit-user .form-row .title {padding-bottom: 5px;}

#edit-user #avatar-submit {width: 151px; height: 31px; margin-left: 185px; display: block; text-align: center; line-height: 31px; font-size: 12px; text-decoration: none; font-weight: bold; color: White; text-transform: uppercase; background: url("/images/common/green-buttons.png") no-repeat 0px -49px;}
#edit-user #email-submit, #edit-user #change-password {float: right; width: 151px; height: 31px; display: block; text-align: center; line-height: 31px; font-size: 12px; text-decoration: none; font-weight: bold; color: White; text-transform: uppercase; background: url("/images/common/green-buttons.png") no-repeat 0px -49px;}

#edit-user #coach-edit-avatar {float: left; color: white; font-size: 12px; width: 545px;}
#edit-user input.read-only-coach-name {width: 288px; height: 22px; border: 1px solid white; padding-left: 10px; line-height: 22px; color: White; background-color: black;}
#edit-user .text-box {width: 290px; height: 24px; padding-left: 10px; line-height: 22px; color: Black; background-color: White; border: 0px solid;}

#coach-settings-change-password .contents-box, #coach-settings-change-email .contents-box {min-height: 155px;}

/* Game Settings */
#game-settings form {height: auto; width: auto; position: static; margin: 0; padding: 0;}
#game-settings div {position: static;}
#game-settings .form-row {padding-bottom: 5px; font-size: 12px;}
#game-settings .form-row div {height: auto;}
#game-settings .contents-box {font-size: 12px;}
#game-settings .title {color: #FFFF00; font-weight: bold;}

#game-settings #coach-login-account .social-sharing {margin-top: 15px;}
#game-settings #coach-social-accounts .social-sharing {margin: 15px 0;}

#game-settings .details-text.share-prompts {float: left; width: 350px;}
#game-settings .details-text.share-prompts input {position: relative; top: 2px;}
#game-settings .details-text.share-prompts .title {padding-bottom: 7px;}
#game-settings .details-text.share-prompts form div {margin: 3px 0;}

#game-settings #save-defaults {float: right; width: 151px; height: 31px; display: block; text-align: center; line-height: 31px; font-size: 12px; text-decoration: none; font-weight: bold; color: White; text-transform: uppercase; background: url("/images/common/green-buttons.png") no-repeat 0px -49px;}
#game-settings #save-sharing {float: right; width: 151px; height: 31px; display: block; margin-top: 15px; text-align: center; line-height: 31px; font-size: 12px; text-decoration: none; font-weight: bold; color: White; text-transform: uppercase; background: url("/images/common/green-buttons.png") no-repeat 0px -49px;}

/* Team Edit */
#coach-skin-settings #userSiteWrap {margin-left: 5px; width: 250px;}
#coach-skin-settings #save-skin {float: right; width: 151px; height: 31px; display: block; text-align: center; line-height: 31px; font-size: 12px; text-decoration: none; font-weight: bold; color: White; text-transform: uppercase; background: url("/images/common/green-buttons.png") no-repeat 0px -49px;}
#coach-skin-settings .title {color: #FFFF00; font-weight: bold;}
#coach-skin-settings .form-row {padding-bottom: 5px;}

/****** Trophy Room ******/
body.trophy-room #trophies-header {margin: 0 auto 12px auto; height: 70px; width: 722px; overflow: hidden; position: relative; background: url("/images/achievements/trophies-sprite-case.png") 0 0 no-repeat;}
body.trophy-room #trophies-header .trophy-tab {height: 57px; width: 175px; position: absolute; display: block; text-decoration: none;}
body.trophy-room #trophies-header .trophy-tab.selected-tab,
body.trophy-room #trophies-header .trophy-tab:hover {background: url("/images/achievements/trophies-sprite-case.png") 0 -70px no-repeat;}
body.trophy-room #trophies-header #games-tab {top: 6px; left: 7px;}
body.trophy-room #trophies-header #records-tab {top: 6px; left: 185px;}
body.trophy-room #trophies-header #stats-tab {top: 6px; left: 363px;}
body.trophy-room #trophies-header #my-team-tab {top: 6px; left: 541px;}

body.trophy-room #trophies-header .icon {color: white; font-size: 11px; font-weight: bold; text-align: center; line-height: 20px; height: 23px; width: 23px; background: url("/images/achievements/trophies-sprite-case.png") -238px -255px no-repeat; position: absolute; top: 25px; left: 146px; z-index: 10;}
body.trophy-room #trophies-header .text {color: white; font-size: 12px; font-weight: bold; position: absolute; top: 30px; left: 15px; z-index: 15;}
body.trophy-room #trophies-header #games-tab .icon-backdrop {width: 100%; height: 43px; background: url("/images/achievements/trophies-sprite-case.png") -4px -127px no-repeat; position: relative; top: 8px; z-index: 1;}
body.trophy-room #trophies-header #records-tab .icon-backdrop {width: 100%; height: 43px; background: url("/images/achievements/trophies-sprite-case.png") -181px -127px no-repeat; position: relative; top: 8px; z-index: 1;}
body.trophy-room #trophies-header #my-team-tab .icon-backdrop {width: 100%; height: 43px; background: url("/images/achievements/trophies-sprite-case.png") -359px -127px no-repeat; position: relative; top: 8px; z-index: 1;}
body.trophy-room #trophies-header #stats-tab .icon-backdrop {width: 100%; height: 43px; background: url("/images/achievements/trophies-sprite-case.png") -536px -127px no-repeat; position: relative; top: 8px; z-index: 1;}

body.trophy-room .inner-container {padding: 15px 13px; width: 694px;}
body.trophy-room .trophy-rack {width: 660px; margin: 0 auto;}
body.trophy-room .trophy-rack .rack-header {width: 660px; height: 30px; margin-bottom: 25px;}
body.trophy-room .trophy-rack .rack-header .heading {float: left; line-height: 30px; color: white; font-size: 16px; font-weight: bold;}
body.trophy-room .trophy-rack .rack-header .rewards {float: right; color: white; font-size: 10px; font-weight: bold;}
body.trophy-room .trophy-rack .rack-header .icon-cp {display: inline-block; margin-right: 1px; height: 16px; width: 16px; background: url("/images/achievements/trophies-sprite-case.png") -104px -255px no-repeat; position: relative; top: 4px;}
body.trophy-room .trophy-rack .rack-header .icon-qc {display: inline-block; margin-right: 1px; height: 16px; width: 16px; background: url("/images/achievements/trophies-sprite-case.png") -120px -255px no-repeat; position: relative; top: 4px;}

body.trophy-room #latest-first-five .rack-header {width: 660px; height: 40px; margin-bottom: 25px;}
body.trophy-room #latest-first-five .rack-header .heading {float: left; line-height: 30px; color: white; font-size: 16px; font-weight: bold;}
body.trophy-room #latest-first-five .rack-header .subheading {float: left; color: white; font-size: 12px; font-weight: bold; clear: both;}

body.trophy-room #trophies-progress {height: 50px; width: 722px; position: relative; margin: 0 auto 15px auto; background: url("/images/achievements/trophies-sprite-case.png") 0 -485px no-repeat;}
body.trophy-room #trophies-progress #selector {cursor: pointer; width: 207px; float: left; position: relative; top: 12px; left: 11px; height: 26px; background: url("/images/achievements/trophies-sprite-case.png") -515px -459px no-repeat;}
body.trophy-room #trophies-progress #selector .current-filter {font-size: 11px; line-height: 26px; text-transform: uppercase; padding-left: 10px;}
body.trophy-room #trophies-progress #selector .arrow-down {float: right; margin: 8px 9px 0 0; width: 13px; height: 11px; background: url("/images/achievements/trophies-sprite-case.png") -104px -277px no-repeat;}
body.trophy-room #trophies-progress #selector.hover .arrow-down {float: right; margin: 8px 9px 0 0; width: 13px; height: 11px; background: url("/images/achievements/trophies-sprite-case.png") -117px -277px no-repeat;}
body.trophy-room #trophies-progress #selector ul {cursor: default; width: 207px; display: none; list-style: inside none; margin: 0; padding: 0; position: absolute; left: -1px; z-index: 5000;}
body.trophy-room #trophies-progress #selector ul:hover {display: block;}
body.trophy-room #trophies-progress #selector.hover ul {display: block;}
body.trophy-room #trophies-progress #selector ul li {background-color: White; border: 1px solid #4C4C4C; border-top: 0px;}
body.trophy-room #trophies-progress #selector ul li:hover {background-color: #dbdbdb;}
body.trophy-room #trophies-progress #selector ul li a {display: block; width: 185px; font-size: 10px; text-transform: uppercase; height: 20px; line-height: 20px; padding: 0 10px; color: black; text-decoration: none;}
body.trophy-room #trophies-progress #selected-progress {position: absolute; left: 230px; font-size: 10px; font-weight: bold; top: 19px;}
body.trophy-room #trophies-progress.lander #selected-progress {left: 132px;}
body.trophy-room #trophies-progress #selected-progress div {float: left; line-height: 12px;}
body.trophy-room #trophies-progress #progress-bar {width: 180px; height: 12px; margin: 0 10px; background-color: White; overflow: hidden; position: relative;}
body.trophy-room #trophies-progress #progress-bar .filled {height: 12px; background-color: #FFFF00; position: absolute; left: 0; top: 0; overflow: hidden;}
body.trophy-room #trophies-progress #trophy-icon {height: 14px; width: 13px; margin: 0 20px; background: url("/images/achievements/trophies-sprite-case.png") -132px -274px no-repeat;}
body.trophy-room #trophies-progress #trophy-total {font-weight: bold; font-size: 12px;}

body.trophy-room .trophy-rack .trophies-container {width: 660px; height: 248px; position: relative; margin-bottom: 15px; background: url("/images/achievements/trophies-sprite-case.png") 0 -535px no-repeat;}
body.trophy-room .trophy-rack .trophies-container .trophy {width: 120px; height: 198px; position: relative; float: left; margin-right: 15px;}
body.trophy-room .trophy-rack .trophies-container .trophy-5 {margin: 0;}
body.trophy-room .trophy-rack .trophies-container .trophy.no-padding {margin: 0;}
body.trophy-room .trophy-rack .trophies-container .trophy.placeholder.trophy-5 {margin: 0; background-color: black; opacity: .35; filter:alpha(opacity=35);}
body.trophy-room .trophy-rack .trophies-container .trophy.placeholder {height: 163px; opacity: .35; background-color: black; filter:alpha(opacity=35);}
body.trophy-room .trophy-rack .trophies-container.empty-rack .trophy.placeholder {height: 197px; opacity: .35; background-color: black; filter:alpha(opacity=35);}
body.trophy-room .trophy-rack .trophies-container .trophy .trophy-text {width: 100px; padding: 0 10px; font-size: 10px; font-weight: bold; color: white; text-align: center; position: absolute; z-index: 60;}
body.trophy-room .trophy-rack .trophies-container .trophy.unlocked-false .trophy-text {color: #898989;}
body.trophy-room .trophy-rack .trophies-container .trophy .trophy-image {width: 120px; height: 160px; position: relative; z-index: 50; top: 25px;}
body.trophy-room .trophy-rack .trophies-container .trophy .spotlight {width: 120px; height: 170px; position: absolute; top: 20px; left: 0; z-index: 55; background: url("/images/achievements/trophies-sprite-case.png") -120px -315px no-repeat;}

body.trophy-room .trophy-rack .trophies-container .trophy-number {width: 17px; height: 18px; position: absolute; top: 145px; left: 15px; z-index: 60;}
body.trophy-room .trophy-rack .trophies-container .trophy-1 .trophy-number {background: url("/images/achievements/trophies-sprite-case.png") -143px -256px no-repeat;}
body.trophy-room .trophy-rack .trophies-container .trophy-2 .trophy-number {background: url("/images/achievements/trophies-sprite-case.png") -162px -256px no-repeat;}
body.trophy-room .trophy-rack .trophies-container .trophy-3 .trophy-number {background: url("/images/achievements/trophies-sprite-case.png") -181px -256px no-repeat;}
body.trophy-room .trophy-rack .trophies-container .trophy-4 .trophy-number {background: url("/images/achievements/trophies-sprite-case.png") -200px -256px no-repeat;}
body.trophy-room .trophy-rack .trophies-container .trophy-5 .trophy-number {background: url("/images/achievements/trophies-sprite-case.png") -219px -256px no-repeat;}

body.trophy-room .trophy-rack .rack-base {width: 660px; height: 34px; background: url("/images/achievements/trophies-sprite-case.png") 0 -220px no-repeat; position: absolute; bottom: 50px; z-index: 45;}

body.trophy-room .trophy-rack .footer-plaque {width: 93px; padding: 3px 5px 0 5px; height: 28px; bottom: 15px; overflow: hidden; background: url("/images/achievements/trophies-sprite-case.png") 0 -256px no-repeat; position: absolute; color: white; font-size: 11px; line-height: 12px; font-weight: bold; text-align: center;}
body.trophy-room .trophy-rack .footer-plaque.unlocked-false {color: #898989;}
body.trophy-room .trophy-rack .plaque-1 {left: 9px;}
body.trophy-room .trophy-rack .plaque-2 {left: 144px;}
body.trophy-room .trophy-rack .plaque-3 {left: 279px;}
body.trophy-room .trophy-rack .plaque-4 {left: 414px;}
body.trophy-room .trophy-rack .plaque-5 {left: 549px;}

/****** Friends Page ******/
#friends-header {width: 721px; height: 50px; margin: 0 auto; position: relative; background: url("/images/friends/friends-page.png") no-repeat 0 0;}
#friends-header #selector {cursor: pointer; float: left; height: 26px; left: 11px; position: relative; top: 12px; width: 170px;}
#friends-header #selector .current-filter {font-size: 11px; line-height: 26px; padding-left: 10px; text-transform: uppercase;}
#friends-header #selector .arrow-down {background: url("/images/friends/friends-page.png") no-repeat -680px -52px; float: right; height:11px; margin:8px 9px 0 0; width:13px;}
#friends-header #selector.hover .arrow-down {background: url("/images/friends/friends-page.png") no-repeat -693px -52px; float: right; height:11px; margin:8px 9px 0 0; width:13px;}
#friends-header #selector.hover ul {display: block;}
#friends-header #selector ul {cursor: default; display: none; left: -1px; list-style: none inside none; margin: 0; padding: 0; position: absolute; width: 170px; z-index: 5000;}
#friends-header #selector ul li {background-color: White; border: 1px solid #4C4C4C; border-top: 0px;}
#friends-header #selector ul li:hover {background-color: #dbdbdb;}
#friends-header #selector ul li a {display: block; width: 148px; font-size: 10px; text-transform: uppercase; height: 20px; line-height: 20px; padding: 0 10px; color: black; text-decoration: none;}
#friends-header #online-friends {position: absolute; top: 18px; left: 190px; font-size: 14px; font-weight: bold; color: #FFFF00;}
#friends-header #new-friends {position: absolute; top: 15px; left: 508px; font-size: 12px; line-height: 20px;}
#friends-header #new-friends .new {height: 22px; width: 22px; background: url("/images/friends/friends-page.png") no-repeat -658px -52px; margin-right: 3px; float: left;}
#friends-header #invite-friends {height: 22px; width: 150px; position: absolute; top: 12px; right: 10px; text-align: center;}
#friends-header #invite-friends a {text-transform: uppercase; font-size: 12px; color: #FFFFFF; text-decoration: none;}
#friends-header #invite-friends a:hover {text-decoration: underline;}

#fans-banner a.fans-banner-link {display: block; width: 728px; height: 90px; margin: 0 auto 10px auto; background: url("/images/friends/fans-banner.gif") no-repeat;}

#friends-filters {width: 680px; height: 20px; margin: 10px auto; padding: 5px 0 15px 0; border-bottom: 1px dashed #4a4a4a;}

#friends-filters .friends-filter-button {height: 20px; margin-right: 5px; float: left;}
#friends-filters .friends-filter-button .left-cap {height: 20px; width: 6px; background: url("/images/friends/friends-page.png") no-repeat 0 -180px; float: left;}
#friends-filters .friends-filter-button .right-cap {height: 20px; width: 6px; background: url("/images/friends/friends-page.png") no-repeat -116px -180px; float: left;}
#friends-filters .friends-filter-button a {height: 20px; padding: 0 5px; background-color: white; float: left; color: white; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 20px; text-transform: uppercase; background: url("/images/friends/friends-page.png") no-repeat -6px -180px;}
#friends-filters .friends-filter-button.selected-true .left-cap {background: url("/images/friends/friends-page.png") no-repeat 0 -160px;}
#friends-filters .friends-filter-button.selected-true .right-cap {background: url("/images/friends/friends-page.png") no-repeat -116px -160px;}
#friends-filters .friends-filter-button.selected-true a {color: black; background: url("/images/friends/friends-page.png") no-repeat -6px -160px;}
#friends-filters .friends-filter-button span.presence-online {height: 20px; width: 16px; float: left; background:url("/images/common/presence.png") no-repeat scroll -24px 1px transparent;}
#friends-filters .friends-filter-button span.presence-offline {height: 20px; width: 16px; float: left; background:url("/images/common/presence.png") no-repeat scroll -44px 1px transparent;}

#friends-list-cards {width: 680px; margin: 0 auto;}
#friends-list-cards .friends-row {height: 115px;}
#friends-list-cards .friend {width: 329px; height: 110px; margin: 0 3px 5px 3px; float: left; position: relative; background: url("/images/friends/friends-page.png") no-repeat 0 -50px;}
#friends-list-cards .row-light .friend {background: url("/images/friends/friends-page.png") no-repeat -329px -50px;}
#friends-list-cards .friend .information {position: absolute; left: 85px; top: 22px; font-size: 12px;}
#friends-list-cards .friend .information .name,
#friends-list-cards .friend .information .name a {font-weight: bold; color: #FFFF00; font-size: 14px; text-decoration: none;}
#friends-list-cards .friend .information .name a:hover {text-decoration: underline;}
#friends-list-cards .friend .uaw {position: absolute; top: 0; left: 0; width: 324px; height: 30px; padding: 5px 0 5px 0;}
#friends-list-cards .friend .uaw .presence {position: absolute; top: 5px; left: 5px;}
#friends-list-cards .friend .uaw .uaw-button {margin: 0; float: none; position: absolute; right: 0px;}
#friends-list-cards .friend .avatar {position: absolute; top: 23px; left: 25px; width: 50px;}
#friends-list-cards .friend .avatar img {width: 50px; height: 50px;}
#friends-list-cards .friend .avatar .level {width: 50px; margin-top: -3px; padding: 1px 0; text-align: center; font-size: 10px; background-color: #000000;}
#friends-list-cards .friend .icons {height: 22px; position: absolute; right: 5px; bottom: 5px;}
#friends-list-cards .friend .icons div {height: 22px; width: 22px; float: left; margin: 0 3px;}
#friends-list-cards .friend .icons .new {background: url("/images/friends/friends-page.png") no-repeat -658px -52px;}
#friends-list-cards .friend .icons .facebook {background: url("/images/friends/friends-page.png") no-repeat -658px -74px;}
#friends-list-cards .friend .stars {width: 170px; height: 15px;}
#friends-list-cards .friend .stars .star {width: 15px; height: 15px; float: left; margin: 0 1px; background: transparent url("/images/header/header-revamp.png") no-repeat -596px -92px; opacity: .50; filter:alpha(opacity=50);}
#friends-list-cards .friend .stars .star.gold {background: transparent url("/images/header/header-revamp.png") no-repeat -579px -92px; opacity: 1.00; filter:alpha(opacity=100);}

#friends-list-cards .no-friends {text-align: center; padding: 15px; font-size: 14px; color: White;}
#friends-list-cards .no-friends a {color: White; text-decoration: underline;}
#friends-list-cards .no-friends a:hover {color: White; text-decoration: none;}