/* @group player */
#playerID {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 135px;
	width: 310px;
	overflow: hidden;
	z-index: 95;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	filter: alpha(opacity=0);
	opacity: 0;
}
.player {
	background: #111111;
	border: 5px solid #222222;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/*
.player {
	position: relative;
	height: 125px;
	width: 300px;
	border: 5px solid #222222;
	color: #efefef;
	background: #111111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url('css/border-radius/border-radius.htc');*/
	/*z-index: -1;
}*/
#playerID .hd {
	margin: 5px;
	height: 15px;
}
#playerID .bd {
	position: relative;
	margin: 0 5px 0 5px;
}
#playerID .ft {
	position: relative;
	height: 15px;
	margin: 5px;
}
/* @end */

/* @group player toggle */
.toggle-player a {
	background: transparent url('../images/btn_radio_off.gif')  0 0 no-repeat;	
}
.toggle-player.on a {
	background-image: url('../images/btn_radio_on.gif');	
}
#toggleStreamerID {
	/*display: none;*/
}
#toggleStreamerID a {
	padding: 0 20px 0 0;
	background-position: right 50%;	
}
/* @end */


/* @group player buttons */
#controlsID ul.buttons {
	margin: 0;
	padding: 0;
}
ul.buttons li.button,
ul.buttons li.cbutton {
	float: left;
	margin: 0 5px 0 0;
	height: 15px;
	width: 15px;	
	text-indent: -7000px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	background: #000000 url('../images/player-buttons.gif') no-repeat;
}
#btnPlayID {
	background-position: 0 0;
}
#btnStopID {
	background-position: -15px 0;
}
#btnPrevID {
	background-position: -30px 0;
}
#btnNextID {
	background-position: -45px 0;
}
#btnPlayID.on {
	background-position: -60px 0;	
}
#btnMuteID {
	background-position: -75px 0;
}
#btnMuteID.on {
	background-position: -75px -15px;
}
#btnListID {
	background-position: -90px 0;
}
#btnTuneID {
	background-position: -165px 0;
}
#btnOpenID {
	background-position: -105px 0;
}
#btnQuitID {
	background-position: -120px 0;
}
#btnVoluID {
	background-position: -135px 0;
}
#btnVoldID {
	background-position: -150px 0;
}
#btnPlayID:hover {
	background-position: 0 -15px;
}
#btnStopID:hover {
	background-position: -15px -15px;
}
#btnPrevID:hover {
	background-position: -30px -15px;
}
#btnNextID:hover {
	background-position: -45px -15px;
}
#btnPlayID.on:hover {
	background-position: -60px -15px;	
}
#btnMuteID:hover {
	background-position: -75px -15px;
}
#btnMuteID.on:hover {
	background-position: -75px 0;
}
#btnListID:hover {
	background-position: -90px -15px;
}
#btnTuneID:hover {
	background-position: -165px -15px;
}
#btnOpenID:hover {
	background-position: -105px -15px;
}
#btnQuitID:hover {
	background-position: -120px -15px;
}
#btnVoluID:hover {
	background-position: -135px -15px;
}
#btnVoldID:hover {
	background-position: -150px -15px;
}

/* slide counter */
#btnScntID {
	font-size: 9px;
	color: #cccccc;
	float: right;
	line-height: 15px;
	margin:  0 0 0 5px;
}
/* @end */


/* @group tracks */
.tracks {
	position: relative;
	height: 75px;
	width: 290px;
	overflow: hidden;
}
.track {
	position: relative;
	height: 75px;
	width: 280px;
	margin: 0 5px 0 5px;
	color: #cccccc;
	background: transparent url('../images/no-cover.jpg') right 0 no-repeat;
}
.track.media {
	background: transparent url('../images/no-cover-mp3.jpg') right 0 no-repeat;
}
table .track {
	height: auto;
	width: auto;
	color:  #333333;
	background: none;
}
.tracks .descr {
	height: 66px; /* 75px minus 9px for order div */
	width: 200px;
	overflow: hidden;
	font-size: 10px;
	line-height: 15px;
}
.track .time {
	/*color: #cccccc;*/
}
.track .artist {
	font-weight: bold;
}
.track .title {
}
.track .title a {
	font-weight: normal;
}
.track .title a:hover {
	text-decoration: none;
	color: #990000;
}
.track .title em {
	font-style: italic;
}
.track .cover {
	float: right;
	height: 75px;
	width: 75px;
	position: relative;
}
table .track .cover {
	margin: 5px 0 5px 0;
	float: left;
	clear: left;
	display: none;
}
table .on .cover {
	display: block;
}
.track .cover a {
	float: left;
}
.track .cover img {
	height: 75px;
	width: 75px;
	overflow: hidden;
}
.track .order {
	font-size: 9px;
	height: 9px;
	width: 200px;
	line-height: 9px;
	text-align: right;
}
table .track .order {
	float: left;
	text-align: left;
	width: auto;
	margin: 70px 0 0 10px;
	display: none;
}
table .on .order {
	display: block;
}
.track .order a {
	color: #cccccc;
	font-weight: normal;
	cursor: pointer;
}
table .track .order a {
	color: #666666;
}
.track .order a:hover {
	color: #990000;
}
/* @end */

/* @group time slider */
#playerID .ft .time {
	font-size: 9px;
	line-height: 15px;
	color: #cccccc;
}
.time.position {
	position: absolute;
	left: 0;
}
.time.duration {
	position: absolute;
	right: 0;
}
#playerID .ft .status {
	position: absolute;
	right: 50px;
	top: 0;
	left: 50px;
	font-size: 9px;
	line-height: 9px;
	color: #cccccc;
	text-align: center;
	z-index: 2;
	line-height: 15px;
	text-transform: uppercase;
}
#playerID .ft .slider {
	position: absolute;
	top: 4px;
	right: 50px;
	left: 50px;	
	height: 8px;
	background: #222222 url('../images/slider-rail-bg.png') 0 0 repeat-x;
	overflow: hidden;
}
#playerID .ft .handle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 8px;
	width: 0px;
	background: #990000 url('../images/slider-rail-bg.png') 0 0 repeat-x;
}
/* @end */


/* @group tracklist - table */
#tracklistContainerID {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: auto;
	overflow: auto;
	border: 5px solid #222222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
	filter: alpha(opacity=85);
	opacity: 0.85;
	z-index: 95;
	display: none;
}
#tracklistContainerID .buttons {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: inherit;
	margin: 0;
	padding: 0;
}
#tracklistContainerID li.button {
	height: 15px;
	width: 15px;	
	text-indent: -7000px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	background: #000000 url('../images/player-buttons.gif') -120px 0 no-repeat;	
	float: right;
}
#tracklistContainerID li.button:hover {
	background-position: -120px -15px;	
}
#tracklistContainerID .data {
	padding-top: 25px;
}
.track-list {
	color: #cccccc;	
	background: #111111;
}
#tracklistID table .track {
	color: #cccccc;
}
#tracklistID table,
#tracklistID td {
	border-color: #222222;
	line-height: 12px;
}
#tracklistID th {
	color: #ffffff;
	background: #000000;
	border-color: #222222;
}
#tracklistID tr {
	cursor: pointer;
}
#tracklistID .table-tr-odd td {
	background-color: #000000;
}
#tracklistID tr.on td {
	color: #990000;
}
#tracklistID tr.found td:first-child {
	background-image: url('../images/found-bg.gif');
	background-position: right 50%;
	background-repeat: no-repeat;	
}
#tracklistID tr.not-found td:first-child {
	background-image: url('../images/not-found-bg.gif');
	background-position: right 50%;
	background-repeat: no-repeat;	
}
#tracklistID tr:hover td {
	background-color: #222222;
}
#tracklistID .cover {
	display: none;
}
/* @end */


/* @group tracklistExt - table */
#tracklistExtID {	
	background: #ffffff;
}
#tracklistExtID a.toggle-track {
	height: 11px;
	width: 11px;
	background: url('../images/btn_plus.gif') 50% 50% no-repeat;
	float: right;
}
#tracklistExtID .on a.toggle-track {
	background-image: url('../images/btn_minus.gif');
}
#tracklistExtID .cover {
	height: 75px;
	width: 75px;
	overflow: hidden;
}
/* @end */

/* @group tips */
.tip-wrap {
	z-index: 99;
	display: none;
}
.tip {
	background: #333333;
	padding: 5px 10px 5px 10px;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
	filter: alpha(opacity=85);
	opacity: 0.85;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 10px;
}
.tip-title {
	display: none;
}
.tip-text {
	color: #ffffff;
	font-size: 0.9em;
}
/* @end */

/* @group loader */
.loader {
	margin: -24px 0 0 -24px;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 48px;
	width: 48px;
	background: url('../images/ajax-loader.gif') 50% 50% no-repeat;
	z-index: inherit;
	display: none;
}
/* @end */

/* @group miscellaneous */
.shadow {
	box-shadow: 3px 5px 5px #333333;
	-moz-box-shadow: 3px 5px 5px #333333;
	-webkit-box-shadow: 3px 5px 5px #333333;
 	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=7);
}
/* @end */


#timeSliderPositionID, #timeSliderDurationID {
	display: none;
	visibility: hidden;
}