﻿/*
Navbar styling

Each level has two item look states - normal and selected. Each state has
normal, hover, expanded and active sub-states

Level N Item
Level N Item Hover
Level N Item Expanded
Level N Item Active

Level N Item Selected 
Level N Item Selected Hover
Level N Item Selected Expanded
Level N Item Selected Active


*/

#navbarContent
{
	position:absolute;
	top:150px;
}

.NavBar
{
	padding-top: 10px;
	overflow: hidden;
}




/* -----------------------------------------------------

   Level 1

----------------------------------------------------- */
.Level1Item
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: Black;
	padding-left: 10px;
}
.Level1Item TD
{
	/* force right-align of text */
	/*text-align: right !important;*/
}

.Level1ItemSelected
{
	border-style:solid;
	border-width: 1px 0px 1px 0px;
	border-color:gray;
}

.Level1ItemHover, .Level1ItemSelectedHover
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: White;
	background-color: #464646;
	padding-left: 10px;
	
}


.Level1ItemSelected, .Level1ItemSelectedExpanded
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	padding-left: 10px;
	color: White;
	background-color: #464646;
}


.Level1ItemActive, .Level1ItemSelectedActive
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: black;
	padding-left: 10px;
}




/* -----------------------------------------------------

   Level 2

----------------------------------------------------- */
.Level2Group
{
	padding-bottom: 2px;
}

.Level2Item, .Level2ItemActive
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: Black;
}


.Level2ItemHover, .Level2ItemSelectedHover
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: White;
	background-color: #464646;
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	border-color:#E4E4E4;
}

.Level2ItemSelected
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: White;
	background-color: #464646;
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	border-color:#E4E4E4;
}

.Level2ItemSelectedExpanded, .Level2ItemSelectedActive
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: White;
	background-color: #464646;

}

/* -----------------------------------------------------

   Level 3

----------------------------------------------------- */
.Level3Group
{
}

.Level3Item
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: Black;
}

.Level3ItemHover, .Level3ItemActive
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	color: White;
	background-color: #464646;

}


.Level3ItemSelected, .Level3ItemSelectedHover, .Level3ItemSelectedExpanded, .Level3ItemSelectedActive
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	color: White;
	background-color: #464646;
}


/* -----------------------------------------------------

   Level 4

----------------------------------------------------- */
.Level4Group
{
}

.Level4Item
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor:pointer;
	color: Black;

}

.Level4ItemHover, .Level4ItemActive
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor:pointer;
	color: White;
	background-color: #464646;

}

.Level4ItemSelected, .Level4ItemSelectedHover, .Level4ItemSelectedExpanded, .Level4ItemSelectedActive
{
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	background-position: left;
	background-repeat: no-repeat;
	color: White;
	background-color: #464646;
}

/*
.Level3ItemHover TD, .Level3ItemExpanded TD, .Level3ItemActive TD, .Level3ItemSelected TD
{
	border-top: solid 1px #88b7cb !important;
}
*/
