/*
	Panel layout
*/

#explore
{
  padding: 10px 10px 5px 15px;
}
DIV#explorePanel
{
	width: 745px;
	margin-top: 10px;
}

DIV#explorePanel DIV#panelNavHeader
{
	width: 745px;
	height: 80px;
	background: transparent url('../images/discover-nav-header-bg.gif') top center no-repeat;
}

DIV#explorePanel DIV#panelFooter
{
	padding: 0 10px;
	width: 715px;
}

DIV#explorePanel DIV#panelBody
{
	background: #fcfcfc;
	margin: 10px 14px 10px 0;
	padding: 10px;
	border: 1px solid #eaeaea;
}

DIV#explorePanel DIV#panelEmptyMessage
{
	padding: 40px;
	text-align: center;
}

DIV#explorePanel DIV#panelLoading
{
	padding: 60px;
	text-align: center;
	font-size: 32px;
	color: #ddd;
}

/*
	Header layout
*/

DIV#explorePanel DIV#headerControls
{
	float: left;
	width: 590px;
	height: 76px;
	margin: 1px;
}

DIV#explorePanel DIV#headerNextButton
{
	float: left;
	width: 140px;
	height: 76px;
	margin: 1px 0 0 0;
	padding: 7px 0 0 0;
}

DIV#explorePanel DIV#headerNextButton AREA
{
	cursor: pointer;
}

/*
	Header content
*/

DIV#explorePanel DIV#headerLabel
{
	height: 15px;
	margin: 7px 20px 3px 10px;
}

DIV#explorePanel DIV#headerFilterStrip
{
	width: 577px;
	height: 26px;
	margin: 0 0 0 9px;
	background: transparent url('../images/discover-nav-header-filter-bg.gif') center center no-repeat;
}

DIV#explorePanel DIV#headerFilters
{
	padding: 6px 0 0 0;
	text-align: center;
	font-size: 11px;
}

DIV#explorePanel DIV#headerLabel .filter-menu
{
	font-size: 91%;
}

DIV#explorePanel DIV.filter-menu
{
	display: inline;
	margin: 0 3px;
	background: transparent url('../images/menu-arrow-blue-off.gif') center right no-repeat;
	font-size: 11px;
	font-weight: bold;
}

DIV#explorePanel DIV.filter-menu:hover
{
	background: transparent url('../images/menu-arrow-blue-on.gif') center right no-repeat;
}

DIV#explorePanel DIV.filter-menu A
{
	padding: 0 13px 0 0;
}

DIV#explorePanel DIV.filter-menu.disabled
{  
	filter: alpha(opacity=30);
	opacity: 0.3;
}

DIV#explorePanel DIV.filter-menu.disabled A
{
  text-decoration: none;
  background: transparent url('../images/menu-arrow-blue-off.gif') center right no-repeat;
  cursor: default;
  font-weight: normal;
  color: #333;
}

DIV#explorePanel DIV#showHeaderOptions
{
	position: absolute;
	width: 577px;
	height: 14px;
	overflow: hidden;
	padding: 7px 10px 0 0;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

DIV#explorePanel DIV#headerOptions
{
	position: relative;
	height: 20px;
	overflow: hidden;
	padding: 3px 10px 0 0;
	text-align: right;
	line-height: 20px;
	font-size: 10px;
	color: #666;
}

DIV#explorePanel SPAN#hideHeaderOptions
{
	font-size: 10px;
	font-weight: bold;
}

DIV#explorePanel DIV#headerOptions SPAN
{
	padding: 0 0 0 10px;
}

DIV#explorePanel DIV#headerOptions INPUT
{
	margin:  0 3px 0 0;
	vertical-align: text-top;
	*vertical-align: middle;
}

DIV#explorePanel SPAN#playlistStatus
{
  float:left;
  font-size: 10px;
  margin-left:10px;
  margin-top:5px;
}

/*
	Song area layout
*/

DIV#explorePanel DIV#userPhoto
{
	float: left;
	width: 100px;
	height: 130px;
	overflow: hidden;
	background: #fdfdfd;
	border: 1px solid #e5e5e5;
}

IMG.profile_picture
{
    width:100px;
}

DIV#explorePanel DIV#songInfo
{
	float: left;
	padding: 0 10px 0px 7px;
	width: 365px;
	/* border: 1px dashed blue; */
}

DIV#explorePanel DIV#songTasks
{
	float: left;
	width: 224px;
	/* border: 1px dashed yellow; */
}

/*
	Song info
*/

DIV#explorePanel DIV#songDetails
{
	height: 60px;
}

DIV#explorePanel DIV#songDetails A
{
	font-weight: bold;
}

DIV#explorePanel DIV#userName
{
	font-size: 92%;
}

DIV#explorePanel DIV#songPlayer
{
	padding: 10px 0 0 0;
	height: auto;
}

/*
	Song rating
*/

DIV#explorePanel DIV#rateThisSong
{
	position: relative;
	*width: 221px;
	*height:  46px;
	margin: 1px 0 0 1px;
	padding: 6px 0;
	background: #fffff5;
	border: 1px solid #acd;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	position: relative;
}

DIV#explorePanel DIV#starBlock
{
	margin: 2px auto 0 auto;
	width: 180px;
}

DIV#explorePanel DIV#starBlock SPAN#ratingModule SPAN IMG
{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	padding: 0 2px;
}

DIV#explorePanel SPAN.rating-star.neutral-star
{
	background: transparent url('../images/rating-star-big-neutral.gif') center center no-repeat;
}

DIV#explorePanel SPAN.rating-star.off-star
{
	background: transparent url('../images/rating-star-big-off.gif') center center no-repeat;
}

DIV#explorePanel SPAN.rating-star.on-star
{
	background: transparent url('../images/rating-star-big-on.gif') center center no-repeat;
}

DIV#explorePanel #ratings_login_overlay
{
    position: absolute;
    height: 100%;
    *height: 58px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2; 
}

/*
	Purchase links
*/

DIV#explorePanel DIV#extraLinks
{
	margin: 9px 0;
}

DIV#explorePanel DIV#extraLinks TABLE
{
	width: 200px;
}

DIV#explorePanel DIV#extraLinks TD
{
	vertical-align: middle;
	font-size: 10px;
	color: #333;
}

DIV#explorePanel DIV#songActions
{
	padding: 0 0 0 5px;
	font-size: 11px;
}

DIV#explorePanel DIV#songActions .rollover
{
	margin: 0 0 3px 0;
}

DIV#explorePanel DIV#songActions .download_s
{
    background: url(../images/buy_grey_s.png) no-repeat 0px 0px;
}

DIV#explorePanel DIV#songActions .download_s:hover
{
    background: url(../images/buy_grey_s.png) no-repeat 0px -15px;
    text-decoration: underline;
}
DIV#explorePanel DIV#songActions .favorites_s {
    background: url(../images/favorites_s.png) no-repeat 0px 0px;
}

DIV#explorePanel DIV#songActions .favorites_s:hover {
    background: url(../images/favorites_s.png) no-repeat 0px -15px; 
    text-decoration:underline;
}

DIV#explorePanel DIV#songActions .share_s
{
    background: url(../images/share_s.png) no-repeat 0px 0px;
}

DIV#explorePanel DIV#songActions .share_s:hover
{
    background: url(../images/share_s.png) no-repeat 0px -15px;
    text-decoration: underline;
}

DIV#explorePanel DIV#extraLinks TD#purchaseAlbumImage
{
	width: 50px;
	padding: 0 5px 0 0;
	vertical-align: top;
}

DIV#explorePanel DIV#extraLinks TD#purchaseAlbumImage IMG
{
	width: 50px;
}

DIV#explorePanel DIV#extraLinks A.purchase-link
{
	display: block;
	float: left;
	height: 16px;
	margin: 6px 12px 3px 0;
	*margin-right: 8px;
}

DIV#explorePanel DIV#extraLinks A.purchase-link IMG
{
	margin: -4px 3px 0 0;
	*margin: 0 3px 0 0;
	vertical-align: middle;
}

/*
	Comments panel
*/

DIV#explorePanel DIV#notesPanel
{
	margin: 0 0 10px 0;
}

DIV#explorePanel DIV.comments-head
{
	margin: 0 0 0 0;
	padding: 0 3px 3px 5px;
	border-bottom: 1px solid #ddd;
}

DIV#explorePanel DIV#userSongNote
{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e5e5e5;
}

DIV#explorePanel DIV#userSongNote SPAN
{
	font-size: 82%;
}

DIV#explorePanel DIV#songComments
{
	float: left;
	width: 464px;
	margin-right: 20px;
}

DIV#explorePanel DIV#commentForm
{
	float: left;
	width: 230px;
}

DIV#explorePanel DIV#commentList
{
	padding: 6px 5px 0 5px;
}

DIV#explorePanel DIV#commentList TD
{
	vertical-align: top;
}

DIV#explorePanel DIV#commentList TD DIV.small_picture
{
	padding: 3px 0 3px 0;
}

DIV#explorePanel DIV#commentList DIV.recording_item
{
	margin: 0 5px 6px 0px;
	padding: 0 3px 3px 5px;
	border-bottom: 1px solid #eee;
	border-top: none;
}

DIV#explorePanel DIV#commentList DIV.recording_item_reply
{
	margin: 0 5px 6px 30px;
	padding: 0 3px 3px 5px;
	border-bottom: 1px solid #eee;
	border-top: none;
}

DIV#explorePanel DIV#commentList DIV.comment_body
{
	margin: 2px 0 5px 5px;
}

DIV#explorePanel DIV#commentList DIV.comment_body DIV.gray
{
	font-size: 92%;
}

DIV#explorePanel DIV#moreCommentsLink
{
	padding: 4px;
	text-align: center;
	font-size: 92%;
}

DIV#explorePanel DIV#commentList DIV#moreCommentsLink A
{
	font-weight: normal;
}

/*  unused in table comment layout
DIV#explorePanel DIV.one-comment
{
	width: 277px;
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #f5f5f5;
}

DIV#explorePanel DIV.one-comment.reply
{
	width: 247px;
	margin-left: 25px;
}

DIV#explorePanel DIV.comment-picture
{
	float: left;
	width: 40px;
}

DIV#explorePanel DIV.comment-body
{
	float: left;
	width: 218px;
	padding: 3px;
}

DIV#explorePanel DIV.one-comment.reply DIV.comment-body
{
	width: 188px;
}

DIV#explorePanel DIV.one-comment DIV.comment-text
{
	width: 100%;
	overflow-x: hidden;	
	font-size: 11px;
}

DIV#explorePanel DIV.one-comment DIV.comment-info
{
	padding: 3px 0 0 1px;
	color: #BBB;
	font-size: 9px;
}
*/
DIV#explorePanel IMG.album_art
{
}

#comments textarea, #commentForm textarea
{
    width:207px;
    height:130px;
    padding:4px;
}

.profile_player_item .left_line
{
  background: url(../images/profile_player_item_left_line.gif) no-repeat top left;
  margin-left:8px;
  padding-top:4px;
  height:12px;
}

.profile_player_item .left_line.last
{
  background: url(../images/profile_player_item_left_line.gif) no-repeat 0px -4px;
  margin-left:8px;
  padding-top:4px;
  height:12px;
}

.profile_player_item A.selector
{
  background: url(../images/profile_player_item.gif) no-repeat 0px 3px;
  margin-left:1px;
  padding-left:16px; 
}

.profile_player_item A.selector.currently_playing
{
  background: url(../images/profile_player_item_selected.gif) no-repeat 0px 3px;
  color:#000;
  font-weight:bold;
}

.profile_player_item A.selector.currently_playing:hover
{
  text-decoration:none;
}

#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}

.yui-skin-sam
{
    visibility:hidden;
}

#shareModal DIV.lightBox
{
  padding:10px;
  margin-bottom:5px;
}
#shareModal TD
{
  padding:2px;
  vertical-align:top;
  border:0px;
}
#shareForm TEXTAREA#shareMessage
{
  width:400px;
  height:100px;
}
#shareForm TD.fieldLabel
{
  text-align:right;
  color:#666;
  font-weight:bold;
  padding-right:10px;
}
#shareModal LI
{
  padding:1px 0px;
}

#shareModal SPAN.recipient_delete_link
{
  margin-left:5px;
}

#shareForm TD.text-center
{
  text-align:center;
}