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

	/* vertical scrollers have typically larger height than width */	
	height: 378px;	 
	width: 245px;	
	
	/* decoration */
	padding:0px 0px;
	border:1px outset #ccc;
	background-color:#efefef;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #999999;
	-moz-border-radius: 5px;	
}

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

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div {
	text-align:center;
	width:245px;
	height:80px;
	padding:0px 0px;
	border:1px outset #ccc;
	background-color: #ddd;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #999999;
	-moz-border-radius: 5px;	
	margin-bottom:10px;
	background:url(jquery/scrollable/h150.png);
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;
	background-color:#e6efff;
}


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(jquery/scrollable/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;	
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(jquery/scrollable/down.png);	
}

div.petrol a.go {
	background-image:url(jquery/scrollable/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(jquery/scrollable/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/