/* root element for scrollable */
.vertical {
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollers have typically larger height than width */	
	height: 330px;
	width: 375px;
	border-top:1px solid #ddd;
	background-color:#fefbef;
	float: right;
}

/* root element for scrollable items */
.items {
	
	margin: 0px;
	
	
	
}

/* single scrollable item */
h3 {margin-left: 12px; font-size: 12px; font-style: normal; margin-top: 0px;}
.itemshort {
	border-bottom:1px solid #cccccc;
	padding:5px 12px 12px 12px;
	font-size:12px; font-family: arial, sans-serif;
	line-height: 16px;
	font-style: normal;
	
	
}
.itemshort a {text-decoration: none; font-weight: bold; color:#336293;}
.itemshort a:hover {color:#f15a22;}
.itemshort h3 {
	margin:0 0 5px 0;
	font-size:16px; line-height: 18px;
	color:#336293;
	font-weight:normal; text-align: left;
}

.item {
	border-bottom:1px solid #cccccc;
	padding:5px 12px 12px 12px;
	font-size:12px; font-family: arial, sans-serif;
	line-height: 16px;
	font-style: normal;

	
}
.item a {text-decoration: none; font-weight: bold; color:#336293;}
.item a:hover {color:#f15a22;}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	 border: solid 1px #cccccc;
}

.item h3 {
	margin:0 0 5px 0;
	font-size:16px; line-height: 18px;
	color:#336293;
	font-weight:normal; text-align: left;
}

/* the action buttons above the scrollable */
#actions {
	width:369px;
	background-color: #fcf4d0;
	margin:0px 0 6px 0;
	border-top: solid 1px #dfd6b8;
	font-family: arial, sans-serif;
	float:right;
	padding-right: 3px;
	padding-left: 3px;
}

#actions a {
	font-size:12px;		
	cursor:pointer;
	color:#336293;
}

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

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}