/*******************************************************************************
**
**  Application:    Item Of Supply Information System
**  File Name  :    isisMenu.css
**
**  Copyright 2005 LogicaCMG UK Ltd.
**
**  LogicaCMG UK Ltd's prior written consent is required before any part of this
**  program is reproduced.
**
**  Styles for the horizontal menu bar
**
**  Code History
**  Version  Date        By   Description
** -----------------------------------------------------------------------------
**  1.0      17/01/2006  DS   Initial Version
*******************************************************************************/

ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	font-size:12pt;
	text-decoration:none;
	}

ul.horizontal {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	cursor:default;
	z-index:2000;
/*	top:1.05em;*/
	}

ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	text-align:left;
/*	left:10.55em;*/
/*	margin:0 0 0 -1px;*/
	margin-right:1px;
	}
	
* html ul.horizontal li {
/*	margin:0 -10.55em 0 10.5em;*/
	}

ul[class^="horizontal"] li {
/*	margin:0 -10.55em 0 10.45em;*/
/*	left:0.05em;*/
	}

ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:8.2em;
	margin:0 0 0 0;
	left:-10000px;
	}
	
ul.horizontal ul li {
	width:8.2em;
	left:auto;
	margin:-1px 0 0 0;
	}

ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:12.2em;
	}

ul.horizontal ul ul {
/*	margin:-0.45em 0 0 7.65em;*/
	}

@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}

ul.horizontal a, ul.horizontal a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#7A9BBC;
	border:1px solid #36506A;
	padding:2px 7px;
	font:normal normal bold 0.7em tahoma, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
/*	letter-spacing:1px;*/
	}
	
ul.horizontal ul a, ul.horizontal ul a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#EFEFEF;
	border:1px solid #000000;
	padding:2px 7px;
	font:normal normal normal 0.7em tahoma, verdana, sans-serif;
	color:#000000;
	text-decoration:none;
/*	letter-spacing:1px;*/
	}
	
ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	background:#EFEFEF;
	color:#000000;
	}
	
ul.horizontal ul a:hover, ul.horizontal ul a:focus, ul.horizontal ul a.rollover, ul.horizontal ul a.rollover:visited {
	background:#A7C2C7;
	color:#000000;
	}



ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
	* html ul.horizontal li {
		display:inline; 
		f\loat:left; 
		background:#ffffff; 
		}
	}
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { displa\y:block; }

