/* #################################################
# Projekt 	: CSS - Music Player
# Stand     : 19.01.09
# Autor		: Daniel Zander, Source-Media.com
#################################################### */


#player-popup {
	margin:0;
	padding:5px;
	text-align:center;
	background:#bbb;
	color:#333;
	font:11px Verdana;
	line-height:20px;
}

/* -------------------------------------- */

#lst-hlp1 {margin:16px 0 0 -1px; z-index:99}
#lst-hlp2 {margin:-5px 0 0 -17px; z-index:99}

.snd-nav {
	background:#000;
	position:absolute;
	display:none;
	padding:10px;
	border:1px solid #222;
	/*border-left-color:#222;
	border-bottom-color:#222;*/
	font-size:10px;
	color:#555;
	text-align:left;
}

.snd-lnk li {
	margin:0 0 0 16px;
	padding:3px 0 3px 0;
	line-height:normal;
	list-style-type:circle;
}

#lst-hlp1 .snd-lnk li {
	margin:0;
	padding:5px 0 0 0;
	list-style-type:none;
}

#lst-hlp2 .snd-lnk {margin-top:5px}

.snd-lnk a {
	text-decoration:none;
	line-height:normal;
	color:#fff;
	border:0;
}
.snd-lnk a:hover {
	text-decoration:none;
	color:#aaa;
	background:none;
}
#lst-hlp1 .snd-lnk a:hover {text-decoration:none}

.snd-lnk a.set {
	text-decoration:none;
	color:#0088DD;
}

/* -------------------------------------- */

/*
.snd-ico {float:left; margin:2px 0 2px 0}
.snd-ico a {
	*float:left; /#IE#/
	margin-right:10px;
	line-height:normal;
}
*/

#muplay {margin:16px 0 0}

#muplay .snd-ico {float:left}

#muplay .snd-ico a,
#muplay .snd-ico.vol div,
#muplay #snd-load,
#muplay #snd-bar,
#muplay #snd-bar-pos {
	background:url('../i/muplay.png') 16px 0 no-repeat;
}

#muplay .snd-ico a {
	display:block;
	float:left;
	margin-right:6px;
	width:13px;
	height:13px;
	text-decoration:none;
	border:0;
}
#muplay .snd-ico a.r {margin-right:0}
#muplay .snd-ico a.hide {display:none}

#muplay #snd-list {background-position:-192px 0; width:38px}
#muplay #snd-list:hover {background-position:-192px -16px}

#muplay #snd-prev {background-position:0 0}
#muplay #snd-prev:hover {background-position:0 -16px}

#muplay #snd-play {background-position:-16px 0}
#muplay #snd-play:hover {background-position:-16px -16px}

#muplay #snd-paus {background-position:-32px 0}
#muplay #snd-paus:hover {background-position:-32px -16px}

#muplay #snd-next {background-position:-48px 0}
#muplay #snd-next:hover {background-position:-48px -16px}

#muplay #snd-vol1 {background-position:-64px 0}
#muplay #snd-vol1:hover {background-position:-64px -16px}

#muplay #snd-vol0 {background-position:-80px 0}
#muplay #snd-vol0:hover {background-position:-80px -16px}

#muplay .snd-ico.vol div {
	width:17px; height:13px
}
#muplay #snd-vol-bar {background-position:-160px -32px}
#muplay #snd-vol-pos {background-position:-160px 0}
#muplay #snd-vol-pos:hover {background-position:-160px -16px}

#muplay #snd-bar {
	margin:2px 0 2px 1px;
	padding:0;
	width:132px;
	height:9px;
	cursor:pointer;
	background-position:0 -64px;
}

#muplay #snd-bar-pos {
	display:block;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	width:7px;
	height:9px;
	border:0;
	background-position:-148px -2px;
	text-decoration:none;
}
#muplay #snd-bar-pos:hover {background-position:-148px -18px}

#muplay #snd-load {
	margin:0;
	padding:0;
	width:0;
	height:9px;
	background-position:0 -48px;
}
#muplay #snd-status {
	width:132px;
	color:#888;
}