/* ******************** */
/* UL-LI like Menu      */
/* ******************** */

/* Static Level (Level1) */
div.nav, 
div.nav ul.level1
{
	height:69px;
}
div.nav
{
	margin: 0px auto;
}
div.nav ul.level1
{
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
}
div.nav ul.level1 li.static
{
	border-right: solid 1px #d2d1d2;
	float:left;
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
	background:none !important;
	height:60px;
	padding-top:7px;  /* height + padding-top == 68 */ 
}
div.nav ul.level1 li:last-child
{
	border-right-width: 0px;
}

div.nav ul.level1 li.static a.level1
{
	background: url(images/top-nav-closed-noarrow.png) no-repeat;
	font-weight: normal;
	display:block;
	padding:5px;
	text-decoration:none;
	padding-top:17px;
	height:46px; 
	font-weight: normal;
	color: #787878; 
}
div.nav ul.level1 li.has-popup a.level1
{
	background: url(images/top-nav-closed.png) no-repeat;
}

/* no more highlight on the selected static menu
div.nav ul.level1 li.static a.selected
{
	background: url(images/top-nav-noarrow.png) no-repeat;
	color: white !important;
}
div.nav ul.level1 li.has-popup a.selected
{
	background: url(images/top-nav.png) no-repeat;
}
*/

div.nav ul.level1 li.static a.highlighted
{
	background: url(images/top-nav-noarrow.png) no-repeat;
	text-decoration:underline;
	color: white !important;
}

div.nav ul.level1 li.has-popup a.highlighted
{
	background: url(images/top-nav.png) no-repeat;  
}

/* Dynamic Level (Level2) */
div.nav ul.level1 ul
{
	display:none;
	background: url(images/top-nav-sub-top.png) left top no-repeat;
	-moz-box-sizing: content-box; /* IMPORTANT: this is required for Mozilla like browsers to match IE and WebKit like browsers */
	background-color: #efefef;
	text-align:left;
	padding:0px;
	margin:0px;
}
div.nav ul.level1 ul li
{
	background:none !important;
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	border-bottom:solid 1px #d7d7d7;
	float:none;
	position:relative;
	margin-top: 15px;
	height: 30px;
}
div.nav ul.level1 ul a
{
	color: 	#787878  !important;
	background-image:none !important;
	white-space:nowrap; 
	margin: 0px 0px;
	height: 30px;
}
div.nav ul.level1 li.static ul.level2 li a.selected
{
	color: #787878 !important;
}
div.nav ul.level1 li.static ul.level2 li a.highlighted
{
    color:  #7a1082 !important;
}

#tabs
{
    height: 21px;
}

#tabs ul.level1
{
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
	width:100%;
}

#tabs ul.level1 li 
{
    background: none;
	float:left;
    padding:0;
    margin:0;
}


#tabs ul.level1 .itemlevel1
{
    background-color:#E8DDE9;
	border:1px solid #CCCCCC;
	color:#666;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	padding-left:4px;
    padding-right:10px;
	margin-right:2px;
	position:relative;
	text-decoration:none;
	min-width:200px;
}

#tabs ul.level1 .itemlevel1:hover
{
	background-color:#A347AD;
	color:#FFFFFF;
}

#tabs ul.level1 .selected 
{
    height:20px;
	background-color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	z-index:10;
}

#tabs ul.level1 .selectedwithborder 
{
    height:20px;
	background-color:#FFFFFF;
	z-index:10;
}

.tabsbackground
{
    position:relative;
    border: solid 1px #CCCCCC; 
    padding: 10px 10px 0px 10px; 
    background-color:#FFFFFF;
}