@CHARSET "ISO-8859-1";
  
  
  
  
#fixme { position: absolute; left: 0px; bottom: 0px;}
#fixmetoo { position: absolute; right: 0px; bottom: 0px;  }
div > div#fixme { 
z-index:1;
position: fixed; 
background: #2d4af6;
	height: 50px;
	bottom: 0px;
	border-top: 1px solid #00c6ff;
	display:none;
	}
div > div#fixmetoo { 
/*#00c6ff;#646464  #323232  2d4af6*/
background: #000000;
	height: 50px;
	width: 100%;
	color: #fff;

	display:none;
	border-top: 1px solid #666666;
position:fixed;left:0px; bottom:0px;
  
 }
pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }

  
 
  
  
  
  
  
#content
{
position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */


margin-left:50;
margin-right:50;
margin-top:70;


}
  
  
  .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
  
  
  
  /******* BAR #2d4af6;*******/
#barContainer{
	background: #4c4c4c;
	height: 50px;
	width: 100%;
	color: #fff;
z-index:0;
	display:none;
	border-top: 1px solid #00c6ff;
position:fixed;left:0px; bottom:0px;
  left:0;
  top:0;
 

}
#bar{

	width: 100%;
	line-height: 50px;
	margin: 0pt auto;
	
}
#bar #espacio{

	float: left;
	
	width: 20px;
}

#bar  #control
{
	display: block;
	width: 10%;
}
#bar  #control #prev
{
	position:absolute;
left:5%;
top:30%;
}

#bar #control #play2
{
display: none;
	position:absolute;
left:10%;
top:30%;
}
#bar #control #pause2
{

	position:absolute;
left:10%;
top:30%;
}
#bar  #control #next
{
	position:absolute;
left:15%;
top:30%;
}


#bar #play{
	float: left;
	width: 50px;
	background: transparent url(images/control_play_blue.png) no-repeat scroll center 22px;
}
#bar #play a{
	display: block;
}
#bar #song{
	width: 90%;
	float: left;
	
	text-align: center;
	font-size: 24px;
	margin: 0pt auto;
}
#bar #song #previous{
	float: left;
	background: red;
}
#bar #song span.title{
	margin: 0 15px 0 15px;
}
#bar #song #next{
	float: left;
	background: blue;
}
#bar #volume{
	float: left;
		position:absolute;
right:10%;

	text-align: center;
	
	
	font-size: 10px;
	/*background: transparent url(tests/css/images/vol3.jpg) no-repeat scroll center 22px;*/
}

#bar #closePlayer{
	position:absolute;
right:0px;
top:0px;


}

#closeOpen{
	position:absolute;
right:0px;
top:0px;
background: #ffff;
color: #ffff;

}


/******* /BAR *******/
  
  
  
  
  
  
  #mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}		
		
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog2 {
  background:url(images/ajax-loader1.gif) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}



.ui-tabs   {

 width: 750px ;
 
}

.floatleft { float: left; margin: 0px 5px 5px 0px; }

<!--background-color: #e9f6ff;-->
<!--border: solid 3px #ddd;-->

#player {
			background-color: #e9f6ff;
			color: #000;
			height: 20px;
			width: 40px;
			border: solid 3px #ddd;
		
		}
		#player .button {
			width: 20px;
			height: 20px;
			background-repeat: no-repeat;
			background-position: 2px 2px;
			float: left;
			
			
		}
		#player .button a {
			display: block;
			height: 20px;
			text-indent: -100em;
			overflow: hidden;
		}
		#player #timeline {
			position: relative;
		}
		#player #timeline a {
			position: absolute;
			left: 40px;
			display: block;
			height: 20px;
			width: 40px;
			text-indent: -100em;
			overflow: hidden;
			background-image: url(images/control_slider.png);
		
		}
		#player #timeline a:hover {
			background-image: url(images/control_slider_blue.png);
		}
		#player .play {
			background-image: url(images/control_play.png);
		}
		#player .play:hover {
			background-image: url(images/control_play_blue.png);
		}
		#player .pause {
			background-image: url(images/control_pause.png);
			display: none;
		}
		#player .pause:hover {
			background-image: url(images/control_pause_blue.png);
		}
		#player .stop {
			background-image: url(images/control_stop.png);
		}
		#player .stop:hover {
			background-image: url(images/control_stop_blue.png);
		}
		  


