.lbar {
    border-bottom: 1px solid #D5F0FD;
    border-right: 1px solid #A2D3F2;
    float: left;
    width: 151px;
}
.lbar dl {
    padding-bottom: 2px;
    width: 151px;
}
.lbar dl dt {
    background: url("../images/arrow_onoff.gif") no-repeat scroll 10px 9px #EFF9FE;
    height: 25px;
    line-height: 25px;
    text-indent: 28px;
}
.lbar dl dd {
    padding: 2px 0 12px 8px;
}
.lbar dl dd ul {
}
.lbar dl dd ul li {
    background: url("../images/icons.gif") no-repeat scroll 8px -54px transparent;
    height: 23px;
    line-height: 23px;
    margin-top: 4px;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 1px;
}
.lbar dl dd ul li.thisclass {
    background: url("../images/icons.gif") no-repeat scroll 9px -824px #FFFCEE;
}
.lbar dl dd ul li.thisclass a, .lbar dl dd ul li.thisclass a:hover {
    color: #FF6600;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}
.lbar dl dd ul li a {
    text-decoration: underline;
}
.rbox {
    background: none repeat scroll 0 0 #00FF00;
    float: right;
    height: 200px;
    width: 798px;
}
.allrank {
    float: right;
    margin-right: -10px;
    margin-top: 16px;
    overflow: hidden;
    width: 798px;
}
.allrank dl {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    overflow: hidden;
    width: 256px;
}
.allrank dl dt {
    background: url("../images/rank_tbg.png") no-repeat scroll right 0 transparent;
    height: 25px;
    overflow: hidden;
    width: 256px;
}
.allrank dl dt strong {
    background: url("../images/rank_tbg.png") no-repeat scroll left 0 transparent;
    color: #006699;
    float: left;
    height: 25px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 0 8px;
}
.allrank dl dt a.more {
    color: #888888;
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
}
.allrank dl dd {
    border: 1px solid #88CEF4;
    width: 254px;
}
.allrank dl dd ul {
    background: url("../images/li_num.gif") no-repeat scroll 4px 9px transparent;
    margin: 0 auto;
    overflow: hidden;
    width: 250px;
}
.allrank dl dd ul li {
    background: url("../images/dashed_x.gif") repeat-x scroll left bottom transparent;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 29px;
    overflow: hidden;
    padding-left: 24px;
    white-space: nowrap;
    width: 228px;
}
.allrank dl dd ul li input {
    float: left;
    margin: 4px 0 0 -4px;
    padding: 0;
}
.allrank dl dd ul li input[type="checkbox"] {
    margin: 8px 3px 0 2px;
}
.allrank dl dd ul li a {
    float: left;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 182px;
}
.allrank dl dd ul li a.playall {
    background: url("../images/btn_albumplay_small.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 0;
    margin-right: 6px;
    margin-top: 7px;
    overflow: hidden;
    padding: 15px 0 0;
    width: 15px;
}
.allrank dl dd ul li a.playall:hover {
    background-position: 0 -15px;
}
.allrank dl dd .listAction {
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
    padding: 8px 0;
    width: 218px;
}
.allrank dl dd .listAction a {
    background-image: url("../images/btn_songlist.png");
    background-repeat: no-repeat;
    float: left;
    height: 0;
    margin-right: 4px;
    overflow: hidden;
    padding-top: 24px;
}
.allrank dl dd .listAction a.select {
    background-position: -26px -54px;
    width: 72px;
}
.allrank dl dd .listAction a.select:hover {
    background-position: -26px -78px;
}
.allrank dl dd .listAction a.play {
    background-position: -98px -54px;
    width: 56px;
}
.allrank dl dd .listAction a.play:hover {
    background-position: -98px -78px;
}
.allrank dl dd .listAction a.add {
    background-position: -154px -54px;
    width: 78px;
}
.allrank dl dd .listAction a.add:hover {
    background-position: -154px -78px;
}
.allrank dl.s_red dt {
    background: url("../images/rank_tbg.png") no-repeat scroll right -25px transparent;
}
.allrank dl.s_red dt strong {
    background: url("../images/rank_tbg.png") no-repeat scroll left -25px transparent;
    color: #CC3300;
}
.allrank dl.s_red dd {
    border-color: #FFB547;
}
.allrank dl.s_green dt {
    background: url("../images/rank_tbg.png") no-repeat scroll right -50px transparent;
}
.allrank dl.s_green dt strong {
    background: url("../images/rank_tbg.png") no-repeat scroll left -50px transparent;
    color: #336600;
}
.allrank dl.s_green dd {
    border-color: #99CC67;
}
.songList {
    float: right;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 8px;
    width: 786px;
}
.songList h3 {
    color: #FF9900;
    font-size: 16px;
    letter-spacing: 1px;
}
.songList ul {
    margin: 0 auto;
    overflow: hidden;
    width: 786px;
}
.songList ul li {
    float: left;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    padding: 2px;
    width: 256px;
}
.songList ul li small {
    color: #999999;
    float: left;
    font-size: 11px;
    line-height: 25px;
    text-align: right;
    width: 24px;
}
.songList ul li input {
    float: left;
    margin: 2px 0 0;
    padding: 0;
}
.songList ul li input[type="checkbox"] {
    margin: 6px 3px 0 6px;
}
.songList ul li a {
    font-size: 14px;
}
.songList ul li a:hover {
    color: #FF3300;
}
.songList .listAction {
    background: url("../images/dashed_x.gif") repeat-x scroll 0 16px transparent;
    height: 27px;
    overflow: hidden;
    padding: 4px 8px 8px;
}
.songList .listAction p {
    background-color: #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 8px 0 16px;
    width: 256px;
}
.songList .listAction a {
    background-image: url("../images/btn_songlist.png");
    background-repeat: no-repeat;
    float: left;
    height: 0;
    margin-right: 8px;
    overflow: hidden;
    padding-top: 26px;
    position: relative;
}
.songList .listAction a.select {
    background-position: 0 0;
    width: 82px;
}
.songList .listAction a.select:hover {
    background-position: 0 -27px;
}
.songList .listAction a.play {
    background-position: -82px 0;
    width: 62px;
}
.songList .listAction a.play:hover {
    background-position: -82px -27px;
}
.songList .listAction a.add {
    background-position: -144px 0;
    width: 88px;
}
.songList .listAction a.add:hover {
    background-position: -144px -27px;
}
.albumList {
    float: right;
    margin: 0 auto;
    overflow: hidden;
    padding: 12px 0 6px;
    width: 792px;
}
.albumList h3 {
    color: #FF9900;
    font-size: 16px;
    letter-spacing: 1px;
}
.albumList ul.albumUL {
    padding-top: 8px;
}
.albumList ul.albumUL li {
    float: left;
    height: 224px;
    overflow: hidden;
    padding: 8px 0 4px 16px;
    position: relative;
    width: 182px;
}
.albumList ul.albumUL li small {
    color: #999999;
    font-size: 11px;
    height: 19px;
    left: 0;
    position: absolute;
    text-align: right;
    top: 8px;
    width: 24px;
}
.albumList ul.albumUL li a.albumLink {
    background: url("../images/album_bg_150.png") no-repeat scroll 0 0 transparent;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 2px 4px;
    text-align: center;
    width: 150px;
}
.albumList ul.albumUL li a.albumLink img {
    display: block;
    height: 150px;
    margin-bottom: 10px;
    width: 150px;
}
.albumList ul.albumUL li a.albumLink span.albumName {
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    text-align: center;
    width: 150px;
}
.albumList ul.albumUL li a.albumPlay {
    background: url("../images/btn_album_play.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 25px;
    letter-spacing: 1px;
    overflow: hidden;
    position: absolute;
    right: 26px;
    text-indent: -9999px;
    top: 132px;
    width: 25px;
}
.albumList ul.albumUL li a.albumPlay:hover {
    background: url("../images/btn_album_play_hover.png") no-repeat scroll right top transparent;
    text-decoration: none;
    width: 84px;
}
.albumList ul.albumUL li span.singerName a {
    clear: both;
    color: #669900;
    display: block;
    font-size: 12px;
    line-height: 17px;
    margin: 0 auto;
    text-align: center;
    width: 120px;
}
.albumList ul.albumUL li span.albumDate {
    clear: both;
    color: #888888;
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 0 auto;
    text-align: center;
    width: 120px;
}
.singerList {
    float: right;
    margin: 0 auto;
    overflow: hidden;
    padding: 12px 0 6px;
    width: 792px;
}
.singerList h3 {
    color: #FF9900;
    font-size: 16px;
    letter-spacing: 1px;
}
.singerList ul.singerUL {
}
.singerList ul.singerUL li {
    float: left;
    overflow: hidden;
    padding: 8px 0 8px 24px;
    position: relative;
    width: 88px;
}
.singerList ul.singerUL li small {
    color: #888888;
    font-size: 11px;
    height: 19px;
    left: 0;
    line-height: 19px;
    position: absolute;
    text-align: right;
    top: 8px;
    width: 24px;
}
.singerList ul.singerUL li a.singerPic {
    border: 3px solid #F2F2F2;
    display: block;
    height: 102px;
    margin: 0 auto;
    overflow: hidden;
    width: 77px;
}
.singerList ul.singerUL li a.singerPic img {
    border: 1px solid #FFFFFF;
    height: 100px;
    width: 75px;
}
.singerList ul.singerUL li a.singerPic:hover {
    border-color: #F3FED3;
}
.singerList ul.singerUL li a.singerPic:hover img {
    border-color: #C2F821;
}
.singerList ul.singerUL li a.singerName {
    color: #669900;
    display: block;
    height: 21px;
    line-height: 21px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px;
    text-align: center;
    width: 96px;
}
.N_R1 {
    float: left;
    overflow: hidden;
		margin-bottom:8px;
    width: 788px;
}
.N_R2 {
    float: left;
    margin-top: 10px;
    overflow: hidden;
    width: 788px;
}
.N_R3 {
    float: left;
    height: 80px;
    margin: 10px 0;
    overflow: hidden;
    width: 788px;
}

.rank-classification {
    padding:12px 0 5px 16px;
}
.rank-by-date, .rank-by-hot {
    float:right;
}
.rank-by-date input {
    width: 60px;
}
.rank-by-date-button {
    cursor: pointer;
    margin-left:10px;
    width:48px;
    height:20px;
    color:#FFF;
    font-weight:bold;
    border:#dedddb solid 1px;
    background: #5abef9;
    background:-moz-linear-gradient(top, #5abef9 45%, #0fa1f6 55%);
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(45%, #5abef9), color-stop(55%, #0fa1f6));
    background:-o-linear-gradient(#5abef9 45%,#0fa1f6 55%);
    background:-ms-linear-gradient(#5abef9 45%,#0fa1f6 55%);
    background:linear-gradient(#5abef9 45%,#0fa1f6 55%);
}
.rank-by-date-button:focus, .rank-by-date-button:hover {
    background: #0fa1f6;
    background:-moz-linear-gradient(top, #0fa1f6 45%, #5abef9 55%);
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(45%, #0fa1f6), color-stop(55%, #5abef9));
    background:-o-linear-gradient(#0fa1f6 45%,#5abef9 55%);
    background:-ms-linear-gradient(#0fa1f6 45%,#5abef9 55%);
    background:linear-gradient(#0fa1f6 45%,#5abef9 55%);
}
.rank-by-hot {
    line-height: 22px;
}
.rank-by-hot a {
    color:#959394;
    margin-right: 20px;
}
.rank-by-hot a.rank-by-hot-current {
    color:#0093e1;
    font-weight:bold;
    text-decoration: underline;
}