body { margin:0; padding:0; height:100%; background:#fff; font:9pt Arial, Helvetica, sans-serif} button, input.button { cursor:pointer;} h1 { font: bold 1.2em Arial, Helvetica, sans-serif; margin:0} div.inner { padding:10px; color:#333} img { border:0} form { margin:0} a { color:#00f} span.Hover { background:#CDDBDC; color:#fff } .cp_block { width:750px; padding:20px; margin:20px auto; line-height:20px; border:1px solid #ccc; } .cp_block .cp_header { height:30px; line-height:30px; font-size:16px; font-weight:bold; text-align:center; padding-bottom:20px; } .cp_block .cp_title { height:25px; line-height:25px; font-size:14px; font-weight:bold; } .cp_block .cp_content { padding:0px 0px 20px 20px; } .cp_block .cp_subcontent { padding:0px 0px 10px 1em; } .static .cp_faq { border-bottom:0px; } #wrap { margin:0 auto; width:950px; height:auto; overflow:hidden; background:#fff; padding:0 10px;} /* #header { padding:20px 0 0 0; height:95px; background:#fff;} #logo { float:left; _position:absolute} #slogan { font:bold 15pt Arial, Helvetica, sans-serif; padding:10px; color:#999; position:absolute} #search_bar { float:right; margin:30px 0 0 0} #search_bar input { background:url(/images/search_bg.gif) no-repeat; width:228px; height:22px; border:0; padding:3px 0 0 25px; margin:0; color:#999 } #search_bar input.button { background:url(/images/search_button.gif) no-repeat; width:24px; height:23px; border:0; position:relative; top:2px; margin:0 0 0 -25px; _top: -3px; _left: -23px } #rank_link {float:left; margin-right:10px; margin-top:6px; } #rank_link a{ font:1em Arial, Helvetica, sans-serif; color:#00f } #rank_link a:hover{ background:#eee } #rank_link a:visited{text-decoration:none;} *+html #search_bar input.button { top: -3px; left: -23px } #text_links { border-top: 1px solid #ddd; margin:70px 0 0 0; _margin:90px 0 0 0; padding:5px 0; color:#666;} *+html #text_links { margin-top:90px} #text_links #register { position:absolute; } #text_links #register span.link{ color:#00f; cursor:pointer; } #text_links #register span.linkHover{ color:#00f; cursor:pointer; background:#eee } #text_links #register a.a{ font:1em Arial, Helvetica, sans-serif; color:#00f } #text_links #register a.a:hover{ background:#eee } #text_links #about { float:right} #text_links #about span.link { cursor:pointer; color:#036;} #text_links #about span.linkHover { cursor:pointer; color:#036; background:#CEDDFF; } */ #cfl { display:block;}/*content for layout*/ #cfl #intro { margin:10px 0 0 0; height:125px} #cfl #intro dl { float:left; width:33%; padding:0; margin:0; float:left; } #cfl #intro dl#t2 { float:right; width:34%; _position:absolute; } *+html #cfl #intro dl#t2 { float:right; width:320px; position:absolute; } #cfl #intro dl#t2 dd { border:0} #cfl #intro dl dt { font:bold 1.2em Arial, Helvetica, sans-serif; background:#EEF5FF; border-top:1px solid #A0D0FC; padding:4px 0} #cfl #intro dl dd { padding:8px; margin:5px 0; font:normal 1.2em Arial, Helvetica, sans-serif; color:#555; border-right:2px solid #eee} /**/ #cfl #cols {} #cfl #cols #col0{ width:640px; background:#fff; float:left} #col0 #player { border:0; background:#fff; height:305px; margin:5px 0 0 0} #col0 #player.pout { height:20px;} .linkspan { cursor:pointer; text-decoration:underline; position:absolute; color:#c00} #col0 #hotArtists { border:0; height:190px; margin:0 5px 10px 0} #col0 #hotArtists div.inner div.inner { padding:10px 0 0 0;} #col0 #hotArtists div.artist img { background:#fff; border:1px solid #ccc; float:left; margin:0 1px 0 0} #faqs { } #faqs ul { margin:0; padding:0} #faqs ul li{ line-height:20px; margin:0; list-style-type:none} #faqs ul li a{ color:#666; text-decoration:none; border-bottom:1px solid #fff; font:1em Arial, Helvetica, sans-serif } #faqs ul li a:hover{ color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:1em Arial, Helvetica, sans-serif; text-decoration:none} #col0 #popSongs { width:50%; background:#fff; height:450px; float:left; overflow:hidden} *+html #col0 #popSongs { width:300px; background:#fff; height:450px; float:left; overflow:hidden} #popSongs_container { margin:10px 0 0 0} nobr.songContainer { background:#fff; width:100%; display:block} #song_container_index_outer_hover nobr.songContainer, #song_container_index nobr.songContainer, #asongcon nobr.songContainer { background:none;} #song_container_index_outer_hover div.asong, #song_container_index div.asong { border-bottom:1px solid #ccc; padding:3px 0px} div.asong { border-bottom:1px solid #ccc; padding:5px 0} .message div.asong { border-bottom:0px; padding:5px 0} div.asong .controls { color:#999; width:50px; margin:0 15px 0 0; text-decoration:none; font-weight:bold; cursor:pointer; text-align:center} div.asong .check_box { float:left} /*div.asong .controls:hover,*/ div.asong .controls_hover { color:#0074CA; width:50px; margin:0 15px 0 0; font-weight:bold; text-decoration:none; cursor:pointer; text-align:center} div.asong .song { margin:0 15px 0 0; color:#666; text-decoration:none; border-bottom:1px solid #fff; font:1em Arial, Helvetica, sans-serif; cursor:pointer} #asong_container div.asong .song { margin:0 15px 0 0; color:#666; text-decoration:none; border-bottom:1px solid #fff; font:bold 12pt Arial, Helvetica, sans-serif; cursor:pointer} #asong_container div.asong .song_hover { margin:0 15px 0 0; color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:bold 12pt Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer} /*div.asong .song:hover,*/ div.asong .song_hover { margin:0 15px 0 0; color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:1em Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer} div.asong .singer { margin:0 5px 0 5px; color:#0099CC; cursor:pointer} div.asong span.by { color:#ccc;} div.asong span.time { color:#666; margin:-27px 10px 0 0} div.asong .recommend { color:#fff; margin:0 0 0 5px; cursor:pointer; border:1px solid #fff} div.asong .recommend_hover { color:#fff; margin:0 0 0 5px; cursor:pointer; border:1px solid #fefefe; border-bottom:1px solid #aaa; border-right:1px solid #aaa; background: #F2090F; text-align:center; padding:0 3px} div.asong .popup_songInfo { margin:0 10px 0 0; cursor:pointer } div.asong .popup_songInfoHover { margin:0 10px 0 0; background:#FD4304; cursor:pointer } div.asong .likeornot { margin:0 0 0 10px; cursor:pointer;} div.asong .song_description {} div.asong .delete_icon { float:right; margin:-15px 55px 0 0; cursor:pointer; } /* added by zhangyi */ div.asong .asname, .asname:visited, .asname:link, .asname:active { color:#666; text-decoration:none; font:1em Arial, Helvetica, sans-serif; } div.asong .asname:hover { color:#036; font:1em Arial, Helvetica, sans-serif; text-decoration:none; } div.asong .asname_hover, .asname_hover.visited, .asname_hover:link, .asname_hover:active, .asname_hover:hover { color:#036; font:1em Arial, Helvetica, sans-serif; text-decoration:none; } div.asong .asinger, .asinger:hover, .asinger:active, .asinger:visited, .asinger:link { color:#0099CC; text-decoration:none; } * html div.asong .delete_icon { float:right; margin:-21px 5px 0 0; cursor:pointer; } .popularity { float:right; margin:-16px 0 0 0; width:50px; text-align:right; font-size:10px; border:1px solid #ddd; border-top:1px solid #eee; border-left:1px solid #eee} * html .popularity { float:right; margin:-22px 0 0 0; width:50px; text-align:right; font-size:10px; border:1px solid #ddd; border-top:1px solid #eee; border-left:1px solid #eee} .topicb .popularity { float:none; margin:0; width:50px; text-align:right; font-size:10px; border:1px solid #ddd; border-top:1px solid #eee; border-left:1px solid #eee} * html .topicb .popularity { float:none; margin:-22px 0 0 0; width:50px; text-align:right; font-size:10px; border:1px solid #ddd; border-top:1px solid #eee; border-left:1px solid #eee} .popularity_bar { float:right; margin:-13px 0 0 0; text-align:right; font-size:10px} * html .popularity_bar { float:right; margin:-13px 0 0 0; text-align:right; font-size:10px} *+html .popularity_bar { float:right; margin:-10px 0 0 0; text-align:right; font-size:10px} #col0 #song_info { border:1px solid #ccc; height:210px; margin:15px 5px 13px 0} #col0 #song_info .album { background:url(/images/bg_texture.gif);} #col0 #userInfoEdit { border:1px solid #ccc; height:170px; margin:15px 5px 13px 0} #col0 #userInfoEdit div.inner { padding:15px} #col0 #userInfoEdit #myAvatar { float:left; width:160px; height:150px;} #col0 #userInfoEdit #myAvatar div.myAvatarLarge { border:0;} #col0 #userInfoEdit #myAvatar div.myAvatarLarge img { border:1px solid #ccc} #col0 #userInfoEdit #myAvatar span { cursor:pointer; font:1.2em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none; position:relative; top:5px} #col0 #userInfoEdit #myAvatar span.Hover { cursor:pointer; color:#036; background:#eee; border-bottom:1px solid #7DCDF9;} #col0 #userInfoEdit #myAvatar span.upload_avatar { cursor:pointer; font:1em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none; position:relative; top:3px} #col0 #userInfoEdit #myAvatar span.upload_avatarHover { cursor:pointer; color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:1em Arial, Helvetica, sans-serif; position:relative; top:3px } #col0 #userInfoEdit #myAvatarVr { float:left; width:1px; height:100px; background:#ddd; margin:20px 0 0 0} #col0 #userInfoEdit .myProfile { float:left; height:150px; padding:0 0 0 20px } #col0 #userInfoEdit .myProfile a.edit {font:1.1em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none; margin:0 0 0 2px} #col0 #userInfoEdit .myProfile span.edit { cursor:pointer; font:1em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none; margin:0 0 0 20px} #col0 #userInfoEdit .myProfile span.editHover { cursor:pointer; color:#036; background:#eee; border-bottom:1px solid #7DCDF9; margin:0 0 0 20px; font:1em Arial, Helvetica, sans-serif} #col0 #userInfoEdit .myProfile .displayName { margin:7px 0; font:1em Arial, Helvetica, sans-serif; color:#666} #col0 #userInfo #myProfile a.previewMyProfile, #col0 #userInfoEdit .myProfile a.previewMyProfile { font:bold 1em Arial, Helvetica, sans-serif; color:#066DD7} #col0 #userEditMenu { position:absolute; margin-left:-40px; _margin-left:0} *+html #col0 #userEditMenu { position:absolute; margin-left:0} #col0 #userEditMenu ul{margin:0} #col0 #userEditMenu ul li{margin:0; float:left; list-style-type:none; height:25px; padding:1px 0 0 0; margin-right:2px} #col0 #userEditMenu ul li span.editu{ cursor:pointer; font:1em Arial, Helvetica, sans-serif; color:#333; background:#ddd; border:1px solid #eee; border-right:1px solid #aaa; border-bottom:1px solid #E8F4FF; padding:2px 2px 1px 2px; height:18px;} #col0 #userEditMenu ul li span.edituHover{ cursor:pointer; font:1em Arial, Helvetica, sans-serif; color:#fff; background:#FB7C0B; border:1px solid #ccc; border-right:1px solid #aaa; border-bottom:1px solid #E8F4FF; padding:2px 2px 1px 2px; height:18px} #personalColors { height:auto; overflow:hidden; width:200px} #personalColors div { width:20px; height:20px; float:left; margin:1px; border:1px solid #333} #col0 #artistInfo {} #col0 #albumInfo h1, #col0 #artistInfo h1 {margin:0 0 20px 0} #col0 #albumInfo .row { height:auto; overflow:hidden} #col0 #albumInfo .picture { float:left} #col0 #albumInfo .spliter { width:1px; float:left; border-right:1px solid #ccc; margin:0 15px 0 15px; height:300px} #col0 #albumInfo .player { float:left} #col0 #albumInfo .player h2 { font:1.2em Arial, Helvetica, sans-serif} #col0 #albumInfo .profile { } #float_avatar { border:1px solid #ccc; height:170px; margin:15px 5px 13px 0} #float_avatar div.inner { padding:15px} #float_avatar #myAvatar { float:left; width:160px; height:150px;} #float_avatar #myAvatar div.myAvatarLarge { } #float_avatar #myAvatar div.myAvatarLarge img { border:1px solid #ccc} #float_avatar #myAvatar a { font:1.2em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none; position:relative; top:5px} #float_avatar #myAvatar a:hover { color:#036; background:#eee; border-bottom:1px solid #7DCDF9;} #float_avatar #myAvatarVr { float:left; width:1px; height:100px; background:#ddd; margin:20px 0 0 0} #float_avatar #myProfile { float:left; height:150px; padding:0 0 0 20px } #float_avatar #myProfile input { font:9pt Arial, Helvetica, sans-serif;} #float_avatar #myProfile input.button, #float_avatar #myProfile button { background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; position:relative; top:-2px; _top:0px; left:3px } #float_avatar #avartar_system_info { padding:10px 5px; margin:5px 0; font:bold 1em Arial, Helvetica, sans-serif; color:#c00} #float_avatar #avartar_system_info a { color:#00f} #col0 #dnaDes, #col0 #ghg, #col0 #youknow { border:1px solid #ccc; height:auto; margin:15px 5px 15px 0} #col0 #userInfo { border:1px solid #ccc; height:170px; margin:15px 5px 15px 0} #col0 #userInfo div.inner { padding:15px} #col0 #userInfo #myAvatar { float:left; width:120px; } #col0 #userInfo #myAvatar div.myAvatarLarge { } #col0 #userInfo #myAvatar div.myAvatarLarge img{ border:1px solid #ccc} #col0 #userInfo #myProfile #displayName { margin:0; font:1.9em Arial, Helvetica, sans-serif; color:#666} #col0 #userInfo #myProfile .displayName { margin:10px 0; font:1.2em Arial, Helvetica, sans-serif; color:#666} #col0 #userInfoEdit .myProfile .displayName a, #col0 #userInfo #myProfile .displayName a, #col0 #userInfo #myProfile a { color:#00f;} #col0 #inbox { height:auto;} #col0 #inbox a.edit { font:9pt Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 10px} #col0 #inbox_messages { margin:5px 0 5px 0} #col0 #inbox_messages .message{ margin:5px 0; border-bottom:1px solid #ccc; padding:5px 0; _padding:10px 0; } #col0 #inbox_messages .message h2 { margin:5px 0; font:1em Arial, Helvetica, sans-serif; color:#999} #col0 #inbox_messages .message h2 a { font:1em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none;} #col0 #inbox_messages .message h2 a:hover { color:#036; background:#eee; border-bottom:1px solid #7DCDF9;} #col0 #inbox_messages .message h2.invite { color:#c00} #col0 #inbox_messages .message .avatar { position:absolute; margin:5px 0 0 0; _margin: 0 0 0 -60px } *+html #col0 #inbox_messages .message .avatar { margin: 0 0 0 -60px } #col0 #inbox_messages .message .avatar img{ border:1px solid #333} #col0 #inbox_messages .message .auserInfo{ margin:0 0 0 60px} #col0 #inbox_messages .message .auserInfo p { margin:3px 0; text-align:justify} #col0 #inbox_messages .message .reply { margin:20px 0 0 0;} #col0 #inbox_messages .message .reply textarea { width:260px; font:1em Arial, Helvetica, sans-serif; height:80px;} #col0 #inbox_messages .message .reply input.button{ background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:0 10px 0 0 } #col0 #inbox_messages .message .reply span.button { text-decoration:underline; color:#333;} #col0 #inbox_messages .message .reply span.buttonHover { text-decoration:underline; color:#333;} #col0 #inbox_messages .message .reply span.pbutton { border-bottom:1px solid #ccc; color:#0099FF}/*text-decoration:none; color:#fff; background:url(/images/button_bg.gif) 0 0 no-repeat; width:82px;height:18px; _height:16px; display:block; text-align:center; padding:2px 0 0 0; _padding:4px 0 0 0; margin:0 0 2px 0;}*/ #col0 #inbox_messages .message .reply span.pbuttonHover { border-bottom:1px solid #ccc; color:#0099FF; background:#EEF2FF} #col0 #inbox_messages .message .reply span.pbuttonAccept { border-bottom:1px solid #ccc; color:#c00; cursor:pointer; background:#eee}/*text-decoration:none; color:#fff; background:url(/images/button_bg.gif) 0 0 no-repeat; width:82px;height:18px; _height:16px; display:block; text-align:center; padding:2px 0 0 0; _padding:4px 0 0 0; margin:0 0 2px 0;}*/ #col0 #inbox_messages .message .reply span.pbuttonAcceptHover { border-bottom:1px solid #ccc; color:#c00; background:#fff; cursor:pointer} #col0 #inbox_messages .message .reply span.pbuttonDecline { border-bottom:1px solid #ccc; color:#0099FF; cursor:pointer;}/*text-decoration:none; color:#fff; background:url(/images/button_bg.gif) 0 0 no-repeat; width:82px;height:18px; _height:16px; display:block; text-align:center; padding:2px 0 0 0; _padding:4px 0 0 0; margin:0 0 2px 0;}*/ #col0 #inbox_messages .message .reply span.pbuttonDeclineHover { border-bottom:1px solid #ccc; color:#0099FF; background:#EEF2FF; cursor:pointer;} #col0 #similarUsers { border:1px solid #ccc; margin:10px 5px 10px 0; height:auto; overflow:hidden} #col0 #similarUsers a.edit { font:9pt Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 10px} #col0 #similarUsers div.auser { float:left; width:50%} div.auser { border-bottom:1px solid #ddd; height:57px; margin:5px 0} div.auser div.avatar{ float:left; padding:0 5px 0 0} div.auser div.avatar img{ border:1px solid #333} div.auser div.auserInfo{ float:left} #myFriends p a, #onlineUsers p a { font:1.2em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none} #myFriends p a:hover, #onlineUsers p a:hover { color:#036; background:#eee; border-bottom:1px solid #7DCDF9;} div.auser div.auserInfo a{ text-decoration: underline; color:#008BFF} div.auser div.auserInfo a:hover{ text-decoration: underline; color:#036; background:#D8EAFE} div.auser div.auserInfo .row { margin:1px 0} div.auser div.auserInfo .offline a{ color:#999} #col0 #comboIntro { border:0; height:auto; margin:35px 5px 0 0} #comboIntro_nav { margin:0; padding:0; _position:absolute; margin: -26px 0 0 0;} *+html #comboIntro_nav { margin:0; padding:0; position:absolute; margin: -26px 0 0 0;} #comboIntro_nav.rev { margin:0; padding:0; margin:-10px 0 0 199px; _margin:0 0 0 199px; } #single_col.view #comboIntro_nav.rev { margin:0; padding:0; margin:0 0 0 -40px;} #comboIntro_nav li { margin:0; padding:0; float:left; list-style-type:none} #comboIntro_nav li span{ cursor:pointer; display:block; width:79px; height:21px; background:url(/images/button_intro_bg.gif) 0 0 no-repeat; text-align:center; margin:0 1px 0 0; padding:5px 0 0 0; font:1.2em Arial, Helvetica, sans-serif; text-decoration:none; color:#000; } #comboIntro_nav.rev li span{ cursor:pointer; display:block; width:79px; height:21px; background:url(/images/button_intro_bg_rev.gif) 0 -26px no-repeat; text-align:center; margin:0 1px 0 0; padding:5px 0 0 0; font:1.2em Arial, Helvetica, sans-serif; text-decoration:none; color:#000; } #comboIntro_nav.rev li span.current, #comboIntro_nav.rev li span.Hover { cursor:pointer; background:url(/images/button_intro_bg_rev.gif) 0 0 no-repeat; color:#000} #comboIntro_nav li span.current, #comboIntro_nav li span.Hover { cursor:pointer; background:url(/images/button_intro_bg.gif) 0 -26px no-repeat; color:#fff} #comboIntro_content { border:1px solid #ccc; border-top:1px solid #FF7105; width:632px; clear:left; margin:25px 0 0 0; height:auto; overflow:hidden} *+html #comboIntro_content { border:1px solid #ccc; border-top:1px solid #FF7105; width:632px; clear:left; margin:0 0 0 0; height:auto; overflow:hidden} #comboIntro_content div.asong { border-bottom:1px solid #ccc; padding:10px 0; } #comboIntro_content div.asong .controls { color:#999; width:50px; margin:0 5px 0 0; text-decoration:none; font-weight:bold; cursor:pointer; display:block; float:left; text-align:center} /*#comboIntro_content div.asong .controls:hover,*/ #comboIntro_content div.asong .controls_hover { color:#0074CA; width:50px; margin:0 5px 0 0; font-weight:bold; text-decoration:none; cursor:pointer; display:block; float:left; text-align:center} #comboIntro_content div.asong .song { cursor:pointer; margin:0 15px 0 0; color:#666; text-decoration:none; border-bottom:1px solid #fff; font:1.2em Arial, Helvetica, sans-serif} /*#comboIntro_content div.asong .song:hover,*/ #comboIntro_content div.asong .song_hover { cursor:pointer; margin:0 15px 0 0; color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:1.2em Arial, Helvetica, sans-serif; text-decoration:none} #comboIntro_content div.asong .singer { margin:0 5px 0 5px; color:#0099CC; cursor:pointer; border-bottom:1px solid #ccc} #comboIntro_content div.asong span.by { color:#ccc} #comboIntro_content div.asong span.time { color:#666; margin:-27px 10px 0 0} #comboIntro_content .picture { float:left; } .static { padding:0 10px 0 0} .static hr {margin:20px 0} .static li {margin:3px 0} .static h1 {font:bold 1.3em Arial, Helvetica, sans-serif; color:#333;} .static h2 {font:bold 1.2em Arial, Helvetica, sans-serif; color:#666} .static h3 {font:bold 1.2em Arial, Helvetica, sans-serif; color:#333; margin:5px 0 20px 0} .static p {font:1em Arial, Helvetica, sans-serif; color:#333; text-align:justify; margin:10px 0; line-height:27px; letter-spacing:2px } .static p:first-letter { margin-left:30px} .static div.btop { text-align:right} #faq_contents h2 {cursor:pointer; color:#00f; text-decoration:underline} .static a { font:1em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none; margin:0} .static a:hover { color:#036; background:#eee; border-bottom:1px solid #7DCDF9;} .static h4 { font:bold 1em Arial, Helvetica, sans-serif; color:#06c} .static strong.red { color:#f30; background:#fff} .career p:first-letter { margin:0} #cfl #cols #col1{ background:#fff; margin:0 0 0 640px;} #col1 #login {border:0; height:273px; background:#fff} #col1 #login div.inner { padding:15px} #col1 #login div.inner h1{ font:bold 16pt Arial, Helvetica, sans-serif; color:#333; margin:0 0 10px 0} #col1 #login div.inner label.f { display:block; margin:8px 0 0 5px; font:bold 12pt Arial, Helvetica, sans-serif; color:#666;} #col1 #login div.inner input.f { display:block; margin:0 0 0 5px; font:bold 12pt Arial, Helvetica, sans-serif; color:#666; width:220px} #col1 #login div.inner div { text-align:right; padding:10px 20px 0 0} #col1 #login div.inner div a { font:1.2em Arial, Helvetica, sans-serif; color:#03c; border-bottom:1px solid #ccc; text-decoration:none} #col1 #login div.inner div a:hover { color:#036; background:#eee; border-bottom:1px solid #7DCDF9;} #col1 #login div.inner div input.button { background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; } #col1 #login div.inner div label { font:1.2em Arial, Helvetica, sans-serif; margin:0 } #col1 #login div.inner div input { } #col1 #login .regnow {position:absolute; border:1px dashed #ccc; padding:10px; background:#FADEF2; color:#333; text-align:left; font:bold 1.2em Arial, Helvetica, sans-serif; margin:-60px 0 0 5px} #col1 #login .regnow:hover { background:#D3253C; color:#fff} .regnow_float {position:absolute; border:1px dashed #ccc; padding:10px 50px; background:#FADEF2; color:#333; text-align:left; font:bold 1.2em Arial, Helvetica, sans-serif; margin:-120px 0 0 250px} .regnow_float:hover { background:#D3253C; color:#fff} #col1 #friendComments { border:0; margin:20px 0 0 0; _margin:-3px 0 0 0; height:auto; _height:0px; } #col1 #friendComments .comment{ margin:5px 0; border-bottom:1px solid #ccc} #col1 #friendComments .comment .avatar{ position:absolute; _margin: 0 0 0 -60px } *+html #col1 #friendComments .comment .avatar{ margin: 0 0 0 -60px } #col1 #friendComments .comment .avatar img{ border:1px solid #333} #col1 #friendComments .comment .auserInfo{ margin:0 0 0 60px} #col1 #friendComments .comment .auserInfo p { margin:3px 0; text-align:justify} #col1 #friendComments #leaveCommentForm { margin:0 0 20px 0} #col1 #friendComments #leaveCommentForm textarea { width:260px; margin:0 0 5px 0; font:1em Arial, Helvetica, sans-serif; height:80px; display:block} #col1 #friendComments #leaveCommentForm input.button{ background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:0 10px 0 0 } #col1 #friendComments span.button { font:1.2em Arial, Helvetica, sans-serif; color:#03c; margin:10px 0; display:block; text-decoration:underline; cursor:pointer} #col1 #friendComments #leaveCommentForm span.button { margin:0; display:inline } #col1 #leaveMessage #leaveMessageForm textarea { width:260px; margin:0 0 5px 0; font:1em Arial, Helvetica, sans-serif; height:80px; display:block; margin:10px 0 5px 0} #col1 #leaveMessage span.button { font:1.2em Arial, Helvetica, sans-serif; color:#03c; display:block; cursor:pointer; text-decoration:underline} #col1 #leaveMessage #leaveMessageForm input.button{ background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:0 10px 0 0 } #col1 #leaveMessage #leaveMessageForm span.button { margin:0; display:inline } #single_login table.formGrids { margin:20px 0} #single_login table.formGrids h1{ font:bold 3em Arial, Helvetica, sans-serif} #single_login table.formGrids .f { text-align:right; font:bold 2em Arial, Helvetica, sans-serif; color:#666} #single_login table.formGrids label.p { font:1.2em Arial, Helvetica, sans-serif;} #single_login table.formGrids input.t{ display:block; margin:0 0 0 5px; font:bold 12pt Arial, Helvetica, sans-serif; color:#666; width:220px} #single_login table.formGrids button{ background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:10px } #single_login table.formGrids a { font:1.2em Arial, Helvetica, sans-serif; color:#03c} #single_login table.formGrids .errors { font:bold 1.2em Arial, Helvetica, sans-serif; color:#f00; padding:10px 3px} #account_setting { margin:20px auto; width:600px;} #account_setting hr { height:1px; border:0; border-top:1px solid #aaa; margin:20px 0} #account_setting input.button{ background:url(/images/button_login_bg_lrg.gif) no-repeat; width:150px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:20px 10px } #account_setting a.button { font:1.2em Arial, Helvetica, sans-serif; color:#03c; position:relative; top:-15px} #float_login table.formGrids { } #float_login table.formGrids h1{ font:bold 1.2em Arial, Helvetica, sans-serif; margin:0 0 10px 0} #float_login table.formGrids .f { text-align:right; font:1.2em Arial, Helvetica, sans-serif; color:#666} #float_login table.formGrids label.p { font:1.2em Arial, Helvetica, sans-serif;} #float_login table.formGrids input.t{ display:block; margin:0 0 0 5px; font:1.2em Arial, Helvetica, sans-serif; color:#666; width:120px} #float_login table.formGrids button{ background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:10px } #float_login table.formGrids a { font:1.2em Arial, Helvetica, sans-serif; color:#03c} #float_login table.formGrids .errors { font:bold 1.2em Arial, Helvetica, sans-serif; color:#f00; padding:10px 3px} table.formGrids { } table.formGrids td { padding:1px 0} table.formGrids h1{ font:bold 1.2em Arial, Helvetica, sans-serif; margin:0 0 10px 0} table.formGrids .f { text-align:right; font:1.2em Arial, Helvetica, sans-serif; color:#666} table.formGrids label.p { font:1.2em Arial, Helvetica, sans-serif;} table.formGrids input.t{ display:block; margin:0 0 0 5px; font:1.2em Arial, Helvetica, sans-serif; color:#666; width:120px} table.formGrids input.button{ background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:5px 10px } table.formGrids span.button { cursor:pointer; font:1.2em Arial, Helvetica, sans-serif; color:#03c; position:relative; top:-5px; text-decoration:underline} table.formGrids span.buttonHover { cursor:pointer; font:1.2em Arial, Helvetica, sans-serif; color:#333; position:relative; top:-5px} table.formGrids .errors { font:bold 1.2em Arial, Helvetica, sans-serif; color:#f00; padding:10px 3px} #col1 #songMayLike div.inner{width:270px; overflow:hidden} #col1 #songMayLike, #col1 #sideSurvey, #col1 #sideFavSinger, #col1 #sideSimiUser, #col1 #myFriends, #col1 #myGroupLinks, #col1 #onlineUsers { border:0; height:auto; _height:0px;margin:24px 0 0 0; _margin:-3px 0 0 0;} #col1 #myFriends a.edit { font:9pt Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 10px} #col1 #largeButtons { position:relative; top:15px; left:4px; _margin: 0 0 30px 0} #col1 #largeButtons a { display:block; margin:0 0 1px 0} #col1 #largeButtons a img{ border:0} #col1 #compWithMe { border:0; height:auto; _height:0px; margin:25px 0 0 0; _margin:-10px 0 0 0} #col1 #compWithMe a.edit { font:9pt Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 10px} #col1 #musicDNA { border:0; height:auto; _height:0px; margin:24px 0 0 0; _margin:-3px 0 0 0} #col1 #musicDNA a.edit { font:9pt Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 10px} .dnar { display:block; clear:both; _width:100%; margin:0 0 1px 0} .dnaf { width:95px; display:block; float:left} .dnab { width: 170px; display:block; float:left; background:#eee} .dnaa { width:20px; display:block; float:left; background:#999; text-align:right; color:#fff; border-right:1px solid #333} .blue { background:#60ADFB} .green { background:#A6D755} .red { background:#E30005} .yellow { background:#F89A0E} .link { margin:2px 0} .link a { font:1.2em Arial, Helvetica, sans-serif; color:#399AD5; text-decoration:underline} #ghg { font:1.2em Arial, Helvetica, sans-serif} #ghg .dnaf { width:115px; display:block; float:left} #col1 #leaveMessage { margin:0 0 -25px 0; _margin:0 0 5px 0} *+html #col1 #leaveMessage { margin:0 0 5px 0} #col1 #albums {} #col1 #albums h1 { margin:10px 0} #col1 #albums .singleAlbum { margin:0 0 5px 0;} #col1 #albums .singleAlbum .date { color:#bbb} #col1 #albums .singleAlbum img { margin:0 0 0 5px} #single_col #rt h2{ font:bold 1.2em Arial, Helvetica, sans-serif; padding:0} #single_col #rt .artist { padding:0 10px; margin:0 0 10px 0} #single_col .anOnlineUser { float:left; width:50px; height:50px; margin:13px} #single_col .anOnlineUser img {border:1px solid #999;} #single_col #invite_page{ margin:0 0 0 100px;} #single_col #invite_page.nothing{ margin:0 0 0 0;} #single_col #invite_page h1{ font:bold 2.9em Arial, Helvetica, sans-serif;} #single_col #invite_page h2{ font:bold 1.2em Arial, Helvetica, sans-serif} #single_col #invite_page p{ font:1.2em Arial, Helvetica, sans-serif} #single_col #invite_page hr { border-top:1px solid #999; color:#fff; margin:20px 0 0 0} #single_col #invite_page a.button { display:block; background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:25px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-decoration:none; padding:5px 0 0 0} #single_col #invite_page input.button{ background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; } #single_col #invite_page input.button_lrg{ background:url(/images/button_login_bg_lrg_lrg.gif) no-repeat; width:250px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; cursor:pointer } #single_col #invite_page .visible{ margin:10px} #single_col #invite_page .hidden { margin:10px} #single_col #invite_page .hidden { background:#C4DDFF} #single_col #invite_page .formGrids {} #single_col #invite_page .formGrids td { padding-right:5px} #single_col #invite_page .nobg { background:#fff} #single_col #invite_page textarea { font:1.2em Arial, Helvetica, sans-serif;} #buddy_list { } #single_col #invite_page #mail_list { width:700px; border:1px solid #333; height:305px; margin:10px 0; overflow:auto; overflow-x:hidden; clear:both; _margin: -15px 0 0 0} #buddy_list .row, #single_col #invite_page #mail_list .row { border-bottom:1px solid #ccc; clear:both; cursor:pointer} #buddy_list .row .checkbox, #single_col #invite_page #mail_list .row .checkbox { width:20px; float:left; display:block} #buddy_list .row .name { width:150px; float:left; display:block} #single_col #invite_page #mail_list .row .name { width:250px; float:left; display:block} #buddy_list .row .status, #single_col #invite_page #mail_list .row .status { width:150px; float:left; display:block} #buddy_list .row .email, #single_col #invite_page #mail_list .row .email { width:250px; float:left; display:block; overflow:hidden} #buddy_list #select_all, #single_col #invite_page #select_all { text-decoration:underline; color:#00f} #single_col #invite_page .rowf { _margin:10px 0;} #single_col #invite_page .rowf .checkbox { width:20px; float:left; display:block} #single_col #invite_page .rowf .name { width:250px; float:left; display:block} #single_col #invite_page .rowf .status { width:150px; float:left; display:block} #single_col #invite_page .rowf .email { width:250px; float:left; display:block; overflow:hidden} /**/ #single_col #add2blog #mail_list .row { border-bottom:1px solid #ccc; clear:both; cursor:pointer; height:20px} #single_col #add2blog #mail_list .row .checkbox { width:20px; float:left; display:block} #single_col #add2blog #mail_list .row .name { width:150px; float:left; display:block} #single_col #add2blog #mail_list .row .status { width:150px; float:left; display:block} #single_col #add2blog #mail_list .row .email { width:250px; float:left; display:block; overflow:hidden} #single_col #add2blog #select_all { text-decoration:underline; color:#00f} #single_col #add2blog .rowf { _margin:10px 0;} *+html #single_col #add2blog .rowf { margin:0;} #single_col #add2blog .rowf .checkbox { width:20px; float:left; display:block} #single_col #add2blog .rowf .name { width:150px; float:left; display:block} #single_col #add2blog .rowf .status { width:150px; float:left; display:block} #single_col #add2blog .rowf .email { width:250px; float:left; display:block; overflow:hidden} #single_col #add2blog #mail_list { width:700px; border:1px solid #333; height:305px; margin:10px 0; overflow:auto; overflow-x:hidden; clear:both; _margin: -15px 0 0 0} *+html #single_col #add2blog #mail_list { margin-top:-13px} #single_col .add2blog input.button { background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; position:relative; top:-2px; _top:0px } /**/ #single_col #search_user { margin:20px 0} #single_col #search_user input{ font:1.5em Arial, Helvetica, sans-serif; margin:3px 0 0 0} #single_col #search_user input.button { background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; position:relative; top:-2px; _top:0px } #single_col #single_login input.fpbutton { background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; position:relative; top:-2px; _top:0px } #col0 #dnaDes h3{font: bold 1.3em Arial, Helvetica, sans-serif; margin:10px 0; color:#c00} #col0 #dnaDes ul.gray li{ color:#666; margin:5px 0; line-height:18px} #col0 #dnaDes p { text-align:justify; font:1.2em Arial, Helvetica, sans-serif;} input.lrg_lrg, #col0 #dnaDes input.lrg_lrg { background:url(/images/button_login_bg_lrg_lrg.gif) no-repeat; width:250px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; position:relative; top:-2px; _top:0px; cursor:pointer } #col0 #dnaDes .dna_content p { font:1em Arial, Helvetica, sans-serif; margin:10px 0} #col0 #dnaDes .dna_content li { font:bold 1em Arial, Helvetica, sans-serif; margin:5px 0} #single_col #mindtest li{ font:1em Arial, Helvetica, sans-serif} #single_col #mindtest {} #footer { height:80px; background:#fff; width:100%;} #footer #text { float:left; margin:20px 0 0 0; border-top:1px solid #999; padding:15px 0; width:100%} #footer #logo_s { float:right; margin:-40px 0 0 0;} span.a, #header #text_links a, #footer a{ color:#036; text-decoration:none; cursor:pointer} span.aHover, #header #text_links a:hover, #footer a:hover { color:#036; background:#CEDDFF; cursor:pointer} .error_inner { padding:5px;} .error_inner .button { text-align:center} .error_inner button { font:1em Arial, Helvetica, sans-serif} #float_user_menu { border:1px solid #ccc; border-right:1px solid #aaa; border-bottom:1px solid #aaa; width:88px; background:#fff; cursor:default} #float_user_menu div.inner { padding:5px} #float_user_menu span { display:block; margin:0 0 5px 0} #float_user_menu a { display:block; text-decoration:none; border:1px solid #fff; padding:2px 0 1px 2px; _padding:5px 0 1px 2px; color:#00f} #float_user_menu a:hover { border:1px solid #fff; text-decoration:underline} #welcome_nickname_float, #welcome_nickname{ color:#00f;} #welcome_nickname_float img, #welcome_nickname img{ margin:0 0 0 3px} #user_avatar_small img {float: left; border:1px solid #ccc; margin:0 5px 0 0; } .viewall a { font:1em Arial, Helvetica, sans-serif; color:#333; border:1px solid #ccc; text-decoration:none; display:block; padding:2px 5px; text-decoration:none; width:200px; text-align:center} .viewall a:hover { color:#000; background:#eee; border:1px solid #666;} .sys { font:bold 1.2em Arial, Helvetica, sans-serif; color:#77A7FF} .time { font:0.8em Arial, Helvetica, sans-serif} /* .pagenation { padding:10px 0 0 0; display:block; float:none; clear:both} .pagenation a { border:1px dashed #ccc; background:#FADEF2; color:#333; padding:1px 10px; font:bold 2.5em Arial, Helvetica, sans-serif; text-decoration:none; margin:5px 2px 0 0} .pagenation a.current, .pagenation a:hover{ color:#fff; background:#D3253C}*/ #whatsdis { position:absolute; border:1px solid #666; background:#eee; z-index:1; left:-1000px; top:-1000px; padding:5px; width:300px} span.helper { cursor:pointer; font:9pt Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 10px} span.helperHover { cursor:pointer; font:9pt Arial, Helvetica, sans-serif; color:#06f; margin:0 0 0 10px} #rt { width:100%; border:0; border-right:1px solid #ccc } #rt td{border:0; vertical-align:top; } #rt td.resizer{width:5px; cursor:e-resize; border:0; background:#ddd} #rt td.resizer_init{width:5px; cursor:e-resize; border:0; background:url(/images/onDrag_.gif)} #rt td.tail{border-right:1px dashed #fff} #rt div.content{ overflow:hidden; /* -moz-user-select: none;*/} * html #rt div.content{ overflow:hidden; /* -moz-user-select: none;*/} #rt div.search_artist, #rt div.search_album{width:185px; float:left; } #rt div.search_name{padding:1px 2px; border-left:5px solid #f00; height:20px; display:block} #rt div.search_name a{ display:block; text-decoration:none; color:#333;} * html #rt div.search_picture { position:relative; } #col_logFondSingers div.search_name, #col_japanKoreaSingers div.search_name, #col_eurAmericanSingers div.search_name, #col_chinaSingers div.search_name{padding:1px 2px; border-left:0; margin:0} * html #col_logFondSingers div.search_picture, * html #col_japanKoreaSingers div.search_picture, * html #col_eurAmericanSingers div.search_picture, * html #col_chinaSingers div.search_picture { position:relative; left:0} #rt div.search_artist span.a { font:1em Arial, Helvetica, sans-serif; color:#333; background:#eee; cursor:pointer; border-left:5px solid #ccc; padding:2px 13px 0 20px; border-right:1px solid #bbb; border-bottom:1px solid #bbb} #rt div.search_artist span.aHover { font:1em Arial, Helvetica, sans-serif; color:#fff; background:#c00; cursor:pointer; border-left:5px solid #666; padding:2px 13px 0 20px; border-right:1px solid #333; border-bottom:1px solid #333} #rt div.search_artist .buttons { margin:5px 0} #rt span.psign { font:bold 2em Arial, Helvetica, sans-serif; position:absolute; margin:-8px 0 0 -17px} #single_col.survery_canvas { padding:0 0 0 120px} #single_col.survery_canvas .survey { margin:20px 0} #asdf { padding:0} /*#survery_canvas { padding:10px 0 0 100px; position:absolute; margin:-30px 0 0 100px}*/ #survery_canvas { padding:10px 0 0 100px; position:absolute; margin:0px; top:30px; left:100px; } * html #survery_canvas { padding:10px 0 0 70px; position:absolute; margin:10px 0 0 0;} #survery_canvas p {margin:0; width:700px} #survery_canvas p:first-letter {margin:0 0 0 24px;} #single_col.survery_canvas h1, #sideSurveyInner h1, #survery_canvas h1 { margin:10px 0} #single_col.survery_canvas input.submit, #sideSurveyInner input.submit, #survery_canvas input.submit { background:url(/images/button_login_bg.gif) no-repeat; width:94px; height:30px; border:0; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; margin:10px 0 0 20px; cursor:pointer} #single_col.survery_canvas textarea, #survery_canvas textarea { width:300px; height:50px; margin:5px 0 0 20px; font:1em Arial, Helvetica, sans-serif} #sideSurveyInner textarea { width:200px; height:50px; margin:5px 0 0 20px; font:1em Arial, Helvetica, sans-serif} #single_col.search h2{ margin:0 0 10px 0} #single_col.singers {} #single_col.singers div.search_artist{ margin:0; padding:0} #single_col.singers div.search_picture { margin:0 } #single_col.singers div.inner { padding:0} #single_col.singers div.inner div.inner { padding:6px} #single_col.singers #rt td.resizer{width:5px; cursor:e-resize; border:0; background:#ddd} #single_col.singers #rt td.resizer_init{width:5px; cursor:e-resize; border:0; background:url(/images/onDrag_.gif)} #single_col { padding:20px 0 0 0; background:#fff; } #single_col #row0 { display:nonel;} #single_col #row1 { height:auto; overflow:hidden} #single_col #row1 #photo { height:278px; float:right; background:url(/images/bg_texture.gif); width:295px; text-align:center; border:1px solid #B9F2FF} #single_col #row1 #analysis { height:200px; width:190px; float:left; margin:0 0 0 12px} #single_col #row1 #analysis .rank { font:bold 3.5em Arial, Helvetica, sans-serif; color:#f00; margin:30px 0 0 0} #single_col #row1 #analysis .offset { position:absolute; margin:-53px 0 0 70px; _margin:-46px 0 0 70px; font:bold 2.5em Arial, Helvetica, sans-serif; color:#ccc} #single_col #row1 #photo .like { margin:10px 0 0 0} #single_col #row1 #player { float:left; width:650px; margin:0; height:305px;} #single_col #row2 { display:none} #single_col #row3 { height:650px} #single_col #row3 #comboIntro { border:0; height:auto; margin:15px 0 0 0; float:left} #single_col #row3 #comboIntro #comboIntro_content { border:1px solid #ccc; border-top:1px solid #FF7105; width:637px; clear:left; margin:0; height:auto; overflow:hidden} #single_col #row3 #tallAd { height:600px; width:296px; background:#eee; float:right; margin:15px 0 0 0; border:1px solid #ccc} div.hr { height:1px; border:0; border-top:1px solid #ccc; margin:0 10px; overflow:hidden} div.hr2 { height:1px; border:0; border-top:1px solid #eee; margin:0 1px; overflow:hidden} #comboIntro_content p:first-letter { margin:0} #comboIntro_content .post .body p:first-letter { margin:0} #comboIntro_content .post .quotation p:first-letter { margin:0} #comboIntro_content .operations { } #comboIntro_content .operations span { border-bottom:1px solid #ccc} #single_col #row3 #comboIntro #comboIntro_content .picture { margin:0 5px;} #single_col #row3 #comboIntro #comboIntro_content .picture img { border:1px solid #999} #single_col #row3 #comboIntro #comboIntro_content .profile p:first-letter {margin:0} #single_col.view #comboIntro_content { margin:0; width:100%; position:relative; border:0; height:auto; overflow:hidden} #replyForm input, #replyForm textarea { font:1em Arial, Helvetica, sans-serif} #single_col.view .topic .title{ font:1.2em Arial, Helvetica, sans-serif; float:left; display:block; width:590px} #single_col.view .admin .title{ font:1.2em Arial, Helvetica, sans-serif; float:left; display:block; width:500px} #newsData div { width:100%; clear:both; } #newsData span { cursor:pointer; float:left;} #newsData a{ float:left;} span.refresh_message { color:#069; border-bottom:1px solid #ccc; font:1em Arial, Helvetica, sans-serif} span.refresh_messageHover { color:#069; border-bottom:1px solid #ccc; font:1em Arial, Helvetica, sans-serif; background:#eee} .success { background:url(/javascripts/res/success.gif)} .error { background:url(/javascripts/res/error.gif)} .confirm { background:url(/javascripts/res/success.gif)} .loading{ background:url(/images/loading.gif)} .button button { padding:3px 0 0 0} .currentSurveyClass { background: url(/images/currentSurveyClass.gif) no-repeat 0 0; color:#000; padding:0 0 0 10px; border-bottom:2px solid #c00; color:#fff} div.button button { height:25px} #message_history {} #single_col.onlineUsers .auser{ float:left; width:300px} #addFavSongFromKeywords {} #addFavSongFromKeywords .button{ background:url(/images/button_thin_semi_long.gif) no-repeat; width:126px; height:23px; border:0; font:normal 1em Arial, Helvetica, sans-serif; color:#fff;} /* unpassioned sam */ .bgtop { background:url(/javascripts/res/bgTop.png) no-repeat; height:8px; width:210px; } * html .bgtop { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop.png,sizingMethod=image)} .bgbody { background:url(/javascripts/res/bgBody.png) repeat-y; height:auto} .bgbottom { background:url(/javascripts/res/bgBottom.png) no-repeat; height:8px; width:210px; } * html .bgbottom { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom.png,sizingMethod=image)} .bgtop_w950 { background:url(/javascripts/res/bgTop950.png) no-repeat; height:8px; width:950px; } * html .bgtop_w950 { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop950.png,sizingMethod=image)} .bgbody_w950 { background:url(/javascripts/res/bgBody950.png) repeat-y; height:auto} * html .bgbody_w950 { background:none; width:950px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBody950.png,sizingMethod=scale)} .bgbottom_w950 { background:url(/javascripts/res/bgBottom950.png) no-repeat; height:8px; width:950px; } * html .bgbottom_w950 { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom950.png,sizingMethod=image)} .bgtop_w235 { background:url(/javascripts/res/bgTop235.png) no-repeat; height:8px; width:235px; } * html .bgtop_w235 { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop235.png,sizingMethod=image)} .bgbody_w235 { background:url(/javascripts/res/bgBody235.png) repeat-y; height:auto; width:235px; } .bgbottom_w235 { background:url(/javascripts/res/bgBottom235.png) no-repeat; height:8px; width:235px; } * html .bgbottom_w235 { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom235.png,sizingMethod=image)} .bgtop_w735 { background:url(/javascripts/res/bgTop735.png) no-repeat; height:8px; width:735px; } * html .bgtop_w735 { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop735.png,sizingMethod=image)} .bgbody_w735 { background:url(/javascripts/res/bgBody735.png) repeat-y; height:auto; width:735px; } .bgbottom_w735 { background:url(/javascripts/res/bgBottom735.png) no-repeat; height:8px; width:735px; } * html .bgbottom_w735 { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom735.png,sizingMethod=image)} #v2topmsk { background:url(/images/v2topmsk.png) no-repeat; height:150px; width:950px;} * html #v2topmsk { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/v2topmsk.png,sizingMethod=image)} #testimonial { margin:20px 0 0 0} #say { width:29px; height:21px; background:url(/images/say.png) no-repeat;} * html #say { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/say.png,sizingMethod=image)} #tag_container { word-spacing:6px} #tag_container a{ text-decoration:none; color:#666;} #song_container_index { } #singer_container .topicb { clear:both; height:20px; padding:1px; } #singer_container .topicb .rank { float:left; display:block;width:30px; text-align:right; padding:0 5px 0 0 } #singer_container .topicb .singer{ font:normal 1em Arial, Helvetica, sans-serif; float:left; display:block; width:60px; height:20px} #singer_container .topicb .like { font:1em Arial, Helvetica, sans-serif; float:left; display:block; width:60px; overflow:hidden; } *+html #singer_container .topicb .like { font:1em Arial, Helvetica, sans-serif; float:left; display:block; width:62px; overflow:hidden; text-align:right; height:20px} * html #singer_container .topicb .like { font:1em Arial, Helvetica, sans-serif; float:left; display:block; width:62px; overflow:hidden; text-align:right; height:20px} #singer_container .topicb .singer a{ color:#666; text-decoration:none; border-bottom:1px solid #fff; font:1em Arial, Helvetica, sans-serif } #singer_container .topicb .singer a:hover{ color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:1em Arial, Helvetica, sans-serif; text-decoration:none} #v2index #player_outer {} .frameborder { position:absolute; background:url(/images/frame.png) no-repeat; width:163px;height:163px; margin:-166px 0 0 20px} * html .frameborder { position:relative; margin:-170px 0 0 20px;width:163px;height:163px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/frame.png,sizingMethod=image)} .framepause { position:absolute; background:url(/images/framepause.png) no-repeat; width:163px;height:163px; margin:-166px 0 0 20px} * html .framepause { position:relative; margin:-170px 0 0 20px;width:163px;height:163px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/framepause.png,sizingMethod=image)} span.gift { color:#c00; border-bottom:1px solid #c00} span.giftHover { background:#c00; color:#fff} /* #songPage { margin:0} #songPage .frameborder { position:absolute; background:url(/images/frame.png) no-repeat; width:163px;height:163px; margin:-156px 0 0 -5px} * html #songPage .frameborder { position:relative; margin:-160px 0 0 -5px;width:163px;height:163px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/frame.png,sizingMethod=image)} *+html #songPage .frameborder { position:relative; margin:-160px 0 0 -5px;width:163px;height:163px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/frame.png,sizingMethod=image)} #songPage .framepause { position:absolute; background:url(/images/framepause.png) no-repeat; width:163px;height:163px; margin:-156px 0 0 -5px} * html #songPage .framepause { position:relative; margin:-160px 0 0 -5px;width:163px;height:163px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/framepause.png,sizingMethod=image)} *+html #songPage .framepause { position:relative; margin:-160px 0 0 -5px;width:163px;height:163px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/framepause.png,sizingMethod=image)} */ #songPage #col0 { float:left; width:215px; overflow:hidden} #songPage #col1 { float:left; width:735px;} .abloc {width:100%; height:auto; border-bottom:1px solid #aaa; margin-bottom:10px;} .abloc .inner { padding:5px} .abloc .title { font:bold 1.2em Arial, Helvetica, sans-serif; color:#888} .abloc .avatar { background:#fff; width:65px; height:80px; float:left} .abloc .avatar .img { text-align:center} .abloc .avatar .name { text-align:center; height:20px; padding:1px 0} #songPage #col1 #col_left { float:left; width:50%; border-right:1px solid #ddd; margin-left:1px} #songPage #col1 #col_right { float:left; width:49%; } #kacakaca {position:absolute; margin:-266px 0 0 187px; width:22px; height:266px; overflow:hidden; background:url(/images/kaca.png)} * html #kacakaca {position:absolute; margin:-266px 0 0 187px; width:22px;height:266px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/kaca.png,sizingMethod=image)} .bgmlst { background:url(/images/bgmlst.gif) #fff} .filter {} .filter ul{ margin:0; padding:0} .filter ul li{ list-style-type:none;} .filter ul li span{ display:block; padding-left:17px; background:url(/images/radios.png) 0 0 no-repeat; width:100px; cursor:pointer; overflow:hidden; height:17px} .filter ul li span.current{ background:url(/images/radios.png) 0 -34px no-repeat;} #bigtabs ul{ margin:0; padding:0} #bigtabs ul li{ margin:0; padding:0; list-style-type:none; float:left} #bigtabs ul li span{ padding:2px 1px 3px 1px; display:block; width:60px; text-align:center; color:#bbb; background:#fff; border:1px solid #ccc; margin:0 1px; border-bottom:1px solid #fff; border-right:1px solid #666} #bigtabs ul li span.Hover{ color:#f90} #bigtabs ul li span.cur { color:#000; border:1px solid #333; margin:0 1px; border-bottom:1px solid #fff} #bigtabs ul li span.curHover { color:#000; border:1px solid #333; margin:0 1px; border-bottom:1px solid #fff} #songranktable .topicb { clear:both; height:25px; padding:1px 0 0 0; margin:0; overflow:hidden} #songranktable .topicb .rank { float:left; display:block; width:50px; padding:0 5px 0 0; background:#F5FFD9; height:25px; } #songranktable .topicb .trend { float:left; display:block; width:60px; padding:0 5px 0 0; background:#E8FAFF; height:25px; } #songranktable .topicb .songcon { float:left; display:block; width:496px; padding:0 5px 0 0; background:#fff; height:25px; overflow:hidden } #songranktable .topicb .songpoplr { float:left; display:block; width:147px; padding:0 5px 0 0; /*background:url(/images/ratesya.gif) 0 0 no-repeat;*/ height:25px; overflow:hidden } #songranktablef .topicb { clear:both; height:20px; padding:1px 0 0 0; margin:0;} #songranktablef .topicb .rank { float:left; display:block; width:50px; padding:0 5px 0 0; background:#ccc; height:20px; } #songranktablef .topicb .trend { float:left; display:block; width:60px; padding:0 5px 0 0; background:#ccc; height:20px; } #songranktablef .topicb .songcon { float:left; display:block; width:496px; padding:0 5px 0 0; background:#ccc; height:20px; overflow:hidden } #songranktablef .topicb .songpoplr { float:left; display:block; width:147px; padding:0 5px 0 0; background:#ccc; height:20px; overflow:hidden } .poplrcovr { background:url(/images/poplrCvr.png) no-repeat; height:25px; width:152px; position:absolute} /* html .poplrcovr { overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/poplrCvr.png,sizingMethod=image)}*/ .ratesya { background:url(/images/ratesya.gif) no-repeat; height:25px; width:152px; position:absolute; overflow:hidden} * html #songranktable { margin:-20px 0 0 0} #songranktable div.asong { border:0; padding:0; margin:3px 0 0 5px} #songranktable nobr.songContainer { background:none;} #songranktable div.asong .controls { color:#999; width:50px; margin:0 15px 0 0; text-decoration:none; font-weight:bold; cursor:pointer; text-align:center} #songranktable div.asong .check_box { float:left} /*div.asong .controls:hover,*/ #songranktable div.asong .controls_hover { color:#0074CA; width:50px; margin:0 15px 0 0; font-weight:bold; text-decoration:none; cursor:pointer; text-align:center} #songranktable div.asong .song { margin:0 15px 0 0; color:#666; text-decoration:none; border-bottom:1px solid #fff; font:1em Arial, Helvetica, sans-serif; cursor:pointer} #songranktable #asong_container div.asong .song { margin:0 15px 0 0; color:#666; text-decoration:none; border-bottom:1px solid #fff; font:bold 12pt Arial, Helvetica, sans-serif; cursor:pointer} #songranktable #asong_container div.asong .song_hover { margin:0 15px 0 0; color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:bold 12pt Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer} /*div.asong .song:hover,*/ #songranktable div.asong .song_hover { margin:0 15px 0 0; color:#036; background:#eee; border-bottom:1px solid #7DCDF9; font:1em Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer} #songranktable div.asong .singer { margin:0 5px 0 5px; color:#0099CC; cursor:pointer} #songranktable div.asong span.by { color:#ccc;} #songranktable div.asong span.time { color:#666; margin:-27px 10px 0 0} #songranktable div.asong .recommend { color:#fff; margin:0 0 0 5px; cursor:pointer; border:1px solid #fff} #songranktable div.asong .recommend_hover { color:#fff; margin:0 0 0 5px; cursor:pointer; border:1px solid #fefefe; border-bottom:1px solid #aaa; border-right:1px solid #aaa; background: #F2090F; text-align:center; padding:0 3px} #songranktable div.asong .popup_songInfo { margin:0 10px 0 0; cursor:pointer } #songranktable div.asong .popup_songInfoHover { margin:0 10px 0 0; background:#FD4304; cursor:pointer } #songranktable div.asong .likeornot { margin:0 0 0 10px; cursor:pointer;} #songranktable div.asong .song_description {} .emuopacity {background:#fff} .pos { position:absolute; background:url(/images/pos.png) no-repeat; width:121px;height:44px; z-index:999} * html .pos { position:relative; width:121px;height:44px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/pos.png,sizingMethod=image)} *+html .pos { position:relative; width:121px;height:44px;overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/pos.png,sizingMethod=image)} .add2blog { height:200px; border-bottom:1px solid #ccc; margin-bottom:10px} .blogHint { background:#CAE8FF; font:1.2em Arial, Helvetica, sans-serif; border:1px solid #0066FF; padding:10px} .blogSuccess { background:#E1FFCE; font:1.2em Arial, Helvetica, sans-serif; border:1px solid #5BEC42}