body {
	font-family: Lucida Grande, Lucida Sans, Tahoma, Arial;
	font-size: 12px;
	color: #ffffff;
	margin: 0 auto;
	/*height:auto;*/
	padding: 0;
	background: #252525;
}

a:link, a:active, a:visited {
  color: #37C94A;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

a:focus {
  outline: none;
}

input, textarea {
  font-family: Lucida Grande, Lucida Sans, Tahoma, Arial;
  font-size: 12px;
}

/* Align image center */
img.globalImgAlign {
  margin: auto;
}

.globalWrapper {
  width: 968px;
  margin: 0 auto;
  padding: 140px 0 0 0;
  background: #252525;
}

.globalHeaderWrapper {
  position: fixed;
  width: 100%;
  height: 90px;
  margin: 0 auto;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 200;
  background: #000000 url('../images/header_bg_90x1.png') repeat-x;
}

.globalHeader {
  width: 968px;
  margin: 0 auto;
  padding: 0;
}

.globalHeader .globalLogo {
  float: left;
  width: 380px;
  height: 90px;
  margin: 0;
  padding: 0;
}

.globalHeader .globalLogin {
  float: right;
  width: 400px;
  margin: 35px 0 0 0;
  padding: 0;
}

.globalHeader .globalLogin .loginEmailInput {
  float: left;
  width: 145px;
  margin: 0;
  padding: 2px;
  border: none;
}

.globalHeader .globalLogin .loginEmailInfo {
  float: left;
  width: 145px;
  margin: 5px 0 0 0;
  padding: 0;
}

.globalHeader .globalLogin .loginEmailInfo input {
  margin: 0;
  padding: 0;
  border: none;
}

.globalHeader .globalLogin .loginEmailInfo input.inputCheckBox {
  margin: 0;
  padding: 0;
  border: none;
}

.globalHeader .globalLogin .loginPasswordInput {
  float: left;
  width: 145px;
  margin: 0 0 0 15px;
  padding: 2px;
  border: none;
}

.globalHeader .globalLogin .loginPasswordInfo {
  float: left;
  width: 145px;
  margin: 6px 0 0 19px;
  padding: 0;
}

.globalHeader .globalLogin .loginLoginInput {
  float: right;
  width: 66px;
  height: 20px;
  margin: 0 0 0 10px;
  padding: 0 2px 2px 2px;
  border: none;
  cursor: pointer;
  color: #ffffff;
  background: url('../images/grn_btn_25x1.png') repeat-x;
}

/* Global clear fix */
.globalClearFix {
  clear: both;
}

/* Nav */
.globalNav {
  position: fixed;
  width: 100%;
  height: 35px;
  margin: 90px 0 90px 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 200;
  background: url('../images/header_navi_bg_45x1.png') repeat-x;
  clear: both;
}

.globalNav .navContainer {
  width: 968px;
  margin: 0 auto;
  padding: 0;
  clear: left;
}

.globalNav .navContainer ul {
  float: left;
  margin: 0;
  padding: 0;
}

.globalNav .navContainer ul li,
.globalNav .navContainer ul li a {
  color: #FFF;
  text-decoration: none;
  text-align: center;
}

.globalNav .navContainer ul li {
  display: inline;
  font-size: 12px;
  text-align: center;
}

.globalNav .navContainer ul li a {
  float: left;
  width: 110px;
  height: 35px;
  margin: 0;
  padding: 0;
  line-height: 30px;
  border-right: 1px solid #000000;
}

.globalNav .navContainer ul li a:hover {
  background: url('../images/active_link_navi_110x45.png') no-repeat;
}

.globalNav .navContainer ul.settings {
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
}

.globalNav .navContainer ul.settings li {
  float: right;
  width: auto;
  margin: 0;
  line-height: 30px;
  border: none;
}

.globalNav .navContainer ul.settings li a {
  width: auto;
  margin: 0;
  padding: 0 5px 0 5px;
  border: none;
}

.globalNav .navContainer ul.settings li a:hover {
  background: none;
  text-decoration: underline;
}

.globalNav .navContainer ul li a.headerNavActive {
  font-weight: bold;
  text-decoration: none;
  color: #37c94a;
  background: url('../images/active_link_navi_110x45.png') no-repeat;
}

.globalNav .navContainer ul li a.headerNavActiveNoBG {
  font-weight: bold;
  text-decoration: none;
  color: #37c94a;
}

.globalNav .navContainer ul li a.headerNavAddBorder {
  border-left: 1px solid #000000;
}

/* Hidden Field*/
.globalHidden {
  display: none !important;
}

/* Tab System */
ul.globalNavTabs {
  float: left;
  width: 100%;
  margin: 15px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #191e1c;
}

ul.globalNavTabs li {
  display: inline;
}

ul.globalNavTabs li a {
  float: left;
  margin: 0 10px -1px 0;
  padding: 5px 10px 5px 10px;
  border: 1px solid #191e1c;
  font-weight: bold;
  background: #191e1c;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}

ul.globalNavTabs li a.active {
  border-bottom: 1px solid #000000;
  background: #000000 !important;
}

/* Used to display an error message within the tab system */
.globalTabError {
  float: left;
  width: 97%;
  min-height: 100px;
  margin: 0;
  padding: 1.5%;
  background: #0f1412;
  text-align: center;
}

/* Container for the tab system with borders */
.globalTabContainer {
  float: left;
  width: 97%;
  margin: 0;
  padding: 1.3%;
  border-right: 1px solid #191e1c;
  border-bottom: 1px solid #191e1c;
  border-left: 1px solid #191e1c;
}

/* box */
.globalShadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000000;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  display: none;
}

.globalBox {
  position: fixed;
  width: 470px;
  padding: 15px;
  left: 50%;
  top: 50%;
  margin-top: -250px;
  margin-left: -250px;
  border: 7px solid #191e1c;
  background: #222825;
  display: none;
}

.globalBox .globalBoxTitle {
  min-width: 470px;
  margin: 0;
  padding: 0 0 5px 0;
  color: #37c94a;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #404641;
}

.globalBox .globalBoxTitle .globalBoxClose {
  float: right;
  cursor: pointer;
}

.globalBox .globalBoxLoadingImg {
  position: absolute;
  width: 470px;
  margin: 80px 0 0 0;
  padding: 0;
  text-align: center;
}

.globalBox .globalBoxContent {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
}

/* General Tool Tips */
.uiTooltip {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.uiTooltip span {
  display: none;
  visibility: hidden;
}

.uiTooltip:hover {

}

.uiTooltip:hover span {
  display: block;
  visibility: visible;
  position: absolute;
  z-index: 20;
  bottom: 1.5em;
  text-align: center;
  background: none;
  white-space: nowrap;
}

.uiTooltip span em {
  display: block;
  height: 9px;
  margin-top:-1px;
  background: transparent url('../images/tool_tip_bot.png') no-repeat;
}

.uiTooltip span i {
  display: block;
  background: none;
  padding: 2px 5px 2px 5px;
  background: #222825;
  color: #F8920C;
  border: 1px solid #F8920C;
  font-style: normal;
}

/* NewArtists Tool Tips */
a.uiNATooltip {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
a.uiNATooltip span {
  display: none;
  visibility: hidden;
}

a.uiNATooltip:hover {

}

a.uiNATooltip:hover span {
  display: block;
  visibility: visible;
  position: absolute;
  z-index: 20;
  right: 20px;
  text-align: left;
  background: none;
  white-space: nowrap;
}

a.uiNATooltip span i {
  display: block;
  background: none;
  padding: 2px 5px 2px 5px;
  background: #000000;
  border: 1px solid #F8920C;
  color: #F8920C;
  font-style: normal;
}
/*Voting */
.ajaxVote {
  float: left;
  width: auto !important;
  margin: 0;
  padding: 0;
  color: #EE742C;
  font-size: 12px;
  line-height: 15px;
  /*background: url('../images/newartist_icon_vote.png') no-repeat;*/
}

.ajaxVoted {
  float: left;
  width: auto !important;
  margin: 0;
  padding: 0 0 0 18px;
  color: #37C94A;
  font-size: 12px;
  line-height: 15px;
  background: url('../images/voter_newartist_icon_vote_hover.png') no-repeat !important;
  font-weight: bold;
}

.ajaxRemoveVote {
  float: left;
  width: auto !important;
  margin: 0 0 0 5px;
  padding: 0;
  color: #37C94A;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
}

.ajaxVote a,
.ajaxVote a:active,
.ajaxVote a:visited,
.ajaxVote a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.ajaxVoted a,
.ajaxVoted a:active,
.ajaxVoted a:visited,
.ajaxVoted a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.ajaxRemoveVote a,
.ajaxRemoveVote a:active,
.ajaxRemoveVote a:visited,
.ajaxRemoveVote a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

/* Voting Stars */
/*
.globalStarRating div,
.ajaxStarRating button {
  float: left;
  height: 14px;
  width: 14px;
  overflow: hidden;
  border: none;
  background: transparent url('../images/star_sprite.png') 0 0 no-repeat;
}

.starRatingHover {
  background: transparent url('../images/star_sprite.png') 0 -28px no-repeat !important;
}

.starRatingEmpty {
  background: transparent url('../images/star_sprite.png') 0 0 no-repeat !important;
}

.starRatingHalf {
  background: transparent url('../images/star_sprite.png') 0 -14px no-repeat !important;
}

.starRatingFull {
  background: transparent url('../images/star_sprite.png') 0 -28px no-repeat !important;
}

.ajaxStarRating div {
  float: left;
  margin: 0 0 0 5px;
  color: #FFFFFF;
  font-size: 11px;
}

.starRatingVoted {
  float: left;
  width: auto !important;
  margin: 0 0 0 5px;
  padding: 0 0 0 18px;
  color: #EE742C;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  background: url('../images/newartist_icon_vote.png') no-repeat !important;
}

.ajaxStarRating #starRatingMessage {
  margin: 0 0 0 5px;
}*/


/* Global Playlist */
.globalPlaylist {
  position: absolute;
  width: 185px;
  margin: 0;
  padding: 5px;
  border: 1px solid #39B54A;
  background: #222825;
  z-index: 999;
  display: none;
}

.globalPlaylist .globalPlaylistNewPlaylist {
  float: left;
  width: 185px;
  margin: 0 0 5px 0;
  padding: 0;
}

.globalPlaylist a:link,
.globalPlaylist a:visited,
.globalPlaylist a:active {
  color: #ffffff;
  text-decoration: none;
}

.globalPlaylist .globalPlaylistNewPlaylistContainer {
  float: left;
  width: 185px;
  margin: 0 0 10px 0;
  padding: 0px;
  display: none;
}

.globalPlaylist .globalPlaylistNewPlaylistContainer input.globalPlaylistInput {
  float: left;
  width: 182px;
  margin: 0;
  padding: 2px;
  color: #ffffff;
  border: none;
  background: #000000;
}

.globalPlaylist .globalPlaylistNewPlaylistContainer input.globalPlaylistAddInput {
  float: right;
  margin: 5px 0 0 0;
  padding: 0 2px 0 2px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  background: #1D723A;
}

.globalPlaylist .globalPlaylistContainer {
  float:left;
  width:185px;
  padding: 0;
  cursor:pointer;
  border-bottom:1px solid #363C39;
  border-top:1px solid #000000;
  clear:both;
}

.globalPlaylist .globalPlaylistContainer:hover {
  background: #363c39;
}

/* Footer */
.globalFooter {
  width: 968px;
  margin:20px auto 0 auto;
  padding:0;
  border-top: 1px solid #686868;
  clear: both;
}

.globalFooter span {
  font-weight: bold;
  color: #686868;
}

.globalFooter span:hover {
  font-weight: bold;
  color: #404041;
  text-decoration: underline;
}
.globalFooter ul.first {
  float: left;
  margin: 10px 0 5px 0;
  padding: 0;
  list-style-type: none;
  /*clear: left;*/
}

.globalFooter ul {
  float: left;
  margin: 10px 0 5px 110px;
  padding: 0;
  list-style-type: none;
}

.globalFooter ul li {
  font-size: 12px;
  display: block;
  color: #37C94A;
  font-weight: bold;
  text-align: left;
}

.globalFooter ul li a {
  margin: 0;
  padding: 0;
  color: #686868;
  font-weight: normal;
}

.globalFooter .globalFooterCopyright {
  float: left;
  width: 968px;
  margin: 5px 0 5px 0;
  padding: 5px 0 0 0;
  color: #484848;
  border-top: 1px solid #686868;
  text-align: center;
  clear: left;
}


/* Global Player */
.globalPlayer {
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
}

.artist_pic {
	padding: 5px;
	width: 70px;
  height: 70px;
	float: left;
	background: #0F1412;
}

.artist_pic img {
  width: 70px;
  height: 70px;
}

.play_info {
  width: 168px;
	font-size: 10px;
	padding: 5px;
	float: left;
	height: 70px;
	background: #0F1412;
}

/*
.play_info a:link,
.play_info a:visited,
.play_info a:active,
.play_info a:hover {
  color: #EE742C !important;
}*/

span.globalPlayerSongName {
  font-size: 12px;
  color: #EE742C !important;
}

span.globalPlayerVoted {
  margin: 10px 0 0 2px !important;
  color: #EE742C !important;
}

span.globalPlayerTitles {
  color: #EE742C !important;
}

span.globalPlayerTitles a,
span.globalPlayerTitles a:visited,
span.globalPlayerTitles a:active,
span.globalPlayerTitles a:hover {
  color: #EE742C;
}

.play_info span {
  color: #ffffff;
}

.play_info a.vote {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 14px;
	padding-left: 20px;
	margin-left: 10px;
}

.play_info a.vote:hover {
	color: #37C94A;
}

.play_info a.voted {
	color: #39B54A;
	text-decoration: none;
	font-size: 12px;
	background-image: url(../images/vote.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 14px;
	padding-left: 20px;
	margin-left: 10px;
}

.play_info a.voted:hover {
	color: #39B54A;
}

.player {
	float: left;
	height: 70px;
	width: 305px;
	padding: 5px;
	z-index: 101;
  background: #0F1412 url(../images/player_bg.png) no-repeat;
}

.player a.playlist_dropdown {
  float: left;
  height: 15px;
  margin-top: 20px;
	margin-bottom: 15px;
  padding-left: 20px;
	cursor: pointer;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
  display: block;
  background: url('../images/playlist_dropdown_grey.png') no-repeat;
}

.player a.playlist_dropdown:hover {
	background: url('../images/playlist_dropdown_green.png') no-repeat;
}

.playlist_dropdown_select  {
	position: absolute;
	margin: 0;
	border: 1px solid #39b54a;
	z-index: 250;
  overflow: hidden;
  background: #222825;
  display: none;
}


.playlist_dropdown_select .row {
  float: left;
  border-bottom:1px solid #363C39;
  border-top:1px solid #000000;
  cursor:pointer;
  padding-left:17px;
  width:100px;
  clear: both;
}

.playlist_dropdown_select .row a:link,
.playlist_dropdown_select .row a:active,
.playlist_dropdown_select .row a:visited,
.playlist_dropdown_select .row a:hover {
  text-decoration: none;
}

.player a.prev2 {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 0 0 0;
  cursor: pointer;
	line-height: 16px;
	background: url(../images/prev_grey.png) no-repeat;
}

.player a.prev {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 0 0 0;
  cursor: pointer;
	line-height: 16px;
	background: url(../images/prev_green.png) no-repeat;
}

.player a.prev:hover {
	background: url(../images/prev_green.png) no-repeat;
}

.artistContentPlayOption a.play {
	background-image: url(../images/newartist_icon_play_hover.png);
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	color: #FFF;
	text-decoration: none;
	width: 39px;
}

.artistContentPlayOption a.pausee {
	background-image: url(../images/newartist_icon_pause_hover.png);
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	color: #FFF;
	text-decoration: none;
	width: 39px;
  margin-left: -3px;
}

.player a.play {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/play_grey.png);
	background-repeat: no-repeat;

	height: 16px;
	width: 16px;
	margin-left: 5px;
	float: left;
	margin-right: 2px;
}
.player a.play:hover {
	background-image: url(../images/play_green.png);
	background-repeat: no-repeat;
}

.player a.pausee {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/pause_green.png);
	background-repeat: no-repeat;

	height: 16px;
	width: 16px;
	margin-left: 5px;
	float: left;
	margin-right: 2px;
}
.player a.pausee:hover {
	background-image: url(../images/pause_green.png);
	background-repeat: no-repeat;
}

.player a.next {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/next_green.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	float: left;
	margin-right: 7px;
}
.player a.next:hover {
	background-image: url(../images/next_green.png);
	background-repeat: no-repeat;
}
.player a.next2 {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/next_grey.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	float: left;
	margin-right: 7px;
}
.player a.shuffle {
	float: right;
  width: 13px;
  height: 16px;
	margin: -2px 5px 0 0;
	line-height: 16px;
	cursor: pointer;
  background: url(../images/shuffle_grey.png) center no-repeat;
}

.player a.shuffle_on {
	float: right;
  width: 13px;
  height: 16px;
	margin: -2px 5px 0 0;
	line-height: 16px;
	cursor: pointer;
  background: url(../images/shuffle_green.png) center no-repeat;
}

.player a.shuffle_on:hover {
	background-image: url(../images/shuffle_green.png);
	background-repeat: no-repeat;
}

.player a.repeat {
  float: right;
	width: 13px;
  height: 16px;
  margin: -2px 5px 0 0;
	line-height: 16px;
  cursor: pointer;
	background: url(../images/repeat_list_grey.png) center no-repeat;
}

.player a.repeat_on {
	float: right;
	width: 13px;
  height: 16px;
  margin: -2px 5px 0 0;
	line-height: 16px;
  cursor: pointer;
  background: url(../images/repeat_list_green.png) center no-repeat;
}

.player a.repeat_list {
	float: right;
  width: 13px;
  height: 16px;
  margin: -2px 3px 0 0;
	line-height: 16px;
	cursor: pointer;
  background: url(../images/repeat_grey.png) center no-repeat;
}

.player a.repeat_list_on {
	float: right;
  width: 13px;
  height: 16px;
  margin: -2px 3px 0 0;
	line-height: 16px;
	cursor: pointer;
	background: url(../images/repeat_green.png) center no-repeat;
}

.player a.add_playlist {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/add_playlist_grey.png);
	background-repeat: no-repeat;
	height: 15px;
	float: right;
	color: #FFF;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	width: 15px;
	margin-top: 25px;
}
.player a.removefrom_playlist {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/grn_remove_from_playlist_hover.png);
	background-repeat: no-repeat;
	height: 15px;
	float: right;
	color: #FFF;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	width: 15px;
	margin-top: 25px;
}
.player a.removefrom_playlist:hover {
	background-image: url(../images/grn_remove_from_playlist_active.png);
	background-repeat: no-repeat;
}
.player a.add_playlist:hover {
	background-image: url(../images/add_playlist_green.png);
	background-repeat: no-repeat;
}

.player .added_playlist {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/add_playlist_green.png);
	background-repeat: no-repeat;
	height: 15px;
	float: right;
	color: #FFF;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	width: 15px;
	margin-top: 25px;
}

.player a.remove_playlist {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/remove_playlist_grey.png);
	background-repeat: no-repeat;

	height: 15px;
	float: right;
	color: #FFF;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	width: 15px;
	margin-top: 25px;
}
.player a.remove_playlist:hover {
	background-image: url(../images/remove_playlist_green.png);
	background-repeat: no-repeat;
}
.player a.share {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/share_grey.png);
	background-repeat: no-repeat;

	height: 15px;
	float: right;
	color: #FFF;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	width: 15px;
	margin-top: 25px;
}
.player a.share:hover {
	background-image: url(../images/share_green.png);
	background-repeat: no-repeat;
}
.player a.buy {
	cursor :pointer;
	line-height: 16px;
	background-image: url(../images/buy_grey.png);
	background-repeat: no-repeat;

	height: 15px;
	float: right;
	color: #FFF;
	text-decoration: none;
	margin-left: 2px;
	width: 15px;
	margin-top: 25px;
}
.player a.buy:hover {
	background-image: url(../images/buy_green.png);
	background-repeat: no-repeat;
}
.player div.slider {
	width: 172px;
	height: 74px;
	position: relative;
	bottom: 5px;
	top: -54px;
	float: left;
	z-index: 1;
}

.close_pop {
	background-image: url(../images/close_pop.png);
	background-repeat: no-repeat;
	background-position: left top;

	float: right;
	height: 15px;
	width: 15px;
	cursor:pointer;
}
