/* CSS Document */

div.scrollable {
    position:relative;
    overflow:hidden;
    height: 333px;
    width: 370px;
}

div.scrollable div.items {
    position:absolute;
    height:1px;
}
/* root element for scrollable */
.vertical {
        position:relative;
        overflow:hidden;
        height: 333px;
        width: 370px;
        border-top:1px solid #ddd;
}

/* root element for scrollable items */
.items {
  position:absolute;
  height: 10px;
        margin: 0px;
}

/* single scrollable item */
.items div {
  background: #444444;
  margin: 2px 0px 2px 0px;
        padding: 3px 3px 5px 3px;
        font-size:11px;
        width: 370px;
  height: 55px;
        border-bottom:1px solid #ddd;

}

/* elements inside single item */
.items img {
        float:left;
        margin-right:5px;

}
.index_thumb_scroll {
  padding: 1px;
        background-color:#000;
  border: 3px solid #FFF;
        margin: 0;
  height: 50px;
        width: 90px;

}
.items h3 {
  margin:0;
        font-size:12px;
        color:#eeeeee;
        font-weight:bold;
}
.items h3 a {
        margin:0;
        font-size:12px;
        color:#eeeeee;
        font-weight:bold;
}
.items h3 a:hover {
        margin:0;
        font-size:12px;
        color:red;
        font-weight:bold;
}
.items p {
        font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  margin:0;
        padding-right:8px;
  font-size:12px;
        color:#eeeeee;
        font-weight:normal;
        line-height:16px;
}

/* the action buttons above the scrollable */
#actions {
  float:right;
        margin:0;
  padding:5px;
}
#actions a {
        cursor:pointer;
        border:0;
}
.prevPage {
        padding-left:5px;
}
.nextPage {
        padding-left:5px;
}
