/* 
    Document   : most_viewed.css
    Created on : 09-ene-2013, 11:57:56
    Author     : daizgar
    Description:
        Estilos css para el módulo de vídeos más vistos
*/


#channelVideosContainer {
    width:394px;
    margin:20px;
    margin-right:0px;
}

.channelVideosVideo {
    width:187px;
    height: 172px;
    
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    overflow: hidden;
    display:none;
}

.channelVideosVideoImageHolder {
    width:185px;
    height:114px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    
    margin-top:10px !important;
    display:block;
    
    
}




.channelVideosVideoImage {
    width:175px;
    height:104px;
    margin:5px;
    padding-top:5px;
}

.channelVideosVideoH3 {
  
    font-size: 13px;
    text-align: center;
    font-weight: 700;
     -webkit-border-radius: 8px;
    border-radius: 8px;
   
    padding-left: 5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:4px;
}

.channelVideosVideoTitle {
    width:175px;
    height:42px;
    margin:5px;
    color:#121212;
    
    
}

.channelVideosVideoDuration {
    display:inline-block;
    position: relative;
    top:-150px;
    left:5px;
    background-color: #ffffff;
    font-weight: 700;
    height:28px;
    -webkit-border-radius: 0px 8px 8px 0px;
        border-radius: 0px 8px 8px 0px;
        padding-left:10px;
        padding-right: 10px;
        padding-top:5px;
  
  
}

.channelVideosMoreInfo {
    display:inline-block;
    position: relative;
    top:-110px;
    left: 46px;
float: left;
    background-color: #333333;
    font-weight: 700;
    height:28px;
    -webkit-border-radius: 8px 0px 0px 8px;
        border-radius: 8px 0px 0px 8px;
        padding-left:10px;
        padding-right: 20px;
        padding-top:3px;
        padding-bottom:2px;
 /* background: -moz-linear-gradient(
		top,
		#323333 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#323333),
		to(#000000));*/


	/*border: 1px solid #000000;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.3);
	/*text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);*/
  
}


.channelVideosDurationBlack {
    display:inline-block;
    position: relative;
    top:-110px;
    float:left;
   
    background-color: #333333;
    font-weight: 700;
    color:#FFFFFF;
    font-size:13px;
    height:28px;
    -webkit-border-radius: 0px 8px 8px 0px;
        border-radius: 0px 8px 8px 0px;
        padding-left:20px;
        padding-right: 10px;
        padding-top:5px;
        
       
   /*background: -moz-linear-gradient(
		top,
		#323333 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#323333),
		to(#000000));*/


	/*border: 1px solid #000000;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.3);
	/*text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);*/
  
  
}



.channelVideosMoreInfo a {
    text-decoration:none;
    color:#FFFFFF;
    font-size:12px;
    
}

.channelVideosMoreInfo a:hover {
    
    color:#ffde00;
    
}