@charset "UTF-8";
@import url("tinyMCE.css");

/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family:arial, helvetica, sans-serif;
	color: #717276;
}

body.master {
	background:url(../images/mp3BodyBg.png) repeat-x 0 120px;
	background-color:#272727;
	min-width: 980px;	
}

html {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
}
:focus {
	outline: none;
}
/*
ul, ol {
	list-style: none outside none;
} */
a, img {
	border:0;
	outline:none;
}
a {
	color:#078BC0;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
h2 {
	background: url(../images/slashBlack.gif) no-repeat 100% 11px;
	float:left;
	display:inline;
	margin:0;
	padding:0 15px 5px 0;
	font-size:28px;
	font-weight:bold;	
	color:#078BC0;
	/* clear:both; */
	line-height: 1.6em;
	letter-spacing: -1px;
}
h3 {
	color:#078BC0;
	font-size:22px;
	padding:0;
	margin: 5px 0;
}
h4 {
	color:#078BC0;
	font-size:14px;
	clear:both;
	margin:0;
	padding:0;
}
h5{
	color:#717175;
	font-size:13px;
	clear:both;
	padding:0;
	margin:10px 0;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
}
button, .buttonInput, .buttonGo, input[type=submit] {
	cursor:pointer;
}
.sepparator {
	clear: both;
	font-size: 1px;
	height: 1px;
}
.latesttrack_sepparator {
	clear: both;
	font-size: 1px;
	height: 2px;
}
/* header*/


.header {
	width:100%;
	height:83px;
	margin:0;
	padding:0;
	border-top:5px solid #000;
	background-color:#fff;
}
.sub_content {
	margin:0 auto;
	padding:0;
	width:980px;
	height:82px;
	position: relative;
}
.logo {
	float:left;
	display:inline;
	margin:0;
	padding:1px 0 0px 0;
}
.small_menu {
	float:right;
	display:inline;
	margin:0;
	padding:0 0 0 27px;
	overflow:hidden;
	background:url(../images/small_menuLeft_corner.gif) no-repeat left;
}
.small_menu ul {
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/small_menuRight_corner.gif) no-repeat bottom right;
	background-color:#3C3C3C;
	padding-right:25px;
	height: 1%;
	float: left;
	display: inline;
	list-style: none outside;
}
.small_menu li {
	display:inline;
}
.bar {
	background:url(../images/small_menuBar.gif) no-repeat top right;
	padding:5px 10px;
}
.small_menu li a {
	color:#fff;
	margin:0;
	padding:0 7px;
	float:left;
	display: inline;
	height:23px;
	text-decoration:none;
}
.small_menu li a:hover {
	color:#ccc;
}
.small_menuLeft_corner {
	position:absolute;
	left:2px;
	top:0;
}
.small_menuRight_corner {
	position:absolute;
	right:0;
	top:0;
}
/*main_menu*/

.main_menu {
	width:100%;
	background: url(../images/main_menu.png) repeat-x top;
}
.shadow {
	height:58px;
	width:980px;
	margin:0 auto;
	padding:0;
	background:url(../images/shadow_border.png) repeat-x 0 45px;
}
.main_menu .mainMenu {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	background:url(../images/main_menu_bar.png) no-repeat 100% 7px;
}
.main_menu li {
	display:inline;
	float: left;
	position: relative;
	z-index: 3000;
}
.main_menu li a {
	float:left;
	padding:0;
	margin:0;
	background:url(../images/main_menu_bar.png) no-repeat 0 7px;
	height:58px;
	cursor: pointer;
	text-decoration:none;
}
.main_menu li a span {
	height:20px;
	font-size:18px;
	text-transform:uppercase;
	color:#000;
	padding:11px 15px 12px 15px;
	margin: 2px 0 0 0;
	display:inline;
	float: left;
}
.main_menu li a.active {
	background:url(../images/menuBg.png) no-repeat bottom left;
}
.main_menu li a.active span, .main_menu li:hover a span {
	color:#078BC0;
	background:#000;
}
.main_menu li a:hover {
	background:url(../images/active_menu.png) no-repeat bottom left;
}
.main_menu li a:hover span {
	background:#000;
	color:#078BC0;
}
/*blue_bar*/
         
.barHolder {
	height:45px;
	left:50%;
	overflow:hidden;
	position:absolute;
	top:88px;
	width:50%;
	margin-left: -1px;
}
.blue_bar {
	background: url(../images/blue_bar.png) repeat-x center top;
	height:45px;
	left:0;
	margin-left:489px;
	position:absolute;
	top:0;
	width:20000px;
}
/*search_area*/
.searchAreaHolder {
	float:right;
	display:inline;
	background:url(../images/blue_bar.png) repeat-x top;
	position: relative;	
}
.search_area {
	display:block;
	padding:7px 0 0 10px;
	margin: 0;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	height:51px;
	background:url(../images/search_area.gif) no-repeat 100% 9px;
	width:345px;
}
.search_input {
	width:183px;
	border:0px solid #000;
	padding:0px 0 0 7px;
	margin:7px 0 0 0;
	float:left;
	display: inline;
	font-size: 16px;
	background-color: transparent;
}
.search_area .buttonInput {
	background:transparent none;
	width:49px;
	height:30px;
	outline:0;
	color:#fff;
	font-size:20px;
	border:none;
	text-transform:uppercase;
	margin:0 0 0 12px;
	padding:0;
	float:left;
	clear: none;
}
.search_text {
	float:left;
	margin:0;
	padding:7px 10px 0 4px;
}
/*main_content*/
.main_content {
	padding:10px 8px;
	margin:0 auto;
	background:#fff;
	line-height: 1.5em;
	border-right:1px solid #717276;
	border-left:1px solid #717276;
}
html>body.master .main_content {
	width:964px;
	overflow:hidden;
	height: auto !important;
	min-height: 400px;
}
.main_content_scroll {
	overflow: auto;
}
/*slideshow*/

.slideshow{
	padding:0;
	margin:0;
	width:964px;
	height:370px;
	position:relative;
	z-index:100;
}
.slides {
	width:964px;
	height:370px;
}
	
.slides>a {
	text-decoration:none !important;
}
.slides>a .holder {
	position:absolute;
	/* -webkit-border-radius: 7px;
  	-moz-border-radius: 7px; */
  	padding:0px;
  	top:40px;
  	left:30px;
  	float: left;
  	width: 350px;
  	cursor: pointer;
}
.slides .holder2 {
	padding: 0px 10px;
	background-color: white;
}
.slides>a .holder h2  {
	font-weight:bold;
	text-transform:uppercase;
}

.slides>a .holder h2 span {
	color:#000;
}
.slides>a .holder p {
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	color:#000;
	margin:0;
	clear: left;
}
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 48px;
	width: 448px;
	/* Add scroll-bars */
	overflow: auto;
	position:absolute;
	top:298px;
	left:30px;
	/*-webkit-border-radius: 7px;
	-moz-border-radius: 7px; */
	background-color: #fff;
	z-index: 999;
}

ul.sc_menu {
  display: block;
  height: 48px;
  /* Max width here, for users without Javascript */
  width: 888px;
  padding: 0 4px 0 4px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
 
}
.sc_menu li {
  display: inline;
  float: left;
}
.sc_menu a {
	display: inline;
	float:left;
	text-decoration: none;
	cursor:pointer;
	padding: 6px 5px 6px 5px;
	
}
.sc_menu li.activeSlide a {
	background-color:#078ABF;
	background: url('../images/slideshow/controls/newSlidebgOver.gif') no-repeat top left;
}
.sc_menu li.activeSlide a img {
	border: 2px white solid;
	
}
.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu img {
  border: 2px #067BAA solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

#prev, #next {
	display:block;
	position:absolute;
	z-index: 1000;
	top:298px;
	width:23px;
	height:48px;
	text-indent:-5000px;
}
#prev:hover, #next:hover {
	background-position:0 -48px;	
}
#prev {
	left:7px;
	background: url('../images/newSlideLeft.png') top left no-repeat;
}
#next {
	left:478px;
	background: url('../images/newSlideRight.png') top left no-repeat;
}
/*left_column*/
   
.left_column {
	width:680px;
	float:left;
	display:inline;
	margin:0;
	padding:20px 0 0 0;
	overflow:hidden;
}
.featured_artist {
	width:201px;
	padding:2px 0 0px 0;
	text-decoration:none;
	float: left;
	display: inline;
}
.imgBox {
	clear: left;
	position:relative;
	width: 200px;
}
.featuredArtistsSpace
{
	clear:left;
	position:relative;
	width:200px;
	height:5px;
}
.genrePage .imgBox  {
	clear:none;
	display:inline;
	float:left;
	margin-right:20px;
	margin-top: 15px;
}
.firstItem {
	margin-left: 80px;
	
}
.imgBox p {
	color:#fff;
	font-size:22px;
	margin:0;
	padding:12px 0;
	font-weight:bold;
	border-top:2px solid #fff;
	background:#000;
	clear: left;
	height: 17px;
	white-space: nowrap;
	overflow: hidden;
}
.imgBox .button {
	display:block;
	float: none;
	position:absolute;
	top:145px;
	right:5px;
}

.left {
	float:left;
	display:inline;
}
.latest_tracks {
	padding:0 0 20px 17px;
	margin:0;
}
.playlist {
	clear:both;
	width:444px;
	padding:8px 2px 6px 10px;
	margin:0 0 5px;
	overflow:hidden;
	height: 393px;
	position:relative;
	background:#EFEFEF;
	font-size:11px;
	line-height: 1.3em;
	font-weight:bold;
}
.playlist ol {
	width:218px;
	padding: 0;
	margin:0;
	list-style: none outside;
}
.playlist ol li {
	clear:left;
	overflow:hidden;
	padding:4px 1px 4px 1px;
	margin:0;
	height: 1%;
}
.button {
	float:right;
	display: inline !important;
	text-indent:-9999px;
	background:url(../images/play_button.png) no-repeat left top;
	width:27px;
	height:29px;
	padding:0;
	margin:0 2px 0 0;
}
.button:hover {
	background:url(../images/play_button.png) no-repeat left bottom;
}
.playlist ol a {
	margin:0;
	padding:0;
	font-weight:normal;
	display:block;
}
.playlist ol img {
	float:left;
	display:inline;
}
.playlist ol em {
	font-weight:bold;
	font-style:normal;
	width:8px;
	margin-left: 3px;
	color:#747473;
	float:left;
	display:inline;
}
.playlist ol span {
	padding:0 5px 0 5px;
	margin:0;
	width:120px;
	float:left;
	display:inline;
	height:27px;
	white-space:nowrap;
	overflow:hidden;	
}
.playlist_track 
{
	font-size:11px;
	font-weight:bold !important;
	text-decoration: none;
	color: #717276;
}
.playlist_track:hover
{
	text-decoration: underline;
}
.white {
	background:#fff;
}
.moz_radio_left {
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
}
.moz_radio_right {
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
}
.latestArtists {
	clear: left;
	margin-bottom: 20px;
	overflow: hidden;
	height: 1%;
}
.latestArtists .imgBox p {
	padding: 2px 0;
	height: auto;
}
.latestArtists .imgBox {
	float: left;
	display: inline;
	clear: none;
	margin-right: 25px;
	height:195px;
	width:195px;
}
/*news*/
.news_content {
	clear:both;
	padding:10px 0 10px 0;
	margin:0;
	border-bottom:2px dashed #F3F3F3;
	overflow:hidden;
	height: 1%;
	font-size:14px;
	text-align:left;
}
.news_link {
	width:570px;
	padding: 5px 0 7px 20px;
	margin:0;
	overflow:hidden;
	height: 1%;
	min-height: 28px;
	background:url(../images/arrow.gif) no-repeat 100% center;
}
.news_link a {
	text-decoration:none;
	padding:0px 40px 0px 0;
	margin:0;
	font-weight:bold;
	color:#088bbf;
	float:left;
	display:inline;
}
.news_link a:hover {
	text-decoration:underline;
}
.article-title
{
	color:#0d5e8d;
}
.news_date {
	padding:5px 0 0 0;
	margin:0;
	color:#747473;
	font-weight:bold;
}
.space {
	margin:0 0 20px 0;
}
/*top20*/
.mp3u-charts-label
{
	float: left;
	display: inline;
	margin: 0;
	padding: 0 15px 5px 10px;
	font-size: 28px;
	font-weight: bold;
	color: #0d5e8d;
	line-height: 1.6em;
	letter-spacing: -1px;
}
.list_loading 
{
	clear: both;
	display: none;
	width:665px;
	text-align: center;
	margin:0 0 5px 0;
	position:relative;
	background:#FFFFFF;
	overflow:hidden;
	height: 580px;
}
.list_loading_latesttracks 
{
    height:407px; 
    width:456px;
}
.list_loading img
{
	margin-top: 150px;
}
.list_loading_latesttracks img
{
    height:141px; 
    width:141px; 
    margin: 125px 0 0 0;
}

.navigation
{
    clear: both;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
}
.navigation_latesttracks
{
    height: 17px;
}
.navigation a.prev, .navigation a.next
{
    text-decoration: none;
	color:#078BC0;
}
.navigation a.prev
{
    margin-left: 5px;
    float: left;
}
.navigation a.next
{
    margin-right: 10px;
    float: right;
}
.navigation a.next:hover, .navigation a.prev:hover 
{
	color: #A5A5A5;
}

.list_top20 {
	clear:both;
	width:670px;
	padding:6px 0 6px 6px;
	margin:0 0 5px 0;
	background:#EFEFEF;
	overflow:hidden;
	height:1%;
	position:relative;
}
.topLeft {
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(../images/topLeft.gif);
}
.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	width: 10px;
	height: 10px;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 0;
	font-size: 1px;
}
.topRight {
	top:0px;
	right:0px;
	background-image: url(../images/topRight.gif);
}
.bottomLeft {
	background-image: url(../images/bottomLeft.gif);
	bottom:0px;
	left:0px;
}
.bottomRight {
	background-image: url(../images/bottomRight.gif);
	bottom:0px;
	right:0px;
}
.list_top20 ol {
	width:330px;
	padding:0;
	margin:0;
	list-style: none outside;	
}
.list_top20 ol li {
	clear:left;
	overflow:hidden;
	height:1%;
	padding:5px;
	margin:0;
	display:block;
	z-index: 999;
}
.list_top20 ol a {
	padding:0;
	margin:0;
	display:block;
	font-weight:normal;
	font-size: 12px;
}
.list_top20 ol em {
	float:left;
	display:inline;
	font-style:normal;
	padding:0;
	width:22px;
	font-weight:bold;
	color:#747473;
}
.list_top20 ol span {
	float:left;
	display:inline;
	padding:0 10px 0 10px;
	margin:0;
	width:200px;
	font-size:14px;
	font-weight:bold;
	height:42px;
	white-space:nowrap;
	overflow:hidden;
}
.list_top20 img {
	float:left;
	display:inline;
}
.list_top20 .button {
	margin-top: 6px;
}
.top20_track 
{
	font-size:14px !important;
	font-weight:bold !important;
	text-decoration: none;
	color: #717276;
}
.top20_track:hover
{
	text-decoration: underline;
}
.border_left {
	border-top:1px solid #DBDBDC;
	border-bottom:1px solid #DBDBDC;
	border-left:1px solid #DBDBDC;
}
.border_right {
	border-top:1px solid #DBDBDC;
	border-bottom:1px solid #DBDBDC;
	border-right:1px solid #DBDBDC;
}
/* other_artists*/
.clear {
	clear:left;
	overflow:hidden;
}
.display_image {
	display:inline;
	margin:0 20px 20px 0;
}
.artist_detail {
	font-size:14px;
	color:#078BC0 !important;
	margin:0px 0 0 0;
	display: block;
}
/*right_column*/
  
.right_column {
	width:276px;
	float:right;
	display:inline;
	margin:0;
	padding:20px 0 0 0;
	line-height: 1.3em;
}
.facebook {
	clear:both;
	overflow:hidden;
	background:#EFEFEF;
	border:1px solid #E0E0E1;
	margin: 0 0 10px 0;
	padding:5px 0 0 3px;
	width: 270px;
}
.bd_image {
	border:1px solid #777777;
}
.facebook p.jamworld {
	color:#088BBF;
}
.facebook_button {
	border:none;
	outline:none;
	padding:0;
	margin:0 0 0 7px;
	background:url(../images/facebook_button.gif) no-repeat;
	text-indent:-9999px;
	width:112px;
	height:21px;
	float: left;
	display: inline;
}
.facebook p {
	padding:0 0 6px 6px;
	margin:0;
}
.facebook p.fan_count {
	clear:left;
	padding: 9px 0 7px 5px;
	margin:0;
}
/*about_artist*/
    
.about_artist img {
	float:left;
	padding:0 5px 0 0;
}
.about_artist p {
	padding: 0 0 5px 0;
	margin:0;
}
.about_artist {
	clear:both;
	overflow:hidden;
}
.date {
	clear:both;
	color:#BABABA;
	font-size:10px;
	margin:-5px 0 12px 0;
}
/*our_fans*/
     

.our_fans_gallery {
	overflow:hidden;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 15px 0;
	width: 100%;
}
.our_fans_gallery li {
	float:left;
	display:inline;
	padding:0 4px 4px 2px;
	margin:0;
	text-align:center;
}
.our_fans_gallery img {
	display:block;
}
.our_fans_gallery li a {
	color:#8D8C8E;
	text-decoration:none;
	font-weight:bold;
}
/* user_activity twitter*/
   
.content_list {
	overflow:hidden;
	padding:0;
	margin:0;
	clear: left;
	list-style:none outside;
}
.content_list li {
	border-bottom:2px dashed #e1e0e0;
	margin:0 0 11px 0;
	padding:0 0 11px 21px;
	background:url(../images/list_img.gif) no-repeat left 5px;
}
.content_list a {
	font-weight:bold;
}
.content_list li p {
	padding: 0 0 2px 0;
}
.main_content .subcontent .content_list li .textSpan{
	display:block;
	color:#717276;
	text-transform:none;
	font-weight:normal;
	margin-top:10px;
}
/*footer*/
.footer {
	width:100%;
	clear:both;
	overflow:hidden;
	border-top:6px solid #078ABF;
	padding:0 0 10px 0;
	margin:0;
	background:url(../images/bg_footer.png) repeat-x top;
}
.content_footer {
	width:980px;
	margin:0 auto;
	padding:5px 0 0 0;
	overflow:hidden;
	text-align:left;
}
.list h3 {
	margin:0;
	padding:0;
}
.list {
	width:150px;
	padding:10px 75px 10px 20px;
	overflow:hidden;
}
.list ul {
	margin:10px 0 0 0;
	padding:0;
	list-style: none outside;
}
.list li {
	border-bottom:2px dotted #504f4d;
	padding: 3px 0 4px 0;
}
/* 
.list a {
	color:#FFFFFF;
	padding:0 0 0 20px;
	margin:0;
	text-decoration:none;
	background: url(../images/arrow_list_img.gif) no-repeat left center;
}
.list a:hover {
	color:#ccc;
}
*/
/* submenu */

.submenuHolder {
	position: absolute;
	display: none;
	top: 44px;
	left: -4px;
	color: #fff;
	padding: 0 0 10px 0;
	z-index: 1000;
	width: 668px;
	background: url(../images/dropdownBottomShadow.png) no-repeat bottom left;
	padding-bottom: 12px;
}
.genresHolder {
	color: #fff;
	padding: 0 0 10px 0;
	width: 668px;
	background: url(../images/dropdownBottomShadow.png) no-repeat bottom left;
	padding-bottom: 12px;
}
.mainMenu li:hover .submenuHolder {
	display: block;
}
.submenuLS {
	background: url(../images/dropdownLeftShadow.png) repeat-y left top;
	padding-left: 4px;
}
.submenuRS {
	background: url(../images/dropdownRightShadow.png) repeat-y right top;
	padding-right: 4px;
}
.submenu {
	padding: 15px;
	background: #000 url(../images/dropdownGradient.png) repeat-x left bottom;
	overflow: hidden;
	height: 1%;
}
.submenu ul {
	float: left;
	display: inline;
	list-style:none outside;
	margin:0 35px 0 0;
	padding:0;
	width: 175px;
}
.submenu ul li {
	padding:3px 0 4px;
	display: block;
	float: none;
	border-bottom:2px dotted #504f4d;
}
.submenu ul li a, .list a {
	display: block;
	padding-left: 20px;
	background-image: none;
	height: auto;
	float: none;
	color: #fff;
	background:url(../images/arrow_list_img.gif) no-repeat scroll left center transparent;
	text-decoration: none;
}

.submenu ul li a:hover, .list a:hover {
	color: #ccc;
	background:url(../images/arrow_list_img.gif) no-repeat scroll left center transparent;
}
/****************************************************************/
/***************    ARTIST PAGE             *********************/
/****************************************************************/

/*breadcrumb*/
.breadcrumb {
	background-color:#717175;
	font-size:16px;
	margin:2px 0 18px 0;
	padding:0;
	position:relative;
	overflow: hidden;
	height: 1%;
	z-index: 0;
}
.breadcrumb ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none outside;
}
.breadcrumb li {
	float: left;
	display: inline;
	padding: 10px 7px 10px 0;
	color: #fff;
	margin: 0;
}
.breadcrumb a {
	display:block;
	float:left;
	padding:0 15px 0 0;
	margin:0 0px 0 0;
	color:#fff;
	background:url(../images/arrow_black.gif) no-repeat right center;
}

.fbArtistLike
{
    height:30px;
    background-color:White;
    position:relative;
	overflow: hidden;
}

.fbArtistLike ul
{
	margin: 0;
	list-style: none outside;
}

.fbArtistLike li
{
    float:right;
	display: inline;
	color: #333333;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
    line-height: normal;
}

/*artist_info*/


.artist_space {
	color:#fff;
	overflow:hidden;
	height:1%;
	position:relative;
	padding-left: 8px;
	background-color:#050505;
}
.artistSpaceBg{
	background:#050505 url(../images/bgArtistSpace.gif) repeat-y right;	
}
.artist_space span {
	color:#fff;
}
.artist_contact {
	background-color:#050505;
	float:right;
	display:inline;
	border-left: 6px solid #fff;
	font-size:20px;
	padding:15px;
	text-align:center;
	position:relative;
	font-weight: bold;
}
.artist_contact a {
	color:#fff;
}
.artist_name {
	background-color:#050505;
	display:inline;
	float:left;
	width:685px;	
}
.artist_space h2 {
	background: url(../images/slashWhite.gif) no-repeat 100% center;
	padding:0 18px 0 0;
}
.artist_name span {
	padding:0 5px 0 0;
}
.artist_name p {
	float:left;
	display:inline;
	padding:0 0 0 7px;
	margin:18px 0 0 0;
}
/*left_column*/
    
.left_column_artistPage {
	width:242px;
}
.track_info {
	background-color:#717175;
	position:relative;
	margin-top:8px;
	padding:2px 0 12px 5px;
	width:237px;
}
.track_info h2 {
	color:#fff;
	font-weight:bold;
	margin:0;
	background:url(../images/slashBlack.gif) no-repeat 100% center;
}
.track_info ul {
	clear:left;
	color:#fff;
	margin:0;
	padding:0 0 10px 7px;
	list-style: none outside;
}
.track_info ul li {
	background:url(../images/arrow_black.gif) no-repeat left center;
	padding:0 0 1px 15px;
	clear: left;
}
.track_info ul li strong {
	font-weight: normal;
	width: 75px;
	float: left;
}
.track_info a {
	color:#fff;
	padding-left:2px;
}
/*right_column*/
.right_column_artistPage {
	width:700px;
	margin-left:22px;
}
.right_column_artistPage .olContainer {
	margin:0;
	padding:20px 10px 10px 10px;
	position: relative;
}
.right_column_artistPage ol {
	margin:0 10px 0 0;
	padding:0;
	list-style: none outside;
	
}
.right_column_artistPage ol li {
	display:block;
	border-bottom:2px dashed #F3F3F3;
	overflow:hidden;
	font-size: 14px;
	/* height:1%; */
}
.right_column_artistPage ol li a {
	text-decoration:none;
	padding-top:5px;
	font-weight: bold;
	padding-bottom:5px;	
}
.right_column_artistPage ol li em {
	font-style:normal;
	font-weight:bold;
	color:#707173;
	width:16px;
	padding-top:8px;
	float: left;
	display: inline;
	width: 20px;
}

.song {
	width:367px;
	display:inline;
	float:left;
	padding:8px 0 8px 22px !important;
	float:left;
	display:inline;
	color:#010101;
}
.active .song, .song:hover {
	background:url(../images/ol_arrow_activePlay.png) no-repeat 3px 6px;
}

.active .download, .active .rate, .active .addToPlaylist /*, .download:hover*/ {
	background-position: left top;
	color:#000;
}
.active .download:hover, .active .rate:hover, .active .addToPlaylist:hover /*, .download:hover*/ {
	background-position: left -50px;
}
.active .unavailable, .active .unavailable:hover {
	background-position: left -25px !important;
}

.rate {
	background-image:url(../images/rateIcon.gif);
	float: right;
	width: 30px;

}
.download {
	background-image:url(../images/downloadIcon.gif);
	float:right;
	width: 42px;
}
.addToPlaylist	 {
	background-image:url(../images/addToPlaylistIcon.gif);
	float:right;
	width: 25px;
}
.rate, .download, .addToPlaylist {
	display:inline;
	color:#cdcdcd;
	height: 25px;
	text-indent: -99em;
	background-position: left -25px;
	background-repeat: no-repeat;
	margin: 5px 8px;
	padding:0px !important;
}

/*menu_comments*/
.menu_comments {
	clear:both;
	overflow:hidden;
	height:1%;
	position:relative;
	padding-top: 54px;
}
.menu_comments .menu {
	margin:0;
	padding:0;
	margin-left:20px;
	top: 20px;
	left: 0;
	font-size:16px;
	overflow:hidden;
	position: absolute;
	z-index: 99999;
	font-weight: bold;
}
.menu_comments .menu li {
	display:inline;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	padding-bottom: 17px;
}
.menu_comments .menu a {
	float:left;
	display:inline;
	text-decoration:none;
	color:#000;
	background: url(../images/tabInactive.gif) no-repeat top left;
	padding-left: 20px;
	cursor: pointer;
}
.menu_comments .menu a em {
	float:left;
	display:inline;
	font-style: normal;
	background: url(../images/tabInactive.gif) no-repeat top right;
	padding: 10px 20px 0 0;
	height: 24px;
}

.menu_comments ul .active {
	background: url(../images/arrowBlack.gif) no-repeat center bottom;
}
.menu_comments ul .active a, .menu_comments ul a:hover {
	background: #050505 url(../images/BWTLcorner.gif) no-repeat left top;
}
.menu_comments ul .active a em, .menu_comments ul a:hover em {
	background: #050505 url(../images/BWTRcorner.gif) no-repeat right top;
	color: #fff;
}
/*track_comments*/

.track_comments {
	background:#717175;
	color:#fff;
	padding:10px 7px 6px 7px;
	position:relative;
	overflow:hidden;
	height:1%;
	margin:0 0 20px 0;
	z-index: 0;
	min-height: 150px;
}
.track_comments h2, .roundedSub h2 {
	color:#fff;
	background: url(../images/slashWhite.gif) no-repeat right center;
}
.track_comments span {
	float:right;
	display:inline;
	color:#000;
	font-size:10px;
	margin-right:10px;
}
.track_comments em, .roundedSub em {
	font-style:normal;
	color:#050505;
}
.track_comments p, .roundedSub p{
	clear:left;
}
.track_comments .biographyDetails {
	float: right;
	display: inline;
	width:720px;
	margin-right: 5px;
}
.track_comments .biographyDetails em, .track_comments .biographyDetails span {
	color: #fff !important;
	font-size: 12px !important;
}

/*photos_video*/
.SW_photos {
	width:468px;
	height: 366px;
	margin-bottom:20px;
	overflow:hidden;
	height:1%;
}
.SW_photos a {
	display:block;
	clear:left;
	position:relative;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #717175;
	background-color: #717175;
	width:466px;
	height: 364px;
}
.SW_photos a span.photo_button {
	background: url(../images/photo_buton.png) no-repeat left top;
	position:absolute;
	width:174px;
	height:169px;
	top:80px;
	left:150px;
	z-index:9999;
	cursor: pointer;
}
.SW_video {
	width:468px;
	margin-left:25px;
	margin-bottom:20px;
}
.SW_video .video_container {
	display:block;
	clear:left;
	position:relative;
	width: 466px;
	height: 364px;
	border: solid 1px #717175;	
}
.SW_video img {
	margin-top:4px;
}
.SW_video .video_container .video_player {
	width:466px;
	height: 364px;
}
.SW_video .video_container span.video_play_button {
	background: url(../images/video_play_button.png) no-repeat left top;
	position:absolute;
	width:142px;
	height:148px;
	top:110px;
	left:160px;
	z-index:9999;
	cursor: pointer;
}
/*menu_artist*/
.track_comments_content {
	clear:left;
	margin-bottom:10px;
	padding:0;
	height: 250px;	
}
.track_comments_content_scroll {
	overflow:auto;
	height: 250px;
}
.track_comments_content div.artist_detail {
	float:right;
	display:inline;
	width:720px;
	text-align:justify;
	margin-right: 5px;
}
/*twitter_links*/
                    
                    /*twitter*/
.twitter {
	width:662px;
	margin-bottom:0px;
	padding:0 0 20px 0;
	min-height: 100px;
}
.twitter ul {
	clear:left;
	list-style:none outside;
	margin:0 0 0 0;
	padding:0 20px 0 0;
}
.twitter ul li {
	background:url(../images/arrow_list_img.gif) no-repeat 5px 21px transparent;
	border-bottom:2px dashed #e1e0e0;
	margin:0;
	padding:15px 0 7px 20px;
}
.twitter ul li a {
	font-weight:bold;
}
.twitter ul li p {
	margin:0;
	color:#717276;
}
.twitter ul li span {
	line-height:0.1em;
	font-size:11px;
	color:#B7B7B8;
}
/*links*/   
.links {
	width:282px;
	margin-bottom:20px;
	padding:0px 0 0 0;
	position: relative;
}

.links ul {
	list-style:none outside;
	margin:0;
	padding: 10px;
	width:262px;
}
.linksHolder {
	background:#050505;
	position: relative;
	clear: left;
	padding:15px 0;
	width:282px;
}
.links ul li {
	background:url(../images/ul_arrow_links.gif) no-repeat 0 6px;
	margin:0;
	padding: 4px 0 4px 15px;
}
.links ul li a {
	color:#fff;
	font-weight:bold;
}

/*following and followed_by*/ 

.following {
	width:450px;
	margin-bottom:20px;
}
.following img {
	clear:left;
}
.followed_by {
	width:465px;
	margin-bottom:20px;
	float: right;
	display: inline;
}

/* player */
.musicControls1 {
	float: left;
	display: inline;
	width: 230px;
	padding: 10px 10px 5px 0px;
}
.musicControls1 input {
	float: left;
	display: inline;
	width: 70px;
	height: 48px;
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: -999999em;
	background-color: transparent;
	background-repeat: no-repeat;
}
.back 
{
    background-image: url(../images/playerBackBtnWActive.gif);
    background-attachment: scroll;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.back:active {
	background-position: 0 -48px;
}

.play {
	background-image: url(../images/playerPlayBtn.gif);
    background-position: center center;
	width: 43px !important;
	margin: 0 15px !important;
}
.pause {
	background-image: url(../images/playerPauseBtn.gif);
    background-position: center center;
	width: 43px !important;
	margin: 0 15px !important;
}
.forward {
	background-image: url(../images/playerForwardBtnWActive.gif);
	background-position: 0 0;
}
.forward:active {
	background-position: 0 -48px;
}
.playerHolder .artist_name {
	width: 430px;
}
.playerHolder .artist_name p {
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	width: 420px;
}
.playerHolder .artist_space {
	padding: 7px 10px 0px 10px;
}
.musicControls2 {
	clear: left;
	float: left;
	display: inline;
}
.playlistHolder {
	height:300px;
	overflow: auto;
	width: 100%;
}
.playlistHolderScroll {
	height:300px;
	overflow: auto;
}
/* play tabs */

.trackTabs {
	margin:0;
	padding:0;
	bottom: 0;
	right: 5px;
	font-size:18px;
	overflow:hidden;
	position: absolute;
	z-index: 0;
}
.trackTabs li {
	display:inline;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
}
.trackTabs a {
	float:left;
	display:inline;
	text-decoration:none;
	color:#000;
	background: #717175 url(../images/GBTLcorner.gif) no-repeat top left;
	padding-left: 10px;
	cursor: pointer;
}
.trackTabs a em {
	float:left;
	display:inline;
	font-style: normal;
	background: #717175 url(../images/GBTRcorner.gif) no-repeat top right;
	padding: 10px 10px 0 0;
	height: 24px;
}
.trackTabs a em strong 
{
	margin: 0 0 0 0;
	float:left;
	display:inline;
	background: url(../images/slashSmallBlue.gif) no-repeat top right;
	padding: 0px 10px 2px 0;
}

.trackTabs .active a, .trackTabs a:hover {
	background: #fff url(../images/WBTLcorner.gif) no-repeat left top;
}
.trackTabs .active a em, .trackTabs a:hover em {
	background: #fff url(../images/WBTRcorner.gif) no-repeat right top;
	color: #078BC0;
}
.trackTabs a:hover em strong, .trackTabs .active em strong {
	float:left;
	display:inline;
	background: url(../images/slashSmallBlack.gif) no-repeat top right;
	padding: 0px 10px 0 0;
}

.WBTLcorner, .WBTRcorner {
	position: absolute;
	top: 0;
	background-position: left top;
	height: 6px;
	width: 6px;
}
.WBTLcorner {
	background-image: url(../images/WBTLcorner.gif);
	left: 0px;
}
.WBTRcorner {
	background-image: url(../images/WBTRcorner.gif);
	right: 0px;
}

/* rounded corners */
.TLcorner, .TRcorner, .BLcorner, .BRcorner {
	position:absolute;
	width: 6px;
	height:6px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1px;
}
.TLcorner {
	top: 0;
	left: 0;
}
.TRcorner {
	top: 0;
	right: 0;
}
.BLcorner {
	bottom: 0;
	left: 0;
}
.BRcorner {
	bottom: 0;
	right: 0;
}
/* gray on white */
.breadcrumb .TLcorner, .track_info .TLcorner, .track_comments .TLcorner, .formHolder  .TLcorner, .roundedSub .TLcorner {
	background-image: url(../images/GWTLcorner.gif);
}
.breadcrumb .TRcorner, .track_info .TRcorner, .track_comments .TRcorner, .formHolder  .TRcorner, .roundedSub .TRcorner {
	background-image: url(../images/GWTRcorner.gif);
}
.breadcrumb .BLcorner, .track_info .BLcorner, .track_comments .BLcorner, .formHolder  .BLcorner, .main_content .subcontent .browsArtistList .BLcorner, .roundedSub .BLcorner {
	background-image: url(../images/GWBLcorner.gif);
}
.breadcrumb .BRcorner, .track_info .BRcorner, .track_comments .BRcorner, .formHolder  .BRcorner, .main_content .subcontent .browsArtistList .BRcorner, .roundedSub .BRcorner {
	background-image: url(../images/GWBRcorner.gif);
}
/* black on white */
.artist_space .TLcorner, .linksHolder .TLcorner, .second  .formHolder  .TLcorner,  .subcontent .topBrowsArtistList .TLcorner {
	background-image: url(../images/BWTLcorner.gif);
}
.artist_space .TRcorner, .linksHolder .TRcorner, .second  .formHolder  .TRcorner,  .subcontent .topBrowsArtistList .TRcorner {
	background-image: url(../images/BWTRcorner.gif);
}
.artist_space .BLcorner, .linksHolder .BLcorner, .second  .formHolder  .BLcorner, .subcontent .bottomArtistList .BLcorner {
	background-image: url(../images/BWBLcorner.gif);
}
.artist_space .BRcorner, .linksHolder .BRcorner, .second  .formHolder  .BRcorner, .subcontent .bottomArtistList .BRcorner {
	background-image: url(../images/BWBRcorner.gif);
}
/* white on gray */
.track_comments .comment .TLcorner, .formHolder .inputHolder .TLcorner  {
	background-image: url(../images/WGTLcorner.gif);
}
.track_comments .comment .TRcorner, .formHolder .inputHolder .TRcorner {
	background-image: url(../images/WGTRcorner.gif);
}
.track_comments .comment .BLcorner, .formHolder .inputHolder .BLcorner {
	background-image: url(../images/WGBLcorner.gif);
}
.track_comments .comment .BRcorner, .formHolder .inputHolder .BRcorner {
	background-image: url(../images/WGBRcorner.gif);
}

/* black on gray */
.track_comments .addCommentContainer .TLcorner {
	background-image: url(../images/BGTLcorner.gif);
}
.track_comments .addCommentContainer .TRcorner {
	background-image: url(../images/BGTRcorner.gif);
}
.track_comments .addCommentContainer .BLcorner {
	background-image: url(../images/BGBLcorner.gif);
}
.track_comments .addCommentContainer .BRcorner {
	background-image: url(../images/BGBRcorner.gif);
}
/* white on black */
.playlistHolder .TLcorner, .track_comments .addCommentContainer .inputHolder .TLcorner {
	background-image: url(../images/WBTLcorner.gif);
}
.playlistHolder .TRcorner, .track_comments .addCommentContainer .inputHolder .TRcorner {
	background-image: url(../images/WBTRcorner.gif);
}
.track_comments .addCommentContainer .inputHolder .BLcorner {
	background-image: url(../images/WBBLcorner.gif);
}
.track_comments .addCommentContainer .inputHolder .BRcorner {
	background-image: url(../images/WBBRcorner.gif);
}
/* gray on black */
.register .formHolder .TLcorner, .main_content .subcontent .browsArtistList .TLcorner {
	background-image: url(../images/GBTLcorner.gif);
}
.register .formHolder  .TRcorner, .main_content .subcontent .browsArtistList .TRcorner {
	background-image: url(../images/GBTRcorner.gif);
}
.main_content .subcontent .searchArtistList .BLcorner{
	background-image: url(../images/GBBLcorner.gif)	
}
.main_content .subcontent .searchArtistList .BRcorner{
	background-image: url(../images/GBBRcorner.gif)	
}
/*lightGray on White*/
.formHolderLightGray .TLcorner{
	 background-image:url(../images/lGWTLcorner.gif);
}
.formHolderLightGray .TRcorner{
	 background-image:url(../images/lGWTRcorner.gif);
}
.formHolderLightGray .BLcorner{
	 background-image:url(../images/lGWBLcorner.gif);
}
.formHolderLightGray .BRcorner{
	 background-image:url(../images/lGWBRcorner.gif);
}
/*White on light Gray*/
.formHolderLightGray .inputHolder .TLcorner{
	 background-image:url(../images/WlGTLcorner.gif);
}
.formHolderLightGray .inputHolder .TRcorner{
	 background-image:url(../images/WlGTRcorner.gif);
}
.formHolderLightGray .inputHolder .BLcorner{
	 background-image:url(../images/WlGBLcorner.gif);
}
.formHolderLightGray .inputHolder .BRcorner{
	 background-image:url(../images/WlGBRcorner.gif);
}
/*
.BLcorner {
	background-image: url(../images/WBBLcorner.gif);
}
.BRcorner {
	background-image: url(../images/WBBRcorner.gif);
}*/

.subcontent .searchArtistList .BRcorner
/* thumbs list */
.thumbsList {
	clear: left;
	padding: 0;
	margin: 0;
	list-style: none outside;
}
.thumbsList li {
	border: 1px solid black;	
}
.thumbsList li, .thumbsList li a {
	float: left;
	display: inline;
	height: 88px;
	width: 88px;
	margin:0;
	padding: 0;
	cursor: pointer;	
}
.thumbsList li a img {
	display: block;
	height: 88px;
	width: 88px;
}
.thumbsList li a:hover img {
	display: none !important;
}
.thumbsList li a span {
	font-size: 10px;
	display: none;
	height: 68px;
	width: 78px;
	color:#000;
	margin:10px 0 0 4px;
	padding:3px 0 0 1px;
	line-height:10px;
}
.thumbsList li a span span{
	font-size:9px;
	color:#9F9F9F;
	text-align:left;
	margin:20px 0 0 0;
	padding:0;
	height:auto;
}
.thumbsList li a:hover span {
	display: block;
    height: 88px;
	width: 88px;
}

/* user comments */
.userComments h2 {
	background-image: url(../images/slashBlack.gif);
}
.userComments .commentsColumn {
	float: left;
	display: inline;
	width:630px;
	clear: left;
}
.userComments .addCommentColumn {
	float: right;
	display: inline;
	width: 280px;
	position: relative;
	margin-right: 15px;
}
.comment {
	position: relative;
	background-color: #fff;
	color: #717276;
	width: 460px;
	padding: 5px;
	font-size:11px;
}
.commentsContainer {
	overflow: auto;
	clear: left;
	height: 260px;
	margin-bottom: 20px;
	float: left;
	display: inline;
	width: 620px;
	position:relative;
}
.commentsContainerScroll {
	overflow: auto;
	height: 260px;
}
.commentHolder {
	clear: left;
	margin-bottom: 22px;
	float: left;
	display: inline;
	width: 600px;
}
.commentHolder .avatar {
	float: left;
	display: inline;
}
.commentContent {
	float: right;
	display: inline;
	padding-left: 7px;
	background: url(../images/commentArrow.gif) no-repeat 0 25px;
	margin-right: 15px;
	width: 470px;
}

.track_comments .commentContent span {
	color: #078BC0;
	font-size: 11px;
	padding-bottom: 5px;
}
.track_comments .commentContent p {
	clear: both;
	margin: 0;
	padding:  4px 0;
	line-height: 1.3em;
}
.commentAuthor {
	float: left !important;
}

.addCommentContainer {
	position: relative;
	background-color: #000;
	clear: left;
	color: #fff;
	padding: 15px 15px 14px 15px;
	font-size: 11px;
	width: 250px;
	margin-bottom: 20px;
}
.addCommentContainer label {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}
.addCommentContainer input, .addCommentContainer textarea, .formHolder .inputHolder input {
	width: 220px;
	padding: 4px 4px 3px 4px;
	border: 0;
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.addCommentContainer textarea {
	height: 150px;
}
.buttonInput{
	margin: 0 auto;
	background:transparent url(../images/blueBtnBg.gif) no-repeat top left;
	width: 210px;
	height: 35px;
	color: #fff;
	font-size: 16px;
	border: 0;
	display: block;
	clear: both;
}
.addCommentContainer .inputHolder, .inputHolder {
	position: relative;
	margin: 0 0 18px 0;
	padding: 0 5px;
	background-color: #fff;
	width: 230px;
}

/* login */
.login {
	width: 430px;
	margin: 10px 0 70px 30px;
	border-right:2px dashed #E1E0E0;
	padding: 0px 0 35px 0;
}
.second, .secColumn {
	float: right;
	border-right:0px dashed #E1E0E0;
	margin-right: 30px;
	margin-left: 0;
}
.second .formHolder {
	background-color: #000;
}
.formHolder {
	position: relative;
	background-color: #717175;
	color: #fff;
	padding: 14px 15px 14px 15px;
	font-size: 12px;
	width: 350px;
	margin: 20px 0;
}
html>body .formHolder {
	clear: left;
}
.formHolder .inputHolder input {
	width: 220px;
}
.formHolder .inputHolder span {
	right: 257px;
	position: absolute;
	top: 17px;
	white-space: nowrap;
	padding: 0 4px;
	font-size: 11px;
	background-color: #E63900;
	color: white !important;
}
.inputHolderCheck span {
	padding: 0 4px;
	font-size: 11px;
	background-color: #E63900;
	color: white !important;
}
.formHolder .inputHolder {
	width: 230px;
	float: left;
	display: inline;
}
.checkboxHolder {
	display: block !important;
	margin-bottom: 15px;
	float: none !important;
	width: 400px !important;
	clear: both !important;
}
.formHolder label {
	float: left;
	display: inline;
	width: 95px;
}
label input {
	margin-left: 0;	
}

/* register */
.register {
	border-right: 0 !important;
	margin-left: 30px;
	width: 440px;
}
.register .formHolder {
	width: 400px;
	margin-top: 0;
}
.register .artist_space {
	width: 422px;
}
.register .artist_space h2 {
	font-size: 24px;
}
.register .artist_space h3 {
	font-size: 20px;
	clear: left;
	padding: 0;
	margin: 0 0 10px 0;
}
.secColumn {
	padding-bottom: 0px !important;
	margin: 10px 20px 20px 0 !important;
}
	 /*faq page*/
.main_content .content_list span{
	text-transform:uppercase;
	color:#078BC0;
	font-weight:bold;
}
ul.faq li div{
	display:none;
}
	/*privacy policy page*/
.main_content .detail_text{
	margin:0;
	padding:10px 0 10px 0;
	clear:both;
}
	/*signup pages*/
.main_content .subcontent,.main_content .subcontentForm{
	margin:0;
	padding:0 20px 20px 20px;
	position: relative;
}
.main_content .subcontent .formHolder,.main_content .subcontentForm .formHolder{
	margin:0 auto 15px auto;
	padding:10px;
	width:600px;
	overflow:hidden;
	height: 1%;
}
.main_content .subcontent .formHolder .inputHolder textarea,.main_content .subcontentForm .formHolder .inputHolder textarea{
	width:220px;
	height:80px;
	border:0;
}
.main_content .subcontent .formHolder .signupLabel,.main_content .subcontentForm .formHolder .signupLabel{
	width:300px;
	padding-right:20px;
	text-align:right;
}
.main_content .subcontent .formHolder .buttonHolder,.main_content .subcontentForm .formHolder .buttonHolder{
	clear:both;
	padding:10px 0 0 0;
}
.main_content .subcontent .formHolder .inputHolderCheck{
	width:230px;
	float:left;
	display: inline;
}
	/*contact us page*/
.main_content .subcontentForm .formHolder{
	width:700px;
}
.main_content .subcontentForm .formHolder .inputHolder select, .subcontent .topBrowsArtistList .inputHolder select, .subcontent .inputHolder select, .blockHolder .inputHolder select{
	width:230px;
	border:0;
	padding:1px;
}
.main_content .subcontentForm .formHolder .codeImage{
	float:left;
	display: inline;
	width:300px;
	margin:0;
	padding:0 0 15px 0;
}
.main_content .subcontentForm .formHolder .codeImage img{
	float:left;
	display: inline;
	width:112px;
}
.main_content .subcontentForm .formHolder .codeImage .codeLink{
	float:left;
	display: inline;
	color:#FFF;
	margin:15px 0 0 10px;
}
.main_content .subcontentForm .formHolder .codeBox{
	width:100px;
}
.main_content .subcontentForm .formHolder .codeBox .codeBoxInput{
	width:92px;
}
	/*browse artist page*/
.listBodyHolder {
	margin-left: 50px;
	width:820px;
	display:block;
	position: relative;
	zoom:1;
}
html>body .listBodyHolder{
	clear:left;
}
.main_content .subcontent .alphabeticalList {
	list-style:none-outside;
	list-style-type:none;
	padding:0 0 20px 0;
	margin:0 auto;
	overflow:hidden;
	height:1%;
	clear: left;
	width: 680px;	
}
.pageNav {
	padding:10px 0 0 0 !important;
	width:380px !important;
	
}
.pageNavHolder {
	border-top: 2px dashed #eaeaea;
	margin:15px auto;
}
.pageNav .inactive {
	float:left;
	display: inline;
	padding: 2px 7px;
	text-align: center;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 1px 0 0;
	color: #ccc;
}
.main_content .subcontent .alphabeticalList li{
	display:inline;
}
.main_content .subcontent .alphabeticalList li a{
	float:left;
	display: inline;
	padding: 2px 7px;
	text-align: center;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 1px 0 0;
	color: #000;
}
.main_content .subcontent .alphabeticalList li a:hover,.main_content .subcontent .alphabeticalList li .active{
	color:#fff;
	background-color: #078BC0;
}
.main_content .subcontent .alphabeticalList li .last{
	text-transform:lowercase;
}
.main_content .subcontent .browsArtistList{
	position:relative;
	width:800px;
	margin:0 auto;
	padding:15px 10px 5px 10px;
	overflow:hidden;
	height:1%;
	background:#717175;
	clear:both;
}
.main_content .subcontent .topBrowsArtistList{
	overflow:hidden;
	height:1%;
	width:800px;
	margin:0 auto;
	padding:5px 10px 5px 10px;
	background:#000;
	position:relative;
	clear:both;
}
.subcontent .topBrowsArtistList .first,.subcontent .topBrowsArtistList .second{
	float:left;
	display: inline;
	width:400px;
	margin:0;
	padding:0;
}
.subcontent .topBrowsArtistList .second{
	float:right;
	width:295px;
	clear:none;
}
.subcontent .browsArtistList .artistLeft{
	list-style:none-outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	float:left;
	display: inline;
}
.subcontent .browsArtistList .artistLeft .rightSpan strong {
	float: left;
	display: inline;
	width: 100px;
	min-height: 46px;
}
.subcontent .browsArtistList .artistLeft .whiteText{
	color:#FFF;
}
.subcontent .browsArtistList .artistLeft li{
	float:left;
	display: inline;
	overflow:hidden;
	height:1%;
	padding:0 0 6px 0;
	margin:0;
	clear:left;
	width:100%;
	position:relative;
}
.subcontent .browsArtistList .artistLeft span, .subcontent .browsArtistList .artistLeft em{
	float:left;
	display: inline;
	padding:7px 0 0 5px;
}
.subcontent .browsArtistList .artistLeft em {
	padding:12px 0 0 8px;
	font-style: normal;
	width:15px;
}
.subcontent .browsArtistList .artistLeft .rightSpan{
	float:right;
	display: inline;
	width:242px !important;
	clear:none;
	margin-right:50px;
}
.subcontent .browsArtistList .artistLeft .rightSpan img{
	margin-right:10px;
}
.subcontent .topBrowsArtistList .select_genre{
	float:left;
	display: inline;
	width:85px;
	color:#FFF;
}
.subcontent .topBrowsArtistList .inputHolder{
	float:left;
	display: inline;
	margin:0 5px 0 0;
}
.subcontent .topBrowsArtistList .inputHolder .TLcorner, .main_content .second .inputHolder .TLcorner{
	background-image: url(../images/WBTLcorner.gif);
}
.subcontent .topBrowsArtistList .inputHolder .TRcorner, .main_content .second .inputHolder .TRcorner{
	background-image: url(../images/WBTRcorner.gif);	
}
.subcontent .topBrowsArtistList .inputHolder .BLcorner, .main_content .second .inputHolder .BLcorner{
	background-image: url(../images/WBBLcorner.gif);	
}
.subcontent .topBrowsArtistList .inputHolder .BRcorner, .main_content .second .inputHolder .BRcorner{
	background-image: url(../images/WBBRcorner.gif);	
}
.subcontent .topBrowsArtistList .searchHolder{
	float:right;
	display: inline;
	width:450px;
}
.genrePage {
	width:auto !important;
	float: left !important;
	margin-top: 5px;
}
.subcontent .topBrowsArtistList .searchHolder span{
	margin:0;
	padding:0 10px 0 0;
	color:#FFF;
}
.subcontent .topBrowsArtistList .searchHolder input{
	margin:0;
	padding:2px 0;
	/* width:100%; */
	font-size:14px;
}
.subcontent .topBrowsArtistList .searchHolder .buttonGo,  .buttonGo {
	margin:0 0 0 0px;
	padding:2px 4px;
	border:0;
	text-transform:uppercase;
	background:#078BC0;
	color:#FFF;
	font-weight:bold;
	/* width:50px; */
	font-size:14px;
}
.subcontent .topBrowsArtistList .search_genre{
	width:100%;
	margin:0;
	padding:0 0 10px 0;
	overflow:hidden;
	height:1%;
	border-bottom:1px dashed #717175;
}
.subcontent .topBrowsArtistList .listTitles{
	margin:0;
	padding:10px 0 0 0;
	overflow:hidden;
	height:1%;	
}
.subcontent .browsArtistList .artistLeft .playSong{
	margin:-17px 0 0;
	position:absolute;
	right:5px;
	top:50%;
	width:30px;
}
.subcontent .browsArtistList .browseSongPlay .whiteText span,.subcontent .browsArtistList .browseSongPlay .white span {
	padding:12px 0 3px 8px;
	width:460px;
}
.subcontent .browsArtistList .artistLeft .viewLink{
	position:absolute;
	top:5px;
	right:10px;
	color:#FFF;
	background-color:#078BC0;
	text-decoration:none;
	padding:1px 5px;
}
/*search pages*/
.subcontent .topBrowsArtistList .searchUl{
	margin:0;
	padding:15px 0 15px 10px;
	list-style-type:none;
	width:700px;
	float:left;
	display: inline;
	font-size:11px;
}
.subcontent .topBrowsArtistList .searchUl li{
	display:inline;
	overflow:hidden;
}
.subcontent .topBrowsArtistList .searchUl a, .subcontent .topBrowsArtistList .searchUl span{
	float:left;
	display: inline;
	width:20px;
	height:20px;
	text-decoration:none;
	margin:0 2px 0 0;
	text-align:center;
	color:#FFF;
	padding:0;
}
.subcontent .topBrowsArtistList .searchUl .pageLabel{
	width:90px;
	color: #ccc;	
}
.subcontent .topBrowsArtistList .searchUl .long{
	width:40px;
}
.subcontent .topBrowsArtistList .searchUl .previous, .subcontent .topBrowsArtistList .searchUl .next {
	width:35px;
}
.subcontent .topBrowsArtistList .searchUl .next{
	background:url(../images/ul_arrow_links.gif) no-repeat 90%;
	padding-right:10px;
}
.subcontent .topBrowsArtistList .searchUl a.next:hover{
	background:#078BC0 url(../images/ul_arrow_links.gif) no-repeat 90%;
}
.subcontent .topBrowsArtistList .searchUl .previous{
	background:url(../images/prev_arrow.gif) no-repeat 10%;
	padding-left:10px;
}
.subcontent .topBrowsArtistList .searchUl a.previous:hover{
	background:#078BC0 url(../images/prev_arrow.gif) no-repeat 10%;
}
.subcontent .topBrowsArtistList .searchUl a:hover, .subcontent .topBrowsArtistList .searchUl .active{
	background:#078BC0;
}
.subcontent .browsArtistList .artistLeft .songImage{
	float:left;
	display: inline;
}
.subcontent .browsArtistList .artistLeft .white .titleSong, .subcontent .browsArtistList .artistLeft .whiteText .titleSong{
	clear:none;
	padding-top:2px;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.subcontent .browsArtistList .artistLeft .whiteText .titleSong, .subcontent .browsArtistList .artistLeft .whiteText .titleSong a{
	color:#FFF;
}
.subcontent .browsArtistList .artistLeft .titleSong a{
	display:block;
	font-size:12px;
	font-weight:normal;
}
.subcontent .browsArtistList .list_search li{
	padding:5px;
	width:790px;
}
/* Artist News*/
.track_comments_subcontent{
	padding:17px 10px;	
	margin:0;
	border-top:2px dashed #555;
	color:#FFF;	
}
.track_comments_subcontent span{
	float:left;
	display: inline;
	clear:left;
	width:350px;
	margin:0;
	padding:0;
	font-size:11px;
	color:#000;		
}
.track_comments_subcontent p{
	margin: 0;
	padding:5px 0;
}
.track_comments_subcontent .visitLink, .roundedSub .visitLink{
	background:url(../images/ul_arrow_links.gif) no-repeat left;
	padding-left:10px;
	color:#FFF;
}

.track_comments_subcontent h4{
	font-size:18px;
	color:#CCC;
}

.track_comments_subcontent_single {
	padding:5px 10px;	
}

.track_comments_subcontent_single * {
	clear: both;
	text-align: left;
	float: none !important;
	font-weight: normal;
	font-size: 12px;
}

/*Reviews pages*/
.menu_comments #artist_reviews .buttonInput{
	float:right;
	display: inline;
	position: absolute;
	right: 10px;
	top: 10px;
}
/*reviews (LightBox)*/
.addReview {
	padding:10px;
	background:#FFF;
	color:#000;
	overflow: hidden;
	height: 550px;
	width: 813px;
}
.addReviewScroll {
	overflow: auto;
	height: 550px;
}
.artistReviewSteps{
	width:900px;
	margin-left:-450px;
	top:1100px;
}
.addReview span{
	float:left;
	display: inline;
	clear:left;
	font-weight:bold;
}
.addReview table{
	clear:both;
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
	width:350px;
	color:#000;
}
.modifyTable{
	padding:20px 0 0 0;
	width:100%;
	margin:0 0 20px 0;
	border-bottom:1px dashed #CCC;
	/*font-size:11px;*/
}
.modifyTable td{
	padding:5px 0;
}
.modifyTable .action{
	width:100px;
}
.modifyTable .deleteNews{
	width:100px;
}
.modifyTable .mp3Title{
	width:290px;
}
.modifyTable .votes{
	width:60px;
}
.modifyTable .masterTrack{
	width:100px;
}
.modifyTable .siteLink{
	width:293px;
}
.modifyTable .mp3TitleOrder{
	width:600px;
}
.modifyTable .masterTrackOrder{
	width:150px;
}
.modifyTable .displayOrder{
	width:100px;
}
.modifyTable .imageTh{
	width:290px;
}
.modifyTable .imgVisible{
	width:150px;
}
.modifyTable .link{
	width:400px;
}
.modifyTable .newsTitle{
	width:600px;
}
.modifyTable .newsDate{
	width:170px;
}
.modifyTable .actionNews{
	width:80px;
}
.contentTitles .addnewsLink{
	clear:both;
	display:block;
}
.addReview table th, .subcontent table th{
	text-align:left;
	border-bottom:1px dashed #CCC;
	color:#078BC0;
	font-size:14px;
	padding-bottom:5px;
}
.addReview table .last{
	border-top:1px dashed #CCC;
}
.addReview table td{
	padding:5px 0;
	width:170px;
}
.modifyTable a, .addReview table a{
	background:#078BC0;
	color:#FFF;
	text-decoration:none;
	margin-right:5px;
	padding:2px 5px;
}
.modifyTable .delete, .addReview table .delete{
	background:#E63900;
}
.modifyTable img, .addReview table img{
	margin-left:10px;
}
/*Add mp3 and Add news*/
.main_content .contentTitles .formHolder label{
	width:300px !important;
}
.formButtonHolder {
	margin-top: 30px;
	text-align: center;
}
/*modify pages*/
.blueArrow{
	/*background:url(../images/arrow_list_img.gif) no-repeat left;*/
	margin-right:30px;
	font-size:14px;
	font-weight:bold;
}
.roundedSub{
	background:#717175;
	color:#FFF;
	padding:10px;
	position:relative;
	margin:0;
	width:900px;
}
.roundedSub h3{
	color:#FFF;
}
.roundedSub p{
	margin:5px;
}
/*modifyPageVip AddMp3 AddNews*/
.formHolderLightGray{
	background:#EFEFEF;
	color:#000;
	width:905px !important;
	margin:0 auto;
}
.blockHolder{
	width: 100%;
	clear: left;
	overflow: hidden;
	padding-bottom: 10px;
}
.formHolderAddNews label, .formHolderLightGray .signupLabel, .formHolderDarkGray .signupLabel{
    text-align:right;
    padding-right:10px;
}
/**/
.formHolderDarkGray .signupLabel em{
	display: block;
	font-size:11px;
}
.main_content .formHolderAddNews .blockHolder .signupLabel{
	width:430px !important;
	float:left;
	display: inline;
}
.formHolderAddNews input, .formHolderAddNews textarea{
	width:230px;
}
.formHolderAddNews textarea{
	height:80px;	
}
.formHolder .propertyInspector{
	margin:0 0 10px 0;
}
.main_content .subcontent .formHolderAddMP3 .signupLabel{
	width:450px !important;
}
.formHolderLightGray .signupLabel,  .formHolderDarkGray .signupLabel{
	width:295px !important;
}
.formHolderDarkGray{
	background:#717175;
	color:#FFF;
	width:905px !important;
	margin:0 auto;	
}
.formHolderDarkGray h4{
	color:#FFF;
}

/* *****************************
/* Artist Menu */
.artistMenu {
	position: absolute;
	top: 48px;
	left: 50%;
	margin-left: 340px !important;
	z-index: 109999;
	width:150px;
}
.artistMenu, .artistMenu ul {
	list-style: none outside;
	padding: 0;
	margin: 0;
	background-color: #717175;
}
.artistMenu ul {
	display: none;
	position: absolute;
	right: 0;
	top: 40px;
	width:150px;
}
.artistMenu li {
	position: relative;
	padding: 0;
	margin: 0;
}
.artistMenu ul li {
	
}
.artistMenu li:hover ul {
	display: block;
}
.artistMenu a {
	color: #fff;
	text-decoration: none;
}
.mainArtistMenu, .mainArtistMenu strong {
	font-size: 18px;
	display: block;
	background-repeat: no-repeat;
}
.mainArtistMenu {
	background-image: url(../images/GWTLcorner.gif);
	height: 40px;
	background-position: left top;
	text-align: center;
	width:150px;
}
.mainArtistMenu strong {
	background-image: url(../images/GWTRcorner.gif);
	height: 30px;
	padding-top: 10px;
	width:150px;
	background-position: right top;
	font-weight: normal;
}
.artistMenu ul li {
	border-top:2px dotted #504F4D;
}
.artistMenu ul li a {
	margin:0;
	padding: 6px 6px 6px 19px;
	background:url(../images/ul_arrow_links.gif) no-repeat 7px 10px;
	font-size: 11px;
	display: block;
}
.artistMenu ul li a:hover {
	background-color: #000;
}
.welcomeHolder {
	position: absolute;
	top: 60px;
	right: 50%;
	margin-right: -310px ;
	z-index: 199999;
}
.thumbsList {
	clear: left;
	padding: 0;
 	margin: 0;
 	list-style: none outside;
}
/* follow 
.wrapper{
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
	height:1%;
}*/
.contentTitles h3{
	clear:both;
}
.formHolderStep3{
	width:500px !important;
}
.formHolderStep3 .inputHolder{
	width:50px;
	margin-bottom: 0 !important;
}
.formHolderStep3 .inputHolder select{
	width:50px;
	margin-bottom: 0 !important;
}
.formHolderStep2{
	width:550px !important;
}
.formHolderStep2 .signupLabel{
	width:250px !important;
}



/* genre page */
.clickHereChart {
	display:inline;
	float:right;
	font-size: 14px;
	background:url("../images/arrow_list_img.gif") no-repeat scroll right center transparent;
	padding-right: 15px;
}

/* review add */
.rating strong {
	float: left;
	display: inline;
	width: 230px;
	clear: left;
	font-weight: normal;
}
.rating strong, .rating select {
	margin-bottom: 5px;
}
/* index slide addition */
.columns {
	padding:0 6px;
}
.columns, .columns div {
	height: 6px;
}
.cols-wrapper {
	width:100%;
}
.float-wrapper {
	float:left;
	position:relative;
	width:100%;
	z-index:0;
}
#col-a {
	float:right;
	width:100%;
	background-color: white;
}
#col-b {
	float:left;
	margin-left:-6px;
	z-index:10;
	background: url(../images/WTTLcorner.png) no-repeat left top;
}
#col-c  {
	float:right;
	margin-right:-6px;
	z-index:11;
	background: url(../images/WTTRcorner.png) no-repeat left top;
}
.bottom #col-b {
	background: url(../images/WTBLcorner.png) no-repeat left top;
}
.bottom #col-c  {
	background: url(../images/WTBRcorner.png) no-repeat left top;
}
.sidecol {
	overflow:hidden;
	position:relative;
	width:6px;
}


/* hover links */
.viewLink:hover, .modifyTable a:hover, .addReview table a:hover{
	background-color: #000 !important;
}

/*paul*/
.pages 
{
clear: both;    
float:left;
font-size:85%;
margin:1em 0;
padding: 15px 0;
}
.pages a, .pages span {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #FFFFFF;
display:block;
float:left;
margin-right:0.1em;
padding:0.2em 0.5em;
}
.pages span.current {
background:none repeat scroll 0 0 #2E6AB1;
border:1px solid #2E6AB1;
color:#FFFFFF;
font-weight:bold;
}
.pages a {
border:1px solid #9AAFE5;
text-decoration:none;
}
.pages a:hover {
border-color:#2E6AB1;
}
.pages a.nextprev {
font-weight:bold;
}
.pages span.nextprev {
color:#666666;
}
.pages span.nextprev {
border:1px solid #DDDDDD;
color:#999999;
}
.pages .nextprev-next {
float:right;
}


.list_tracks {
	clear:both;
	width:670px;
	padding:6px 0 6px 6px;
	margin:0 0 20px 0;
	background:#EFEFEF;
	overflow:hidden;
	height:1%;
	position:relative;
}

.list_tracks ol {
	width:660px;
	padding:0;
	margin:0;
}
.list_tracks ol li {
	clear:left;
	overflow:hidden;
	height:1%;
	padding:5px;
	margin:0;
	display:block;
	z-index: 999;
}
.list_tracks ol a {
	padding:0;
	margin:0;
	display:block;
	font-weight:normal;
	font-size: 12px;
}
.list_tracks ol em {
	float:left;
	display:inline;
	font-style:normal;
	padding:0;
	width:22px;
	font-weight:bold;
	color:#747473;
}
.list_tracks ol span {
	float:left;
	display:inline;
	padding:0 10px 0 10px;
	margin:0;
	width:500px;
	font-size:14px;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
}
.list_tracks img {
	float:left;
	display:inline;
}
.list_tracks .button {
	margin-top: 6px;
}

.right_column iframe {
	width:276px;
	/* border-bottom:1px solid #94A3C4 !important; */
	margin-bottom: 10px;
}

.userUnauthenticatedPanel {
	padding-top: 50px;
}
.userUnauthenticatedPanel h3 {
	color: #fff;
	font-size: 14px;
	margin: 20px 0;
	text-align: center;
}
.track_comments a {
	color: #fff !important;
}
.track_comments .commentContent a {
	color: #078BC0 !important;
}
.bandNameCol {
	width: 130px;
	margin-right: 15px;
	font-weight: bold;
}
.albumName {
	width: 450px;
}
.subcontent .browsArtistList .artistLeft .genreName {
	width:132px !important;
}

/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:5px 5px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	cursor: default;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

.tooltip::selection {
	background:#000;
	}
.tooltip::-moz-selection {
	background:#000;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    border: solid 1px #FF0000;
    padding: 2px 30px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    border: solid 1px #0000FF;
    padding: 2px 0px;
    text-align: center;
}
.parental_advisory
{
    position: absolute;
    width: 75px;
    height: 50px;
    left: 615px;
    top: 7px;
    background-image:url(../images/advisory.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.serverdate
{
	visibility: hidden;
}

/* view all button */
.viewAll
{
    float:right;
    padding-top:15px;
}
.viewAll a
{
    background-color:#078BC0; 
    padding:3px 8px; 
    right:10px;
    top:5px;
    color:White;
    text-decoration:none;
}
.viewAll a:hover
{
    background-color:Black !important;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 680px;
	height:200px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
}
.items div {
	float:left;
}
.commentedTracksHolder
{
 	clear: left;
	float: left;
	display: inline;
	width: 620px;   
}
.trackName
{
    color:#078BC0;
    font-size:14px;
    font-family:Arial, Helvetica, Sans-Serif;
}
.likeiFrameStyles
{
    width:100px !important;
	margin:0px !important;
}
.twitter-follow-button
{
	margin-left:10px;
	margin-top:8px;
}