/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	/*overflow:hidden;*/
	overflow:auto;	
	background-color:#FFFFFF;
	/* vertical scrollers have typically larger height than width */	
	height: 301px;	 
	width: 100%;
	border-top:1px solid #ddd;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:auto;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #ddd;	
	padding:10px;
	font-size:12px;
	height:80px;	
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:10px;
}

.item span {
	margin:0 0 5px 0;
	font-size:12px;
	color:#436bb3;
	font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;
	text-decoration:none;
}

.item h3 {
	margin:0 0 5px 0;
	font-size:10px;
	color:#456;
	font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;
}
.item h4 {
	margin:0 0 5px 0;
	font-size:11px;
	color:#000;
	font-weight:normal;
	font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;
}

/* the action buttons above the scrollable */
#actions {
	width:100%;
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	font-weight:bold;
	color:#436bb3;
	text-decoration:none;	
}

#actions a:hover {
	text-decoration:none;
	color:#436bb3;
}

.disabled {
	visibility:hidden;		
}
.prev {
	float:right;
	
}
.next {
	float:right;
}