/********** BASE BOX STYLES **********/
.video-box {
    background: url(../images/boxes/backgrounds.png) no-repeat 0 -75px;
    color: #FFF;
    display: block;
    height: 78px;
    margin-bottom: 5px;
    width: 205px;
}
.video-box-selecteble { display: block; height: 78px; padding: 3px 4px; }
.video-box-selecteble.video-box-hover { background: #E3F1FE; }
.video-box-selecteble.video-box-selected { background: #b2e1ff; }
.video-box-selecteble .video-box { margin-bottom: 0; }
    /********** VIDEO THUMBNAIL **********/
    .video-box .video-thumb {    
        display: block;
        float: left;
        height: 68px;
        overflow: hidden;
        padding: 5px 2px 0 5px;
        position: relative;
        width: 90px;
    }
    .video-thumb img { display: block; }
    .video-thumb .thumb-border {
        background: url(../images/boxes/thumbs_borders.png) no-repeat left top;
        cursor: pointer;
        display: block;
        height: 68px;
        position: absolute;
        width: 90px;
        z-index: 998;
    }
    .video-thumb:hover .thumb-border { background-position: left -68px; }
    .video-thumb .rates { position: absolute; margin: -10px 0 0 22px; }
    
    /********** VIDEO DETAILS **********/
    .video-box .video-info { float: left; }
        /********** ARTIST NAME **********/
        .video-info .artist-name { padding: 0 0 0 4px; margin: 3px 0 0 1px; }
        .video-info .artist-name a {
            color: #FFF;
            display: block;
            font-size: 11px;
            font-weight: bold;
            padding-right: 4px;
            width: 96px;
        }
        .video-info .artist-name a span { display: block; padding: 2px 0; }
        
        .video-info .artist-name:hover { background: url(../images/corners.png) no-repeat left -46px; }
        .video-info .artist-name:hover a { background: url(../images/corners.png) no-repeat right -46px; color: #000; }
        .video-info .artist-name:hover a span {background-color: #E3F1FE; }
        /********** TRACK AND VIEWS **********/
        .video-info .video-name { font-size: 10px; font-weight: normal; padding: 3px 3px 3px 4px; }
        .video-info .views {
            background: url(../images/views-icon.png) no-repeat 3px center;
            font-size: 11px;
            margin-top: 4px;
            padding-left: 25px;
        }

.ui-helper-reset .video-box { line-height: 13px; }
/********** BOXES SIZES AND BACKGOUNDS **********/
.video-box.w205 {   }
.video-box.w250 { background-position: 0 -153px; width: 250px; }
.video-box.w250 .video-info .artist-name a { width: 141px; }

.video-box.h75 { height: 75px; }
.video-box.h75 .video-thumb  { padding: 4px 2px 0 5px; } 
.video-box.w250.h75 { background-position: -230px 0; }


.video-box.w290 { background-position: -205px -75px; width: 290px; }
.video-box.w290 .video-info .artist-name a { width: 181px; }

.video-box.wfluid {
    background-position: -205px -75px;
    -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
    width: 100%;
}
.video-box.wfluid .video-info .artist-name a { width: auto; }

.video-list .video-box { margin-left: 7px; }
.video-list.vertical { padding: 2px 3px 0; width: 204px; }
.video-list.vertical .video-box { margin-left: 0; }