body{background:#fff;font-family:tahoma, verdana, arial, sans-serif;font-size:11px;margin:0px;padding:0px;text-align:center;}
h1, h2, h3, h4, h5{font-size:13px;color:#333;margin:0px;padding:0px;}
h1{font-size:14px;}
h4, h5{font-size:11px;}
p{font-family:tahoma, verdana, arial, sans-serif;font-size:11px;text-align:left;}
a{cursor:pointer;color:#3b5998;text-decoration:none;}
a:hover{text-decoration:underline;}


.blue {cursor:pointer;color:#3b5998;}

img{border:0px;}
select{border:1px solid #BDC7D8;tahoma,verdana,arial,sans-serif;font-size:11px;padding:2px;}
td.label{font-size:11px;text-align:left;}
.layout{width:960px;text-align:left;}

td{font-size:11px;}
.label{pointer;color:#666666;font-weight:bold;font-size:11px;}
.label input{font-weight:normal;}

.left {
	float: left;
}
.dq{width:100%;text-align:left;line-height:200%;}
.dq a{width:46px;float:left;text-align:center;text-decoration: underline;}
.bfont{font-weight:bold;}

.right {
	float: right;
}
.red{color:red;}	
.clear {
	clear: both;	
}
.f12{font-size:12px;}
.youju_links{height:25px;clear: both;text-align:center;padding-top:5px;}
.gray{color:#666;}
.lh160{line-height:160%;}
.orange{color:#ff6600;}
.f16{font-size:16px;}
#logo{
	float:left;
	width:180px;
	position:relative;
	background-color:#04477c;
	height:50px;
}
#logo div{
	position:absolute;
	top:0px;
	left:0px;
}

#right{width:780px;float:right;}
#left{width:180px;float:left;}

#menutop{padding-top:5px;background-color:#3B5998;}
#menu{
	padding:0px;margin:0px ; width:100%;text-align:left;
		border-bottom:1px solid #CCCCCC;
		background:#F7F7F7;
	}
#menu ul {
	margin:0;
	padding:5px 8px 0 8px;
	list-style:none;
      }
#menu li {
      display:block;
      margin:0;
      padding:8px 5px 4px 10px;
	  border-bottom:1px solid #EBEBEB;
	  height:30px;
      }
#menu li a{
font-size:14px;
      }

#blog{
	background:url(/images/ico_memo.gif) no-repeat left -50px ;
}

#head{ float: right;width: 780px;background-color:#04477c;height:40px;z-index:100;}
#head a:link ,#head a:visited{
	color:#fff;	font-size:14px;

}

#head  .headleft
{
float:left;
padding-top:10px;
margin-left:20px;
_margin-left:0px;
}
#head .headright
{
float: right;
padding-top:10px;
margin-right:15px;
}

#head  .headright li{
	float:left;
    color:#C3CDDF;
	list-style:none;
	margin-left:15px;
}

#head .headright a:link,#head .headright a:visited{
	display:block;
	float:left;
	color:#C3CDDF;
	text-decoration:none;
	margin:0px;
}
#head .headright a:hover{
	display:block; 
	float:left;
	color:#fff;	
text-decoration:underline;
}

#head  .headleft li{
	float:left;
	list-style:none;
	margin-left:20px;
}

#head .headleft a:link,#head .headleft a:visited{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	margin:0px;
}

#head .headleft a:hover{
	display:block; 
	float:left;
	color:#fff;	
text-decoration:underline;
}

#blog{
	background:url(/images/ico_memo.gif) no-repeat left -50px ;
}

#information{
	background:url(/images/ico_memo.gif) no-repeat left -100px ;
}
#message{
	background:url(/images/ico_memo.gif) no-repeat left -125px ;
}
#friends{
	background:url(/images/ico_memo.gif) no-repeat left -150px ;
}
#logs{
	background:url(/images/ico_memo.gif) no-repeat left -368px;
}
#album{
	background:url(/images/ico_memo.gif) no-repeat left -136px;
}
#giftIco{
	background:url(/images/ico_memo.gif) no-repeat left -826px ;
}
#home{
	background:url(/images/ico_memo.gif) no-repeat left -1662px ;
}



#pagemain{border:1px solid #cccccc;}

#main{background-color: #FFF;}

#mainarea { float: right;width:100%;  min-height: 400px; border: 1px solid #ADADAD; background-color: #FFF; }
* html #mainarea { height: 400px; }



		.r_content .narrow, .l_content .wide { float: left; }

		.r_content .wide, .l_content .narrow { float: right; }

.r_content, .l_content { padding: 10px 10px; }

.input{border:1px solid #bdc7d8;padding:3px;font-size:11px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;height:20px;}
textarea{border:1px solid #bdc7d8;padding:3px;font-size:11px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;}
.clearfix{display:inline-block;}

.inputtext,
.inputpassword{border:1px solid #bdc7d8;font-family:tahoma, verdana, arial, sans-serif;font-size:11px;padding:3px;height:22px;}
#copyright{ float: right;width:780px;height:30px;z-index:100;clear:both;}

#copyright  .copyrightleft
{
float:left;
padding-top:10px;
margin-left:5px;
_margin-left:0px;
}
#copyright .copyrightright
{
float: right;
padding-top:10px;
margin-right:5px;
}
#copyright  .copyrightleft li{
	float:left;
	list-style:none;
	margin-left:5px;
	color:#666666;
}

#copyright  .copyrightright li{
	float:left;
	list-style:none;
	margin-left:15px;
}
.white{color:#ffffff}
#photomain{height:400px;background:#F4F4F4;}
.album { padding: 8px; border: 1px solid #E2EAED; background: #FFF; }

.title_header{background:white;padding:20px 20px 17px;text-align:left;}
.title_header h2{margin:0px;font-size:14px;padding:0px 0px 0px 24px;background:url(/images/hidden.gif) no-repeat 1px 1px;}
.title_header h2.no_icon{padding:0px;background:none;}
.title_header.add_border{border-bottom:solid 1px #ccc;}
/*.title_header.gray{background:#f7f7f7;}
.title_header.shorten{padding-bottom:0px;}
*/
.title_header.no_padding{padding:0px;}
.title_header h4{color:#666;font-size:11px;font-weight:normal;padding:3px 0 0 24px;}
.title_header h4.no_icon{padding:3px 0 0 0;}


.tabs_header { position: relative; height: 19px; border-bottom: 1px solid #888; clear: both;}
.tabs_header .tabs { position: absolute; left: 10px; }
.t_button { position: absolute; right: 20px; top: -15px; display: block; padding: 0 10px; height: 20px; border: 1px solid; border-color: #DDD #264F6E #264F6E #DDD; background: #990000; color: #FFF; line-height: 20px; }

.tabs_header_right {position: absolute; right: 20px; top: -15px; display: block;}
.tabs li { float: left; margin-right: 6px; border: 1px solid #888; }
.tabs a { float: left; padding: 0 10px; height: 16px; border-top: 1px solid #B5B5B5; background: #999; line-height: 16px; color: #FFF; }
.tabs li.active { border-bottom-color: #FFF; }
.tabs li.active a { border-top-color: #F0F0F0; background: #FFF; color: #333; }

.inputaux{background:#f0f0f0;color:#000;border-top-color:#e7e7e7;border-right-color:#666;border-bottom-color:#666;border-left-color:#e7e7e7;}
.inputaux_disabled{color:#999;}
.inputbutton,
.inputsubmit{padding:2px 4px 3px 4px;border-style:solid;border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:#D9DFEA;border-left-color:#D9DFEA;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;background-color:#3b5998;color:#FFFFFF;font-size:11px;font-family:tahoma, verdana, arial, sans-serif;text-align:center;}

.inputcancel{padding:2px 4px 3px 4px;border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;background:#f0f0f0;color:#000;border-top-color:#e7e7e7;border-right-color:#fff;border-bottom-color:#0e1f5b;border-left-color:#e7e7e7;font-size:11px;font-family:tahoma, verdana, arial, sans-serif;text-align:center;}

.pagerpro{float:right;list-style:none;margin:0;padding:0;padding-right:5px;}
.pagerpro li{display:inline;float:left;padding-right:5px;}
.pagerpro a{display:block;padding:3px;padding-bottom:2px;}
.pagerpro a:hover{background:#3B5998;border-color:#D8DFEA;border-bottom:1px solid #3B5998;color:white;text-decoration:none;}
.pagerpro .current a,
.pagerpro .current a:hover{background:transparent;border-color:#3B5998;border-bottom:2px solid #3B5998;color:#3B5998;font-weight:bold;padding-left:2px;padding-right:2px;}


.row label{float:left; width:200px; text-align:right; margin-right:10px; font-weight:bold;}
.row{clear:both;}
.row {text-align:left;width:100%;}
./*row input {float:left;font-size:11px;}*/





.pageNav {margin-top:10px;padding:10px 0;color:#000000;font: 0.85em arial; overflow:hidden;zoom:1;}
.pageNav .typing{float:right;}
.pageNav input{font-size:10px;font-family:verdana;}
.pageNav a{line-height:2.2em;padding: 2px 5px;color:#203558!important; border: solid 1px #849CC6;text-decoration: none!important;}
.pageNav a:hover{background-color:#E5EDF9;color:#203558!important;}
.pageNav span.current {padding:2px 5px; color:#ffffff!important;background-color:#5E90C3!important;border: solid 1px #5E90C3;font-weight:bold;}
.pageNav .pre{margin: 0 10px;white-space:nowrap;}
.pageNav .next{margin:0 10px;white-space:nowrap;}









.space_header { float: left;width:auto;border-bottom: 1px solid #CCC; background: #f3f3f3;padding:10px; }
.space_header h1 { padding-left: 215px; top: 20px; font-size: 1.17em; line-height: normal;font-size: 14px; color: #333; font-weight: bold; }
.space_header em { font-style: normal; font-size: 11px; font-weight: normal; color: #666; }
.space_header a { float: left;padding-left: 235px;font-size: 11px;padding-top:3px;cursor:default; }
.space_header span { float: right; padding-right: 5px; }
.space_header .profilestatus { float: left; padding-left: 240px; padding-top:3px;}

#space_avatar { padding-bottom: 1em; text-align: center; overflow: hidden; }

.space_content { padding: 10px 10px; }
.space_content .narrow { float: left; }
.space_content .wide { float: right; }

.narrow, .wide { }
.narrow { width: 200px; }
#space_narrow { margin-top: -40px; }
.wide {width:540px;}

.profileTable{border:1px solid #cccccc;}
.profileTable td{vertical-align:top;font-size:11px;line-height:13px;margin:0px;padding:1px 0px 1px 0px;}
.profileTable .label{width:100px;color:gray;}
.profilebox .profileTable{margin-left:0px;}
.profile .datawrap{width:auto;line-height:14px;}

#profileActions .box_img_chat{background:transparent url('/images/im_online.gif') no-repeat;float:right;line-height:14px;margin-top:3px;margin-right:5px;padding-right:3px;width:16px;height:10px;}
#profileActions a:hover .box_img_chat{background:transparent url('/images/im_online_alt.gif') no-repeat;}
#profileActions .text.text_box_chat{width:163px;}



.contactinfoTable{border:1px solid #cccccc;}
.contactinfoTable td{vertical-align:top;font-size:11px;line-height:13px;margin:0px;padding:1px 0px 1px 0px;}
.contactinfoTable .label{width:40px;color:gray;}
.contactinfoTable .datawrap{width:auto;color:gray;WORD-BREAK: break-all;WORD-WRAP: break-word;}

.starmyintro{color:gray;WORD-BREAK: break-all;WORD-WRAP: break-word;line-height:160%;}


.space_other_header { height: 40px; background: #F5F5F5; border-bottom: 1px solid #888; position: relative; }

.space_other_header { margin-bottom: 40px; border-bottom-color: #CCC; }

.space_other_header * { position: absolute; }

.space_other_header .avatar { width: 50px; height: 61px; left: 15px; top: 15px; }

.space_other_header h1 { left: 85px; top: 20px;  font-size: 1.17em; line-height: normal; }

.space_other_header h1 em { font-style: normal; font-weight: normal; }

.space_other_header .spacelink { left: 85px; top: 55px; }

.space_other_tip{padding:5px; }



#commentlist{border:1px solid #ccc;}

#rightgg{background: #Fff;border:1px solid #ccc;height:auto;margin-bottom: 10px;}


.side_right {float: left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;height:600px; }

	.side_right .narrow { float: right; background: #F5F5F5; width: 200px; display: inline;padding:10px; }

	.side_right .wide { float: left;background: #FFF; border-right:1px solid #ccc; padding: 10px; width: 578px;height: 100%; display: inline; }

.side_right_close { background-image: none; }

	.side_right_close .narrow { display: none; }

	.side_right_close .wide { width: 96%; }





.friends_list{width:100%;text-align:left;line-height:200%;}
.friends_list a{width:88px;float:left;text-align:center;text-decoration: underline;padding:3px;}
.friends_list img { width: 80px; height:98px; }

.gifts_list{width:100%;text-align:left;line-height:200%;padding:10px;}
.gifts_list img { width: 50px; height:50px; }

.f14{font-size:14px;}


.Browse_list{width:100%;text-align:left;line-height:200%;}
.Browse_list li{width:107px;height:150px;float:left;text-align:center;line-height:200%;padding:3px;}
.Browse_list a{width:100px;}
.Browse_list .face { width: 80px; height:98px;border:1px solid #cccccc; }


/* ================= */
/* = HEAD CONTROLS = */
/* ================= */
#welcome {padding:10px;}
#welcome span { margin: 1px; display: block; float: left; position: relative; }
#welcome { font-size: 20px; line-height: 25px; }
#myUrl{ clear:both;padding:10px;top:28px; width:52%; padding-top:15px; font-size: 10px; }
#myUrl span.myUrlTitle{ margin-right: 2px; }
#myUrl a { font-size: 10px; font-weight: bold; }

#today {float:right;font-family:"Comic Sans MS";font-size:11px;padding-right:10px;}
#today #lyrTime { float: right; display: inline; margin-right: 0; font-size: 10px; }

.RelevantMembersClassTitle{padding-top:3px;font-size:11px;cursor:hand;border:1px solid #ABC3DA;}
.RelevantMembersClassTitleNow{font-size:11px;font-weight:bold;padding-top:3px;cursor:hand;border-left:1px solid #ABC3DA;border-right:1px solid #ABC3DA;border-top:1px solid #ABC3DA;}

.managerightheader{background:#DAE4FF; color:#4D8ACB;}

#friendlist{OVERFLOW: auto;height:260px; WIDTH: 100%; background-color:fff;table-layout:fixed;}


#fseedlist{OVERFLOW: auto;height:380px;height:380px !important; WIDTH: 100%; background-color:fff;table-layout:fixed;vertical-align: middle;clear:both;}
.feedimg{padding: 3px; border: 1px solid #CCC; max-width: 70px; max-height: 100px;}
.feedimg { width: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); height: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true); }
.feedimg a:hover  { border-color: #69C !important; }
.feedimg { float: left; margin: 8px 4px 8px 0; }

.tracebutton { display: block; width: 69px; height: 28px; background: #EAEBFD url(http://images.96456.com/images/trace.gif) no-repeat; text-align: left; text-indent: 23px; line-height: 28px; }
.header      { font-family: Tahoma, Verdana; font-size: 12px; color: #ffffff; font-weight: 
               normal; background-image: 
               url('http://images.96456.com/images/headerbg.gif') }
.selet_bg {
background-color: #FFFFFF;
}