@charset "utf-8";
/* CSS Document */

/*UI*/

@import url(base.css);

a{color:#666;}
.showLogin{line-height:30px; color:#555; vertical-align:bottom; pdisplay:block; overflow:hidden; padding:0 0 0 15px; _padding:3px 0 0 15px;}
.showLogin span{color:#f60; margin:0 5px 0 0px;}
.showLogin a{color:#1E95D4; margin:0 0 0 25px;}
.showLogin a:hover{text-decoration:underline; color:#33BAFF;}
.AD960{width:960px; height:100%; margin:8px auto 0 auto; display:block; overflow:hidden;}

.U_border{width:960px; margin:0px auto 8px auto; height:100%;}
.left_Navi{width:195px; float:left; margin:0 5px 0 0;}
.right_Con{width:760px; float:left;}

.box_UI{border:solid 1px #d0d0d0; background:url(/img/hm_bg04.gif) repeat-x 1px 1px;}
.title_L{font-size:14px; color:#555; line-height:28px; font-weight:bold; padding:5px 0 0 15px;}
.U_options{padding:0px 10px 15px 10px;}
.U_options li{height:26px; line-height:26px; display:block; overflow:hidden; list-style:none; background:url(/img/list/icon1.gif) no-repeat 0 12px; border-bottom:dashed 1px #ddd;}
.U_options li a{padding:4px 0 0 15px; display:block;}
.U_options li a:hover{background:url(/img/list/icon3.gif) no-repeat 0 12px; color:#f60;}

.tips{height:28px; line-height:28px; color:#606060; background:#F8F8F8; text-align:center; border:solid 1px #d0d0d0;}
.box_List{border:solid 1px #d0d0d0; margin:8px 0 10px 0; padding:10px 10px 10px 15px; background:url(/img/hm_bg04.gif) repeat-x 1px 1px;}
.sort_Show{height:30px;}
.sort_Show li{float:left; margin:0 20px 0 0; line-height:30px; padding:0 0 0 16px; cursor:pointer; background:url(/img/list/icon1.gif) no-repeat 0 50%;}
.sort_Show li.on_line{float:left; background:url(/img/list/icon2.gif) no-repeat 0 50%;}

.Songlist{} 
.Songlist li{height:24px; padding:2px 5px 0 5px; line-height:24px; color:#666; /*display:block; overflow:hidden;*/}
.Songlist li a:hover{color:#0092E0;}
.li_l, .li_m{float:left; display:block;}
.li_r{float:right;}
.li_r a{margin:0 15px 0 0;}
.s1, .s2, .s3, .s4{float:left;}
.s4, .s5, .s6{margin:0 0 0 10px; text-align:center;}
.s1{width:30px; margin:0 5px 0 0; padding:6px 0 0 0; *padding:0px 0 0 0;}
.s2{margin:0 2px 0 0;}
.s3{width:260px;}
.s4{width:280px;}
.s5, .s6{float:left;}
.s5{margin:0 0 0 0px;}
.s6{}
.sb{float:left; width:auto;}

.s_Header, .a_Header{height:28px; line-height:28px; border-bottom:dashed 1px #d0d0d0; margin:0 0 5px 0;}
.s_Header span, .a_Header span{color:#808080;}
.s_Header .s1, .a_Header .s1{padding:0 0 0 0;}
.s_Header .s3, .a_Header .s3, .s_Header .s4, .a_Header .s4{text-align:center;}
.s_Header .s5, .a_Header .s5, .s_Header .s6{margin:0 20px 0 0; text-align:center;}
.a_Header .s6{margin:0; text-align:center;}

.B_options{border-top:dashed 1px #d0d0d0; margin:5px 0 0 0;}
.B_options .s1{width:48px; padding:0 0 0 0; margin:0 10px 0 0; _margin:0 0 0 0;}
.B_options .s5, .B_options .s6{margin:0 0px 0 0; text-align:right;}
.B_options .li_l, .B_options .li_r{padding:5px 0 0 0;}
.bo{font-size:12px; color:#2565A0; padding:2px 0 0 0; width:48px; height:20px; border:1px #617993 solid; margin:0 0 0 10px; background:url(/img/but/bg08.gif);}

.page_List{height:32px; line-height:32px; color:#666666;}
.left_Count, .mid_Flip{float:left; width:280px;}
.left_Count{padding:0 0 0 20px;}
.mid_Flip{text-align:center;}
.right_Skip{float:right;}

/*SEARCH PAGE*/

.title_S{height:30px; line-height:30px; border:solid 1px #d0d0d0; border-bottom:none;}
.title_S h1{background:#F8F8F8; font-size:14px; color:#333; padding:0 0 0 15px; letter-spacing:1px;}
.resultable{margin:0px 0 10px 0; border:1px solid #d0d0d0;}
.searchResult{padding:10px 10px 10px 15px;}
.searchResult li{line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #eee;}
.searchResult li a{color:#666; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.searchResult li a:hover{color:#f60; text-decoration:underline;}
.SR_header{border-bottom:dashed 1px #d0d0d0;}
.p1, .p2, .p3, .p{float:left;}
.p1{width:20px; padding:9px 0 0 0; *padding:5px 0 0 0; margin:0 3px 0 0;}
.p3{width:400px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.p2{width:300px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.p{width:70px; text-align:center;}

.playbt{height:32px; line-height:32px; background:#F6F9FE; text-align:center;}
.playbt .bo{width:60px; margin:0 3px 0 3px; _margin:6px 3px 0 3px;}
.page_LS{height:32px; line-height:32px; color:#666666;}
.page_LS .left_Count, .page_LS .mid_Flip{width:420px;}
.page_LS .mid_Flip{text-align:right;}
.page_LS .right_Skip{padding:0 5px 0 0;}
.page_T, .page_C, .page_U, .page_P{width:18px; height:18px; line-height:18px; cursor:pointer; display:block; float:left; margin:0 4px 0 0; text-align:center;}
.page_T{line-height:28px;}
.page_C{border:solid 1px #f60; color:#f60; font-weight:bold;}
.page_U{border:solid 1px #666;}
.page_P{border:solid 1px #adadad; color:#888;}