.dmxHTML5MP3Player.fancy_blue {

	border: 1px solid #368dbe;

	border-top: 1px solid #c3d6df;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7);

	font-family: helvetica, arial;

	height: 110px;

	position: relative;

	width: 400px;



	/* BACKGROUND GRADIENTS */

	background: #014464;

	background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C));



	/* BORDER RADIUS */

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;



	/* DISABLE SELECTION */

	-webkit-user-select:none;

	-moz-user-select:none;

}



.fancy_blue .dmxHTML5MP3PlayerDisplay {

	background: #09232F;

	border-bottom: 1px solid #4190AF;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	font-family: monospace;

	font-size: 14px;

	height: 32px;

	left: 10px;

	line-height: 32px;

	padding: 0 10px;

	position: absolute;

	right: 10px;

	text-shadow: 0 1px 0px #000;

	top: 10px;

}



.fancy_blue .dmxHTML5MP3PlayerInfo {

	float: left;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	white-space: nowrap;	

}



.fancy_blue .dmxHTML5MP3PlayerPositionSlider {

	background: #09232F;

	border-bottom: 1px solid #4190AF;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	height: 6px;

	left: 10px;

	position: absolute;

	right: 10px;

	top: 52px;

}



.fancy_blue .dmxHTML5MP3PlayerLoadBar {

	background: #003E5C;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	height: 6px;

	position: absolute;

}



.fancy_blue .dmxHTML5MP3PlayerPositionBar {

	background: #fff;

	background: -moz-linear-gradient(top, #fff, #eee 50%, #ccc 51%, #bbb);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(.5, #eee), color-stop(.5, #ccc), to(#bbb));

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	height: 6px;

	position: absolute;

}



.fancy_blue div.dmxHTML5MP3PlayerControlbar {

	bottom: 6px;

	/*left: 50%;

	margin-left: -80px;*/

	width: 100%;

	height: 34px;

	position: absolute;

	/*text-align: center;*/

}



.fancy_blue .dmxHTML5MP3PlayerControlbar a {

	outline: none;

	margin: 0 0 0 6px;

	border: 1px solid #268;

	border-top: 1px solid #59b;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	/*display: inline-block;*/

	float: left;

	height: 32px;

	width: 32px;

}



.fancy_blue .dmxHTML5MP3PlayerControlbar .dmxHTML5MP3PlayerVolume {

	outline: none;

	margin: 0 3px;

}



.fancy_blue .dmxHTML5MP3PlayerControlbar a.dmxHTML5MP3PlayerActive,

.fancy_blue .dmxHTML5MP3PlayerControlbar a.dmxHTML5MP3PlayerPlaying,

.fancy_blue .dmxHTML5MP3PlayerControlbar a:active {

	border: 1px solid #157;

	border-top: 1px solid #013;

}



.fancy_blue .dmxHTML5MP3PlayerControlbar .dmxHTML5MP3PlayerBtnPrev {

	background: #157 url('prev.png');

}



.fancy_blue .dmxHTML5MP3PlayerControlbar .dmxHTML5MP3PlayerBtnPlayPause {

	background: #157 url('play-pause-resume.png');

}



.fancy_blue .dmxHTML5MP3PlayerControlbar .dmxHTML5MP3PlayerBtnStop {

	background: #157 url('stop.png');

}



.fancy_blue .dmxHTML5MP3PlayerControlbar .dmxHTML5MP3PlayerBtnNext {

	background: #157 url('next.png');

}



.fancy_blue .dmxHTML5MP3PlayerVolumeSlider {

	float: right;

	width: 100px;

	margin-top: 13px;

	background: #09232F;

	border-bottom: 1px solid #4190AF;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	height: 6px;

}



.fancy_blue .dmxHTML5MP3PlayerVolumeBar {

	background: #fff;

	background: -moz-linear-gradient(top, #fff, #eee 50%, #ccc 51%, #bbb);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(.5, #eee), color-stop(.5, #ccc), to(#bbb));

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.fancy_blue .dmxHTML5MP3PlayerVolume {

	float: right;

	height: 32px;

	width: 32px;

	cursor: pointer;

}



.fancy_blue .dmxHTML5MP3PlayerVolumeMute {

	background: url('volume-0.png');

}



.fancy_blue .dmxHTML5MP3PlayerVolumeLow {

	background: url('volume-1.png');

}



.fancy_blue .dmxHTML5MP3PlayerVolumeMed {

	background: url('volume-2.png');

}



.fancy_blue .dmxHTML5MP3PlayerVolumeHigh {

	background: url('volume-3.png');

	display: inline-block;

	height: 32px;

	width: 32px;

}



.fancy_blue .dmxHTML5MP3PlayerControlbar .dmxHTML5MP3PlayerBtnPlaylist {

	background: #157 url('eject.png');

	position: absolute;

	display: block;

	right: 7px;

	top: 0;

	height: 32px;

	width: 32px;

}



.fancy_blue .dmxHTML5MP3PlayerPlaylist ol {

	background: #09232F;

	border: 1px solid #368dbe;

	-moz-border-radius: 0 0 10px 10px;

	-webkit-border-radius: 0 0 10px 10px;

	border-radius: 0 0 10px 10px;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7);

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.7);

	box-shadow: 0 1px 3px rgba(0,0,0,0.7);

	left: 10px;

	list-style-position: inside;

	margin: 0;

	padding: 5px 10px;

	position: absolute;

	right: 10px;

	top: 110px;

	z-index: 99;

}



.fancy_blue .dmxHTML5MP3PlayerPlaylist li {

	color: #fff;

	font-family: helvetica, arial;

	font-size: 12px;

	margin: 0;

	padding: 0;

}



.fancy_blue .dmxHTML5MP3PlayerPlaylist a {

	color: #fff;

	outline: none;

	text-decoration: none;

}



.fancy_blue .dmxHTML5MP3PlayerPlaylist a.dmxHTML5MP3PlayerCurrent {

	font-weight: bold;

}