#profilePage #content {padding: 10px 10px 0}
.box { float:left;}
.box h3 { height:24px; margin-bottom:5px; padding-left:5px; background:#d8dfea; color:#333; border-top:1px solid #3b5998; font-size:12px; font-weight:bold; line-height:24px;}
	.box h3 .stat { height:24px; margin-left:5px; color:#000; font-size:12px; font-weight:normal; line-height:24px;}
	.box h3 .edit { float:right; padding-right:10px; font-weight:normal; line-height:24px;}
.box .count { padding:0 2px;}
.box .sub-h3 {
    background: #EEE;
    border-top: 1px solid #CCC;
    margin-top: -5px;
    padding: 0 5px;
    height: 24px;
    line-height: 24px; 
    margin-bottom: 5px;
}

.box .sub-h3 .pipe {
    color: #808080;
}

/* #homepage #adbar {display:none} */
#homepage body {height:100%}
/* no entry */
#homepage .stdcontainer { height:auto; margin:10px -10px 0; padding:10px;}
.person { display:block; list-style:none; padding:10px; border:1px solid #d8dfea; background:#fff;}
.person:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .person { height:1%;}
*+html .person { min-height:1%;}
.person .image { float:left; width:125px; text-align:left;}
	.person .image img { padding:1px; border:1px solid #ccc; background:#fff;}
.person .info { display:inline; float:left; text-align:left; line-height:24px;}
	.person .info h4 { font-size:14px;}
	.person .info .subinfo { color:#808080; list-style:none;}
.person .actions { float:right;}
	.person .actions ul { width:100px; list-style:none;}
		.person .actions a { display:block; width:90px; padding:0 5px; border-bottom:1px solid #d8dfea; text-align:left; text-decoration:none;}

/* ==== 1 userRelations ==== */
#userRelations { overflow:hidden; z-index:2; float:left; width:202px; padding-bottom:10px; position:relative;}

/* ==== 1.1 userInfo ==== */
#userPicture, #userActions { margin-bottom:10px;}

#webpager-callout {margin-top:-5px;text-align:right;padding:0 5px 5px;}
	#webpager-callout span {float:left;}
	#webpager-callout a {background:url(../img/paopao.gif) no-repeat 100% 50%;padding-right:15px;}

#userActions { list-style:none;}
	#userActions li { border-bottom:1px solid #d8dfea; color:#808080; text-indent:5px; line-height:20px;}
	* html #userActions li { height:1%;}
	*+html #userActions li { min-height:1%;}
	#userActions li a { display:block; width:202px; text-decoration:none; font-size:12px;}

/* ==== 1.12 userStatus ==== */
#userStatus { overflow:visible; z-index:100;background:#F7F7F7;border-bottom:1px solid #CCC;margin:-10px -10px 5px -224px; padding: 10px 5px 10px 229px;}
#userStatus h2 {margin-bottom:5px;}
#userStatus h2 span {font-size:12px;color:#333;font-weight:normal;}
#userStatus .boxcont {}
#userStatus .edit {position:absolute;right:20px;top:32px;color:#666;}
#userStatus #edit_sta {margin-right:15px;margin-top:8px;padding-top:8px;border-top:1px solid #CCC;padding-right:99px;}
#edit_sta .statusEditor { width:237px;}
#edit_sta .statusEditor p { width:235px;border-color:#CCC;}
#edit_sta #mySta { width:210px;}
#preSta { width:235px;border-color:#CCC;}

/* ==== 1.15 userIntroducer ==== */
#userIntroducer { overflow:hidden;}
#userIntroducer .boxcont:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #userIntroducer .boxcont { height:1%;}
*+html #userIntroducer .boxcont { min-height:1%;}
	#userIntroducer .boxcont { padding:0 5px 5px;}

#userIntroducer .info { overflow:hidden; width:133px;}
#userIntroducer .personIcon { float:left; margin-right:5px;}
* html #userIntroducer .personIcon { margin-right:2px;}
#userIntroducer .info caption { text-align:left; line-height:24px;}
#userIntroducer .info th { width:3em; color:#808080; font-weight:normal; vertical-align:top;}

/* ==== 1.2 userVisitor ==== */
#userVisitor { overflow:hidden;}

/* ==== 1.3 userFriend ==== */
#userFriend, #userFriendSpecial { overflow:hidden;}
	#userFriend .noncont { margin:5px; line-height:20px;}
	#userFriend .readmore { margin:5px;}

#userFriendSpecial .SpecialpersonIconList td {
    padding: 0.5em;
    margin-bottom: 0.75em;
}

#userFriendSpecial .SpecialpersonIconList span {
    float: right;
    color: #D3D3D3;
}

#userFriendSpecial .SpecialpersonIconList span a {
    color: #D3D3D3;
}

#userFriendSpecial .SpecialpersonIconList span a:hover {
    color: #3b5998;
}

#userFriendSpecial .SpecialpersonIconList td p {
    clear: both;
    margin-bottom: 0.25em;
}

#userFriendSpecial .SpecialpersonIconListInfo {
		width: 99%;
}

/* ==== 1.4 userShare ==== */
#userShare { overflow:hidden;}

#userShare ul { list-style:none;}
#userShare li { margin:8px 0; padding-left:25px;}
* html #userShare li { height:1%;}
	.blogshare { background:url(../img/icon_note.gif) 5px 2px no-repeat;}
	.photoshare { background:url(../img/icon_photo.gif) 5px 2px no-repeat;}
	.groupshare { background:url(../img/icon_post.gif) 5px 2px no-repeat;}
	.peopleshare { background:url(../img/icon_link.gif) 5px 2px no-repeat;}
	.squareshare { background:url(../img/icon_square.gif) 5px 0 no-repeat;}
	#userShare .time { color:#808080;}

/* ==== 1.5 userFriendUniv ==== */
#userFriendUniv { overflow:hidden;}
	#userFriendUniv .boxcont { padding:0 5px;}
	#userFriendUniv .noncont { margin:5px; line-height:20px;}

#userFriendUniv ul { list-style:none; padding:5px 0;}
#userFriendUniv ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #userFriendUniv ul { height:1%;}
*+html #userFriendUniv ul { min-height:1%;}
	#userFriendUniv li { float:left; width:95px;}
	#userFriendUniv li .stat { color:#808080;}

/* ==== 2 userUpdates ==== */
#userUpdates {float:right; width:594px; position:relative; z-index:1;}

/* ==== 2.02 userSchoolClass ==== */
#userSchoolClass { overflow:hidden;}
	#userSchoolClass .boxcont { padding:5px; border:1px solid #3b5998;}
	#userSchoolClass label { float:left; width:6em; color:#808080;}
	#userSchoolClass .classname { margin-left:6em;}

/* ==== 2.05 userVacation ==== */
#userVacation { overflow:hidden; background:#f7f7f7;}
	#userVacation .boxcont { padding:5px 10px; border:1px solid #3b5998;}

/* ==== 2.1 userProfile ==== */
#userProfile { overflow:hidden; padding-bottom:5px;}
	#userProfile h3 { background:transparent; border:0; border-bottom:1px solid #d8dfea; font-size:14px; font-weight:bold; line-height:24px;}
	#userProfile .boxcont { padding:0 5px;}
		#userProfile .boxcont .edit { margin-left:1em; color:#d3d3d3; font-weight:normal;}
		#userProfile .boxcont .edit:hover { color:#3b5998;}
		* html #userProfile .boxcont .edit { margin-left:1em;}
		*+html #userProfile .boxcont .edit { margin-left:1em;}

#userProfile h4 { color:#333; font-weight:bold; line-height:20px;}
#userProfile table { margin-bottom:5px; line-height:15px;}
#userProfile th { width:6em; color:#808080; font-weight:normal; text-align:left; vertical-align:top;}

#PersonalInfo { color:#808080;}

/* ==== 2.19 userEvent ==== */
#userEvent { overflow:hidden;}
	#userEvent .boxcont { padding:0 5px; color:#808080;}
		#userEvent .boxcont p { margin:5px 0;}

/* ==== 2.2 userAlbum ==== */
#userAlbum { overflow:hidden;}
	#userAlbum .boxcont { padding:0 5px;}

#album { list-style:none; clear:both; margin:5px 0;}
#album:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #album { height:1%;}
*+html #album { min-height:1%;}
	#album li { float:left; overflow:hidden; width:192px;}

#album .image { overflow:hidden; float:left; width:60px; text-align:left;}
	#album .image a:hover { background:transparent;}
		#album .image a img { width:50px; padding:2px; border:1px solid #d8dfea; background:#fff;}
		#album .image a:hover img { border:1px solid #3b5998; background:#d8dfea;}

#album .info { display:inline; float:left; text-align:left;}
	#album h4 { line-height:24px;}
	#album .subinfo { color:#808080;}

/* ==== 2.4 userBlog ==== */
#userBlog { overflow:hidden;}
	#userBlog .boxcont { padding:0 5px;}

#blog { list-style:none; clear:both;}
	#blog li { margin:5px 0; }
		* html #blog .article { height:1%;}
		*+html #blog .article { min-height:1%;}

#blog .info { position:relative; padding:2px 0 2px 5px; border-top:1px solid #d8dfea; background:#f7f7f7; line-height:20px;}
* html #blog .info { height:1%;}
*+html #blog .info { min-height:1%;}
	#blog h4 { overflow:hidden; display:block; width:250px;}
	#blog .subinfo { position:absolute; top:0; right: 5px; color:#808080; line-height:20px;}
		#blog .subinfo .time { color:#808080;}

#blog .text { padding:5px; line-height:1.2;}
	#blog .text img { max-width:369px;}
	* html #blog .text img { width:expression((this.width < 369) ? "auto" : "369px");}
#blog .stat { padding:0 5px; color:#808080; line-height:24px;}

/* ==== 2.5 userPandora ==== */
#content #userPandora { position:static;}
	#userPandora .boxcont { padding:0 5px;}
		#userPandora .boxcont p { margin:5px 0;}

/* ==== 2.6 userGroup ==== */
#userGroup { overflow:hidden;}
	#userGroup .boxcont { padding:0 5px; color:#808080;}
		#userGroup .boxcont p { margin:5px 0;}

/* ==== 2.7 userTalk ==== */
#userTalk { overflow:hidden;}
	#userTalk .boxcont { padding:0 5px;}

#starttalkForm p { margin:5px 0;}
#cmtbody { width:742px; padding:3px; border:1px solid #d8dfea;}
#content #cmtbody { width:588px;}
#userUpdates #cmtbody { width:376px;}

#talk { list-style:none;}
	#talk li { padding:5px 0 10px; clear:both;}
	#talk li.gift .article { width:304px; float:left;}
#talk .article { clear:both;}
#talk .article:after { content:"haha"; display:block; height:0; clear:both; visibility:hidden;}
* html #talk .article { height:1%;}
*+html #talk .article { min-height:1%;}

	#talk .picture { overflow:hidden; float:left; width:56px;}
		#talk .thumbpic a img { padding:1px; border:1px solid #d8dfea;}
		#talk .thumbpic a:hover img { padding:1px; border:1px solid #3b5998; background:#d8dfea;}
	#talk .info { margin-left:56px; padding:0 5px; border-top:1px solid #d8dfea; background:#f7f7f7; line-height:20px; text-align:right;}
	* html #talk .info { height:1%;}
	*+html #talk .info { min-height:1%;}
		#talk .info cite { float:left; text-align:left;}
		#talk .info .author { float:left;}
		#talk .info .author a { font-weight:bold;}
		#talk .info .time { color:#808080;}
	#talk .text { margin-left:61px; padding:5px 0;}
	* html #talk .text { margin-left:64px; text-indent:-3px;}

#userTalk .readmore { margin:0 0 5px;}

/* ==== 3 permalink ==== */
#permalink { padding:5px 0; clear:both; border-left:1px solid #d8dfea; border-right:1px solid #d8dfea; border-bottom:1px solid #3b5998; background:#f7f7f7; color:#808080; text-align:center;}
#reportlink {clear:both}
#container #permalink { margin-left:132px;}
#content #permalink { margin:0 -10px; border:0; border-top:1px solid #d8dfea;}
	#permalink em { font-style:normal; font-weight:bold;}
	#permalink strong { color:#3b5998;}

/* Talk Page */
#talkpage #content { padding:10px 0 0;}
#talkpage #talk { overflow:hidden; width:584px; padding:10px; border:1px solid #d8dfea; background:#fff;}
#talkpage #message { width:598px; padding:3px;}
#talkpage #starttalk { padding-bottom:5px; border-bottom:1px solid #d8dfea;}
#talkpage .pnav { margin:5px 0;}
#allRead {text-align:center; margin-top:10px}

/* Gift */
#store-window {
    overflow: hidden;
    zoom: 1;
}

#talk li.gift #gift-window {
    overflow: hidden;
    zoom: 1;
    width:76px;
}

.gift-outer {
    float: left;
    margin-left:5px;
    margin-top:4px;
    padding:3px;
    display: inline;
}

.gift-outer-hover {
    float: left;
    margin-left:5px;
    margin-top:4px;
    padding:3px;
    display: inline;
    background: url(../img/gift/hover.jpg) no-repeat;
}

.gift-outer-click {
    float: left;
    margin-left:5px;
    margin-top:4px;
    padding:3px;
    display: inline;
    background: url(../img/gift/click.jpg) no-repeat;
}

.gift-inner {
    background-repeat:no-repeat;
    height:64px;
    width:64px;
    cursor: pointer;
}

.gift-caption {
    color: #777;
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 3px;
    text-align: center;
    width: 64px;
}

.gift-caption a {
    color: #777;
}

.gift-caption a:hover {
    color: #777;
}

* html .transparent-png {display:none}