/* BROWSER */

#browser			{	
position: absolute; 
overflow:hidden; 
right:0; top:30px; 
}

.browser-open .browser-frame		{	
position:absolute; 
left:0; 
width:635px; 
height:203px;
background: url(../../images/ing/browser_fondo.gif) top left no-repeat;  
}

.browser-closed .browser-frame	{ 
position:absolute; 
left:0px; 
width:635px; 
height:203px;
background: none;   }

.browser-tag		{	display:block; width:36px; height:169px; float:left; cursor:pointer;}
.browser-content	{	position:relative; margin:0 0 0 40px; width:590px; height:200px;}
.browser-open		{	width:635px; height:203px; }
.browser-closed		{	width: 36px; height:169px; }
.browser-closed	.browser-tag {	background: transparent url(../../images/ing/browser_tag_closed.gif) top right no-repeat;}

/*para el fix de IE6*/
/*.browser-open .browser-tag { background-image:none;}*/

/* directorio */
#browser #directorio { 
position:absolute; 
top:10px; 
left:0px; 
overflow:hidden; 
display:block; 
width:148px; 
height:174px; 
background: url(../../images/browser_brmenu_fondo.gif) left repeat-y;}

/* menu */
#browser #brmenu { 
overflow-y:scroll; 
display:block; 
width:148px; 
height:175px;
/*scrollbar-face-color:#404040; 
	scrollbar-highlight-color:#6A6A6A;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#666666;
	scrollbar-shadow-color:#404040;
	scrollbar-arrow-color:#CDCDCD;
	scrollbar-track-color:#383838; */}

#browser #brmenu ul		{ }

#browser #brmenu h4		{ 
display:block; 
width:116px; 
height:17px;  
background:#333 url(../../images/browser_bullet_h4.jpg) 4px no-repeat;
font:12px arial; 
text-decoration:none; 
padding: 3px 0 0 15px; 
color:#FFFFFF; 
font-weight:bold;
text-transform:uppercase;
}

/*#browser #brmenu h4:hover		{ 
background: url(../../images/browser-fndo-a-browser.jpg) bottom repeat-x;
color:#FFFFFF; 
font:12px arial; 
text-decoration:none;
cursor:pointer;
}*/




#browser #brmenu li a 	{ 
display:block; 
width:116px; 
height:15px; 
padding: 4px 0 0 10px; 
color: black; 
font:12px arial; 
text-decoration:none; 
background: url(../../images/browser-fndo-a-browser.jpg) top repeat-x; }

#browser #brmenu li a:hover{ 
background: url(../../images/browser-fndo-a-browser.jpg) bottom repeat-x;
color:#FFFFFF; 
font:12px arial; 
text-decoration:none; }

#browser .brmenu-item-selected a { 
display:block; 
width:129px; 
height:19px; 
padding: 0 0 0 17px; 
color: white; 
font: bold 12px/15px tahoma; 
text-decoration:none; 
background: url(../../images/browser-brmenu-fondo-selected.jpg) }

/* contenido */
#browser #contenido { 
position:absolute; 
top:2px; 
right:0px; 
display:block; 
width:440px; 
height:195px; }


/* botonera */

#browser #botonera { 
display:block;
width:430px;
height:28px;
float:left; 
font-size:12px; 
margin:6px 0 0 22px;
}

#browser #botonera #btnNuevo	{ 
width:87px; 
height:24px; 
text-align:center; 
cursor:pointer; 
background: url(../../images/ing/browser_fndo_bton_lonuevo.gif);
margin:0 3px 0 0; 
float:left;}

#btnNuevo span { 
display:none;}
  
#browser #botonera #btnVisto	{ 
width:87px;
height:24px;  
text-align:center; 
cursor:pointer;
background: url(../../images/ing/browser_fndo_bton_dlasemana.gif);
float:left;
 }

#btnVisto span { 
display:none;} 
 
#browser #botonera #separador	{ 
display:none; }

#browser #botonera input 		{ 
float:left; 
margin:0px 4px 0 15px;
_margin:0px 4px 0 7px;
width:176px; 
height:19px; 
border:none; 
background:#CCCCCC; 
color:#333333; }

#browser #botonera #btnBuscar	{ 
width:46px;
height:20px;  
text-align:center; 
cursor:pointer;
background: url(../../images/ing/browser_fndo_bton_buscar.jpg);
margin:0; 
float:left;}

#btnBuscar span { display:none;} 

#browser .nuevo-off, #browser .visto-off{ background-color:darkred; color:red; }
#browser .nuevo-on , #browser .visto-on	{ background-color:red; color:black; }


#browserClienteLoading { position:absolute; top:30px; left:0; z-index:100; background-color:#FFFFFF; width:440px; height:140px; opacity:0.7; filter:alpha(opacity=70);}
#browserClienteLoading .loading { background: transparent url(../../images/cargando.gif) center no-repeat; width:100%; height:100%;opacity:1.0; filter:alpha(opacity=100); }

#cintabrowser { 
position:absolute; 
top:25px; 
left:0px; 
width:440px; 
height:150px; }

#cintabrowser h3{
display:none;}

#carrobrow					{ 
float:left; 
position:relative; 
height:135px; 
width:440px; 
overflow:hidden;
margin:5px 0 0 0 ;
text-align:center;
}

.carrobrow-item				{ 
position:absolute;
width:317px;
height:129px;
background: url(../../images/browser_carrfondo_1.gif) right no-repeat;

}

.carrobrow-item .encuadre	{ 
position:relative; 
/*width:318px; 
height:130px;*/

}

.carrobrow-item .imagen		{ 
position:absolute; 

  }
  
/*.carrobrow-item #marco	{
position:absolute; 
width:171px;
height:130px;
  }*/
  


.carrobrow-item .datos		{ 
position:absolute; 
width:148px; 
height:130px; 
color:#FFFFFF; 
overflow:hidden;
text-align:left;
float:left;
left:0;
/*background-image: url(../../images/browser-fondo-datos.png);*/
}

.carrobrow-item .datos .item-title{ 
background:url(../../images/browser_bullet_h4.jpg) 1px 4px no-repeat;
padding-left:13px;
margin:5px 0 0 5px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:16px; 
}

.carrobrow-item .datos .item-rankingviewscount{
display:block;
font:10px Arial, Helvetica, sans-serif;
margin:5px 0 0 5px; float:left;}

.carrobrow-item .datos .item-copyrightname {
display:block;
width:120px;
height:18px;
font:11px Arial, Helvetica, sans-serif;
position:absolute;
top:114px;
left:6px;
}



#carrobrow .button-prev 	{ 
z-index:100; 
position:absolute; 
top:35px; 
left:6px;
width:15px; 
height:65px; 
background:url(../../images/browser_btnleft.gif) top left no-repeat;
cursor:pointer; }

#carrobrow .button-prev span{ display:none; }

#carrobrow .button-next 	{ 
z-index:100; 
position:absolute; 
top:35px; 
right:3px;
width:15px; 
height:65px; 
background:transparent url(../../images/browser_btnright.gif) top left no-repeat;
cursor:pointer; }

#carrobrow .button-next span{ display:none; }
#carrobrow .button-no-data	{ z-index:100; position:absolute; top:100px; left:50px; width:300px; height:100px; background-color:navy; color:white; font-size:70%;}

.more-info{display:none;}

/*ANIMACION DE CARRUSEL*/

.carrobrow-item-hidden				{ z-index:0; top:0px; left:-400px;}
.carrobrow-imagen-hidden 		    { width:160px; height:120px;  }
.carrobrow-datos-hidden				{ width:140px;  opacity:0; filter:alpha(opacity=0); }

.carrobrow-item-prev-1				{ z-index:80; top:10px; left:-400px; /*width:124px; height:164px;*/ }
.carrobrow-imagen-prev-1 	        { width:160px; height:120px;  }
/*.carrobrow-imagen-prev-1#marco      { width:164px; height:124px;  /*top:0px; left:0px;}*/
.carrobrow-datos-prev-1				{ width:140px; opacity:0; filter:alpha(opacity=0); }

.carrobrow-item-selected			{ z-index:100; top:5px; left:16px; margin-left:5px;/* width:300px; height:130px;*/ cursor:pointer; }
.carrobrow-imagen-selected	        { width:160px; height:120px; top:5px; right:5px;}
/*.carrobrow-imagen-selected#marco      {width:171px; height:130px; top:0px; left:0px;}*/
.carrobrow-datos-selected			{ width:140px; opacity:1; filter:alpha(opacity=100);}
.carrobrow-datos-selected .score { margin-left:5px;

}

.carrobrow-datos-selected .item-plays	{ float:left; font-size:10px; margin-top:5px; margin-left:5px;}

.carrobrow-item-next-1				{ z-index:80; top:10px; left:100px; width:283px; height:117px; }
.carrobrow-imagen-next-1 	       { width:141px; height:112px; top:2px; right:3px;}
/*.carrobrow-imagen-next-1#marco      { width:150px; height:112px;  top:0px; left:0px;}*/
.carrobrow-datos-next-1				{ width:140px; height:112px; opacity:0; filter:alpha(opacity=0); }

.carrobrow-item-next-2				{ z-index:70; top:17px; left:177px; width:245px; height:101px;opacity:1; filter:alpha(opacity=100); }
.carrobrow-imagen-next-2 		    { height:97px; width:130px; top:2px; right:2px;}
/*.carrobrow-imagen-next-2#marco      { width:134px; height:101px; top:0px; left:0px;}*/
.carrobrow-datos-next-2				{ width:140px; height:101px; opacity:0; filter:alpha(opacity=0); }

.carrobrow-item-next-3				{ z-index:60; top:17px; left:150px; width:161px; height:66px; opacity:0; filter:alpha(opacity=0);}
.carrobrow-imagen-next-3 		    { width:40px; height:60px; top:2px; right:2px; }
/*.carrobrow-imagen-next-3#marco      { width:64px; height:84px; top:0px; left:0px;}*/
.carrobrow-datos-next-3				{ width:140px; height:62px; opacity:0; filter:alpha(opacity=0);  }

/*Esto es para lookear y ubicar las estrellitas que están en el PLAYER.CSS*/



#browserPaginador { 
position:absolute; 
left:0; bottom:0; 
height:22px; 
width:440px; 
overflow:hidden;

}

#browserPaginador .pag ul { 
float:left;  
margin:2px 0 0 0; 
padding-right:12px; 
list-style:none;
text-decoration:none; }

#browserPaginador .pag li { 
float:left; 
cursor:pointer; 
height:17px; 
padding-top:3px; 
width:20px; 
margin:0 2px; 
text-align:center; 
background-color:#666666;
background-image:none; 
color:#ffffff;
text-decoration:none;
 }
 


#browserPaginador .pag ul li.pag-first{ display:none;}

#browserPaginador .pag ul li.pag-last{ display:none;}

#browserPaginador .pag ul li.pag-next {
display:block;
width:81px;
height:18px;
background: url(../../images/ing/browser_fndo_bton_pag_next.jpg) no-repeat;}

#browserPaginador .pag ul li.pag-prev {
display:block;
width:81px;
height:19px;
background: url(../../images/ing/browser_fndo_bton_pag_prev.jpg);}

#browserPaginador .pag ul li.pag-first span { display:none}

#browserPaginador .pag ul li.pag-last span { display:none;}

#browserPaginador .pag ul li.pag-next span {
font:12 Arial, Helvetica, sans-serif;
color:#333333; 
width:9px; 
height:8px; 
display:block; 
margin-top:6px; 
margin-left:6px;}

#browserPaginador .pag ul li.pag-prev span {  
font:12 Arial, Helvetica, sans-serif;
color:#333333; 
width:9px; 
height:8px; 
display:block; 
margin-top:6px; 
margin-left:6px; }

#browserPaginador .pag ul li.pag-current {
display:block;
width:18px;
height:18px;
background:#0068B5; 
color:#FFFFFF; 
padding:0px!important;
border:none;}

#browserPaginador .pag ul li.pag-current span {
font:11 Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-weight:bold;
}

#browserPaginador .pag ul li.pag-after { 
display:block;
width:18px;
height:18px;
background:#666666; 
color:#000000; 
font-weight:bold;
padding:0px!important;
border:none;}

#browserPaginador .pag { 
width:100%; 
height:20px; 
font-size:11px;  
color:#cccccc; 
clear:both;
margin-left:20px; }

#browserPaginador .pag-visor-paginas { 
display:none; }

.pag-visor-items {
width:180px;
height:22px; 
float:left; 
margin:0px 0 0 5px; 
padding-left:0px;
font:11px Arial, Helvetica, sans-serif; 
color:#FFFFFF;}

.pag-visor-items span{ 
display:block;
padding:5px 0 0 5px; 
float:left;}


/* ESTRELLAS */

.carrobrow-item .item { margin-right:0;}
.item-score{ margin-left:3px;}