BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 9pt Arial, Helvetica, sans-serif; PADDING-TOP: 0px; HEIGHT: 100% } BUTTON { CURSOR: pointer } INPUT.button { CURSOR: pointer } H1 { MARGIN: 0px; FONT: bold 1.2em Arial, Helvetica, sans-serif } DIV.inner { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #333; PADDING-TOP: 10px } IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } FORM { MARGIN: 0px } A { COLOR: #00f } SPAN.Hover { BACKGROUND: #cddbdc; COLOR: #fff } #wrap { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 950px; PADDING-TOP: 0px; HEIGHT: auto } #header { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 20px; HEIGHT: 95px } #logo { FLOAT: left; POSITION: absolute } #slogan { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; FONT: bold 15pt Arial, Helvetica, sans-serif; COLOR: #999; PADDING-TOP: 10px; POSITION: absolute } #search_bar { FLOAT: right; MARGIN: 30px 0px 0px } #search_bar INPUT { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/search_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 228px; COLOR: #999; PADDING-TOP: 3px; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px } #search_bar INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/search_button.gif) no-repeat; LEFT: -23px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 0px 0px -25px; WIDTH: 24px; POSITION: relative; TOP: -3px; HEIGHT: 23px; BORDER-RIGHT-WIDTH: 0px } #rank_link { MARGIN-TOP: 6px; FLOAT: left; MARGIN-RIGHT: 10px } #rank_link A { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #00f } #rank_link A:hover { BACKGROUND: #eee } #rank_link A:visited { TEXT-DECORATION: none } UNKNOWN { LEFT: -23px; TOP: -3px } #text_links { PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 90px 0px 0px; COLOR: #666; PADDING-TOP: 5px } UNKNOWN { MARGIN-TOP: 90px } #text_links #register { POSITION: absolute } #text_links #register SPAN.link { CURSOR: pointer; COLOR: #00f } #text_links #register SPAN.linkHover { BACKGROUND: #eee; CURSOR: pointer; COLOR: #00f } #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 { BACKGROUND: #ceddff; CURSOR: pointer; COLOR: #036 } #cfl { DISPLAY: block } #cfl #intro { MARGIN: 10px 0px 0px; HEIGHT: 125px } #cfl #intro DL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 33%; PADDING-TOP: 0px } #cfl #intro DL#t2 { FLOAT: right; WIDTH: 34%; POSITION: absolute } UNKNOWN { FLOAT: right; WIDTH: 320px; POSITION: absolute } #cfl #intro DL#t2 DD { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } #cfl #intro DL DT { PADDING-RIGHT: 0px; BORDER-TOP: #a0d0fc 1px solid; PADDING-LEFT: 0px; BACKGROUND: #eef5ff; PADDING-BOTTOM: 4px; FONT: bold 1.2em Arial, Helvetica, sans-serif; PADDING-TOP: 4px } #cfl #intro DL DD { BORDER-RIGHT: #eee 2px solid; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; MARGIN: 5px 0px; FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #555; PADDING-TOP: 8px } #cfl #cols { } #cfl #cols #col0 { BACKGROUND: #fff; FLOAT: left; WIDTH: 640px } #col0 #player { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 5px 0px 0px; HEIGHT: 305px; BORDER-RIGHT-WIDTH: 0px } #col0 .pout#player { HEIGHT: 20px } .linkspan { CURSOR: pointer; COLOR: #c00; POSITION: absolute; TEXT-DECORATION: underline } #col0 #hotArtists { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 5px 10px 0px; HEIGHT: 190px; BORDER-RIGHT-WIDTH: 0px } #col0 #hotArtists DIV.inner DIV.inner { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px } #col0 #hotArtists DIV.artist IMG { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #fff; FLOAT: left; MARGIN: 0px 1px 0px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } #faqs { } #faqs UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } #faqs UL LI { MARGIN: 0px; LINE-HEIGHT: 20px; LIST-STYLE-TYPE: none } #faqs UL LI A { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #666; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #faqs UL LI A:hover { BACKGROUND: #eee; FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; TEXT-DECORATION: none } #col0 #popSongs { BACKGROUND: #fff; FLOAT: left; OVERFLOW: hidden; WIDTH: 50%; HEIGHT: 450px } UNKNOWN { BACKGROUND: #fff; FLOAT: left; OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 450px } #popSongs_container { MARGIN: 10px 0px 0px } NOBR.songContainer { DISPLAY: block; BACKGROUND: #fff; WIDTH: 100% } #song_container_index_outer_hover NOBR.songContainer { BACKGROUND: none transparent scroll repeat 0% 0% } #song_container_index NOBR.songContainer { BACKGROUND: none transparent scroll repeat 0% 0% } #asongcon NOBR.songContainer { BACKGROUND: none transparent scroll repeat 0% 0% } #song_container_index_outer_hover DIV.asong { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid } #song_container_index DIV.asong { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid } DIV.asong { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid } .message DIV.asong { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } DIV.asong .controls { FONT-WEIGHT: bold; MARGIN: 0px 15px 0px 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #999; TEXT-ALIGN: center; TEXT-DECORATION: none } DIV.asong .check_box { FLOAT: left } DIV.asong .controls_hover { FONT-WEIGHT: bold; MARGIN: 0px 15px 0px 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #0074ca; TEXT-ALIGN: center; TEXT-DECORATION: none } DIV.asong .song { MARGIN: 0px 15px 0px 0px; FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #666; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #asong_container DIV.asong .song { MARGIN: 0px 15px 0px 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #666; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #asong_container DIV.asong .song_hover { BACKGROUND: #eee; MARGIN: 0px 15px 0px 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; TEXT-DECORATION: none } DIV.asong .song_hover { BACKGROUND: #eee; MARGIN: 0px 15px 0px 0px; FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; TEXT-DECORATION: none } DIV.asong .singer { MARGIN: 0px 5px; CURSOR: pointer; COLOR: #0099cc } DIV.asong SPAN.by { COLOR: #ccc } DIV.asong SPAN.time { MARGIN: -27px 10px 0px 0px; COLOR: #666 } DIV.asong .recommend { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN: 0px 0px 0px 5px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid } DIV.asong .recommend_hover { BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fefefe 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f2090f; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; BORDER-LEFT: #fefefe 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: center } DIV.asong .popup_songInfo { MARGIN: 0px 10px 0px 0px; CURSOR: pointer } DIV.asong .popup_songInfoHover { BACKGROUND: #fd4304; MARGIN: 0px 10px 0px 0px; CURSOR: pointer } DIV.asong .likeornot { MARGIN: 0px 0px 0px 10px; CURSOR: pointer } DIV.asong .song_description { } DIV.asong .delete_icon { FLOAT: right; MARGIN: -15px 55px 0px 0px; CURSOR: pointer } DIV.asong .asname { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #666; TEXT-DECORATION: none } .asname:visited { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #666; TEXT-DECORATION: none } .asname:link { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #666; TEXT-DECORATION: none } .asname:active { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #666; TEXT-DECORATION: none } DIV.asong .asname:hover { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; TEXT-DECORATION: none } DIV.asong .asname_hover { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; TEXT-DECORATION: none } .visited { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; TEXT-DECORATION: none } .asname_hover:link { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; TEXT-DECORATION: none } .asname_hover:active { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; TEXT-DECORATION: none } .asname_hover:hover { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; TEXT-DECORATION: none } DIV.asong .asinger { COLOR: #0099cc; TEXT-DECORATION: none } .asinger:hover { COLOR: #0099cc; TEXT-DECORATION: none } .asinger:active { COLOR: #0099cc; TEXT-DECORATION: none } .asinger:visited { COLOR: #0099cc; TEXT-DECORATION: none } .asinger:link { COLOR: #0099cc; TEXT-DECORATION: none } HTML DIV.asong .delete_icon { FLOAT: right; MARGIN: -21px 5px 0px 0px; CURSOR: pointer } .popularity { BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #eee 1px solid; FONT-SIZE: 10px; FLOAT: right; MARGIN: -16px 0px 0px; BORDER-LEFT: #eee 1px solid; WIDTH: 50px; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: right } HTML .popularity { BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #eee 1px solid; FONT-SIZE: 10px; FLOAT: right; MARGIN: -22px 0px 0px; BORDER-LEFT: #eee 1px solid; WIDTH: 50px; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: right } .topicb .popularity { BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #eee 1px solid; FONT-SIZE: 10px; FLOAT: none; MARGIN: 0px; BORDER-LEFT: #eee 1px solid; WIDTH: 50px; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: right } HTML .topicb .popularity { BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #eee 1px solid; FONT-SIZE: 10px; FLOAT: none; MARGIN: -22px 0px 0px; BORDER-LEFT: #eee 1px solid; WIDTH: 50px; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: right } .popularity_bar { FONT-SIZE: 10px; FLOAT: right; MARGIN: -13px 0px 0px; TEXT-ALIGN: right } HTML .popularity_bar { FONT-SIZE: 10px; FLOAT: right; MARGIN: -13px 0px 0px; TEXT-ALIGN: right } UNKNOWN { FONT-SIZE: 10px; FLOAT: right; MARGIN: -10px 0px 0px; TEXT-ALIGN: right } #col0 #song_info { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 15px 5px 13px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 210px } #col0 #song_info .album { BACKGROUND: url(/images/bg_texture.gif) } #col0 #userInfoEdit { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 15px 5px 13px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 170px } #col0 #userInfoEdit DIV.inner { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px } #col0 #userInfoEdit #myAvatar { FLOAT: left; WIDTH: 160px; HEIGHT: 150px } #col0 #userInfoEdit #myAvatar DIV.myAvatarLarge { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } #col0 #userInfoEdit #myAvatar DIV.myAvatarLarge IMG { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } #col0 #userInfoEdit #myAvatar SPAN { FONT: 1.2em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; TOP: 5px; TEXT-DECORATION: none } #col0 #userInfoEdit #myAvatar SPAN.Hover { BACKGROUND: #eee; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } #col0 #userInfoEdit #myAvatar SPAN.upload_avatar { FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; TOP: 3px; TEXT-DECORATION: none } #col0 #userInfoEdit #myAvatar SPAN.upload_avatarHover { BACKGROUND: #eee; FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; POSITION: relative; TOP: 3px } #col0 #userInfoEdit #myAvatarVr { BACKGROUND: #ddd; FLOAT: left; MARGIN: 20px 0px 0px; WIDTH: 1px; HEIGHT: 100px } #col0 #userInfoEdit .myProfile { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 150px } #col0 #userInfoEdit .myProfile A.edit { MARGIN: 0px 0px 0px 2px; FONT: 1.1em Arial, Helvetica, sans-serif; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none } #col0 #userInfoEdit .myProfile SPAN.edit { MARGIN: 0px 0px 0px 20px; FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none } #col0 #userInfoEdit .myProfile SPAN.editHover { BACKGROUND: #eee; MARGIN: 0px 0px 0px 20px; FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } #col0 #userInfoEdit .myProfile .displayName { MARGIN: 7px 0px; FONT: 1em Arial, Helvetica, sans-serif; COLOR: #666 } #col0 #userInfo #myProfile A.previewMyProfile { FONT: bold 1em Arial, Helvetica, sans-serif; COLOR: #066dd7 } #col0 #userInfoEdit .myProfile A.previewMyProfile { FONT: bold 1em Arial, Helvetica, sans-serif; COLOR: #066dd7 } #col0 #userEditMenu { MARGIN-LEFT: 0px; POSITION: absolute } UNKNOWN { MARGIN-LEFT: 0px; POSITION: absolute } #col0 #userEditMenu UL { MARGIN: 0px } #col0 #userEditMenu UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; PADDING-TOP: 1px; LIST-STYLE-TYPE: none; HEIGHT: 25px } #col0 #userEditMenu UL LI SPAN.editu { BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 2px; BACKGROUND: #ddd; PADDING-BOTTOM: 1px; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #eee 1px solid; CURSOR: pointer; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #e8f4ff 1px solid; HEIGHT: 18px } #col0 #userEditMenu UL LI SPAN.edituHover { BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fb7c0b; PADDING-BOTTOM: 1px; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #e8f4ff 1px solid; HEIGHT: 18px } #personalColors { OVERFLOW: hidden; WIDTH: 200px; HEIGHT: auto } #personalColors DIV { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; FLOAT: left; MARGIN: 1px; BORDER-LEFT: #333 1px solid; WIDTH: 20px; BORDER-BOTTOM: #333 1px solid; HEIGHT: 20px } #col0 #artistInfo { } #col0 #albumInfo H1 { MARGIN: 0px 0px 20px } #col0 #artistInfo H1 { MARGIN: 0px 0px 20px } #col0 #albumInfo .row { OVERFLOW: hidden; HEIGHT: auto } #col0 #albumInfo .picture { FLOAT: left } #col0 #albumInfo .spliter { BORDER-RIGHT: #ccc 1px solid; FLOAT: left; MARGIN: 0px 15px; WIDTH: 1px; HEIGHT: 300px } #col0 #albumInfo .player { FLOAT: left } #col0 #albumInfo .player H2 { FONT: 1.2em Arial, Helvetica, sans-serif } #col0 #albumInfo .profile { } #float_avatar { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 15px 5px 13px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 170px } #float_avatar DIV.inner { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px } #float_avatar #myAvatar { FLOAT: left; WIDTH: 160px; HEIGHT: 150px } #float_avatar #myAvatar DIV.myAvatarLarge { } #float_avatar #myAvatar DIV.myAvatarLarge IMG { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } #float_avatar #myAvatar A { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; TOP: 5px; TEXT-DECORATION: none } #float_avatar #myAvatar A:hover { BACKGROUND: #eee; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } #float_avatar #myAvatarVr { BACKGROUND: #ddd; FLOAT: left; MARGIN: 20px 0px 0px; WIDTH: 1px; HEIGHT: 100px } #float_avatar #myProfile { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 150px } #float_avatar #myProfile INPUT { FONT: 9pt Arial, Helvetica, sans-serif } #float_avatar #myProfile INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; LEFT: 3px; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; POSITION: relative; TOP: 0px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #float_avatar #myProfile BUTTON { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; LEFT: 3px; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; POSITION: relative; TOP: 0px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #float_avatar #avartar_system_info { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; MARGIN: 5px 0px; FONT: bold 1em Arial, Helvetica, sans-serif; COLOR: #c00; PADDING-TOP: 10px } #float_avatar #avartar_system_info A { COLOR: #00f } #col0 #dnaDes { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 15px 5px 15px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: auto } #col0 #ghg { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 15px 5px 15px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: auto } #col0 #youknow { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 15px 5px 15px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: auto } #col0 #userInfo { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 15px 5px 15px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 170px } #col0 #userInfo DIV.inner { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px } #col0 #userInfo #myAvatar { FLOAT: left; WIDTH: 120px } #col0 #userInfo #myAvatar DIV.myAvatarLarge { } #col0 #userInfo #myAvatar DIV.myAvatarLarge IMG { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } #col0 #userInfo #myProfile #displayName { MARGIN: 0px; FONT: 1.9em Arial, Helvetica, sans-serif; COLOR: #666 } #col0 #userInfo #myProfile .displayName { MARGIN: 10px 0px; FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #666 } #col0 #userInfoEdit .myProfile .displayName A { COLOR: #00f } #col0 #userInfo #myProfile .displayName A { COLOR: #00f } #col0 #userInfo #myProfile A { COLOR: #00f } #col0 #inbox { HEIGHT: auto } #col0 #inbox A.edit { MARGIN: 0px 0px 0px 10px; FONT: 9pt Arial, Helvetica, sans-serif; COLOR: #ccc } #col0 #inbox_messages { MARGIN: 5px 0px } #col0 #inbox_messages .message { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 5px 0px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid } #col0 #inbox_messages .message H2 { MARGIN: 5px 0px; FONT: 1em Arial, Helvetica, sans-serif; COLOR: #999 } #col0 #inbox_messages .message H2 A { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none } #col0 #inbox_messages .message H2 A:hover { BACKGROUND: #eee; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } #col0 #inbox_messages .message H2.invite { COLOR: #c00 } #col0 #inbox_messages .message .avatar { MARGIN: 0px 0px 0px -60px; POSITION: absolute } UNKNOWN { MARGIN: 0px 0px 0px -60px } #col0 #inbox_messages .message .avatar IMG { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; BORDER-LEFT: #333 1px solid; BORDER-BOTTOM: #333 1px solid } #col0 #inbox_messages .message .auserInfo { MARGIN: 0px 0px 0px 60px } #col0 #inbox_messages .message .auserInfo P { MARGIN: 3px 0px; TEXT-ALIGN: justify } #col0 #inbox_messages .message .reply { MARGIN: 20px 0px 0px } #col0 #inbox_messages .message .reply TEXTAREA { FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 260px; HEIGHT: 80px } #col0 #inbox_messages .message .reply INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 10px 0px 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #col0 #inbox_messages .message .reply SPAN.button { COLOR: #333; TEXT-DECORATION: underline } #col0 #inbox_messages .message .reply SPAN.buttonHover { COLOR: #333; TEXT-DECORATION: underline } #col0 #inbox_messages .message .reply SPAN.pbutton { COLOR: #0099ff; BORDER-BOTTOM: #ccc 1px solid } #col0 #inbox_messages .message .reply SPAN.pbuttonHover { BACKGROUND: #eef2ff; COLOR: #0099ff; BORDER-BOTTOM: #ccc 1px solid } #col0 #inbox_messages .message .reply SPAN.pbuttonAccept { BACKGROUND: #eee; CURSOR: pointer; COLOR: #c00; BORDER-BOTTOM: #ccc 1px solid } #col0 #inbox_messages .message .reply SPAN.pbuttonAcceptHover { BACKGROUND: #fff; CURSOR: pointer; COLOR: #c00; BORDER-BOTTOM: #ccc 1px solid } #col0 #inbox_messages .message .reply SPAN.pbuttonDecline { CURSOR: pointer; COLOR: #0099ff; BORDER-BOTTOM: #ccc 1px solid } #col0 #inbox_messages .message .reply SPAN.pbuttonDeclineHover { BACKGROUND: #eef2ff; CURSOR: pointer; COLOR: #0099ff; BORDER-BOTTOM: #ccc 1px solid } #col0 #similarUsers { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 10px 5px 10px 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: auto } #col0 #similarUsers A.edit { MARGIN: 0px 0px 0px 10px; FONT: 9pt Arial, Helvetica, sans-serif; COLOR: #ccc } #col0 #similarUsers DIV.auser { FLOAT: left; WIDTH: 50% } DIV.auser { MARGIN: 5px 0px; BORDER-BOTTOM: #ddd 1px solid; HEIGHT: 57px } DIV.auser DIV.avatar { PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } DIV.auser DIV.avatar IMG { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; BORDER-LEFT: #333 1px solid; BORDER-BOTTOM: #333 1px solid } DIV.auser DIV.auserInfo { FLOAT: left } #myFriends P A { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none } #onlineUsers P A { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none } #myFriends P A:hover { BACKGROUND: #eee; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } #onlineUsers P A:hover { BACKGROUND: #eee; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } DIV.auser DIV.auserInfo A { COLOR: #008bff; TEXT-DECORATION: underline } DIV.auser DIV.auserInfo A:hover { BACKGROUND: #d8eafe; COLOR: #036; TEXT-DECORATION: underline } DIV.auser DIV.auserInfo .row { MARGIN: 1px 0px } DIV.auser DIV.auserInfo .offline A { COLOR: #999 } #col0 #comboIntro { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 35px 5px 0px 0px; HEIGHT: auto; BORDER-RIGHT-WIDTH: 0px } #comboIntro_nav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: -26px 0px 0px; PADDING-TOP: 0px; POSITION: absolute } UNKNOWN { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: -26px 0px 0px; PADDING-TOP: 0px; POSITION: absolute } .rev#comboIntro_nav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 199px; PADDING-TOP: 0px } .view#single_col .rev#comboIntro_nav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -40px; PADDING-TOP: 0px } #comboIntro_nav LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #comboIntro_nav LI SPAN { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(/images/button_intro_bg.gif) no-repeat 0px 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 0px; FONT: 1.2em Arial, Helvetica, sans-serif; WIDTH: 79px; CURSOR: pointer; COLOR: #000; PADDING-TOP: 5px; HEIGHT: 21px; TEXT-ALIGN: center; TEXT-DECORATION: none } .rev#comboIntro_nav LI SPAN { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(/images/button_intro_bg_rev.gif) no-repeat 0px -26px; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 0px; FONT: 1.2em Arial, Helvetica, sans-serif; WIDTH: 79px; CURSOR: pointer; COLOR: #000; PADDING-TOP: 5px; HEIGHT: 21px; TEXT-ALIGN: center; TEXT-DECORATION: none } .rev#comboIntro_nav LI SPAN.current { BACKGROUND: url(/images/button_intro_bg_rev.gif) no-repeat 0px 0px; CURSOR: pointer; COLOR: #000 } .rev#comboIntro_nav LI SPAN.Hover { BACKGROUND: url(/images/button_intro_bg_rev.gif) no-repeat 0px 0px; CURSOR: pointer; COLOR: #000 } #comboIntro_nav LI SPAN.current { BACKGROUND: url(/images/button_intro_bg.gif) no-repeat 0px -26px; CURSOR: pointer; COLOR: #fff } #comboIntro_nav LI SPAN.Hover { BACKGROUND: url(/images/button_intro_bg.gif) no-repeat 0px -26px; CURSOR: pointer; COLOR: #fff } #comboIntro_content { CLEAR: left; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ff7105 1px solid; MARGIN: 25px 0px 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 632px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: auto } UNKNOWN { CLEAR: left; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ff7105 1px solid; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 632px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: auto } #comboIntro_content DIV.asong { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid } #comboIntro_content DIV.asong .controls { DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; MARGIN: 0px 5px 0px 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #999; TEXT-ALIGN: center; TEXT-DECORATION: none } #comboIntro_content DIV.asong .controls_hover { DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; MARGIN: 0px 5px 0px 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #0074ca; TEXT-ALIGN: center; TEXT-DECORATION: none } #comboIntro_content DIV.asong .song { MARGIN: 0px 15px 0px 0px; FONT: 1.2em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #666; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #comboIntro_content DIV.asong .song_hover { BACKGROUND: #eee; MARGIN: 0px 15px 0px 0px; FONT: 1.2em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; TEXT-DECORATION: none } #comboIntro_content DIV.asong .singer { MARGIN: 0px 5px; CURSOR: pointer; COLOR: #0099cc; BORDER-BOTTOM: #ccc 1px solid } #comboIntro_content DIV.asong SPAN.by { COLOR: #ccc } #comboIntro_content DIV.asong SPAN.time { MARGIN: -27px 10px 0px 0px; COLOR: #666 } #comboIntro_content .picture { FLOAT: left } .static { PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .static HR { MARGIN: 20px 0px } .static LI { MARGIN: 3px 0px } .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 { MARGIN: 5px 0px 20px; FONT: bold 1.2em Arial, Helvetica, sans-serif; COLOR: #333 } .static P { MARGIN: 10px 0px; FONT: 1em/27px Arial, Helvetica, sans-serif; COLOR: #333; LETTER-SPACING: 2px; TEXT-ALIGN: justify } .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 { MARGIN: 0px; FONT: 1em Arial, Helvetica, sans-serif; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none } .static A:hover { BACKGROUND: #eee; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } .static H4 { FONT: bold 1em Arial, Helvetica, sans-serif; COLOR: #06c } .static STRONG.red { BACKGROUND: #fff; COLOR: #f30 } .career P:first-letter { MARGIN: 0px } #cfl #cols #col1 { BACKGROUND: #fff; MARGIN: 0px 0px 0px 640px } #col1 #login { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 273px; BORDER-RIGHT-WIDTH: 0px } #col1 #login DIV.inner { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px } #col1 #login DIV.inner H1 { MARGIN: 0px 0px 10px; FONT: bold 16pt Arial, Helvetica, sans-serif; COLOR: #333 } #col1 #login DIV.inner LABEL.f { DISPLAY: block; MARGIN: 8px 0px 0px 5px; FONT: bold 12pt Arial, Helvetica, sans-serif; COLOR: #666 } #col1 #login DIV.inner INPUT.f { DISPLAY: block; MARGIN: 0px 0px 0px 5px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 220px; COLOR: #666 } #col1 #login DIV.inner DIV { PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; TEXT-ALIGN: right } #col1 #login DIV.inner DIV A { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #03c; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none } #col1 #login DIV.inner DIV A:hover { BACKGROUND: #eee; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid } #col1 #login DIV.inner DIV INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #col1 #login DIV.inner DIV LABEL { MARGIN: 0px; FONT: 1.2em Arial, Helvetica, sans-serif } #col1 #login DIV.inner DIV INPUT { } #col1 #login .regnow { BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px dashed; PADDING-LEFT: 10px; BACKGROUND: #fadef2; PADDING-BOTTOM: 10px; MARGIN: -60px 0px 0px 5px; FONT: bold 1.2em Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 1px dashed; COLOR: #333; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px dashed; POSITION: absolute; TEXT-ALIGN: left } #col1 #login .regnow:hover { BACKGROUND: #d3253c; COLOR: #fff } .regnow_float { BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 50px; BORDER-TOP: #ccc 1px dashed; PADDING-LEFT: 50px; BACKGROUND: #fadef2; PADDING-BOTTOM: 10px; MARGIN: -120px 0px 0px 250px; FONT: bold 1.2em Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 1px dashed; COLOR: #333; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px dashed; POSITION: absolute; TEXT-ALIGN: left } .regnow_float:hover { BACKGROUND: #d3253c; COLOR: #fff } #col1 #friendComments { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #friendComments .comment { MARGIN: 5px 0px; BORDER-BOTTOM: #ccc 1px solid } #col1 #friendComments .comment .avatar { MARGIN: 0px 0px 0px -60px; POSITION: absolute } UNKNOWN { MARGIN: 0px 0px 0px -60px } #col1 #friendComments .comment .avatar IMG { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; BORDER-LEFT: #333 1px solid; BORDER-BOTTOM: #333 1px solid } #col1 #friendComments .comment .auserInfo { MARGIN: 0px 0px 0px 60px } #col1 #friendComments .comment .auserInfo P { MARGIN: 3px 0px; TEXT-ALIGN: justify } #col1 #friendComments #leaveCommentForm { MARGIN: 0px 0px 20px } #col1 #friendComments #leaveCommentForm TEXTAREA { DISPLAY: block; MARGIN: 0px 0px 5px; FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 260px; HEIGHT: 80px } #col1 #friendComments #leaveCommentForm INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 10px 0px 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #col1 #friendComments SPAN.button { DISPLAY: block; MARGIN: 10px 0px; FONT: 1.2em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #03c; TEXT-DECORATION: underline } #col1 #friendComments #leaveCommentForm SPAN.button { DISPLAY: inline; MARGIN: 0px } #col1 #leaveMessage #leaveMessageForm TEXTAREA { DISPLAY: block; MARGIN: 10px 0px 5px; FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 260px; HEIGHT: 80px } #col1 #leaveMessage SPAN.button { DISPLAY: block; FONT: 1.2em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #03c; TEXT-DECORATION: underline } #col1 #leaveMessage #leaveMessageForm INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 10px 0px 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #col1 #leaveMessage #leaveMessageForm SPAN.button { DISPLAY: inline; MARGIN: 0px } #single_login TABLE.formGrids { MARGIN: 20px 0px } #single_login TABLE.formGrids H1 { FONT: bold 3em Arial, Helvetica, sans-serif } #single_login TABLE.formGrids .f { FONT: bold 2em Arial, Helvetica, sans-serif; COLOR: #666; TEXT-ALIGN: right } #single_login TABLE.formGrids LABEL.p { FONT: 1.2em Arial, Helvetica, sans-serif } #single_login TABLE.formGrids INPUT.t { DISPLAY: block; MARGIN: 0px 0px 0px 5px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 220px; COLOR: #666 } #single_login TABLE.formGrids BUTTON { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #single_login TABLE.formGrids A { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #03c } #single_login TABLE.formGrids .errors { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 10px; FONT: bold 1.2em Arial, Helvetica, sans-serif; COLOR: #f00; PADDING-TOP: 10px } #account_setting { MARGIN: 20px auto; WIDTH: 600px } #account_setting HR { BORDER-TOP: #aaa 1px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 20px 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px } #account_setting INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg_lrg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 20px 10px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 150px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #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 { MARGIN: 0px 0px 10px; FONT: bold 1.2em Arial, Helvetica, sans-serif } #float_login TABLE.formGrids .f { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #666; TEXT-ALIGN: right } #float_login TABLE.formGrids LABEL.p { FONT: 1.2em Arial, Helvetica, sans-serif } #float_login TABLE.formGrids INPUT.t { DISPLAY: block; MARGIN: 0px 0px 0px 5px; FONT: 1.2em Arial, Helvetica, sans-serif; WIDTH: 120px; COLOR: #666 } #float_login TABLE.formGrids BUTTON { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #float_login TABLE.formGrids A { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #03c } #float_login TABLE.formGrids .errors { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 10px; FONT: bold 1.2em Arial, Helvetica, sans-serif; COLOR: #f00; PADDING-TOP: 10px } TABLE.formGrids { } TABLE.formGrids TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px } TABLE.formGrids H1 { MARGIN: 0px 0px 10px; FONT: bold 1.2em Arial, Helvetica, sans-serif } TABLE.formGrids .f { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #666; TEXT-ALIGN: right } TABLE.formGrids LABEL.p { FONT: 1.2em Arial, Helvetica, sans-serif } TABLE.formGrids INPUT.t { DISPLAY: block; MARGIN: 0px 0px 0px 5px; FONT: 1.2em Arial, Helvetica, sans-serif; WIDTH: 120px; COLOR: #666 } TABLE.formGrids INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 5px 10px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } TABLE.formGrids SPAN.button { FONT: 1.2em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #03c; POSITION: relative; TOP: -5px; TEXT-DECORATION: underline } TABLE.formGrids SPAN.buttonHover { FONT: 1.2em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #333; POSITION: relative; TOP: -5px } TABLE.formGrids .errors { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 10px; FONT: bold 1.2em Arial, Helvetica, sans-serif; COLOR: #f00; PADDING-TOP: 10px } #col1 #songMayLike DIV.inner { OVERFLOW: hidden; WIDTH: 270px } #col1 #songMayLike { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #sideSurvey { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #sideFavSinger { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #sideSimiUser { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #myFriends { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #myGroupLinks { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #onlineUsers { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #myFriends A.edit { MARGIN: 0px 0px 0px 10px; FONT: 9pt Arial, Helvetica, sans-serif; COLOR: #ccc } #col1 #largeButtons { LEFT: 4px; MARGIN: 0px 0px 30px; POSITION: relative; TOP: 15px } #col1 #largeButtons A { DISPLAY: block; MARGIN: 0px 0px 1px } #col1 #largeButtons A IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #compWithMe { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -10px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #compWithMe A.edit { MARGIN: 0px 0px 0px 10px; FONT: 9pt Arial, Helvetica, sans-serif; COLOR: #ccc } #col1 #musicDNA { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: -3px 0px 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } #col1 #musicDNA A.edit { MARGIN: 0px 0px 0px 10px; FONT: 9pt Arial, Helvetica, sans-serif; COLOR: #ccc } .dnar { CLEAR: both; DISPLAY: block; MARGIN: 0px 0px 1px; WIDTH: 100% } .dnaf { DISPLAY: block; FLOAT: left; WIDTH: 95px } .dnab { DISPLAY: block; BACKGROUND: #eee; FLOAT: left; WIDTH: 170px } .dnaa { BORDER-RIGHT: #333 1px solid; DISPLAY: block; BACKGROUND: #999; FLOAT: left; WIDTH: 20px; COLOR: #fff; TEXT-ALIGN: right } .blue { BACKGROUND: #60adfb } .green { BACKGROUND: #a6d755 } .red { BACKGROUND: #e30005 } .yellow { BACKGROUND: #f89a0e } .link { MARGIN: 2px 0px } .link A { FONT: 1.2em Arial, Helvetica, sans-serif; COLOR: #399ad5; TEXT-DECORATION: underline } #ghg { FONT: 1.2em Arial, Helvetica, sans-serif } #ghg .dnaf { DISPLAY: block; FLOAT: left; WIDTH: 115px } #col1 #leaveMessage { MARGIN: 0px 0px 5px } UNKNOWN { MARGIN: 0px 0px 5px } #col1 #albums { } #col1 #albums H1 { MARGIN: 10px 0px } #col1 #albums .singleAlbum { MARGIN: 0px 0px 5px } #col1 #albums .singleAlbum .date { COLOR: #bbb } #col1 #albums .singleAlbum IMG { MARGIN: 0px 0px 0px 5px } #single_col #rt H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: bold 1.2em Arial, Helvetica, sans-serif; PADDING-TOP: 0px } #single_col #rt .artist { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 0px } #single_col .anOnlineUser { FLOAT: left; MARGIN: 13px; WIDTH: 50px; HEIGHT: 50px } #single_col .anOnlineUser IMG { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid } #single_col #invite_page { MARGIN: 0px 0px 0px 100px } #single_col .nothing#invite_page { MARGIN: 0px } #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: #999 1px solid; MARGIN: 20px 0px 0px; COLOR: #fff } #single_col #invite_page A.button { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; PADDING-TOP: 5px; HEIGHT: 25px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none } #single_col #invite_page INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #single_col #invite_page INPUT.button_lrg { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg_lrg_lrg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 250px; CURSOR: pointer; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #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 { CLEAR: both; BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; OVERFLOW-X: hidden; MARGIN: -15px 0px 0px; OVERFLOW: auto; BORDER-LEFT: #333 1px solid; WIDTH: 700px; BORDER-BOTTOM: #333 1px solid; HEIGHT: 305px } #buddy_list .row { CLEAR: both; CURSOR: pointer; BORDER-BOTTOM: #ccc 1px solid } #single_col #invite_page #mail_list .row { CLEAR: both; CURSOR: pointer; BORDER-BOTTOM: #ccc 1px solid } #buddy_list .row .checkbox { DISPLAY: block; FLOAT: left; WIDTH: 20px } #single_col #invite_page #mail_list .row .checkbox { DISPLAY: block; FLOAT: left; WIDTH: 20px } #buddy_list .row .name { DISPLAY: block; FLOAT: left; WIDTH: 150px } #single_col #invite_page #mail_list .row .name { DISPLAY: block; FLOAT: left; WIDTH: 250px } #buddy_list .row .status { DISPLAY: block; FLOAT: left; WIDTH: 150px } #single_col #invite_page #mail_list .row .status { DISPLAY: block; FLOAT: left; WIDTH: 150px } #buddy_list .row .email { DISPLAY: block; FLOAT: left; OVERFLOW: hidden; WIDTH: 250px } #single_col #invite_page #mail_list .row .email { DISPLAY: block; FLOAT: left; OVERFLOW: hidden; WIDTH: 250px } #buddy_list #select_all { COLOR: #00f; TEXT-DECORATION: underline } #single_col #invite_page #select_all { COLOR: #00f; TEXT-DECORATION: underline } #single_col #invite_page .rowf { MARGIN: 10px 0px } #single_col #invite_page .rowf .checkbox { DISPLAY: block; FLOAT: left; WIDTH: 20px } #single_col #invite_page .rowf .name { DISPLAY: block; FLOAT: left; WIDTH: 250px } #single_col #invite_page .rowf .status { DISPLAY: block; FLOAT: left; WIDTH: 150px } #single_col #invite_page .rowf .email { DISPLAY: block; FLOAT: left; OVERFLOW: hidden; WIDTH: 250px } #single_col #add2blog #mail_list .row { CLEAR: both; CURSOR: pointer; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 20px } #single_col #add2blog #mail_list .row .checkbox { DISPLAY: block; FLOAT: left; WIDTH: 20px } #single_col #add2blog #mail_list .row .name { DISPLAY: block; FLOAT: left; WIDTH: 150px } #single_col #add2blog #mail_list .row .status { DISPLAY: block; FLOAT: left; WIDTH: 150px } #single_col #add2blog #mail_list .row .email { DISPLAY: block; FLOAT: left; OVERFLOW: hidden; WIDTH: 250px } #single_col #add2blog #select_all { COLOR: #00f; TEXT-DECORATION: underline } #single_col #add2blog .rowf { MARGIN: 10px 0px } UNKNOWN { MARGIN: 0px } #single_col #add2blog .rowf .checkbox { DISPLAY: block; FLOAT: left; WIDTH: 20px } #single_col #add2blog .rowf .name { DISPLAY: block; FLOAT: left; WIDTH: 150px } #single_col #add2blog .rowf .status { DISPLAY: block; FLOAT: left; WIDTH: 150px } #single_col #add2blog .rowf .email { DISPLAY: block; FLOAT: left; OVERFLOW: hidden; WIDTH: 250px } #single_col #add2blog #mail_list { CLEAR: both; BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; OVERFLOW-X: hidden; MARGIN: -15px 0px 0px; OVERFLOW: auto; BORDER-LEFT: #333 1px solid; WIDTH: 700px; BORDER-BOTTOM: #333 1px solid; HEIGHT: 305px } UNKNOWN { MARGIN-TOP: -13px } #single_col .add2blog INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; POSITION: relative; TOP: 0px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #single_col #search_user { MARGIN: 20px 0px } #single_col #search_user INPUT { MARGIN: 3px 0px 0px; FONT: 1.5em Arial, Helvetica, sans-serif } #single_col #search_user INPUT.button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; POSITION: relative; TOP: 0px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #single_col #single_login INPUT.fpbutton { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; COLOR: #fff; POSITION: relative; TOP: 0px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #col0 #dnaDes H3 { MARGIN: 10px 0px; FONT: bold 1.3em Arial, Helvetica, sans-serif; COLOR: #c00 } #col0 #dnaDes UL.gray LI { MARGIN: 5px 0px; COLOR: #666; LINE-HEIGHT: 18px } #col0 #dnaDes P { FONT: 1.2em Arial, Helvetica, sans-serif; TEXT-ALIGN: justify } INPUT.lrg_lrg { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg_lrg_lrg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 250px; CURSOR: pointer; COLOR: #fff; POSITION: relative; TOP: 0px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #col0 #dnaDes INPUT.lrg_lrg { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg_lrg_lrg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 250px; CURSOR: pointer; COLOR: #fff; POSITION: relative; TOP: 0px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #col0 #dnaDes .dna_content P { MARGIN: 10px 0px; FONT: 1em Arial, Helvetica, sans-serif } #col0 #dnaDes .dna_content LI { MARGIN: 5px 0px; FONT: bold 1em Arial, Helvetica, sans-serif } #single_col #mindtest LI { FONT: 1em Arial, Helvetica, sans-serif } #single_col #mindtest { } #footer { BACKGROUND: #fff; WIDTH: 100%; HEIGHT: 80px } #footer #text { PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 15px; MARGIN: 20px 0px 0px; WIDTH: 100%; PADDING-TOP: 15px } #footer #logo_s { FLOAT: right; MARGIN: -40px 0px 0px } SPAN.a { CURSOR: pointer; COLOR: #036; TEXT-DECORATION: none } #header #text_links A { CURSOR: pointer; COLOR: #036; TEXT-DECORATION: none } #footer A { CURSOR: pointer; COLOR: #036; TEXT-DECORATION: none } SPAN.aHover { BACKGROUND: #ceddff; CURSOR: pointer; COLOR: #036 } #header #text_links A:hover { BACKGROUND: #ceddff; CURSOR: pointer; COLOR: #036 } #footer A:hover { BACKGROUND: #ceddff; CURSOR: pointer; COLOR: #036 } .error_inner { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .error_inner .button { TEXT-ALIGN: center } .error_inner BUTTON { FONT: 1em Arial, Helvetica, sans-serif } #float_user_menu { BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ccc 1px solid; WIDTH: 88px; CURSOR: default; BORDER-BOTTOM: #aaa 1px solid } #float_user_menu DIV.inner { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } #float_user_menu SPAN { DISPLAY: block; MARGIN: 0px 0px 5px } #float_user_menu A { BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; COLOR: #00f; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #float_user_menu A:hover { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: underline } #welcome_nickname_float { COLOR: #00f } #welcome_nickname { COLOR: #00f } #welcome_nickname_float IMG { MARGIN: 0px 0px 0px 3px } #welcome_nickname IMG { MARGIN: 0px 0px 0px 3px } #user_avatar_small IMG { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; MARGIN: 0px 5px 0px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } .viewall A { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 1px solid; WIDTH: 200px; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; TEXT-DECORATION: none } .viewall A:hover { BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #eee; BORDER-LEFT: #666 1px solid; COLOR: #000; BORDER-BOTTOM: #666 1px solid } .sys { FONT: bold 1.2em Arial, Helvetica, sans-serif; COLOR: #77a7ff } .time { FONT: 0.8em Arial, Helvetica, sans-serif } .pagenation { CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 10px } .pagenation A { BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px dashed; PADDING-LEFT: 10px; BACKGROUND: #fadef2; PADDING-BOTTOM: 1px; MARGIN: 5px 2px 0px 0px; FONT: bold 2.5em Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 1px dashed; COLOR: #333; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px dashed; TEXT-DECORATION: none } .pagenation A.current { BACKGROUND: #d3253c; COLOR: #fff } .pagenation A:hover { BACKGROUND: #d3253c; COLOR: #fff } #whatsdis { BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; Z-INDEX: 1; BACKGROUND: #eee; LEFT: -1000px; PADDING-BOTTOM: 5px; BORDER-LEFT: #666 1px solid; WIDTH: 300px; PADDING-TOP: 5px; BORDER-BOTTOM: #666 1px solid; POSITION: absolute; TOP: -1000px } SPAN.helper { MARGIN: 0px 0px 0px 10px; FONT: 9pt Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #666 } SPAN.helperHover { MARGIN: 0px 0px 0px 10px; FONT: 9pt Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #06f } #rt { BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100% } #rt TD { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: top; BORDER-RIGHT-WIDTH: 0px } #rt TD.resizer { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #ddd; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 5px; CURSOR: e-resize; BORDER-RIGHT-WIDTH: 0px } #rt TD.resizer_init { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/onDrag_.gif); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 5px; CURSOR: e-resize; BORDER-RIGHT-WIDTH: 0px } #rt TD.tail { BORDER-RIGHT: #fff 1px dashed } #rt DIV.content { OVERFLOW: hidden } HTML #rt DIV.content { OVERFLOW: hidden } #rt DIV.search_artist { FLOAT: left; WIDTH: 185px } #rt DIV.search_album { FLOAT: left; WIDTH: 185px } #rt DIV.search_name { PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: #f00 5px solid; PADDING-TOP: 1px; HEIGHT: 20px } #rt DIV.search_name A { DISPLAY: block; COLOR: #333; TEXT-DECORATION: none } HTML #rt DIV.search_picture { POSITION: relative } #col_logFondSingers DIV.search_name { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px } #col_japanKoreaSingers DIV.search_name { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px } #col_eurAmericanSingers DIV.search_name { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px } #col_chinaSingers DIV.search_name { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px } HTML #col_logFondSingers DIV.search_picture { LEFT: 0px; POSITION: relative } HTML #col_japanKoreaSingers DIV.search_picture { LEFT: 0px; POSITION: relative } HTML #col_eurAmericanSingers DIV.search_picture { LEFT: 0px; POSITION: relative } HTML #col_chinaSingers DIV.search_picture { LEFT: 0px; POSITION: relative } #rt DIV.search_artist SPAN.a { BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 13px; PADDING-LEFT: 20px; BACKGROUND: #eee; PADDING-BOTTOM: 0px; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 5px solid; CURSOR: pointer; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #bbb 1px solid } #rt DIV.search_artist SPAN.aHover { BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 13px; PADDING-LEFT: 20px; BACKGROUND: #c00; PADDING-BOTTOM: 0px; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #666 5px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #333 1px solid } #rt DIV.search_artist .buttons { MARGIN: 5px 0px } #rt SPAN.psign { MARGIN: -8px 0px 0px -17px; FONT: bold 2em Arial, Helvetica, sans-serif; POSITION: absolute } .survery_canvas#single_col { PADDING-RIGHT: 0px; PADDING-LEFT: 120px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .survery_canvas#single_col .survey { MARGIN: 20px 0px } #asdf { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #survery_canvas { PADDING-RIGHT: 0px; PADDING-LEFT: 100px; LEFT: 100px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; POSITION: absolute; TOP: 30px } HTML #survery_canvas { PADDING-RIGHT: 0px; PADDING-LEFT: 70px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 10px; POSITION: absolute } #survery_canvas P { MARGIN: 0px; WIDTH: 700px } #survery_canvas P:first-letter { MARGIN: 0px 0px 0px 24px } .survery_canvas#single_col H1 { MARGIN: 10px 0px } #sideSurveyInner H1 { MARGIN: 10px 0px } #survery_canvas H1 { MARGIN: 10px 0px } .survery_canvas#single_col INPUT.submit { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px 0px 0px 20px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; CURSOR: pointer; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #sideSurveyInner INPUT.submit { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px 0px 0px 20px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; CURSOR: pointer; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } #survery_canvas INPUT.submit { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_login_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px 0px 0px 20px; FONT: bold 12pt Arial, Helvetica, sans-serif; WIDTH: 94px; CURSOR: pointer; COLOR: #fff; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px } .survery_canvas#single_col TEXTAREA { MARGIN: 5px 0px 0px 20px; FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 300px; HEIGHT: 50px } #survery_canvas TEXTAREA { MARGIN: 5px 0px 0px 20px; FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 300px; HEIGHT: 50px } #sideSurveyInner TEXTAREA { MARGIN: 5px 0px 0px 20px; FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 200px; HEIGHT: 50px } .search#single_col H2 { MARGIN: 0px 0px 10px } .singers#single_col { } .singers#single_col DIV.search_artist { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .singers#single_col DIV.search_picture { MARGIN: 0px } .singers#single_col DIV.inner { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .singers#single_col DIV.inner DIV.inner { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px } .singers#single_col #rt TD.resizer { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #ddd; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 5px; CURSOR: e-resize; BORDER-RIGHT-WIDTH: 0px } .singers#single_col #rt TD.resizer_init { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/onDrag_.gif); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 5px; CURSOR: e-resize; BORDER-RIGHT-WIDTH: 0px } #single_col { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 20px } #single_col #row0 { } #single_col #row1 { OVERFLOW: hidden; HEIGHT: auto } #single_col #row1 #photo { BORDER-RIGHT: #b9f2ff 1px solid; BORDER-TOP: #b9f2ff 1px solid; BACKGROUND: url(/images/bg_texture.gif); FLOAT: right; BORDER-LEFT: #b9f2ff 1px solid; WIDTH: 295px; BORDER-BOTTOM: #b9f2ff 1px solid; HEIGHT: 278px; TEXT-ALIGN: center } #single_col #row1 #analysis { FLOAT: left; MARGIN: 0px 0px 0px 12px; WIDTH: 190px; HEIGHT: 200px } #single_col #row1 #analysis .rank { MARGIN: 30px 0px 0px; FONT: bold 3.5em Arial, Helvetica, sans-serif; COLOR: #f00 } #single_col #row1 #analysis .offset { MARGIN: -46px 0px 0px 70px; FONT: bold 2.5em Arial, Helvetica, sans-serif; COLOR: #ccc; POSITION: absolute } #single_col #row1 #photo .like { MARGIN: 10px 0px 0px } #single_col #row1 #player { FLOAT: left; MARGIN: 0px; WIDTH: 650px; HEIGHT: 305px } #single_col #row2 { DISPLAY: none } #single_col #row3 { HEIGHT: 650px } #single_col #row3 #comboIntro { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 15px 0px 0px; HEIGHT: auto; BORDER-RIGHT-WIDTH: 0px } #single_col #row3 #comboIntro #comboIntro_content { CLEAR: left; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ff7105 1px solid; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 637px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: auto } #single_col #row3 #tallAd { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #eee; FLOAT: right; MARGIN: 15px 0px 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 296px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 600px } DIV.hr { BORDER-TOP: #ccc 1px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 10px; OVERFLOW: hidden; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px } DIV.hr2 { BORDER-TOP: #eee 1px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 1px; OVERFLOW: hidden; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px } #comboIntro_content P:first-letter { MARGIN: 0px } #comboIntro_content .post .body P:first-letter { MARGIN: 0px } #comboIntro_content .post .quotation P:first-letter { MARGIN: 0px } #comboIntro_content .operations { } #comboIntro_content .operations SPAN { BORDER-BOTTOM: #ccc 1px solid } #single_col #row3 #comboIntro #comboIntro_content .picture { MARGIN: 0px 5px } #single_col #row3 #comboIntro #comboIntro_content .picture IMG { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid } #single_col #row3 #comboIntro #comboIntro_content .profile P:first-letter { MARGIN: 0px } .post { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; MIN-HEIGHT: 95px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; BORDER-LEFT: #ccc 5px solid; PADDING-TOP: 5px; HEIGHT: 95px } .post .title { FONT: bold 1.2em Arial, Helvetica, sans-serif } .post .body { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 5px 0px 0px; FONT: 1em Arial, Helvetica, sans-serif; PADDING-TOP: 0px } .post .quotation { BORDER-RIGHT: #bbb 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #bbb 1px dashed; PADDING-LEFT: 10px; BACKGROUND: #fcfcfc; PADDING-BOTTOM: 10px; MARGIN: 5px 0px 0px; FONT: 1em Arial, Helvetica, sans-serif; BORDER-LEFT: #bbb 1px dashed; COLOR: #888; PADDING-TOP: 15px; BORDER-BOTTOM: #bbb 1px dashed } .post .quotation P { MARGIN: 0px } .post .from { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: -23px 0px 0px 330px; COLOR: #aaa; PADDING-TOP: 0px; POSITION: absolute } .post SPAN.reply { BORDER-RIGHT: #f90 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #f90 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; BORDER-LEFT: #f90 1px solid; COLOR: #333; PADDING-TOP: 3px; BORDER-BOTTOM: #f90 1px solid } .post SPAN.replyHover { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 3px; BACKGROUND: #ff3333; PADDING-BOTTOM: 3px; BORDER-LEFT: #999 1px solid; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid } .post .replythis { MARGIN: -15px 0px 0px 830px; POSITION: absolute } .post .attachment_picture { OVERFLOW-X: hidden } .post INPUT { FONT: 9pt Arial, Helvetica, sans-serif } .post TEXTAREA { FONT: 9pt Arial, Helvetica, sans-serif } .topic { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 23px } .topic .post_count { DISPLAY: block; FLOAT: left; WIDTH: 30px } .topic .avatar { DISPLAY: block; FLOAT: left; WIDTH: 25px } .topic .title { DISPLAY: block; FLOAT: left; FONT: 1.2em Arial, Helvetica, sans-serif; WIDTH: 290px } .topic .user { DISPLAY: block; FLOAT: left; MARGIN: -1px 0px 0px; FONT: 1em Arial, Helvetica, sans-serif; OVERFLOW: hidden; WIDTH: 60px } .topic .time { DISPLAY: block; FLOAT: left; WIDTH: 100px } .topic .buttons { DISPLAY: block; FLOAT: left; MARGIN-LEFT: 2px } .topic .buttonsHover { DISPLAY: block; FLOAT: left; MARGIN-LEFT: 2px } .view#single_col #comboIntro_content { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; HEIGHT: auto; BORDER-RIGHT-WIDTH: 0px } #replyForm INPUT { FONT: 1em Arial, Helvetica, sans-serif } #replyForm TEXTAREA { FONT: 1em Arial, Helvetica, sans-serif } .view#single_col .topic .title { DISPLAY: block; FLOAT: left; FONT: 1.2em Arial, Helvetica, sans-serif; WIDTH: 590px } .view#single_col .admin .title { DISPLAY: block; FLOAT: left; FONT: 1.2em Arial, Helvetica, sans-serif; WIDTH: 500px } #newsData DIV { CLEAR: both; WIDTH: 100% } #newsData SPAN { FLOAT: left; CURSOR: pointer } #newsData A { FLOAT: left } SPAN.refresh_message { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #069; BORDER-BOTTOM: #ccc 1px solid } SPAN.refresh_messageHover { BACKGROUND: #eee; FONT: 1em Arial, Helvetica, sans-serif; COLOR: #069; BORDER-BOTTOM: #ccc 1px solid } .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-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px } .currentSurveyClass { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(/images/currentSurveyClass.gif) no-repeat 0px 0px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #c00 2px solid } DIV.button BUTTON { HEIGHT: 25px } #message_history { } .onlineUsers#single_col .auser { FLOAT: left; WIDTH: 300px } #addFavSongFromKeywords { } #addFavSongFromKeywords .button { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/button_thin_semi_long.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 126px; COLOR: #fff; HEIGHT: 23px; BORDER-RIGHT-WIDTH: 0px } .bgtop { BACKGROUND: url(/javascripts/res/bgTop.png) no-repeat; WIDTH: 210px; HEIGHT: 8px } HTML .bgtop { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop.png,sizingMethod=image); OVERFLOW: hidden } .bgbody { BACKGROUND: url(/javascripts/res/bgBody.png) repeat-y; HEIGHT: auto } .bgbottom { BACKGROUND: url(/javascripts/res/bgBottom.png) no-repeat; WIDTH: 210px; HEIGHT: 8px } HTML .bgbottom { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom.png,sizingMethod=image); OVERFLOW: hidden } .bgtop_w950 { BACKGROUND: url(/javascripts/res/bgTop950.png) no-repeat; WIDTH: 950px; HEIGHT: 8px } HTML .bgtop_w950 { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop950.png,sizingMethod=image); OVERFLOW: hidden } .bgbody_w950 { BACKGROUND: url(/javascripts/res/bgBody950.png) repeat-y; HEIGHT: auto } HTML .bgbody_w950 { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBody950.png,sizingMethod=scale); WIDTH: 950px } .bgbottom_w950 { BACKGROUND: url(/javascripts/res/bgBottom950.png) no-repeat; WIDTH: 950px; HEIGHT: 8px } HTML .bgbottom_w950 { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom950.png,sizingMethod=image); OVERFLOW: hidden } .bgtop_w235 { BACKGROUND: url(/javascripts/res/bgTop235.png) no-repeat; WIDTH: 235px; HEIGHT: 8px } HTML .bgtop_w235 { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop235.png,sizingMethod=image); OVERFLOW: hidden } .bgbody_w235 { BACKGROUND: url(/javascripts/res/bgBody235.png) repeat-y; WIDTH: 235px; HEIGHT: auto } .bgbottom_w235 { BACKGROUND: url(/javascripts/res/bgBottom235.png) no-repeat; WIDTH: 235px; HEIGHT: 8px } HTML .bgbottom_w235 { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom235.png,sizingMethod=image); OVERFLOW: hidden } .bgtop_w735 { BACKGROUND: url(/javascripts/res/bgTop735.png) no-repeat; WIDTH: 735px; HEIGHT: 8px } HTML .bgtop_w735 { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgTop735.png,sizingMethod=image); OVERFLOW: hidden } .bgbody_w735 { BACKGROUND: url(/javascripts/res/bgBody735.png) repeat-y; WIDTH: 735px; HEIGHT: auto } .bgbottom_w735 { BACKGROUND: url(/javascripts/res/bgBottom735.png) no-repeat; WIDTH: 735px; HEIGHT: 8px } HTML .bgbottom_w735 { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/javascripts/res/bgBottom735.png,sizingMethod=image); OVERFLOW: hidden } #v2topmsk { BACKGROUND: url(/images/v2topmsk.png) no-repeat; WIDTH: 950px; HEIGHT: 150px } HTML #v2topmsk { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/v2topmsk.png,sizingMethod=image); OVERFLOW: hidden } #testimonial { MARGIN: 20px 0px 0px } #say { BACKGROUND: url(/images/say.png) no-repeat; WIDTH: 29px; HEIGHT: 21px } HTML #say { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/say.png,sizingMethod=image); OVERFLOW: hidden } #tag_container { WORD-SPACING: 6px } #tag_container A { COLOR: #666; TEXT-DECORATION: none } #song_container_index { } #singer_container .topicb { CLEAR: both; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; HEIGHT: 20px } #singer_container .topicb .rank { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 30px; PADDING-TOP: 0px; TEXT-ALIGN: right } #singer_container .topicb .singer { DISPLAY: block; FLOAT: left; FONT: 1em Arial, Helvetica, sans-serif; WIDTH: 60px; HEIGHT: 20px } #singer_container .topicb .like { DISPLAY: block; FLOAT: left; FONT: 1em Arial, Helvetica, sans-serif; OVERFLOW: hidden; WIDTH: 60px } UNKNOWN { DISPLAY: block; FLOAT: left; FONT: 1em Arial, Helvetica, sans-serif; OVERFLOW: hidden; WIDTH: 62px; HEIGHT: 20px; TEXT-ALIGN: right } HTML #singer_container .topicb .like { DISPLAY: block; FLOAT: left; FONT: 1em Arial, Helvetica, sans-serif; OVERFLOW: hidden; WIDTH: 62px; HEIGHT: 20px; TEXT-ALIGN: right } #singer_container .topicb .singer A { FONT: 1em Arial, Helvetica, sans-serif; COLOR: #666; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #singer_container .topicb .singer A:hover { BACKGROUND: #eee; FONT: 1em Arial, Helvetica, sans-serif; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; TEXT-DECORATION: none } #v2index #player_outer { } .frameborder { BACKGROUND: url(/images/frame.png) no-repeat; MARGIN: -166px 0px 0px 20px; WIDTH: 163px; POSITION: absolute; HEIGHT: 163px } HTML .frameborder { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/frame.png,sizingMethod=image); MARGIN: -170px 0px 0px 20px; OVERFLOW: hidden; WIDTH: 163px; POSITION: relative; HEIGHT: 163px } .framepause { BACKGROUND: url(/images/framepause.png) no-repeat; MARGIN: -166px 0px 0px 20px; WIDTH: 163px; POSITION: absolute; HEIGHT: 163px } HTML .framepause { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/framepause.png,sizingMethod=image); MARGIN: -170px 0px 0px 20px; OVERFLOW: hidden; WIDTH: 163px; POSITION: relative; HEIGHT: 163px } SPAN.gift { COLOR: #c00; BORDER-BOTTOM: #c00 1px solid } SPAN.giftHover { BACKGROUND: #c00; COLOR: #fff } #songPage { MARGIN: 0px } #songPage .frameborder { BACKGROUND: url(/images/frame.png) no-repeat; MARGIN: -156px 0px 0px -5px; WIDTH: 163px; POSITION: absolute; HEIGHT: 163px } HTML #songPage .frameborder { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/frame.png,sizingMethod=image); MARGIN: -160px 0px 0px -5px; OVERFLOW: hidden; WIDTH: 163px; POSITION: relative; HEIGHT: 163px } UNKNOWN { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/frame.png,sizingMethod=image); MARGIN: -160px 0px 0px -5px; OVERFLOW: hidden; WIDTH: 163px; POSITION: relative; HEIGHT: 163px } #songPage .framepause { BACKGROUND: url(/images/framepause.png) no-repeat; MARGIN: -156px 0px 0px -5px; WIDTH: 163px; POSITION: absolute; HEIGHT: 163px } HTML #songPage .framepause { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/framepause.png,sizingMethod=image); MARGIN: -160px 0px 0px -5px; OVERFLOW: hidden; WIDTH: 163px; POSITION: relative; HEIGHT: 163px } UNKNOWN { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/framepause.png,sizingMethod=image); MARGIN: -160px 0px 0px -5px; OVERFLOW: hidden; WIDTH: 163px; POSITION: relative; HEIGHT: 163px } #songPage #col0 { FLOAT: left; OVERFLOW: hidden; WIDTH: 215px } #songPage #col1 { FLOAT: left; WIDTH: 735px } .abloc { MARGIN-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: #aaa 1px solid; HEIGHT: auto } .abloc .inner { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .abloc .title { FONT: bold 1.2em Arial, Helvetica, sans-serif; COLOR: #888 } .abloc .avatar { BACKGROUND: #fff; FLOAT: left; WIDTH: 65px; HEIGHT: 80px } .abloc .avatar .img { TEXT-ALIGN: center } .abloc .avatar .name { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; HEIGHT: 20px; TEXT-ALIGN: center } #songPage #col1 #col_left { BORDER-RIGHT: #ddd 1px solid; FLOAT: left; MARGIN-LEFT: 1px; WIDTH: 50% } #songPage #col1 #col_right { FLOAT: left; WIDTH: 49% } #kacakaca { BACKGROUND: url(/images/kaca.png); MARGIN: -266px 0px 0px 187px; OVERFLOW: hidden; WIDTH: 22px; POSITION: absolute; HEIGHT: 266px } HTML #kacakaca { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/kaca.png,sizingMethod=image); MARGIN: -266px 0px 0px 187px; OVERFLOW: hidden; WIDTH: 22px; POSITION: absolute; HEIGHT: 266px } .bgmlst { BACKGROUND: url(/images/bgmlst.gif) #fff } .filter { } .filter UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .filter UL LI { LIST-STYLE-TYPE: none } .filter UL LI SPAN { DISPLAY: block; PADDING-LEFT: 17px; BACKGROUND: url(/images/radios.png) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 100px; CURSOR: pointer; HEIGHT: 17px } .filter UL LI SPAN.current { BACKGROUND: url(/images/radios.png) no-repeat 0px -34px } #bigtabs UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } #bigtabs UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #bigtabs UL LI SPAN { BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-LEFT: 1px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px 1px; BORDER-LEFT: #ccc 1px solid; WIDTH: 60px; COLOR: #bbb; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: center } #bigtabs UL LI SPAN.Hover { COLOR: #f90 } #bigtabs UL LI SPAN.cur { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; MARGIN: 0px 1px; BORDER-LEFT: #333 1px solid; COLOR: #000; BORDER-BOTTOM: #fff 1px solid } #bigtabs UL LI SPAN.curHover { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; MARGIN: 0px 1px; BORDER-LEFT: #333 1px solid; COLOR: #000; BORDER-BOTTOM: #fff 1px solid } #songranktable .topicb { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 1px; HEIGHT: 25px } #songranktable .topicb .rank { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #f5ffd9; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 50px; PADDING-TOP: 0px; HEIGHT: 25px } #songranktable .topicb .trend { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #e8faff; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 60px; PADDING-TOP: 0px; HEIGHT: 25px } #songranktable .topicb .songcon { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 496px; PADDING-TOP: 0px; HEIGHT: 25px } #songranktable .topicb .songpoplr { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 147px; PADDING-TOP: 0px; HEIGHT: 25px } #songranktablef .topicb { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 1px; HEIGHT: 20px } #songranktablef .topicb .rank { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #ccc; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 50px; PADDING-TOP: 0px; HEIGHT: 20px } #songranktablef .topicb .trend { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #ccc; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 60px; PADDING-TOP: 0px; HEIGHT: 20px } #songranktablef .topicb .songcon { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #ccc; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 496px; PADDING-TOP: 0px; HEIGHT: 20px } #songranktablef .topicb .songpoplr { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #ccc; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 147px; PADDING-TOP: 0px; HEIGHT: 20px } .poplrcovr { BACKGROUND: url(/images/poplrCvr.png) no-repeat; WIDTH: 152px; POSITION: absolute; HEIGHT: 25px } .ratesya { BACKGROUND: url(/images/ratesya.gif) no-repeat; OVERFLOW: hidden; WIDTH: 152px; POSITION: absolute; HEIGHT: 25px } HTML #songranktable { MARGIN: -20px 0px 0px } #songranktable DIV.asong { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 5px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } #songranktable NOBR.songContainer { BACKGROUND: none transparent scroll repeat 0% 0% } #songranktable DIV.asong .controls { FONT-WEIGHT: bold; MARGIN: 0px 15px 0px 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #999; TEXT-ALIGN: center; TEXT-DECORATION: none } #songranktable DIV.asong .check_box { FLOAT: left } #songranktable DIV.asong .controls_hover { FONT-WEIGHT: bold; MARGIN: 0px 15px 0px 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #0074ca; TEXT-ALIGN: center; TEXT-DECORATION: none } #songranktable DIV.asong .song { MARGIN: 0px 15px 0px 0px; FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #666; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #songranktable #asong_container DIV.asong .song { MARGIN: 0px 15px 0px 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #666; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } #songranktable #asong_container DIV.asong .song_hover { BACKGROUND: #eee; MARGIN: 0px 15px 0px 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; TEXT-DECORATION: none } #songranktable DIV.asong .song_hover { BACKGROUND: #eee; MARGIN: 0px 15px 0px 0px; FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #036; BORDER-BOTTOM: #7dcdf9 1px solid; TEXT-DECORATION: none } #songranktable DIV.asong .singer { MARGIN: 0px 5px; CURSOR: pointer; COLOR: #0099cc } #songranktable DIV.asong SPAN.by { COLOR: #ccc } #songranktable DIV.asong SPAN.time { MARGIN: -27px 10px 0px 0px; COLOR: #666 } #songranktable DIV.asong .recommend { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN: 0px 0px 0px 5px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid } #songranktable DIV.asong .recommend_hover { BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fefefe 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f2090f; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; BORDER-LEFT: #fefefe 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: center } #songranktable DIV.asong .popup_songInfo { MARGIN: 0px 10px 0px 0px; CURSOR: pointer } #songranktable DIV.asong .popup_songInfoHover { BACKGROUND: #fd4304; MARGIN: 0px 10px 0px 0px; CURSOR: pointer } #songranktable DIV.asong .likeornot { MARGIN: 0px 0px 0px 10px; CURSOR: pointer } #songranktable DIV.asong .song_description { } .emuopacity { BACKGROUND: #fff } .pos { Z-INDEX: 999; BACKGROUND: url(/images/pos.png) no-repeat; WIDTH: 121px; POSITION: absolute; HEIGHT: 44px } HTML .pos { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/pos.png,sizingMethod=image); OVERFLOW: hidden; WIDTH: 121px; POSITION: relative; HEIGHT: 44px } UNKNOWN { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/pos.png,sizingMethod=image); OVERFLOW: hidden; WIDTH: 121px; POSITION: relative; HEIGHT: 44px } .add2blog { MARGIN-BOTTOM: 10px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 200px } .blogHint { BORDER-RIGHT: #0066ff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #0066ff 1px solid; PADDING-LEFT: 10px; BACKGROUND: #cae8ff; PADDING-BOTTOM: 10px; FONT: 1.2em Arial, Helvetica, sans-serif; BORDER-LEFT: #0066ff 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #0066ff 1px solid } .blogSuccess { BORDER-RIGHT: #5bec42 1px solid; BORDER-TOP: #5bec42 1px solid; BACKGROUND: #e1ffce; FONT: 1.2em Arial, Helvetica, sans-serif; BORDER-LEFT: #5bec42 1px solid; BORDER-BOTTOM: #5bec42 1px solid }