/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div#scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width:760px;
    height:255px;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div#scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div#scrollable div.items div.show_calendar {
float:left;
}

.next, .prev {
position:absolute;
cursor:pointer;
background:#111;
border:1px solid #666;
color:#fff;
padding:8px 4px;
font-size:0.9em;
}
.next{
margin-right:20px;
right:0;
}
.next.disabled, .prev.disabled{
background:#fff;
border:1px solid #fff;
}