/*TODO: Fix height of sidebar, not touching header on evange's comp*/
div#sidebar {
	height: 100%; /* Full-height: remove this if you want "auto" height */
	width: 200px; /* Set the width of the sidebar */
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
	z-index: 1000; /* Stay on top */
	top: 97px; /*Appear right below header*/
	left: 0;
	background-color: #333333; /* Black */
	overflow-x: hidden; /* Disable horizontal scroll */
}

div#sidebar div.sidebar-item {
    display: inline-block;
    width: 100%;
    height: 50px;
    padding-top: 15px;
}

div.sidebar-item .text {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 11pt;
	font-family: Verdana;
	color: lightgrey;
	display: block;
	height:75%;
}

div#sidebar div.sidebar-item:not(.disabled):hover {
  background-color:black;
  cursor:pointer;
}

div#sidebar div.sidebar-item:not(.disabled):hover .text{
	color: #f1f1f1;
}

div#sidebar div.sidebar-item.disabled:hover {
  cursor:default;
}

div#sidebar div.sidebar-item.disabled:hover .text{
  cursor:default;
}

div#sidebar div.sidebar-item.disabled{
	background-color:#a9a9a9;
}

div#sidebar div.sidebar-item.disabled .text{
	color:white;
}