@import url(base-less.less);

#menuBarContainer {
	width				: 100%; 
	float				: left; 
	height				: 60px; 
	margin-bottom		: 5px;
}

#menuBar {
	
}

.navbar-inverse {
	width				: 100%; 
	background			: @menuBgColor; 
	z-index				: 10;
	.borderRadius(0,0,0,0); 
	.boxShadow(0px,1px,5px,#8A8A8A); 
}

.navbar-header {
	height				: 60px;
}

.navbar-inverse .navbar-nav>li>a {
	color				: @menuColor; 
	line-height			: 30px; 
	width				: 90px; 
	padding				: 15px 0px; 
	text-align			: center;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	color				: @menuHoverColor; 
	background-color	: @menuHoverBgColor;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	color				: @menuHoverColor; 
	background-color	: @menuHoverBgColor;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
	color				: @menuHoverColor; 
	background-color	: @menuHoverBgColor;
}

.dropdown-menu {
	background-color	: @childMenuBgColor; 
	padding-bottom		: 0px; 
	overflow			: hidden;
	.borderRadius(0px, 0px, 5px, 5px); 
}

.dropdown-menu>li>a {
	color				: @childMenuColor; 
	line-height			: 30px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color				: @childMenuHoverColor; 
	background-color	: @menuHoverBgColor;
}