@charset "UTF-8"; body {padding: 0px; margin: 0px; background-color: #fff; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.8em}
.bg-frame .f-bg-t {background: url(/images/bg_t.png) no-repeat center top}
.bg-frame .f-bg-b {background: url(/images/bg_b.png) no-repeat center bottom}
.frame-cont {width: 985px; overflow: hidden; margin: 0px auto; text-align: left}
.head {position: relative; overflow: hidden; padding: 0px 0px 25px 0px}
.head h1, .head h6 {padding: 0px 0px 0px 15px; margin: 0px}
.head h1 img, .head h6 img {width: 219px; height: 106px; background: url(/images/logo.png) no-repeat left top}
.head .lang {position: absolute; top: 0px; left: 659px; width: 56px; padding-left: 4px; height: 15px; overflow: hidden; font-size: 8px; color: #f1808d; line-height: 13px; text-transform: uppercase; background: url(/images/lang_bg.gif) no-repeat left top}
.head .lang a, .head .lang span {display: block; float: left; overflow: hidden; width: 26px; text-align:center}
.head .lang a {text-decoration: none; color: #fff}
.head .lang span {cursor: default}
.head .mus-or-vid {display: block; padding: 0px; margin: 0px; list-style: none; position: absolute; top: 17px; left: 264px; text-transform: uppercase}
.head .mus-or-vid li, .head .mus-or-vid li a, .head .mus-or-vid li span {display: block; float: left}
.head .mus-or-vid li {padding-right: 5px}
.head .mus-or-vid li a {color: #e2001a}
.head .mus-or-vid span {height: 33px; line-height: 33px; background: url(/images/morv_r.gif) no-repeat right top #e2001a; display: block; color: #fff; cursor: default}
.head .mus-or-vid span span {padding: 0px 10px; background: url(/images/morv_l.gif) no-repeat left top}
.head .mus-or-vid .mus span span span {background: url(/images/morv_music_act.gif) no-repeat left center; padding: 0px 0px 0px 29px}
.head .mus-or-vid .vid span span span {background: url(/images/morv_video_act.gif) no-repeat left center; padding: 0px 0px 0px 28px}
.head .mus-or-vid .mus a span span span {background: url(/images/morv_music.gif) no-repeat left center; padding: 0px 0px 0px 29px}
.head .mus-or-vid .vid a span span span {background: url(/images/morv_video.gif) no-repeat left center; padding: 0px 0px 0px 28px}
.head .mus-or-vid a span {background: none; color: #e2001a; cursor: pointer}
.head .teh-menu {padding: 0px; margin: 0px; list-style: none; display: block; position: absolute; top: 17px; left: 540px}
.head .teh-menu li {display: block; float: left; height: 33px; line-height: 33px; padding-right: 10px}
.head .search {position: absolute; top: 57px; left: 264px; width: 455px; height: 28px; background: url(/images/search_bg.png) no-repeat left top}
.head .search input.text {font-size: 12px; margin: 2px 5px 3px 25px; display: block; border: solid 1px #fff; padding-top: 3px; width: 420px}
.head .search small {display: block; padding-top: 5px; font-size: 11px; color: #ccc; padding-left: 10px}
.head .mts {display: block; position: absolute; top: 25px; right: 65px}
a img {border: none}
a {text-decoration: underline; color: #666; outline: none}
a:hover {text-decoration: none}
.main-frame {overflow: hidden; padding-bottom: 20px}
.main-frame .mf-container {width: 100%; float: right; margin-left: -730px}
.main-frame .mf-right {margin-left: 740px; overflow: hidden}
.main-frame .mf-left {width: 730px; float: left; overflow: hidden}
.menu {background: url(/images/menu_top.png) no-repeat left top; margin-bottom: 10px}
.menu .I {background: url(/images/menu_bg.png) repeat-y left top}
.menu ul {background: url(/images/menu_bot.png) no-repeat left bottom; padding: 0px 1px 4px 1px; margin: 0px; list-style: none; overflow: hidden}
.fav.act .menu-items {background: url(/images/menu_fav_hover2.png) no-repeat left bottom #F9F9F9}
.menu ul li {border-top: solid 1px #dedede; overflow: hidden}
.menu .reg-and-login {height: 42px; position: relative}
.menu .reg-and-login a {color: #0a83ab; position: absolute; top: 12px}
.menu .reg-and-login a.log, .menu .reg-and-login a.user {left: 25px}
.menu .reg-and-login a.user {width: 112px; display: block; overflow: hidden; background: url(/images/ico_user.gif) no-repeat left center; padding-left: 25px}
.menu .reg-and-login a.reg {right: 25px}
.menu ul a {display: block; padding: 10px 35px 10px 24px; overflow: hidden; text-decoration: none}
.menu ul a.disable {cursor: default; color: #999}
.menu ul .fav a:hover {background: url(/images/menu_fav_hover.png) no-repeat left bottom #fff}
.menu ul .fav.act a:hover {background-image: none}
.menu ul a span {display: block; padding-left: 25px}
.menu ul a.class1 span {background: url(/images/ico_class1.gif) no-repeat left center}
.menu ul a.class2 span {background: url(/images/ico_class2.gif) no-repeat left center}
.menu ul a.class3 span {background: url(/images/ico_class3.gif) no-repeat left center}
.menu ul a.class4 span {background: url(/images/ico_class4.gif) no-repeat left center}
.menu ul a.class5 span {background: url(/images/ico_class5.gif) no-repeat left center}
.menu ul .disable a.class1 span {background: url(/images/ico_class1_d.gif) no-repeat left center}
.menu ul .disable a.class2 span {background: url(/images/ico_class2_d.gif) no-repeat left center}
.menu ul .disable a.class3 span {background: url(/images/ico_class3_d.gif) no-repeat left center}
.menu ul .disable a.class4 span {background: url(/images/ico_class4_d.gif) no-repeat left center}
.menu ul .disable a.class5 span {background: url(/images/ico_class5_d.gif) no-repeat left center}
.menu ul .fav ul span {background-image: none; padding-left: 0px}
.menu ul ul {background-image: none; padding: 0px 0px 10px 15px; overflow: hidden; background-color: #f9f9f9}
.menu ul ul li {border: none; font-size: 0.85em; position: relative}
.menu ul .act a {background-color: #f9f9f9; color: #3a3a3a}
.menu ul ul li a {color: #333; line-height: 1em; padding: 3px 5px; margin-left: 30px}
.menu ul ul li div {display: block; position: absolute; top: 10px; left: 8px}
.menu ul ul li a:hover {background-color: #fff}
.menu ul ul li a span {display: block; padding: 2px 0px}
.track, a.artist, .menu .track:hover, .menu .artist:hover, .music-data td a {text-decoration: none}
.track:hover, a.artist:hover, .music-data td a:hover {text-decoration: underline}
.track {color: #333}
.artist {color: #e00407}
.menu ul ul li.all {padding: 5px 0px 5px 15px; height: 18px; overflow: hidden; clear: both}
.menu ul ul li.all a, .scroll-block .all a, .all-singl a {height: 18px; line-height: 18px; background: url(/images/menu_all_r.png) no-repeat right top!important; padding: 0px 10px 0px 0px; overflow: hidden; display: block; float: left; text-decoration: none}
.menu ul ul li.all a {margin-left: 10px}
.scroll-block .all.two a {background: url(/images/menu_all_r2.png) no-repeat right top!important}
.menu ul ul li.all a span, .scroll-block .all a span, .all-singl a span {padding: 0px 0px 0px 10px!important; background: url(/images/menu_all_l.png) no-repeat left top!important; display: block; float: left; cursor: pointer; overflow: hidden}
.scroll-block .all.two a span {background: url(/images/menu_all_l2.png) no-repeat left top!important}
.all-singl {overflow: hidden; font-size:0.9em; padding-top: 15px}
.menu a {outline: none}
.menu ul .inact ul {display: none}
.menu ul .inact a {color: #0a83ab; background: url(/images/menu_inact_bg.png) no-repeat 208px center}
.menu ul em {border-bottom: dashed 1px #0a83ab; font-style: normal}
.menu ul .act em, .menu ul .disable em {border: none}
.menu ul .disable em {color: #999}
.menu ul .inact ul span {border: none}
.menu ul .inact ul a {background-image: none}
.menu ul a:hover {background-color: #fff}
.corn-grad .p, .stroke-block .p {height: 15px; position: relative; overflow: hidden; padding: 0px 15px}
.corn-grad .center, .stroke-block .center {height: 15px; overflow: hidden}
.corn-grad .t .center {background-color: #f4f3f3}
.corn-grad .b .center {background: url(/images/gc_b.png) repeat-x left top}
.corn-grad .cg-cont {background: url(/images/gc_c.png) repeat-x left bottom #f4f3f3; overflow: hidden}
.corn-grad.user-view .cg-cont {background: #FFF; padding: 10px 30px}
.corn-grad .cg-cont.search-result {background: url(/images/gc_c2.png) repeat-x left bottom #f4f3f3}
.corn-grad.transp .t .center, .corn-grad.transp .b .center, .corn-grad.transp .cg-cont {background: url(/images/gc_c_transp.png) repeat left top}
.corn-grad .cn {width: 15px; height: 15px; position: absolute; top: 0px}
.corn-grad .cn.l {left: 0px}
.corn-grad .cn.r {right: 0px}
.corn-grad .t .cn.l {background: url(/images/gc_tl.png) no-repeat left top}
.corn-grad.transp .t .cn.l {background: url(/images/gc_tl_transp.png) no-repeat left top}
.corn-grad .t .cn.r {background: url(/images/gc_tr.png) no-repeat left top}
.corn-grad.transp .t .cn.r {background: url(/images/gc_tr_transp.png) no-repeat left top}
.corn-grad .b .cn.l {background: url(/images/gc_bl.png) no-repeat left top}
.corn-grad.transp .b .cn.l {background: url(/images/gc_bl_transp.png) no-repeat left top}
.corn-grad .b .cn.r {background: url(/images/gc_br.png) no-repeat left top}
.corn-grad.transp .b .cn.r {background: url(/images/gc_br_transp.png) no-repeat left top}
.stroke-block .cn {height: 15px; width: 15px; position: absolute; top: 0px}
.stroke-block .t .cn.l {left: 0px; background: url(/images/strock_lt.png) no-repeat left top}
.stroke-block .t .cn.r {background: url(/images/strock_rt.png) no-repeat left top; right: 0px}
.stroke-block .b .cn.l {left: 0px; background: url(/images/strock_lb.png) no-repeat left top}
.stroke-block .b .cn.r {background: url(/images/strock_rb.png) no-repeat left top; right: 0px}
.stroke-block .center {height: 14px; background-color: #fff}
.stroke-block .t .center {border-top: solid 1px #ededed}
.stroke-block .b .center {border-bottom: solid 1px #ededed}
.stroke-block .cg-cont {border-left: solid 1px #ededed; border-right: solid 1px #ededed; background-color: #fff}
.scroll-block {position: relative; overflow: hidden}
h2, .form h1 {padding: 0px 0px 30px 0px; margin: 0px; font-size: 1.5em; color: #333; font-weight: normal; text-transform: uppercase}
.cont h2 {padding-bottom: 0px}
.form h1 {padding: 0px}
h2 a {color: #333; text-decoration: none}
.scroll-block h2 {padding-left: 20px}
h2 span {color: #0a83ab}
.top10 {padding: 0px 15px}
.top10 h2 {padding-bottom: 20px}
ul.select {padding: 0px; margin: 0px; list-style: none; display: block; height: 20px}
.scroll-block ul.select {position: absolute; top: 0px; right: 20px}
ul.select li, ul.select li a, ul.select li span {display: block; float: left; height: 18px; line-height: 18px}
ul.select li {font-size: 0.85em}
ul.select li span {padding-right: 10px; background: url(/images/select_r.gif) no-repeat right top; color: #fff; cursor: default}
ul.select li span span {padding: 0px 0px 0px 10px; background: url(/images/select_l.gif) no-repeat left top}
ul.select li span span span {background: url(/images/select_bg.gif) repeat-x left top; padding: 0px}
ul.select li a span, ul.select li a span span {background: none; color: #666; cursor: pointer}
ul.select li a span span span {border-bottom: dashed 1px #adacac}
ul.select li a {text-decoration: none}
.horizontal_carousel {position:relative; height: 150px; width: 700px}
.scroll-block .horizontal_carousel {margin-left: 15px}
.horizontal_carousel .container {overflow: hidden; position: absolute; z-index: 2; height: 150px; width: 600px; left: 50px}
.horizontal_carousel ul {left:0; list-style: none; margin: 0; padding: 0; position: relative; top: 0; width: 1000%; height: 150px}
.horizontal_carousel ul li {display: block; float: left; margin: 0px; padding: 0px 10px; overflow: hidden; position: relative; height: 150px; width: 100px}
.horizontal_carousel#video ul li {width: 130px}
.horizontal_carousel#photo, .horizontal_carousel#photo .container, .horizontal_carousel#photo ul, .horizontal_carousel#photo ul li {height: 120px}
.horizontal_carousel ul li a {display: block; line-height: 1.2em; overflow: hidden; white-space: nowrap}
.horizontal_carousel .previous_button {background-image: url(/images/button_prew.gif); background-position: center center; left: 15px}
.horizontal_carousel .next_button {background-image: url(/images/button_next.gif); background-position: center center; right: 15px}
.horizontal_carousel .previous_button, .horizontal_carousel .next_button {background-repeat: no-repeat; cursor: pointer; height: 33px; position: absolute; top: 30px; width: 20px; z-index: 10}
.horizontal_carousel .previous_button.previous_button_disabled, .horizontal_carousel .next_button.next_button_disabled {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default}
.horizontal_carousel .cover {margin-bottom: 15px}
.top10 h2 {position: relative}
.top10 h2 img {position: absolute; top: -18px; margin-left: 5px}
.top10 ol {padding: 5px 0px 0px 0px; margin: 0px; list-style: none; overflow: hidden}
.top10 ol li {display: block; position: relative; overflow: hidden; padding: 5px 0px; height: 41px; overflow: hidden; margin-top: 5px; width: 213px}
.top10 ol li.first {height: 141px}
.top10 ol li.hover {background:url(/images/top_10_hover.gif) no-repeat left top}
.top10 ol li.first.hover {background:url(/images/top_10_hover2.gif) no-repeat left top}
.top10 ol span {display: block; width: 31px; height: 31px; background:url(/images/top_bg.png) left top; line-height: 31px; color: #fff; text-align: center; position: absolute; top: 5px; left: 5px}
.top10 ol span.red {background:url(/images/top_bg_red.png) left top}
.top10 ol .flash {width: 19px; height: 19px; position: absolute; top: 11px; left: 11px}
.top10 ol li.hover span, .top10 ol .flash {display: none}
.top10 ol li.hover .flash {display: block}
.top10 ol li a {display: block; margin-left: 46px; margin-right: 15px; overflow: hidden; white-space: nowrap}
.top10 ol li a img {margin-bottom: 10px}
.top10 ol.artist .artist {margin-top: 8px}
.index-news {padding: 0px 0px 20px 20px; overflow: hidden}
.index-news .block {float: left; overflow: hidden; width: 33%}
.index-news .block .container, .news .block .container {width: 100%; float: right; margin-left: -130px}
.index-news .block .cont, .news .block .cont {margin-left: 130px; padding-right: 20px}
.news .block .cont {margin-left: 140px}
.index-news .block a.ill, .news .block ill {display: block; width: 120px; overflow: hidden; float: left}
.index-news .block h3 {display: block; font-weight: normal; margin: 0px; padding: 0px; font-size: 1.3em; padding-bottom: 5px}
.index-news .block h3 a {color: #e2001a}
.bottom {padding-top: 30px; position: relative; overflow: hidden; clear: both; width: 100%}
.bottom .copyright {height: 41px; width: 300px; padding: 22px 0px 0px 20px; font-size: 0.9em; color: #666}
.bottom .created-by {display: block; position: absolute; top: 50px; right: 160px}
.tags {padding: 5px 15px; line-height: 1.8em}
.tags a {color: #0a83ab; text-decoration: none; margin: 0px 5px}
.tags a:hover {text-decoration: underline}
.tags .t1 {font-size: 1.8em}
.tags .t2 {font-size: 1.3em}
.tags .t3 {font-size: 1em}
.tags .t4 {font-size: 0.8em}
.filtr {padding: 0px 15px}
.filtr td {padding: 10px 0px 0px 0px; vertical-align: top}
.filtr td div {position: relative; overflow: hidden}
.filtr strong {color: #3a3a3a; white-space: nowrap; font-weight: normal; display: block; margin-right: 30px; margin-top: 3px}
.filtr ul {height: auto}
.filtr .expand {padding-right: 60px; width: 520px}
.filtr ul li {padding-bottom: 10px; white-space: nowrap}
.filtr .more {position: absolute; right: 0px; top: 0px}
.music-data {clear: both; width: 730px}
.music-data td {height: 35px; vertical-align: middle; overflow: hidden; white-space: nowrap; padding-right: 5px; padding-bottom: 1px; background: url(/images/td_bg.gif) repeat-x left bottom}
.music-data td a {display: block; overflow: hidden}
.music-data td a.track, .music-data td a.album {width: 170px}
.music-data td a.artist {width: 130px}
.music-data thead td {color: #3a3a3a; font-weight: bold; font-size: 0.9em; border-bottom: solid 1px #ededed; background-image: none}
.music-data .last span {display: block; width: 175px; overflow: hidden}
.music-data .last img {margin-right: 4px}
.music-data .order, .music-data .act .last span, .music-data .last .del, .music-data .first a, .music-data .act .first span {display: none}
.music-data .act td {background-color: #f4f3f3; background-image: none}
.music-data .act .last {background: url(/images/td_bg_r.gif) no-repeat right top #f4f3f3}
.music-data .act .first {background: url(/images/td_bg_l.gif) no-repeat left top #f4f3f3}
.music-data .first {width: 60px}
.music-data .act .order, .music-data .act .del {display: inline-block}
.music-data .first div, .music-data .act .first a, .music-data .first span {display: block; float: left; height: 19px}
.music-data .first div {width: 19px; padding: 0px 4px 0px 5px}
.music-data .act .first a, .music-data .first span {width: 13px; line-height: 19px}
.music-data .date {color: #a4a4a4}
.music-data .type {line-height: 20px}
.music-data .type img {display: block; float: left; margin-right: 5px}
ul.tab {display: block; overflow: hidden; padding: 0px; margin: 0px 0px 10px 0px; list-style: none}
ul.tab li, ul.tab li a, ul.tab li span {display: block; float: left}
ul.tab li {line-height: 28px; padding-right: 5px}
ul.tab li span {background: url(/images/piptyk.png) no-repeat center bottom; padding-bottom: 7px; color: #fff; cursor: default}
ul.tab li span span {background: url(/images/tab_r.png) no-repeat right top #e2001a; padding-bottom: 0px}
ul.tab li span span span {background: url(/images/tab_l.png) no-repeat left top; padding: 0px 10px; height: 28px}
ul.tab a {text-decoration: none; color: #e2001a}
ul.tab strong {font-weight: normal}
ul.tab em {border-bottom: dashed 1px #e2001a; font-style: normal}
ul.tab a span, ul.tab a span span, ul.tab a span span span {background: none; color: #e2001a; cursor: pointer}
ul.tab .tr {background: url(/images/ico_track_act.png) no-repeat left center; padding-left: 17px}
ul.tab a .tr {background: url(/images/ico_track.png) no-repeat left center}
ul.tab .al {background: url(/images/ico_album_act.png) no-repeat left center; padding-left: 22px}
ul.tab a .al {background: url(/images/ico_album.png) no-repeat left center}
ul.tab .ar {background: url(/images/ico_atrist_act.png) no-repeat left center; padding-left: 15px}
ul.tab a .ar {background: url(/images/ico_atrist.png) no-repeat left center}
.sort-select {position: relative}
.sort-select div {position: absolute; right: 0px; font-size: 0.85em}
.sort-select div span, .sort-select div a, .sort-select div strong {display: block; float: left}
.sort-select div strong {margin-right: 10px; color: #3a3a3a; line-height: 20px}
.sort-select div a {text-decoration: none; color: #fff; background: url(/images/sort_select_a.png) no-repeat right center; padding-right: 21px; width: 187px; overflow: hidden}
.sort-select div span {background: url(/images/sort_select_r.png) no-repeat right top; padding-right: 10px}
.sort-select div span span {background: url(/images/sort_select_l.png) no-repeat left top; padding: 0px 0px 0px 10px; height: 20px; line-height: 20px}
.sort-select.grey div span {background: url(/images/sort_select_r2.png) no-repeat right top}
.sort-select.grey div span span {background: url(/images/sort_select_l2.png) no-repeat left top}
.track-view .sort-select div span {background: url(/images/sort_select_r3.png) no-repeat right top}
.track-view .sort-select div span span {background: url(/images/sort_select_l3.png) no-repeat left top}
.pagination {text-align:center; padding-top: 25px; clear:both; overflow: hidden;}
.pagination a, .pagination span {margin:0 5px 0; text-decoration:none; padding: 0px 5px; line-height: 19px; height:19px; display: block; float: left;}
.pagination a {color:#e2001a;}
.pagination a:hover, .pagination span.current {color:#333; text-decoration:none;}
.pagination span.current {cursor: default;}
.pagination .prev_page, .pagination .next_page {width: 19px; padding: 0px;}
.pagination .disabled {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2}
.albums-store, .video-store {overflow: hidden; clear: both}
.albums-store {padding-top: 5px}
.albums-store .block, .video-store .block {display: inline-block; vertical-align: top; padding-right: 5px; padding-bottom: 30px; overflow: hidden}
.albums-store .block {width: 113px}
.video-store .block {width: 130px; padding-right: 35px}
.albums-store .block a, .video-store .block a {display: block}
.albums-store .block .cover {width: 103px; height: 105px; padding: 2px 0px 0px 10px; background:url(/images/cd_bg.png) no-repeat left top}
.albums-store .block .cover a {width: 100px; height: 100px; position: relative}
.albums-store .block .cover a span {width: 100px; height: 100px; background: url(/images/cd_light.png) no-repeat left top; cursor: pointer}
.albums-store .block .cover a img, .albums-store .block .cover a span {position: absolute; top: 0px; left: 0px}
.albums-store .block .cover a img {z-index: 1}
.albums-store .block .cover a span {z-index: 2}
.albums-store .block .info, .video-store .block .info {padding: 5px 0px 0px 10px; line-height: 1.4em; overflow: hidden}
.albums-store .block .info {width: 103px}
.video-store .block .info {width: 120px}
p {padding: 1em 0 0; margin: 0px}
.item-tree {position: relative; height: 55px; line-height: 55px; padding: 0px 15px; overflow: hidden; width: 700px}
.item-tree div {position: absolute; top: 0px; width: 15px; height: 55px}
.item-tree div.bg-l {background:url(/images/item_tree_l.png) no-repeat left top; left: 0px}
.item-tree div.bg-r {background:url(/images/item_tree_r.png) no-repeat left top; right: 0px}
.user-view .item-tree div.bg-l {background:url(/images/item_tree_l2.png) no-repeat left top}
.user-view .item-tree div.bg-r {background:url(/images/item_tree_r2.png) no-repeat left top}
.user-view .b .cn.l {background:url(/images/gc_bl2.png) no-repeat left top}
.user-view .b .cn.r {background:url(/images/gc_br2.png) no-repeat left top}
.user-view .b .center {background: #fff}
.item-tree ul {display: block; padding: 0px 10px; margin: 0px; list-style: none; background: url(/images/item_tree_bg.png) repeat-x left top; height: 55px; line-height: 40px; color: #999; font-size: 0.9em; width: 1000px}
.user-view .item-tree ul {background: url(/images/item_tree_bg2.png) repeat-x left top}
.item-tree ul li {float: left; padding-right: 10px}
.item-tree ul li a {color: #999; padding-right: 14px; background: url(/images/tree_a_bg.gif) no-repeat right center}
.item-tree ul li span {color: #999; padding-right: 15px; background: url(/images/tree_span_bg.gif) no-repeat right center}
.artist-view, .video-view {padding: 10px 25px; overflow: hidden}
.artist-view .av-container, .video-view .vv-container {width: 100%; float: right}
.artist-view .av-container {margin-left: -220px}
.video-view .vv-container {margin-left: -300px}
.artist-view .av-cont {margin-left: 220px}
.video-view .vv-cont {margin-left: 300px}
.artist-view .av-photo {width: 200px; float: left}
.video-view .vv-video {float: left; width: 280px; overflow: hidden}
.artist-view h1, .track-view h1, .video-view h1 {color: #333; font-size: 1.9em; font-weight: normal; padding: 0px; margin: 0px}
.artist-view .title {padding-bottom: 15px}
.artist-view .title a, .artist-view .tag a, .track-view .tag a, .video-view .title a, .video-view .tag a {font-size: 0.9em; color: #0a83ab}
.artist-view .tag, .track-view .tag, .video-view .tag {background: url(/images/ico_tag.gif) no-repeat left top; padding: 0px 0px 0px 25px; margin-top: 15px; color: #0a83ab}
.track-sort {display: block; overflow: hidden; padding: 0px 0px 20px 0px; margin: 0px; list-style: none; font-size: 0.9em}
.all-track {padding-top: 15px; overflow: hidden}
.track-sort li, .track-sort li div, .track-sort li a, .all-track div, .all-track a, .track-sort strong {display: block; float: left; height: 29px; line-height: 29px}
.track-sort li {padding-right: 10px}
.track-sort li div {background: url(/images/track_sort_r.gif) no-repeat right top}
.track-sort li div div {background: url(/images/track_sort_l.gif) no-repeat left top; padding: 0px 12px}
.all-track div {background: url(/images/all_track_r.gif) no-repeat right top}
.all-track div div {background: url(/images/all_track_l.gif) no-repeat left top; padding: 0px 12px}
.track-sort li a, .track-sort strong {text-decoration: none; padding-left: 22px}
.all-track a, .all-track strong {text-decoration: none; background-color: #f0f0f0; font-weight: normal}
.track-sort li .ico-track {background: url(/images/ico_track.gif) no-repeat left center #f0f0f0}
.track-sort li .ico-polymelody {background: url(/images/ico_polymelody.gif) no-repeat left center #f0f0f0}
.track-sort li .ico-realtone {background: url(/images/ico_realtone.gif) no-repeat left center #f0f0f0}
.track-sort li .ico-goodok {background: url(/images/ico_goodok.gif) no-repeat left center #f0f0f0}
.track-sort li .ico-track_pc {background: url(/images/ico_track_pc.gif) no-repeat left center #f0f0f0}
.track-sort li span, .all-track span {padding-left: 5px; color: #0a83ab}
.track-view {overflow: hidden; padding: 5px 25px 15px 25px}
.track-view h1 {padding-bottom: 20px}
.track-view .photo {width: 120px; overflow: hidden; float: left}
.track-view .content {width: 370px; float: left}
ul.do-menu {padding: 5px 0px 0px 0px; margin: 0px; list-style: none}
ul.do-menu li {overflow: hidden; padding-top: 10px}
ul.do-menu a:hover {text-decoration: underline}
ul.do-menu a, ul.do-menu a.fav:hover, ul.do-menu .sort-select a:hover {text-decoration: none}
.track-view .sort-select div {position: relative; left: 0px}
ul.do-menu a.fav {color: #0a83ab; padding-left: 23px; background:url(/images/button_fav.png) no-repeat 2px center}
ul.do-menu a.fav span {border-bottom: dashed 1px #0a83ab}
ul.do-menu a.artist {background: url(/images/ico_atrist.png) no-repeat 3px center; padding-left: 23px}
ul.do-menu a.album {background: url(/images/ico_album.png) no-repeat left center; padding-left: 23px}
.track-view {position: relative}
.track-view .order {float: left; width: 190px; overflow: hidden; font-size: 0.9em }
.track-view .order strong {color: #3a3a3a; padding-left: 20px; padding-bottom: 5px; display: block}
.track-view .order a {display: block; height: 31px; width: 159px; padding-left: 20px; line-height: 31px; text-decoration: none}
.track-view .order a span {display: block; padding-left: 20px; line-height: 31px; height: 31px; cursor: pointer}
.track-view .order a.ico-track span {background: url(/images/ico_track.gif) no-repeat -3px center}
.track-view .order a.ico-polymelody span {background: url(/images/ico_polymelody.gif) no-repeat -3px center}
.track-view .order a.ico-realtone span {background: url(/images/ico_realtone.gif) no-repeat -3px center}
.track-view .order a.ico-goodok span {background: url(/images/ico_goodok.gif) no-repeat -2px center}
.track-view .order a.ico-track_pc span {background: url(/images/ico_track_pc.gif) no-repeat -2px center}
.track-view .order a:hover, .track-view .order a.act {background:url(/images/order_a_bg.png) no-repeat left top}
.track-view .order a em {font-style: normal}
.track-view .order a img, .track-view .order a:hover em, .track-view .order a.act em {display: none}
.track-view .order a img {margin: 6px 0px 0px 0px}
.track-view .order a:hover img, .track-view .order a.act img {display: inline}
.track-view a.close {width: 26px; height: 26px; overflow: hidden; position: absolute; top: 5px; right: 20px}
.search-result {padding: 15px 25px; color: #3a3a3a}
.search-result strong {font-size: 2.5em; color: #0a83ab; display: block}
.artist-store {overflow: hidden}
.artist-store .block {display: inline-block; vertical-align: top; padding-right: 20px; padding-bottom: 30px}
.artist-store .block a {display: block}
.artist-store .block .cover {margin-bottom: 15px}
form {padding: 0px; margin: 0px}
.track-order td {padding: 10px 10px 10px 0px; vertical-align: top}
.track-order td label, .track-order td strong {color: #3A3A3A; font-weight: bold; font-size: 0.9em; display: block; padding-bottom: 5px}
.user-view {margin-bottom: 30px}
.user-info {line-height: 45px; height: 45px; position: relative; overflow: hidden}
.user-info img {position: absolute; top: 0px; left: 0px}
.user-info strong {font-size: 18px; color: #333; font-weight: normal; margin-left: 65px}
.user-info a.exit {margin-left: 15px; text-decoration: none; color: #0a83ab; border-bottom: dotted #0a83ab 1px}
.user-info a.edit, .user-info a.edit span {height: 18px; line-height: 18px; display: block; float: left; cursor: pointer}
.user-info a.edit {position: absolute; right: 0px; top: 13px; height: 18px; line-height: 18px; font-size: 11px; color: #0a83ab; text-decoration: none; padding-left: 23px; background: url(/images/edit_l.gif) no-repeat left top}
.user-info a.edit span {padding-right: 10px; background: url(/images/edit_r.gif) no-repeat right top}
.user-view .details {overflow: hidden}
.user-view .details div {float: left; width: 50%; margin-top: 15px}
.user-view .details td {padding: 5px 10px 5px 0px; text-align: right}
.user-view .details td strong {text-align: left; font-weight: normal; display: block; color: #0a83ab}
.user-menu {overflow: hidden; position: relative; margin-bottom: 35px}
.user-menu div {position: absolute; top: 0px; width: 15px; z-index: 3}
.user-menu div.l {background: url(/images/user_menu_l.png) no-repeat right top; left: 0px}
.user-menu div.r {background: url(/images/user_menu_r.png) no-repeat left top; right: 0px}
.user-menu, .user-menu div, .user-menu ul, .user-menu li {height: 55px}
.user-menu ul {padding: 0px 0px 0px 10px; margin: 0px 15px; list-style: none; background: url(/images/user_menu_bg.png) repeat-x left top}
.user-menu li, .user-menu li span, .user-menu li a, .user-menu li em, .user-menu li strong {display: block; float: left}
.user-menu li {padding-right: 18px; padding-top: 17px; height: 38px}
.user-menu li a {text-decoration: none; color: #666}
.user-menu li span {padding-bottom: 6px; background: url(/images/user_menu_titlyk.png) no-repeat center bottom}
.user-menu li span span {background:url(/images/user_span_r.png) no-repeat right top; padding: 0px 10px 0px 0px}
.user-menu li span span span {background:url(/images/user_span_l.png) no-repeat left top; padding: 3px 0px 0px 10px; height: 19px; color: #fff; cursor: default}
.user-menu li em {font-style: normal; display: inline}
.user-menu li a em {border-bottom: dotted 1px #666}
.user-menu li strong {background: url(/images/menu_fav_ico2.png) no-repeat left center; padding-left: 15px; font-weight: normal}
.user-menu li a strong {background: url(/images/menu_fav_ico.png) no-repeat left center}
.user-menu a span, .user-menu a span span, .user-menu a span span span {background-image: none; color: #666; cursor: pointer}
.news h2 {text-transform: none; padding-bottom: 15px}
.news .block {padding-bottom: 40px; overflow: hidden}
.news .block .all {padding-top: 15px}
.news .block .all a {color: #E2001A}
.news .date {font-size: 0.85em; color: #999; padding-bottom: 10px; display: block}
.form.registration, .form.login {padding: 25px 40px; overflow: hidden}
.form label, .form fieldset label {display: block; margin: 15px 0px 3px 0px}
.form fieldset, .form fieldset legend {border: none; padding: 0px; margin: 0px; display: block; overflow: hidden}
.form.login .chek {overflow: hidden; padding-top: 15px}
.form.login .chek div {float: left}
.form.login .chek div label {margin-top: 0px}
.form.login small {padding-left: 10px; font-size: 0.8em}
.form.login a {color: #0A83AB}
#info_label, .error_box {color: #E2001A}
.error_box {padding: 0px; margin: 0px; list-style: none}
.message {width: 100%; height: 50px; position: relative; margin-bottom: 15px}
.message .cont {background-color: #e9e9e9; margin: 0px 15px; height: 50px; line-height: 50px}
.message.error .cont {color: #E2001A}
.message .l, .message .r {position: absolute; top: 0px; width: 15px; height: 50px}
.message .l {left: 0px; background: url(/images/mess_l.png) no-repeat left top}
.message .r {right: 0px; background: url(/images/mess_r.png) no-repeat left top}
.message .close {display: block; position: absolute; top: 12px; right: 15px}
#muzontop10 {margin-top: 3px; margin-bottom: 10px}
.error ul {padding: 10px 0px 10px 20px; margin: 0px; color: #E2001A}
.positionHelper ul {display: block; margin: 0px; padding: 15px 20px 7px 20px; list-style: none; text-align: left; background: url(/images/dd_bg.png) repeat-y left top; font-size: 0.9em}
.positionHelper ul li {border-top: #e5e5e5 solid 1px; padding: 3px 0px}
.positionHelper ul li:first-child {border: none}
.positionHelper ul li a {display: block; padding: 5px 0px; text-decoration: none}
.positionHelper ul li a:hover {color: #949494}
.positionHelper div.bottom {height: 17px!important; width: 219px; background:url(/images/dd_bottom.png) no-repeat left top}
.hidden {position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden}
.fg-menu-container {padding-left: 4px}
.carousel {height: 150px; overflow: hidden}
a.autoload {color: #E2001A; text-decoration: underline}
a.autoload:hover {text-decoration: none}
.youtube {padding: 0px 0px 0px 20px; overflow: hidden; text-align:center}
.autocomplete-w1 {background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px;  _background:none; _margin:0}
.autocomplete {border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px;  _height:350px; _margin:0; _overflow-x:hidden}
.autocomplete .selected {background:#F0F0F0}
.autocomplete div {padding:2px 5px; white-space:nowrap; overflow: hidden;}
.autocomplete strong {font-weight:normal; color:#3399FF}
.autocomplete_filter {border-bottom: 1px dotted #666666; padding: 5px 0px 10px 0px; margin: 0px 5px 10px 5px; height: 46px; overflow: hidden; display: block}
.autocomplete_filter label {display: block; width: 33%; float: left; cursor: pointer; padding: 3px 0px }
 .jcarousel-container {position: relative}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none;  width: 150px; height: 100px}
 .jcarousel-next {z-index: 3; display: none}
.jcarousel-prev {z-index: 3; display: none}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 600px; padding: 0px 50px; margin-left:15px}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 600px; height: 150px}
.jcarousel-skin-tango li {display: inline-block; vertical-align: top; width: 120px}
.jcarousel-skin-tango .videos li {width: 150px}
.jcarousel-skin-tango .jcarousel-item {width: 100px; height: 150px}
.jcarousel-skin-tango .videos .jcarousel-item {width: 130px}
.jcarousel-skin-tango .jcarousel-item a {display: block; overflow: hidden}
.jcarousel-skin-tango .jcarousel-item a.track, .jcarousel-skin-tango .jcarousel-item a.artist {height: 1.2em; line-height: 1.2em}
.jcarousel-skin-tango .jcarousel-item a.cover {margin-bottom: 15px}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin: 0px 10px}
 .jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal {background-repeat: no-repeat; cursor: pointer; height: 33px; position: absolute; top: 30px; width: 20px; z-index: 10}
.jcarousel-skin-tango .jcarousel-next-horizontal {background-image: url(/images/button_next.gif); background-position: center center; right: 15px}
.jcarousel-skin-tango .jcarousel-prev-horizontal {background-image: url(/images/button_prew.gif); background-position: center center; left: 15px}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default}
 .jcarousel-skin-tango .jcarousel-next-vertical {position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position: 0 -32px}
.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position: 0 -64px}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {cursor: default; background-position: 0 -96px}
.jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position: 0 -32px}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: 0 -64px}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default; background-position: 0 -96px}