/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 245px;
	text-align: left; 
	background-image: url(blue245h.gif);
}

.news_background {
background-image: url("grey130h.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

/* 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-bottom:1px solid #ccc;
	font-size:12px;
	height: 38px;
	width: 510px;
	overflow: hidden;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:11px;

}

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

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

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

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

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

.disabled {
	visibility:hidden;		
}

.newsbox {
	float: right;	
}

/* up and down */
a.updown {
	background:url(vert_large.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
	
}

/* up */
a.up			{ background-position: -60px 0px; }
a.up:hover  		{ background-position:-80px 0; }
a.up:active  		{ background-position:-100px 0; }

/* down */
a.down:hover  		{ background-position:-20px 0px; }
a.down:active  	{ background-position:-40px 0px; }

.home-date {
	font-style: italic;
	color: #666666;
}