/* Main Navigation */
/* --------------- */

div#mainNav
{
	height:25px;
	background-color: #ccc;
}

div#mainNav ul
{
	display:block;
	margin:0px;
	padding:0px;
	width:958px;
	height:25px;
	list-style-type:none;
	white-space:nowrap;
	position: relative;
	z-index: 30;
}

div#mainNav ul li
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	text-align:center;
	border:none;
}

div#mainNav ul li
{
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

div#mainNav ul li a,
div#mainNav ul li a:link,
div#mainNav ul li a:visited,
div#mainNav ul li a:active
{
	background-image: url(../../images/systemoperator/menumatrix.gif);
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	height:25px;
	line-height:25px;
	text-decoration:none;
	color:#333;
}

div#mainNav ul li a:hover
{

}

div#mainNav ul li#nav1{width:74px;}
div#mainNav ul li#nav1 a{width:74px;background-position: 0px 0px;}
div#mainNav ul li#nav1 a:hover,div#mainNav ul li#nav1 a.active{background-position: 0px -25px;}

div#mainNav ul li#nav2{width:125px;}
div#mainNav ul li#nav2 a{width:125px;background-position: -74px 0px;}
div#mainNav ul li#nav2 a:hover,div#mainNav ul li#nav2 a.active{background-position: -74px -25px;}

div#mainNav ul li#nav3{width:83px;}
div#mainNav ul li#nav3 a{width:83px;background-position: -199px 0px;}
div#mainNav ul li#nav3 a:hover,div#mainNav ul li#nav3 a.active{background-position: -199px -25px;}

div#mainNav ul li#nav4{width:161px;}
div#mainNav ul li#nav4 a{width:161px;background-position: -282px 0px;}
div#mainNav ul li#nav4 a:hover,div#mainNav ul li#nav4 a.active{background-position: -282px -25px;}

div#mainNav ul li#nav5{width:137px;}
div#mainNav ul li#nav5 a{width:137px;background-position: -443px 0px;}
div#mainNav ul li#nav5 a:hover,div#mainNav ul li#nav5 a.active{background-position: -443px -25px;}

div#mainNav ul li#nav6{width:120px;}
div#mainNav ul li#nav6 a{width:120px;background-position: -580px 0px;}
div#mainNav ul li#nav6 a:hover,div#mainNav ul li#nav6 a.active{background-position: -580px -25px;}

div#mainNav ul li#nav7{width:162px;}
div#mainNav ul li#nav7 a{width:162px;background-position: -700px 0px;}
div#mainNav ul li#nav7 a:hover,div#mainNav ul li#nav7 a.active{background-position: -700px -25px;}

div#mainNav ul li#nav8{width:96px;}
div#mainNav ul li#nav8 a{width:96px;background-position: -862px 0px;}
div#mainNav ul li#nav8 a:hover,div#mainNav ul li#nav8 a.active{background-position: -862px -25px;}

div#mainNav ul li#nav1 ul li a,
div#mainNav ul li#nav2 ul li a,
div#mainNav ul li#nav3 ul li a,
div#mainNav ul li#nav4 ul li a,
div#mainNav ul li#nav5 ul li a,
div#mainNav ul li#nav6 ul li a,
div#mainNav ul li#nav7 ul li a,
div#mainNav ul li#nav8 ul li a
{
width: auto;
}

div#mainNav ul li#nav1 ul li.first a,
div#mainNav ul li#nav2 ul li.first a,
div#mainNav ul li#nav3 ul li.first a,
div#mainNav ul li#nav4 ul li.first a,
div#mainNav ul li#nav5 ul li.first a,
div#mainNav ul li#nav6 ul li.first a,
div#mainNav ul li#nav7 ul li.first a,
div#mainNav ul li#nav8 ul li.first a
{
margin-top:1px;
}

/*
div#mainNav ul li.last
{
	border:none;
}
*/

div#mainNav ul#navigation li a.active
{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

div#mainNav ul ul 
{
	background-image: none;
	width: 241px;
	position: absolute;
	margin: 0px 0px;
	height: auto;
	padding: 0px 5px 5px 0px;
	left: 0px;
	display: none;
	visibility: hidden;
}

div#mainNav ul li#nav1 ul{margin-left:0px;}
div#mainNav ul li#nav2 ul{margin-left:2px;}
div#mainNav ul li#nav3 ul{margin-left:2px;}
div#mainNav ul li#nav4 ul{margin-left:2px;}
div#mainNav ul li#nav5 ul{margin-left:2px;}
div#mainNav ul li#nav6 ul{margin-left:2px;}
div#mainNav ul li#nav7 ul{margin-left:2px;}
div#mainNav ul li#nav8 ul{margin-left:2px;left:-88px;}

div#mainNav ul li#nav1 ul ul,
div#mainNav ul li#nav2 ul ul,
div#mainNav ul li#nav3 ul ul,
div#mainNav ul li#nav4 ul ul,
div#mainNav ul li#nav5 ul ul
{
	margin: 0px;
	left: 241px;
	top:0px;
}

div#mainNav ul li#nav6 ul ul,
div#mainNav ul li#nav7 ul ul,
div#mainNav ul li#nav8 ul ul
{
	margin: 0px;
	left: -241px;
	top:0px;
}

div#mainNav ul ul li
{
	float: left;
	background-image: none;
	text-align: left;
	position: relative;
	padding: 0px 5px 0px 1px;
	margin: 0px;
	width:240px;
	background-image:url(../../images/systemoperator/background-menu.png);
	background-position:center left;
}

div#mainNav ul ul li.only
{
	background-image:url(../../images/systemoperator/background-menu-only.png);
}

div#mainNav ul ul li.last,
div#mainNav ul ul li.only
{
	border-bottom: 0px;
	background-position:center bottom;
	padding-bottom: 5px;
}

div#mainNav ul ul li.first
{
	background-position:center top;
}

div#mainNav ul ul li a
{
	background-image: none;
}

/*
div#mainNav ul ul li.last a,
div#mainNav ul ul li.only a
{
	border-bottom: 1px;
}
*/

div#mainNav ul ul li a.no-border
{
	border-bottom: 0px;
}

div#mainNav ul ul li a,
div#mainNav ul ul li a:link,
div#mainNav ul ul li a:visited,
div#mainNav ul ul li a:active
{
	background-image: none;
	display:block;
	margin:0px;
	padding: 9px 12px;
	border:none;
	height: auto;
	line-height: normal;
	text-decoration:none;
	color:#333;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}

div#mainNav ul ul li a.no-border,
div#mainNav ul ul li a.no-border:link,
div#mainNav ul ul li a.no-border:visited,
div#mainNav ul ul li a.no-border:active
{
	border-bottom: 0px solid #ccc;
}

div#mainNav ul ul li a:hover
{
	background-color: #c6dbe0;
}

div#mainNav ul li#nav1 ul ul,
div#mainNav ul li#nav2 ul ul,
div#mainNav ul li#nav3 ul ul,
div#mainNav ul li#nav4 ul ul
{
	position: absolute;
	left: 241px;
	top: -0px;
}

div#mainNav ul li#nav2 ul ul ul ul ul,
div#mainNav ul li#nav3 ul ul ul ul,
div#mainNav ul li#nav4 ul ul ul,
div#mainNav ul li#nav5 ul ul 
{
	position: absolute;
	left: -241px;
	top: -0px;
}

div#mainNav ul li#nav1 ul li a,
div#mainNav ul li#nav2 ul li a,
div#mainNav ul li#nav3 ul li a,
div#mainNav ul li#nav4 ul li a,
div#mainNav ul li#nav5 ul li a,
div#mainNav ul li#nav5 ul li a,
div#mainNav ul li#nav5 ul li a {
	width: 216px;
	margin: 0px;
}

/*
	user-bar
*/

div#user-bar
{
height: 25px;
background-color: #f0f0f0;
color: #666;
line-height: 25px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 9px;
position: relative;
z-index: 2;
}

div#user-bar span.name
{
font-weight: bold;
}

div#user-bar ul#quicklinks
{
	position: absolute;
	right: 83px;
	top: 1px;
	width: 120px;
}

div#user-bar ul#quicklinks img
{
	cursor: pointer;
}

div#user-bar ul#quicklinks img#button-quicklinks
{
	width: 125px;
	height: 20px;
}

div#user-bar ul#quicklinks div#quicklinks
{
  height:23px;
  width:125px;
	background-image:url(../../images/systemoperator/quicklinks-button.gif);
}

div#user-bar ul#quicklinks div#quicklinks span
{
  display: none;
}


div#user-bar ul#quicklinks li
{
	margin: 0px;
	padding: 0px;
	list-style: none none outside;
}

div#user-bar ul#quicklinks li ul
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 23px 0px 0px;
	width: 196px;
	display: none;
	visibility: hidden;
  background-image:url(../../images/systemoperator/quicklinks-button.gif);
  background-repeat: no-repeat;
  background-position: 0px -23px;
}

div#user-bar ul#quicklinks li ul li
{
	float: none;
	background-image: none;
	text-align: left;
	position: relative;
	padding: 3px;
	margin: 0px;
	width:173px;
	background-image:url(../../images/systemoperator/background-quicklinks.png);
	background-position:center center;
}

div#user-bar ul#quicklinks li ul li.only
{
	background-image:url(../../images/systemoperator/background-quicklinks.png);
}

div#user-bar ul#quicklinks li ul li.last,
div#user-bar ul#quicklinks li ul li.only
{
	border-bottom: 0px;
	background-position:center bottom;
	padding-bottom: 15px;
}

div#user-bar ul#quicklinks li ul li.first
{
	background-position:center top;
}


div#user-bar ul#quicklinks li ul li a,
div#user-bar ul#quicklinks li ul li a:link,
div#user-bar ul#quicklinks li ul li a:visited,
div#user-bar ul#quicklinks li ul li a:active
{
	padding: 2px 10px;
	width: 217px;
	margin: 0px;
	overflow: hidden;
}

div#user-bar ul#quicklinks li ul li a:hover
{

}

div#user-bar ul#quicklinks li ul li a.remove-favorites{
	position:absolute;
	right:3px;
	top:7px;
	width:auto;
}

div#user-bar a#logout-button
{
	position: absolute;
	right: 9px;
	top: 4px;
}
