/********** BASE BOX STYLES **********/
.news-box {
    background: url(../images/boxes/backgrounds.png) no-repeat right top;
    color: #0B333C;
    display: block;
    font-size: 10px;
    margin-bottom: 4px;
}
    /********** NEWS THUMBNAIL **********/
    .news-box .news-thumb {    
        display: block;
        float: left;
        height: 63px;
        overflow: hidden;
        padding: 7px 5px 5px;
        position: relative;
        text-align: center;
        width: 90px;
    }
    .news-thumb .thumb-border {
        background: url(../images/boxes/thumbs_borders.png) no-repeat left -136px;
        cursor: pointer;
        display: block;
        height: 68px;
        position: absolute;
        width: 90px;
        z-index: 10;
    }
    
    .news-thumb img { max-width: 90px; }
    /********** NEWS DETAILS **********/
    .news-box .news-data { float: left; overflow: hidden; }
        /********** NAME TITLE **********/
        .news-data .posted-at { color: #0088CC; padding: 5px 0 0; margin-bottom: 0; }
        .news-data .news-title { padding: 4px 0; line-height: 1.2; }
        .news-data .news-title a {
            color: #0b333c;
            font-size: 10px;
            font-weight: bold;
        }
        .news-data .news-title a:hover { text-decoration: underline; }
        .news-data .news-story { }


/********** BOXES SIZES AND BACKGOUNDS **********/
.news-box.w262 { height: 82px; width: 262px; }     
.news-box.w262 .news-data { height: 72px; width: 155px; }

.news-box.w290 { background-position: right -82px; height: 82px; width: 290px; }     
.news-box.w290 .news-data { height: 78px; width: 183px; }