﻿.menu-collapser {
	position:relative; background-color:#4372a8; color:#FFF; width:100%; height:40px; line-height:40px; font-size:16px; padding:0 8px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.collapse-button {
	position:absolute; right:8px; top:50%; width:40px; background-color:#0E0E0E;
	background-image:linear-gradient(to bottom, #151515, #040404); background-repeat:repeat-x;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius:4px 4px 4px 4px;
	border-style:solid; border-width:1px; color:#FFFFFF;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
	padding:7px 10px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); cursor:pointer; font-size:14px; text-align:center;
	
	transform:translate(0, -50%); -o-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -moz-transform:translate(0, -50%); 
	-webkit-transform:translate(0, -50%); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box
}
.collapse-button:hover, .collapse-button:focus {
	background-image:none; background-color:#040404; color:#FFF;
}
.collapse-button .icon-bar {
	background-color:#F5F5F5; display:block; height:2px; width:18px; margin:2px 0;
	border-radius:1px 1px 1px 1px; box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); 
}

ul.slimmenu {
	list-style-type:none; margin:0px auto; padding:0; width:100%; 
}
ul.slimmenu li {
	position:relative; display:inline-block;
}
ul.slimmenu > li { margin-right:-5px;
}
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
	background-image: url(../images/navigation-separator.jpg); background-repeat:no-repeat; background-position:right;
	display:block; color:#ffffff; padding:9px 20px 9px 20px; font-size:14px; line-height: 30px;
}
ul.slimmenu li a:hover {
	color:#000000; text-decoration:none;
}
ul.slimmenu li .sub-collapser {
/*    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);*/
	position:absolute; right:3px; top:0; width:26px; height:100%; text-align:center; z-index:999; cursor:pointer;
}
ul.slimmenu li .sub-collapser:before {
	content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-0.25em;
}
ul.slimmenu li .sub-collapser > i {
	color:#1775BB; font-size:12px; display:inline-block; vertical-align:middle;
}
ul.slimmenu li ul {
	margin:0; list-style-type:none; padding:0;
}
ul.slimmenu li ul li { background-color:#E9E9E9; width:250px; }
ul.slimmenu li > ul {
	display:none; position:absolute; left:0; top:100%; z-index:999; width:100%;
}
ul.slimmenu li > ul > li ul {
	display:none; position:absolute; left:100%; top:0; z-index:999; width:100%;
}
ul.slimmenu li ul li ul li { background-color:#eeeeee; width:250px; }
ul.slimmenu li ul li ul li ul li { background-color:#E9E9E9; width:250px; }

ul.slimmenu.collapsed li {
	display:block; width:100%;
}
ul.slimmenu.collapsed li a {
	display:block; border-bottom:1px solid rgba(0, 0, 0, 0.075);
}
ul.slimmenu.collapsed li .sub-collapser {
	height:40px;
}
ul.slimmenu.collapsed li > ul {
	display:none; position:static;
}
ul.slimmenu .ActiveLink {
	color:#000000;
}
ul.slimmenu .NoLink {
	cursor:default;
}
ul.slimmenu .FirstLI {
	background-image: url(../images/navigation-separator.jpg); background-repeat:no-repeat; background-position:left;
}
ul.slimmenu .LastLI {
	background-image:url('../images/top-links-separator1.jpg'); background-repeat:no-repeat;
}

