/* Musicplayer */
#musicplayer_top {
background-image: url('../images/music/musicplayer_topbg.gif');
height: 61px;
}

#buttons_top {
float: left;
padding-left: 6px;
padding-top: 3px;
}

#volumecontrol {
float:left;
width:22px;
padding-left: 6px;
padding-top: 4px;
}

#volumerating {
padding-top: 4px;
width: 71px;
background:url('../images/music/volumerating_bg.gif') no-repeat right top;
float:left;
}

#current_playtime {
font-size: 11px;
padding-right: 6px;
padding-top: 2px;
float: right;
}

.seperator {
width: 100%;
clear: both;
}

#current_song {
padding-top: 7px;
width: 136px;
height: 28px;
text-align: center;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
float: left;
overflow: hidden;
}

#playlist {
background-image: url('../images/music/playlist_small.gif');
background-repeat: repeat-y;
width: 222px;
padding-left: 2px;
padding-right: 2px;
overflow: hidden;
}

#playlist table {
border: 0px;
width: 100%;
}

#playlist td {
background-image: url('../images/music/playlist_bg.gif');
height: 20px;
font-size: 11px;
color: #666;
cursor: pointer;
}

.titletd {
width: 130px;
}



#playlist .nostate td {
	background-position:0 0px;
	color: #666;
}

#playlist .playing td {
color: #FFFFFF;
background-position:0 -20px;
}

#playlist .paused td {
color: #FFFFFF;
background-position:0 -40px;
}

#playlist td {
padding-left: 3px;
}

#hiddentracks {
display:none;
}
/* Kontrollknappar, previous, play, next
********************/
ul#control_buttons {
list-style:none;
}

ul#control_buttons li {
height:26px;
float:left;
text-align:center;
display:block;
}

ul#control_buttons li a {
padding:26px 0 0;
height:0;
background-position:0 0;
overflow:hidden;
float:left;
display:block;
border:none;
}

ul#control_buttons li a:hover {
background-position:0 -26px;
}

ul#control_buttons li.active a {
cursor:default;
}

ul#control_buttons li#previous a {
width:22px;
background-image:url(../images/music/previous.gif);
}

ul#control_buttons li#play a {
width:29px;
}

ul#control_buttons li#play a.playactive {
background-image:url(../images/music/play_active.gif);
}

ul#control_buttons li#play a.pauseactive {
background-image:url(../images/music/pause_active.gif);
}

ul#control_buttons li#next a {
width:22px;
background-image:url(../images/music/next.gif);
}


/* Volym av eller på
********************/
ul#volumecontrol_button {
list-style:none;
}

ul#volumecontrol_button li {
height:13px;
float:left;
text-align:center;
display:block;
}

ul#volumecontrol_button li a {
padding:13px 0 0;
height:0;
background-position:0 0;
overflow:hidden;
float:left;
display:block;
border:none;
}

ul#volumecontrol_button li a:hover,ul#volumecontrol_button li.active a {
background-position:0 -13px;
}

ul#volumecontrol_button li.active a {
cursor:default;
}

ul#volumecontrol_button li#volumeon a {
width:22px;
background-image:url(../images/music/volumeon.gif);
}

ul#volumecontrol_button li#volumeoff a {
width:22px;
background-image:url(../images/music/volumeoff.gif);
}


/* Volymskala 1-10 
********************/
/*  styles for the unit rater     */
.ratingblock {
	display:block;
	font-size: 9px;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 13px;
	position: relative;
	background: url('../images/music/volumerating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:7px;
	height: 13px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/music/volumerating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:7px;}
.unit-rating a.r2-unit{left:7px;}
.unit-rating a.r2-unit:hover{width: 14px;}
.unit-rating a.r3-unit{left: 14px;}
.unit-rating a.r3-unit:hover{width: 21px;}
.unit-rating a.r4-unit{left: 21px;}	
.unit-rating a.r4-unit:hover{width: 28px;}
.unit-rating a.r5-unit{left: 28px;}
.unit-rating a.r5-unit:hover{width: 35px;}
.unit-rating a.r6-unit{left: 35px;}
.unit-rating a.r6-unit:hover{width: 42px;}
.unit-rating a.r7-unit{left: 42px;}
.unit-rating a.r7-unit:hover{width: 49px;}
.unit-rating a.r8-unit{left: 49px;}
.unit-rating a.r8-unit:hover{width: 56px;}
.unit-rating a.r9-unit{left: 56px;}
.unit-rating a.r9-unit:hover{width: 63px;}
.unit-rating a.r10-unit{left: 63px;}
.unit-rating a.r10-unit:hover{width: 70px;}

.unit-rating li.current-rating {
	background: url('../images/music/volumerating.gif') left bottom;
	position: absolute;
	height: 13px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}