* {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-style:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

body {
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#333333;
}

/* wrapper for player and playlist */

#componentWrapper {
	position:fixed;
	margin-top:-40px;
	margin-left:-130px;
	top:50px;
	right:400px;
	z-index:30;
}

/* player holder */

#componentWrapper .playerHolder {
	position:absolute;
	width:170px;
	height:100px;
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	-webkit-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-o-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-ms-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-moz-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-webkit-border-top-left-radius:8px 8px;
	border-top-left-radius:8px 8px;
	-o-border-top-left-radius:8px 8px;
	-ms-border-top-left-radius:8px 8px;
	-moz-border-radius-topleft:8px 8px;
	-webkit-border-top-right-radius:8px 8px;
	border-top-right-radius:8px 8px;
	-o-border-top-right-radius:8px 8px;
	-ms-border-top-right-radius:8px 8px;
	-moz-border-radius-topright:8px 8px;
	-webkit-border-bottom-right-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-o-border-bottom-right-radius:8px 8px;
	-ms-border-bottom-right-radius:8px 8px;
	-moz-border-radius-bottomright:8px 8px;
	-webkit-border-bottom-left-radius:8px 8px;
	border-bottom-left-radius:8px 8px;
	-o-border-bottom-left-radius:8px 8px;
	-ms-border-bottom-left-radius:8px 8px;
	-moz-border-radius-bottomleft:8px 8px;
	background-image:url(../media/data/player_bg.png);
	left:0;
	top:-1px;
}

/* player audio name mask for the name scroll function. Set width of the scrolling mask here. Also adjust height if neccesarry. */

#componentWrapper .player_mediaName_Mask {
	position:absolute;
	top:7px;
	left:20px;
	width:140px;
	height:20px;
	overflow:hidden;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:rgba(17,17,17,0.50);
	-webkit-border-top-left-radius:2px 2px;
	border-top-left-radius:2px 2px;
	-o-border-top-left-radius:2px 2px;
	-ms-border-top-left-radius:2px 2px;
	-moz-border-radius-topleft:2px 2px;
	-webkit-border-top-right-radius:2px 2px;
	border-top-right-radius:2px 2px;
	-o-border-top-right-radius:2px 2px;
	-ms-border-top-right-radius:2px 2px;
	-moz-border-radius-topright:2px 2px;
	-webkit-border-bottom-right-radius:2px 2px;
	border-bottom-right-radius:2px 2px;
	-o-border-bottom-right-radius:2px 2px;
	-ms-border-bottom-right-radius:2px 2px;
	-moz-border-radius-bottomright:2px 2px;
	-webkit-border-bottom-left-radius:2px 2px;
	border-bottom-left-radius:2px 2px;
	-o-border-bottom-left-radius:2px 2px;
	-ms-border-bottom-left-radius:2px 2px;
	-moz-border-radius-bottomleft:2px 2px;
}

/* player audio name */

#componentWrapper .player_mediaName {
	position:absolute;
	top:1px;
	left:0;
	white-space:nowrap;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}

/* player audio time */

#componentWrapper .player_mediaTime {
	position:absolute;
	top:27px;
	right:10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#333333;
	-webkit-border-top-left-radius:2px 2px;
	border-top-left-radius:2px 2px;
	-o-border-top-left-radius:2px 2px;
	-ms-border-top-left-radius:2px 2px;
	-moz-border-radius-topleft:2px 2px;
	-webkit-border-top-right-radius:2px 2px;
	border-top-right-radius:2px 2px;
	-o-border-top-right-radius:2px 2px;
	-ms-border-top-right-radius:2px 2px;
	-moz-border-radius-topright:2px 2px;
	-webkit-border-bottom-right-radius:2px 2px;
	border-bottom-right-radius:2px 2px;
	-o-border-bottom-right-radius:2px 2px;
	-ms-border-bottom-right-radius:2px 2px;
	-moz-border-radius-bottomright:2px 2px;
	-webkit-border-bottom-left-radius:2px 2px;
	border-bottom-left-radius:2px 2px;
	-o-border-bottom-left-radius:2px 2px;
	-ms-border-bottom-left-radius:2px 2px;
	-moz-border-radius-bottomleft:2px 2px;
	padding:0px 2px 2px 2px;
}

#componentWrapper .player_mediaTime_current {
	position:relative;
	top:0;
	left:0;
	float:left;
}

#componentWrapper .player_mediaTime_total {
	position:relative;
	top:0;
	left:0;
	float:left;
}

/* player holder for (previous,play/pause,next) buttons */

#componentWrapper .player_controls {
	position:absolute;
	top:46px;
	left:9px;
}

/* player previous */

#componentWrapper .controls_prev {
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:26px;
}

/* player play/pause */

#componentWrapper .controls_toggle {
	position:absolute;
	top:-2px;
	left:33px;
	width:30px;
	height:31px;
}

/* player next */

#componentWrapper .controls_next {
	position:absolute;
	top:0;
	left:71px;
	width:25px;
	height:26px;
}

/* player loop */

#componentWrapper .player_loop {
	position:absolute;
	top:0;
	left:216px;
	width:25px;
	height:26px;
}

/* player shuffle */

#componentWrapper .player_shuffle {
	position:absolute;
	top:0;
	left:252px;
	width:25px;
	height:26px;
}

/* mute button */

#componentWrapper .player_volume {
	position:absolute;
	top:0;
	left:132px;
	width:25px;
	height:26px;
	display:none;
}

/* player volume, serves as hit as well */

#componentWrapper .volume_seekbar {
	position:absolute;
	top:4px;
	left:96px;
	height:16px;
}

#componentWrapper .volume_bg {
	position:absolute;
	top:5px;
	left:10px;
	width:50px;
	height:6px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#333333;
}

#componentWrapper .volume_level {
	position:absolute;
	top:5px;
	left:10px;
	width:0;
	height:6px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
}

#componentWrapper .player_volume_tooltip {
	position:absolute;
	top:15px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#333333;
	display:none;
	text-align:center;
	-webkit-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	-o-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	-ms-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	-moz-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
}

#componentWrapper .player_volume_tooltip p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:18px;
	margin:0;
}

/* player progress, serves as hit as well */

#componentWrapper .player_progress {
	position:absolute;
	top:82px;
	left:-4px;
	height:16px;
}

#componentWrapper .progress_bg {
	position:absolute;
	top:5px;
	left:10px;
	width:158px;
	height:6px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#222222;
}

#componentWrapper .load_progress {
	position:absolute;
	top:5px;
	left:10px;
	width:0;
	height:6px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#444444;
}

#componentWrapper .play_progress {
	position:absolute;
	width:0;
	height:6px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
	left:11px;
	top:4px;
}

#componentWrapper .player_progress_tooltip {
	position:absolute;
	top:40px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#333333;
	display:none;
	text-align:center;
	-webkit-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	-o-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	-ms-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
	-moz-box-shadow:rgb(34, 34, 34) 1px 1px 1px;
}

#componentWrapper .player_progress_tooltip p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:18px;
	margin:0;
}

/* playlist holder */

#componentWrapper .playlistHolder {
	position:absolute;
	top:0px;
	left:180px;
	width:170px;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	-webkit-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-o-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-ms-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-moz-box-shadow:rgb(17, 17, 17) 0px 5px 5px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	background-color:rgba(128,128,128,0.72);
	height:100px;
}

#componentWrapper .componentPlaylist {
	position:absolute;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:rgba(17,17,17,0.61);
	top:5px;
	left:5px;
	width:160px;
	height:94px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
}

/* playlist holder for playlist items */

#componentWrapper .playlist_inner {
	position:relative;
	top:0;
	left:2px;
	height:93px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
}

/* playlist items */

#componentWrapper .componentPlaylist .playlistItem {
	position:relative;
	top:0;
	left:0;
	margin-bottom:8px;
	clear:left;
	display:inline-block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
	height:100%;
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
}

#componentWrapper .componentPlaylist .playlistItem:last-child {
	margin-bottom:0;
}

/* adjust rollover on playlist item */

#componentWrapper .componentPlaylist .playlistItem a:hover {
	color:#66FFFF;
}

/* adjust disabled state on playlist item */

#componentWrapper .playlistSelected {
	float:left;
	color:#66FFFF;
}

/* adjust normal state on playlist item */

#componentWrapper .playlistNonSelected {
	float:left;
	color:#FFFFFF;
}

#componentWrapper .hlink {
	float:right;
	margin-right:5px;
}

/* playlist list */

#playlist_list {
	display:none;
}

/* font calculations for song scroll */

.fontMeasure {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	white-space:nowrap;
	visibility:hidden;
	left:-10000px;
}

/* public functions */

#publicFunctions {
	position:absolute;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#444444;
	left:50px;
	top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	list-style-type:circle;
	list-style-position:initial;
	list-style-image:initial;
	-webkit-box-shadow:rgb(34, 34, 34) 2px 2px 5px;
	box-shadow:rgb(34, 34, 34) 2px 2px 5px;
	-o-box-shadow:rgb(34, 34, 34) 2px 2px 5px;
	-ms-box-shadow:rgb(34, 34, 34) 2px 2px 5px;
	-moz-box-shadow:rgb(34, 34, 34) 2px 2px 5px;
	display:none;
	padding:10px 25px 20px 20px;
}

#publicFunctions li a {
	color:#FFFFFF;
}

#publicFunctions li a:hover, #publicFunctions li .current {
	text-decoration:underline;
}