/* Adventure Card Styles */
#asset-adv-detail h4{ font-family:"Trebuchet MS"; font-size: 18px; color: #143c78; }
/* outerpod */
#asset-adv-detail{ width: 870px; }
#asset-adv-detail .asset-image-container { width:377px; height:420px; margin:4px 0 0 -6px; 
	text-align:center;  }
/* rel pos adventure img holder */
#asset-adv-detail img.js-asset-image { display:block; height:357px; width:357px; margin-left:15px; 
	margin-top:74px; z-index:3; }
/* absolutely pos overlay div holder for adventure img holder */
#asset-adv-detail #adventureDisplayDiv{ position: absolute; z-index:10; 
	width:380px; height:467px; top: -65px; left: 0; *top: 0; }
/* asset image overlay*/
#asset-adv-detail .asset-image-container{ margin:4px 0 0px -6px; width: 377px; text-align: center;
  background: transparent; height: 410px; *height: 475px;}
#asset-adv-detail #advFrameImg{ position:absolute; top:5px; left:5px; z-index: 10; }

#asset-adv-detail .asset-title { position:absolute; top:20px; left: 20px; height:34px; width:345px; font-size:18pt; 
	font-weight:bold; text-align:center; z-index:11; overflow: hidden;   }
#asset-adv-detail .asset-author{ position:absolute; top: 60px; left: 17px; width:330px; z-index: 11; }
#asset-adv-detail .js-asset-featured-image{ display:block; visibility:hidden; height:25px; left:22px; 
	position: absolute; z-index:11; top:21px;}
#asset-adv-detail .js-buddy-button { background:transparent url(/static/war/images/sporepedia/BtnAddbuddyStrip.png) no-repeat scroll 0 0;
	top:60px; height:22px; left: 346px; width:22px; display:block; position:absolute; margin:0; z-index:10;
}
#asset-adv-detail #genrePointsDiv{ position:absolute; top:87px; left:290px; z-index:11; 
	height:80px; width:80px; }
#asset-adv-detail #genrePointsImg{}
#asset-adv-detail #genrePointsNumber{ color: #ffe000; font-size:18pt; font-weight:bold; position:absolute; 
	z-index:11; font-family: "Trebuchet MS"; width: 72px; text-align: center; top: 24px; left: 1px; 
 }
#asset-adv-detail .difficultyIcons{ display: none; margin: 0 auto; }
#asset-adv-detail #js-difficultyLbl{ font-weight: bold; }
#asset-adv-detail #js-difficultyLblDiv {margin-top:3px; text-align: center; }
#asset-adv-detail #js-difficultyIconsDiv{ text-align:center; height:21px; width: 49px; 
	margin: 0 auto; }

#asset-adv-detail #difficultyDiv { position:absolute; z-index: 11; top:418px; left:20px; height:50px; width:135px;
	color:#FFFFFF; font-size:0.8em;  }
	
#asset-adv-detail .adventureStats { position:absolute; z-index: 11; top: 418px; left: 185px; height:45px; width:175px; 
	color:#FFFFFF; font-size:13px; font-family: "Trebuchet MS"; text-align: right; }	
#asset-adv-detail #js-numPlays{ font-weight: bold; color: #a4cff2; font-size: 16px; }
#asset-adv-detail #numPlaysDiv{ margin-top:5px;}
#asset-adv-detail #difficultyDiv a { color:#FFFFFF; text-decoration:underline; }	
#asset-adv-detail .js-leaderboard{ 	margin-left:0; }
#asset-adv-detail .js-add-comment-display	{ 	margin-left:0; }
#asset-adv-detail .js-adv-asset-rating { text-align: left; height:40px; 
	width: 360px; position: relative; *margin-top:70px; margin-top: 35px; }
#asset-adv-detail #advYourRating{ width: 164px; height:32px; float:left; }
#asset-adv-detail #asset-adv-rating-good{ 
	background:transparent url(/static/war/images/icons/rate_good.png) no-repeat scroll left top;
	display:block; height:32px; width:32px; position: relative; margin-left: 71px; margin-top:-27px;
}
#asset-adv-detail #asset-adv-rating-bad{
	background:transparent url(/static/war/images/icons/rate_bad.png) no-repeat scroll left top;
	display:block; height:32px; width:32px; position: relative; margin-left: 110px; margin-top:-27px;
}
#asset-adv-detail #asset-add-comment{  padding: 0;}
#asset-adv-detail #yourAdvRating{ height: 50px; width: 180px;}
#asset-adv-detail #rateAdvHeader{ width: 60px; font-weight:bold; }
#asset-adv-detail #overallRatingLbl{ font-weight: bold; float:right; display:block; width:190px;  }
#asset-adv-detail #overallRatingDiv{ display:block; position:absolute; right: 14px; top:-4px;}
#asset-adv-detail .rateImg{ padding-top: 10px; position:absolute; }
#asset-adv-detail #badImg{ margin-left: 35px;}
#asset-adv-detail .tenPt{font-size: 10pt; }
#asset-adv-detail #asset-description{ height: auto; /*border: 1px dotted green*/; width: 380px; 
	max-height: 400px; min-height:50px; margin-top: 15px; }
#asset-adv-detail #asset-tags{ height: auto; width: 380px; /*border: 1px dotted blue; */ 
	max-height: 220px; position: relative; margin-top: 5px; }
#asset-adv-detail #adventureTypeDiv{ height: auto; width: 234px; margin-top:10px; /*border: 1px dotted red;*/ }
#allAdvLink{ font-size:14px; margin:5px 0; width: 234px;}
#asset-adv-detail #advRequiredGames{ height: 110px; width: 234px; margin-top:10px; }
#asset-adv-detail #advLineageDiv{ height:auto; width: 234px; font-size: 13px;}
#asset-adv-detail #heroDiv{ width: 150px; height: 200px; /*border: 1px dotted gray;*/ display: block; 
	float:right; margin-top:10px; }
#asset-adv-detail #js-hero-card{ width: 131px; height: 178px; 
	background: url(/static/war/images/sporepedia/adv/HeroCardBkrd.png) 0px 0px no-repeat; }	
#asset-adv-detail #heroAvatarImg{ margin-left:0px; margin-top:40px;}

/* leaderboard css */
#unplayedMssgDiv{font-size:16px; text-align:center; padding-top:20px; font-weight:bold;}
#leaderPodDiv{ height: auto; }
#adventure-leader-board .innerpodMid {background: #f5f7f4; } 
#adventure-leader-board .innerpodbot { background: #fff; } 

#asset-adv-detail .leaderBoard{ background: #f5f7f4; display:block; height: 390px; 
	text-align:left;}
#asset-adv-detail #leaderGrid{ height: 380px; }
#asset-adv-detail #leaderHdrs{ height: 20px; width: 100%; padding-top:20px; }
#asset-adv-detail .leaderHdr{ font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; display: inline;}
#asset-adv-detail #playerName{ height:20px; }
#asset-adv-detail #pctComplete{ height:20px; margin-left: 170px; }
#asset-adv-detail #time{ width: 55px; height:20px; margin-left: 7px; }
#asset-adv-detail .highScoreEntry { width: 370px; clear: both; height: 34px; }
#asset-adv-detail .leaderRow{clear: both; height:34px; width: 370px;  }
#asset-adv-detail .adv-player-avatar { height: 30px; width: 30px; position: relative; top: 3px; 
	left: 0px; float:left; background: #d7e4ee; }
#asset-adv-detail .trophyCup{ float: left; margin: -2px 3px 2px 3px;  }
#asset-adv-detail .adv-player-name { background-color: #d7e4ee; margin: 3px 2px 2px 0; padding-top: 6px; float: left;	
	width: 220px; height: 24px; /*border:1px dotted green;*/ font-family: "Trebuchet MS"; font-size: 12px; 
	color:#143c78; vertical-align: middle;}
.highScoreEntry .adv-player-name a:link, .highScoreEntry .adv-player-name a:active, .highScoreEntry .adv-player-name a:visited {
	color:#143c78;
}	
#asset-adv-detail .adv-score { background-color: #d7e4ee; margin: 2px; padding-top: 6px; float: left; text-align: center;
	width: 55px; height: 24px; /*border:1px dotted blue;*/ font-family: "Trebuchet MS"; font-size: 12px; 
	color:#143c78; vertical-align: middle; }
#asset-adv-detail .adv-time { background-color: #d7e4ee; float: left; margin: 2px; padding-top: 6px; text-align: center;
	width: 55px;  height: 24px; /*border:1px dotted green;*/ font-family: "Trebuchet MS"; font-size: 12px; 
	color:#143c78; vertical-align: middle;}
#asset-adv-detail .rank{ padding: 2px 5px 2px 10px; font-family: "Trebuchet MS"; font-weight: bold; font-size: 16px;
	color: #143c78; }

#asset-adv-detail .avatarOverlay{ left:0px; margin-top: 2px; position:absolute; z-index: 15; }
#asset-adv-detail #highScoreFirstDiv{ /*border: 1px dotted red;*/ }
#asset-adv-detail #highScoreFirstDiv .adv-player-name, #asset-adv-detail #highScoreFirstDiv .adv-score, #asset-adv-detail #highScoreFirstDiv .adv-time,
	#highScoreFirstDiv .adv-player-name a:link, #highScoreFirstDiv .adv-player-name a:active, #highScoreFirstDiv .adv-player-name a:visited {
	background: #eee152; color:#143c78; }

#asset-adv-detail #highScoreSecondDiv{ /*border: 1px dotted red;*/ }
#asset-adv-detail #highScoreSecondDiv .adv-player-name, #asset-adv-detail #highScoreSecondDiv .adv-score, #asset-adv-detail #highScoreSecondDiv .adv-time, 
	#highScoreSecondDiv .adv-player-name a:link, #highScoreSecondDiv .adv-player-name a:active, #highScoreSecondDiv .adv-player-name a:visited {
	background: #204665; color: white; }

#asset-adv-detail #highScoreThirdDiv{ /*border: 1px dotted red;*/ }
#asset-adv-detail #highScoreThirdDiv .adv-player-name, #asset-adv-detail #highScoreThirdDiv .adv-score, #asset-adv-detail #highScoreThirdDiv .adv-time,
	#highScoreThirdDiv .adv-player-name a:link, #highScoreThirdDiv .adv-player-name a:active, #highScoreThirdDiv .adv-player-name a:visited {
	background: #045597; color: white; }

#asset-adv-detail #highScoreSecond{ background-color: #214565; }
#asset-adv-detail #highScoreThird{ background-color: #045597; }
#asset-adv-detail #asset-rating-good { margin-top: -7px; left: 80px;}
#asset-adv-detail #asset-rating-bad { margin-top: -7px; left: 125px;}

#parentAuthorDiv, #originalAuthorDiv{ font-weight: bold; font-size:13px; width:230px;
	margin:5px 0; }
.js-parent-author, .js-original-author{ font-weight: normal; width:230px; }
.bold{ font-weight:bold;}
#leaderBoardSwitcherDiv{ font-size: 13px; text-align:center; }
#showTop10, #showVsWorld, #showVsBuddies{ cursor: pointer; }
#top10LeaderBd, #youVsWorldLeaderBd, #youVsBuddiesLeaderBd{ position: absolute; display:block; 
	z-index:11; height: 350px; text-align:left; left:4px; top:45px; overflow: hidden; 
	vertical-align: middle;}

#youVsWorldLeaderBd .rank, #youVsBuddiesLeaderBd .rank{ display:none; }
#youVsWorldLeaderBd .adv-player-name, #youVsBuddiesLeaderBd  .adv-player-name{
	padding-left:10px; width: 210px; }
	
#top10Title, #youVWorldTitle, #youVBuddiesTitle{ position:absolute; top:5px; left:5px; }
#leaderBoardDiv{ height: 325px; }
#userStatsDiv{ height:auto; text-align:left; font-size: 13px; margin-top:10px; padding-bottom:5px;}	
#usrRankDiv, #usrPctCompleteDiv, #usrTime{ margin-top: 5px;}
.okLabel{cursor: pointer;}

/* help popup */
#whatsThisAdv{ font-size: 12px; cursor: pointer; margin-right: 10px; }
#whatsThisAdv:hover { text-decoration: underline;}
#downloadItHelpAdv{ height: 150px; width: 246px; font-family: Arial; font-size: 12px; 
  color: #07214E; position: absolute; z-index: 35; display: block; background: transparent; 
	visibility: hidden; cursor: pointer; top: 362px; left: 365px;   }
#downloadHelpTopAdv{ height:26px; width: 250px; 
  background: transparent url("/static/war/images/global/help_frame_top_button.png") no-repeat 0 top  }
#downloadHelpBtm{ height: 12px; width: 250px; 
  background: transparent url("/static/war/images/global/help_frame_bottom.png") no-repeat 0 bottom;  
}
#downloadHelpTxt{ background-color: #BEDEF6; height: 100px; width: 226px; padding: 10px;  
  border-left: 2px solid #2987C7; border-right: 2px solid #2987C7; }