/*
	Styles in this file should be used with App_Code/UI/Navigation/DropDownMenu.cs control.
*/

.dropdownmenu {

	font-size: 12px;
	line-height: 1;
	background-color: transparent;
}


/* First level 
----------------------------------------------------------------------*/
.dropdownmenu  ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	
}

.dropdownmenu ul li {
	display: inline;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 30px;

}

.dropdownmenu ul li:hover
{
	background-color: #b6b6b6;	
}

.dropdownmenu ul span {
	float: left;
}

.dropdownmenu ul li span.active {
	font-weight: bold;
	background-color: #b6b6b6;
}

.dropdownmenu ul a {
	float: left;
	padding: 4px 5px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	color: #0096d7;
}

/* Reset almost everything provided by first level 
----------------------------------------------------------------------*/
.dropdownmenu ul ul, 
.dropdownmenu ul ul li, 
.dropdownmenu ul ul span,
.dropdownmenu ul ul a
{
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 1 !important; 
	list-style: none;
	float: none;
	font-size: 12px;


}


.dropdownmenu ul ul {
	position: absolute;
	display: none;
	background-color: #e7e7e7;

	min-width: 100px;

}

.dropdownmenu ul ul li 
{

	border-bottom: solid 1px white;
}

.dropdownmenu ul ul li:hover
{
	background-color: #b6b6b6;	
}

.dropdownmenu ul ul li span
{
padding-top: 4px;
padding-bottom :4px;
}


.dropdownmenu ul ul li span.last 
{
	border: 0;
}

.dropdownmenu ul ul a {
	padding: 5px;
	

}

/* Hacks section
-------------------------------------------------------------------------*/
/* This one is needed because IE6 does not understands min-width property but it treats width as min-width*/
* html .dropdownmenu ul ul {
	width: 170px !important;
}

/* If you remove this rule weird things start happening in IE6 like sudden extension of the element's height 
   If you need to remove bottom border, just make it color of background */
* html .dropdownmenu ul ul li {
	border-bottom: 1px solid white;
}

* html .dropdownmenu ul ul span.last
{
	border-bottom: 1px solid #e7e7e7;
}