div.grayBackground{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:.85;
	background-color:#e9e5e5;
	padding: 3px 5px 3px 3px;
}

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

	/* vertical scrollers have typically larger height than width */	
	/*height: 390px;	 */
	width:250px;	
	margin-bottom:7px;
	border:1px solid black;
	
}

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

/* override item style defined in scrollable.css */
div.scrollable2 div.items2 div {
	float:none;
	
}


/* Header */
div.scrollable2 div.header{
	float:left;
	
	/* background image */
	background: #e9e5e5 no-repeat 0 0;
	filter: alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;	
	
	/* text/font settings */
	color:black;
	width:250px;
	height:17px;
	margin:0px 0px 0px 0px;
	line-height:17px;
	text-align: left;
	text-indent: 20px;	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
		
}

/* single scrollable item */
div.scrollable2 div.items2 div {
	float:left;
	
	/* background image */
	background: #e9e5e5 no-repeat 0 0;
	filter: alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;	
	
	/* text/font settings */
	color:black;
	width:250px;
	height:30px;
	margin:0px 0px 0px 0px;
	font-size:15px;
	line-height:30px;	
	cursor:pointer;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
		
}


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


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

/* mouseover state */
div.scrollable2 div.items2 div:hover {
	background: gray; no-repeat 0 0;	
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/* mouseover state */
div.scrollable2 div.items2 div.hover {
	background: gray; no-repeat 0 0;	
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/* Gray box inside items */
div.scrollable2 div.items2 div div{
	text-align: center;
	margin: 0px 5px 0px 0px;
	width: 50px;
}

div.header{
	border-bottom:1px solid black;
	
}


}