body {font-size:11px;font-family: Arial,Verdana,sans-serif; font-weight:normal;/*color:#dcdcdc; */color:#000000;width:1000px; margin:auto; background:#000000 url(images/bg.jpg) ;}
body #free_desc{font-size:12px; font-family:Arial, Tahoma, Verdana; font-weight:normal; color:#dcdcdc; width:1000px; margin:auto; background:#000000 url(images/bg.jpg) center repeat-y;}
form{padding:0px;margin:0px;}
a {outline:none}
.clear{font-size:0; height:0; line-height:0; margin:0; padding:0; clear:both}
a img{border:0}
.wrapper{width:1000px; margin:0 auto;}
.header{float:left; width:980px; background:#e5161e; padding:10px;}
.header .add-banner{float:right; width:728px; height:90px; border:1px solid #000;}
.header .logo{float:left; width:240px}
.header .logo .logo-top-text{float:left; width:240px; height:13px; background:url(images/logo-top-bg.jpg) no-repeat; font-size:11px; font-weight:bold; text-align:center; line-height:12px; padding:5px 0 0 0}
.header .logo .logo-top-text span{color:#ed1c24}
.header .logo .img{float:left; width:240px}
.nav{float:left; width:1000px; background:url(images/nav-bg.jpg) #000 repeat-x; border-top:2px solid #363636;  border-bottom:2px solid #031016}
.nav ul{font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;list-style:none;text-transform:uppercase}
.nav li{display:inline;margin:0 1px 0 0;padding:0px;line-height:13px;font-size:13px;font-weight:bold;float:left;background:url(images/nav-li-bg.jpg) no-repeat right top}
.nav a{float:left;color:#fff;background: url(images/tabs_left.gif) no-repeat left top;margin:0;padding:10px 15px 12px 15px;text-decoration:none;}
.nav a:hover{background: url(images/nav-bg-on.jpg) repeat-x;color:#fff}

#new-top-tab{padding: 0;width: 990px;background: transparent;font-family:Arial, Helvetica, sans-serif;background:url(images/new-top-tab_bg.gif) repeat-x #f28b8f;float:left;padding-left:10px;border-bottom:2px solid #031016}
#new-top-tab ul{margin:0;padding:0;list-style:none;}
#new-top-tab li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;line-height: 13px;}
#new-top-tab a{float:left;color:#fff;background: transparent url("images/new-top-tab_left.gif") no-repeat left top;margin:0 2px 0 0;padding:0 0 0 7px;text-decoration:none;font-size: 13px;font-weight:bold}
#new-top-tab a span{float:left;display:block;color:#fff;background: transparent url("images/new-top-tab_right.gif") no-repeat right top;padding:12px 32px 12px 30px;}
#new-top-tab a span{float:none;}
#new-top-tab .active a, #new-top-tab .active a:hover{background: transparent url("images/new-top-tab_left.gif") no-repeat 0% -150px;}
#new-top-tab .active a span, #new-top-tab .active a:hover span{background: transparent url("images/new-top-tab_right.gif") no-repeat 100% -150px;}
#new-top-tab .active a span{float:none;}
#new-top-tab a:hover{background-position:0% -150px;}
#new-top-tab a:hover span{color: #fff;background-position:100% -150px;}
.marquee-bar{float:left; width:968px; background:url(images/marquee-left-bg.jpg) #122c37  no-repeat left top; height:23px; padding:4px 0  0 32px}
/*.container{float:left; background:url(images/container-top-left-bg.gif)  no-repeat left top; width:953px; padding:10px 24px 10px 23px}*/
.container{float:left; background:url(images/container-bg.jpg) repeat-x #fff top; width:953px; padding:10px 24px 10px 23px}
.left-column{float:left; width:248px;}
.med-column{float:left; width:450px; margin-left:23px; display:inline}
.right-column{float:right; width:209px;}
.box-border{border:0px solid #114b63}
.box-title{background:url(images/box-title-bg.gif) repeat-x top #000; border:1px solid #114b63; border-bottom:1px solid #383838; font-size:14px; font-weight:bold; text-transform:uppercase; padding:10px; color:#fff;-webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
.grybox-border{border:0px solid #114b63;}
.grybox-border-trans{border:1px solid #6e6d6d;}
.artistbg{border:1px solid #6e6d6d;background:#232222 url(images/artist-design.jpg) right bottom no-repeat;}
.newbox-bg{background:url(images/new-box-bg.jpg) repeat-x top #fff; border:1px solid #114B63; border-top:0px;-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;} 
.newbox-bgtopbottom{background:url(images/new-box-bg.jpg) repeat-x top #fff; border:1px solid #114b63;
-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
/*.newbox-new{background:url(images/new-box-bg.jpg) repeat-x top #fff; border:1px solid #114b63;-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;  -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;  -webkit-border-top-left-radius:10px;  -webkit-border-top-right-radius:10px;  -moz-border-radius-topleft:10px;  -moz-border-radius-topright:10px;}
.box-border{border:1px solid #114b63}
.box-title{background:url(images/box-title-bg.gif) repeat-x top #000; border-bottom:1px solid #383838; font-size:14px; font-weight:bold; text-transform:uppercase; padding:10px; color:#fff;}
.grybox-border{border:1px solid #114b63; background:#232222}
.grybox-border-trans{border:1px solid #6e6d6d;}
.artistbg{border:1px solid #6e6d6d;background:#232222 url(images/artist-design.jpg) right bottom no-repeat;}
.newbox-bg{background:url(images/new-box-bg.jpg) repeat-x top #fff}
/****** IDS *********/
title{color:#00CC99;}
#panelone{width:248px; display:table; float:left; margin-bottom:10px;}
#logobg{background:#ed1c24; border-left:1px solid #dadada; border-right:1px solid #dadada; padding:0px 12px 0px 12px;}
#newseventsbg{background:#f26f06; border-left:1px solid #222221; border-right:1px solid #222221; padding:7px 12px 0px 12px;}
#topbtns{padding-top:4px; text-align:center}
#graybg{background:#232222;}
a{color:#026089;text-decoration:none;}
a:hover{text-decoration:none;color:#026089;}
#rightpanel{width:208px; float:right; margin:10px 10px 10px 0; _margin-right:5px;}
#midpanel{width:417px; margin:10px 220px 0px 323px;}
#midpanel2{width:658px; float:left; margin-left:23px;}
#divcharts{width:197px; display:table; background:#232222;}
#memberlogin{width:248px; display:table; background:url(images/memberbg.jpg) no-repeat;}
#footerAdd{clear:both; width:950px; margin:auto;  margin:0px 15px 0px 37px;}
#footer{clear:both; background:url(images/footerbg1.jpg) repeat-x; margin:0px 0px 0px 0px;}
#footerdesign{background:url(images/design.jpg) top right no-repeat;}
#newsletterbg{background:#232222;}
#memberloginbg{/*background:url(images/member-loginbg1.jpg) no-repeat;*/background-color:#e5161e; width:247px; margin-right:-6px;margin-top:50px;}
/****** CLASS *********/
.absmid{vertical-align:middle;}
.fleft{float:left;}
.fright{float:right;}
.black{color:#000000; text-decoration:none;}
.yellow{color:#026089; /*color:#000;*/ text-decoration:none;}
.require{color:#cc0000; /*color:#000;*/ text-decoration:none;}
.toptextfield{width:168px; font-size:11px; border:none; background:#ffffff; color:#cccccc; text-align:right; height:18px; margin-bottom:2px; _margin-bottom:0px;}
.white{color:#026089; text-decoration:none;}
.white-link{color:#fff; text-decoration:none;}
.ctalign{text-align:center;}
.paddingleft12px{padding-left:12px;}
.orange{color:#e5161e; text-decoration:none;}
.orangeprice{color:#f26f06; text-decoration:none; font-size:15px;}
.lightyellow{color:#026089; text-decoration:none;}
.artistbg{background:#232222 url(images/artist-design.jpg) right bottom no-repeat;}
.newstextfield{width:177px; background:#f8eeef; border:1px solid #5f5d5d; color:#959191; font-size:11px;}
.graybg{background:#232222;}
.imgborder{padding:1px; border:1px solid #85807c;}
.graycolor{color:#ffffff; text-decoration:none;}
.imgvertical{vertical-align:middle;}
.chartinner{color:#000000; margin:0px 17px 0px 15px;}
.loginfield{width:175px; background:#ffffff; border:none; margin-bottom:2px;  _margin-bottom:0px;}
.footerbg{background:#f26f06; padding:5px 0 0 0; text-align:center; color:#000000;}
.grayback{background:#232222;}
.heading{-x-system-font:none;border-bottom:1px solid #666666;color:#026089;font-family:Arial, Tahoma, Verdana;/*font-family:"Calibri";*/font-size:14px;
font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;}
.search-heading{font-size:17px; font-family:Arial, Tahoma, Verdana; font-weight:normal;text-transform:uppercase;  color:#dfaf09; border-bottom:0px solid #666666; background:url(images/title-bg.gif) repeat-x bottom;padding:25px 0 2px 3px;}
.search-body{font-size:14px; font-family:Arial, Tahoma, Verdana; font-weight:bold; color:#dfaf09; border-bottom:1px solid #666666;}
.bdrtop{border-top:1px dotted #000000;}
.bdrbtm{/*border-bottom:1px dotted #666666;*/ padding:10px 3px;}
.bdrbtm2{/*border-bottom:1px solid #212020;*/ padding:3px;}
.input{border:none; font-size:11px; padding:5px; width:300px; border:#444 solid 1px; background-color:#f8eeef;}
textarea{border:#444 solid 1px; background-color:#f8eeef;}
.button{background:url(images/btnbg.jpg) repeat-x; border:1px solid #0f86b9;text-align:center; font-size:12px; font-family:Arial, Tahoma, Verdana; font-weight:bold; color:#ffffff; height:22px; cursor:pointer;}
.paddingtopbotm{padding:4px 0 4px 0;}
.borderright{border-right:1px dotted #666666;}
/******* Tabular data classes **********/
.main_index{display:block; margin-bottom:10px; padding: 3px; padding-right:8px;}
.index{margin-left:10%; margin-right:10%; text-align:center;}
.navBarTxt{width:16px; height:15px; border: 1px solid #dddddd; font-size:10px; font-family:Arial, Tahoma, Verdana; font-weight:bold; color: #026089; text-decoration: none; padding:1px 4px 1px 4px;}
.navBarTxt:hover{width:16px; height:15px; background-color:#666666; font-size:10px; font-family:Arial, Tahoma, Verdana; font-weight:bold; color: #FFFFFF; text-decoration: none; padding:1px 4px 1px 4px; border: 1px solid #666665;}
/***** LINK CLASS ********/
a.topbtn{color:#026089; font-size:11px; text-transform:uppercase; text-decoration:none;}
a.topbtn:hover{color:#026089;}
.toptextfieldx{width:168px; font-size:11px; border:none; background:#ffffff; color:#000000; text-align:left; height:18px; margin-bottom:2px; _margin-bottom:0px;}
.JukeBox{font-size:20px; font-family:Arial, Tahoma, Verdana; font-weight:bold;color:#dfaf09; border-bottom:1px solid #666666;}
a.JukeBox1, a.JukeBox1:link, a.JukeBox1:visited {font-size:17px; font-family:Arial, Tahoma, Verdana; font-weight:bold;color:#e5161e; /*border-bottom:1px solid #666666*/; display:block; text-decoration:none; text-align:center;}
a.JukeBox1:hover {text-decoration:none; color:#e5161e;}
.slipBox{font-size:65px; font-family:Arial, Tahoma, Verdana; font-weight:bold;color:#dfaf09; border-bottom:1px solid #666666;}
p.free_desc_heading {padding:0px 0px 5px 0px; margin:0px 5px 0px 0px; color:#026089; font-size:32px; font-weight:normal; border-bottom:#000 solid 1px; text-align:left; display:block;}
p.free_desc_heading span.span {font-size:15px; font-weight:bold;}
p.free_desc_content {padding:10px 5px 5px 0px; margin:0px 0px 15px 0px; text-align:left; vertical-align:top; display:block; font-size:11px;}
a.free_desc_signup {display:block; padding:5px; margin:0px 0px 5px 0px; text-align:center; background-color:#E5161E; border:#000 solid 1px; font-size:large; text-decoration:none; color:#fff;}
a.free_desc_signup:hover {background-color:#dea605;}
p.free_desc_signup-content {font-size:11px; color:#dea605; padding:0px; margin:0px 0px 5px 0px; text-align:center;}
p.free_desc_signup-content span.span {color:#a57a00;}
td.free_desc_cCELL {padding:0px 5px 5px 5px; vertical-align:top; text-align:left;}
p.free_desc_noads {background:#0c0c0c url(images/icon_noads.gif) no-repeat 95% center; border:#1f1f1f solid 1px; text-align:left; padding:5px; margin:0px 0px 5px 0px; display:block;font-size:large; font-family:Arial, Tahoma, Verdana; font-weight:normal;color:#fff;}
p.free_desc_search {background:#0c0c0c url(images/icon_search.gif) no-repeat 95% center; border:#1f1f1f solid 1px; text-align:left; padding:5px; margin:0px; display:block; font:normal large Arial, Tahoma, Verdana; color:#fff;}
p.free_desc_radio {background:#0c0c0c url(images/icon_radio.gif) no-repeat 95% center; border:#1f1f1f solid 1px; text-align:left; padding:5px; margin:0px; display:block;font-size:large; font-family:Arial, Tahoma, Verdana; font-weight:normal;color:#fff;}
p.free_desc_share {background:#0c0c0c url(images/icon_share.gif) no-repeat 95% center; border:#1f1f1f solid 1px; text-align:left; padding:5px; margin:0px; display:block;font-size:large; font-family:Arial, Tahoma, Verdana; font-weight:normal;color:#fff;}
p.free_desc_subcontent {padding:5px 5px; margin:0px 0px 5px 0px; text-align:left; vertical-align:top; display:block; font-size:11px;}
#album_detail  {padding-left:50px; text-align:justify;}
.search-box{background-color:#000000;float:left; width:656px; border:1px solid #6e6d6d; border-top:0px;}
.search-box a{ color:#CFCFCF;}
.input-bar-bg{background:url(images/search-input-bar-bg.jpg) repeat-x top #5d5d5d; border-bottom:2px solid #5d5d5d; padding:10px}
.input-bg{float:left; width:120px; height:24px; background:url(images/search-input-bg.gif) no-repeat; margin-top:2px; padding-left:25px}
.input-bg input{border:0; background:none; font-size:12px; font-weight:bold ; color:#454545; font-family:Arial, Helvetica, sans-serif; margin-top:4px; width:100px}
.search-box .btn{ float:right;margin-top:2px; margin-left:2px}
.search-box .btn .jukeboxcart{float:left; width:100px; height:24px; background:url(images/btn-add-to-cart.jpg) no-repeat top left; text-indent:-9999px}
.search-box .btn .jukeboxcart:hover{background-position:bottom}
.search-box .btn .jukebox{float:left; width:125px; height:24px; background:url(images/btn-add-to-jukebox.jpg) no-repeat top left; text-indent:-9999px}
.search-box .btn .jukebox:hover{background-position:bottom}

.btn .howtouse{float:left; width:165px; height:24px; background:url(images/btn-how-to-use-pukshop.jpg) no-repeat top left; text-indent:-9999px}
.btn .howtouse:hover{background-position:bottom}

.search-box .btn .play{float:left; width:23px; height:24px; background:url(images/btn-play.jpg) no-repeat top left; text-indent:-9999px}
.search-box .btn .play:hover{background-position:bottom}
.btn{ float:right;margin-top:2px; margin-left:3px}
.btn .jukeboxcart{float:left; width:100px; height:24px; cursor:pointer; background:url(images/btn-add-to-cart.jpg) no-repeat top left; text-indent:-9999px}
.btn .jukeboxcart:hover{background-position:bottom}
.btn .jukebox{float:left; width:125px; height:24px; cursor:pointer; background:url(images/btn-add-to-jukebox.jpg) no-repeat top left; text-indent:-9999px}
.btn .delete{float:left; width:72px; height:24px; cursor:pointer; background:url(images/btn-delete.jpg) no-repeat top left; text-indent:-9999px}
.btn .jukebox:hover{background-position:bottom}
.btn .delete:hover{background-position:bottom}
.btn .play{float:left; width:23px; height:24px; cursor:pointer; background:url(images/btn-play.jpg) no-repeat top left; text-indent:-9999px}
.btn .play:hover{background-position:bottom}
.search-box .title td{ background-color:#000000; padding:5px 7px 5px 5px;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; font-weight:bold; vertical-align:middle; text-align:left} /* background:url(images/search-title-bg.jpg) no-repeat right top;  color:#949494; */
.search-box .title td.no-bg{ background:url(images/search-title-bg.jpg) no-repeat left top;}
.search-box .odd td{ background:#232222; padding:4px 7px 4px 5px; font-family:Arial, Helvetica, sans-serif; color:#CFCFCF; font-size:11px; font-weight:bold;vertical-align:middle; text-align:left}
.search-box .even td{ background:#1a1919; padding:4px 7px 4px 5px; font-family:Arial, Helvetica, sans-serif; color:#CFCFCF; font-size:11px; font-weight:bold;vertical-align:middle; text-align:left}
.search-box .over td{ background:#414141; padding:4px 7px 4px 5px; font-family:Arial, Helvetica, sans-serif; color:#CFCFCF; font-size:11px; font-weight:bold;vertical-align:middle; text-align:left}
.search-box .highlight td{ background:#f27109; padding:4px 7px 4px 5px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px; font-weight:bold;vertical-align:middle; text-align:left}
.search-box .highlight .popularity-rat{background:url(images/rating-bg-on-black.gif) repeat-x left; float:left;  height:10px}
.search-box .highlight .indicator{ background:url(images/play-indicator-black.gif) no-repeat left top; float:left; width:13px; height:12px; margin:0; padding:0; line-height:0; font-size:0}

.indicator{ background:none; float:left; width:13px; height:12px; margin:0; padding:0; line-height:0; font-size:0}
.popularity-bg{background:url(images/rating-bg.gif) repeat-x; float:left; width:40px; height:10px; margin:0; padding:0; line-height:0; font-size:0}
.popularity-rat{background:url(images/rating-bg-on.gif) repeat-x left; float:left;  height:10px}
.song-detial-box{ width:193px; background:#FFFFFF url(images/new-box-bg.jpg) repeat-x scroll center top; border:1px solid #6e6d6d}
.song-detial-box .thum-img{float:left; width:193px; padding:10px 0px; text-align:center; min-height:87px;}
.song-detial-box .thum-img img{border:1px solid #cccccc}
<!-- .song-detial-box .detial-text{ width:173px; padding:0px 10px 10px 10px ;float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px} -->
.song-detial-box .detial-text{ width:173px; padding:0px 10px 7px 10px ;float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px}
.song-detial-box .detial-text .song-name{font-size:11px; font-weight:bold; color:#E5161E}
.thum-img{float:left; width:193px; padding:10px 0px; text-align:center; min-height:87px;}
.thum-img img{border:1px solid #cccccc}
<!-- .song-detial-box .detial-text{ width:173px; padding:0px 10px 10px 10px ;float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px} -->
.detial-text{ width:173px; padding:0px 10px 7px 10px ;float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px}
.detial-text .song-name{font-size:11px; font-weight:bold; color:#E5161E}
#listtab{background:url(images/search-input-bar-bg.jpg) repeat-x top #5d5d5d; border-bottom:2px solid #5d5d5d; width:100%; float:left; padding-bottom:5px}
#listtab ul{font: normal 11px arial, sans-serif;margin:0px 0px 5px 5px;padding:0;list-style:none;}
#listtab li{display:inline;margin:0 2px 0 0;padding:0;line-height: 1.3em;font-size: 120%;}
#listtab a{float:left;color:#fff;background: transparent url("images/list-tabs_left.gif") no-repeat left top;margin:0 10px 0 0;padding:0 0 0 8px;text-decoration:none;font-size: 12px;margin-top: 6px;font-family:  Arial, Verdana, sans-serif;}
#listtab .current a, #listtab .current a:hover{background: transparent url("images/list-tabs_left.gif") 0% -46px; color:#1a1919}
#listtab .current a span, #listtab .current a:hover span{background: transparent url("images/list-tabs_right.gif") 100% -46px; color:#1a1919}
#listtab a span{float:left;display:block;color:#fff;background: transparent url("images/list-tabs_right.gif") no-repeat right top;padding:2px 14px 4px 6px;font-weight:bold;}
#listtab a span{float:none;}
#listtab a:hover{background-position:0% -23px;}
#listtab a:hover span{color: #1a1919;background-position:100% -23px;}
.highlighted{color:#CFCFCF;}
.numbers{line-height: 30px;word-spacing: 4px;background-color:#000000;}
.numbers a{	color:#999999;font-weight:bold;	border:#666666 1px solid;padding:1px 2px 1px 2px;}
.numbers #page{border:0px;} 
.numbers a:hover{color:#ffffff;}  
.numbers .selected{	color:#DFAF09;font-weight:bold;}
.blackbg{background-color:#000000;}
.rating_all{background:url(includes/rating-bg.gif) repeat-x; float:left; width:40px; height:10px; margin:0; padding:0; line-height:0; font-size:0;}
.rating_active{background:url(includes/rating-bg-on.gif) repeat-x left; float:left;  height:10px;}
.scroll-pane{overflow: auto;color:White;}
/*.filterable{width:632px;}*/
.filterable{width:632px;}