/* root element for scrollable */
.vertical {
	
    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollers have typically larger height than width */
    height: 665px;
    width: 920px;
    border-top:1px solid  #59b22d;

	text-align:justify;
}

/* root element for scrollable items */
.items {
    position:absolute;

    /* this time we have very large space for height */
    height:20000em;
    margin: 0px;
}

/* single scrollable item */
.item {
    border-top:0px dotted  #0000FF;
    margin:10px 0;
    padding:15px;
    font-size:12px;
    height:180px;
}

/* elements inside single item */
.item img {
    float:left;
    margin-right:20px;
    height:120px;
    width:170px;
	box-shadow: 2px 2px 20px  rgb(0,0,0);
    -webkit-box-shadow: 1px 8px 90px rgb(0,0,0.3);
	border-radius: 0.7em;	
	opacity:0.9;
	font-size:14px;
}

.item h3 {
    margin:0 0 5px 0;
    font-size:16px;
    color:#456;
    font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
    width:900px;
    margin:0px 0 10px 0;
}

#actions a {
    font-size:13px;
    cursor:pointer;
    color:#1b3908;
	font-weight:bold
}

#actions a:hover {
    text-decoration:none;
    color:#36560f;
}

.disabled {
    visibility:hidden;
}

.next {
    float:right;
}