/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {  }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {  }
.ui-state-hover a, .ui-state-hover a:hover {  }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {  height: 34px; background-image: url(../images/player/bg_controls.png); }

.ui-icon-play { width: 22px; }
.ui-icon-stop { background-position: -22px 0px; width: 25px; }
.ui-icon-volume{ background-position: -51px 0px; width: 20px; }
.ui-icon-volume-off { background-position: -75px 0px; }

ul#icons {margin: 0 0 0 10px; padding: 0;}
ul#icons li {position: relative;  cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; }

ul#icons #volume-min { margin: 0px 0px 0px 10px; }

ul#icons #play_time { font-size: .74em; margin: 3px 0 0 0; }

/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; background: url(../images/player/bg_slider.gif) 0 0 repeat-x; }
.ui-slider .ui-slider-handle { display: none;  }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: url(../images/player/bg_slider_range.gif) 0 0 repeat-x; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

#player_container {
	position:	absolute;
	background: url(../images/player/bg_player_container.png) 0 0 no-repeat;
	height: 49px;
	width: 220px;
	padding-top: 3px;
	top: 0;
	right: 0;
}

#bars_holder {
	position:absolute;
	top:16px;
	left:56px;
	width:80px;
	cursor: pointer;
}

#loaderBar.ui-progressbar { height:.2em; border:0; }
#play_time { color: #fff; padding: 5px 0 0 90px; cursor: default !important; }

#player_info {
	position: absolute;
	left: 17px;
	top: 30px;
	font-weight: bold;
}

#player_info a {
	text-decoration: underline;
	color: #000000;
	font-size: .9em;
}

#player_info a:hover {
	text-decoration: none;
}

#player_info_hover {
	position: absolute;
	background: url(../images/player/bg_info.png) 0 0 no-repeat;
	width: 300px;
	height: 150px;
        padding: 10px;
        left: -323px;
        top: 0;
        color: #fff;
        display: none;
       
}

#player_info_hover a {
	color: #fff;
	font-weight: bold;
	
}