@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
    width: 130px;
    height:102px;
	background:no-repeat url(../images/bgmini.png) #000000;
}

#gadgetContent
{
	margin-top: 20px;
	width: 130px;
	heigt:102px
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}


.playbutton{
width:				24px;
height:				11px;
}

.stopbutton{
width:				24px;
height:				11px;
}

.mutebutton{
width:				24px;
height:				11px;
}

.playdiv{
	position:absolute;
	top:0px;
	left: 1px;
	width:24px;
	height:11px;
}

.stopdiv{
	position:absolute;
	top:0px;
	left: 32px;
	width:24px;
	height:11px;
}

.mutediv{
	position:absolute;
	top:0px;
	left: 63px;
	width:24px;
	height:11px;
}

.playerbuttonsdiv{
	position:absolute;
	top:83px;
	left: 34px;
	width:90px;
	height:13px;
}

#autostarttextarea{
	position: absolute;
	top: 48px;
	left: 4px;
	width: 123px;
	height: 20px;
	z-index: 7;
}
#autostarttext{
	position: absolute;
	top: 2px;
	left: 2px;
	width: 97px;
	height: 10px;
	z-index: 7;
	font:"Arial Narrow";
	font-size:9px;
	font-weight:bold;
	color:#4993C8
}

#led{
	position: absolute;
	top: 4px;
	left: 108px;
	width: 10px;
	height: 10px;
}

#songarea{
	position: absolute;
	top: 17px;
	left: 1px;
	width: 124px;
	height: 20px;
	z-index: 7;
	cursor:pointer;
}

#playnow{
	position: absolute;
	top: 8px;
	left: 1px;
	width: 124px;
	height: 16px;
	z-index: 7;
	cursor:pointer;
}

#playnowtitle{
	position: absolute;
	top: 13px;
	left: 6px;
	width: 114px;
	height: 16px;
	z-index: 7;
	font:"Arial Narrow";
	font-size:8px;
	color:#FFFFFF;
	cursor:pointer
}

#SongText{
font:"Arial Narrow";
font-size:10px;
color:#000000;
}

.volslider{
	position:absolute;
	top:74px;
	width:121px;
	height:7px;
	left: 4px;
}

.volknob{
	position:absolute;
	top:2px;
	width:10px;
	height:4px;
	left: 16px;
}

.horizontal {
	width:				121px;
	height:				7px;
}
.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				pointer;
}

.dynamic-slider-control.horizontal .handle {
	width:				10px;
	height:				4px;
	background-image:	url("../images/volknob.gif");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}
.dynamic-slider-control.horizontal .handle.down {}