/*
 *
 *  social_bar.css - for use with the Social Bar on CN games pages.
 *
 *  This file also includes the CSS for the Login and MSIB screens.
 *  Note from Brian Shrader 4/17/2014 - I combined these three CSS files to reduce HTTP requests.
 *
 */



/* ======================================== copied from login.css ============================================ */
@media all {
	#w-login {
		position:absolute;
		top:0;
		left:0;
		display:none;
		z-index:100000
	}
	
	#w-login-background {
		background:#000
	}
	
	#w-login-window {
		width:564px;
		text-align:right;
		position:absolute;
		z-index:100001
	}
	
	#w-login-closebutton {
		text-decoration:none;
		width:83px;
		height:23px;
		margin-top:5px;
		background:url(http://www.cartoonnetwork.com/games/_tools/static/css/social/social_bar.css) 0 0 no-repeat;
		position:relative;
		float:right
	}
	
	#w-login-closebutton:hover,
	#w-gallery-closebutton:focus {
		background-position:0 -23px
	}
	
	#w-login-closebutton span {
		width:2px;
		height:2px;
		position:absolute;
		top:0;
		left:0;
		overflow:hidden
	}
}

#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_off .achievementsModule_points,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_off .achievementsModule_points,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_off_right .achievementsModule_points {
	margin-top:8px;
	font:normal 26px cn-bold,Trebuchet MS,sans-serif
}

#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_off .achievementsModule_title,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_off .achievementsModule_title,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_off_right .achievementsModule_title {
	margin:5px 0 7px;
	font:normal 15px cn-bold,Trebuchet MS,sans-serif
}

#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_off .achievementsModule_desc,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_off .achievementsModule_desc,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_off_right .achievementsModule_desc {
	margin-top:0;
	font:13px arial,sans-serif;
	height:auto
}

#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content .achievementsModule_points,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo .achievementsModule_points,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_right .achievementsModule_points {
	margin-top:8px;
	font:normal 26px cn-bold,Trebuchet MS,sans-serif
}

#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content .achievementsModule_title,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo .achievementsModule_title,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_right .achievementsModule_title {
	margin:5px 0 7px;
	font:normal 15px cn-bold,Trebuchet MS,sans-serif
}

#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content .achievementsModule_desc,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo .achievementsModule_desc,
#gameContainer .cSpace #achievementsWrapper #achievementsModule_badges .achievementsModule_badges_content_bo_right .achievementsModule_desc {
	margin-top:0;
	font:bold 13px arial,sans-serif;
	height:auto
}

/* ======================================== end of login.css ============================================ */ 


/* ======================================== copied from msib.css ============================================ */

@media all {
	#login_fade {
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		background:#000;
		position:absolute;
		top:0;
		z-index:1500000;
		-moz-opacity:.85;
		opacity:.85;
		filter:alpha(opacity=85)
	}
	
	/*** MSIB Login ***/
	#msib_login {
		margin:0 0 0 -500px;
		padding:0;
		width:1000px;
		height:460px;
		position:absolute;
		left:50%;
		top:10%;
		z-index:2000000;
		background:url(http://i.cdn.turner.com/toon/accounts/tools/img/ben10.login.png) left 28px no-repeat
	}
	
	#msib_login iframe {
		margin:112px 0 0 235px;
		padding:0;
		width:613px;
		height:301px;
		border:none;
		overflow:hidden;
		background:#000;
		border:1px solid #464646;
		-webkit-box-shadow:4px 4px 6px rgba(0,0,0,.8);
		-moz-box-shadow:4px 4px 6px rgba(0,0,0,.8);
		box-shadow:4px 4px 6px rgba(0,0,0,.8)
	}
	
	#msib_login .char_ben10_aliens {
		display:none
	}
	
	#msib_login A {
		width:127px;
		height:28px;
		display:block;
		position:absolute;
		top:375px;
		left:78px;
		background:url(img/btn.signup.png) 0 0 no-repeat
	}
	
	/*** MSIB Register ***/
	#msib_register {
		margin:0 0 0 -500px;
		padding:0;
		width:1000px;
		height:525px;
		position:absolute;
		left:50%;
		top:10%;
		z-index:2000000;
		background:url(img/ben10.reg.png) left 38px no-repeat
	}
	
	#msib_register iframe {
		margin:57px 0 0 227px;
		padding:0;
		width:736px;
		height:478px;
		overflow:hidden;
		background:#000;
		border:1px solid #464646;
		-webkit-box-shadow:4px 4px 6px rgba(0,0,0,.8);
		-moz-box-shadow:4px 4px 6px rgba(0,0,0,.8);
		box-shadow:4px 4px 6px rgba(0,0,0,.8)
	}
	
	#msib_register .char_ben10 {
		display:none
	}
	
	#msib_register A {
		width:117px;
		height:28px;
		display:block;
		position:absolute;
		top:405px;
		left:73px;
		background:url(img/btn.login.png) 0 0 no-repeat
	}
	
	/*** MSIB Auth ***/
	#msib_auth {
		margin:0 0 0 -500px;
		padding:0;
		width:1000px;
		height:460px;
		position:absolute;
		left:50%;
		top:10%;
		z-index:2000000
	}
	
	#msib_auth iframe {
		margin:85px 0 0 200px;
		padding:0;
		width:613px;
		height:301px;
		border:none;
		overflow:hidden;
		background:#000;
		border:1px solid #464646;
		-webkit-box-shadow:4px 4px 6px rgba(0,0,0,.8);
		-moz-box-shadow:4px 4px 6px rgba(0,0,0,.8);
		box-shadow:4px 4px 6px rgba(0,0,0,.8)
	}
}
/* ======================================== end of msib.css ============================================ */ 


/* ======================================== social bar css ============================================ */ 
#_sb_socialGlobalNav {
	background: url(img/social-bar-bg.png) 0 0 repeat-x #fff;
	border-top: 2px solid #cecece;
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 44px;
	color: white;
	position: fixed;
	bottom: 0px;
	z-index: 1000000000;
	left: 0px;	
}

#_sb_socialGlobalNav.active {
	display: block;
}

#_sb_socialGlobalNav #_sb_sgnWrapper {
	color: black;
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 900px;	
}

#_sb_miniProfile {
	width: 238px;
	/*height: auto;*/
	height: 60px;
	position: absolute;
	top: -18px;
	left: -22px;
	background: white;
	border: 2px solid #cecece;
 /*-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; */
}

#_sb_miniProfile._sb_active {
	height: auto;
	top: -165px;
}
#_sb_miniProfile #_sb_miniProfileInner {
	display: none;
}
#_sb_miniProfile #_sb_miniProfileInner._sb_innerActive {
	display: block;
}
/*#_sb_miniProfile .profileActions {display: none;}*/
#_sb_miniProfile img._sb_avatar { 
	margin: 6px 0 6px 8px;
	width: 47px;
	height: 47px;
	float: left;
	border: 2px solid #cecece;
}

#_sb_miniProfile h1 {
	color: #585858;
	font: normal 15px "cn-bold",Trebuchet MS,arial,sans-serif;
	line-height: 15px;
	text-transform: uppercase;
	margin: 11px 0 0 0;
	text-indent: 0;
}
#_sb_miniProfile img._sb_avatar_loggedin {
	margin: 6px 8px 6px 8px;
	width: 47px;
	height: 47px;
	float: left;
	border: 2px solid #e2e2e2;
}

#_sb_miniProfile h1._sb_loggedin {
	float: left;
	font: normal 16px "cn-bold",Trebuchet MS,arial,sans-serif;
	letter-spacing: 0;
	line-height: 17px;
	text-transform: uppercase;
	margin: 4px 0 0 0;
}

#_sb_miniProfile a._sb_usersProfilePath {
	color: #474747;
}

#_sb_miniProfile a:hover._sb_usersProfilePath {
	color: #474747;
}

#_sb_miniProfile #_sb_btnOpen {
	background: url(img/social-sprite.png) -114px -2px no-repeat #fff;
	cursor: pointer;
	display: block;
	height: 17px;
	left: 211px;
	margin: 5px 0 0 0;
	position: absolute;
	width: 19px;
	z-index: 100;
}
#_sb_miniProfile #_sb_btnOpen:hover {
	background-position: -137px -2px;
}

#_sb_miniProfile #_sb_btnOpen._sb_open {
	background-position: -114px -20px;
}
#_sb_miniProfile #_sb_btnOpen._sb_open:hover {
	background-position: -137px -20px;
}

#_sb_miniProfile #_sb_profileActions {
	width: 238px;
	height: 150px;
	background-color: #2c2c2c;
	clear: both;
}

#_sb_miniProfile #_sb_profileActions ul {
	margin: 0;
	padding: 10px 0 0 0;
}

#_sb_miniProfile #_sb_profileActions li {
	margin: 3px 0;
	list-style-type: none;
}

#_sb_miniProfile #_sb_profileActions li a {
	color: #fff;
	display: block;
	font: bold 13px arial, sans-serif;
	padding: 4px 0px 4px 4px;	
}

#_sb_miniProfile #_sb_profileActions li a:hover {
	background-color: #565656;
}

#_sb_miniProfile #_sb_profileActions li a span {
	background: url(img/social-sprite.png) no-repeat -152px -43px;
	display: block;
	float: left;
	height: 15px;
	margin: 0 6px;
	width: 7px;
}

#_sb_miniProfile #_sb_profileActions li._sb_paFoot {
	border-top: 1px solid #000;
}

#_sb_miniProfile #_sb_profileActions li._sb_paFoot a {
	padding: 12px 0 12px 24px;
}

#_sb_miniGamer {
	padding: 2px 10px 2px 226px;
	float: left;
	text-align: center;
}

#_sb_miniGamer p {
	float: left;
}

#_sb_miniGamer #_sb_gamerIcon {
	margin: 3px 5px 0 38px;
	display: none;
	float: left;
}
#_sb_miniGamer #_sb_gamerIcon.active {
	display: block;
}
#_sb_miniGamer #_sb_progress {
	border-bottom: 1px solid #4c4c4c;
	border-left: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;	
	border-top: 1px solid #7e7e7e;		
	margin: 10px 0;
	width: 303px;
	height: 18px;
	float: left;
	background: url(img/level-bar-bg.png) 0 0 repeat-x;
	display: none;
}
#_sb_miniGamer #_sb_progress.active {
	display: block;
}

#_sb_miniGamer #_sb_progress_overlay {
	height: 18px;
	float: left;
	background: url(img/level-bar-overlay.png) 0 0 repeat-x;
	position: relative;
}

#_sb_miniAlerts {
	width: 212px;
	float: right;
	height: 44px;
	position: relative;
}
#_sb_miniAlerts ._sb_maPipe {
	background-color: #ababab;
	display: block;
	float: left;
	height: 44px;
	width: 1px;
}

#_sb_miniAlerts #_sb_alertCountWrapper {
	cursor: pointer;
	height: 42px;
	float: left;
	padding: 2px;	
	width: 100px;	
}
#_sb_miniAlerts #_sb_alertCountWrapper:hover {
	border-left: #ababab 2px solid;
	border-right: #ababab 2px solid;	
	border-top: #ababab 2px solid;
	height: 40px;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	width: 96px; 
}
#_sb_miniAlerts #_sb_alertCountWrapper._sb_active, #_sb_miniAlerts #_sb_alertCountWrapper._sb_active:hover {
	border-bottom: 2px solid #9d9d9d;
	border-left: 2px solid #9d9d9d;
	border-right: 2px solid #9d9d9d;
	border-top: none;
	background-color: #c3c3c3;
	height: 42px;
	padding: 0;
	width: 100px; 
}
#_sb_miniAlerts #_sb_alertCountWrapper:hover ._sb_alertCountWrapperInner {
	background: url(img/minibar-hover.png) 0 0 repeat-x;
	float: left;
	height: 38px;
	padding: 0;
	width: 96px;	
}
#_sb_miniAlerts #_sb_alertCountWrapper._sb_active:hover ._sb_alertCountWrapperInner {
	background: none;
	float: left;
	height: 38px;
	padding: 0;
	width: 100px;	
}

#_sb_miniAlerts #_sb_alertCountWrapper #_sb_alerts {
	background: url(img/social-sprite.png) -108px -37px no-repeat;	
	height: 25px;
	position: relative;
	width: 37px;
	margin: 7px auto;
}
#_sb_miniAlerts #_sb_alertCountWrapper #_sb_alerts._sb_activeAlert {
	background-position: -96px -287px;	
}
#_sb_miniAlerts #_sb_alertCountWrapper:hover #_sb_alerts {
	margin: 5px auto;
}

#_sb_miniAlerts #_sb_alertCountWrapper._sb_active #_sb_alerts { 
	margin: 9px auto;
}


#_sb_miniAlerts #_sb_alertCountWrapper._sb_active:hover #_sb_alerts {
	margin: 9px auto; 
}
#_sb_miniAlerts #_sb_alerts #_sb_alertCountBadge {
	color: #fff;
	position: absolute;
	right: 7px;
	top: 25%;
	font: bold 15px/16px arial,sans-serif;
	text-align: center;
}

#_sb_miniAlerts #_sb_alerts._sb_active #_sb_alertCountBadge {
	right: 38px;
}
#_sb_alertCountBadge ._sb_alertCountBadgePlus {
	font: normal 10px arial,sans-serif;	
	position: absolute;
	top: 2px;
}
#_sb_miniAlerts #_sb_friends {
	height: 42px;
	float: left;
	padding: 2px;	
	width: 100px;	
}
#_sb_miniAlerts #_sb_friends.loggedIn {
	cursor: pointer;
}
#_sb_miniAlerts #_sb_friends.loggedIn:hover {
	border-left: 2px solid #ababab;
	border-right: 2px solid #ababab;	
	border-top: 2px solid #ababab;
	height: 40px;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	width: 96px;
}
#_sb_miniAlerts #_sb_friends.loggedIn:hover #_sb_friendsInner {
	background: url(img/minibar-hover.png) 0 0 repeat-x;
	cursor: pointer;
	float: left;
	height: 38px;
	padding: 0;
	width: 96px;	
}
#_sb_miniAlerts #_sb_friends #_sb_btnFriends {
	background: url(img/social-sprite.png) -65px -3px no-repeat;
	height: 26px;
	margin: 8px 0px 0px 29px;
	width: 42px;
}
#_sb_miniAlerts #_sb_friends.loggedIn:hover #_sb_btnFriends {
	margin: 6px 0px 0px 27px;
}

#_sb_miniAlerts #_sb_friends #_sb_btnFriends.active {
	background: url(img/friend-button-blink.gif) 0 0 no-repeat;
}

#_sb_socialGlobalNav ._sb_active {
	display: block;
}

#_sb_tab {
	cursor: pointer;
	margin: 10px 4px;
	width: 29px;
	height: 26px;
	position: absolute;
	background: url(img/social-sprite.png) -213px -82px no-repeat;
	right: 0;
	top: 0;
}
#_sb_tab:hover {
	background-position: -243px -82px;
}

#_sb_alertWrapper.not_logged_in_wrapper {
	height: 372px;
}
#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper {
	margin-top: 20px;
}
#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper h2 {
	font: normal 24px "cn-bold",Trebuchet MS,sans-serif;
	text-transform: uppercase;
	color: #000;
	margin: 0;
	padding: 0 0 12px 0;
}

#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper ul li {
	color: #000;
	font: bold 13px arial,sans-serif;
	margin-bottom: 10px;
}
#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper ul li span.bullet{
	background: url(img/social-sprite.png) 0px -285px no-repeat;
	display: inline-block;
	float: left;
	height: 16px;
	width: 15px;
	margin-right: 8px;
}

#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper ._sb_alertEmptyMsgCol1 {
	float: left;
	margin-left: 18px;
	width: 180px;
}

#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper ._sb_alertEmptyMsgCol2 {
	background: url(img/finn_jake.png) 0 0 no-repeat;
	float: left;
	height: 119px;
	width: 109px;
}
#_sb_alertWrapper.not_logged_in_wrapper ._sb_alertEmptyMsgWrapper ._sb_alertEmptyMsgFooter {
	background: url(img/alert-empty-stripe.png) 0 0 repeat;
	float: left;
	height: 12px;
	margin: 14px 11px 20px 11px;
	width: 288px;
}
#_sb_alertWrapper {
	width: 311px;
	background-color: #fff;
	position: absolute;
	bottom: 42px;
	right: 0px;
	display: none;
	border: 2px solid #9d9d9d;
	height: 454px;
	overflow: hidden;	
}

#_sb_alertWrapper._sb_active {
	display: block;
}

#_sb_alertWrapper #_sb_header {
	height: 20px;
	width: 311px;
	background-color: #000;
	font: normal 16px/18px "cn-bold",Trebuchet MS,sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 7px 0;
}

#_sb_alertWrapper #_sb_header h2 {
	padding-left: 15px;
	margin: 0;
}

#_sb_alertWrapper #_sb_footer {
	background-color: #c3c3c3;
	border-top: 1px solid #7F7F7F;
	height: 50px;
	width: 311px;
	color: #fff;
	font: normal 16px/18px "cn-bold",Trebuchet MS,sans-serif;
	text-transform: uppercase;
	float: left;
	position: absolute;
	bottom: 0;
}

#_sb_alertWrapper .not_logged_in #_sb_footer {
	height: 12px;
}

#_sb_alertWrapper ._sb_buttonWrapper {
	background: url(img/social-sprite.png) no-repeat scroll 0 -195px;
	border: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	font: normal 16px/18px "cn-bold",Trebuchet MS,sans-serif;
	height: 32px;
	margin: 0 45px 0 0;
	outline: none;
	overflow: visible;
	padding: 0 0 0 45px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

#_sb_alertWrapper ._sb_buttonWrapper span {
	display: inline-block;
	padding-top: 7px;
}

#_sb_alertWrapper span._sb_button {
	background: url(img/social-sprite.png) no-repeat scroll 100% -195px;
	color: #fff;
	display: block;
	height: 32px;
	margin-right: -45px;
	outline: medium none;
	padding: 0 45px 0 0;
	position: relative;
}

#_sb_alertWrapper ._sb_buttonPosition {
	margin-top: 8px;
	margin-left: 74px;
}

#_sb_alertWrapper ._sb_buttonWrapper:hover {
	background-position: 0 -227px; 
	
}

#_sb_alertWrapper ._sb_buttonWrapper:hover span._sb_button {
	background-position: 100% -227px; 
	
}

#_sb_alertWrapper ._sb_buttonBlackWrapper {
	background: url(img/social-sprite.png) no-repeat scroll 0 -109px;
	border: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	font: normal 24px/24px "cn-bold",Trebuchet MS,sans-serif;
	height: 42px;
	margin: 0 64px 0 0;
	outline: none;
	overflow: visible;
	padding: 0 0 0 64px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

#_sb_alertWrapper ._sb_buttonBlackWrapper span {
	display: inline-block;
	padding-top: 9px;
}

#_sb_alertWrapper span._sb_buttonBlack {
	background: url(img/social-sprite.png) no-repeat scroll 100% -109px transparent;
	color: #fff;
	display: block;
	height: 42px;
	margin-right: -64px;
	outline: medium none;
	padding: 0 64px 0 0;
	position: relative;
}
#_sb_alertWrapper ._sb_buttonBlackWrapper:hover {
	background-position: 0 -151px;
}
#_sb_alertWrapper ._sb_buttonBlackWrapper:hover span._sb_buttonBlack {
	background-position: 100% -151px;
}

#_sb_alertWrapper ._sb_buttonBlackPosition {
	margin: 0 0 6px 0;
	text-align: center;
}

#_sb_alertWrapper ._sb_alertLoad {
	background: url(img/alert-bg-load.png) center center no-repeat;
	height: 100%;
	width: 100%;
}

#_sb_alertContent {
	background: url(img/alert-bg-stripe.png) 0 0 repeat;
	height: 420px;
}

#_sb_alertContent.not_logged_in {
	background: #fff;
	height: 334px;
}

#_sb_alertContent a._sb_item {
	background: #fff;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #7f7f7f;
	float: left;
	width: 100%;
	height: 73px;
}

#_sb_alertContent a._sb_item ._sb_alertArrow, #_sb_alertContent a._sb_item_level ._sb_alertArrow {
	width: 28px;
	height: 39px;
	float: left;
	margin-top: 16px;
}

#_sb_alertContent a:hover._sb_item {
	background-color: #e5e5e5;
}
#_sb_alertContent a:hover._sb_item ._sb_alertArrow {
	background: url(img/social-sprite.png) no-repeat -248px -40px #e5e5e5;
}

#_sb_alertContent a._sb_item_level ._sb_levelName {
	color: #000;
	font-weight: bold;
}

#_sb_alertContent a._sb_item ._sb_badgeName {
	color: #2260ab;
	font-weight: bold;
}

#_sb_alertContent a._sb_item_level {
	background: url(img/alert-badge-bg-stripe.png) 0 0 repeat;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #fff;
	border-bottom: 1px solid #7f7f7f;
	float: left;
	width: 100%;
	height: 73px;
}
#_sb_alertContent a:hover._sb_item_level {
	background: url(img/alert-badge-bg-stripe.png) 0 0 repeat;
}

#_sb_alertContent a:hover._sb_item_level ._sb_alertArrow {
	background: url(img/social-sprite.png) no-repeat -248px -40px;
}

#_sb_alertContent a._sb_item_level ._sb_avatarImg {
	float: left;
	width: 74px;
}

#_sb_alertContent a._sb_item ._sb_avatarImg {
	float: left;
	width: 50px;
	margin: 10px 12px 7px 12px;
}

#_sb_alertContent ._sb_text {
	float: left;
	width: 199px;
	padding: 10px 5px 0px;
	overflow:hidden;
	height:50px;
}
#_sb_alertContent a._sb_item ._sb_text ._sb_alertTitle {
	font: normal 15px "cn-bold",Trebuchet MS,sans-serif;
	margin-bottom: 2px;	
	text-transform: uppercase;
}

#_sb_alertContent a._sb_item_level ._sb_text ._sb_alertTitle {
	font: normal 18px "cn-bold",Trebuchet MS,sans-serif;
	margin-bottom: 2px;	
	text-transform: uppercase;
}
#_sb_alertContent a._sb_item_level ._sb_text {
	height:55px;
}
#_sb_alertContent #_sb_alertContentInner {
	background: #fff;
	float: left;
	padding: 0px;
	width: 100%;
}

#_sb_alertContent #_sb_alertContentInner ._sb_message {
	color: #000;
	font: normal 22px "cn-bold",Trebuchet MS,sans-serif;
	margin-bottom: 6px;
	text-transform: uppercase;
	text-align: center;
}

#_sb_profileContent {
	float: left;
	padding-left: 1px;
	text-align: center;
	width: 174px;
}

#_sb_loginLinks {
	margin: 5px 0 0 0;
}

#_sb_loginLinks ._sb_pipe {
	font: 15px "cn-bold",Arial,Helvetica,sans-serif;
	color: #000;
	line-height: 17px;
	margin: 0 6px;
}

#_sb_loginLinks a {
	font: 15px "cn-bold",Arial,Helvetica,sans-serif;
	color: #009bdf;
	line-height: 17px;
	text-transform: uppercase;
}

#_sb_miniProfile .usersProfilePath {
	float: left;
	width: 150px;
	padding-left: 6px;
	color: #000!important;
}

#_sb_miniProfile a:hover.usersProfilePath {
	color: #0C9EA9!important;
}

#_sb_friendWrapper {
}

/*-- friend Request Single --*/
#_sb_friendRequestSingleWrapper {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	width: 202px;
	height: 104px;
	position: absolute;
	right: 20px;
	bottom: 48px;
	z-index: 200;	
}

#_sb_friendRequestSingleWrapper ._sb_friendRequestSingleTitle {
	background-color: #fff;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-top: 2px solid #ccc;
	color: #000;
	font: normal 16px "cn-bold",Trebuchet MS,sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 0;
}

#_sb_friendRequestSingleWrapper ._sb_friendRequestSingleContent {
	background-color: #b7007b;
	border-left: 2px solid #920062;
	border-right: 2px solid #920062;
	height: 66px;
	padding: 8px 0 0 8px;
	text-transform: uppercase;
}

#_sb_friendRequestSingleWrapper ._sb_friendRequestBottom {
	background: url(img/social-sprite.png) -2px -83px no-repeat;
	bottom: -18px;
	height: 18px;
	position: absolute;
	right: -2px;
	width: 206px;	
}


#_sb_friendRequestSingleWrapper ._sb_friendRequestSingleAvatar {
	float: left;
	padding-right: 16px;
	position: relative;	
}

#_sb_friendRequestSingleWrapper ._sb_friendRequestSingleAvatar img {
	border: 1px solid #000;
}
#_sb_friendRequestSingleWrapper ._sb_friendRequestSingleAvatar img._sb_friendLevel {
	border: none!important;
	position: absolute;
	bottom: -5px;
	right: 5px;
}
#_sb_friendRequestSingleWrapper ._sb_friendRequestSingleUser {
	color: #fff;
	font: normal 15px "cn-bold",Trebuchet MS,arial,sans-serif;
	float: left;
}

/*-- friend Accept Single --*/
#_sb_friendAcceptSingleWrapper {
	background-color: #fff;
	border: 2px solid #fff;
	width: 202px;
	height: 104px;
	position: absolute;
	right: 20px;
	bottom: 48px;
	z-index: 200;
}

#_sb_friendAcceptSingleWrapper #_sb_friendAcceptSingleInner {
	border-top: 2px solid #CD1390;
	border-right: 2px solid #CD1390;
	border-left: 2px solid #CD1390;
}

#_sb_friendAcceptSingleWrapper ._sb_friendAcceptSingleTitle {
	border-top: 2px solid #cd1390;
	color: #000;
	font: bold 14px arial,sans-serif;
	position: relative;
	text-transform: capitalize;
	margin: 0 5px;
	padding: 8px 0 8px 40px;
}

#_sb_friendAcceptSingleWrapper ._sb_friendAcceptSingleIcon {
	background: url(img/social-sprite.png) -164px -39px no-repeat;
	left: 10px;
	height: 24px;
	position: absolute;
	top: 6px;
	width: 24px;	
}

#_sb_friendAcceptSingleWrapper ._sb_friendAcceptSingleContent {
	height: 60px;
	padding: 8px 0 0 8px;
	text-transform: uppercase;
}

#_sb_friendAcceptSingleWrapper ._sb_friendAcceptSingleAvatar {
	float: left;
	padding: 0 8px 0 5px;
	position: relative;
}

#_sb_friendAcceptSingleWrapper ._sb_friendAcceptSingleAvatar img {
	border: 1px solid #000;
}

#_sb_friendAcceptSingleWrapper ._sb_friendAcceptSingleAvatar img._sb_friendLevel {
	border: none!important;
	position: absolute;
	bottom: -7px;
	right: -3px;
}

#_sb_friendAcceptSingleWrapper ._sb_friendAcceptSingleUser {
	color: #cd1390;
	font: normal 15px "cn-bold",Trebuchet MS,arial,sans-serif;
	float: left;
	padding-left: 8px;
}

#_sb_friendAcceptSingleWrapper ._sb_friendRequestBottom {
	background: url(img/social-sprite.png) -2px -65px no-repeat;
	bottom: -18px;
	height: 18px;
	position: absolute;
	right: -2px;
	width: 206px;	
}

/*-- friend Accept Multi --*/
#_sb_friendAcceptMultiWrapper {
	background-color: #fff;
	border: 2px solid #fff;
	width: 202px;
	height: 165px;
	position: absolute;
	right: 20px;
	bottom: 48px;
	z-index: 200;
}

#_sb_friendAcceptMultiWrapper ._sb_friendAcceptMultiInner {
	border-top: 2px solid #CD1390;
	border-right: 2px solid #CD1390;
	border-left: 2px solid #CD1390;
}

#_sb_friendAcceptMultiWrapper ._sb_friendAcceptMultiTitle {
	background: url(img/friend-accept-check.gif) 4px center no-repeat;
	border-top: 2px solid #cd1390;
	color: #000;
	font: bold 13px arial,sans-serif;
	text-transform: capitalize;
	margin: 0 5px;
	padding: 8px 0 8px 34px;
}

#_sb_friendAcceptMultiWrapper ._sb_friendAcceptMultiContent {
	height: 122px;
	padding: 8px 0 0 8px;
	text-transform: uppercase;
}

#_sb_friendAcceptMultiWrapper ._sb_friendAcceptMultiAvatar {
	float: left;
	padding: 0 9px 9px 2px;
}

#_sb_friendAcceptMultiWrapper ._sb_friendAcceptMultiAvatar img {
	border: 1px solid #000;
}

#_sb_friendAcceptMultiWrapper ._sb_friendAcceptBottom {
	background: url(img/social-sprite.png) -2px -65px no-repeat;
	bottom: -18px;
	height: 18px;
	position: absolute;
	right: -2px;
	width: 206px;	
}

#_sb_friendAcceptMultiWrapper ._sb_friendAcceptMultiNumberBG {
	background: url(img/social-sprite.png) -160px 0px no-repeat;
	float: left;
	height: 38px;
	margin-top: 5px;	
	width: 53px;
}

#_sb_friendAcceptMultiWrapper #_sb_friendAcceptMultiNumber {
	color: #fff;
	display: block;
	font: normal 24px "cn-bold",Trebuchet MS,arial,sans-serif;
	padding-left: 15px;
	padding-top: 4px;
	text-align: center;		
}

/*-- friend Request Multi --*/
#_sb_friendRequestMultiWrapper {
	/*
	box-shadow: 0px 0px 5px #aaa;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-webkit-box-shadow: 0px 0px 5px #aaa;
	*/
	border: 2px solid #fff;
	width: 202px;
	height: 165px;
	position: absolute;
	right: 20px;
	bottom: 48px;
	z-index: 200;
}

#_sb_friendRequestMultiWrapper #_sb_friendRequestTitleNumber {
	font: normal 14px "cn-bold",Trebuchet MS,arial,sans-serif;	
}

#_sb_friendRequestMultiWrapper ._sb_friendRequestMultiTitle {
	background-color: #fff;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-top: 2px solid #ccc;
	color: #000;
	font: normal 14px "cn-bold",Trebuchet MS,sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 0;
}

#_sb_friendRequestMultiWrapper ._sb_friendRequestMultiContent {
	background-color: #b7007b;
	border-left: 2px solid #920062;
	border-right: 2px solid #920062;	
	height: 124px;
	padding: 12px 0 0 10px;
	text-transform: uppercase;
}

#_sb_friendRequestMultiWrapper ._sb_friendRequestMultiAvatar {
	float: left;
	padding: 0 10px 9px 0;
}

#_sb_friendRequestMultiWrapper ._sb_friendRequestMultiAvatar img {
	border: 1px solid #000;
}

#_sb_friendRequestMultiWrapper ._sb_friendRequestMultiNumberBG {
	background: url(img/social-sprite.png) -214px 0px no-repeat;
	float: left;
	height: 38px;
	margin-top: 5px;	
	width: 53px;
}

#_sb_friendRequestMultiWrapper #_sb_friendRequestMultiNumber {
	color: #b7007b;
	display: block;
	font: normal 24px "cn-bold",Trebuchet MS,arial,sans-serif;
	padding-left: 15px;
	padding-top: 4px;
	text-align: center;		
}

#_sb_friendRequestMultiWrapper ._sb_friendRequestBottom {
	background: url(img/social-sprite.png) -2px -83px no-repeat;
	bottom: -18px;
	height: 18px;
	position: absolute;
	right: -2px;
	width: 206px;	
}

/*-- friend Pending Requests --*/
#_sb_pendingRequestsWrapper {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;	
	width: 202px;
	height: 170px;
	position: absolute;
	right: 20px;
	bottom: 45px;
	z-index: 200;
}
#_sb_pendingRequestsWrapper ._sb_pendingRequestsContent {
	background-color: #b7007b;
	border-left: 2px solid #920062;	
	border-right: 2px solid #920062;	
	border-top: 2px solid #920062;		
	height: 166px;
	text-transform: uppercase;	
}

#_sb_pendingRequestsWrapper ._sb_pendingRequestsTotalBG {
	background: url(img/social-sprite.png) 0 0 no-repeat;	
	height: 64px;
	margin: 0 auto;	
	width: 64px;	
}

#_sb_pendingRequestsWrapper #_sb_pendingRequestsTotal {
	color: #b7007b;
	display: block;
	font: normal 45px "cn-bold",Trebuchet MS,sans-serif;
	height: 64px;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
}

#_sb_pendingRequestsWrapper ._sb_relationsTextHead {
	color: #fff;
	font: normal 16px "cn-bold",Trebuchet MS,sans-serif;
	margin: 16px 0;
	text-align: center;
	text-transform: uppercase;
}

#_sb_pendingRequestsWrapper ._sb_relationsTextFoot {
	color: #fff;
	font: normal 16px "cn-bold",Trebuchet MS,sans-serif;
	margin-top: 16px;
	text-align: center;
	text-transform: uppercase;
}
#_sb_pendingRequestsWrapper ._sb_relationsBGFoot {
	background: url(img/social-sprite.png) -4px -83px no-repeat;
	height: 20px;
	width: 206px;
	position: absolute;
	bottom: -15px;	
	left: 0; 
}

/*--- mini bar ---*/
#_sb_miniBar {
	bottom: 0;
	cursor: pointer;
	display: none;
	position: fixed;
	height: 58px;
	right: 0;
	width: 73px;
	z-index: 100;
}
#_sb_miniBar.active {
	display: block;
}

#_sb_miniBarAction {
	background: url(img/social-sprite.png) -213px -39px no-repeat;
	height: 41px;
	left: 0;	
	position: absolute;
	top: 10px;
	width: 14px;
}

#_sb_miniBarAction:hover {
	background-position: -230px -39px;
}

#_sb_miniBarAvatarWrapper {
	border: 1px solid #cecece;
	bottom: 0;
	background: #fff;
	float: left;
	height: 56px;	
	position: absolute;
	right: 0;	
	width: 57px;
}

._sb_miniBarAvatar {
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 47px;	
	margin: 4px;
	width: 47px;	
}
/*--- Badge earn pop-up ---*/
#_sb_badgeEarn {
	background: #fff;
	border: 2px solid #ccc;
	bottom: 54px;
	display: none;
	height: 74px;
	overflow: hidden;
	position: fixed;
	right: 8px;
	width: 302px;

}
#_sb_badgeEarn.active {
	display: block;
}
#_sb_badgeEarn ._sb_badgeEarnAvatarWrapper {
	float: left;
	width: 80px;
	position: relative;
}
#_sb_badgeEarn ._sb_badgeEarnAvatar {
	opacity: 0.5;
	margin: 14px;
	height: 22px;
	width: 22px;
	top: 12px;
	right: 12px;
	position: absolute;
	z-index: 101;				
}
#_sb_badgeEarn ._sb_badgeEarnContent {
	float: left;
	margin-top: 10px;	
	margin-left: -220px;
	width: 220px;
	opacity: 0.0;
	position: relative;
	z-index: 90;				
}
#_sb_badgeEarn ._sb_badgeEarnTitle {
	float: left;
	font: normal 18px "cn-bold",Trebuchet MS,arial,sans-serif;
	margin: 0 0 2px 0;
	text-transform: uppercase;
	width: 220px;
}
#_sb_badgeEarn ._sb_badgeEarnText {
	float: left;
	font: 12px arial, sans-serif;
	padding-right: 10px;
}
#_sb_badgeEarn ._sb_badgeEarnBadgeName {
	font-weight: bold;
}
#_sb_badgeEarn ._sb_badgeEarnGameName {
	color: #2260ab;
	font-weight: bold;
}
/*--- level up pop-up ---*/
#_sb_badgeEarn.levelEarn {
	background: url(img/alert-badge-bg-stripe.png) 0 0 repeat;
}
#_sb_badgeEarn.levelEarn ._sb_badgeEarnAvatarWrapper {
	margin-left: 4px;
}
#_sb_badgeEarn.levelEarn ._sb_badgeEarnTitle {
	font: normal 19px "cn-bold",Trebuchet MS,arial,sans-serif;
	color: #fff;
}
#_sb_badgeEarn.levelEarn ._sb_badgeEarnAvatar {
	margin: 0px 6px 0;
	padding: 0px;
}
#_sb_badgeEarn.levelEarn ._sb_badgeEarnContent {
	margin-top: 10px
}
#_sb_badgeEarn ._sb_badgeEarnTitle {
	margin: 0;
}
#_sb_badgeEarn.levelEarn ._sb_badgeEarnText	{
	font: 14px arial, sans-serif;
	color: #fff;
}

/*--- points remaining display ---*/
#_sb_pointsDisplayWrapper {
	display: none;
}

#_sb_pointsDisplayWrapper._sb_pointsActive {
	display: block;	
}

#_sb_pointsDisplayPosition {
	bottom: 4px;
	position: absolute;
	right: -156px;
	width: 190px;
	z-index: 110;	
}

#_sb_pointsDisplayWrapper ._sb_pointsDisplayWrapper {
	background: url(img/social-sprite.png) no-repeat scroll 0 -260px;
	border: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	margin: 0 14px 0 0;
	outline: none;
	overflow: visible;
	padding: 0 0 0 14px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

#_sb_pointsDisplayWrapper #_sb_pointsNeeded {
	display: inline-block;
	font: bold 13px/13px arial,sans-serif;	
	padding: 4px 4px 0 0;
	vertical-align: middle;
}

#_sb_pointsDisplayWrapper ._sb_pointsText {
	display: inline-block;
	font: bold 10px/13px arial,sans-serif;
	padding-top: 4px;
	vertical-align: middle;		
}		
		
#_sb_pointsDisplayWrapper ._sb_pointsDisplayWrapper span._sb_pointsDisplay {
	background: url(img/social-sprite.png) no-repeat scroll 100% -260px;
	color: #fff;
	display: block;
	height: 25px;
	margin-right: -14px;
	outline: medium none;
	padding: 0 14px 0 0;
	position: relative;
}
#_sb_pointsDisplayWrapper ._sb_pointsArrow {
	background: url(img/social-sprite.png) no-repeat scroll right top;
	bottom: 2px;
	height: 8px;
	right: -5px;
	position: absolute;
	width: 11px;
	z-index: 111;
}	

#_sb_loginTout {
	display: none;
	float: left;
	height: 44px;
	position: relative;
}

#_sb_loginTout.active {
	display: block;
}


#_sb_loginTout #_sb_loginToutCharacter {
	bottom: -40px;
	left: 0px;
	position: absolute;
}

#_sb_loginTout #_sb_loginToutBubble {
	display: none;
	bottom: -40px;
	left: 60px;
	height: 28px;
	position: absolute;
	width: 280px;
}
#_sb_loginTout #_sb_loginToutBubble.notHidden {
	display: block;
}
#_sb_loginTout #_sb_loginToutBubble.active {
	display: block;
	bottom: 8px;
}

#_sb_loginTout ._sb_loginToutBubbleHead {
	background: url(img/social-sprite.png) no-repeat scroll -18px -286px;
	float: left;
	height: 28px;
	width: 18px;
}

#_sb_loginTout ._sb_loginToutBubbleFoot {
	background: url(img/social-sprite.png) no-repeat scroll -40px -286px;
	float: left;
	height: 28px;
	width: 11px;
}
#_sb_loginTout #_sb_loginToutBubbleMid {
	background-color: #000;	
	float: left;
	height: 28px;
	max-width: 250px;
}
#_sb_loginTout #_sb_loginToutBubbleMid span { 
	color: #fff;
	font: bold 12px arial, sans-serif;
	line-height: 28px;
	vertical-align: middle;
	text-transform: uppercase;
	opacity: 0;
}

a:hover#_sb_loginTout ._sb_loginToutBubbleHead {
	background: url(img/social-sprite.png) no-repeat scroll -54px -286px;
}
a:hover#_sb_loginTout ._sb_loginToutBubbleFoot {
	background: url(img/social-sprite.png) no-repeat scroll -76px -286px;
}
a:hover#_sb_loginTout #_sb_loginToutBubbleMid {
	background-color: #00aeef;	
}


@media all and (min-width: 1200px) {
	#_sb_socialGlobalNav #_sb_sgnWrapper {	
		width: 1000px;	
	}
	#_sb_miniGamer #_sb_gamerIcon {
		margin-left: 100px;		
	}
}	

/*--- hide sound ---*/
#_sb_sound_swf_levelUp, 
#_sb_sound_swf_badgeEarn, 
#_sb_sound_swf_friendEarn, 
#_sb_sound_levelUp, 
#_sb_sound_badgeEarn, 
#_sb_sound_friendEarn {
	position: absolute;
	z-index: -99999;
}


/*--- clear fix ---*/
#_sb_alertContent:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
	content: " ";
	clear: both;
	height: 0;
}