#all-profile{ /* padding-bottom:100px ; */}
#content { margin-bottom: 0px; }
#mymostpop{ margin-top: 10px; }

#user-creations { }
#user-creations .js-asset-thumbnail { height: 64px; width: 64px; }
#user-creations .thumbnail-row { height: 80px; }
#user-creations .js-asset-view { width: 64px; height: 64px; position: relative; }
#user-creations .cardtop { position:absolute; top:0px; width:100%; }
#user-creations .cardtopmid { margin-right: 8px; margin-left: 8px;
	height: 8px; background: none; background-color: #fff; border-top: 2px solid #60A6D4;
}
#user-creations .cardtoplft { height:8px; width:8px;
	background: transparent url(/static/war/images/sporepedia/asset_frame_small_top_left.png) no-repeat top left;
}
#user-creations .cardtoprt { height:8px; width:8px;
	background: transparent url(/static/war/images/sporepedia/asset_frame_small_top_right.png) no-repeat top left;
}
#user-creations .cardMid { position:relative; background: none; border:none; }
#user-creations .cardcontent { padding:0px; position:relative; width:60px;
	top:8px; background-color: #fff; height: 48px; border-left:2px solid #60A6D4;
	border-right:2px solid #60A6D4; z-index:1; }
#user-creations .js-asset-thumbnail { position: absolute; top:-8px; }
#user-creations .cardbot { height:8px; position: absolute; bottom:0; 
	width: 100%; }
#user-creations .cardbotlft { height:8px; width:8px; position: absolute; left:0px; 
	background: transparent url(/static/war/images/sporepedia/asset_frame_small_btm_left.png) no-repeat top right;
}
#user-creations .cardbotrt { height:8px; width:8px; position: absolute; right: 0px;
	background: transparent url(/static/war/images/sporepedia/asset_frame_small_btm_right.png) no-repeat top right;
}
#user-creations .cardbotmid { background-color: #fff none; border-bottom: 2px solid #60A6D4;
  height: 6px; margin: 0px 8px; }
  
#tagline{ padding-top:2px; padding-bottom: 5px; }
#tagline-editor .js-view-section, #tagline { font-size: 12pt; font-weight: bold;
  width: 278px; overflow: hidden; }
#tagline .flag-tagline, .avatar .flag-avatar, #edit-avatar { display: block;
  font-size: 8pt; color: #0166FF; padding: 10px 0px; cursor: pointer;
}
#tagline .flag-tagline:hover, .avatar .flag-avatar:hover, #edit-avatar:hover{
	text-decoration:underline; }
	
.avatar .flag-avatar, #edit-avatar { text-align: center; }

#messages { background-color:#3891CA; color:#FFFFFF; font-family:"Trebuchet MS",verdana,sans-serif;
  font-size:13pt; left:0px; padding:0px; position:absolute; text-align:center;
  top:-30px; width:1024px; z-index:10000; }

.js-creator-name { white-space: nowrap; overflow: hidden; height: 12px;
  width: 100%; margin: 0px; position: absolute; font-size: 8pt; top: 23px;
  left: 0px; }
.js-asset-thumbnail { height: 96px; width: 96px; }
img.js-comment-thumbnail { height: 54px; width: 54px; float: left; }
div.js-comment { padding-bottom: 7px; }

div.cardtop { position: relative; }
.cardMid { border-top: 0px none; border-bottom: 0px none; }
.cardMid div.cardcontent { width:96px; height:96px; background: #fff none;
  vertical-align:top; position: static; }
  
#user-most-popular { width: 130px; height: 195px; position: absolute; left:0px; }
#user-most-popular label, #user-most-popular a { position: absolute; bottom: 0px;
  left: 0px; display: block; text-align: center; width: 100%; margin: 0px auto;
}
#user-most-popular .js-asset-view { position: relative; top: 5px; left: 13px;
  margin: 0; }

div.js-asset-view { width: 102px; margin-left: 4px; }
div.js-asset-view.left { margin: 0px; margin-left: 0px; }

.thumbnail-row { height: 185px; clear:both; }
.js-page-description { display: block; text-align: left; margin-top: 10px; 
  clear: both; }
.js-pagination-nav { text-align: center; color: #0166FF; font-weight: bold;
	position:absolute; right:5px; margin-top:-15px; margin-bottom:20px; margin-right:5px;
}
.js-pagination-back, .js-pagination-forward { position: relative; top: 2px;
  cursor: pointer; }
.js-avatars { position: relative; padding: 20px; }

.js-pagination-nav { cursor: default; }
.js-pagination-page { cursor: pointer; padding: 0px 2px; }
.js-pagination-page.js-current { color: #000; cursor:default; }

#postcards ul { height: auto; }
#postcards .innerpodMid { max-height: 250px; overflow-y: auto; }
#postcards li { display: block; }

#comments .innerpodMid { max-height: 250px; overflow-y: auto; }
#comments p { color: #000; font-size: 10pt; }
#comments p.comment { font-size: 11pt; font-weight: bold; _overflow: hidden;
  _width: 430px;  }
#comments .link-button { cursor: pointer; color: #0166FF; 
	text-decoration: underline; }

#community-events .innerpodMid { max-height: 250px; overflow-y: auto; }
#community-events ul { height: auto; padding-left: 10px; }
#community-events li { display: block; font-size: 11pt; vertical-align:middle; }
#community-events li img { vertical-align: middle; }

.morenews{ margin: 15px 0 0 300px; font-weight:bold; }

#selected-avatar {
  background-image:url(/static/war/images/global/CreationFrame_myspore.png);
  background-repeat:no-repeat;
}
#selected-avatar-gameasset {  }
#avatarGameasset{ 
	background-image:url(/static/war/images/global/CreationFrame_myspore.png);
}
#selected-avatar-frame { position: absolute; left: -6px; top: -7px; }
.userstats { font-weight:bold; }


h3.profileUsertitle { color: #60A6D7; margin-bottom:5px; }

#user-data { z-index: 1; }
#user-data .avatar { position: absolute; width: 150px; border: none; right: 0px;
  top: 15px; }
#user-data .innerpodMid { z-index: 2; }
#user-data .user-info { font-family:"Trebuchet MS", Verdana, sans-serif;
  width:300px; margin: -15px 0px 0px 10px; min-height: 150px; }

.link { cursor: pointer; color:#0044FF; }

.user-info h3 { font-size: 17pt; margin-bottom: 5px; display:block; }
.username{ width:270px; }
.js-remove-buddy-button{ height:22px; margin-right:20px; margin-top:-10px;
	width:22px; }
.js-add-buddy-button{ height:22px; margin-right:20px; margin-top:-10px;
	width:22px; }

.avatar.field { border:none; padding:0px; }

.user-info .field { border: none; padding:0px; color: #143C78; }

.user-info .field label { color: #143C77; }

#edit-avatar { display: block; position:absolute; top: 131px; left: 10px;}

#avatar-selector { position: absolute; z-index: 3; width: 850px; top: 50px;
  left: 30px; visibility: hidden; }

#avatar-image-upload { text-align: center; clear: both; font-size: 12pt;
  margin-top: 20px; }


#avatar-image-upload input.button-input { margin-right: 32px; height: 31px;
  border: none; position: relative; left: 30px; *left: 15px; *top: 2px; display: block;
  width: 100px; color: #fff; font-weight: bold; font-size: 11pt;
}

#avatar-image-upload .button-text { position: relative; display: block; width: 162px;
  left: 300px; *left:30px; top: 15px }


#widget { margin: 20px 0px 0px 10px; z-index:0; }

.widgetSource { width: 433px; height: 128px; z-index:0; }
#profile-screen { display: block; position: absolute; width: 100%;
	background: #fff url(/static/war/images/global/tiling_glyph_background.jpg);
  	height: 500px; z-index: 2; top: 0px; opacity: .75; filter: alpha(opacity=75);
}

.js-update-button, .js-cancel-button, { background:url(/static/war/images/global/button_nml_full.png) no-repeat;
  color:#FFF; text-align:center; display:block; float:left; padding-top:5px;
  width:100px; height:25px; cursor:pointer; }
.js-edit-button { display: block; font-size: 10pt; color: #0166FF; 
	font-weight:normal; }
.js-edit-button:hover { text-decoration:underline; }
.js-manage-button { background:url(/static/war/images/global/button_nml_full.png) no-repeat;
  color:#FFF; text-align:center; display:block; padding-top:5px; width:104px;
  height:25px; cursor:pointer; font-size:12pt; font-weight:bold; 
  font-family:"Trebuchet MS",Verdana,sans-serif; }

.js-update-button:hover, .js-cancel-button:hover, .js-edit-button:hover, 
.js-manage-button:hover { background-position:0 -32px; }
.js-update-button:active, .js-cancel-button:active, .js-edit-button:active, 
.js-manage-button:active { background-position:0 -64px; color:#000; }
.js-update-button.disabled, .js-cancel-button.disabled, .js-edit-button.disabled, 
.js-manage-button:disabled {
  background-position:0 -96px;
}

.field { clear:left; }

.button-text-lft {
  background: transparent url(/static/war/images/global/button_text_nml_strip_left.png)
  no-repeat 0 0px; width: 30px; 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 0px; width: 32px; 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;   color:#FFF; font-weight:bold; display:block; position:absolute; top:0;
  left:30px; margin-top:-2px; }

.button-text:hover .button-text-lft,
.button-text:hover .button-input,
.button-text:hover .button-text-rt { background-position:0 -32px; }

.button-text:active .button-text-lft, .button-text:active .button-input,
.button-text:active .button-text-rt { background-position:0 -64px; }

.button-text.disabled .button-text-lft, .button-text.disabled .button-input,
.button-text.disabled .button-text-rt { background-position:0 -96px; 
	cursor:default; }

.remove-button { cursor: pointer; }
#add-or-remove{ z-index:1000; }
.bd { text-align:left; }
.profile-top-links{ position:absolute; right:0px; padding-right:5px; width:350px;
	z-index:100; }
	
#show-add-or-remove{ color:#005FFF; }
.addremove{ color:#005FFF; }
.drag-destination { border: 2px dashed rgb(170, 170, 170); height: 200px;
	margin-top: 15px; }
#section-controls { color:#FFFFFF; 	font-style: italic; font-weight: bold;
	font-size: 13px; }
	
/* Fancy menu/pulldown from mvj */
.js-buddy-pulldown .js-menu  { top: -14px; }
#buddy-pulldown { display: block; position: absolute; top: 4px; z-index: 2; }	
#buddy-pulldown { left: 80px; width: 300px; cursor: pointer;}
.js-buddy-pulldown .js-pulldown-button { display: block; position: absolute; width: 160px; 
	left: 60px; z-index:5; height: 28;
	background: transparent url(/static/war/images/sporepedia/NewDropDownStripLeft.png)	no-repeat 0 3px; 
}
.js-buddy-pulldown .js-pulldown-label { 
	background:transparent url(/static/war/images/sporepedia/NewDropDownStripTile.png) repeat-x 0 3px;
	display: block; color: #fff; text-align: center; padding-top:5px;
  	height:25px; margin-left:17px; margin-right:30px; width:140px; }
  
.js-buddy-pulldown .js-pulldown-icon { display: block; position: absolute; width: 30px; height: 28px;
  background: transparent url(/static/war/images/sporepedia/NewDropDownStripRight.png) no-repeat 0 0;
  right: -27px; top: 0; z-index: 2; }
 

.js-buddy-pulldown:hover .js-pulldown-button {
  background: transparent url(/static/war/images/sporepedia/NewDropDownStripLeft.png) no-repeat 0 -26px; 
} 
.js-buddy-pulldown:hover .js-pulldown-label {
  background: transparent url(/static/war/images/sporepedia/NewDropDownStripTile.png) repeat-x 0 -26px;
} 
.js-buddy-pulldown:hover .js-pulldown-icon {
  background: transparent url(/static/war/images/sporepedia/NewDropDownStripRight.png) no-repeat 0 -29px; 
} 
#buddyAchievementsLbl{ background: url(/static/war/images/global/NewSubHeaderLeft.png) top left no-repeat ;
	height: 29px; display:block; margin: 10px 5px; }
#buddyLinkDiv{ font-size: 16px; font-weight: bold; margin:0 10px; padding:0;
	background-color: #BEDEF6; height:29px; color:#143C78; }
#buddyInnerDiv { width:380px; height:20px; padding-top:5px; margin:0; }
#buddyMenuTab{ display:none; left:15px position:absolute; top:0; width:187px; z-index:1; 
	}
#subHeadRight{ border:0; position:absolute; right:10px; margin-top:-25px; }	
.innerpodbotcntr {position:inline; }


.tb { behavior: url("<c:url value="/css/pngbehavior.htc"/>"); }    

.js-menu { padding: 0px; border: none; margin: 32px 0 0 74px; position: relative; overflow: visible;
  background: transparent url(/static/war/images/sporepedia/dropdown_center_right.png) repeat-y 137px 0;
  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;
	overflow: hidden;
}

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

#achievementFilters{height: 20px; width: 500px; margin:auto 5px; cursor:pointer; color: #005fff;}
#allAchievementsTrigger{ height: 20px; width: 125px; margin: 10px 0 0 0; font-weight:bold;
	font-weight:bold; cursor: pointer; text-align: center; font-size: 14px; color: #072958;}
#coreAchievementsTrigger{ position:absolute; top:11px; left: 135px; height: 20px; 
	width: 200px; cursor: pointer; text-align: center;  font-size: 14px; font-weight:bold;}
#adventureAchievements{ position:absolute; top:11px; left: 335px; height: 20px; font-size: 14px; 
	width: 230px; margin: auto 5px; cursor: pointer; text-align: center; font-weight:bold;}
#coreTriggerTxt{margin: 5px 0;  cursor: pointer;}
#advTriggerTxt{ margin: 5px 0 0 35px; cursor: pointer;}
#allTriggerTxt:hover, #coreTriggerTxt:hover, #advTriggerTxt:hover {text-decoration:underline;}
#coreTriggerIcon{margin:-10px 0 0 10px; float:left; cursor: pointer;}
#advTriggerIcon{position:absolute; top:-7px; cursor: pointer; left: 10px;}
.advAchievementLabel{width: 83px; height:22px; display:inline;}
.achievementsH2{margin-top:-5px; margin-left:10px; height:30px;}

#all-profile #profile-info{ height: auto; min-height: 550px; }