.content-panel-listing ol{
    float: left;
}
.content-panel-listing li{
    line-height: 29px; font-size: 16px;
}

    .content-panel-listing .seemore{
        border-top: 1px solid #ccc;
    }

    .content-panel-listing li a:hover span.published{ color: #aaa; }

.content-panel-listing .title{
    background-image: url('/img/headers.png');
    background-repeat: none;
    background-position: 0 -260px;
    text-indent: -9999px;
    height: 20px;
    margin: 5px 0 3px 0;
}

.con-1 .content-panel-listing hr{ width: 66px; }
.con-2 .content-panel-listing hr{ width: 149px; }
.con-3 .content-panel-listing hr{ width: 232px; }
.con-4 .content-panel-listing hr{ width: 315px; }
.con-5 .content-panel-listing hr{ width: 398px; }
.con-6 .content-panel-listing hr{ width: 481px; }
.con-7 .content-panel-listing hr{ width: 564px; }
.con-8 .content-panel-listing hr{ width: 647px; }
.con-9 .content-panel-listing hr{ width: 730px; }
.con-10 .content-panel-listing hr{ width:813px; }
.con-11 .content-panel-listing hr{ width:896px; }
.con-12 .content-panel-listing hr{ width:979px; }


ol.scroller{ width: 9999px; position: relative; }

.content-panel-listing ol li.panel { float: left; }
.content-panel-listing ol.scroller li.panel{ float: right; }


/* non scroller mode */
.content-panel-listing ol li.panel{
    margin-bottom: 12px;
}
    .content-panel-listing ol li.panel:first-child{ border-top: 0; }
    body .content-panel-listing .hentry:first-child{
        border-top: 0;
        padding-top: 10px;
    }

.content-panel-listing ol li.panel .title{
    display: block; float: left;
    height: auto; width: 100%;
    padding: 5px 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc;
    background: none;
    color: #000; font-size: 12px; line-height: 16px; font-weight: bold;
    text-indent: 0;
}
    /* ie7 can't figure out */
    .content-panel-listing.con-4 ol li.panel,
    .content-panel-listing.con-4 li.panel .title { width: 315px; }

    .content-panel-listing li.panel .entry-summary{ display: none; }

/* if scroller mode, it should hide the days */
.content-panel-listing ol.scroller li.panel .title{ display: none; }
.content-panel-listing ol.scroller li.panel{ border: 0; }
.content-panel-listing ol.scroller li.panel .entry-summary{
    display: block;
}

.content-panel-listing{
    display: block; position: relative;
    z-index: 2;
}
.content-panel-listing .nav{
    position: absolute; top: 4px; right: 17px;
    height: 20px;
    padding: 0 20px; /* padding should be as wide as the pagination buttons */
}

.content-panel-listing .nav .pagination{
    position: absolute;
    background-image: url('/img/pile.png');
    background-repeat: none;
    background-color: transparent;
    height: 20px;
}
    .content-panel-listing .nav .next{
        left: 0; background-position: top left;
    }
    .content-panel-listing .nav .previous{
        right: 0; background-position: bottom left;
    }
    .content-panel-listing .nav .previous:hover,
    .content-panel-listing .nav .next:hover{
        background-position-x: center;
    }
    .content-panel-listing .nav .disabled,
    .content-panel-listing .nav .disabled:hover {
        background-position-x: right;
    }

    /* IE understand background-position-x, not everybody else does. Those
     * who don't understand selectors with double classes, hence: */
     .content-panel-listing .nav .previous:hover{
         background-position: bottom center;
     }
     .content-panel-listing .nav .next:hover{
         background-position: top center;
     }
    .content-panel-listing .nav .previous.disabled{
        background-position: bottom right;
    }
    .content-panel-listing .nav .next.disabled{
        background-position: top right;
    }

.content-panel-listing .nav button{
    opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
    border: 0; width: 20px; height: 20px;
    font-size: 0; /* force opera to hide the text */
    cursor: pointer;
}

.content-panel-listing .nav .label{
    display: block; float: left;
    text-align: center; font-weight: bold;
    line-height: 20px; color: black;
}


/*************************************************************************
 * Reusing the styles from the other news-lists, we should refactor this at
 * some point
 *************************************************************************/
body .content-panel-listing .hentry{
    border: 0; border-top: 1px dotted #ccc;
    padding-bottom: 0px; margin-bottom: 0px;
    padding-top: 10px; padding-bottom: 10px;
}

    body .content-panel-listing ol.scroller .hentry:first-child{
        border: 0;
    }

    body .content-panel-listing .hentry:first-child img,
    body .content-panel-listing .hentry img{
        top: 10px;
        height: 56px;
    }