/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menurs/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* DropDown  */

#dropdown-wrapper {width:650px;  height:50px; margin:0 0 20px 0;  }
#dropdown-wrapper div.off { cursor:pointer; color:#2060AA;}
#dropdown-wrapper div.on {color:#FF6600; cursor:pointer;}

/* DropDown For Microsites */

#microsite-dropdown-wrapper {width:600px;  height:50px; margin:0 0 20px 0;  }
#microsite-dropdown-wrapper div.off { cursor:pointer; color:#2060AA;}
#microsite-dropdown-wrapper div.on {color:#FF6600; cursor:pointer;}



div.hide {display:none; overflow:hidden;}
div.show {clear:left; }
div.show h4 { margin-bottom: -25px;}
.left-drop
		{
		margin:0px;
		padding:0px;
		float:left;
		width:140px;
		height:29px; 		
		border-bottom:1px solid #efefef;
		}
		
.viewby
		{
		margin:0px;
		padding:7px 0 0 10px;
		color:#2060aa;
		}


#pro ol {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width:250px;
	}
	
.lik {border-top:1px solid #efefef;  background: #FFF url(/SiteCollectionImages/arrow-dropdown.gif) no-repeat 265px 12px; 
} 

/* style the outer div to give it width */
.menur {font-size:1em; margin:0px; padding:0px; border-bottom:1px solid #efefef; height:29px;float:left;}

/* remove all the bullets, borders and padding from the default list styling */
.menur ol {padding:0;margin:0;list-style-type:none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menur positon */
.menur ol li {
	float:LEFT;
	/*height:2.5em;*/
	padding:0;
	margin:0;
	}
	
/* style the sub level list items */
.menur ol ol li {display:block;position: relative; top:-px;}

/* style the links for the top level */
.menur a, .menur a:visited {
	display:block;
	color:#2060aa;
	padding:0 1em 0 0em;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	width:280px;
	height:28px;
	background-color: #efefef;
	cursor:pointer;
	}
		
.menur ol ol a, .menur ol ol a:visited {	
	background-color: #efefef;
	}	
	
/* style the sub level links */
.menur ol ol a, .menur ol ol a:visited {display:block;color: #2060aa; width:280px;height:15px;line-height:1em; padding:0.5em 1em;}
.menur ol table ol a, .menur ol table ol a:visited  { height:15px;width:211px;}

.menur li:hover {position:relative;}
* html .menur li a:hover {position:relative;}

#anchorlink a:hover {
 background:#ffffff; 
}


/* drop menu jquery */	
.clickMenu div.outerbox
{
	display: none;
	min-width: 50px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner
{
	//top: 32px; /* for ie */
	left: 0;
	margin: 0;
	top: 31px;
}
.clickMenu div.inner div.outerbox
{
	margin: 0;
	left: 98px;
	//left: 90px; /* for ie */
	top: -3px;
}

.clickMenu li
{
	position: relative;
	padding: 0 20px 0 2px;
	/*white-space: nowrap; does not really work in ie */
}
.clickMenu li.main
{
	float: none;
	padding: 0 0px;
	background-color: #eee;
	//height: 20px; /* for ie */
}
.clickMenu li.main li
{
	z-index: 2;
	min-width: 78px;
}
.clickMenu li.hover
{
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #000000;
}
.clickMenu img.liArrow
{
	position: absolute;
	right: 5px;
	top: 50em;
}
.clickMenu a
{
	text-decoration: none;
	color: black;
	cursor: pointer;
}