/* CSS Document */

/*overall definiens*/
*{margin:0; padding:0; list-style:none;}
body {text-align:center; background:#F1F2EF; margin:0; height:100%; font-size:12px; line-height:1.5em; font-family:Tahoma,"ËÎÌå",Simsun, Microsoft YaHei,  Arial Unicode MS, Mingliu, Arial, Helvetica; color:#1a4e00;}
img {border:none; vertical-align:center;}
a:link, a:visited {color:#ffffff; text-decoration:none;}
a:hover, a:active {color:#fa7e17; text-decoration:underline;}
h3{font-size:12px; color:#fa7e17; margin:8px 10px 0 0px;}
h2{font-size:12px; font-weight:bold; color:#ffffff;}
h1{font-size:12px; color:#fa7e17; margin:8px 10px 0 0px; float:right;}
.whole{width:910px; margin:0 auto; background:#FFFFFF; height:100%; padding:0px; text-align:center;}
.title{font-size:12px; color:#FFFFFF; margin:8px 0 0 25px; text-align:left; float:left;}
.more{font-size:12px; color:#FFFFFF; text-align:right; float:right; margin:8px 15px 0 0;}
.more{font-size:12px; color:#FFFFFF; text-align:right; float:right; margin:7px 15px 0 0;}
.more a:link, .more a:visited{color:#ffffff; text-decoration:none;}
.more a:hover{color:#fa7e17; text-decoration:underline;}
.songlist1{margin:6px 0 5px 10px; text-align:center; padding:0;}
.songlist1 dl{float:left; width:220px; height:24px; margin-top:1px;}
.songlist1 dl dd{float:left; width:18px; text-align:left; height:24px; padding-top:8px; *padding-top:4px;}
.songlist1 dl dt{float:left; width:190px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:6px 0 0 6px; text-align:left;}
.songlist1 dl dt a:link, .songlist1 dl dt a:visited {color:#333333; text-decoration:none;} 
.songlist1 dl dt a:hover, .songlist1 dl dt a:active {color:#fa7e17; text-decoration:underline;}
.playbt{clear:both; height:27px; *height:25px; text-align:center; background:#f2f4ef; padding-top:0px; *padding-top:0px; margin-top:7px; *margin-top:2px;}
.playbt input{border:none; color:#50a71a; letter-spacing:6px;}
.btnsa{width:45px; height:21px; margin-right:15px; background:url(../imgs/slea-btn.gif) no-repeat left bottom; margin-top:3px;}
.btnsr{width:45px; height:21px; margin-right:15px; background:url(../imgs/slev-btn.gif) no-repeat left bottom; margin-top:3px;}
.btnsp{width:45px; height:21px; margin-right:15px; background:url(../imgs/pc-btn.gif) no-repeat left bottom; margin-top:3px;}
.songlist2{width:220px; overflow:hidden;}
.songlist2 ul{text-align:center; margin-top:3px; height:26px; padding-left:4px; background:#f2f4ef;}
.songlist2 ul .btnsa{width:45px; height:21px; margin-right:6px; background:url(../imgs/slea-btn.gif) no-repeat left bottom; margin-top:2px;}
.songlist2 ul .btnsr{width:45px; height:21px; margin-right:6px; background:url(../imgs/slev-btn.gif) no-repeat left bottom; margin-top:2px;}
.songlist2 ul .btnsp{width:45px; height:21px; margin-right:6px; background:url(../imgs/pc-btn.gif) no-repeat left bottom; margin-top:2px;}
.songlist2 ul input{border:none; color:#50a71a;}
.songlist2 ol{width:100%; margin:6px 0 0 10px;}
.songlist2 li{width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; list-style:none; height:26px; word-spacing:4px;}
.songlist2 li input{margin-right:3px; *margin-right:0px;}
.songlist2 li a:link, .songlist2 li a:visited {color:#333333; text-decoration:none;}
.songlist2 li a:hover, .songlist2 li a:active {color:#fa7e17; text-decoration:underline;}
.rbar{background:url(../imgs/rinbar.gif) no-repeat top left; height:29px; width:211px; text-align:left;}
.rbot{background:url(../imgs/rbot.gif) no-repeat bottom left; height:6px; width:211px;}
.songlist3{width:185px; text-align:center; margin:0px;}
.songlist3 dl{float:left; width:180px; height:23px; margin-top:1px;}
.songlist3 dl dd{float:left; width:18px; text-align:left; height:23px; padding-top:5px; background:none;}
.songlist3 dl dt{float:left; width:150px; height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:none; padding:4px 0 0 10px; text-align:left;}
.songlist3 dl dt a:link, .songlist3 dl dt a:visited {color:#333333; text-decoration:none;} 
.songlist3 dl dt a:hover, .songlist3 dl dt a:active {color:#fa7e17; text-decoration:underline;}

/*index define*/

.top{height:124px; width:900px; background:url(../imgs/top_bg.gif) no-repeat; margin:0 auto; text-align:left; overflow:hidden;}
#logo{float:left; margin:8px 0 0 13px; width:200px; height:85px; background:url(../imgs/yysky-logo.gif) no-repeat left; cursor:pointer;}
#logo a{width:200px; height:85px; display:block;}
#seek{width:605px; float:right; margin-right:5px; margin-top:24px; text-align:left; height:75px; overflow:hidden;}
#special_nav{height:15px; padding-left:60px; *padding-left:62px; margin-bottom:8px; text-align:left; line-height:12px;}
#special_nav .img{border:none; vertical-align:text-bottom; margin:0 3px 0 6px;}
#special_nav a:link,#special_nav a:visited{color:#1a4e00;}
#special_nav a:hover{color:#4ba414; text-decoration:none;}
#search_form{width:410px; height:60px; text-align:left; line-height:11px; *line-height:12px;}
#search_form input{vertical-align:middle; margin:0; background:url(../imgs/search_dbg.gif) no-repeat; overflow:hidden; display:inline-block;}
#search_form input.text{border:none; width:280px; height:21px; text-align:left; vertical-align:middle; padding:3px 0 0 4px;}
#search_form p{}
#search_form p.tag{margin-top:4px; color:#1a4e00; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; white-space:nowrap; width:360px; margin-left:5px;}
#search_form p.tag:not(p){clear:both;} 
#search_form p.tag:not(p) a{max-width:340px;}
#search_form p.tag:not(p):after{content: "...";}
#search_form p.tag a{margin:0 4px;color:#1a4e00;}
#search_form p.tag a:link,#search_form p.tag a:visited {color:#1a4e00;}
#search_bt{margin-left:10px; width:51px; height:21px; position:relative; padding-bottom:3px;} 
#menu{clear:both; font-size:12px; font-weight:bold; height:25px; vertical-align:text-bottom;}
#menu ul{width:100%; margin-top:1px;}
#menu li{display:inline; list-style:none; width:60px; text-align:left; margin-left:10px;}
#menu li a:link,#menu li a:visited{color:#FFFFFF; text-decoration:none;}
#menu li a:hover{color:#FCCE30;}

#ad-top,#ad-m,#ad-bot{margin:0px auto; width:900px;}
#block-1{height:485px; *height:auto; margin:5px auto; width:900px;}
#b1-left{width:680px; float:left;}
#b1-right{float:right; width:211px; height:485px;}
#clearfloat{clear:both; overflow:hidden; height:0px;}
#listbox{background:url(../imgs/rinbg.gif) repeat-y left; height:449px; padding-left:13px; *padding-left:0px;}

#news-rec,#hots-rec{background:url(../imgs/block-bg.gif) no-repeat top; border-bottom:1px #76c137 solid; border-left:1px #76c137 solid; border-right:1px #76c137 solid; height:215px;}
#bar{height:25px; margin:0; padding:0;}
#bar .title{font-size:13px; font-weight:100; color:#FFFFFF; padding:0; text-align:left; margin:6px 0 0 25px; *margin:7px 0 0 25px;letter-spacing:1px;}
#bar .more{font-size:12px; color:#FFFFFF; text-align:right; float:right; margin:8px 15px 0 0;}
#bar .more a:link, #bar .more a:visited{color:#ffffff; text-decoration:none;}
#bar .more a:hover{color:#fa7e17; text-decoration:underline;}
.rbar .title{font-size:13px; color:#fa7e17; text-align:left; float:left; margin:6px 0 0 28px; *margin:7px 0 0 28px;}
.rbar .more a:link,.rbar .more a:visited{color:#fa7e17;}
.rbar .more a:hover{color:#45aa07;}
#ad-b1{height:30px; width:680px; margin:10px 0;}

#block-2{width:900px; height:auto; margin:5px auto;}
#b2-left{float:left; width:448px;}
#b2-right{width:448px; float:right;}
.rankbar{background:url(../imgs/rank-bar.gif) no-repeat left; height:26px; width:220px; margin:0; padding:0; text-align:left;}
.rankbar .title{font-size:13px; color:#FFFFFF; margin:4px 0 0 25px; *margin:5px 0 0 25px; text-align:left; float:left;}
#b2-inland,#b2-hk,#b2-jpn,#b2-usa{width:220px; border:1px #76c137 solid; height:auto; text-align:left; padding:0;}
#b2-inland{float:left;}
#b2-hk{float:right;}
#b2-jpn{float:left;}
#b2-usa{float:right;}

#block-3{width:900px; height:auto; margin:10px auto;}
#pop-rank{width:673px; height:auto; clear:both; float:left; background:url(../imgs/pop-r.gif) no-repeat top left; border-bottom:1px #76c137 solid; border-left:1px #76c137 solid; border-right:1px #76c137 solid;}
#b3-right{width:221px; height:auto; float:right;}
#hots{background:url(../imgs/rbbg.gif) repeat-y; height:auto; text-align:left;}
#rb-top{background:url(../imgs/rbbt.gif) no-repeat left top; height:30px;}
#rb-top .title{font-size:13px; color:#fa7e17; margin:7px 0 0 28px; text-align:left; float:left;}
#rb-bot{background:url(../imgs/rbb.gif) no-repeat left bottom; height:6px;}
#rb-content{height:auto; text-align:center; padding:5px 5px 0 12px;}
#rb-content p{width:200px; text-align:left; line-height:22px; letter-spacing:0.1em; color:#45aa07;}
#rb-content p a:link,#rb-content p a:visited{color:#45aa07; text-decoration:none;}
#rb-content p a:hover{color:#fa7e17; text-decoration:underline;}
#shotlink{height:22px; width:217px; margin-top:8px; background:#f2f4ef; line-height:22px; *line-height:24px;text-align:left; font-size:14px; font-weight:bold; border:1px solid #dce4d0;}
#shotlink a:link,#shotlink a:visited{color:#44b103; text-decoration:none;}
#shotlink a:hover{color:#fa7e17; text-decoration:underline;}
#shotlink .img{float:left; margin:5px 12px 0 8px; border:none;}
#link{height:60px; text-align:left; width:900px; margin:5px auto;}
#link a{color:#333333;}
#link a:hover{text-decoration:underline;}
#copyright-de{height:65px; text-align:center; background:url(../imgs/b-grass.gif) no-repeat bottom; color:#636763;}
#copyright-de a{color:#636763;}
#copyright-de a:hover{text-decoration:underline;}

/*singer define*/
#singer-meat{height:100%; margin:5px auto; width:900px;}
#sm-left{width:680px; float:left;}
#sm-right{float:right; width:211px; height:100%;}
#vess1{height:auto; margin-bottom:5px;}
#vess1 #listbox{background:url(../imgs/rinbg.gif) repeat-y left center; text-align:left; height:245px; *height:100%;}
#vess1 #listbox .songlist3{width:185px; text-align:center; margin-left:0px; *margin-left:12px; *margin-bottom:8px;}
#vess1 #listbox .songlist3 dl{float:left; width:180px; height:23px; margin-top:1px;}
#vess1 #listbox .songlist3 dl dd{float:left; width:18px; text-align:left; height:23px; padding-top:5px; background:none;}
#vess1 #listbox .songlist3 dl dt{float:left; width:150px; height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:none; padding:4px 0 0 10px; text-align:left;}
#vess1 #listbox .songlist3 dl dt a:link, .songlist3 dl dt a:visited {color:#333333; text-decoration:none;} 
#vess1 #listbox .songlist3 dl dt a:hover, .songlist3 dl dt a:active {color:#fa7e17; text-decoration:underline;}
#sonpapers{heihgt:auto; *height:100%; margin:5px 0; padding-bottom:5px;}
#sonpapers dl{height:125px; *height:100%; padding:0 5px; line-height:15px; display:inline-table;}
#sonpapers dl h1{font-size:12px; color:#fa7e17; margin:6px 10px 0 0px; letter-spacing:0.1em;}
#sonpapers dl dt{clear:both; float:left; width:120px; text-align:center; height:110px;}
#sonpapers dl h2{font-size:12px; color:#fa7e17; margin:5px 0px 0 20px; letter-spacing:0.1em;}
#sonpapers dl dt .img{padding:2px; border:1px solid #999; height:100px; width:100px; margin-top:7px;}
#sonpapers dl dd{margin-left:70px; *margin-left:0px; float:right; width:480px; /*height:125px; **/height:auto; text-align:left; line-height:15px; padding-bottom:3px; *padding-bottom:0px;}
#sonpapers dl dd p{width:460px; text-align:left; line-height:18px; color:#666; overflow:hidden; text-overflow:ellipsis; height:88px; *height:88px;}
#singss{background:url(../imgs/block-bg.gif) no-repeat top; border-bottom:1px #76c137 solid; border-left:1px #76c137 solid; border-right:1px #76c137 solid; height:100%;}
#singss .playbt{clear:both; height:25px; *height:25px; text-align:center; background:#f2f4ef; padding-top:0px; *padding-top:0px; margin-top:7px; *margin-top:2px; margin-bottom:2px;} 
#singss .songlist1{margin:5px 0 0 10px; text-align:center; padding:0; font-size:13px;}
#singss .songlist1 dl{float:left; width:220px; height:26px; margin-top:1px;}
#singss .songlist1 dl dd{float:left; width:18px; text-align:left; height:26px; padding-top:8px; *padding-top:4px; background:none;}
#singss .songlist1 dl dt{float:left; width:190px; height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:none; padding:6px 0 0 6px; text-align:left;}
#singss .songlist1 dl dt a:link, #singss .songlist1 dl dt a:visited {color:#666; text-decoration:none;} 
#singss .songlist1 dl dt a:hover, #singss .songlist1 dl dt a:active {color:#fa7e17; text-decoration:underline;}
.rbar .more{font-size:12px; text-align:right; float:right; margin:6px 10px 0 0;}
.rbar .more a:link,.rbar .more a:visited{color:#636760;}
.rbar .more a:hover{color:#45aa07;}

/*ranking define*/
#cr-meat{width:898px; margin:5px auto; height:100%; border-bottom:1px #76c137 solid; border-left:1px #76c137 solid; border-right:1px #76c137 solid;}
#cr-bar{background:url(../imgs/cr-bar.gif) no-repeat center top; height:28px;}
#cr-bar .title{font-size:12px; font-weight:bold; color:#ffffff; margin:6px 0 0 25px; text-align:left; float:left;}
#cr-songvess{margin:0; width:898px;}
#cr-songvess .playbt{clear:both; height:25px; *height:25px; text-align:center; background:#f2f4ef; padding-top:0px; *padding-top:0px; margin-top:7px; *margin-top:5px; margin-bottom:2px;}

/*Categoris define*/
#hotsinger{height:70px; width:900px; background:#f5fdf3; margin:5px auto; padding:0; text-align:left;}
.hs-hit{width:46px; height:46px; padding:1px; border:1px solid #99a293; margin:10px 0; margin-left:5px; *margin-left:3px;}
#cat-bar{clear:both; background:url(../imgs/ca-bar.gif) no-repeat top center; width:900px; text-align:center; height:26px; margin:5px auto; font-weight:bold; vertical-align:text-bottom;}
#cat-bar ul{width:100%; padding-top:2px; *padding-top:3px;}
#cat-bar li{display:inline; list-style:none; width:18px; margin:0 7px; text-align:left; color:#FFFFFF;}
#cat-bar ul li a:link,#cat-bar ul li a:visited{font-size:14px; color:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; text-decoration:underline;}
#cat-bar ul li a:hover{color:#FCCE30; text-decoration:none;}

#singer-cr{width:900px; margin:5px auto; padding:0; font-size:12px;}
#singer-cr dl{height:100%; margin-bottom:10px;}
#singer-cr dl dt{clear:both; color:#2a8000; height:25px; padding:0; border-bottom:1px solid #5fb91c; background:url(../imgs/dot.gif) no-repeat left center;}
#singer-cr dl dt a.l{margin:4px 0 0 20px; font-size:14px; color:#44a714; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; float:left; height:25px; vertical-align:text-bottom;}
#singer-cr dl dt a.r{background:url(../imgs/top-bt.gif) no-repeat right bottom; display:block; width:38px; height:25px; float:right;}
#singer-cr dl dd{clear:both; text-align:left;}
#singer-cr dl dd ul{margin-left:5px;}
#singer-cr dl dd ul li{float:left; width:90px; height:24px; padding:8px 0 0 16px; text-align:left; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; list-style:none;}
#singer-cr dl dd ul li a:link, a:visited {color:#333333; text-decoration:none;}
#singer-cr dl dd ul li a:hover, a:active {color:#fa7e17; text-decoration:underline;}
#bottom-nav{height:23px; *height:22px; background:#68bb21; width:900px; margin:10px auto; padding-top:1px; *padding-top:2px;}
#bottom-nav #menu{clear:both; font-size:12px; font-weight:bold; height:23px; vertical-align:text-bottom;}
#bottom-nav #menu ul{width:100%; margin-top:1px;}
#bottom-nav #menu li{display:inline; list-style:none; width:60px; text-align:left; margin-left:10px;}
#bottom-nav #menu li a:link,#bottom-nav #menu li a:visited{color:#FFFFFF; text-decoration:none;}
#bottom-nav #menu li a:hover{color:#FCCE30;}

/*search define*/
#resar{height:28px; width:900px; margin:5px auto 0 auto; background:#f8f8f0; text-align:left; border-bottom:2px #f8f8f0 solid;}
h1{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#45a014; color:#636760; float:left; clear:both; margin-left:5px; letter-spacing:0.1px;}
h2{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#45a014; float:left; clear:both; margin-left:5px; letter-spacing:0.1px;}
#resultable{width:900px; margin:0px auto; clear:both; border-top:1px solid #eee;}
#searchResult{width:900px; height:auto;}
#searchResult ul{float:left;height:32px;border-bottom:1px solid #eee;width:900px; text-align:left;}
#searchResult ul li{float:left; height:16px; padding-bottom:8px; line-height:16px; padding-left:12px;padding-top:8px; bgcolor: #eee; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#636760;}
#searchResult li.p1{width:20px;}
#searchResult li.p3{width:380px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#searchResult li.p2{text-align:center; width:200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#searchResult li.p{ text-align:center; width:70px;}
#searchResult li.pnone{text-align:center; width:40px; border-right:0;}
#searchResult li.noresult{text-align:center; border:0;width:900px;font-weight:bold;color:red;font-size:15px;}
#searchResult .none{text-align:center; font-size:14px;margin:20px auto;}
#searchResult li a:link,#searchResult li a:visited{color:#45a014; text-decoration:none;}
#searchResult li a:hover{color:#fa7e17; text-decoration:underline;}
#resultable .playbt{clear:both; background:#f8f8f0; height:24px; text-align:center; width:900px;}
#resultable .playbt input{border:#CCC 1px solid; font-size:12px; width:40px; height:20px; background:#fff; margin-right:8px; color:#45a014; text-align:center; cursor:pointer; vertical-align:middle; margin-top:2px;}
#search_page{clear:both; float:left; padding-left:5px; padding-top:5px; width:900px; text-align:left; margin:1px auto 0 auto; font-size:12px; word-spacing:1px; height:20px;}
#search_page a:link,#search_page a:visited{color:#45a014; text-decoration:none;}
#search_page a:hover{color:#fa7e17; text-decoration:underline;}



/*Collections define*/
#collesar{height:28px; width:900px; margin:5px auto 0 auto; background:#f8f8f0; text-align:left; border-bottom:2px #f8f8f0 solid;}
#collesar h1{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#45a014; color:#636760; float:left; clear:both; margin-left:5px; letter-spacing:0.1px;}
#messable{width:900px; margin:0px auto; clear:both; border-top:1px solid #eee;}
#colles{width:900px; height:auto;}
#colles ul{float:left;height:32px;border-bottom:1px solid #eee;width:900px; text-align:left;}
#colles ul li{float:left; height:16px; padding-bottom:8px; line-height:16px; padding-left:12px;padding-top:8px; bgcolor: #eee; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#636760;}
#colles li.p1{width:20px;}
#colles li.p3{width:380px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#colles li.p2{text-align:center; width:200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#colles li.p{ text-align:center; width:70px;}
#colles li.pnone{text-align:center; width:40px; border-right:0;}
#colles li.noresult{text-align:center; border:0; width:900px; font-weight:bold; color:red; font-size:15px;}
#colles .none{text-align:center; font-size:14px;margin:20px auto;}
#colles li a:link,#colles li a:visited{color:#45a014; text-decoration:none;}
#colles li a:hover{color:#fa7e17; text-decoration:underline;}
#messable .playbt{clear:both; background:#f8f8f0; height:27px; text-align:center; width:900px;}
#messable .playbt input{border:none; color:#50a71a; letter-spacing:6px;}