/************ VIDEO BOX ************/
.video-box {
    background: url(../../images/video_bg.jpg) no-repeat;
    color: #FFF;
    display: block;
    float: left;
    height: 78px;
    margin-bottom: 5px;
    width: 204px;
}

.video-box .thumbnail { float: left; padding: 5px; }
.video-box .thumbnail .rates { position: absolute; margin: -24px 0 0 22px; }
.video-box .thumbnail a { background: transparent; padding: 0; }
.video-box .info { float: left; }
.video-box h3.artist a {
    color: #FFF;
    display: block;
    height: 14px;
    font-size: 11px;
    overflow: hidden;
    padding: 1px 2px;
    margin: 3px 0 0 0;
    width: 96px;
}
.video-box h3.artist a:hover { background-color: #E3F1FE; color: #000; }
.video-box h4.track { padding: 3px 0 0 2px; }
.video-box .rates { float: left; margin-top: 3px; padding-right: 5px; }
.video-box .views {
    background: url(../../images/views-icon.png) no-repeat left center;
    font-size: 11px;
    margin-top: 7px;
    padding: 0 0 0 22px;
}
.video-box .links { font-size: 10px; float: right; margin: 4px 0 0 0; }
.video-box .links a {
    background-repeat: no-repeat;
    background-position: 3px 2px;
    color: #FFF;
    float: left;
    display: block;
    font-weight: bold;
    height: 16px;
    width: 40px;
    padding: 1px 4px 1px;
    text-align: center;
    margin-right: 0;
}
.video-box .links a:hover { background-color: #E3F1FE; color: #000; }
.video-box .links a.info-link { background-image: url(../../images/icons/information.png); text-align: right; width: 48px; }
.video-box .links a.clips-cnt {
    background-image: url(../../images/icons/film.png);
    padding-left: 20px;
    padding-right: 0;
    text-align: left;
    margin-left: 3px;
    width: 72px;
}





/************ WIDE VIDEO BOX ************/
.video-box.wide, .video-box.wide-clip { margin: 0 5px 3px; width: 228px; }
.video-box.wide { background-image: url(../../images/wide-video_bg2.jpg); }
.video-box.wide-clip { background-image: url(../../images/wide-video_bg.jpg); margin-bottom: 5px; }

.video-box.wide h3.artist a { margin-top: 5px; padding: 3px; width: 145px; }
.video-box.wide .views { float: left; margin-top: 5px; }
.video-box.wide .links { margin-top: 7px; float: left; }
.video-box.wide .links a { padding-top: 4px; padding-bottom: 0; }

.video-box.wide-clip h3.artist a { margin-top: 2px; padding: 2px 3px; width: 119px; }
.video-box.wide-clip .views { margin-top: 6px; }
.video-box.wide-clip .links a { margin-top: 0; width: 55px; }
.video-box.wide-clip .links.three a { width: 40px; }
.video-box.wide-clip .links a.info-ballon { padding-top: 2px; padding-bottom: 0; }