/* CSS to handle the suckerfish menu in admin cp */

div.hsmod {
	margin-left:2.5%;
	margin-right:2.5%;
	font-size: 0.9em;
	text-align: left;
}

#hsmod, #hsmod ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#hsmod a {
	display: block;
	/*width: 10em;*/
	padding: 0.5em;
	text-decoration: none;
}

#hsmod li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	background: #ccc;
	font-weight: bold;
	border-top: #ddd 1px solid;
	border-bottom: #333 1px solid;
	border-right: #888 1px solid;
}

#hsmod li.wider { /* Forums and categories */
	width: 16em;
}

#hsmod li ul { /* second-level lists */
	position: absolute;
	background: #ccc;
	width: 16em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#hsmod li ul li {
	border-right: #fff 0px solid; /* clear out border so we don't leave artifacts behind */
	width: 16em;
	font-weight: normal;
}

#hsmod li:hover ul, #hsmod li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 100;
}

#hsmod li:hover, #hsmod li.sfhover {
	background: #f3f3f3;
}