.snsbg{background:url("../images/sns_left_panel_bg.gif") left top repeat-y;}
#container .ccl{width:500px;margin:10px 0 0 0}
#snspanel{float:left;width:201px;}
#snspanel h4{font-size:12px;padding:5px 7px;height:18px;border-bottom:1px solid #dfdfdf;border-top:1px solid #fff}
#snspanel h4 span,#snspanel h4 b{float:left}
#snspanel h4 span,#snspanel h4 a{padding:3px 0 0 4px}
#snsmain{float:right;width:740px;padding:10px 0 0 0}
#snsfooter{clear:both;background:url("../images/sns_left_panel_bottom.gif") left bottom no-repeat;height:10px;}
.main{margin:15px 0}

.welcome{background:#fff;height:50px;line-height:50px}
.info{background:url("../images/sns_left_panel_top.gif") left top no-repeat;height:170px}
.info dl{padding:12px 0 0 10px}
.info dl dt{float:left;margin:2px 8px 0 0;background:url("../images/sns_panel_thumb_bg.gif") left top no-repeat;width:112px;height:112px}
.info dl dt img{padding:4px;}
.info dl dd{padding:5px 0 9px 0;margin:0;height:15px;overflow:hidden}
.info dl dd span{float:left}
.info dl dd b.icon{width:10px;margin:0 2px 0 0;float:left}
.info span.cb, .info span.bc{float:left;padding:5px 0 0 0}
.info .tip{z-index:0}
.info .girlc, .info .boyc{font-weight:bold;font-size:14px;padding:5px 0 0 10px;display:inline-block}
.degree{float:right;padding:5px 11px 0 0;display:inline-block}
.degree b{margin:0 3px 0 0}
.degree b, .degree span{float:left;display:block;line-height:18px}
.snstab{}

#snspanel .lastevents dl{clear:left;padding:5px 8px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf;height:63px}
#snspanel .lastevents dl.odd{background:#ebebeb}
#snspanel .lastevents dt{float:left;margin:0 8px 0 0}
#snspanel .lastevents dt img{border:1px solid #ddd;padding:4px;background:#fff;float:left}
#snspanel .lastevents h5{font-size:12px;font-weight:normal}
#snspanel .lastevents h5 a{color:#333365;line-height:18px;}
#snspanel .streetshoot dl{clear:left;padding:8px 8px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf;}
#snspanel .streetshoot dl img{border:1px solid #ddd;padding:4px;background:#fff;}
#snspanel .srating dl{clear:left;padding:5px 0 5px 7px;border-top:1px solid #fff;}
#snspanel .srating dl dt{float:left;margin:5px 5px 0px 0}
#snspanel .srating dl img{border:1px solid #ddd;padding:3px;background:#fff;float:left}
#snspanel .action{border-top:1px solid #fff;border-bottom:1px solid #dfdfdf;padding:10px 8px}
#snspanel .action h5{font-weight:bold;color:#666;padding:11px 0 0 10px}
#snspanel .action h5 b{float:left;display:block;margin:0 4px 0 0}
#snspanel .addfriend{height:200px;background:url("../images/sns_left_panel_add_bg.gif") 0px 1px no-repeat;}
#snspanel .searchFreind{padding:15px 0 0 10px;width:180px;}
#snspanel .searchFreind select{width:159px}
#snspanel .searchFreind .input{margin:5px 0 0 0;display:block;}
#snspanel .searchFreind  .blockLink{margin:5px 0 0 0;clear:left}
#snspanel .searchFreind form{margin:8px 0 0 0;}

.profile {border-top:1px solid #fff;border-bottom:1px solid #dfdfdf;padding:9px 11px}
.profile ul{}
.profile ul li{line-height:20px}
.profile ul li label{width:48px;display:inline-block}

.nextstep{border:1px solid #99cc99;background:#f3fff3;padding:8px 8px}
.nextstep b{float:left}
.nextstep p{margin:0 0 0 20px}

a.del{color:#bbb}
a.del:hover{color:#333}

.sign{background:url("../images/sns_left_panel_sign_bottom.gif") left bottom no-repeat;padding:0 0 21px 0}
.sign p{line-height:20px;padding:0 20px 0 20px;background:url("../images/sns_left_panel_sign_bg.gif") left top repeat-y;}
.sign a{margin:0 0 0 8px}
.cpanel{padding:0 0 5px 0;display:inline-block;width:100%}
.cpanel a{margin:0 0 0 5px}
.cpanel .r b{float:left;display:block}

#coverflow{border:1px solid #ddd;height:390px;overflow:hidden;clear:both}
.cform .snshome{width:375px}

.feed{display:inline-block;width:500px;margin:20px 0 0 0}
.cur{font-weight: bold;color: #666666;background:url("../images/feed_tab.gif") top left no-repeat;width:45px;height:26px;line-height:26px;text-align:center}
.feed span{float:right;width:360px}
.feed span a{margin:0 5px;color:#666;display:block;float:left;line-height:26px;}
.feed dl dd{}
.feedcontent {margin:10px 0;}
.feedcontent dl {margin:5px 0;background:url("../images/line.gif") -80px bottom repeat-x}
.feedcontent dl dt{padding:2px 0 7px 0}
.feedcontent dl dt span{color:#333;display:block;margin:0 0 0 20px;line-height:1.5em;}
.feedcontent dl dt b{float:left;display:block;margin:0 5px 0 0}
.feedcontent dl dt cite{float:right;color:#999;font-size:10px;padding:2px 0 0 10px}
.feedcontent dl dd{display:inline-block;padding:0 0 10px 20px}
.feedcontent dl dd img{border:1px solid #ddd;padding:4px;margin:0 5px 0 0;}
.feedcontent div.more{padding:5px 0 10px 20px;}

b.photo{background-position:-64px -20px}
b.rating{background-position:-80px -20px}
b.register{background-position:-96px -20px}

.upthumb dl{padding:2em 0 0 0}
.upthumb .t{display:block;border-bottom:1px solid #ddd; padding:0 0 6px 0}
.upthumb dl {display:block}
.upthumb dl dt{float:left;padding:0 1em 5px 0;}
.upthumb dl dt div{width:120px;}
.upthumb dl dt div span{padding:5px 10px 0 0;text-align:center;display:block}
.upthumb dl dt div img{border:1px solid #ddd;padding:4px;}

.upthumb dl dd{float:left;}
.upthumb dl dd input{margin:1em 0 1.5em 0}

#tabContainer{padding:10px 10px;margin:0 0 30px 0;display:block}
#tabContainer fieldset ul{margin:0 0}
#tabContainer fieldset ul li label{width:90px;}
.wrap{padding:10px}

#tabDetailProfileContainer{padding:10px 10px;margin:0 0 30px 0;display:block}
#tabDetailProfileContainer fieldset ul{margin:0 0}
#tabDetailProfileContainer fieldset ul li label{width:120px;}

dl.myfreind dd span a{width:36px;height:16px;display:block;overflow:hidden}

dl.flist dd {margin:0 20px 10px 0;height:100px;display:inline-block}
dl.flist dd span{}
dl.flist dd span.del a{color:#bbb}
dl.flist dd span.del a:hover{color:#333}

dl.message{display:block;width:950px;margin:20px 0;clear:both}
dl.message dt {float:left;margin:0 15px 0 0}
dl.message dt img{border:1px solid #ccc; padding:4px}
dl.message dd div.replycontent{padding:10px 0 15px 0;line-height:1.5em;margin:0 0 0 75px;border-bottom:1px solid #e0e0e0;color:#333}
dl.message dd cite{padding:0 0 0 10px}
dl.message span.r a{margin:0 10px 0 0}

dl.message dd {position:relative}
dl.message dd span.tip{position:absolute;right:60px;}


.album dl{margin:5px 20px 10px 0;border:1px solid #ddd;display:inline-block;padding:5px;width:280px;height:180px;float:left}
.album dl dt{float:left;margin:0 10px 0 0;height:180px;width: 120px;display:block}
.album dl dt img{border:1px solid #ccc; padding:4px;overflow:hidden;max-height:110px;max-width:100px;}
.album dl dt img{
    max-width:100px;    
    height:auto;     
    zoom:expression( function(elm) {     
         if (elm.width>100) {    
              var oldVW = elm.width;
			  elm.width=100;
			  elm.height = elm.height*(100 /oldVW);             
         }
         elm.style.zoom ='1';    
     }(this));    
}
.album dl dd{padding:2px 0 0 0}
.album dl dd h2{padding:0 0 15px 0}
.album dl dd span{padding:0 0 10px 0;display:block}
.album dl dd span a{padding:0 0 0 10px}
.album dl dd cite{font-size:11px;color:#999}

.album table{border:1px solid #ddd;margin:20px 0;background:#f1f1f1;width:100%;padding:10px 0}
.album table tbody{padding:0 10px}
.album table td {padding:10px;width:80px;text-align:center}
.album table td img{border:1px solid #dfdfdf; padding:4px}
.album table div{text-align:center;}
.album table div span{line-height:30px;display:inline-block}
.upload{display:block;padding:10px 0}

.albumview{position:relative;margin:10px 0;padding:5px;border:1px solid #ddd;text-align:center;height:100%;}
.albumview a{}
.albumview div.prev{left:0;top:0;}
.albumview div.next{right:0;top:0;}
.albumview div{width:50%;height:100%;text-indent:-9999px;position:absolute;}
.albumview div:hover{text-indent:0;}

.t{display:block;border-bottom:1px solid #eee; padding:0 0 6px 0;margin:15px 0 10px 0}
.setting{padding:0 0 10px 0}

.profile{}
.profile h4{padding:20px 0 10px 0}
.profile p{display:inline-block;width:100%}
.profile cite{display:inline-block;width:80px;text-align:right;line-height:1.6em;float:left}
.profile span{color:#333;}
.profile span.ml{padding:0 0 0 82px;line-height:1.6em;display:block}

fieldset .blockLink{margin:1px 0 0 0;}
.blogcontent{padding:0 4px}
.panel{display:block}
.blogpanel{margin:10px 10px 0 20px;}
.blogpanel p{color:#777;margin:5px 0}
.listCat {margin:5px 0}
.listCat li{padding:0 0 0 16px;line-height:20px;}
.margin-T{margin:10px 0 0 0}
.margin-B{margin:0 0 10px 0}
.margin-L{margin:0 0 0 10px}
.margin-R{margin:0 10px 0 0}
.import{margin:0 0 20px 22px}
.blogtitle{width:100%;padding:8px 0}
.blogtitle strong{padding:5px 0 0 0;display:block}
.display{display:inline-block;height:22px}
.bloglist {}
.bloglist dt{border-top:1px solid #e3e3e3;border-bottom:1px solid #efefef;background:#f3f3f3;padding:5px;display:block;height:40px}
.bloglist dt h3{padding:2px 0 6px 0;color:#ff7575}
.bloglist span.action{padding:2px 0 0 0}
.bloglist dd p{padding:8px 5px}
.bloglist a:hover h3{color:#ff7575;text-decoration:underline}
.bloglist span.action{padding:2px 0 0 0}
.bloglist .act{padding:0 5px 20px 5px}
.bloglist .act span{padding:0 5px 0 0}
.freindblog dt, .freindblog dd{margin:0 0 0 70px}
dd.blogperson{float:left;width:60px;margin:0;text-align:center}
.blogcontent div.more{padding:0 0 10px 5px;}

.datalist{margin:20px 0 0 0}
.datalist dl{border-bottom:1px solid #efefef;display:block;clear:left;padding:5px 0;height:30px}
.datalist dl.title{height:20px}
.datalist dd{float:left;line-height:2em;}
.datalist .clm1{width:30%}
.datalist .clm2{width:10%;text-align:center}
.datalist .clm3{width:10%;text-align:center}