/*
========================================================================
  Site Bar
========================================================================
*/

#CommonMenu { height:49px; background-color:#CECEC5; border:0px solid #000; }
#CommonMenu input#search { width:90px; font:10px verdana; }
#CommonMenu select#goto { width:163px; font:10px verdana; }
#CommonMenu table.sitebar { width:955px; height:49px; border:0px solid black; }
#CommonMenu table.sitebar table { width:100%; height:49px; border:0px solid black; }
#CommonMenu table.sitebar td.logo { width:187px; }
#CommonMenu table.sitebar div.srcbutton { float:right; cursor:crosshair; padding-top:6px; }
#CommonMenu table.sitebar div.srcfield { float:right; padding:3px 3px 3px 3px; }
#CommonMenu table.sitebar div.menu { float:right; padding-top:6px; border:0px solid black; }
#CommonMenu table.sitebar div.goto { float:right; padding:2px 14px 0px 0px; }


/*
==============================================================
 Main Menu                                                         
==============================================================
*/

/* --- styling --- */

#MainMenu
{
  height: 24px;
  padding:4px 0 0 0;
  width:650px;
  float:left;
}

#MainMenu li ul
{
  margin-top: 1px;
  padding:20px 0 10px;
}

#MainMenu li > ul
{
  margin-top: 0px;  /* this is an optional Firefox hack */
}

#MainMenu li ul li
{
  width: 150px;
  padding: 0px 0px 3px 10px;
}

#MainMenu .iFrameHider
{
  width: 150px; /* HAS to be same width as in #MainMenu li:hover ul, #MainMenu  li.over ul*/
}

#MainMenu a
{
  color: #333;
  text-decoration: none;	
  padding: 3px 0px 0px 10px;
  width: auto;
  margin-right: 10px;
}

#MainMenu a.ancestor, 
#MainMenu a.selected 
{
  font-weight:bold;
}

#MainMenu a:hover
{
  text-decoration: underline;
}

#MainMenu li.level2 a
{
  padding: 2px 0px 0px 0px;
  margin-right: 0px;
  width: 150px;
  border-bottom: none;
}

#MainMenu li.level2 a:hover
{
  text-decoration: underline;
  border-bottom: none;
}

/*for compliant browsers*/
#MainMenu li.level2:hover,
#MainMenu li.level3:hover,
#MainMenu li.level4:hover,
#MainMenu li.level5:hover,
/*for IE*/
#MainMenu li.over2,
#MainMenu li.over3,
#MainMenu li.over4,
#MainMenu li.over5,
#MainMenu li.over6
{
}


/* --- common use. always applies to a menu --- */

#MainMenu ul,#MainMenu li
{
  margin: 0;
	padding: 0;
	list-style: none;
}
#MainMenu ul a{
	display: block;
}

* html #MainMenu ul a
{
	display: inline-block;  /* this is an optional IE hack */
}

#MainMenu ul li
{
  position: relative;
	z-index: 300; 
}

#MainMenu li ul
{
	visibility: hidden;
  position: absolute;
}

#MainMenu li ul li
{
  display: block;
  float: left;
  clear: left;
}

/*for compliant browsers*/
#MainMenu li.level1:hover ul.level2,
#MainMenu li.level2:hover ul.level3,
#MainMenu li.level3:hover ul.level4,
#MainMenu li.level4:hover ul.level5,
#MainMenu li.level5:hover ul.level6,
/*for IE*/
#MainMenu li.over1 ul.level2,
#MainMenu li.over2 ul.level3,
#MainMenu li.over3 ul.level4,
#MainMenu li.over4 ul.level5,
#MainMenu li.over5 ul.level6,
#MainMenu li.over6 ul.level7
{
	visibility: visible;
}
#MainMenu div.floatBreak
{
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  clear: both;
}

/* --- horizontal main menu hover effect --- */

#MainMenu
{
  /* clear: both; */
}

#MainMenu ul li.level1
{
  float: left;
}

#MainMenu li ul
{
  top: 100%;
	left: 0;
	z-index: 100;
}

#MainMenu li ul.level2
{
}

#MainMenu li ul.level3,
#MainMenu li ul.level4,
#MainMenu li ul.level5,
#MainMenu li ul.level6,
#MainMenu li ul.level7
{
  top: 0;
	left: 100%;
	z-index: 100;
}

#MainMenu .iFrameHider
{
  /* dont edit unless really needed - position of elements */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

#MainMenu .iFrameHiderDiv
{
  height:0px;
  width:1px;
  clear:both;
  font-size:0px;
  line-height:0px;
}


/*
========================================================================
  Sub Menu
========================================================================
*/

#SubMenu
{
}

#SubMenu ul
{
  list-style-type:none;
  padding:0;
  margin:0 0 20px;
}

#SubMenu ul ul
{
  margin:0;
}

#SubMenu a
{
  display:block;
  color:#000;
  text-decoration:none;
  background:url(/images/portal/submenu_icon.gif) no-repeat 0px 4px;
  padding:0 0 6px 13px;
}

#SubMenu li.level2 a
{
  background:none;
  padding-left:25px;
}


#SubMenu a.selected,
#SubMenu a.ancestor
{
  font-weight:bold;
}

#SubMenu a:hover
{
  text-decoration:underline;
}