#player{
	border:#CCC solid 1px; /*si se elimina esta linea se quita el borde gris del player*/
	width:800px;
	height:475px;
	color:#666;}
#player-header{/*contenedor del header*/
	width:800px;
	height:123px;
	background-image:url('http://www.sicario.tv/imagesbyftp/barradiciembre.jpg'); 
	background-repeat:no-repeat;
	}
#playerYoutube{/*contenedor general del player*/
	margin:0px;
	position:relative;
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
	#panel-player{/*contenedor del video youtube*/
		position:relative;
		width:425px;
		float:left;
		margin-left:15px;
		}
	#panel-list{/*contenedor del combo de canales y lista de videos*/
		position:relative;
		width:315px;
		float:right;
		margin-right:20px;}
		#canales-list{/*combo box*/
			width:310px;
			border:#ffd5ff solid 1px;}
		#cont-videos{/*lista de canales*/
			position:relative;
			width:315px;
			height:265px;
			margin-top:0px;
			overflow:auto;}
			#img-canales{
				margin-bottom:10px;}
			#img-canal{
				margin-top:10px;}
				
			#cont-videos .item-video{/*contenedor de un 1 video*/
				position:relative;
				height:60px;
				padding:10px;
				margin:10px;
				background-color:#F9F9F9;
				border:#CCC solid 1px;
				cursor:pointer;
				}
				#cont-videos .item-video:hover{/*cuando se pone el puntero sobre el contenedor del video*/
				border:#ffd5ff solid 1px;
				}
			#cont-videos .item-video-thmb{/*contenedor de la imagen del video thmb*/
				float:left;
				width:96px;
				height:60px;
				margin-right:15px;background-image: url(loader.gif);
				background-repeat: no-repeat;
				background-position: center center;}
			#cont-videos .item-video-desc{/*contenedor del titulo del video*/
				width:260px;
				height:60px;
				text-align:center;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;}
				.desc{/*con este se sube o se baja la alineacion del titulo, regular segun necesidades de 1, 2 0 3 lineas de texto*/
				padding-top:18px;}

/*estilos para el scroll*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
/*con este se cambia el color del scroll tambien puede ser una imagen, con los estilos adecuados de background-image:*/
.vscrollerbar {
width: 10px;
background-color:black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}