/* ----- FUNCTION BAR ----- */

.MssFunctionBar
{
  float: right;
  /*width: 130px;*/
  margin-right : 5px;
}

.MssFunctionBar ul
{
	padding:0;
	margin:0;
	list-style:none;
}
.MssFunctionBar ul li
{
	float:left;
	position:relative;
	z-index:300;
}

.MssFunctionBar ul.level2 li
{
  float:none;
}

.MssFunctionBar ul li.level1
{
  padding: 4px 8px 0px 0px;
}

/* --------------------------------- */

.MssFunctionBar li ul
{
	visibility:hidden;
  position:absolute;
}

.MssFunctionBar li.level1:hover ul.level2,
.MssFunctionBar li.over1 ul.level2
{
  /* dont edit - hover effect */
	visibility:visible;
	/* for edit everytime */
}

/* --------------------------------- */

.MssFunctionBar li.level1 
{
  height:15px;
}

.MssFunctionBar li.level1 ul
{
  /* dont edit unless really needed - position of elements */
	top:100%;
	left:0;
	z-index:300;
	margin-top:-3px;
	/* for edit everytime */
	padding-top:2px;
	padding-bottom:5px;
	background-color: #fff; 
	border-color: #FCE016
}

.MssFunctionBar li.level1 > ul
{
  /* dont edit unless really needed - position of elements */
	top:auto;
	left:auto;
	margin-top:6px;
}

.MssFunctionBar li ul.level2
{
  width: 10em;
}
.MssFunctionBar li.level1:hover ul.level2, 
.MssFunctionBar li.over1 ul.level2
{
	/* for edit everytime */
	border-style: solid;
	border-width: 1px;
  border-top: none;
  width: 10em;
}

/* --------------------------------- */

.MssFunctionBar .level2 a 
{
  display: block;
  height:19px;
  padding-left:25px;
  color:#333;
  background-color: Transparent;
  background-repeat: no-repeat;
  background-position: 4px 2px;
  text-decoration:none;
}

.MssFunctionBar .level2 a.active
{
	font-weight:bold;
	color:#333;
	background: transparent;
}

.MssFunctionBar a:hover
{
  text-decoration: underline;
}

/* --------------------------------- */

.MssFunctionBar .iconLanguage 
{
  display: block;
  height: 9px;
  width: 16px;
  background-repeat:no-repeat;
}

.MssFunctionBar .iconDA, 
.MssFunctionBar .level2 .iconDA 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/langDA.gif');
}

.MssFunctionBar .iconDE, 
.MssFunctionBar .level2 .iconDE 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/langDE.gif');
}

.MssFunctionBar .iconEN, 
.MssFunctionBar .level2 .iconEN 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/langEN.gif');
}

.MssFunctionBar .iconNO, 
.MssFunctionBar .level2 .iconNO 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/langNO.gif');
}

.MssFunctionBar .iconSE, 
.MssFunctionBar .level2 .iconSE 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/langSE.gif');
}

.MssFunctionBar .iconES, 
.MssFunctionBar .level2 .iconES 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/langES.gif');
}

.MssFunctionBar .iconLogin 
{
  display: block;
  height: 9px;
  width: 10px;
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/login.gif');
  background-repeat:no-repeat;
}

.MssFunctionBar .iconLogout 
{
  display: block;
  height: 9px;
  width: 10px;
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/logout.gif');
  background-repeat:no-repeat;
}

.MssFunctionBar .iconContact 
{
  display: block;
  height: 9px;
  width: 13px;
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/contact.gif');
  background-repeat:no-repeat;
  background-position: 0px 1px;
}

.MssFunctionBar .iconPrint 
{
  display: block;
  height: 9px;
  width: 11px;
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/print.gif');
  background-repeat:no-repeat;
}

.MssFunctionBar .iconSitemap 
{
  display: block;
  height: 9px;
  width: 17px;
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/tree.gif');
  background-repeat:no-repeat;
}

.MssFunctionBar .iconUserInfo 
{
  display: block;
  height: 9px;
  width: 11px;
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/info.gif');
  background-repeat:no-repeat;
}

.MssFunctionBar .iconSearch
{
  display: block;
  height: 9px;
  width: 11px;
  background-image: url('/sitecore modules/MSS/WebEngine/Images/icons/54616A/search.gif');
  background-repeat:no-repeat;
}

/** Support for the "iehover dropdown-Select problem" **/
.MssFunctionBar .iFrameHider
{
  /* dont edit unless really needed - position of elements */
  position:absolute;
  left:0;
  top:0;
  z-index:0;
  /* for edit everytime */
  width:10em; /* HAS to be same width as in #MssMainMenu li:hover ul,#MssMainMenu  li.over ul*/
}
