body {
	text-align: center;
	margin:auto;
	font-size:12px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
                background-position: top;
}
ul{
	text-align:left;
    padding:0px;
	margin:auto;
	display:table;
}
li{
    list-style:none;
    margin:0px;
	overflow:hidden;
}
form{
    margin:0;
}
.ghostDiv{
	filter: Alpha(Opacity=50);	
	-moz-opacity:0.5; /* Moz + FF */
	opacity: 0.5;
}
div{
    text-align:left;
}
img{
   border:0;
}
a{
    font-size:12px;
	text-decoration: none;
	font-weight: normal;
	blr:expression(this.onFocus=this.blur());
}
a:hover{
    font-size:12px;
	text-decoration: underline;
	font-weight: normal;
}

.clear{
   clear:both;
}
.login{
	width:100%;
	height:24px;
	padding:8px 0px 0 0px;
	text-align:right;
	margin:auto;
}
.login .left
{
	float:left;
	margin-left:10px;
	margin-top:-4px;
}
.login .left img{
    margin:0px 10px -7px 0px;
}
.login .right{
	float:right;
	margin-right:10px;
}
.login input{
    margin-left:10px;
}
.bottom
{
	width:100%;
                margin:auto;
	margin-top:40px;
	text-align:center;
	line-height:22px;
	padding:0px;
}
.bottom .li1{
    line-height:30px;
	text-align:right;
	padding-right:50px;
}
.bottom .li1 span{
   text-align:left;
   float:left;
   padding-left:50px;
}
/*-------button------*/ 
.button1{
    border:0px;
	font-size:12px;
    height:20px;
	padding:0 5px;
	margin:0 3px;
	overflow:visible;
}
.button2{
	font-size:12px;
    height:16px;
	line-height:16px;
	margin:0 3px;
	padding:0 3px;
	border:0px;
	overflow:visible;
}
.button3{
	margin:0 5px;
}
/*-------title------*/
.title{
   width:auto;
   display:block;
   height:32px;
}
.title h3{
  float:left;
  height:24px;
  font-size:14px;
  padding:8px 0 0 15px;
  margin:0px;
}
.title input{
  float:right;
  margin:8px 10px 0 0;
}
.title a{
	float:right;
	margin:8px 5px 0 0;
}
/*-------top------*/
.top
{
	width:100%;
	height:150px;
	padding:50px 0 0 0px;
	text-align:left;
	margin-top:32px;
	float:left;
}
.top img{
    margin:0 5px -2px 0;
}
.intro{
	top:10px;
	font-size:14px;
	margin-left:150px;
}
.linkinput{
	margin:10px 0 0 150px;
}
.top h2{
	font-size:20px;
	letter-spacing: 2px;
	margin-left:150px;
}
/*-------nav------*/
.nav{
    margin:0 30px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
}
.nav a{
	margin:0 10px 0 15px;
	font-size:14px;
	font-weight:bold;
	float:left;
}
.nav a:hover{
	margin:0px 10px 0px 15px;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
}
.nav input{
	float:right;
}
.nav a.link{
    width:58px;
	height:20px;
	line-height:20px;
	text-align:center;
    font-size:12px;
	font-weight:normal;
	float:right;
}
.nav a.link:hover{
    font-size:12px;
	font-weight:normal;
}
#modules
{
    margin:0 30px!important;margin:0 26px;
    padding-right:232px;
    padding-top:10px;
}
/*-------left------*/
#left{
   width:100%; 
   float:left;
}
#left .area{
   margin-bottom:10px; padding:0 0 10px 0;
}
#left .area .content1{
   width:95%;
   margin:0 2% 20px 2%;
}
#left .area .content1 li{
   padding:7px 0 4px 0;
}
#left .area .content1 .li2{
   line-height:22px;
}
#left .area .content1 .li3{
   width:20%;
   text-align:center;
   display:block;
   height:106px;
   float:left;
}
#left .area .content1 .li3 img{
   width:80px;
   height:100px;
   padding:2px;
}
#left .area .content1 .li4{
   width:80%;
   height:106px;
   display:block;
   float:left;
}
#left .area .content1 .li4 div{
   padding:7px 0 4px 0;
}
#left .area .content1#friend_list{
   height:120px;
}
#left .area .content2{
    text-align:right;
	margin-bottom:10px;
	padding:0 1%;
}
#left .area .content2 img{
    margin-left:5px;
}
#left .area .content3{
   width:100%;
   margin-bottom:10px;
   padding:0px;
margin:auto;
}
#left .area .content3 .pic{
	width:20%;
	height:180px;
	float:left;
	text-align:center;
	line-height:25px;
        margin:10px 0 0 0;
}
#left .area .content3 .pic .picbox a{
	width:130px;
	line-height:135px;
	height:135px;
	font-size:135px;
	*font-size:118px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	outline:none;
}
#left .area .content3 .pic .picbox {
background-image:url(http://img.nuabc.net:6080/template/personal/blue/bg_7.gif);
height:135px;
overflow:hidden;
margin:auto;
text-align:center;
width:130px;
}
#left .area .content3 .pic .picbox img {
	margin:-5px 0 0 0;
	border:none;
	vertical-align:middle
	}
#left .area .content3 .pic .name{
    width:126px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:auto;
	display:block;
                overflow:hidden;
}
#left .area .content3 .pic .edit{
    width:126px;
	text-align:center;
	margin:auto;
	display:block;
}
#left .area .content3 .news{
   width:48%;
    height:18px;
   text-align:left;
   float:left;
   padding:7px 0 4px 1%;
   overflow:hidden;
}
#left .area .content3 .news img{
   margin:3px 5px 0px 0px;
   float:left;
}
#left .area .content3 .li1{
	width:96%;
	text-align:left;
	line-height:22px;
	padding:5px 0 3px 0px;
margin:auto;
}
#left .area .content3 .li1 img{
   margin:0px 5px 0px 5px;
}
#left .area .content3 .li1 .img1{
   margin:0px 0px -3px 5px;
}
#left .area .content3 .li1 span{
   font-weight:bold;
}
#left .area .content3 .li1 .input1{
    width:100px;
}
#left .area .content3 .li1 .input2{
    width:450px;
	height:60px;
    vertical-align:top;
}
#left .area .content3 .li1 p{
    font-size:14px;
	line-height:25px;
}
#left .area .content3 .li1 h2{
   font-size:16px;
   margin:0px;
}
#left .area .content3 .li1 a{
	margin-right:10px;
}
#left .area .content3 .li1 .input3{
    width:50px;
}
#left .area .content3 .li2{
   padding:0 2%;
   text-align:left;
   line-height:22px;
}
#left .area .content3 .li4{
float:left;
height:250px;
line-height:22px;
padding:10px;
width:200px;
}
#left .area .content3 .li4 img{
   width:200px;
   height:250px;
}
#left .area .content3 .li5{
	width:67%;
	text-align:left;
	line-height:22px;
	float:left;
}
#left .area .content3 .li5 span{
   float:left;
}
#left .area .content3 .li5 input{
	float:right;
}
#left .area .content3 .li5 a{
    /*margin-right:10px;*/
}
#left .area .content3 .li5#link{
    margin-top:5px;
}
#left .area .content3 .li6{
    width:16%;
	padding:5px 0 3px 0;
	text-align:center;
	float:left;
	line-height:22px;
}
#left .area .content3 .li6 img{
    width:80px;
	height:100px;
	padding:2px;
}
#left .area .content3 .li6 a{
    width:86px;
	text-align:center;
	display:block;
	margin:auto;
}
#left .area .content3 .li7{
    width:48%;
	height:27px;
	float:left;
	text-align:left;
	line-height:27px;
	padding:6px 0 3px 0;
}
#left .area .content3 .li7 img{
    width:20px;
	height:25px;
	margin-right:5px;
	float:left;
}
#left .area .content3 .li7 a{
   display:block;
   float:left;
}
#left .area .content3 .li7 span{
   float:right;
   padding-right:5px;
}
#left .area .content3 .li8{
   text-align:center;
   padding:7px 0 4px 0;
}
#left .area .content3 .li8 img{
   padding:2px;
}
#left .area .content3 .li9{
   width:16%;
   float:left;
}
#left .area .content3 .li10{
   width:4%;
   float:left;
}
#left .area .content3 .li10 img{
   margin-top:10px;
}
#left .area .content3 .li11{
   width:60%;
   text-align:center;
   float:left;
}
#left .area .content3 #innerContainer .picbox {
border:1px solid #CCCCCC;
display:inline;
float:left;
height:80px;
margin:0 3px;
padding:2px;
text-align:center;
width:80px;
}
 /*#left .area .content3  a{
  margin:0 7px;
}*/
#left .area .content3#thidr_photo_list{
   width:100%;
   height:90px;
   text-align:center;
}
#imgContainer{ 
	width:60%;
	text-align:center;
    float:left; 
}
.imgContainer_2{
	float:left;width:400px; margin: 0 12px;overflow:hidden;
	white-space:nowrap; 
    position:relative
}
/*.imgContainer_2 img{  
	margin:0 7px;
	padding:2px;
}*/
#innerContainer 


{
	position:relative;
	border:0px; 
	white-space:nowrap; 
}

#left .area .content3 .li12{
   width:58%;
   height:30px;
   line-height:30px;
   float:left;padding:0 0 0 10px;
}
#left .area .content3 .li13{
   width:10%;
   text-align:center;
   height:30px;
   line-height:30px;
   float:left;
}
#left .area#messagePageBar{
   width:97%;
   padding:0 1%;
}
#left .area .content3#about{
   height:600px;
}
#left .area .pagination{
   padding:0 10px 20px 10px;
}
#left .area .pagination a{
   padding:0 5px;
}
/*-------right------*/
#right{
   width:222px;
   float:left; 
   margin-right:-232px!important; margin-right:-116px;
   margin-left:10px;
}
#right .area{
   margin-bottom:10px;
   text-align:center;
}
#right .area .content1{
   margin:0 10px 20px 10px;
}
#right .area .content1 li{
   padding:7px 0 4px 0;
}
#right .area .content1 .li2{
   display:none;
}
#right .area .content2{
    text-align:right;
	margin:0 5px 10px 5px;
}
#right .area .content3{
   text-align:center;
   width:94%;
   margin:0 3%;
}
#right .area .content3 .pic{
	line-height:22px;
	padding-top:4px;
	margin:0px;
	text-align:center;
}
#right .area .content3 .pic .picbox {
background-image:url( http://img.nuabc.net:6080/template/personal/blue/bg_7.gif);
height:120px;
padding:5px 5px 10px;
text-align:center;
width:120px;
margin:auto;
overflow:hidden;
}
#right .area .content3 .pic .name{
    width:126px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:auto;
	display:block;
}
#right .area .content3 .pic .edit{
    width:126px;
	text-align:center;
	margin:auto;
	display:block;
}
#right .area .content3#photo{
   height:286px;
   margin-bottom:10px;
   overflow:hidden;
   text-overflow:clip;  
   display:block;
}
#right .area .content3 .news{
   text-align:left;
   padding:7px 0 4px 0;
}
#right .area .content3 .news img{
   margin-right:5px;
}
#right .area .content3#video{
   /*height:131px;*/ min-height:30px; /*zg update */
   margin-bottom:10px;
   overflow:hidden;  
   display:block;
}
#right .area .content3#friend{
   /*height:250px;*/ min-height:30px; /*zg update */
   margin-bottom:10px;
   overflow:hidden;
}
#right .area .content3#bbs{
   /*height:75px;*/ min-height:30px; /*zg update*/
   margin-bottom:10px;
   overflow:hidden;
}
#right .area .content3#circle{
   /*height:75px;*/ min-height:30px; /*zg update*/
   margin-bottom:10px;
   overflow:hidden;
}
#right .area .content3 .li1{
	width:100%;
	text-align:left;
	line-height:22px;
	float:left;
	padding:5px 0 3px 0;
}
#right .area .content3 .li1 .input1{
    width:75px;
}
#right .area .content3 .li1 img{
   margin:0 0 -3px 5px;
}
#right .area .content3 .li1 span{
   font-weight:bold;
}
#right .area .content3 .li1 .img1{
   margin:0 5px -1px 0;
}
#right .area .content3 .li1 .input2{
    width:130px;
	height:60px;
    vertical-align:top;
}
#right .area .content3 .li1 .input3{
    width:40px;
}
#right .area .content3 .li1 .input4{
    width:120px;
}
#right .area .content3 .li2{   
   padding: 0 5px;
   margin:5px -1px!important;margin:5px 0;
   text-align:left;
   float:left;
   line-height:22px;
}
#right .area .content3 .li3{
   text-align:center;
   line-height:22px;
}
#right .area .content3 .li4{
	width:100%;
	line-height:22px;
	float:left;
}
#right .area .content3 .li4 img{
   width:200px;
   height:250px;
   margin-top:10px;
}
#right .area .content3 .li5{
	width:98%;
	text-align:left;
	line-height:22px;
	float:left;
	padding:5px 0;
}
#right .area .content3 .li5 span{
   float:left;
}
#right .area .content3 .li5 input{
	float:right;
}
#right .area .content3 .li5 a{
    /*width:70px;
	padding:0px;*/
	white-space:nowrap;
}
#right .area .content3 .li5#link{
    width:62%;
	padding:0 19%;
	text-align:center;
}
#right .area .content3 .li6{
    width:49%;
	text-align:center;
	padding:5px 0 3px 0;
	line-height:22px;
	float:left;height:140px;
}
#right .area .content3 .li6 img{
    width:80px;
	height:100px;
	padding:2px;
}
#right .area .content3 .li6 a{
    width:86px;
	text-align:center;
	display:block;
	margin:auto;
}
#right .area .content3 .li7{
    width:98%;
	height:27px;
	text-align:left;
	line-height:27px;
	padding:6px 0 3px 0;
}
#right .area .content3 .li7 img{
    width:20px;
	height:25px;
	margin-right:5px;
	float:left;
}
#right .area .content3 .li7 a{
   float:left;
}
#right .area .content3 .li7 span{
   float:right;
}
/*-------adv------*/
.right_adv{
   width:221px;
   height:115px;
   margin-bottom:10px;
}
.left_adv{
   width:711px;
}
.left_adv_img{
   margin-bottom:10px;
}
.left_adv_img img{
   width:709px;
   height:100px;
}
.left_adv_text{
   margin-bottom:10px;
}
.left_adv_text li{
   padding:7px 0 4px 0;
}
.left_adv_text li img{
   margin:0px 5px -1px 0px;
}
.left_adv_text li a{
   font-size:14px;
}
#messagePageBar{ line-height:30px; height:30px; padding-left:20px;  margin-top:10px;}

.prev,.next{
	width:80px;
	height:55px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
margin:auto;
}.f_txt{
	height:22px;display:none
}
#BackMusicPlayer{ width:200px; height:226px;}