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

	/* vertical scrollers have typically larger height than width */	
	/*height: 390px;	 */
	width:250px;	
	left: 20px;
}

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

/* override item style defined in scrollable.css */
div.scrollable div.items div {
	float:none;
	margin:10px 25px 10px 25px; /*top right bottom left */
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* background image */
	background: #28366d no-repeat 0 0;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:.80;	
	
	/* text/font settings */
	color:white;
	width:250px;
	height:40px;
	margin:3px 0px 0px 0px;
	font-size:15px;
	line-height:40px;	
	cursor:pointer;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}


/* mouseover state */
div.scrollable div.items div:hover {	
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/* clicked state */
div.scrollable div.items div:active {	
	background: #d12c15; no-repeat 0 0;
}

/* active item */
div.scrollable div.items div.active {	
	background: #d12c15; no-repeat 0 0;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	cursor:default;
}


/* Gray box inside items */
div.scrollable div.items div div{
	text-align: center;
	background-color: gray;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	margin: 0px 5px 0px 0px;
	width: 50px;
}

/* Special rules for submenu, eg. in programs */
div.scrollable div.items.submenu div{
	height:25px;
	line-height:25px;
}