/*------------------------------------------------------------------------
# JOOFORGE.com - Il Web All'Italiana
# ------------------------------------------------------------------------
# Copyright © 2004-2009 JOOFORGE.com. Tutti i diritti riservati.
# Website:  http://www.jooforge.com/
-------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

div#jf-jukebox_mod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#jf-jukebox_mod div.listheader  {
	background: url(../../../../components/com_jukebox/assets/images/l.png) no-repeat 0 0;
	padding-left: 5px;
}

div#jf-jukebox_mod div.listheader div.r {
	background: url(../../../../components/com_jukebox/assets/images/r.png) no-repeat 100% 0;
	padding-right: 5px;
}

div#jf-jukebox_mod div.listheader div.t {
	background: url(../../../../components/com_jukebox/assets/images/t.png) repeat-x 0 0;
	height: 29px;
}

div#jf-jukebox_mod div.listheader div.t div {
	font-weight: bold;
	font-size: 13px;
	line-height: 29px;
	color: #333;
	text-shadow: 1px 1px #BBB;
	padding-left: 6px;
}

div#jf-jukebox_mod div.itemlist {
	border: 1px solid #D5D5D5;
	border-top: none;
}

div#jf-jukebox_mod div.track {
	background: #FFF url(../../../../components/com_jukebox/assets/images/track.png) repeat-x 0 100%;
	padding: 0 5px;
}

div#jf-jukebox_mod div.track a {
	color: #666;
	padding: 0;
	background: none;
	font-weight: normal;
	text-decoration: none;
}

div#jf-jukebox_mod div.track a:hover {
	text-decoration: underline;
}

div#jf-jukebox_mod div.tracktitle {
	float: left;
	font-size: 11px;
	height: 29px;
	line-height: 29px;
}

div#jf-jukebox_mod div.tracklisten {
	float: right;
}

div#jf-jukebox_mod div.player {
	margin-top: 8px;
	width: 60px;
}

div#jf-jukebox_mod div.tracklisten span.file {
	display: none;
}

div#jf-jukebox_mod div.player a {
	display: block;
	margin-right: 5px;
	float: left;
	width: 15px;
	height: 15px;
}

/* OFF */
div#jf-jukebox_mod div.player a.playtrack {
	background: url(../../../../components/com_jukebox/assets/images/controls.png) no-repeat 0 0;
	cursor: pointer;
}

div#jf-jukebox_mod div.player a.playtrack:hover {
	background-position: 0 100%;
}

div#jf-jukebox_mod div.player a.pausetrack {
	background: url(../../../../components/com_jukebox/assets/images/controls.png) no-repeat -18px 0;
}

div#jf-jukebox_mod div.player a.stoptrack {
	background: url(../../../../components/com_jukebox/assets/images/controls.png) no-repeat -36px 0;
}

/* ON */
div#jf-jukebox_mod div.player a.playtrack.on {
	background: url(../../../../components/com_jukebox/assets/images/controls.png) no-repeat 0 100%;
}

div#jf-jukebox_mod div.player a.pausetrack.on {
	background: url(../../../../components/com_jukebox/assets/images/controls.png) no-repeat -18px 100%;
	cursor: pointer;
}

div#jf-jukebox_mod div.player a.stoptrack.on {
	background: url(../../../../components/com_jukebox/assets/images/controls.png) no-repeat -36px 100%;
	cursor: pointer;
}