/*V3*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at //www.cssplay.co.uk/menus/final_drop.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.
===================================================================
===================================================================
Modified by: Ricardo Zea
Date: Jan - 08
Project: www.lexisnexis.com
===================================================================*/

/*------------------- General Classes*/
.clear {clear:both;}
.float-right {
	float:right;
	text-align: right;
	clear: right;
}
hr {
	width:185px;
	height:1px;
	border-top:0;
	border-bottom:#333 1px dotted;
	padding:0;
	margin:5px 0 5px 0;}

/*------------------- Menu Container*/
#top-navbar-container {	
	width:922px;
	height:26px;	
	margin-top:12px;
	padding:1px 0 1px 38px;
	background: url(//www.lexisnexis.com/images/top-nav-bar-dotted-border.gif) repeat-x #fff;	
}
.menu {
	position:relative;
	z-index:100;	
	float:left;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;	
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul,
#sign-on-box ul {
	padding:0;	
	margin:0;
	list-style-type:none;
	text-align:center;	
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li,
#sign-on-box li {
	/*float:left;
	width:95px;*/		
	position:relative;
	display:inline;	
}
/* style the links for the top level */
.menu a, 
.menu a:visited {
	font-size:90%;
	/*display:block;*/
	padding:7px 12px;
	text-decoration:none;		
	color:#666;
	line-height:25px;
	
}

/* style the top level hover */
.menu a:hover {	color:#903;}

.menu-active-link {
	color:#903;
	font-weight:bold;
}

li.no-image a {	background: url(//www.lexisnexis.com/images/img-division.gif) no-repeat center right;	}

li.no-image a:hover {
	background:url(//www.lexisnexis.com/images/img-division.gif) no-repeat center right #fff;
	text-decoration:none;
}

li.no-image2 a {background: url(//www.lexisnexis.com/images/spacer.gif) no-repeat center right;	}

li.no-image2 a:hover {
	background:url(//www.lexisnexis.com/images/spacer.gif) no-repeat center right #fff;
	text-decoration:none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul,
#sign-on-box ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:29px;
	left:0;		
	text-align:left;	
}
#IEroot .menu ul ul {
	top:28px;
}

html>body .menu ul ul {
	padding:0;
	top:22px;
}
html>body #sign-on-box ul ul {top:22px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the second level list items */
.menu ul ul {
	width:160px;
	height:auto;
	padding:0 1px 1px 1px;
	background: url(//www.lexisnexis.com/images/img-2x2.gif);
	/*border: #666 1px dotted;*/
	border-top:#fff 1px solid;	
}
html>body .menu ul ul {	
	background:#fff;
	border: #666 1px dotted;
	border-top:#fff 1px solid;
	padding-bottom:8px;
}
.menu ul ul li {
	 display:block;
	 background:#fff;	 
}
	
html>body .menu ul ul li {	
	width:auto;
	font-size:90%;
	padding:0;
	margin:0;	
}

/* style the links for the second level */
.menu ul ul a, 
.menu ul ul a:visited {
	color:#666;	
	width:150px;
	border:none;
	font-size:11px;
	background:#fff;
	display:block;
	padding:2px 0 6px 12px;
	margin:0;	
}

.menu>ul ul a, 
.menu>ul ul a:visited {
	width:148px;
	height:15px;
}

/* style the second level hover */
.menu ul ul a:hover {
	color:#903;			
	border:none;
	background:#fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul,
#sign-on-box ul li:hover ul,
#sign-on-box a:hover ul {visibility:visible;}

/***************************************************
RED BOX - Product Sign On
***************************************************/

/*------------------- Small arrow inside the red box*/
.menu img {
	border:none;
	vertical-align:middle;	
	margin-right:5px;
}
/*----------------------- Red box on top*/
#sign-on-box {
	font:12px Arial, Helvetica, sans-serif;	
	float:right;
	width:110px;
	position:relative;
	z-index:500;
}

/*----------------------- Red box link*/
#sign-on-box a,
#sign-on-box a:visited {
	display:block;
	width:100px;
	font-size:11px;
	line-height:18px;	
	text-decoration:none;
	color:#fff;	
	background:url(//www.lexisnexis.com/images/arrow-down.gif) no-repeat 95px center #903;
	padding:3px 0 0 15px;
	margin:0;
	text-align:left;
}

#sign-on-box a:hover {
	background:url(//www.lexisnexis.com/images/arrow-down.gif) no-repeat 95px center #c03;	
	cursor:pointer;
}
/*Class not readable by IE6*/
html>body #sign-on-box a,
html>body #sign-on-box a:visited  {
	height:23px;
	line-height:20px;
	padding-left:10px;	
}
#sign-on-box ul li {
	text-align:left;	
}

/***************************************************
Opening DIV when rolling over red box
***************************************************/
#content-sign-on-box {
	color:#666;
	padding:5px;
	background:#f4f4f4;
	position:absolute;
	top:-3px;
	left:-136px;
	z-index:500;
	border:#ccc 1px solid;
}

html>body #content-sign-on-box {	
	position:absolute;
	top:4px;
	left:-144px;
}
#IEroot7 #content-sign-on-box {	
	left:-141px;
}
/* Class just for Safari 3.x... sigh */
body:first-of-type #content-sign-on-box {
	position:absolute;
	top:-22px;
	left:-114px;
}
/*-----------------------Links inside the opening DIV*/
#content-sign-on-box a,
#content-sign-on-box a:visited {
	padding:1px;
	background:none;
	color:#990134;
	text-decoration:underline;
}
#sign-on-box ul li ul li a,
#sign-on-box ul li ul li a:visited  {
	line-height: normal;
	padding:1px;		
}
#content-sign-on-box a:hover {
	text-decoration:none;	
	background:none;
	padding:1px;
}
/*----------------------- Select menu & Button*/
#sign-on-box select {
	color:#666;
	border:#666 1px dotted;
}

#sign-on-box button {
	padding:2px;
	font:11px Arial, Helvetica, sans-serif;
	background:#990134;
	color:#fff;
	border-color:#D10145 #630121 #630121 #D10145;
	border-width:1px;
}
