/* @override http://lnb.dev.he.playlist.com/styles/sections/playlist/playlist.css */

#btnGroupPlaylist {
	position:relative;
	margin-left:-8px;
    text-indent: -3000px;
    background: url(/img/buttons/group-playlist-button-large.gif) no-repeat;
    display: block;
    height: 55px;
    width: 223px;
}

span.activity_feed_disabled { color:#480082; font-size:16px; }

label input[type=radio] {
    margin-right: 5px;
}

	/* ------------------------------------------
	*	INDEX PAGE (TECHNICALLY IT'S THE SHOW PAGE)
	* ---------------------------------------- */
	body#indexPage div#playlistContainer { background: #f3f3f3; padding: 0.7em; margin: 0 0 1.5em; -webkit-border-radius: 5px; }
	body#indexPage div#playlistContainer object { display: block; width: 100%; height: 30em; }
	body#indexPage div#playlistContainer object embed { display: block; width: 100%; height: 100%; }
	
	/* Profile Pic & Description */
	body#indexPage a#profilePic { float: left; margin: 0.3em 1.5em 2em 0; }
	body#indexPage a#profilePic img { width: 64px; display: block; }
	body#indexPage h5#createdBy { margin: 0; }
	body#indexPage p#createdOn { color: #999; font-size: 1.1em; margin: 0 0 0.5em; }
	body#indexPage div#description { font-size: 1.2em; margin: 0 0 1em; line-height: 1.6em; padding: 0 0 2em; margin: 0 0 0 8em; }
	
	/* Get Ringtones */
	body#indexPage a#btnGetRingtones { left: -8px; position: relative; }

    /* Action Links */
 	dl dt { margin: 0 0 0.3em; }
	dl dd { margin: 0; line-height: 23px; padding: 0 0 0 20px; background-position: 1px 3px; background-repeat: no-repeat; }
	dl dd a { padding: 3px 0; text-decoration: none; }
    dl dd.arrange { background-image: url(/img/silk/cd_edit.png); }
	dl dd.delete { background-image: url(/img/silk/delete.png); }
	dl dd.edit { background-image: url(/img/silk/pencil.png); }
	dl dd.group { background-image: url(/img/silk/group.png); }

	/* Playlist Links */
	#playlistLinks { margin-top: 0.3em; }
	#playlistLinks li { padding: 0 0 0 20px; line-height: 23px; }
	#playlistLinks li a { padding: 3px 0; }
	#addToFavorites { background: url(../../../img/assets/ico-favorite.gif) no-repeat 0 2px; }
	#getRingtones { background: url(../../../img/assets/ico-phone.png) no-repeat 0 2px; }
	#standAlone { background: url(../../../img/assets/ico-pop-out.gif) no-repeat 0 2px; }
	
	/* Share this playlist */
	dd#shareEverywhere a { padding: 0 }
	dd#mySpaceItem { background-image: url(../../../img/assets/logos/myspace.gif); }
	dd#facebookItem { background-image: url(../../../img/assets/logos/facebook.gif); }
	dd#emailItem { background-image: url(../../../img/assets/ico-email.gif); }
	dd#codeItem { background-image: url(../../../img/assets/ico-generate-code-1.gif); }
	
	/* Export playlist to */
	dl dd#exportWindows { background-image: url(../../../img/assets/logos/windows-media.gif); background-position: 2px 3px; }
	dl dd#exportItunes { background-image: url(../../../img/assets/logos/itunes.gif); }
	dl dd#exportRealMedia { background-image: url(../../../img/assets/logos/real-media.gif); background-position: 0 2px; }
	dl dd#exportFlash { background-image: url(../../../img/assets/logos/flash.gif); background-position: 2px 3px; }

	/* Comments */
	body#indexPage h4#comments { clear: both; border-top: 2px solid #999; border-bottom: 1px solid #eee; padding: 0.5em 0 0.6em; margin: 0 0 1.2em; }
	body#indexPage div.comment_list { margin: 0 0 2em; }
	body#indexPage div.comment { border-bottom: 1px solid #ddd; padding: 2em 0; overflow: hidden; }
	body#indexPage div.comment a.profile { float: left; margin: 0 1.5em 0 0; width: 64px; overflow: hidden; }
	body#indexPage div.comment a.profile img { width: 64px; }
	body#indexPage div.comment h5 { margin: 0 0 0.2em 7.25em; }
	body#indexPage div.comment h6.date { font-weight: normal; color: #888; font-size: 1.1em; margin: 0 0 1em; }
	body#indexPage div.comment div.body { margin: 0 0 1em 7.95em; font-size: 1.2em; line-height: 1.5em; }
	body#indexPage.in_ie div.comment div.body { overflow: hidden; width: 35.2em; }
	body#indexPage form#add-comment { padding: 0 0 0 9.5em; }
	body#indexPage form#add-comment textarea { width: 97.7%; }
	
	
	/* ------------------------------------------
	*	DOWNLOAD PAGE
	* ---------------------------------------- */
	/* Column Headers */
	body#downloadPage h5#playlistHead { color: #fff; background: #526481 url(../../../img/search/player/thead_bg.gif) repeat-x 0 0; height: 29px; font: bold 12px Arial; overflow: hidden; margin: 0; background: #25313e; padding: 2px 2px 0; -webkit-border-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 4px 4px 0 0; }
	body#downloadPage h5#playlistHead span { display: block; float: left; padding: 8px 1.4% 6px; border-right: 1px solid #5d6f88; cursor: pointer; position: relative; }
	body#downloadPage h5#playlistHead span.arrange_actions { width: 20px; text-align: center; font-weight: normal; color: #99adcd; }
	body#downloadPage h5#playlistHead span.number { text-align: center; width: 2.6%; }
	body#downloadPage h5#playlistHead span.track { width: 41%; }
	body#downloadPage h5#playlistHead span.ringtone { width: 40%; border: 0; }

	/* Tracks Rows */
	body#downloadPage ul#playlistTracks { margin: 0 0 2em; list-style: none; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
	body#downloadPage ul#playlistTracks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	body#downloadPage ul#playlistTracks li { overflow: hidden; height: 3.4em; }
	body#downloadPage ul#playlistTracks li a { display: block; overflow: hidden; height: 3.4em; }
	body#downloadPage ul#playlistTracks li a span { display: block; float: left; overflow: hidden; white-space: nowrap; font-size: 1.1em; }
	body#downloadPage ul#playlistTracks li a span.track { width: 40%; padding: 0.9em 1.4% 0.8em; text-decoration: underline; margin: 0 1.5% 0 0; }
	body#downloadPage ul#playlistTracks li a span.ringtone { width: 106px; height: 24px; padding: 0 0.5em 0; margin: 0.65em 0 0; text-decoration: none; text-indent: -1000em; background: url(../../../img/playlists/download/btn-get-ringtone-purple.png) no-repeat center 0; }
	body#downloadPage ul#playlistTracks li a:hover span.ringtone { background-position: center -36px; }
	body#downloadPage ul#playlistTracks li.alt { background-color: #f3f3f3; }
	
	/* Browser Fixes */
	body#downloadPage.in_ie6 ul#playlistTracks li a span.ringtone { margin: 0.75em 0 0; }
  
  
	/* ------------------------------------------
	*	EDIT PAGE
	* ---------------------------------------- */
	body#editPage div#content label { width: 35.5em; }
	
	
	/* ------------------------------------------
	*	 MANAGE PAGE
	* ---------------------------------------- */
	/* Column Headers */
	body#managePage h5#playlistHead { color: #fff; background: #526481 url(../../../img/search/player/thead_bg.gif) repeat-x 0 0; height: 29px; font: bold 12px Arial; overflow: hidden; margin: 0; background: #25313e; padding: 2px 2px 0; -webkit-border-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 4px 4px 0 0; }
	body#managePage h5#playlistHead span { display: block; float: left; padding: 8px 10px 6px; border-right: 1px solid #5d6f88; cursor: pointer; position: relative; }
	body#managePage h5#playlistHead span.arrange_actions { width: 20px; text-align: center; font-weight: normal; color: #99adcd; }
	body#managePage h5#playlistHead span.number { text-align: center; width: 8px; }
	body#managePage h5#playlistHead span.title,
	body#managePage h5#playlistHead span.artist { width: 186px; }
	body#managePage h5#playlistHead span.delete_action { width: 12px; text-align: center; font-weight: normal; border: 0; color: #99adcd; }

	/* Tracks Rows */
	body#managePage ul#playlistTracks { margin: 0 0 2em; list-style: none; background: #25313e; padding: 0 2px 2px; height: 1%; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
	body#managePage ul#playlistTracks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	body#managePage ul#playlistTracks li { background: #516d8f; cursor: pointer; height: 33px; overflow: hidden; float: left; clear: left; width: 100%; }
	body#managePage ul#playlistTracks li span { display: block; float: left; padding: 8px 6px 9px; border-right: 1px solid #869cb5; color: #fff; overflow: hidden; white-space: nowrap; }
	body#managePage ul#playlistTracks li span.number { text-align: center; width: 16px; cursor: move !important; }
	body#managePage ul#playlistTracks li span.title,
	body#managePage ul#playlistTracks li span.artist { width: 186px; padding-left: 10px; padding-right: 10px; cursor: move !important; }
	body#managePage ul#playlistTracks li span.delete_action { cursor: default; border: 0; }
	body#managePage ul#playlistTracks li span.delete_action a.delete { display: block; height: 16px; width: 16px; text-decoration: none; text-indent: -1000em; background: url(/img/search/player/delete.png) no-repeat 0 0; margin: 2px auto 0; overflow: hidden; }
	body#managePage ul#playlistTracks li span.delete_action a.delete:hover { background-position: -51px 0; }
	body#managePage ul#playlistTracks li span.arrange_actions { cursor: default; width: 28px; }
	body#managePage ul#playlistTracks li span.arrange_actions a.move_up { display: block; float: left; width: 13px; height: 14px; background: url(/img/search/player/arrange-buttons.gif) no-repeat 0 -28px; text-indent: -1000em; margin: 2px 1px 0 0; overflow: hidden; }
	body#managePage ul#playlistTracks li span.arrange_actions a.move_down { display: block; float: left; width: 13px; height: 14px; background: url(/img/search/player/arrange-buttons.gif) no-repeat -13px -28px; text-indent: -1000em; margin: 2px 0 0; overflow: hidden; }
	body#managePage ul#playlistTracks li span.arrange_actions a.move_up:hover { background-position: 0 -42px !important; }
	body#managePage ul#playlistTracks li span.arrange_actions a.move_down:hover { background-position: -13px -42px !important; }

	/* Alternating Rows */
	body#managePage ul#playlistTracks li.alt.cantplay { background-color: #aaa; }
	body#managePage ul#playlistTracks li.cantplay { background-color: #bbb; }
	body#managePage ul#playlistTracks li.alt.broken { background-color: #f66; }
	body#managePage ul#playlistTracks li.broken { background-color: #f77; }
	body#managePage ul#playlistTracks li.alt { background-color: #627fa3; }
	body#managePage ul#playlistTracks li.alt span { color: #fff; border-color: #869cb5 !important; }

	/* Hover State */
	body#managePage ul#playlistTracks li:hover { background-color: #98abcc; background-position: 0 -99px; }
	body#managePage ul#playlistTracks li:hover span { color: #fff; border-color: #869cb5 !important; }
	body#managePage ul#playlistTracks li.alt.cantplay:hover { background-color: #888; }
	body#managePage ul#playlistTracks li.cantplay:hover { background-color: #888; }
	body#managePage ul#playlistTracks li.alt.broken:hover { background-color: #d33; }
	body#managePage ul#playlistTracks li.broken:hover { background-color: #d33; }


	/* Browser Fixes */
	body#managePage.in_ie6 ul#playlistTracks li span.delete_action a.delete { background-image: url(/img/search/player/delete.gif); }
	
	
	/* ------------------------------------------
	*	STANDALONE PAGE
	* ---------------------------------------- */
	body#standalonePage { background: #76a0cc url(../../../img/layouts/application/bg.gif) repeat-x 0 -34px; padding: 2em; }
	body#standalonePage h1 { color: #fff; text-shadow: -1px -1px 1px #1b3958; }

	
	/* ------------------------------------------
	 *  EMAIL CAMPAIGN
	 * ---------------------------------------- */
	body#campaignPage div#content h1 { font-size: 3.1em; text-align: center; margin: 0; padding: 0.1em 0 0.6em; }
  
	body#campaignPage div#yourPlaylistBox { margin: 0 -20px; padding: 15px 0 10px 0; text-align: center; background: #e8e8e8 url(/img/playlists/tmp_campaign/gradient_back.gif); border-top: 1px #ccc solid; border-bottom: 1px #eee solid; }
  
	body#campaignPage div#campaignPoints div.campaign_point { float: left; margin: 1.9em 2em 0 0; padding: 0 2em 0 0; width: 28.5em; height: 125px; text-align: center; background: url(/img/playlists/tmp_campaign/gradient_border.gif) top right no-repeat; }
	body#campaignPage div#campaignPoints div.campaign_point img { display: block; margin: 0 auto; }
	body#campaignPage div#campaignPoints div.campaign_point.last { margin-right: 0; padding: 0; background: none; }
	body#campaignPage div#campaignPoints div.campaign_point p { font-size: 1.4em; font-weight: bold; color: #888; padding: 0 1em; }
	body#campaignPage div#campaignPoints div.campaign_point a { text-decoration: none; }
	body#campaignPage div#campaignPoints div.campaign_point a:hover { text-decoration: underline; }
	body#campaignPage div#campaignPoints div.campaign_point a span { font-size: 1.4em; font-weight: bold; }

/* ------------------------------------------
 *  GROUP PLAYLIST STYLES
 * ---------------------------------------- */

.section {
	margin: 0 0 3em 0;
}
#player {
	height:400px;
}
#btnGroupPlaylistInvite {
	position:relative;
	margin-left:-8px;
    text-indent: -3000px;
    background: url(/img/buttons/invite-a-friend.gif) no-repeat;
    display: block;
    height: 55px;
    width: 223px;
}
#btnGroupPlaylistJoin span{
	font-size: 16px;
}
.user_sig {
	display:none;
}
.invitebtn{
	margin: 0 0 1em 0;
}
.invite_field_label{
	padding: 0 0 0 40px;
	display:inline; 
	margin:0; 
	font-size:14px;
}
input.invite_field {
	margin:0 0 0 10px;
	width: 250px;
	font-size:11px;
}
#playlist_users {
	overflow: auto;
    height: auto;
    list-style: none;
	margin:0;
    padding: 0;
}
#playlist_users li {
    position: relative;
	overflow: hidden;
    float: left;
    width: 48%;
    height: 35px;
	padding:0;
	margin: 0 2% 5px 0;
}
#playlist_users img {
    width: 35px;
    height: 35px;
    margin-right: 2px;
}
#playlist_users p {
	font-size: 1em;
	line-height: 16px;
	overflow: hidden;
}
#playlist_users a.userpic_url {
	float:left;
}
#playlist_users a.closesmall {
	top:0;
	right:0;
	background-color: #fff;
	border:5px solid #fff;
}


body#indexPage #playlistMeta a.ownerpic_url {
    float: left;
	margin:0 5px 0 0;
}
body#indexPage #playlistMeta a.ownerpic_url img{
	width: 35px;
}
body#indexPage #playlistMeta p#createdOn {
	margin: 0 0 0 5px;
    font-weight: bold;
}

body#indexPage ul.actionstream{margin: 2em 0; padding: 0; list-style-type: none;}
body#indexPage .actionstream li {margin: .5em 0;}

body#indexPage ul.actionstream li .action_container {position:relative; padding:7px;background-color:#eee;}

body#indexPage ul.actionstream li div.comment_list { margin: 0; padding-left: 35px;}

body#indexPage ul.actionstream li .profilepic {float:left; position:relative;width:40px;height:40px;margin:0px 10px 0 0;}
body#indexPage ul.actionstream li .profilepic a.profile img{width:40px; height:40px;display: block;}
body#indexPage ul.actionstream li .body{position:relative;}
body#indexPage ul.actionstream li .body h6.date{ font-weight: normal; color: #5F5F5F; font-size: 1em; margin: 0 0 1em;}
body#indexPage ul.actionstream li .body h5{padding-right:30px;}

div#playlistActivity .add-comment .comment_input {float:left;font-weight:normal;font-size:14px;color:#6F6F6F;margin-right:10px;height:23px;width:76%;padding:5px 0 0 5px;}
div#playlistActivity .add-comment .comment_input.focus{color:#0F2235;}

body#indexPage ul.actionstream li div.actions {position: absolute;top: 5px;right: 5px;}
body#indexPage ul.actionstream li div.actions a {float: right;text-decoration: none;width: 16px;height: 16px;background-repeat: none;font-size: 11px;}
body#indexPage ul.actionstream li div.actions a.comment-add {background-image: url(/img/silk/comment.png);}
body#indexPage ul.actionstream li div.actions a.comment-delete {height:7px;width:7px;background: url(/img/assets/close.gif) no-repeat scroll 0 0; overflow:hidden; margin: 3px 0 0 5px;}
body#indexPage ul.actionstream li div.actions a.comment-delete:hover{background: url(/img/assets/close.gif) no-repeat scroll 0 -7px;}

body#indexPage ul.actionstream li .comment_list .action_container{margin:5px 0 0 0;padding:7px;background-color:#eee;border:none;}
body#indexPage ul.actionstream li .comment_form{margin:10px 0 20px 35px;}


  /* ------------------------------------------
  *  LOGIN MODAL
  * ---------------------------------------- */
/* commented out for now ****
  div#loginModal { overflow: hidden; position: relative; height: 100%; width: 100%; }
  div#loginModal form { display: block; float: left; width: 320px; padding: 35px 12px 0; }
  div#loginModal form h1 { text-align: center; font-size: 2.8em; margin: 0 0 0.75em; }
  div#loginModal form label { font: normal 1.8em "Helvetica", Arial, Verdana; color: #3a4859; margin: 0 0 0.25em 40px; }
  div#loginModal form input.textbox { display: block; margin: 0 0 1em 40px; background: #fbfcfd url(/img/modals/textbox-bg.gif) no-repeat 0 0; border-color: #7793b6; color: #314c6d; font-size: 12px; padding: 8px 0 2px 9px; width: 235px; }
  div#loginModal form p#loginButtons { margin: 25px 0 0 0; text-align: center; }
  div#loginModal form p#loginButtons a.button { margin: 0 0.4em 0 0; }
  div#loginModal div#modalDivider { height: 100%; width: 330px; background: #f7f7f7 url(/img/modals/divider.gif) no-repeat 0 -25px; text-align: center; padding: 100px 16px 50px 53px; position: absolute; right: 0; top: 0; }
  div#loginModal div#modalDivider h2 { color: #284261; font-size: 2.4em; margin: 0 0 0.2em; text-shadow: 0 1px 1px #fff; }
  div#loginModal div#modalDivider h3 { color: #67788c; font-size: 1.8em; line-height: 1.35em; font-weight: normal; margin: 0 0 1.1em; text-shadow: 0 1px 1px #fff; }
*/