/* 
    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
*/


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

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

.mostViewedVideoImageHolder {
    width:185px;
    height:114px;
    background-color: #000000;
    margin-bottom: 5px;
    
    padding-top:2px;
    
}




.mostViewedVideoImage {
    width:175px;
    height:104px;
    margin:5px;
}

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

.mostViewedVideoTitle {
    width:175px;
    height:40px;
    margin:5px;
    
    
}

.mostViewedVideoDuration {
    display:inline-block;
    position: relative;
    top:-150px;
    left:5px;
    background-color: #121212;
    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;
    
   color:#FFFFFF;     
   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);
  
  
}