body{margin:0px;}

.main{ overflow:hidden; margin:auto; width:772px; font-family:宋体; font-size:12px;}
.main .bottom{color:#f0f0f0;float:left;width:770px;border:1px solid #f0f0f0;margin-top:3px;background:#404648;opacity: 0.5; filter: alpha(opacity = 50);text-align:center;padding-top:10px;padding-bottom:10px;}
.main .bottom a{color:#ffffff;text-decoration:none;font-weight:bold;margin-left:10px;}
.main .bottom a:hover{text-decoration:underline;}
.main .top{width:770px; height:18px; float:left; border:1px solid #cccccc;padding-top:8px;color:#666666;text-indent:10px;margin-top:3px;}
.main .top a{color:#666666;text-decoration:none;}
.main .top a:hover{text-decoration:underline;}

.main .banner{ width:730px; height:190px; float:left; border:1px solid #cccccc;color:#666666; font-size:22px; font-weight:bold;font-family:微软雅黑,宋体; padding-left:40px; padding-top:60px;}

.main .menu{width:770px; height:30px; float:left; border:1px solid #cccccc; text-align:center; margin-top:3px;}

.main .menu a{float:left;margin-top:6px;width:90px;text-align:center;margin-left:5px;height:10px;font-weight:bold;font-family:宋体;font-size:12px;padding-left:10px;padding-top:2px;padding-right:3px;text-decoration:none;color:#ffffff; }
.main .menu a:link{center;color:#ffffff;font-family:宋体;font-size:12px;}
.main .menu a:visited{center;color:#ffffff;font-family:宋体;font-size:12px;}
.main .menu a:hover{center;color:red;font-family:宋体;font-size:12px;}

.main .left{ width:230px; float:left; height:auto; overflow:hidden;}

.main .left .head{ width:227px; height:auto; border:1px solid #cccccc; float:left; margin-top:3px; padding-bottom:7px; color:#ffffff;}
.main .left .head img{ margin:1px;}
.main .left .head span{ float:left; margin-bottom:6px; margin-left:11px; border-bottom:1px; width:200px; border-bottom-style:dashed; border-bottom-color:#cccccc;}

.main .left .head .addfirend{ float:left; width:16px; height:16px; background-image:url(addfirend.gif); background-color:#ffffff; margin-left:5px; margin-bottom:8px;border:1px solid #ffffff;}
.main .left .head .addfirend:hover{border:1px solid #cccccc;}

.main .left .head .sendmessage{ float:left; width:16px; height:16px; background-image:url(sendmessage.gif); background-color:#ffffff; margin-left:5px; margin-bottom:8px;border:1px solid #ffffff;}
.main .left .head .sendmessage:hover{border:1px solid #cccccc;}

.main .left .head .apply{ float:left; width:16px; height:16px; background-image:url(apply.gif); background-color:#ffffff; margin-left:5px; margin-bottom:8px;border:1px solid #ffffff;}
.main .left .head .apply:hover{border:1px solid #cccccc;}

.main .left .head .homepage{ float:left; width:16px; height:16px; background-image:url(homepage.gif); background-color:#ffffff; margin-left:5px; margin-bottom:8px;border:1px solid #ffffff;}
.main .left .head .homepage:hover{border:1px solid #cccccc;}

.main .left .setgood{width:227px; height:auto; border:1px solid #cccccc; float:left; margin-top:3px; padding-bottom:7px;}
.main .left .setgood span{ float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:225px; padding-top:5px;padding-bottom:5px;}
.main .left .setgood a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.main .left .iapply{width:227px; height:auto; border:1px solid #cccccc; float:left; margin-top:3px; padding-bottom:7px;}
.main .left .iapply span{ float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:225px; padding-top:5px;padding-bottom:5px;}
.main .left .iapply a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.main .left .views{width:227px; height:auto; border:1px solid #cccccc; float:left; margin-top:3px; padding-bottom:7px; color:#ffffff;}
.main .left .views span{ float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:225px; padding-top:5px;padding-bottom:5px; color:#000000;}
.main .left .views a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.user{float:left; width:86px;text-decoration:none; height:17px;background-repeat:no-repeat;background-position:3px 3px; text-align:center; padding-top:98px; overflow:hidden; white-space:nowrap;border:1px dashed #909090;color:#606060;background-color:#cccccc;}
.user:hover{border:1px dashed #ff9090;color:#ff6060;background-color:#fff9f9;}

.main .right{width:539px; float:left; height:auto; overflow:hidden; margin-left:3px; margin-top:3px;}

.main .right .musicbox{ width:537px; border:1px solid #cccccc; height:400px;}

.main .right .note{width:537px; border:1px solid #cccccc; height:auto; margin-top:3px; overflow:hidden;}
.main .right .note span{ float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:535px; padding-top:5px;padding-bottom:5px;} 
.main .right .note tt{ height:10px; color:#666666; font-family:Tahoma,宋体; text-align:center; padding-top:5px; width:537px; float:left;}
.main .right .note .content{ width:527px; margin-left:5px; margin-bottom:5px; height:auto; float:left; color:#666666; margin-top:5px;}
.main .right .note .content p{margin:0px;}
.main .right .note .time{ width:527px; margin-left:5px; margin-bottom:5px; height:15px; float:left; text-align:right; display:inline; color:#666666;}

.main .right .albumlist{width:537px; border:1px solid #cccccc; height:auto; margin-top:3px; padding-bottom:10px;}
.main .right .albumlist span{ float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:535px; padding-top:5px;padding-bottom:5px;} 
.main .right .albumlist a{margin-left:17px; margin-top:10px;}

.album{float:left; width:111px;text-decoration:none; height:17px;background-repeat:no-repeat;background-position:3px 3px; text-align:center; padding-top:90px; overflow:hidden; white-space:nowrap;border:1px solid #909090;color:#606060;background-color:#f9f9f9; text-indent:3px; white-space:pre-line; line-height:20px;}
.album:hover{border:1px solid #ff9090;color:#ff6060;background-color:#fff9f9;}

.main .right .firendlist{width:537px; border:1px solid #cccccc; height:auto; margin-top:3px; padding-bottom:10px;}
.main .right .firendlist span{ float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:535px; padding-top:5px;padding-bottom:5px;} 
.main .right .firendlist a{margin-left:16px;margin-top:10px;}

.main .right .liwulist{width:537px; border:1px solid #cccccc; height:auto; margin-top:3px; padding-bottom:10px;}
.main .right .liwulist span{float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:535px; padding-top:5px;padding-bottom:5px;} 
.main .right .liwulist .liwu{margin-left:3px;display:inline;margin-top:3px;width:528px;float:left; height:30px;line-height:30px;background:url(../../images/liwu.gif);background-repeat:no-repeat;border:1px solid #222222;background-position:3px 3px;background-color:#111111;}
.main .right .liwulist .liwu a{color:#444444;text-decoration:none;}
.main .right .liwulist .liwu a:hover{text-decoration:underline;}
.main .right .liwulist .liwu .name{float:left;width:332px;margin-left:30px;text-indent:10px;}
.main .right .liwulist .liwu .open{float:left;width:50px;text-align:center;}
.main .right .liwulist .liwu .sender{float:left;width:100px;text-align:center;}
.main .right .liwulist .liwu:hover{border-color:#666666;}

.main .right .wordlist{width:537px; border:1px solid #cccccc; height:auto; margin-top:3px; padding-bottom:5px; color:#ffffff;}
.main .right .wordlist span{ float:left; margin:1px; height:auto; text-align:center; background:#cccccc; width:535px; padding-top:5px;padding-bottom:5px; color:#000000;} 

.main .right .wordlist .iword{ width:529px; border-bottom:1px solid #cccccc; margin-left:2px; float:left; margin-top:5px; padding-bottom:5px;}
.main .right .wordlist .iword .sleft{ width:96px; float:left; border-right:1px dashed #cccccc;}
.main .right .wordlist .iword .sleft span{ width:86px; float:left;margin-left:2px; margin-top:2px; background:#cecece;color:#333333;text-align:left; height:12px; padding-top:4px;padding-bottom:4px;text-indent:4px;border:0px;height:auto;border:1px dashed #cecece;}
.main .right .wordlist .iword .sleft a{ margin-top:3px; margin-left:2px;}

.main .right .wordlist .iword .sright{float:left; width:429px;}
.main .right .wordlist .iword .sright .content{margin-top:5px;margin-left:5px;float:left; width:395px; white-space:pre-wrap; overflow:hidden;background:#cccccc; word-break:break-all; color:#333333 ;border:1px dashed #cccccc;padding:10px;text-align:justify;height:inherit;}
.main .right .wordlist .iword .sright .time{ width:390px; margin-left:5px;margin-top:10px; margin-bottom:5px; height:15px; float:left; text-align:right; display:inline; color:#333333;}

.main .right .wordlist .iword .sright .title{ text-indent:3px;float:left; width:420px;}
.main .right .wordlist .sendword{ width:380px; float:left; margin-left:40px;padding-top:15px;}
.main .right .wordlist .sendword .content{ width:380px;height:140px; overflow:hidden;}
.main .right .wordlist .sendword .content textarea{width:370px;height:130px;}

.main .right .wordlist .pagebar{ width:510px; display:inline; float:left; margin:5px;}
.main .right .wordlist .pagebar a{border:1px solid #0066FF; margin-left:5px; padding-top:7px;text-decoration:none;text-align:center;background:#FFFFFF;color:#0000ff; margin-top:2px;}
.main .right .wordlist .pagebar a:hover{background:#0000FF;color:#FFFFFF;}
.main .right .wordlist .pagebar .curr{ float:left;width:25px; height:14px; text-align:center;padding-top:6px; font-weight:bold; font-size:13px;margin-left:5px; border:1px solid #cccccc; background:#ffffff; margin-top:2px;}
.main .right .wordlist .pagebar .num{ float:left;width:25px; height:18px; margin-top:2px;}
.main .right .wordlist .pagebar .nxt{ float:left;  width:60px; height:18px; margin-top:2px;}

.main .picview{float:left; margin-top:3px; width:auto; height:auto; text-align:center; width:722px; margin-left:25px; display:inline;}
.main .picview img{ border:1px solid #cccccc; cursor:hand;}
.main .pics{ width:770px; border:1px solid #cccccc; margin-top:3px; height:350px; overflow:auto;}
.main .pics a{ margin-top:6px; margin-left:10px; margin-bottom:3px;}


.main .right .fpagebar{ width:510px; display:inline; float:left; margin:5px;}
.main .right .fpagebar a{border:1px solid #0066FF; margin-left:5px; padding-top:7px;text-decoration:none;text-align:center;background:#FFFFFF;color:#0000ff; margin-top:2px;}
.main .right .fpagebar a:hover{background:#0000FF;color:#FFFFFF;}
.main .right .fpagebar .curr{ float:left;width:25px; height:19px; text-align:center;padding-top:6px; font-weight:bold; font-size:13px;margin-left:5px; border:1px solid #cccccc; background:#ffffff; margin-top:2px;}
.main .right .fpagebar .num{ float:left;width:25px; height:18px; margin-top:2px;}
.main .right .fpagebar .nxt{ float:left;  width:60px; height:18px; margin-top:2px;}

.main .right .firends{ width:537px; border:1px solid #cccccc;float:left; padding-bottom:10px; display:inline;}
.main .right .firends a{margin-left:16px; margin-top:10px;}

.main .right .notes{height:auto;}
.main .right .notes .row{width:517px;border:1px solid #e9e9e9;margin-left:9px;float:left;display:inline;margin-top:9px;padding-top:10px;padding-bottom:10px;background:#333333;}
.main .right .notes .row a{height:17px;color:#e9e9e9;float:left;overflow:hidden;font-size:14px;font-weight:bold;width:360px;padding-top:3px;white-space:nowrap;margin-left:10px;text-decoration:none;}
.main .right .notes .row a:hover{text-decoration:underline;}
.main .right .notes .row .time{height:17px;padding-top:3px;float:right;margin-right:10px;text-align:right;color:#cc0000; width:130px;overflow:hidden;font-family:tahoma;}