#container .cl{width:790px;}
#container .cr{width:150px}

.info{margin:10px 0 0 0;display:inline-block;width:100%}
.info dl dt{float:left;display:inline-block;padding:0 0 0 20px}
.info dl dt img{border:1px solid #ddd;padding:4px;}
.info dl dd{padding:0 20px;;float:left;line-height:25px;}
.info dl dd span.name{color:#ff7575;font-size:16px;font-weight:bold;padding:5px 0 3px 0;display:block}
.info dl dd.note{padding:10px 0 0 0;}

.rate{margin:0 0 10px 0;display:inline-block;width:100%}
.rate div.t{text-align:right;padding:25px 10px 0 0;width:115px;}
ul.ratingbtn li{text-align:center;float:left;margin:0 5px 0 0;}
ul.ratingbtn li a, ul.ratingbtn li b, .ratingresult, div.next b, .progress .bar, .progress .bar span, .progress .bar span b{background:url("../images/rating.gif") no-repeat}
ul.ratingbtn li a{display:block;background-position:left -227px;width:63px;height:66px;padding:5px 0 0 0}
ul.ratingbtn li a:hover{background-position:-64px -227px;text-decoration:none;}
ul.ratingbtn li a:hover span{color:#ff7575}
ul.ratingbtn b{width:63px;height:43px;display:block;cursor:pointer}
ul.ratingbtn li b.jiong{background-position:left 2px;}
ul.ratingbtn li b.ok{background-position:left -40px;}
ul.ratingbtn li b.likeit{background-position:left -83px;}
ul.ratingbtn li b.wow{background-position:left -125px;}

.ratingresult{background-position:left -303px;width:255px;height:71px}
ul.bar {padding:5px 0 0 10px}
ul.bar li {}
ul.bar li b{float:left;font-weight:normal;font-size:11px;color:#888;display:block;width:37px;}
ul.bar li p{float:left;padding:5px 0 0 0;width:100px;position:relative;}
ul.bar li p b{position:absolute;top:5px;left:0;display:inline-block;height:6px;font-size:0;background:#dd0000}
ul.bar li p cite{position:absolute;top:5px;left:0;display:inline-block;height:4px;font-size:0;border:1px solid #eee;border-bottom:1px solid #ddd;width:100%}
ul.bar li span{font-size:11px;color:#888;display:inline-block;padding:0 0 0 10px}

.level{padding:11px 0 3px 17px}
.level span{text-align:center;width:32px;display:block;padding:0 0 2px 0}
.level b{display:block}

.progress {padding:0 0 20px 130px}
.progress .bar{height:17px;background-position:left -376px}
.progress .bar span{display:block;height:17px;background-position:left -395px;position:relative;}
.progress .bar span b{display:inline-block;width:17px;height:17px;background-position:left -415px;position:absolute;right:-8px;}
.progress .t span{display:inline-block;width:125px;padding:5px 0 0 2px;text-align:center}
.progress .t span.on{color:#ff7575}

div.next {display:inline-block;padding:10px 0 0 15px}
div.next span{padding:15px 10px;display:inline-block}
div.next a{text-decoration:none;color:#777;cursor:pointer}
div.next a:hover span{text-decoration:none;color:#ff7575;cursor:pointer}
div.next a:hover b, div.next b.on{background-position:-43px -168px;}
div.next b, div.next b.off{float:left;background-position:0 -168px;width:43px;height:58px;display:inline-block}

.cform .input{width:665px}

.myrating{padding:20px 10px 0 10px;display:block}
.myrating dl{margin:0 0 15px 0}
.myrating dl h1{font-size:45px;color:#ddd}
.myrating dt{float:left;padding:3px 15px 0 0}
.myrating dt img{float:left;padding:4px;border:1px solid #ddd}
.myrating dt b{display:block;float:left;margin:12px 0 0 10px} 
.myrating dd {padding:0 0 15px 0;background:url("../images/line.gif") 82px bottom no-repeat; }
.myrating dd h2{padding:0 0 15px 0;color:#ff7575;}
.myrating dd span{padding:0 10px 0 0}

.freindrate{padding:0 0 0 10px}
.freindrate img{padding:5px;border:1px solid #ddd;margin:10px 10px 10px 0}

dl.flist{padding:20px 10px}
dl.flist dd {margin:0 20px 0 0;height:105px}
dl dd cite{display:inline-block;height:20px;}
dl.myfreind dd span a {display:block;height:14px;overflow:hidden;width:47px;}

dl.fflist{padding:10px 0;margin:0 0 0 10px;}
dl.fflist dd {margin:0 20px 10px 0;height:105px}

.myrating dt b.arr{background-position:-224px -16px;margin:15px 0 0 10px}
.tips{margin:20px 10px 0 10px}

dl.history{margin:0 0 10px 0;}
dl.history dd{display:block;clear:left;height:65px;margin:0 0 10px 0;background:url("../images/line.gif") -28px bottom repeat-x;}
dl.history dd img{float:left;margin:0 10px 0 0}
dl.history dd span{padding:0 0 8px 0}
dl.history dd div{width:160px}
dl.history dd div b.icon{float:none;display:inline-block;margin:0 5px 0 0;text-indent:0;font-weight:bold}
dl.history dd div b{float:none;display:inline;font-weight:bold;text-indent:0;}

.Toplist{display:inline-block}
.Toplist li{float:left;width:116px;height:170px;border:1px solid #ddd;padding:0 0 7px 0;margin:0 4px 10px 0;background:#fff;position:relative}
.Toplist li a img{padding:8px 8px 0 8px;margin:0}
.Toplist span{margin:3px 8px 2px 8px;display:block;clear:both}
.Toplist span b{text-indent:-9999px;display:block;float:right;width:12px;height:12px}
.Toplist span b.online, .local span b.online, .freind span b.online{float:left;width:9px;}

.topvotelist{padding:10px 0 0 15px;width:750px}
.ranking{position:absolute;top:92px;left:8px}
.tiker, .tiker cite, .tiker cite i{background:url("../images/tiker.gif") center 0px no-repeat;}
.tiker cite{padding:0 5px 0 0;display:inline-block}
.tiker cite i{display:block;padding:2px 0 5px 5px; color:#fff;font-weight:bold;font-size:10px;text-shadow:0 1px 0 #666}
.tiker1 cite{background-position:right 0px;}
.tiker1 cite i{background-position:left 0px;}
.tiker2 {background-position:center -20px;}
.tiker2 cite{background-position:right -20px;}
.tiker2 cite i{background-position:left -20px;}

.myranking{width:180px;float:right;margin:10px 15px 0 0}
.myranking .boxbg{padding:5px 0 50px 0}
.myranking  h4, .myranking  .myrankinglist, .myranking p{padding:0 10px}
.myrankinglist li{border-bottom:1px solid #e5e5e5;padding:10px 0 20px 0}
.myrankinglist .rankingnum{float:left;width:39px;height:50px;text-align:center;margin:3px 10px 0 0}
.myrankinglist .rankingnum cite{background:url("../images/tiker.gif") left -40px no-repeat;width:39px;height:30px;display:block;color:#fff;text-shadow:0 1px 0 #666;font-weight:bold;font-size:10px;line-height:25px;}
.myrankinglist .rankingnum cite.monthly{background-position:left -70px}
.myrankinglist li span{display:block;padding:0 0 2px 0}