/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:      relative;
	overflow:      hidden;	
	/* vertical scrollers have typically larger height than width */
	height:        400px; /*viewable window size height*/
	width:         550px;
	border-bottom: 1px solid #efefef;
}

/* 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 {
	padding:       10px;
	border-bottom: 1px solid #ddd;
	margin:        0;
	min-height:    80px;
}

/* elements inside single item */
.item img {
	float:  left;
	margin: 0 10px 10px 0;
	width:  75px;
}

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

/* the action buttons above the scrollable */
#actions {
	width:    45px;
	position: absolute;
	right:    0;
}

#actions a {
	font-size: 15px;		
	cursor:    pointer;
	color:     #000;
}

#actions a:hover {
	text-decoration: underline;
	color:           #456;
}

.disabled {
	visibility: hidden;		
}

.next {
	float: right;
}