div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 678px;		
	background-color:#EFF3D1;
}

#tagbox {
	
	/* set the faux fool */
	background: #ccc url(../img/taglist_bg.gif) repeat 0 0;
	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;
	
	font-size: 0.9em;
	overflow: hidden;
	padding: 0px;
	margin: 0em 0em;
}

#tagbox div {
	width: 226px;
	float: left;
	padding: 1.5em 0em;
}

#tagbox ul {
	margin: 0em;
	background: #eef8f9;
	clear: left;
}

#tagbox ul.odd {
	background: #eff3d1; 
}

#tagbox ul li {
	background: none;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	border-top: 1px solid #fff;
}

#tagbox ul li .checkbox {
	float: left;
	margin: 2px 5px 0px 0px;
	clear: left;
}

#tagbox ul li img {
	margin: 2px 5px 0px 8px;
	clear: left;
}

#tagbox ul li img.delete {
	float: left;
	margin: 2px 5px 0px 0;
}

#tagbox ul li a {
	background: url(../img/small_arrow_blue.gif) 14.2em 0.6em no-repeat;
	display: block;
	padding: 2px 15px 4px 5px;
	width: 180px;
	cursor:pointer;
}

#tagbox ul li:hover {
	background-color: #F8FCF7 !important;
}

#tagbox ul li a:hover {
	background-color: #F8FCF7;
	text-decoration: none
}

#tagbox ul li span {
	display: block;
	padding: 2px 15px 4px 5px;
	width: 180px;
}

#tagbox ul li.current {
	background: url(../img/arrow_blue_point_sml.gif) center right no-repeat;
	padding-right: 12px;
}

#tagbox ul li.current a {
	background: #2c899d;
	color: #fff;
}