.user-profile {
	padding-left: 53px; 
	min-height: 65px; 
	width: 90%;
	position: relative;
	margin:20px 0 0 12px;
}

HTML .user-profile {
	z-index: 999999999! important; 
	width: 90%; 
	height: 75px
}
.user-profile .extra-nav {
	width: 100%;
}
HTML .user-profile .sub-menu {
	min-width: 500px;
}

.user-profile .user-image {
	left: 3px; 
	position: absolute; 
	top: 6px
}
.user-image {
	border: #ccc 1px solid
}

.extra-nav {
	height: 35px;
	background: url(/img/tab-line.gif) repeat-x 50% bottom; 
	float: left; 
	margin-bottom: 15px; 
	padding-right: 5px;
}

.extra-nav h2 {
	min-height: 15px; 
	float: left; 
	line-height: 1.1; 
	position: relative; 
	padding: 0px 0px 8px 20px;
	border-style: none;
	margin-top:4px;
}

.extra-nav .addfriend_button{
	float:right;
}

.sub-menu {
	margin-top: -16px; 
	z-index: 1500000; 
	float: left; 
	padding: 0px 0px 15px 40px; 
	position: relative;
}

.sub-menu .tool {
	float: left; 
	display: block;
	font-size: 100%; 
	color: #888;
	padding: 7px 6px 7px 6px; 
	white-space: nowrap
}

.sub-menu .tool a {
	color: #666;
	text-decoration: none;
}

.sub-menu .tool a:hover {
	text-decoration: underline;
}

.sub-menu #divider{
	margin: 0 -6px; 
}

.sub-menu .tool #current{
	display: block; 
	background: url(/img/menu-marker.gif) no-repeat 50% 0px; 
	font-size: 100%; 
	float: left;
	margin: -7px 0 0 0; 
	color: #e45b00;
	padding: 7px 0px 7px 0px; 
	white-space: nowrap
}

/* by Li */
#list {
	margin: 30px auto 50px auto;
	font-size: 100%;
}
#list dt {
	clear: left;
	float: left;
	width: 345px; 
	padding: 10px 10px 0px 0;
	color: #666;
	*color: #888;
	text-align:right;
}

#list dd {
	padding: 8px 0;
	color: #360;
	font-size: 110%;
	text-align:left;
}