div#bottom-bar {
	z-index: 100;
	position: fixed;
	bottom: 0;

	width: 100%;
	height: 4.2em;
	line-height: 4.20em;

	background-color: #7A6E64;
	border-bottom: 1px solid #e2e4e3;
}

.bottom-bar-segment {
	display: inline-block;

	border-right: 1px solid #e2e4e3;

	font-size: 1.1em;
	font-weight: bold;
	color: #e2e4e3;
	text-align: center;

	overflow: hidden;
}

.bottom-bar-segment a,
.bottom-bar-segment a:visited {
	cursor: pointer;
	padding: 0 20px;
	color: #e2e4e3;
	height: 100%;
	display:inline-block;
}

.bottom-bar-segment:hover {
	background-color: rgb(37, 122, 184);
}

.bottom-bar-segment.on-right {
	border-left: 1px solid #e2e4e3;
	border-right: 0px;
	float: right;
}

.bottom-bar-segment.first-on-right {
	border-left: 1px solid #e2e4e3;
}

.bottom-bar-segment.last-on-right {
	border-right: none;
}

.bottom-bar-segment.link-only a {
	display:block;
	height:100%;
}

div.hierarchy-menu-button {
	padding: 0 1.3em;
	float: left;
	height: 100%;
}

div.hierarchy-menu-button .disclosure-up,
div.hierarchy-menu-button .disclosure-down {
	display: none;
	padding-left: .5em;

	color: #e2e4e3;
	font-weight:bold;
}

div.hierarchy-menu-button.active .disclosure-up,
div.hierarchy-menu-button .disclosure-down {
	display: none;
}

div.hierarchy-menu-button .disclosure-up,
div.hierarchy-menu-button.active .disclosure-down {
	display: inline;
}

div.hierarchy-menu-button span.label {
	font-weight: bold;
	color: #767877;
}

div.hierarchy-menu-button span.label .separator {
	padding: 0 5px;
}

div.hierarchy-menu-button span.label .user-full-name {
}

div.hierarchy-menu-button span.label .user-company-name {
	color: #e2e4e3;
}

div.hierarchy-menu-button.active span.label .separator,
div.hierarchy-menu-button.active span.label .user-full-name,
div.hierarchy-menu-button.active span.label .user-company-name,
div.hierarchy-menu-button.active .disclosure-up,
div.hierarchy-menu-button.active .disclosure-down {
	color: #FFFFFF;
}

div.action-menu-button {
	width: 4.2em;
	padding: 0;
}

div.action-menu-button span.icon-gear {
	line-height: 38px;
	font-size: 1.7em;
}

div.simple-menu-item,
div.hierarchy-menu-item {
	background-color: #425760;
	color: #EFEFED;

	border-left: 1px solid #808080;
	overflow: hidden;

	display: inline-block;
	position: relative;

	line-height: 1.25em;
	vertical-align: middle;
}

div.hierarchy-menu-item {
	bottom: 0;

	height: 24em;
	overflow-y: auto;
}

div.simple-menu-item {
	width: 120px;
}

div.hierarchy-menu-item.root-menu-item {
	min-height: 150px;
	border-left: none;
}

div.hierarchy-menu-item .menu-item-title {
	text-transform: uppercase;
	color: #e2e4e3;

	letter-spacing: 1px;
	padding: 2.5% 5%;
}

div.hierarchy-menu-item .menu-sub-item {
	padding: 0.5em;
	width: 15.5em;
	line-height: 1.25em;
	cursor: pointer;
	font-weight: normal;
	white-space: nowrap;
	overflow-x: visible;
}

div.simple-menu-item .menu-sub-item {
	padding-left: 15%;
	width: 85%;
	cursor: pointer;
	font-weight: normal;
}

div.hierarchy-menu-item .menu-sub-item:hover,
div.hierarchy-menu-item .menu-sub-item.showing-sub-menu,
div.simple-menu-item .menu-sub-item:hover {
	background-color: rgb(37, 122, 184);
	color: #FFFFFF;
}

div.hierarchy-menu-item .menu-sub-item .menu-sub-item-text {
	display: inline-block;
	width: 13.5em;
	overflow: hidden;

	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

div.hierarchy-menu-item .menu-sub-item .menu-sub-item-pointer {
	float: right;
	font-size: 0.9em;
	margin-right: 1.25em;
}

div.bottom-bar-segment.active {
	background-color: #021726;
	color: white;
}

div.menu-container {
	color: #D9D9D9;

	display: none;
	font-size: 0.9em;
	margin-bottom: 1px;
	position: fixed;
	bottom: 2.41em;
	white-space: nowrap;
	z-index: 100;

	-webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

div.hierarchy-menu-container {
	width:100%;
}

div.action-menu-container {
	right: 0px;
}

div.menu-container ul {
	background-color: #425760;
	color: #FFF;
	/*display: inline-block;*/
	position: relative;
	line-height: 1.25em;
	vertical-align: middle;

	min-height: 50px;
	border-left: none;
}

div.menu-container ul li {
	padding: 0.5em;
	min-width: 13.5em;
	line-height: 1.25em;
	cursor: pointer;
	font-weight: normal;
	white-space: nowrap;
	overflow-x: visible;
	cursor: pointer;
}

div.menu-container ul li span.label {
	display: inline-block;
	font-size: .8em;
	overflow: hidden;
	padding: 0.5em 2em 0.1em 0.25em;
	min-width: 13.5em;

	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

div.menu-container ul li span.icon {
	float: left;
	font-size: 0.9em;
	width: 1.25em;
	height: 1.25em;
}

div.menu-container ul li span.pointer {
	float: right;
	padding: 0.35em 0.25em;
	font-size: .8em;
}

div.menu-container ul li:hover {
	background-color: rgb(37, 122, 184);
	color: white;
}