#menuContainer {
	width:100%;
	height:100%;
}

#menuContainer .row {
	margin-right: 0;
	margin-left: 0;
}

.menu-item {
	position:relative;
	height:32px;
	font-size:14px;
	cursor:pointer;
	margin:5px auto;
	display:none;
	border-top-left-radius: 16px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 8px;
	background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%);
	box-shadow: 0 10px 6px -6px #dddddd;
	border:#edf2f8 2px solid;
}

.menu-item:hover, .menu-item:focus {
	background: rgb(246,248,249); /* Old browsers */
	background: linear-gradient(to bottom, #ffffff 0%,#d7e1ea 100%);
}

.menu-item span{
	position:absolute;
	font-size:20px;
	left:32px;
	line-height:30px;
	color:#103496;
}

.menu-status-icon-unvisited:after {
	position:absolute;
	margin-right:10px;
	display: inline-block;
	top:2px;
	left:3px;
	content:"○";
	font-size: 44px;
	color:#103496;
	webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.menu-status-icon-complete:after {
	position:absolute;
	display: inline-block;
	top:2px;
	left:3px;
	content:"●";
	font-size: 44px;
	color:#103496;
	webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.menu-status-icon-incomplete:after {
	position:absolute;
	display: inline-block;
	top:3px;
	left:5px;
	content:"◐";
	font-size: 26px;
	color:#103496;
	webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}