/**
 * Audio Player
 *
 * This file is licensed under the Affero General Public License version 3 or
 * later. See the LICENSE.md file.
 *
 * @author Marcel Scherello <audioplayer@scherello.de>
 * @author Sebastian Doell <sebastian@libasys.de>
 * @copyright 2016-2017 Marcel Scherello
 * @copyright 2015 Sebastian Doell
 */

.mp3_hide {
	display: none;
}

#searchresults {
	margin-top: 0px !important;
}
#loading {
	position:absolute; z-index:1000;margin-top:15%;left:0; display: none; width:100%;
	text-align:center;
	color:#000;
	font-size:100px;
}
.ui-dialog{
	background:#fff;
	padding:0;
	margin:0;
	box-shadow:0 0 1em rgba(0, 0, 0, .5);
	border:none;
	padding:5px;
	border-radius:8px;
	z-index:160;
}
.ui-dialog-titlebar.ui-widget-header{
	border:none;
	background:#fff;
	height:30px;
	padding:0;
	margin:0;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding-left:5px;
	text-shadow:none;
}
.ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close{
	border:none;
	background:none;
	height:20px;
	line-height:20px;
	text-shadow:none;
}

.ui-dialog-titlebar.ui-widget-header .ui-dialog-title{
	line-height:24px;
	height:24px;
	text-shadow:none;
}

.ui-dialog .ui-dialog-content {
	background:#fff;
	padding:0;
	margin:0;
	padding-left:5px;
}
.ui-dialog .ui-dialog-buttonpane{
	background:#fff;
	margin-top:0;	
	
}

.ui-dialog-content.ui-widget-content#edit_photo_dialog{
	padding:5px;
	
}

.ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick{
	background-repeat: no-repeat;
	background-position: center;
	top:2px;
	width: 26px;
	height: 26px;
	background-size:24px 24px;
	background-image: url('../../../core/img/actions/close.svg');
}


.app-audios #searchresults {
	background-color:rgba(255,255,255,0.9);
	box-shadow:-1px 1px 8px rgba(0,0,0,0.5);
	position:fixed;
	overflow: auto;
	height:100%;
	text-overflow: ellipsis;
	width:300px;
	right:0;
	padding-top: 20px;
	box-sizing: border-box;
	z-index: 130;
	/* account for margin-bottom in files list */
	margin-top: 0px;
	
}

i#scanAudiosFirst{
	font-size:30px;
	cursor:pointer;
}
.innerNav{
	padding-top:5px;
	padding-left:5px;
}
.innerNav h3{
	color:#999;
}

#albenoverview li, #myCategory li{
	cursor: pointer;
	/*font-size:14px;*/
	line-height:25px;
	display:block;
	height:25px;
	float:left;
}
#albenoverview li span{
	cursor: pointer;
}
#albenoverview li i{
	color:#ccc;
	font-size:18px;
}

#albenoverview li i:hover{
	color:#000;
}

#app-navigation-toggle_alternative{
	position:fixed;
	background-color:#fff;
	opacity:1;
	height:40px;
	width:45px;
}
	
#app-navigation {
	overflow-y: auto;
}

#app-navigation .plclone{
	display:none;
	float:left;
}
#app-navigation .mp3_hide{
	display:none;
	float:left;
}

#app-navigation .app-navigation-entry-edit:hover{
	background:transparent;
	
}
#app-navigation  input#newPlaylistTxt[type="text"],
#app-navigation .app-navigation-entry-edit input[type="text"] {
	padding:0;
	padding-left:5px;
	width: 150px;
	height:30px;
	float:left;
	
}
#app-navigation .app-navigation-entry-edit button,
#app-navigation .app-navigation-entry-edit input[type="submit"] {
	width: 36px;
	height: 32px;
	float: left;
}
#app-navigation button#addPlaylist{
	width: 36px;
	height: 32px;
	float: right;
}


#myCategory li span.info-cover,
#alben span.info-cover
{
	position:relative;
	width:20px;
	margin-top:5px;
	height:20px;
	display:block;
	float:left;
	background-color:#000;
	color:#fff;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin-right:5px;
}
#myCategory li span.pl-name{
	float:left;
	position:relative;
	width:185px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	cursor:pointer;
	padding-left: 5px;
}
#myCategory li span.pl-name-play{
	float:left;
	position:relative;
	width:135px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	cursor:pointer;
	padding-left: 5px;
}
#myCategory li:hover{
	background-color:#e7e7e7;
	font-weight:bold;
}

#myCategory li a.icon-rename{
	float:left;
	position:relative;
	width:24px;
	min-height:30px;
	height:30px;
	padding:0px;
	line-height:30px;
	opacity:0;
}

#myCategory li:hover a.icon-rename{
	opacity:1;
	background-color:transparent;
}

#myCategory li span.counter{
	float:right;
	right:10px;
	margin-top:2px;
	position:absolute;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
}

.ui-state-highlight {
  	 height: 1.5em;
  	  line-height: 1.2em; 
  	background:#FFFABC;
  	}
#myCategory li i.ioc-sort{
	float:right;
	position:absolute;
	right:54px;
	font-size:18px;
	color:#ccc;
}
#myCategory li i.ioc-sort:hover,
#myCategory li i.ioc-sort.sortActive{
	color:#008000;
}
#myCategory li i.ioc-sort.sortActive{
	
	display:block;
}
#myCategory li i.ioc-delete{
	float:right;
	position:absolute;
	right:38px;
	font-size:14px;
	color:#ccc;
}

#myCategory li i.ioc-delete:hover
{
	color:#A9302A;
}

#alben:hover, 
#alben.bAktiv,
#myCategory li.activeIndiPlaylist 
{
	font-weight:bold;	
}
#myCategory li i.ioc-sort{
	display:none;
}

#myCategory li i.ioc-delete{
	display:none;
}
#myCategory li:hover i.ioc-delete{
	display:block;
}
#myCategory li.activeIndiPlaylist:hover i.ioc-sort{
	display:block;
}

#audios-audioscontainer{
margin:0;
width:100%;
position:relative;
padding:0;
top:70px;
float:left;
display:block;
height:auto;

}

#individual-playlist-container{
margin:0;
width:98%;
position:relative;
top:60px;
float:left;
display:none;
height:auto;
padding-left:10px;
}
#individual-playlist{
	margin-left:auto;
	margin-right:auto;
}
#individual-playlist li,#individual-playlist-header span {
	height:24px;
	line-height:24px;
	color:#555;
	
}
#individual-playlist li .ioc-delete{
	display:none;
}
#individual-playlist li:hover {
	background:#f4f4f4;
}
#individual-playlist li:hover .ioc-delete{
	display:block;
}

#individual-playlist-header .header-indi{	
	border-bottom:1px solid #E7E7E7;
	width:100%;
	display:block;
	float:left;
	height:26px;
	color:#999;
	font-size:12px;
}
#individual-playlist-header  span.header-num{
	position:relative;
	float:left;
	display:block;
	width: 42px;
	text-align: right;
	padding-right: 5px;
}

#individual-playlist-header  span.header-title{
	position:relative;
	float:left;
	display:block;
	min-width:30%;
}

#individual-playlist-header  span.header-artist{
	position:relative;
	float:left;
	display:block;
	min-width:25%;	
}
#individual-playlist-header span.header-album{
	position:relative;
	float:left;
	display:block;
	min-width:25%;	
}

#individual-playlist-header  span.header-time{
	position:absolute;
	float:right;
	display:block;
	width:10%;
	text-align:right;
	right:65px;
}
#individual-playlist-header  span.header-opt{
	position:absolute;
	float:right;
	display:block;
	width:20px;
	right:10px;
}

#individual-playlist li .actionsSong{
	position:relative;
	float:left;
	display:block;
	line-height:20px;	
	width:22px;
}
#individual-playlist li .actionsSong i.ioc{
	font-size:16px;
	line-height:22px;
}

#individual-playlist li .number{
	position:relative;
	float:left;
	display:block;
	width:20px;
	height:24px;
	text-align:right;
	padding-right:5px;
	
}
#individual-playlist li span.title{
	position:relative;
	float:left;
	display:block;
	width:30%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	
}

#individual-playlist li span.interpret{
	position:relative;
	float:left;
	display:block;
	width:25%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	
}

#individual-playlist li span.album-indi{
	position:relative;
	float:left;
	display:block;
	width:25%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	
}

#individual-playlist li span.time{
	position:absolute;
	float:right;
	display:block;
	width:10%;
	text-align:right;
	
	right:65px;
}

#individual-playlist li span.ioc-delete{
	position:absolute;
	float:right;
	right:5px;
	margin-right:5px;
	width:20px;
	text-align:right;
	margin-top:0;
	height:24px;
	line-height:24px;
	color:rgba(0,0,0,0.3);
	cursor:pointer;
	
	
}
 #individual-playlist li span.ioc-delete:hover{
 	color:#A9302A;
 }

#individual-playlist li a.edit-song{
	float:right;
	position:absolute;
	right:25px;
	width:30px;
	height:20px;
	opacity:0;
}
#individual-playlist li:hover a.edit-song{
	opacity:1;
}

#app-content{
	padding-left:0px;
	
}
.no-songs-found{
	font-size:30px;
	color:#ccc;
	font-weight:bold;
	width:100%;
	display:block;
	text-align:center;
}
.no-songs-found-pl{
	font-size:20px;
	color:#ccc;
	font-weight:bold;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	line-height:28px;
	display:block;
	text-align:center;
}
#scanAudios{
	float:right;
	padding-right:10px;
	cursor:pointer;
}

#resetAudios{
	float:right;
	padding-right:10px;
	cursor:pointer;
	
}

.rowlist{
	width:100%;
	position:relative;
	float:left;
	display:block;
	height:auto;
	
}
.margin-bottom{
	margin-bottom:300px;
}


.album{
	position:relative;
	width:150px;
	height:auto;
	display:block;
	float:left;
	margin-bottom:20px;
	transform: translate(0, 0);
}

.album.is-active{
	-moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
   -webkit-transition: all .2s ease-in-out 0s;
   -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}


.album .albumdescr{
	position:relative;
	float:left;
	line-height:18px;
	padding-left:5px;
	width:100%;
}
.albumcover{
	position:relative;
	width:150px;
	height:150px;
	display:block;
	float:left;
	text-align:center;
	font-size:60px;
	line-height:150px;
	text-transform:capitalize;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}

.albumdescr span.artist{
	position:relative;
	width:100%;
	float:left;
	color:#888888;
	font-size:12px;
	font-style: italic;
	text-overflow: ellipsis;
	overflow:hidden;
}

.albumdescr span.albumname{
	position:relative;
	width:100%;
	float:left;
	
	font-size:13px;
	color:#000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}



/*SONGSCONTAINER*/
.songcontainer {
	position:absolute;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	float:left;
	min-height:200px;
	padding:5px;
	display:none;
	background-color: #E6E6E6;
	color:#555;
	box-shadow:0px 0px 4px #ccc;
	
}

.songcontainer .open-arrow{
	position:absolute;
	left:0;
	top: -15px;
	
}
.songcontainer .open-arrow:after, .songcontainer .open-arrow:before {
	position: absolute;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
}

.songcontainer .open-arrow:after {
	margin-left: -6px;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid transparent;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.songcontainer .open-arrow:before {
	margin-left: -7px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid  #D3D3D3;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.songcontainer h3{
	margin: 0 0 20px;
	font-weight: normal;
	font-size:14px;
	padding-left:25px;
}

.songcontainer h2{
	margin-bottom: 0;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	padding-left:25px;
}
.songcontainer h2 span{
	line-height:16px;
	height:24px;
	font-size:22px;
	padding-right:5px;
	cursor:pointer;
}

.songcontainer-inner {
	position: relative;
	padding: 0;
	
	padding-top:20px;
	padding-bottom:20px;
}
.songcontainer a.close {
	position: absolute;
	top: 10px;
	left: 10px;
	width:20px;
	display:block;
	height:20px;
	font-size:14px;
	text-align:center;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.5);
}
.songcontainer .songcontainer-cover{
	position:relative;
	width:250px;
	height:250px;
	display:block;
	float:right;
	margin-right:15px;
	
	text-align:center;
	font-size:80px;
	line-height:250px;
	text-transform:capitalize;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
.songcontainer .songcontainer-cover.cover-small{
	width:180px;
	height:180px;
}



.songcontainer .songlist.albumwrapper{
	position:relative;
	float:left;
	padding-left:20px;
	display:block;
	
}

.two-column{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	width:65%;
}

.one-column{
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	width:55%;
}

.songcontainer .albumSelect{
	
}
.songcontainer .albumSelect li{
	line-height:20px;
	width:100%;
	float:left;
	
}

.songcontainer .albumSelect li a.link-full{
	float:left;
	position:relative;
	width:63%;
	
}


.songcontainer span.actionsSong{
	float:left;
	position:relative;
	display:block;
	width:20px;
	height:18px;
	padding-left:5px;
	
}
.songcontainer i.ioc{
	margin-top:0px;
	float:left;
	display:none;
	line-height:20px;
	font-size:14px;
}
.songcontainer span.number{
	position:relative;
	width:20px;
	float:left;
	
}
.songcontainer span.title{
	position:relative;
	width:100%;
	float:left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	
}

.songcontainer span.time{
	position:relative;
	float:left;
	/*right:5px;
	width:60px;*/
	text-align:right;
	
}
.songcontainer .albumSelect li a.edit-song{
	float:left;
	position:relative;
	right:0px;
	width:30px;
	height:20px;
	text-align:right;
	opacity:0;
	display:inline-block;
	
}
.songcontainer .albumSelect li:hover a.edit-song{
	opacity:1;
}


.isActive{
	font-weight:bold;
}



.outer-audioplayer{
width:256px;
position:relative; 
margin-left:auto;
margin-right:auto; 
margin-top:80px;
margin-bottom:20px;
color:#000;
}

.outer-audioplayer .ui360-vis .sm2-timing {
	 color:#000;
}


.outer-audioplayer .ui360-vis .sm2-360ui{
	 background-color:rgba(0,0,0,0.6);
}

.outer-audioplayer .ui360-vis a {
	top:5px;
	margin-left:-30px;
	text-align:center;
}

.sm2-playlist-bd li.selected a{
	background:#000;
}

.sm2-playlist-cover{
	display:block;
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	text-transform:capitalize;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

.draggingSong{
	max-width:200px;
	padding:5px;
	z-index:300;
	background:rgba(0,0,0,0.6);
	color:#fff;
	border-radius:8px;
	list-style:none;
	cursor:move;
}

li.activeHover{
	border:1px solid #ccc;
	margin:1px;	
	
}

li.dropHover{
	background:#FCEFA1;
}

/*dialog edit song*/

#dialogSmall .metaDescr{
	position:relative;
	display:block;
	float:left;
	width:70px;
}
#dialogSmall input[type="text"]{
	width:300px;
}

/*edit*/
.editDescr{
	float:left;
	width:160px;
	display:block;
	font-weight:bold;
	line-height:28px;
	height:28px;
}

.edit-left, .edit-right{
	position:relative;
	display:block;
	float:left;
	width:60%;
}

.edit-right{
	width:35%;
	text-align:center;
}
.labelPhoto{
	width:120px;
	display:block;
	float:left;
	padding-top:10px;
	height:110px;
	
}

#noimage{
	border:4px dotted #ccc;
	height:70px;
	border-radius:8px;
	line-height:30px;
	width:100%;
}

#edit_photo_dialog_img { display: block; min-width: 150px; min-height: 200px; }
#file_upload_form { width: 0; height: 0; }
#file_upload_target, #import_upload_target, #crop_target { display:none; }
#file_upload_start, #import_upload_start { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; z-index:1001; width:0; height:0;}

.transparent{ opacity: 0.6; }

#phototools .add,
#phototools .delete,
#phototools .mail, 
#phototools .globe, 
#phototools .upload, 
#phototools .download, 
#phototools .cloud, 
#phototools.share { 
	cursor: pointer; width: 40px; height: 40px; margin: 0;-webkit-background-size: 32px 32px; background-size:32px 32px; float: left; position:relative; opacity: 0.1; }
.add:hover,.delete:hover,.mail:hover, .globe:hover, .upload:hover, .download:hover, .cloud:hover,.share:hover { opacity: 1.0 }

#cropbox { margin: auto; }
#pin_details_photo_wrapper { width: 95%; }
#pin_details_photo_wrapper.wait { opacity: 0.6; filter:alpha(opacity=0.6); z-index:1000; background: url('../../../core/img/loading.gif') no-repeat center center; cursor: wait; }
.pin_details_photo { border-radius: 0.5em; border: thin solid #bbb; margin: 0.3em; background: url('../../../core/img/loading.gif') no-repeat center center; -moz-box-shadow: 0 1px 3px #777; -webkit-box-shadow: 0 1px 3px #777; box-shadow: 0 1px 3px #777; opacity: 1; }
.pin_details_photo:hover { background: #fff; cursor: default; }

#phototools { position:absolute;top:20px; margin: 5px 0px 0px 5px; width:auto; padding:4px; background-color:#fff; list-style-type:none; border-radius: 0.5em; -moz-box-shadow: 0 1px 3px #777; -webkit-box-shadow: 0 1px 3px #777; box-shadow: 0 1px 3px #777; }
#phototools li { display: inline; }
#phototools li a { float:left; cursor:pointer; width:30px; height:30px; opacity: 0.6; }
#phototools li a:hover { opacity: 0.8; }
#pinPhoto{
	
	width:80%;
	display:block;
	min-height:120px;
	
	font-size:18px;
	color:#888;
}


#audios_import_process, 
#audios_import_done{
	display:none;
}

#audios_import_process_message,
#audios_import_process_progress,
#audios_import_done_message{
	text-align:center;
}

.contacts_import_warning{border-color: #fc3333;}
#audios_import_dialog{
	padding:0;
	margin:0;
}

@media only screen and (max-width: 768px){
	#app-navigation-toggle{
		position:fixed;
		background-color:#fff;
		opacity:1;
		height:40px;
		width:45px;
	}
	#app-navigation-toggle_alternative{
		display: none;
	}

	#app-content{
		background:#fff;
	}
	
	#app-navigation {
    	display: unset;
	}
	.sm2-bar-ui.fixed {
		margin-left:45px;
		 left: 0px;
		
	}
	.sm2-inline-element.sm2-button-element.sm2-shuffle{
		/*display:none;*/
	}
	
	#individual-playlist-header span span.header-artist,
	#individual-playlist-header span span.header-album,
	#individual-playlist-header span span.header-opt,
	#individual-playlist li span.number,
	#individual-playlist li span.interpret,
	#individual-playlist li span.album-indi,
	#individual-playlist li span.ioc-trash
	{
		display:none;
	}

	#individual-playlist-header span span.header-num
	{
		width: 17px;
		visibility:hidden
	}

	#individual-playlist li span.title{
		width:80%;
		
	}
	#individual-playlist li{
		font-family:"Helvetica Neue",verdana;
		font-weight:200;
		font-size:16px;
		height:24px;
		line-height:24px;
	}
	
	#individual-playlist li .actionsSong{
		height:20px;
		line-height:20px;
	}
	#individual-playlist li .actionsSong i.ioc{
		font-size:20px;
		height:20px;
		line-height:20px;
	}
	.songcontainer .albumSelect li a.link-full{
		width:60%;
		
	}
}

@media only screen and (max-width: 480px) {
	
	
	#app-navigation-toggle{
		position:fixed;
		background-color:#fff;
		opacity:1;
		height:40px;
		width:45px;
	}
	#app-content{
		background:#fff;
	}
	
	.sm2-bar-ui.fixed {
		margin-left:45px;
		 left: 0px;
		 width:80%;
	}
	.sm2-inline-element.sm2-button-element.sm2-menu{
		display:none;
	}
	.sm2-inline-element.sm2-button-element.sm2-volume{
		display:none;
	}
	.sm2-inline-element.sm2-inline-status{
		display:none;
	}
	.sm2-inline-button.next,
	.sm2-inline-button.previous{
		background-size:70%;
	}
	.playing .play-pause {
		background-size:50%;
	}
	.play-pause{
		background-size:50%;
	}
	#audios-audioscontainer{
		padding:0;
		
	}
	
	.album{
		width:140px;
		
	}
	.album .albumcover{
		width:140px;
		height:140px;
	}
	
	.album .albumdescr{
		display:none;
	}
	
	.songcontainer{
		
	}
	.songcontainer h3,.songcontainer h2{
		padding-left:30px;
	}
	.songcontainer .songlist.albumwrapper {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		padding:0;
		margin:0;
		width:96%;
		float:left;
		display:block;
	}
	.songcontainer .songlist.albumwrapper .albumSelect{
		padding:0;
		margin:0;
	}
	.songcontainer .songlist.albumwrapper .albumSelect li{
		font-size:15px;
		font-weight:200;
		line-height:24px;
		height:24px;
	}
	.songcontainer .songcontainer-cover{
		display:none;
	}
	
	.album span.number{
		width:22px;
		
	}
	.songcontainer .albumSelect li a.link-full{
		width:65%;
		
	}
	
	.songcontainer .albumSelect li a.edit-song{
		display:none;
		
	}
	
	.songcontainer span.time{
		width:56px;
	}
	.songcontainer span.actionsSong{
		height:24px;
	}
	.songcontainer span.actionsSong i.ioc{
		margin-left:0px;
		margin-top:2px;
		line-height:20px;
	}
	.albumSelect li:hover{
		background-color:rgba(255,255,255,0.2);
	}
	
	#individual-playlist-header span span.header-artist,
	#individual-playlist-header span span.header-album,
	#individual-playlist-header span span.header-opt,
	#individual-playlist li span.number,
	#individual-playlist li span.interpret,
	#individual-playlist li span.album-indi,
	#individual-playlist li span.ioc.ioc-delete,
	#individual-playlist li a.edit-song
	{
		display:none;
	}

	#individual-playlist-header span span.header-num
	{
		width: 17px;
		visibility:hidden
	}

	#individual-playlist li span.title{
		width:70%;
	}
	
	#individual-playlist li span.time,
	#individual-playlist-header span.header-time
	{
		right:10px;
	}
	
	#individual-playlist li{
		font-family:"Helvetica Neue",verdana;
			font-weight:200;
	}
}