@charset "utf-8";

.modern-menu.mm-vertical {
	width: 184px;
	height: auto;
}

/* General reset */
.modern-menu, .modern-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	/* A button item */
	.modern-menu li {
		position: relative;
	}

	/* A button */
	.modern-menu a {
		height: 100%;
		text-decoration: none;
		display: block;
		position: relative;
		overflow: hidden;
		z-index: 101;
		border: none;
	}

	/* The label of a button */
	.modern-menu a span {
		color: #707070;
		background-color: #fafafa;
		line-height: 40px;
		padding: 0 20px;
		display: block;
	}
	.modern-menu.mm-vertical a span {
		line-height: 36px;
	}
	.modern-menu .mm-over {
		color: #fafafa;
		background-color: #44aadd;
	}

	/* The label of a button with a dropdown */
	.mm-container.mm-drop span {
		padding-right: 15px;
	}

	/* A horizontal label container */
	.mm-horizontal span {
		float: left;
	}

	/* The label of a button with a dropdown */
	.mm-hdrop, .mm-hdrop-over, .mm-vdrop, .mm-vdrop-over {
		background-repeat: no-repeat;
		background-position: center right;
	}
	.mm-hdrop {
		background-image: url("../images/hdrop.png");
	}
	.mm-hdrop-over {
		background-image: url("../images/hdrop-over.png");
	}
	.mm-vdrop {
		background-image: url("../images/vdrop.png");
	}
	.mm-vdrop-over {
		background-image: url("../images/vdrop-over.png");
	}

	/* A button on the right side */
	.modern-menu .mm-right {
		display: block;
		float: right;
	}

	/* The top buttons */
	.modern-menu > li {
		float: left;
	}
	.modern-menu.mm-vertical > li {
		float: none;
	}

	/* A group of buttons */
	.mm-group li {
		float: left;
	}
	.modern-menu .mm-group span {
		line-height: 40px;
	}

		/* The label of a subbutton */
		.modern-menu ul span {
			line-height: 36px;
		}

		/* A dropdown of a button */
		.modern-menu li > ul {
			width: 155px;
			font-size: 14px;
			position: absolute;
			left: 5000px;
			opacity: 0;
			z-index: 100;
			background: white;
		}

		/* A dropdown of a vertical menu */
		.mm-vertical li > ul {
			top: 0;
		}

		/* Dropdowns from level 2 onwards */
		.modern-menu ul ul {
			float: right;
			top: 0;
		}

	/* Icon buttons */
	.modern-menu .mm-icon span {
		width: 14px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: center;
		padding: 0 18px;
	}
	.mm-vertical .mm-icon span {
		width: 10px;
	}