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

/*
----------------------------------------
01. default elements
----------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1em}

form { width:100%; float:left}
fieldset { width:100%; float:left}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline:0;
}

body { font-family:Arial, Helvetica, sans-serif; background:#f0f0f0}
html, body {}

a { text-decoration:none}
a:hover { text-decoration:underline; outline:0}
a:focus { outline:0}
a:active { outline:0}
a:visited { outline:0}

p { font-size:12px; color:#000000; line-height:1.3em}
p a { color:#000000}

h1 { font-size:80px; color:#FFFFFF; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; text-transform:uppercase}
h1 a{ color:#FFFFFF}

h2 { font-size:34px; color:#000000; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:32px}
h2 a{ color:#000000}

h3 { font-size:15px; color:#000000; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; text-transform:uppercase}
h3 a{ color:#000000}

h5 { font-size:12px; color:#000000}
h5 a{ color:#000000}

.clear { clear:both }

/*
----------------------------------------
02. wrapper
----------------------------------------
*/

.wrapper { width:940px; margin:0 auto}

.button { float:left; background:url(../img/trans01.png) repeat; padding:3px}
.button a { width:154px; height:38px; float:left; background:url(../img/gradient03.gif) no-repeat top left; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-align:center; text-decoration:none; text-transform:uppercase}

.sbHolder { float:left; background:url(../img/bg_select01.png) no-repeat; font-family:Arial, sans-serif; font-size:13px; font-weight:bold; height:34px; position: relative; width:184px}
.sbSelector { display: block; height:33px; left:0px; top:0px; color: #000000; line-height:34px; position: absolute; outline:none; text-indent:11px; width:184px;}
.sbSelector:link { color: #000000; text-decoration: none; }
.sbOptions { background:url(../img/bg_option01.png) no-repeat bottom; list-style:none; left:0; position: absolute; top:31px; width:184px; padding-bottom:3px; z-index:200}
.sbOptions li{ width:184px; height:auto; background:none; margin:0; position:relative}
.sbOptions a{ display: block; color: #333333; text-decoration: none; padding: 5px 11px}
.sbOptions a:hover{ color: #666666}

/*
----------------------------------------
03. header
----------------------------------------
*/

#header { width:100%; height:67px; float:left; background:url(../img/gradient01.png) repeat-x top center; padding:25px 0 0 0}
#header .logo{ float:left}
#header .logo a{ width:152px; height:39px; float:left; background:url(../img/logo_jam.png) no-repeat; text-indent:-9999px}

#header .bookmark { float:left; line-height:.5em; padding:12px 0 0 8px}

#nav { float:right; padding:6px 0 0 0}
#nav .button { float:right; background:url(../img/trans01.png) repeat top left; box-shadow:inset #343434 1px 1px 1px; behavior: url(PIE.htc); position:relative; padding:2px}
#nav .button a { width:210px; height:22px; float:left; background:url(../img/gradient02.png) no-repeat top left; padding-top:7px}
#nav .button a span { background:url(../img/icon_appstore.png) no-repeat 0 0; padding:2px 0 0 25px}
#nav .appstorebutton { float:right; margin-top: -4px;}

#nav ul{ float:left; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; padding-top:10px}
#nav ul li{ float:left; font-size:13px; line-height:1em; text-transform:uppercase; padding:0 25px 0 0}
#nav ul li.social { position: relative; bottom: 6px }
#nav ul li a { color:#FFFFFF; text-decoration:none}
#nav ul li a:hover { color:#ff1515; text-decoration:none}

#flashMessage { text-align: center; background:lightyellow; padding: 10px; font-size: 12px; font-weight: bold; clear:both }

/*
----------------------------------------
04. banner
----------------------------------------
*/

#banner { width:100%; height:403px; float:left; background:url(../img/bg_banner.gif) repeat-x top center; }
.bannerinfo { width:940px; float:left; padding:34px 0 0 0; position:relative}
.bannerinfo .photomic{ float:left; position:absolute; top:0; left:-370px}
.bannerinfo .photo { width:392px; height:456px; float:left; padding:0 0 0 160px}
.bannerinfo .info { width:385px; float:right; padding:16px 0 0 0; margin-right:-5px; position:relative}
.bannerinfo .info h1{ line-height:.7em; padding-bottom:15px; text-shadow: 3px 3px #000; cursor: default }
.bannerinfo .info h1 span { font-size:53px}
.bannerinfo .info h2{ width:100%; float:left; font-size:22px; color:#FFFFFF; padding-bottom:7px; cursor: default }
.bannerinfo .info h2 a { float:left; color:#FFFFFF; background:#000000; padding:10px 30px 10px 9px}
.bannerinfo .info h2 span { float:left; color:#FFFFFF; background:#000000; padding:10px 30px 10px 9px}
.bannerinfo .info p { font-size:14px; color:#FFFFFF; line-height:1.5em; word-spacing:-1px; padding-bottom:20px; text-shadow: 0px 2px #444444; cursor: default }

.bannerinfo .info .button { box-shadow:inset #666 1px 1px 3px; behavior: url(PIE.htc); position:relative}
.bannerinfo .info .button a { width:281px; height:28px; float:left; background: url(../img/gradient03.gif) no-repeat; font-size:17px; padding-top:10px}
.bannerinfo .info .button a span { background:url(../img/icon_appstore02.png) no-repeat 0 0; padding:0 0 0 32px}

/*
----------------------------------------
05. content
----------------------------------------
*/

#content { width:940px; float:left; padding:40px 0 20px 0; position:relative}

.topcontent { width:940px; float:left; padding:0 0 25px 0}
.topcontent h3 { padding-bottom:21px}
.topcontent h3 span{ float:left; background:#ffb22d; padding:5px 8px}
.topcontent .newsongs { }

.howdoesitworks { width:220px; float:left; padding:0 20px 0 0}
.howdoesitworks h3 {float:left}
.howdoesitworks .more{ float:left; font-size:11px; font-weight:bold; font-style:italic; padding:4px 0 0 6px}
.howdoesitworks .more a { color:#b60000; text-decoration:underline}
.howdoesitworks .more a:hover { text-decoration:none}
.howdoesitworks .set{ width:220px; float:left; padding-bottom:18px; cursor: default !important }
.howdoesitworks .set .icon{ float:left; line-height:.5em}
.howdoesitworks .set .info { width:180px; float:right}
.howdoesitworks .set h2{ font-size:20px; padding-bottom:1px }
.howdoesitworks .set p { color:#787878}

.newsongs { width:220px; float:left}
.newsongs h3 { width:100%; float:left; padding-bottom:15px}
.newsongs h3 span{ float:left; background:#ffb22d; padding:5px 8px}

.newsongs .set { width:220px; float:left; background:url(../img/divider01.png) repeat-x top left; padding:4px 0 6px 0}
.newsongs .set.nodivider { background:none; padding-top:0}
.newsongs .set .photo{ width:45px; height:45px; float:left; padding-top: 4px }
.newsongs .set .iconplay { float:left; padding:10px 7px 0 10px}
.newsongs .set .iconplay a { width:20px; height:20px; float:left; background:url(../img/icon_play.png) no-repeat; text-indent:-9999px}
.newsongs .set .info { width:136px; float:left; padding:8px 0 0 0}
.newsongs .set h5 { font-weight:bold; padding-bottom:2px}
.newsongs .set p { color:#787878}
.newsongs .set p a { color:#787878}

.demovideo { width:460px; float:right}
.demovideo h3 { float:left; padding-bottom:14px}
.demovideo .video { width:460px; float:left; line-height:.5em; position:relative}
.demovideo h2{ font-size:20px; color:#FFFFFF; position:absolute; top:140px; left:150px; padding:0}
.demovideo h2 span { float:left}
.demovideo h2 a { color:#FFFFFF; text-decoration:none; background:#d71212; padding:5px 8px}

.featuredartists { width:940px; float:left}
.featuredartists h3 { width:940px; float:left; padding-bottom:17px}
.featuredartists h3 span { float:left; background:#ffb22d; padding:5px 8px}

.bgslider { width:640px; float:left}
.bgslider .slider { cursor: pointer }
.bgslider #rotate { position: relative; width:640px; height:243px}
.bgslider #rotate .slider { position: absolute; top: 0px; left: 0px; width:640px; height:243px; z-index: 12; opacity: 0; display: none }
.bgslider .slider .photo { width:640px; height:243px; float:left}
.bgslider .slider .info { width:640px; float:left; position:absolute; bottom:73px; left:0; padding:0 0 0 22px}
.bgslider .slider .info h2{ font-size:42px; color:#FFFFFF; text-transform:none; padding-bottom:4px}
.bgslider .slider .info h2 a { color:#FFFFFF}
.bgslider .slider .info h4{ font-size:16px; color:#FFFFFF; font-family:"helveticabold", Arial, Helvetica, sans-serif; line-height:1.2em; padding-bottom:5px}
.bgslider .slider .info h4 a { color:#FFFFFF}
.bgslider .slider .info h4 span{ font-family:"helveticaregular", Arial, Helvetica, sans-serif; font-style:oblique}
.bgslider .slider .info p { font-family:"helveticaregular", Arial, Helvetica, sans-serif; font-size:15px; color:#ffa200}
.bgslider .slider .info p span { float:left; color:#ffa200; background:url(../img/icon_music.png) no-repeat 0 3px; padding-left:15px; margin-right:6px}
.bgslider .slider .info p span.rating{ background:url(../img/icon_rating.png) no-repeat 0 3px}

/*.section1 { width:282px; float:right; background:#ffb22d; padding:14px 0; position:relative}
.section1 #slide-scroll.rotate { width:282px; height:214px; position:relative; overflow:hidden; position:relative}
.section1 #slide-scroll.rotate .items { width:282px; height:20000em; position:absolute; clear:both}
.section1 #slide-scroll.rotate .item { width:282px; height:214px; float:left}
.section1 #slide-scroll.rotate .info { width:282px; float:left; position:relative}
.section1 #slide-scroll.rotate .info h2 { font-size:19px; color:#FFFFFF; text-transform:none; position:absolute; top:45px; left:10px; padding-bottom:0}
.section1 #slide-scroll.rotate .info h2 a{ color:#FFFFFF}
.section1 #slide-scroll.rotate .info .photo{ width:282px; float:left; line-height:.5em; border-top:6px solid #080606}
.section1 #slide-scroll.rotate .info .photo.nodivider { border-top:none}*/

.section1 { width:282px; float:right; background:#ffb22d; padding:14px 0; position:relative}
.section1 #slide-scroll.scrollable { width:282px; height:214px; position:relative; overflow:hidden; position:relative}
.section1 #slide-scroll.scrollable .items { width:282px; height:20000em; position:absolute; clear:both}
.section1 #slide-scroll.scrollable .item { width:282px; float:left; cursor:pointer }
.section1 #slide-scroll.scrollable .info { width:282px; float:left; position:relative}
.section1 #slide-scroll.scrollable .info h2 { font-size:19px; color:#FFFFFF; text-transform:none; position:absolute; top:45px; left:10px; padding-bottom:0; cursor: pointer; z-index: 1 }
.section1 #slide-scroll.scrollable .info h2 a{ color:#FFFFFF}
.section1 #slide-scroll.scrollable .info .photo{ width:282px; float:left; line-height:.5em; border-top:6px solid #080606; position: relative; top: -6px; height: 107px }
.section1 #slide-scroll.scrollable .info .photo.nodivider { border-top:none}

.section1 #slide-scroller { text-align:center}
.section1 #slide-scroller .prevPage, .nextPage { width:7px; height:7px; float:left; background:url(../img/arrow_previous.png) no-repeat; text-indent:-9999px; top:2px; left:140px; position:absolute}
.section1 #slide-scroller .nextPage { background:url(../img/arrow_next.png) no-repeat; top:232px}

/*
----------------------------------------
06. bottombanner
----------------------------------------
*/

.bottombanner { width:100%; float:left; background:#d5d5d5 url(../img/gradient04.gif) repeat-x bottom left; padding:24px 0 0 0; margin-bottom:9px}
.bottombanner .photo{ width:304px; height:154px; float:left; padding:0 0 0 90px}
.bottombanner .info { width:100%; padding:10px 0 40px 0}
.bottombanner .info h2{ font-size:34px; color:#b60000; letter-spacing:-1px; padding-bottom:4px; text-align: center; }
.bottombanner .info h2 a { color:#b60000}
.bottombanner .info h3{ font-size:34px; color:#FFFFFF; text-align: center; margin-top:5px; }
.bottombanner .info h3 a { color:#FFFFFF; background:#000000; text-decoration:none; padding:3px 8px}

/*
----------------------------------------
07. footer
----------------------------------------
*/

#footer { width:100%; float:left; border-top:1px solid #b4b4b4; padding:15px 0 180px 0}
#footer p { font-size:11px; color:#787878}
#footer p a{ color:#787878}

#footer .footerlogo{ width:220px; float:left}
#footer .footerlogo .logo{ float:left; line-height:.5em; padding:0 0 6px 25px}
#footer .footerlogo p{ width:100%; float:left}

#footer .links{ width:560px; float:left; padding:15px 0 0 0}
#footer .links p{ font-size:14px; text-align:center}
#footer .links p a { margin:0 5px}

#footer .info{ width:160px; float:right}
#footer .info p { text-align:center}
#footer .info .dreamwalk{ float:left; line-height:.5em; margin-top:-3px; position:relative}

/*
----------------------------------------
08. about_1
----------------------------------------
*/

#container { width:100%; float:left; background:url(../img/bg_container.png) no-repeat top center}

.topinfo{ width:940px; float:left; padding-bottom:20px}
.topinfo .info{ width:244px; float:left}
.topinfo .info h2{ padding-bottom:17px}
.topinfo .info h3{ padding-bottom:16px}
.topinfo .info h3 span { background:#ffb22d; line-height:1.2em; padding:4px 7px}
.topinfo .info p{ padding:0 4px 18px 0}
.topinfo .info p span{ color:#ffb22d; font-weight:bold}
.topinfo .info p span a{ color:#ffb22d}
.topinfo .info .button{ padding:4px; padding-bottom:3px}
.topinfo .info .button a{ width:230px; height:47px; float:left; background:url(../img/gradient06.gif) no-repeat top left; font-size:22px; padding:0}
.topinfo .info .button a .icon{ width:230px; height:36px; float:left; background:url(../img/gradient06.gif) no-repeat bottom right; text-align:center; padding:11px 0 0 0}
.topinfo .info .button a .icon span { background:url(../img/icon_appstore03.png) no-repeat 0 0; padding:2px 0 0 40px}

.topinfo .videodetails{ width:661px; float:right; position:relative}
.topinfo .videodetails .video { width:661px; height:371px; float:left; z-index:80; position:relative}
.topinfo .videodetails .photomic{ width:196px; height:319px; float:left; top:60px; right:-134px; position:absolute}
.topinfo .videodetails .videoinfo{ width:300px; float:left; top:110px; right:104px; position:absolute; z-index:10000}
.topinfo .videodetails .videoinfo h1{ font-size:48px; color:#FFFFFF; line-height:.8em; padding-bottom:10px}
.topinfo .videodetails .videoinfo h1 span{ font-size:20px; line-height:1em}
.topinfo .videodetails .videoinfo p{ font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; font-size:13px}
.topinfo .videodetails .videoinfo p a{background:#000000; color:#FFFFFF; letter-spacing:.9px; text-decoration:none; padding:6px 7px}

.section4{ width:940px; float:left}
.section4 h1{ font-size:104px; color:#5b5b5b; line-height:.7em; padding:0 0 42px 110px}
.section4 h1 span{ font-size:37px; line-height:1em; padding-left:101px}
.section4 h2{ float:left; font-size:39px; padding-bottom:15px}
.section4 h2 span{ float:left; background:#ffb22d; padding:13px 21px 10px 16px}
.section4 p{ float:left; font-size:18px; color:#666666; line-height:1.5em; padding-bottom:23px}

.section4 .steps{ width:940px; float:left; padding-bottom:22px}
.section4 .steps .photo{ width:366px; float:left; line-height:.5em}
.section4 .steps .info{ width:455px; float:left; padding:41px 35px 0 42px}
.section4 .steps .info ul{ width:445px; float:left; border-bottom:1px solid #ffb22d; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-top:2px}
.section4 .steps .info ul.nodivider{ border:none; padding-top:10px}
.section4 .steps .info ul li{ width:208px; float:left; line-height:1em; font-style:italic; font-weight:bold}
.section4 .steps .info ul li span{height:32px; float:left; background:url(../img/icon_metronome.png) no-repeat 0 0; color:#8d0000; padding:10px 0 0 40px}
.section4 .steps .info ul li span.settings{ background:url(../img/icon_settings.png) no-repeat 0 0}
.section4 .steps .info ul li span.light{background:url(../img/icon_light.png) no-repeat 0 0}
.section4 .steps .info ul li span.picker{background:url(../img/icon_music02.png) no-repeat 0 0}

.section4 .publish{ float:left; padding-bottom:50px}
.section4 .publish .photo{ width:532px; float:left; margin:0 -7px 0 -155px; position:relative}
.section4 .publish .info{ width:490px; float:left; padding:62px 0 0 42px}

.section4 .earnpoints{ width:300px; float:left; padding-right:21px}
.section4 .earnpoints .photo{ width:300px; height:141px; float:left; padding-bottom:20px}
.section4 .earnpoints h2{ line-height:1em; padding-bottom:17px}
.section4 .earnpoints h2 span { line-height:1em; padding:5px 21px 5px 18px}
.section4 .earnpoints p{ line-height:1.4em}

.section4 .attractfans h2 span{ background:#a30000; color:#FFFFFF; padding:5px 10px 5px 18px}
.section4 .getsigned{ width:320px; float:right; padding:0; margin-right:-25px; position:relative}
.section4 .getsigned h2 span{ background:#000000; color:#FFFFFF; padding:5px 5px 6px 18px}

/*
----------------------------------------
09. charts_1
----------------------------------------
*/

.leftinfo{ width:640px; float:left}
.section2 { width:640px; float:left; padding-bottom:20px; position:relative}
.section2 h3{ float:left; font-size:14px; padding-bottom:20px}
.section2 h3 span{ float:left; background:#ffb22d; padding:5px 8px}

.section2 #slide-scroll2.rotate { width:640px; height:243px; position:relative; overflow:hidden; position:relative}
.section2 #slide-scroll2.rotate .items { width:20000em; height:243px; position:absolute; clear:both}
.section2 #slide-scroll2.rotate .item { width:640px; height:243px; float:left; cursor: pointer }
.section2 #slide-scroll2.rotate .set { width:640px; float:left; position:relative}
.section2 #slide-scroll2.rotate .photo{ width:640px; line-height:.5em; float:left}
.section2 #slide-scroll2.rotate .info { width:640px; float:left; position:absolute; bottom:30px; left:0; padding:0 0 0 22px}
.section2 #slide-scroll2.rotate .info h2{ font-size:42px; color:#FFFFFF; text-transform:none; padding-bottom:4px}
.section2 #slide-scroll2.rotate .info h2 a { color:#FFFFFF}
.section2 #slide-scroll2.rotate .info h4{ font-size:16px; color:#FFFFFF; font-family:"helveticabold", Arial, Helvetica, sans-serif; line-height:1.2em; padding-bottom:4px}
.section2 #slide-scroll2.rotate .info h4 a { color:#FFFFFF}
.section2 #slide-scroll2.rotate .info h4 span{ font-family:"helveticaregular", Arial, Helvetica, sans-serif; font-style:oblique}
.section2 #slide-scroll2.rotate .info p { font-family:"helveticaregular", Arial, Helvetica, sans-serif; font-size:15px; color:#ffa200}
.section2 #slide-scroll2.rotate .info p span { float:left; color:#ffa200; background:url(../img/icon_music.png) no-repeat 0 3px; padding-left:15px; margin-right:6px}
.section2 #slide-scroll2.rotate .info p span.rating{ background:url(../img/icon_rating.png) no-repeat 0 3px}

.section2 #slide-scroller2 { text-align:center}
.section2 #slide-scroller2 .navi { float:left; position:absolute; bottom:28px; right:7px}
.section2 #slide-scroller2 .navi a {width:19px; height:19px; float:left; background:url(../img/bullet01.png) no-repeat; text-indent:-9999px; margin:0 3px}
.section2 #slide-scroller2 .navi a:hover {background:url(../img/bullet02.png) no-repeat}
.section2 #slide-scroller2 .navi a.active {background:url(../img/bullet02.png) no-repeat}

.section3{ width:640px; float:left; padding-bottom:18px}
.section3 h3{ float:left; font-size:14px; padding:10px 0 0 0}
.section3 h3 span{ float:left; background:#ffb22d; padding:5px 8px}
.section3 form{ width:382px; float:right}
.section3 form .droupdown{ width:184px; height:34px; float: left; background:#e4eaee; border-radius:4px; behavior: url(PIE.htc); position:relative; padding:3px}

.section3 form fieldset{ width:184px; height:34px; float:right; background:#e4eaee; border-radius:4px; behavior: url(PIE.htc); position:relative; padding:3px; margin:0 -3px 0 4px}
.section3 form .search{ width:173px; height:32px; float:left; background:#FFFFFF; background:-moz-linear-gradient(#ffffff, #f7f8f9); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f8f9)); background: -o-linear-gradient(#ffffff, #f7f8f9);	-pie-background: linear-gradient(#ffffff, #f7f8f9); border:1px solid #b2c4d4; border-radius:2px; behavior: url(PIE.htc); position:relative; padding-right:9px}
.section3 form .search .input{ width:138px; height:18px; float:left; background:none; border:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#b2b2b2; padding:7px 10px}
.section3 form .search .icon{ width:15px; height:15px; float:right; padding-top:9px}

.topdetails{ width:640px; float:left; padding-top:18px}
.topdetails .setlist{ width:640px; float:left; background:#ffffff}
.topdetails .set{ width:612px; float:left; border-top:1px solid #f0f0f0; padding:10px 11px 10px 17px; margin-bottom:1px}
.topdetails .set.nodivider { border-top:none}
.topdetails .set .number{ width:43px; float:left; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; font-size:32px; color:#000000; background:none; padding-top:3px; margin-right:6px}
.topdetails .set .number.yellow { background:url(../img/arrow01.gif) no-repeat right 15px; padding-top:3px; margin-right:6px}
.topdetails .set .number.red { background:url(../img/arrow02.gif) no-repeat right 11px}
.topdetails .set .photo{ width:45px; float:left; line-height:.5em; padding-right:14px}
.topdetails .set.onehundred { padding-left: 3px; width: 626px}
.topdetails .set.onehundred .number { width: 60px; margin-right: 3px }
.topdetails .set .info{ width:400px; float:left; padding-top:7px}
.topdetails .set .info h5{ font-weight:bold; line-height:1.2em}
.topdetails .set .info h5 span{ font-weight:normal}
.topdetails .set .info p{ color:#7f7f7f}
.topdetails .set .info p a{ color:#7f7f7f}
.topdetails .set .links{ float:right; padding-top:7px}
.topdetails .set .links ul{ float:left}
.topdetails .set .links ul li{ height:32px; float:left}
.topdetails .set .links ul li a{ margin-left:9px}

.topdetails .buttondisplay{ float:left; cursor: pointer }
.topdetails .buttondisplay span{ width:640px; height:27px; float:left; background:#f0f0f0; background:-moz-linear-gradient( #f9f9f9, #f0f0f0); background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background: -o-linear-gradient(#f9f9f9, #f0f0f0); -pie-background: linear-gradient(#f9f9f9, #f0f0f0); border:1px solid #d1d1d1; box-shadow: #d6d6d6 0 1px 2px, inset #FFF 0px 1px 0px; border-radius:2px; behavior: url(PIE.htc); position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:bold; text-align:center; text-decoration:none; padding-top:17px; margin-top:20px}

.rightinfo { width:265px; float:right}
.rightinfo .newsongs { width:250px; float:left; padding-bottom:25px}
.rightinfo .newsongs h3 { width:100%; float:left; padding-bottom:18px}
.rightinfo .newsongs .set { width: 250px }
.rightinfo .newsongs .set .info { width: 165px }

.copyright { width:240px; float:left; padding:20px 0 0 0}
.copyright h3{ width:100%; float:left; padding-bottom:12px}
.copyright h3 span{ float:left; background:#ffb22d; padding:5px 8px}
.copyright p { line-height:1.4em; padding-bottom:13px}
.copyright p span { color:#ffb22d; font-weight:bold}
.copyright .button { padding:2px}
.copyright .button a { width:100px; height:21px; float:left; background:url(../img/gradient05.gif) no-repeat top right; padding:7px 0 0 0}
/*.copyright .button a span { width:100px; height:21px; float:left; background:url(../img/gradient05.gif) no-repeat top right; cursor:pointer; padding:7px 0 0 0} */

/*
----------------------------------------
10. contact_1
----------------------------------------
*/

.leftinfoinner{ width:240px; float:left; padding-top:10px}
.getintouch{ width:240px; float:left}
.getintouch h2{ word-spacing:-3px; padding-bottom:8px}
.getintouch h3{ float:left; font-size:14px; padding-bottom:14px}
.getintouch h3 span{ float:left; background:#ffb22d; padding:3px 7px}
.getintouch p{ padding-bottom:17px}
.getintouch p a{ color:#ffa100; font-weight:bold}
.getintouch .photo{ width:248px; height:144px; float:left; margin-left:-8px; position:relative; padding-bottom:4px}

.rightinfoinner{ width:645px; float:right; padding-top:10px}
.rightinfoinner form{ width:551px; min-height:405px; float:left; background:#e1e1e1 url(../img/gradient07.gif) no-repeat; padding:32px 44px 0 50px}
.rightinfoinner form h3{ font-size:19px; color:#a60000; text-transform:uppercase; padding:0 0 13px 3px}
.rightinfoinner form ul{ width:551px; float:left; padding-bottom:8px}
.rightinfoinner form ul li{ width:551px; float:left; padding-bottom:13px}
.rightinfoinner form ul li .left { width:250px; float:left}
.rightinfoinner form ul li .right { width:250px; float:right}

.rightinfoinner form label{ width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:bold; padding:0 0 2px 3px}

.rightinfoinner form .bginput{ width:244px; height:34px; float:left; background:#e4eaee; border-radius:4px; behavior: url(PIE.htc); position:relative; padding:3px}
.rightinfoinner form .input{ width:228px; height:16px; float:left; background:#FFFFFF; background:-moz-linear-gradient(#ffffff, #f7f8f9); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f8f9)); background: -o-linear-gradient(#ffffff, #f7f8f9);	-pie-background: linear-gradient(#ffffff, #f7f8f9); border:1px solid #b2c4d4; box-shadow:inset #e5eaed 2px 2px 2px; border-radius:3px; behavior: url(PIE.htc); position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333333; padding:8px 7px}
.rightinfoinner form .select { width:244px; height:34px; float:left; background:#FFFFFF; background:-moz-linear-gradient(#ffffff, #f7f8f9); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f8f9)); background: -o-linear-gradient(#ffffff, #f7f8f9);	-pie-background: linear-gradient(#ffffff, #f7f8f9); border:1px solid #b2c4d4; box-shadow:inset #e5eaed 2px 2px 2px; border-radius:3px; behavior: url(PIE.htc); position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333333 }
.rightinfoinner form .droupdown{ width:244px; height:34px; float:left; background:#e4eaee; border-radius:4px; behavior: url(PIE.htc); position:relative; padding:3px}

.rightinfoinner form .sbHolder { background:url(../img/bg_select02.png) no-repeat; width:244px}
.rightinfoinner form .sbSelector { width:244px; float:left}
.rightinfoinner form .sbOptions { background:url(../img/bg_option02.png) no-repeat bottom; width:244px}
.rightinfoinner form .sbOptions li{ width:244px; height:auto; padding:0px;}

.rightinfoinner form .bgtextarea{ width:545px; height:114px; float:left; background:#e4eaee; border-radius:4px; behavior: url(PIE.htc); position:relative; padding:3px}
.rightinfoinner form .textarea{ width:529px; height:95px; float:left; background:#FFFFFF; border:1px solid #b2c4d4; box-shadow:inset #e5eaed -2px 2px 2px;  border-radius:3px; behavior: url(PIE.htc); position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333333; padding:7px 7px}

.rightinfoinner form .buttonsent{ width:100px; height:32px; float:left; background:url(../img/gradient08.gif) no-repeat; border:2px solid #5a5a5a; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer}

.rightinfoinner form .error-message { font-size: 10px; color: red }

/*
----------------------------------------
11. artist_2
----------------------------------------
*/

.bannerinner { width:640px; float:left; padding-bottom:20px; position:relative; cursor: default !important}
.bannerinner .photo { width:640px; height:243px; float:left}
.bannerinner .info { width:320px; float:left; position:absolute; top:30px; left:0; padding:0 0 0 22px; cursor: inherit }
.bannerinner .info h3 { font-size:14px; padding-bottom:11px}
.bannerinner .info h3 span{ background:#ffb22d; padding:4px 7px}

.bannerinner .info h2{ font-size:42px; color:#FFFFFF; text-transform:none; padding-bottom:4px}
.bannerinner .info h2 a { color:#FFFFFF}
.bannerinner .info h4{ font-size:16px; color:#FFFFFF; font-family:"helveticabold", Arial, Helvetica, sans-serif; line-height:1.2em; padding-bottom:5px}
.bannerinner .info h4 a { color:#FFFFFF}
.bannerinner .info h4 span{ font-family:"helveticaregular", Arial, Helvetica, sans-serif; font-style:oblique}
.bannerinner .info p { width:100%; float:left; font-family:"helveticaregular", Arial, Helvetica, sans-serif; font-size:15px; color:#ffa200; padding-bottom:10px}
.bannerinner .info p span { float:left; color:#ffa200; background:url(../img/icon_music.png) no-repeat 0 3px; padding-left:15px; margin-right:6px}
.bannerinner .info p span.rating{ background:url(../img/icon_rating.png) no-repeat 0 3px}
.bannerinner .info .button a { width:154px; height:38px; float:left; background:url(../img/gradient03.gif) no-repeat top lef; padding:0}
.bannerinner .info .button a span { width:154px; height:27px; float:left; background:url(../img/gradient03.gif) no-repeat top right; padding:11px 0 0 0}
.bannerinner .artist-image { position: absolute; right: 27px; top: 17px }
.bannerinner .artist-image img { border-radius: 8px 8px 8px 8px; box-shadow: 4px 2px 6px rgba(0,0,0,0.2) }

.badgeswon{ width:240px; float:left; padding-bottom:36px}
.badgeswon h3{ float:left; padding-bottom:15px}
.badgeswon h3 span{ float:left; background:#ffb22d; padding:5px 7px}
.badgeswon h3 .number{ float:left; background:#000000; color:#FFFFFF}
.badgeswon .viewall, .badgeswon .viewless { float:right; padding-top:6px}
.badgeswon .viewall span, .badgeswon .viewless span{ color:#787878; text-decoration:underline; cursor: pointer }
.badgeswon .viewall span:hover, .badgeswon .viewless span:hover { text-decoration:none}
.badgeswon ul { width:250px; float:left; margin-right:-2px; position:relative}
.badgeswon ul li { float:left; line-height:.5em; padding:0 2px 11px 0}

.artistfans { float:left; padding-bottom:28px}
.artistfans h3{ float:left; padding-bottom:25px}
.artistfans ul{ width:245px; float:left; margin-right:-5px; position:relative}
.artistfans ul li{ float:left; line-height:.5em; padding:0 4px 4px 0}

.topdetails .set .unlisted{ width:50px; float:left; background:url(../img/icon_close.gif) no-repeat center center; font-family:"helveticaneuelt_std_cnbold", Arial, Helvetica, sans-serif; font-size:11px; color:#b4b4b4; text-align:center; padding:10px 0 10px 0; margin:4px 6px 0 -7px}

/*
----------------------------------------
12. song_2
----------------------------------------
*/

.songinfo{ width:940px; float:left; padding-bottom:150px}
.songinfo .photo{ width:218px; float:left; line-height:.5em; border-radius:8px; box-shadow:#000 2px 0 6px; behavior:url(PIE.htc); position:relative; margin-left:80px}
.songinfo .photo img{ border-radius:8px}

.songinfo .playinfo{ width:500px; float:left; background:#eaeaea; padding:40px 30px 14px 30px}
.songinfo .playinfo h2{ font-size:26px; color:#000000; text-align:center; text-transform:none; padding-bottom:6px}

.songinfo .playinfo p{ float:left; font-family:"helveticaregular",Arial, Helvetica, sans-serif; font-size:13px; font-style:oblique; padding:0 0 10px 0}
.songinfo .playinfo p span{ color:#909090}
.songinfo .playinfo p.date{ width:16px; height:14px; float:left; background:url(../img/icon01.png) no-repeat; font-style:normal; padding:0 45px 0 19px; margin-left:80px}
.songinfo .playinfo p.number{ height:14px; float:left; background:url(../img/icon02.png) no-repeat; font-style:normal; padding:0 0 0 19px}
.songinfo .playinfo p.number span{ font-style:oblique; padding:0 0 0 5px}
.songinfo .playinfo p.right{ float:right; font-style:normal; padding-right:10px}

.songinfo .playinfo .timelinebox{ width:500px; height:12px; float:left; background:url(../img/bg_timeline.gif) repeat top left;  border-radius:7px; behavior:url(PIE.htc); position:relative}
.songinfo .playinfo .timelinebox .buffering1{ width:200px; height:12px; float:left; background:url(../img/buffering02.png) repeat; border-radius:6px 0 0 6px; behavior:url(PIE.htc); position:relative;}
.songinfo .playinfo .timelinebox .buffering2{ width:163px; height:12px; float:left; background:url(../img/buffering01.png) no-repeat top right; border-radius:6px 0 0 6px; behavior:url(PIE.htc); position:relative;}

.songinfo .playinfo ul{ float:left; padding:17px 0 12px 167px}
.songinfo .playinfo ul li{ float:left; line-height:1em}
.songinfo .playinfo ul li a{ width:55px; height:62px; float:left; background:url(../img/icon_share.gif) no-repeat; text-indent:-9999px}
.songinfo .playinfo ul li a.play{ width:57px; height:69px; float:left; background:url(../img/icon_play.gif) no-repeat}
.songinfo .playinfo ul li a.challenge{ width:54px; height:61px; float:left; background:url(../img/icon_challenge.gif) no-repeat}

/*
----------------------------------------
13. terms of use
----------------------------------------
*/

.termsofuse .section { margin: 20px 0 20px 0 }
.termsofuse .section .sub { font-weight: bold }
.termsofuse h3 { margin: 5px 0 5px 0 }
.termsofuse p { margin: 3px 0 3px 0; color: #787878; line-height: 1.5em }

/*
----------------------------------------
14. faqs
----------------------------------------
*/

.faqs .section { margin: 20px 0 20px 0 }
.faqs h3 { margin: 5px 0 5px 0; color: #333333; text-transform: none }
.faqs p { margin: 3px 0 3px 0; color: #787878; line-height: 1.5em }

/*
----------------------------------------
15. privacy
----------------------------------------
*/
.privacy .section { margin: 20px 0 20px 0 }
.privacy h2.cookies, .privacy h2.notice { padding: 20px 0px 5px 0px }
.privacy h3 { margin: 5px 0 5px 0; color: #333333 }
.privacy p { margin: 8px 0 8px 0; color: #787878; line-height: 1.5em }
.privacy ul { margin-left: 20px }
.privacy li { list-style: disc inside; color: #787878; font-size: 12px; padding-bottom: 5px; line-height: 1.5em }