h1 {
  display: none;
}
h4 {
font-family:"Trebuchet MS", verdana, sans-serif;
font-size:12pt;
}

.yui-skin-sam {	}

.no-display {
  display: none;
}
.no-visibility {
  visibility: hidden;
}
.visible{
	visibility: visible;
}

#template-container { margin-top: -40px; }

#content-left-button-down {
	position: absolute;
	top: 690px;
	height: 22px;
	width: 178px;
	background: url(/static/war/images/sporepedia/ScrollDownNml.png) no-repeat;
	z-index: 5; 	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	cursor: pointer;
}
#content-left-button-up {
	position: relative;
	bottom: 0px;
	height: 22px;
	width: 178px;	
	background: url(/static/war/images/sporepedia/ScrollUpNml.png) no-repeat;
	z-index: 5; 	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	cursor: pointer;
}

#loginPane {
	background-image:url(/static/war/images/sporepedia/LoginBkrd.png);
	background-repeat:no-repeat; 	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width: 164px;
	height: 111px;
	margin-left: 7px;
	text-align:center;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	font-family:"Trebuchet MS",verdana,sans-serif;	
}



#loginpanetext {
	text-align:left;
	padding: 10px;
}
.js-login-button {
  background:url(/static/war/images/global/button_nml_full.png) no-repeat;
  color:#FFF; 	
  behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  text-align:center;
  display:block;
  float:left;
  padding-top:5px;
  width:100px;
  height:25px;
  cursor:pointer;
  margin-left: 20px;
  margin-top: 3px;
}
.js-login-button:hover {
  background-position:0 -32px;
}
.js-login-button:active {
  background-position:0 -64px;
  color:#000;
}
.js-login-button:disabled {
  background-position:0 -96px;
}

#content-layout td {
  vertical-align: top;
  z-index: 0;
}

#content-right-column {
  width: 0px;
}

div#doc2 {
  width: 100%;
	height: auto;
}

.js-add-to-sporecast {
  background:#FFFFFF;
  border-color:#3485C2;
  border-style:solid;
  border-width:1px 2px 2px 1px;
  padding:0.45em;
  color:black;
  font-size:small;
  display:block;
  xleft:-10000px;
  position:absolute;
  xtop:-10000px;
  z-index:10;
}

#autocomplete {
  position:relative;
  width:15em;
  margin-bottom:1em;
  z-index:9000
}
#titleSelect {
  _position:absolute;
  width:100%;
  z-index:0;
}
#titleOptions {
  position:absolute;
  top:1.0em;
}
#titleOptions .yui-ac-content {
  position:absolute;
  width:100%;
  border:1px solid #92ADC2;
  background:#fff;
  overflow:hidden;
  z-index:9050;
}
#titleOptions .yui-ac-shadow {
  position:absolute;
  margin:.3em;
  width:100%;
  background:#a0a0a0;
  z-index:9049;
}
#titleOptions ul {
  padding:5px 0;
  width:100%;
}
#titleOptions li {
  padding:0 5px;
  cursor:default;
  white-space:nowrap;
}
#titleOptions li.selected {
  background-color:#39f;
  color: #fff;
}
#titleOptions li.yui-ac-prehighlight {
  background-color:#39f;
}

.yui-ac-shadow {
  background-color:#000;
  -moz-opacity: 0.25;
  opacity:.25;
  filter:alpha(opacity=25);
  zoom:1;
}

#my-sporecasts  {
     background:url(/static/war/images/black-50.png) left center;
     border: solid #000000; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
     border-width: 1px 1px 0px 1px;
     position: absolute;
     top: 100px;
     left: 100px;
     width: 300px;
     height: auto;
     z-index: 10099;
}

#my-sporecasts li {
     background:url(/static/war/images/white-bottom-grd.png) bottom center repeat-x;
     z-index: 101; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
     color: #fff;
     border-bottom: 1px solid #000;
     margin: 0px 1px;
     height: 75px;
     clear: left;
}

#my-sporecasts div.active {
     background:url(/static/war/images/yellow-center-grd.png) center repeat-x;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");}


#my-sporecasts span.title {
  line-height: 75px;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 5px;
}

#my-sporecasts span.thumbnail {
  display: block;
  float: left;
}

#my-sporecasts img {
  padding: 0px 5px;
  width: 72px;
  height: 72px;
}

#asset-proxy {
  position: absolute;
  width: 80px;
  height: 60px;
	z-index: 30;  
}

#asset-proxy img.js-asset-proxy-image {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  margin-top: 5px;
}

.dd {
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	font-family:"Trebuchet MS",verdana,sans-serif;
	overflow: hidden;
	white-space: nowrap;
}
.dd-title {
	color: #FFFFFF;
	padding-top: 5px;
}
.dd-creator {
	color:#0066FF;
	padding-top: 8px;
}

img.js-asset-thumbnail {
  margin: auto;
  width: 120px;
  height: 120px;
  display: block;
  padding:0px auto;
}
img.js-asset-thumbnail-small {
  width: 49px;
  height: 49px;
	margin:0 3px 0 0; 
	
}

#topRatedSporecastsContent img.js-asset-thumbnail-small {
  width: 49px;
  height: 49px;
	margin:0 2px 0 0; 
	
}


#asset-pane {
  width: 846px;
  left: 178px;
  position: relative;
  /*height:950px;*/
	height:auto;
}
#asset-search{
	height: auto;
}
#sporecast-search{
	height : auto;
}


#asset-thumbnails {
  margin: 0px 0px 0px 0px;
  position: relative;
  padding-left:2px;
  width: 700px;
	height:auto;
}
/* IE6 only */
/*\*/
* html #asset-thumbnails{padding-left:1px;}
/**/
.asset-thumbnail-row {
  min-height: 185px;
  height: auto; 
  height: 185px;
  position: static;
  width: 700px;
}
#mpnRow .asset-thumbnail-row { height: 185px; }
#featuredCreationsContent .asset-thumbnail-row {height: 185px; }
	
#sporecast-thumbnails {
  width: 675px;
  top: -61px;
  position: relative;
}
#sporecasts, #user-buddies {
	overflow: hidden;
}

.sporecast-thumbnail-row {
  min-height: 160px;
  height: auto!important;
  position: static;
}

#topRatedSporecastsContent .sporecast-thumbnail-row {
  min-height: 160px;
  position: static;
  width: 216px;
}
div.js-creator-name {
	margin: 0 0 0 0;
	text-align: left;
	float: left;
	padding-top: 1px;
}
.js-sporecast-thumbnail-caption {
  	color: #FFFFFF;
	margin: 0 0 0 0;
	text-align: left;
	float: left; 
	font-family:"Trebuchet MS", verdana, sans-serif;
	font-weight: bold;
	font-size:10pt;	
	overflow: hidden;
	width: 80%;
	white-space:nowrap;
}
div.js-asset-count {
  text-align: right;
  color: #FFFFFF;
  font-family:"Trebuchet MS", verdana, sans-serif;
  font-weight: bold;
  font-size:10pt;
  width:20%;
  display:inline;
  right:0;
}
div.js-subscription-count {
  text-align: right;
  color: #000000;
  font-family:"Trebuchet MS", verdana, sans-serif;
  font-weight: bold;
  font-size:10pt;
}

#previous-assets {
  margin-top: 10px;
  clear: left;
  float: left;
}

#next-assets {
  margin-top: 10px;
  float: right;
}
.creature-dob {
  position:absolute;
  right:25px;
  top:412px;
  _right:-120px;
  _top:48px;
  color:#FFF;
  font-size:0.8em;
}
.js-asset-rating {
  position:absolute;
  left:13px;
  top:404px;
  _top:35px;
  _left:8px;
  text-align:left;
}

.your-rating {
  height: 32px;
}

#asset-rating-good, #sporecast-rating-good {
  background: transparent url(/static/war/images/icons/rate_good.png) no-repeat top left;
  display: block; behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0px;
  left: 100px;
}

#asset-rating-bad, #sporecast-rating-bad {
  background: transparent url(/static/war/images/icons/rate_bad.png) no-repeat top left;
  display: block; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0px;
  left: 129px;
}

#asset-rating-good:hover, #sporecast-rating-good:hover { 
	background: transparent url(/static/war/images/icons/rate_good_hl.png) no-repeat top left;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>"); }
#asset-rating-bad:hover, #sporecast-rating-bad:hover { 
	background: transparent url(/static/war/images/icons/rate_bad_hl.png) no-repeat top left; 
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#asset-rating-good.selected, #sporecast-rating-good.selected { 
	background: transparent url(/static/war/images/icons/rate_good_on.png) no-repeat top left; 
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#asset-rating-good.selected:hover, #sporecast-rating-good.selected:hover { 
	background: transparent url(/static/war/images/icons/rate_good_on_hl.png) no-repeat top left; 
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#asset-rating-bad.selected, #sporecast-rating-bad.selected { 
	background: transparent url(/static/war/images/icons/rate_bad_on.png) no-repeat top left; 
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#asset-rating-bad.selected:hover, #sporecast-rating-bad.selected:hover { 
	background: transparent url(/static/war/images/icons/rate_bad_on_hl.png) no-repeat top left; 
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");}

.js-fb-publish {
}
.assetFb{
position:absolute;
  left:310px;
  top:44px;
  cursor:pointer;
  }
.advFb {
position:absolute;
  left:310px;
  top:-10px;
  *top:54px;
  cursor:pointer;
  z-index:60;
  }
#fb-publish-button {
  background: transparent url(/static/war/images/icons/fbicon.png) no-repeat top left;
  display: block; behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  width: 30px;
  height: 32px;
/*  position: absolute;
  top: 0px;
  left: 0px;*/
}

.detail-title
{
  font-size: 15px;
  font-weight: bold;
  padding-right: 5px;
}


#asset-detail
{
	position:absolute;
	top: 112px;
	left: 184px;
	width:830px;
	z-index:15;
	margin-bottom:250px;
	font-family:"Trebuchet MS", verdana, sans-serif;
	font-size:12pt;
}

#asset-adv-detail
{
	position:absolute;
	top: 112px;
	left: 184px;
	width:830px;
	z-index:15;
	margin-bottom:250px;
	font-family:"Trebuchet MS", verdana, sans-serif;
	font-size:12pt;
}

#asset-detail div.field, #sporecast-detail div.field
{

}

img.thumb-image-download {
	opacity:0;
	filter:alpha(opacity=0);
	_display:none;
	width: 19px;
	height: 22px;
	position: relative;
	top: -15px;
	left: 90px;
}
img.thumb-image-mpn-download {
	opacity:0;
	filter:alpha(opacity=0);
	_display:none;
	width: 19px;
	height: 22px;
}
.thumb-file-icon {
	background: transparent url(/static/war/images/sporepedia/BtnFileStrip.png) no-repeat top left;
	background-position: 0px 0px;
	height:22px;	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width:19px;
	visibility: hidden;
	opacity:0;
	filter:alpha(opacity=0);	
	position: relative;
	top: -15px;
	left: 109px;
	float: left;
}
.thumb-trash-icon {
	background: transparent url(/static/war/images/icons/Delete_can_strip_sm.png) no-repeat top left;
	background-position: 0px 0px;
	height:25px;	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width:25px;
	visibility: hidden;
	opacity:0;
	filter:alpha(opacity=0);	
	position: relative;
	top: -39px;
	left: -2px;
}

#asset-detail img.js-asset-image {
  display: block;
  width: 256px;
  height: 256px;
  position:absolute;
  top:134px;
  left:69px;
  _top:60px;
  _left:10px;
}
#asset-detail img.js-asset-image-download {
  opacity:0;
  filter:alpha(opacity=0);
  _display:none;
}
.asset-image-container{
  background: transparent url(/static/war/images/global/largeBackdrop.png);
  background-repeat: no-repeat;	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  margin:4px 0 0px -6px;
  width: 377px;
  height: 442px;
  text-align: center;
  position:relative;
}

#asset-comments {
  font-size: 12px;
  margin-top:20px;
}

#asset-detail #asset-comments h3 {
  background:#FFF;
  display:block;
  padding:4px;
  font-size:13pt;
  margin:0 -5px;
  border-top:1px solid #BBB;
}
#asset-detail #asset-comments h3 em {
  margin-left:6px;
  font-size:0.9em;
  color:#777;
}
#asset-add-comment .text-entry {
  margin-left:8px;
  padding-top:8px;
}

#asset-comments .innerpodcontent {
  min-height: 370px;
  max-height: 850px;
  _height: 370px;
  overflow:auto;
}
.js-leaderboard {
margin-top:20px;}
.js-asset-comments {
  margin:0 -5px;
}
.a-comment {
}
.a-comment div {
  background:#EEE;
  padding:2px 5px;
  height:1.2em;
}
.a-comment i {
  float:left;
}
.a-comment i a {
  font-size:1.1em;
}
.a-comment b {
  float:right;
  color:#222;
}
.a-comment span.link-button {
  float:right;
  padding-right:3px;
  color:#888;
  font-size:0.9em;
}
.a-comment span.link-button:hover {
  color:#000;
}
.a-comment p {
  padding:3px 5px 7px;
  font-size:13px;
}

.no-comments {
  text-align:center;
  padding:10px;
  font-size:10pt;
  font-style:italic;
  color:#888;
}
.hide-owner-flag {
	visibility: hidden;
}
.no-edit-message {
	display: block;
	visibility: hidden;
	text-align: center;
	font-weight: bold;
}
.js-comment-edit {
	display: block;
	visibility: hidden;
}
#asset-detail .js-asset-detail-close, #sporecast-detail .js-sporecast-detail-close {
  display: block;
  float: right;
  margin-top: -15px;
}

#sporecast-detail
{
  position: absolute;
  left: 170px;
  top: 128px;
  z-index: 14;
}

#sporecast-detail div.js-sporecast-assets
{
   width: 350px;
   margin-right: 20px;
   float: right;
   height: 400px;
   overflow-y: auto;
   background-color: #f6f6f6;
}

#sporecast-detail img.js-sporecast-image {
  width: 256px;
  height: 256px;
  margin: 10px 20px 20px;
  display: block;
  float: left;
}

#themed-tab, #buddy-tab, #tagged-tab {
  margin-top: 3px;
  margin-left: 10px;
  float: left;
}

#sporecast-detail .field {
  clear: left;
  width: 230px;
}

#sporecast-detail .last {
  width:auto;
}



#search-section, #sporecast-search-section {
  margin-top: 0px;
  padding: 0px 15px 0px 0px;
  text-align: right;
  height: 100px;
  width: 666px;
  position: relative;
  font-family:"Trebuchet MS", verdana, sans-serif;
  z-index:9;
  font-size: 12px;
  color: #022c65;
}

.search-term-options input {
  border: none;
  display: block;
  position: absolute;
  width: 351px;
  top: 8px;
  left: 144px;
  height: 21px;
  padding: 4px 16px 0px 12px;
  background: url(/static/war/images/sporepedia/search_ctr.gif) repeat top left;
  font-weight: bold;
  font-size: 10pt;
/* 	border:1px dotted red; */

}
.search-left {
	background: transparent url(/static/war/images/sporepedia/search_lft.gif) no-repeat top left;
	position: absolute;	
	top: 8px;
	left: 131px;
	width: 16px;
	height: 26px;
	/* border:1px dotted red; */ 
}
.spc-search-left {
	left: 153px;
}
.search-right {
	background: transparent url(/static/war/images/sporepedia/search_rht.gif) no-repeat top left;
	position: absolute;
	top: 8px;
	right: 128px;
	width: 16px;
	height: 26px;
	
/* 	border:1px dotted red;  */
}
.spc-search-right {
	right: 124px;
}
#sporecast-search-section input {
  border: none;
  display: block;
  position: absolute;
  width: 332px;
  top: 8px;
  left: 167px;
  height: 21px;
  padding: 4px 16px 0px 12px;
  background: transparent url(/static/war/images/sporepedia/search_ctr.gif) repeat top left;
  font-weight: bold; 	
  font-size: 10pt;
}

div.field
{

}

.search-results div.field label
{
  padding-right: 0px;
}

div.js-sporecasts
{
  padding-bottom: 3px;
}

.js-search-button {
  border: none;
  background: transparent url(/static/war/images/sporepedia/SearchBtn.png) no-repeat 0px 0px;
  behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  display: block;
  position: absolute;
  height: 24px;
  width: 106px;
  top: 10px;
  right: 19px;
  cursor: pointer;
  overflow: hidden;
  text-indent: 40px;
  z-index: 2;
  text-align:center;
}
.js-search-buttonIE6 {
  border: none;
  background: url(/static/war/images/sporepedia/SearchBtn.gif) no-repeat 0px 0px;
  display: none;
  position: absolute;
  height: 24px;
  width: 106px;
  top: 8px;
  cursor: pointer;
  right: 65px;
  overflow: hidden;
  text-indent: 40px;
  z-index: 2;
}
.js-spc-search-button {
  right: 17px;
}

.js-search-button:hover {
  background-position: 0 -24px;
}

.js-search-button:active {
  background-position: 0 -48px;
}

.js-browse-submit-button {
	border: none;
	background: transparent url(/static/war/images/sporepedia/SubmitBtn.png) no-repeat 0px 0px;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	display: block;
	position: absolute;
	height: 24px;
	width: 106px;
	top: 8px;
	right: 19px;
	overflow: hidden;
	text-indent: 40px;
	z-index: 2;
}
.js-browse-submit-button:hover {
  background-position: 0 -24px;
}

.js-browse-submit-button:active {
  background-position: 0 -48px;
}

.js-pagination {
  display: block;
  text-align: right;
  font-family:"Trebuchet MS", verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  position: relative; 
  color: #123C78;
  padding: 0px 2px 0px 2px;
  margin-bottom: 10px;
}
.asset-pagination, .sporecast-pagination{
  width: 670px;
  z-index: 1;
}
.sporecast-pagination-bottom{
	top: 76px;
}

.js-page-description {
  display: block;
  float: left;
  z-index:0;
}

.js-pagination-nav span {
  color: #06f;
  cursor: pointer;
  padding: 0px 2px;
}

.js-pagination-nav span.js-current {
  color: #000;
  font-weight: bold;
}

.js-pagination-nav span.js-current:hover {
  text-decoration: none;
  cursor:default;
}

.js-pagination-nav {
  cursor: default;
}

.js-filter-pulldown .js-pulldown-button, .js-filter-pulldown2 .js-pulldown-button,
.js-sort-pulldown .js-pulldown-button {
	background: transparent url(/static/war/images/sporepedia/NewDropDownStripLeft.png) no-repeat;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	background-position: 0 3px; 
	height:28px;	
}

.js-filter-pulldown:hover .js-pulldown-button, .js-filter-pulldown2:hover .js-pulldown-button,
.js-sort-pulldown:hover .js-pulldown-button  {
	background-position: 0 -25px;
}

.js-pulldown-label { background: url(/static/war/images/sporepedia/NewDropDownStripTile.png) repeat-x;
	background-position: 0 3px;	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");  
	display: block; color: #fff; text-align: center; margin-left: 17px; margin-right:30px;
	height:25px; width: 105px;
	cursor: pointer; 
}
  
.js-sort-pulldown:hover .js-pulldown-label, .js-filter-pulldown:hover .js-pulldown-label,
.js-filter-pulldown2:hover .js-pulldown-label {
	background: url(/static/war/images/sporepedia/NewDropDownStripTile.png) repeat-x;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	background-position: 0 -25px;
} 

.js-pulldown-icon { display: block; position: absolute; width: 30px; height: 28px;
	background: transparent url(/static/war/images/sporepedia/NewDropDownStripRight.png) no-repeat;
	background-position: 0 0;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>"); 
	right: -12px; top: 0; z-index: 10; }

.js-sort-pulldown:hover .js-pulldown-icon, .js-filter-pulldown:hover .js-pulldown-icon,
.js-filter-pulldown2:hover .js-pulldown-icon {
	background: transparent url(/static/war/images/sporepedia/NewDropDownStripRight.png) no-repeat;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	background-position: 0 -28px; 
	right: -12px; top: 0;
}

#filter-pulldown, #filter-pulldown2, #sort-pulldown, #sort-pulldown2, #sporecast-sort-pulldown,
#filter-pulldown2Creatures, #filter-pulldown2Buildings, #filter-pulldown2Vehicles,
#filter-pulldown2Adventures {
  display: block;
  position: absolute;
  top: 6px;
  z-index: 11;
}

#filter-pulldown {
  width: 222px;
  left: -40px;
}
#filter-pulldown2, #filter-pulldown2Creatures, #filter-pulldown2Buildings, 
  #filter-pulldown2Vehicles, #filter-pulldown2Adventures {
  width: 222px;
  left: 145px;
}

#sort-pulldown, #sort-pulldown2 {
  left: 325px;
  width: 238px;
}
#sporecast-sort-pulldown {
  left: 10px;
  width: 238px;
}

.pulldown-label {
  display: block;
  position: absolute;
  left: 0px;
  color: #000;
  padding-top: 4px;
  font-weight: bold;
  font-size: 11pt;
  margin: 0px;
}

.js-pulldown-button {
  display: block;
  position: absolute;
  width: 140px;
  left: 60px;
  z-index: 10;
}


#sort-pulldown2, #sort-pulldown, #sporecast-sort-pulldown .js-pulldown-button {
  right: 0px;
}

.js-filter-pulldown .js-menu {
  top: -4px;
  left: 63px;
}

.js-filter-pulldown2 .js-menu {
  top: -4px;
  left: 71px;
}


.js-sort-pulldown .js-menu  {
  top: -4px;
  left: 63px;
}


.js-menu {
  padding: 0px;
  border: none;
  margin: 32px 0px;
  position: relative;
  overflow: visible;
  background: transparent url(/static/war/images/sporepedia/dropdown_center_right.png) repeat-y 117px;
  behavior: url("<c:url value="/css/pngbehavior.htc"/>");
}

.js-menu .hd {
  position: relative;
  top: -16px;
  padding: 0px;
  border: none;
  margin: 0px 16px;
  background:url(/static/war/images/sporepedia/dropdown_center_top.png) repeat-x;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  height: 16px;
  text-align: left;
  vertical-align:middle;
  overflow: visible;
}

.js-menu .hd .tl {  width: 16px; height: 16px; top:0px; left:-16px;
	background:url(/static/war/images/sporepedia/dropdown_corner_uplft.png);
		behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	background-color: transparent; position: absolute;
}

.js-menu .hd .tr {
  width: 16px;
  height: 16px;
  top:0px;
  right:-9px;
  background:url(/static/war/images/sporepedia/dropdown_corner_uprht.png);
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  position: absolute;
}

.js-menu .ft {
  padding: 0px;
  margin: 0px 16px;
  border: none;
  background:url(/static/war/images/sporepedia/dropdown_center_bttm.png) repeat-x;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  height: 16px;
  position: relative;
  bottom: -16px;
}

.js-menu .ft .bl {
  width: 16px;
  height: 16px;
  bottom:0px;
  left:-16px;
  background:url(/static/war/images/sporepedia/dropdown_corner_dwnlft.png);
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  position: absolute;
}

.js-menu .ft .br {
  width: 16px;
  height: 16px;
  bottom:0px;
  right:-9px;
  background:url(/static/war/images/sporepedia/dropdown_corner_dwnrht.png);
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  position: absolute;
}

.js-menu ul {
  margin-top: -17px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  margin-right: 16px;
  margin-bottom: -16px;
  background: white url(/static/war/images/sporepedia/dropdown_center_left.png) repeat-y;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
}

.js-menu li {
  text-align: left;
  padding: 0px 8px;
  background-color: white;
}

.js-menu ul a {
	color: #022c65;
	font-weight: bold;
	font-family:"Trebuchet MS", verdana, sans-serif;
	font-size: 10pt;
	padding: 0px;
	line-height: 14pt;
}

.js-menu ul a.selected, .js-menu ul a:hover, .js-menu ul li:hover {
  background-color: #022960;
  color: white;
  text-decoration: none;
}


div.js-search-results .js-count
{
  display: inline;
  font-size: 11px;
  margin-top: 3px;
  margin-left: 3px;
}

#sporecast-pane div.field
{
  margin: 0px;
  font-size: 14px;
  padding: 7px 3px 6px 4px;
}

#sporecast-pane div.field #ungrouped-assets
{
  margin: 0px;
  font-size: 14px;
  padding: 7px 3px 6px 4px;
}

#sporecast-pane
{
  padding-left: 10px;
}

#sporecast-pane .js-search-results, #user-subscriptions
{
  margin-bottom: 18px;
}

#user-subscriptions .js-sporecast-results
{
  margin-top: 5px;
}

div.js-sporecast-results .js-sporecasts {
  max-height: 250px;
  overflow: auto;
}

div.js-sporecast-results .js-sporecasts div {
  border-color:#7DC0DB;
  height:12px;
  line-height:1em;
  padding:4px 8px 6px;
}

#user-sporecasts .js-sporecasts div {
  height:18px;
  cursor: pointer;
  line-height:1em;
  padding:8px 8px 6px 2px;
}

div.js-asset-view:hover,
#ungrouped-assets:hover,
#user-sporecasts .js-sporecasts div:hover,
div.js-sporecast-results .js-sporecasts div:hover
{
  cursor: pointer;
}

div.js-asset-view.selected:hover,
#ungrouped-assets.selected:hover,
#user-sporecasts .js-sporecasts div.selected:hover,
div.js-sporecast-results .js-sporecasts div.selected:hover
{
  cursor: pointer;
}

#sporecast-pane .js-sporecast-toggle
{
  cursor: pointer;
}

#user-sporecasts .js-sporecasts img {
  vertical-align: top;
  width: 32px;
  height: 32px;
  display: block;
  float: left;
  margin: -8px 2px -10px 0px;
}

#user-sporecasts .js-add-sporecast img {
  vertical-align: top;
  width: 32px;
  height: 32px;
  margin: -6px 1px -10px 0px;
}


#user-sporecasts div.asset-over {
  background:url(/static/war/images/sporepedia/menu_menu_btn_dnd.png) no-repeat;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  background-position:0px 0px;
}
#user-sporecasts div.asset-over a {
  color: #FFFFFF;
}  
#user-sporecasts div.asset-over span {
  color: #FFFFFF;
}

#user-sporecasts .add-sporecast {
  font-weight: bold;
  font-size: 13px;
  color: #333333;
  background-color:#fff;
  height:18px;
  padding:8px 8px 6px 4px;
}

#user-sporecasts .add-sporecast:hover {
  background-color:#ccc;
}

.js-sporecast-pagination {
  font-size: 10px;
  margin-top: 3px;
  margin-left: 3px;
  text-align: right;
  padding: 2px 5px 3px 0px;
}

.js-sporecast-pagination:hover {
  color: #fff;
  cursor: pointer;
  text-decoration:underline;
}
.js-sporecast-author {
text-decoration:underline;
color:#005FFF;
font-size: 12pt;
font-weight: bold;
}
.js-sporecast-updated {
font-weight: bold;
padding-top: 2px;
margin-left: 114px;
font-size: 15px;
}
#sporecastinfo .asset-stat {
clear:both;
}
.asset-stat {
height: 20px;
}
#description.asset-stat {
height:70px;
overflow:auto;
}
#tags.asset-stat {
height:70px;
overflow:auto;
}
.js-sporecast-rating {
margin-top: 12px;
margin-bottom: 20px;
}
.js-sporecast-subcount {
font-weight: bold;
padding-top: 2px;
font-size: 15px;
}
.js-sporecast-detail-col-2 {
width: 53%; 
height:790px;
float: right;
}
.js-sporecast-detail-col-1 {
float: left;
width: 47%;
}
.js-sporecast-featured-image {
position: absolute;
left: 175px;
top: 35px;
}
.js-flag-input-display {
font-family:"Trebuchet MS",verdana,sans-serif;
font-size:12pt;
}
.js-remove-sporecast {
font-weight: bold;
font-size: 15px;
text-decoration:underline;
color: red;
}
.js-remove-sporecast a:hover{
text-decoration:underline;
color: red;
}

#add-sporecast .add-sporecast-field label {
  vertical-align: top;
  display: inline;
  padding: 0px 3px;
  font-size: 13px;
  font-weight: bold;
}

#add-sporecast input, #add-sporecast textarea {
  width: 140px;
}

#add-sporecast .add-sporecast-field {
  text-align: right;
  margin-bottom: 0px;
}

div.dialog {
  width: 290px;
}

#login .login-field {
  text-align: right;
  margin-bottom: 4px;
}

#login input {
  width: 140px;
}

#login .login-field label {
  display: inline;
  padding: 0px 3px;
  font-size: 13px;
  font-weight: bold;
}

.login-error {
  color: #f00;
  font-size: 12px;
  font-weight: bold;
}

span.link-button {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

#asset-title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 3px 5px 20px 5px;
  margin-top: -38px;
  color: #333;
  position: relative;
}

.js-asset-download {
  float:right;
  margin:-8px 100px 0 0;
}

.js-asset-slider {
  width: 620px;
  margin: 15px 0px 0px 2px;
  float: left;
  height: 40px;
  display: block;
}

.js-asset-slider-border {
  border: 1px solid #668F9F;
  display: block;
  width: 620px;
  height: 8px;
  margin-bottom: -9px;
}

.js-asset-slider-background {
  width: 620px;
  height: 8px;
  display: block;
  cursor: pointer;
  background-color: #B2D2DF;
}


span.button-input {
  background: transparent url(/static/war/images/global/button_text_nml_strip_tile.png) repeat-x 0 -2px;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  height: 28px;
  border: none;
  position: relative;
  display: block;
  left: 30px;
  display: block;
  width: 68px;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  font-weight: bold;
  font-size: 11pt;
  cursor: pointer;
  *margin-top:0;
}

.buttons {
  display: block;
  position: relative;
  height: 34px;
}

.button-text {
  position: relative;
  display: block;
  width: 130px;
  top: -22px;
  left: 170px;
  cursor: pointer;
}

.button-text.first {
  left: 40px;
  top: 10px;
}
.button-text.one {
  left: 102px;
  top: 10px;
}
.button-text.first .button-text.one span.button-input {
  _margin-top:2px;
}
#asset-description, #asset-tags, #requiredGames { margin-top:10px;}

.js-tags-div .button-text,
.js-asset-description-div .button-text {
  top: 5px;
}
.js-tags-div .button-text.first,
.js-asset-description-div .button-text.first {
  top:6px;
}
.js-asset-description-div .js-display-value { max-height:380px; overflow:auto; 
	font:13px "Trebuchet MS",verdana,sans-serif; }
.js-tags-div .js-display-value { max-height:200px; overflow:auto; 
	font:13px "Trebuchet MS",verdana,sans-serif; }

.button-text-lft {
  background: transparent url(/static/war/images/global/button_text_nml_strip_left.png) no-repeat 0 -2px;
  width: 30px;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  height: 31px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.button-text-rt {
  background: transparent url(/static/war/images/global/button_text_nml_strip_right.png) no-repeat 0 -2px;
  width: 32px;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  height: 31px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.button-text { background:none; }
.button-input {
  border:none;
  margin:0;
  padding:0;
  width:68px;
  height:33px;
  background: transparent url(/static/war/images/global/button_text_nml_strip_tile.png) repeat-x 0 0;
  	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  color:#FFF;
  font-weight:bold;
  display:block;
  position:absolute;
  top:0;
  left:30px;
  margin-top:-2px;
  _margin-top:0;
  cursor: pointer;
}

.button-text:hover span.button-input,
.button-text:hover .button-text-lft,
.button-text:hover .button-text-rt {
  background-position:0 -34px;
}
.button-text:active span.button-input,
.button-text:active .button-text-lft,
.button-text:active .button-text-rt {
  background-position:0 -66px;
}
.button-text.disabled span.button-input,
.button-text.disabled .button-text-lft,
.button-text.disabled .button-text-rt {
  background-position:0 -98px;
  _background-position:0 0;
  cursor:default;
}


.button-text:hover .button-input {
  background-position:0 -32px;
}
.button-text:active .button-input {
  background-position:0 -64px;
}
.button-text.disabled .button-input {
  background-position:0 -96px;
  cursor:default;
}

.text-entry textarea {
  width: 100%;
  border: none;
  background-color: #F6F9FA;
}


.js-asset-slider-thumb {
  background-color: #eee;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  width: 44px;
  height: 8px;
  display: block;
  margin: 0px -1px 0px 0px;
  cursor: pointer;
}

.js-asset-slider-label {
  font-size: 11px;
  font-weight: bold;
  color: #333;
  background: #eee;
  padding: 0px 5px;
  display: block;
  top: 12px;
  position: absolute;
  border: 1px solid #666;
 -moz-user-select: none;
 -khtml-user-select: none;
 user-select: none;
 overflow: none;
 z-index: 1000;
}

.js-asset-slider-thumb img {
  z-index: 2000;
  position: relative;
  margin: 0px 0px 0px 0px;
}

.js-asset-slider-left {
  width: 10px;
  height: 10px;
  float: left;
  margin: 15px 0px 0px 13px;
  cursor: pointer;
}

.js-asset-slider-right {
  float: left;
  margin: 15px 0px 0px 4px;
  cursor: pointer;
}

.js-asset-delete {
  position: absolute;
  top: 8px;
  left: 80px;
  height: 22px;
  width: 22px;
}

.js-asset-child {
  display: table-cell;
  text-align: center;
  background-color: #8DD9F7;
  border: 1px solid #82C7E3;
  margin: 1px 3px;
}

#asset-detail .field {
  clear: both;
}

.js-asset-descendants {
  text-align: center;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}

#remove-asset {
  z-index: 10000;
}

.js-asset-ancestors {
  background-color: #8DD9F7;
  border: 1px solid #82C7E3;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}

.yuibutton button {
  padding: 0.1em 0.6em 0.1em 0.5em;
}
.js-asset-author {
top: -5px;
}

.js-buddy-button {
background:url(/static/war/images/sporepedia/BtnAddbuddyStrip.png) no-repeat;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
width: 22px;
height: 22px;
position: relative;
top: -20px;
float: right;
margin-right: 12px;
display: block;
}
.js-buddy-button:hover {
background-position:0px -22px;
}

#asset-detail .asset-title {
  font-weight: bold;
  font-size: 18pt;
  padding-top:14px;
  _top: -25px;
  margin-left: 10px; width: 350px; overflow: hidden;
}
#asset-detail .asset-author {
  padding-top:7px;
  _top: -25px;
}
#asset-detail h1 {
font-size: 14pt;
margin-left: 5px;
}
#asset-detail h2 {
font-size: 13pt;
margin-left: 5px;
display: block;
font-weight: normal;
}
#asset-detail h3 {
margin: 0px;
display: block;
font-weight: bold;
font-size: 12pt;
}
#flag-input {
font-size: 12px;
}
#assetinfo{
margin-left: 10px;
}
#assetinfo li {
margin-left: 8px;
}

#no-search-results {
  padding: 0px 5px;
  font-family:"Trebuchet MS", verdana, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  width:675px;
  position:absolute;
  top:110px;
}
#status-pane-positioner {
	position: absolute;
	top: 56px;
	left: 50px;
	visibility: hidden;
	height: 25px;
	width: 78px;
}
.js-section-header {
	background:url(/static/war/images/sporepedia/menu_header.png) no-repeat;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	height: 26px;
	color: #FFFFFF;
	padding-left: 13px;
	padding-top: 5px;
	margin:9px 0 0 1px;
	cursor: default;
}
#sporecasts-header, #buddies-header, #creations-header {	
	width: 177px;	
}	
.header-zipper-down {
	background:url(/static/war/images/global/toggle_arrow_down.png) no-repeat;	
		behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width: 18px;
	height: 9px;
	float:left;
	margin-top: 5px;
	margin-right: 4px;
}
.header-zipper-right {
	background:url(/static/war/images/global/toggle_arrow_right.png) no-repeat;
	width: 18px;	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	height: 20px;
	float:left;
	margin-top: 0px;
	margin-right: 4px;
}

#all-creations, #my-creations, .sporecast-button {
	font:bold 11px "Trebuchet MS",verdana,sans-serif;
	background:url(/static/war/images/sporepedia/menu_menu_btn_strip.png) no-repeat;
	height:20px; 	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width:161px;
	overflow: hidden;
	padding:7px 6px 0 5px;
	cursor:pointer;
}
#all-creations:hover, #my-creations:hover, #all-sporecasts:hover, #create-sporecast:hover, .user-sporecast:hover, .js-sporecast:hover {
background-position:0px -33px;
}
#all-creations.active, #my-creations.active, #all-sporecasts.active, .user-sporecast.selected, .js-sporecast.selected {
background-position:0px -66px;
}
#all-creations a {
	background:url(/static/war/images/icons/sporepedia/find_everything_strip.png) no-repeat 0 -1px;
	padding-left: 23px; 	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	display:block;
	float:left;
	text-decoration:none;
	color:#143C78;
	font-size:10px;
}
#my-creations a, #all-sporecasts a, #create-sporecast a, .user-sporecast a, .js-sporecast a {
background:url(/static/war/images/icons/sporepedia/my_creations_strip.png) no-repeat 2px 1px;
padding-left: 23px; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
display:block;
float:left;
text-decoration:none;
color:#143C78;
}
.js-sporecast a { max-width: 110px; width:auto; *width:103px; display:block; overflow: hidden;
  background:url(/static/war/images/icons/sporepedia/sporecast_strip.png) no-repeat 2px 0px;
  behavior: url("<c:url value="/css/pngbehavior.htc"/>");
}
.buddy a { max-width: 105px; width:auto; *width:103px; display:block; overflow: hidden;
  background:url(/static/war/images/icons/sporepedia/my_creations_strip.png) no-repeat 2px 0px;
  behavior: url("<c:url value="/css/pngbehavior.htc"/>");
}
.user-sporecast a { max-width: 111px; width:auto; *width:108px; display:block; overflow: hidden;
  background:url(/static/war/images/icons/sporepedia/my_sporecast_strip.png) no-repeat 2px 0px;
  behavior: url("<c:url value="/css/pngbehavior.htc"/>");
}
#create-sporecast a {
  background:url(/static/war/images/icons/sporepedia/make_sporecast.png) no-repeat 4px -1px;
  behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  height: 20px; padding-left: 30px;
}
#all-creations span, #my-creations span, #all-sporecasts span, .user-sporecast span, .js-sporecast span {
  display:block;
	float:right;
	font-size:11px;
	padding-top:1px;
	overflow:hidden;
}
#all-creations span{
	width: 58px;
	font-size:9px;
	text-align: right;
}

#all-creations:hover a { background-position:0 -25px; }
#all-creations.active a { background-position:0 -49px; }
#my-creations.active a  { background-position:2px -17px; }
#all-sporecasts.active a  { background-position:2px -17px; }
.user-sporecast.selected a { background-position: 2px -17px; }
.js-sporecast.selected a { background-position: 2px -17px; }

.net-spinner-buddy {
background:url(/static/war/images/icons/sporepedia/spinner_tiny.gif) no-repeat;
height:16px;
width:16px;
display: none;
}

/*space for tips in the left content layout */
#spd-help { clear:left; margin:60px 3px 0; width:172px; }
#spd-help .top { height:18px; background: url(/static/war/images/sporepedia/tip_window_top.png)	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>"); no-repeat; }
#spd-help .middle { background:#FFF; border-right:1px solid #888; border-left:1px solid #888; 
	margin-top:-10px; }
#spd-help .bottom { height:32px; behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	background: url(/static/war/images/sporepedia/tip_window_bottom.png) no-repeat; }
#spd-help h2 { font:24px Georgia,Times new Roman,serif; padding:0 6px; 
	background:url(/static/war/images/icons/hints_on.png) no-repeat right top;
	behavior: url("<c:url value="/css/pngbehavior.htc"/>"); height:32px; }
#spd-help p { font:12px/16px "Trebuchet MS",verdana,sans-serif; margin:0; padding:4px 6px; }


.spd-searching {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 5px;
  left: 540px;
  display: none;
  /* b/c the background is at z-index 2 */
  z-index: 3;
}

/*customized yui dialog for new sporecasts*/
.new-spd-hd {
	background:transparent url(/yui/build/assets/skins/sam/sprite.png) repeat-x scroll 0pt -200px;
	color:#000000;
	font-size:93%;
	font-weight:bold;
	line-height:2;
	padding:0pt 10px;
	border-bottom:1px solid #CCCCCC;
	border-color:#808080;
	border-style:solid;
	border-width:0pt 1px;
	margin:0pt -1px;
}

/* sponsorship ad css */
#sponsoradleft {
	width:178px;
	height:88px;
	z-index: 5;
}
#creationcounter {width:145px;height:75px; margin: 0 auto;
	background:url(/static/war/images/sporepedia/CreatureCounter_bkgd.png) 0 0 no-repeat;
}
.countertext {padding-top:30px;width:135px;margin:auto;text-align:center;}
.counternumber {font-size:14px;font-weight:bold;}
#creationcounter h3 {font:"Trebuchet MS", Verdana, sans-serif 14px bold #0d2e65;}
.adtext {
font-size:10px;
color: #fff;
padding-left:5px;
}
#sponsoradleft img {
width: 170px;
height: 55px;
margin: 0px 4px;
}
.hand {
	cursor:pointer;
}
#confirmDlg {
	display: none;
	position: absolute;
	top: 300px;
	left: 400px;
}
.js-mvj-screen {
  display: block;
  position: absolute;
  width: 1024px;
  background: #fff url(/static/war/images/global/tiling_glyph_background.jpg);
  height: 898px;
  z-index: 3501;
  opacity: .75;
  filter: alpha(opacity=75);
}
.js-confirm-dlg-content {
	border-left:2px solid #A8ABAD;
	border-right:2px solid #A8ABAD;
	background-color:#F5F7F4;
	height:56px;
	margin-left:14px;
	float: left;
	position:relative;
	top:-8px;
	width:357px;
	font-size: 13pt;
	font-weight: bold;
	color: blue; 
	padding-top: 5px;
	margin-bottom: -11px;
}

#browse-tab, #spc-browse-tab {
	position: absolute;
	top: 33px;
	left: 160px;
	text-align: center;
	width: 151px;
	color: #022d65;
	font-size: 14pt;
	font-weight: bold;
	font-color: #022d65;
	font-family:"Trebuchet MS",verdana,sans-serif;
	padding: 3px;
	cursor: pointer;
}

#search-tab, #spc-search-tab {
	position: absolute;
	top: 33px;
	left: 317px;
	text-align: center;
	width: 151px;
	color: #022d65;
	font-size: 14pt;
	font-weight: bold;
	font-color: #022d65;
	font-family:"Trebuchet MS",verdana,sans-serif;
	padding: 3px;
	cursor: pointer;
}
#home-tab, #spc-home-tab {
	position: absolute; top: 33px; 
	left: 1px;
	text-align: center;
	width: 151px; 
	/*height: 36px;*/ 
	color: #022d65; 
	font-size: 14pt;
	font-weight: bold;
	font-color: #022d65;
	font-family:"Trebuchet MS",verdana,sans-serif;
	padding: 3px;
	cursor: pointer;
	background: transparent url(/static/war/images/sporepedia/sporepedia_sprite.png) no-repeat 1px 1px;
}
.home-tab-active{
	z-index: 15; 
	height:23px;
}
.home-tab-passive{
	z-index: 1;
	height:22px;
}

#js-asset-homeview{ height: auto; width:681px; background: #fff; left:0px;
  position: absolute; z-index: 13; margin-top: 61px; border-top: 1px solid #60A6D4;
}

#MPNDiv { margin-top:0px; height:auto; }
#topRatedSporecastsDiv { margin-top:5px; height: auto; }

#topRatedSporecastsContent { height:170px; width: 675px; }
#contestsChallengesDiv{margin-top:5px; overflow: hidden; height: 185px;}
#featuredCreationsDiv{margin-top:5px; /*margin-bottom: 40px;*/ height:auto;}

.introText{ text-align: left; height:auto; width: 660px; margin:3px 10px; 
  font-size: 12px; }
.homeTabHdrDiv{ height:23px; width:670px; border-bottom:1px solid #bedef7; 
  margin-left:10px; margin-bottom: 3px; text-align: left; }	
#MPNHeaderIcon{ height:24px; width:24px; margin:2px 0 0 2px; float:left; 
  background: #ffffff url(/static/war/images/sporepedia/sporepedia_sprite.png) no-repeat -39px -46px;}
#topRatedSporecastsHeaderIcon{ height:24px; width:22px; margin:3px 0 0 2px; float:left; 
  background: #ffffff url(/static/war/images/sporepedia/sporepedia_sprite.png) no-repeat -90px -47px;}
#contestsChallengesHeaderIcon{ height:29px; width:27px; margin:3px 0 0 2px; float:left; 
  background: #ffffff url(/static/war/images/sporepedia/sporepedia_sprite.png) no-repeat -137px -43px;}
#featuredCreationsHeaderIcon{ height:27px; width:26px; margin:0 0 0 2px; float:left; 
  background: #ffffff url(/static/war/images/sporepedia/sporepedia_sprite.png) no-repeat -399px -42px;}
.homeTabHdrTxt{ height: 20px; width: 280px; font-family: "Trebuchet MS",verdana,sans-serif; 
  font-size: 16px; font-weight: bold; margin-left: 30px; padding-top:5px;}
.seeMore{ float:right; height: 10px; width: 55px; margin-right: 5px; margin-top:8px; 
  cursor: pointer; text-decoration: none;color:#005FFF;}
.seeMore:hover{ text-decoration: underline;color:#005FFF;cursor:pointer;}	
#topRatedSporecastsSeeMore{ width:117px; }
.moreIcon{ height:10px; width: 5px; float: right; margin-right:10px; margin-top:11px; 
  background: #ffffff url(/static/war/images/sporepedia/sporepedia_sprite.png) no-repeat -11px -44px;}	
#contestsChallengesDiv .seeMore{ width:115px;}	
	
.mpn, .featuredCreations{ margin-left: 2px; margin-top: 10px; position: relative; z-index: 1; 
  width: 133px; height: 180px; float:left; }
.mpn h3 a{ color: #fff;}	
#featuredCreationsContent h3 a { color: #fff; }
#topRatedSporecastsContent .thumbnail-caption a{ color: #fff; }
.left .mpn{margin-left:3px;}	
.topRatedSporecast{ width: 220px; padding-top: 5px; padding-left: 5px; visibility: inherit;
  height: 160px; cursor: pointer; float:left; }
.topRatedSporecast .cardtopmid{ float:right; position: inherit; margin:0; width:196px;
  *margin-right: 12px; }
.topRatedSporecast .cardtoplft{ float:left; position: inherit; *float:none;
  left:0; }	
.topRatedSporecast .cardtoprt{ float:right; position: inherit; *float:none; 
  }	
.topRatedSporecast .cardMid{ height: 107px; }	
.topRatedSporecast .cardMid a, .topRatedSporecast .cardMid a:hover{ text-decoration: none; }	
.topRatedSporecast .cardtop{ *position: relative;}	
.topRatedSporecast .sporecast-thumnail-row{ height: 49px; text-align: left; width: 216px;}	

.js-asset-name:hover, .js-sporecast-name:hover {text-decoration: underline;}
.js-sporecast-name, .js-asset-name{text-decoration: none;}


	
.search-tab-green {
	background: transparent url(/static/war/images/sporepedia/SearchTabSelected.png) no-repeat 0px 0px;
	z-index: 12; 
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");	
	height: 23px;
<!--[if IE]>
    height: 24px;
<[endif]-->		
}

.search-tab-blue {
	background: transparent url(/static/war/images/sporepedia/SearchTabBlue.png) no-repeat 0px 0px;
	z-index: 0; behavior: url("<c:url value="/css/pngbehavior.htc"/>");
}


#spd-banner {
	position: absolute;
	top: -16px;
	left: 10px;
	color: #6b9cbe;
	font-size: 21pt;
	font-weight: bold;
	padding: 3px;
	letter-spacing: 0.03em;
}
.spd-banner-detail {
	font-size: 14pt;
	padding-left: 6px;
	letter-spacing: -0.01em;
	color: #89be5a;
}

.js-asset-searchview {
	visibility: hidden;
	background-color: #a5d779; 
	height: 100px;
	position: absolute; 
	z-index:11; 
	top: 61px;
	left: 0px;
	width: 681px;
	color: black;
	overflow: hidden;
	border-top: 1px solid #60a6d4;
	border-bottom: 1px solid #60a6d4;
	border-right: 1px solid #60a6d4;
	overflow: visible;
}
.js-asset-searchview-result {
	height: 40px;
}
.js-asset-browseview {
	visibility: hidden;
	background-color: #a5d779;
	height: 36px;
	position: absolute;
	top: 61px;
	left: 0px;
	width: 681px;
	color: black;
	border-top: 1px solid #60a6d4;
	border-bottom: 1px solid #60a6d4;
}

.search-result {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 3px;
	width: 681px;
}

.search-label { 
	float: left;
	font-weight: bold;
	padding-top: 14px;
	text-align: left;
	padding-left: 18px;
	width: 575px;
	color: #022c65;	
}
.search-result-label {
	float: left;
	font-weight: bold;
	padding-top: 4px;
	text-align: left;
	padding-left: 11px;
	width: 524px;
	color: #022c65;	
}
.search-options-label {
	color: #437715;
	font-weight: bold;
	padding-right: 9px;
	text-align: left;
}
.search-options-heading {
	color: #022c65;
	font-weight: bold;
	font-size: 14px;
}
.search-options {
	float: left;
	padding-left: 19px;
	width: 681px;
	position: relative;
	top: 13px;
	left: 0px;
	color: #022C65;
}
.search-lt-green-bkgd {
	background-color: #d2ebbc;
	
}
.search-term-options { 
/* border:1px dotted red; */	
text-align:left;
	width: 667px;
	height: 69px;
	position: absolute;
	top:6px;
	left: 8px;
	color: #022C65;
}
.search-type-options {
	position: absolute;
	top: 79px;
	left: 8px;
	text-align: left;
	height: 116px;
	width: 667px;	
	padding: 0px;
	color:#022C65;
}

.search-filter-options {
	position: absolute;
	top: 199px;
	left: 8px;
	text-align: left;
	height: 26px;
	width: 667px;	
	padding: 0px;
	color:#022C65;
	z-index: -1;
}
.subtypeAllButtonOff a:link, .subtypeAllButtonOff a:active, .subtypeAllButtonOff a:visited, .subtypeAllButtonOff a:hover {
	color:#022C65;
	cursor:none;
}
.subtypeAllButtonOn {
	color:#005FFF;
	cursor:pointer;
	text-decoration:underline;
}

.searchText{ font-size: 12px; margin-top:5px;}
#crt-search-options {
	width: 140px; height: 100px; 
	position: absolute;
	top: 20px;
	left: 18px;
	/*border: 1px dotted red; */
}
#blg-search-options {
	width: 120px;
	position: absolute;
	top: 20px;
	left: 170px; 	
	/*border: 1px dotted red; */
}
#vhcl-search-options {
	width: 100px;
	position: absolute;
	top: 20px;
	left: 320px; 	
	/*border: 1px dotted red; */
}
#adv-search-options {
	width: 150px; position: absolute; top: 20x;	left: 500px;
	/*border: 1px dotted red; */
}
.searchOptions{ font-size: 10px;}
.crt-search-options .search-box, .blg-search-options .search-box,
.vhcl-search-options .search-box , .adv-search-options .search-box{
	padding-top:0; padding-bottom:1px; 
}

.select-search-options {
	width: 200px;
	position: absolute;
	top: 236px;
	left: -27px;
	z-index: 2;
}
#select-search-options{
	visibility: hidden; 
}

.search-select{
	font-size: 13px;
	font-weight: bold;
	color: #679a3a;
}
.search-select-active{
	color: #022c65;
	cursor: pointer;
}
.js-spc-searchview {
	visibility: hidden;
	background-color: #a5d779;
	height: 83px;
	position: absolute;
	top: 61px;
	left: 0px;
	width: 681px;
	color: black;
	overflow: hidden;
	border-bottom:thin solid #60A6D4;
	border-right:thin solid #60A6D4;
	border-top:thin solid #60A6D4;	
}
.js-spc-browseview {
	visibility: visible;
	background-color: #a5d779;
	height: 36px;
	position: absolute;
	top: 61px;
	left: 0px;
	width: 681px;
	color: black;
	border-bottom:thin solid #60A6D4;
	border-top:thin solid #60A6D4;	
}
.search-box {
	background:transparent url(/static/war/images/sporepedia/searchCheckbox.png) no-repeat 0px 0px;
	background-position: 0 0px; behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width: 100px;
	float:left;
	padding-left: 20px;
	padding-top: 1px;
	margin-top: 3px;	
	text-align: left;
	font-weight: bold;
	height: 14px;
	cursor: pointer;
}
#vehicleSubtypesLayer .search-box{
	width: 70px; 
	
}
.searchFilterLabel {
	width: 100px;
	float: left;
	padding-left: 26px;
	padding-top: 1px;
	margin-top: 3px;	
	text-align: left;
	font-weight: bold;
	height: 14px;
	cursor: pointer;
	padding-bottom: 1px;
	margin-bottom: 5px;		
}
.search-filter-radio {
	margin-right: 7px;
	cursor: pointer;
}
.search-filter-radio-label {
	cursor: pointer;
}
.checked {
	background-position: 0 -30px;
}
.search-again-button {
  background: transparent url(/static/war/images/sporepedia/SearchAgainBtn.png) no-repeat 0px 0px;
  display: block; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
  border: none;
  position: absolute;
  height: 24px;
  width: 140px;
  top: 4px;
  right: 0px;
  overflow: hidden;
  text-indent: 40px;
}
.search-again-button:hover {
  background-position: 0 -24px;
}

.search-again-button:active {
  background-position: 0 -48px;
}
.top-lt-green-corner {
	background: #A5D779 url(/static/war/images/sporepedia/SearchLtGreenLeftcorner.png) no-repeat 0px 0px;
	height: 19px; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width: 18px;
	z-index: 1;
}
.search-type-top-lt-corner {
	position: absolute;
	top: 79px;
	left: 8px;
}
.search-term-top-lt-corner {
	position: absolute;
	top: 6px;
	left: 8px;
}
.search-filter-top-lt-corner {
	position: absolute;
	top: 199px;
	left: 8px;
}
.top-rt-green-corner {
	background: #A5D779 url(/static/war/images/sporepedia/SearchLtGreenRightcorner.png) no-repeat 0px 0px;
	height: 19px; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width: 18px;
	z-index: 1;
}
.search-type-top-rt-corner {
	position: absolute;
	top: 79px;
	right: 6px;
}
.search-term-top-rt-corner {
	position: absolute;
	top: 6px;
	right: 6px;
}
.search-filter-top-rt-corner {
	position: absolute;
	top: 199px;
	right: 6px;
}
.bot-lt-green-corner {
	background: #A5D779 url(/static/war/images/sporepedia/SearchLtGreenLeftBottomcorner.png) no-repeat 0px 0px;
	height: 19px; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width: 18px;
	z-index: 1;
}
.search-type-bot-lt-corner {
	position: absolute;
	top: 176px;
	left: 8px;
}
.search-term-bot-lt-corner {
	position: absolute;
	top: 56px;
	left: 8px;
}
.search-filter-bot-lt-corner {
	position: absolute;
	top: 206px;
	left: 8px;
}
.bot-rt-green-corner {
	background: #A5D779 url(/static/war/images/sporepedia/SearchLtGreenRightBottomcorner.png) no-repeat 0px 0px;
	height: 19px; 	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	width: 18px;
	z-index: 1;
}
.search-type-bot-rt-corner {
	position: absolute;
	top: 176px;
	right: 6px;
}
.search-term-bot-rt-corner {
	position: absolute;
	top: 56px;
	right: 6px;
}
.search-filter-bot-rt-corner {
	position: absolute;
	top: 206px;
	right: 6px;
}
.search-divider-line {
	background: transparent url(/static/war/images/sporepedia/SearchDividerLine.png) no-repeat 0px 0px;
	width: 3px; 	
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");
	height: 97px;
}
.search-ctr-blg-divider{
	position: absolute;
	left: 158px;
	top: 20px;
}
.search-blg-vhl-divider{
	position: absolute;
	left: 331px;
	top: 20px;
}
#faq {padding-bottom:60px;}

/* Side bars and footer */
#content-ad-column {
	width: 165px;
	position:absolute;
	right:0px;
	top:0px;
	/*height:950px;*/
	height:1100px;
	text-align:center;
	padding-top:10px;
	padding-bottom:50px;
	background-color:#2987C7;
}

#content-left-column { 
	width: 178px;
	position: absolute; 
	z-index:2;
	left: 0px;
	/*height: 950px;*/
	height:1100px;
	background-color:#2987C7;
	padding-bottom:50px;
	padding-top:10px;
}

#footerHolder{
	/*position: relative;*/
	position:absolute;
	margin: 0 auto;
	width:1024px;
	height:110px;
	top:1060px; 
	/*margin-top:-60px;*/
	margin-top:0;
	z-index:30;
}


/*  Begin Slider css  */
#scrollableGroup{width: 178px; 
  height: 870px; 
  border-top: 1px solid black; border-bottom:1px solid black;
	display: block; overflow:hidden;  
	text-align: left;
}
#left-scroll-column { /* height here will clip left-scroll-content */
	overflow: hidden;
	display: block;
	width: 178px; /* toggles between 160 and 178px */
	height: 870px; /**** accomodates home tab content ****/
	position: relative; 
}

#left-scroll-content{ /* contained in left-scroll-column */
	width:178px; /* toggles between 160px and 178px */
	display: block;
 	/* border:1px dotted white; */ 
}

#thinLeftSlider{ width: 14px; height:808px;  /* border:1px dotted red; */ 
	position:absolute; top:98px; left:164px; display: block; border-top: 1px solid black;
	border-bottom:1px solid black; z-index:-1; visibility: hidden;}

#sliderBG{ background: url(/static/war/images/sporepedia/ScrollBkrdTile.png) 0px 0px repeat-y;
	height:870px; /* height: 807px; border:1px dotted white; */ width:14px; margin-top:0px; cursor: pointer
	behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#sliderThumb{ width:14px; position:absolute; z-index: 5; margin-right:2px; top:50px;  cursor: pointer;}
#sliderThumbImg{}
#sliderThumbTbl{ height:100%; width: 14px;}
#sliderThumbTbl td { /* border:1px solid green; */}

#sliderThumb #sliderThTop{ background: url(/static/war/images/sporepedia/ScrollThumbTopStates2.png) -15px 0px no-repeat ; 
	height:14px; width:14px; behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#sliderThumb #sliderThMid{ background: url(/static/war/images/sporepedia/ScrollThumbTileStates2.png) -15px 0px repeat-y ;
	width:14px; height:100%; behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#sliderThumb #sliderThBot{ background: url(/static/war/images/sporepedia/ScrollThumbBottomStates2.png) -15px 0px no-repeat;
		height:14px; width:14px; behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
		
#sliderThumb:hover #sliderThTop{ background: url(/static/war/images/sporepedia/ScrollThumbTopStates2.png) 0px 0px no-repeat ; 
	height:14px; width:14px; }
#sliderThumb:hover #sliderThMid{ background: url(/static/war/images/sporepedia/ScrollThumbTileStates2.png) 0px 0px repeat-y ;
	width:14px; height:100%; }
#sliderThumb:hover #sliderThBot{ background: url(/static/war/images/sporepedia/ScrollThumbBottomStates2.png) 0px 0px no-repeat;
		height:14px; width:14px; }		
#sliderUpDiv{  margin-top:-2px; padding:0; position:absolute; width: 20px; height: 31px;
	background: url(/static/war/images/sporepedia/ScrollArrowUpStates.png) no-repeat -3px 0px; /* border: 1px dotted red;*/ 
	behavior: url("<c:url value="/css/pngbehavior.htc"/>"); }
#sliderDownDiv{ margin-top:-23px; padding:0; position:absolute; width: 20px; 
	background: url(/static/war/images/sporepedia/ScrollArrowDownStates.png) no-repeat -3px -2px; /*border: 1px dotted red; */
	height: 31px; behavior: url("<c:url value="/css/pngbehavior.htc"/>");}
#sliderUpDiv:hover { background: url(/static/war/images/sporepedia/ScrollArrowUpStates.png) no-repeat -3px -31px; }
#sliderDownDiv:hover { background: url(/static/war/images/sporepedia/ScrollArrowDownStates.png) no-repeat -3px -33px; }	
/* End Slider CSS */

.searchTypeLabel{ padding-bottom: 1px; width: 125px; margin-bottom: 5px; }
#creatureSubtypesLayer, #buildingSubtypesLayer, #vehicleSubtypesLayer, 
#adventureSubtypesLayer{ position:absolute; z-index:12; width: 130px; height: 160px; 
	border:2px solid #1553B8; padding: 5px; background: white; }
#buildingSubtypesLayer{ height: 150px; }
#adventureSubtypesLayer{ height: 250px; left:-5px;}
#vehicleSubtypesLayer{ width: 160px; height: 185px; }

#js-creature-okBtn, #js-creature-okBtn:link, #js-creature-okBtn:visited { 
	background: transparent url(/static/war/images/sporepedia/blankButton3State.png) no-repeat 0px 0px; 
	width: 75px; height: 22px; color: white; float: left; margin-top: 15px; 
	padding-left:29px; cursor:pointer;}
#js-creature-okBtn:hover{ background-position: 0px -24px; cursor: pointer;}
#js-creature-okBtn:active{ background-position: 0px -49px; }
#creSubtypeCancelBtn{font-weight: normal; font-size: 12px; position:absolute; 
	left:90px; top: 123px; }
	
#js-building-okBtn, #js-building-okBtn:link, #js-building-okBtn:visited { 
	background: transparent url(/static/war/images/sporepedia/blankButton3State.png) no-repeat 0px 0px; 
	width: 75px; height: 22px; color: white; float: left; margin-top: 15px; 
	padding-left:29px; cursor:pointer;}
#js-building-okBtn:hover{ background-position: 0px -24px; cursor: pointer;}
#js-building-okBtn:active{ background-position: 0px -49px; }
#bldgSubtypeCancelBtn{font-weight: normal; font-size: 12px; position:absolute; 
	left:90px; top: 123px; }
	
#js-vehicle-okBtn, #js-vehicle-okBtn:link, #js-vehicle-okBtn:visited { 
	background: transparent url(/static/war/images/sporepedia/blankButton3State.png) no-repeat 0px 0px; 
	width: 75px; height: 22px; color: white; float: left; margin-top: 15px; 
	padding-left:29px; clear:both; cursor:pointer;}
#js-vehicle-okBtn:hover{ background-position: 0px -24px; cursor: pointer;}
#js-vehicle-okBtn:active{ background-position: 0px -49px; }
#vehSubtypeCancelBtn{font-weight: normal; font-size: 12px; position:absolute; 
	left:90px; top: 123px; }	

#js-adventure-okBtn, #js-adventure-okBtn:link, #js-adventure-okBtn:visited { 
	background: transparent url(/static/war/images/sporepedia/blankButton3State.png) no-repeat 0px 0px; 
	width: 75px; height: 22px; color: white; float: left; margin-top: 15px; 
	padding-left:29px; cursor:pointer;}
#js-adventure-okBtn:hover{ background-position: 0px -24px; cursor: pointer;}
#js-adventure-okBtn:active{ background-position: 0px -49px; }
#advSubtypeCancelBtn{font-weight: normal; font-size: 12px; position:absolute; 
	left:90px; top: 123px; }		

.lineSpacer{ height: 1px; width: 160px; clear:both; float: left; margin-top: 10px; 
	background: #D9EBF9; }	
#js-ast-vhc-spc{ clear:both; margin-top:10px;  }
.okLabel{ position:absolute; padding-top:3px; cursor:pointer; }
#vehicleSubtypesLayer #js-ast-vhc-lnd, #vehicleSubtypesLayer #js-ast-vhc-air,
  #vehicleSubtypesLayer #js-ast-vhc-sea{ width: 45px;}
.search-options-heading .newIcon{float: right; margin: -20px 10px 0 0; }
#creatureTypesText, building{ height: auto; width:140px;  }
#js-adventure-type{ font-size: 14px;}

#subtypesPD{ color:#97c9ec; font-style: italic; cursor:pointer;}
#subtypesPD:hover{ color:#97c9ec; font-style: italic; }
#subtypesOpt{ color: #899dbb; font-style: italic; }
#lineageDiv{margin-top:10px;}
#captTitle{ font-size: 18px; font-weight:bold; overflow:hidden;  }
#origin{ font-size: 12px; font-weight: bold; overflow: hidden;}

#fullCaptName{font-size:18px; }
#captNote{font-size: 12px; color: #444; margin: 5px 10px;}
#captTitle{padding-top:9px;}

/** since adventure large cards are in the same page, use different IDs */
#downloadItDiv,#downloadItAdventureDiv{ height: auto; width:155px; text-align:right; float:right; }
#downloadItBtn,#downloadItAdventureBtn{ height: 36px; width: 152px; text-align:right;
	background: transparent url(/static/war/images/sporepedia/adv/Btn_DwnldIt.png) 0px 0px no-repeat; }

#downloadItBtn:hover,#downloadItAdventureBtn:hover { background-position: 0px -36px; }
#downloadItBtn:active,#downloadItAdventureBtn:active{ background-position: 0px -72px; }

#whatsThat{color:#005FFF; font-size:10px; margin-right:10px;}

#captainStatsPod{padding-top:5px;}
#captStatsContent{font-family: arial}
#captStatsTopDiv{margin:10px auto; height:90px; }
#rankImgDiv{ height: 100px; width: 60px; float:left; text-align:center;}
#rankIcon{ height: 28px; width: 30px; text-align:center; margin:5px auto;
	background: transparent url(/static/war/images/sporepedia/adv/captRankSprite.png) no-repeat 1px 0px;
}
#sporePoints{color:#ff7e02; font-size:18px; margin:0 auto; }
#primaryCaptStatsDiv{width: 270px; float:right; font-size: 12px;}
#completeStatsDiv{ margin-left:10px; }
#completeStatsSwitch{ height: 10px; width: 10px; }
#completeStatsHeader{ margin-bottom:5px; }
.stats{ font-weight: bold; margin-left:5px; }
.openCloseBox{height:10px; width: 10px; float:left; margin: 7px 10px 0 0;
  background: url(/static/war/images/sporepedia/adv/openSwitch.jpg) 0px 0px no-repeat;  }
.statsHeader{ color: #444; font-weight:bold; font-size:12px;}
.statLabel{ font-size: 12px; margin-left:10px;}

#partsUnlockedDiv{ margin:20px 0 0 10px; height: auto; width: 250px; }
.partRow{ clear:both; height: 35px; width: 250px;  }
.classLabel{ float:left; vertical-align:middle; text-align: left; font-size: 12px;
	height: 33px; width: 65px; padding: 12px 0 0 10px; }
.partBox{ float:right; margin:5px; background-color: #d4d4d4; height: 33px; width:33px; }

#partsUnlockedKeyDiv{ margin-top:5px; height: 0px; font-size: 12px;}
#unlockedDiv{float: right; height: 30px; width: 100px; }
#unlockedColor{ background: #fed03d; border: 1px solid #a7abac; height: 15px; 
	width: 15px;}
#equippedDiv{float: right; height: 30px; width: 100px;}
.keyColorBox{ float: left; margin-right:10px;}
#equippedColor{ background-color: #fda855; border: 1px solid #a7abac;  
	height: 15px; width: 15px; }
.capt-part-img {
	position: relative; 
	top: -4px; 
	left: -3px;
}
.unlocked-bg {
	background-color: #fed03d;
}
.equipped-bg {
	background-color: #fda855;
}

/* help popup */
#asset-detail #whatsThis{ font-size: 12px; cursor: pointer; margin-right: 10px; }
#asset-detail #whatsThis:hover { text-decoration: underline; }
#asset-detail #downloadItHelp{ 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;   }
#asset-detail #downloadHelpTop{ height:26px; width: 250px; 
  background: transparent url("/static/war/images/global/help_frame_top_button.png") no-repeat 0 top  }
#asset-detail #downloadHelpBtm{ height: 12px; width: 250px; 
  background: transparent url("/static/war/images/global/help_frame_bottom.png") no-repeat 0 bottom;  
}
#asset-detail #downloadHelpTxt{ background-color: #BEDEF6; height: 100px; width: 226px; padding: 10px;  
  border-left: 2px solid #2987C7; border-right: 2px solid #2987C7; }