@charset "UTF-8";
ul.MenuBarHorizontal, ul.MenuBarVertical {
position: relative;
margin: 0px;
padding: 0px 0px 0px 0px; /* pad the text */
list-style-type: none;
cursor: default;
width: auto;
}
ul.MenuBarVertical {
width: 185px;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li{
position: relative;
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 14px;
font-weight: bold;
text-align: left;
cursor: pointer;
width: auto;
float: left;
_width: 1px; /* ie6 */
_white-space: nowrap; /* ie6 */
}
ul.MenuBarVertical li {
position: relative;
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 12px;
font-weight: bold;
text-align: left;
cursor: pointer;
width: auto;
}
ul.MenuBarVertical li {
width: 185px;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
position: absolute;
top: 32px;
margin: 0;
padding: 0;
list-style-type: none;
z-index: 50;
cursor: default;
width: 185px;
left: -1000em;
background-color:#000;
}
/* Text for Drop down */
ul.MenuBarHorizontal li.r1, ul.MenuBarVertical li.r1
{
font-size: 11px;
}
ul.MenuBarHorizontal li.r2, ul.MenuBarVertical li.r2
{
font-size: 11px;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li,
ul.MenuBarVertical li
{
width: 185px;
background:url(/skins/carbonBlue/images/navbg.png)
}
ul.MenuBarHorizontal ul li.r2,
ul.MenuBarVertical li.r2
{
width: 185px;
background:url(/skins/carbonBlue/images/navbg.png)
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a, ul.MenuBarVertical a
{
display: block;
cursor: pointer;
text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
/* background-color: #33C; */
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
/*
ul.MenuBarHorizontal a.MenuBarItemHover,
*/
ul.MenuBarVertical a:hover
{
width: 185px;
background:url(/skins/carbonBlue/images/navover2.gif) bottom left no-repeat;
}
/* Hightlight the tab of the current page */
ul.MenuBarVertical li.MenuBarVerticalSelect {
width: 185px;
background:url(/skins/carbonBlue/images/navselect.png) top left no-repeat;
}
/*******************************************************************************
SUBMENU INDICATION: styles if there is a submenu under a given menu item
*******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a
{
margin-right: 4px;
padding: 5px 13px 0px 13px; /* pad the text */
text-align:left;
height: 19px;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
* html ul.MenuBarHorizontal a:hover { /* ie6 hack */
background-color: #162141;
background-image: url(/images/spacer.gif);
}
ul.MenuBarHorizontal a:hover,
ul.MenuBarHorizontal li a:hover
{
padding: 5px 12px 5px 12px; /* pad the text reset padding to account for the border */
background-image: url(/images/transWhite.png);
border-left: 1px solid #3e4552;
border-right: 1px solid #3e4552;
border-top: 1px solid #000;
border-bottom: 1px solid #424242;
}
/*******************************************************************************
BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li, ul.MenuBarVertical li
{
display: inline;
f\loat: left;
}
}
/* Text Link Colors */
ul.MenuBarHorizontal a:link,
ul.MenuBarHorizontal a:visited,
ul.MenuBarVertical a:link,
ul.MenuBarVertical a:visited {
color: #ffffff;
text-decoration:none;
}
ul.MenuBarHorizontal a:hover,
ul.MenuBarVertical a:hover {
color: #ffffff;
text-decoration:none;
}
/* First drop down menu position overide if required in skin */
ul.MenuBarHorizontal li.MenuFirst ul
{
/* change this value to move the first drop down left or right */
/* left: 0px;
float: left;
padding-bottom: 0px;
padding-top: 0px; */
}
/* Last drop down menu position overide if required in skin */
ul.MenuBarHorizontal li.MenuLast ul
{
/* change this value to move the last drop down left or right */
/*
right: 0px;
postion: relative;
padding-bottom: 0px;
padding-top: 10px;
*/
}
ul li.MenuLast{
postion: relative;
/*
width: 65px;
*/
}
ul.MenuBarHorizontal li ul li.MenuBottomPadding {
top: 0px;
height: 46px;
width: 185px;
background: url(/skins/carbonBlue/images/navfoot.png) no-repeat;
}
ul.MenuBarHorizontal li ul li.MenuBottomPadding a:hover {
height: 46px;
width: 185px;
background: url(/skins/carbonBlue/images/navfoot_over.png) no-repeat;
}
ul.MenuBarHorizontal li ul li.MenuTopPadding {
top: 0px;
line-height: 0px;
height: 7px;
width: 185px;
background: url(/skins/carbonBlue/images/navhead.png) no-repeat;
background-position: bottom left;
}
* html ul.MenuBarHorizontal li.MenuNavSelect a.MenuBarItemSubmenu, ul.MenuBarVertical a.MenuBarItemSubmenu{ /* ie6 hack */
background-color: #162141;
background-image: url(/images/spacer.gif);
}
ul.MenuBarHorizontal li.MenuNavSelect a {
padding: 5px 10px 5px 10px; /* pad the text reset padding to account for the border */
background-image: url(/images/transWhite.png);
border-left: 1px solid #3e4552;
border-right: 1px solid #3e4552;
border-top: 1px solid #000;
border-bottom: 1px solid #424242;
}
#nav {
position: absolute;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
top: 3px; /* master text level */
left: 2px;
padding: 0px;
margin: 0 auto;
width: 800px;
z-index: 40;
}
.navlink {
margin-left: 28px;
line-height: 25px;
}
ul ul span.navlink {
margin-left: 4px;
padding-left: 19px;
line-height: 20px;
background: url(/skins/carbonBlue/images/subnavarrow.gif) center left no-repeat;
display: block;
}
/* sidenav */
#sidenav {
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
position: relative;
top: 0px;
left: 0px;
padding: 0px;
margin: 0px;
}
ul.MenuBarVertical li.navhead
{
position: absolute;
height: 0px;
width: 185px;
}
ul.MenuBarVertical li.navfoot,
ul.MenuBarVertical li.navfoot a:hover
{ /* sidenav footer */
height: 53px;
width: 185px;
display: table-caption;
background: url(/skins/carbonBlue/images/sidenavfoot.png) bottom left no-repeat;
vertical-align: bottom; /* ie 3px bug fix */
}
ul.MenuBarVertical li.heading
{ /* sidenav heading */
text-transform : uppercase;
font-weight: bold;
font-size: 14px;
width: 152px; /* width is 185px, need to subtract 33 for padding ie6 work around */
padding-left: 33px; /* this line effects the line above */
height: 27px;
line-height: 2;
display: block;
background: url(/skins/carbonBlue/images/navbgHeading.png) no-repeat;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}
ul.MenuBarVertical li.heading a:hover
{ /* sidenav heading */
width: 152px;
background: none;
}
/*
submenus
*/
ul.MenuBarVertical li.submenu {
/*
height: 380px;
*/
height: auto;
width: 185px;
vertical-align: bottom; /* ie 3px bug fix */
}
ul.MenuBarVertical ul li a {
width: 170px;
display:block;
}
ul.MenuBarVertical ul
{
position: relative;
float: left;
margin: 0;
padding: 2px 0px 2px 0px;
width: 185px;
background:top no-repeat url(/skins/carbonBlue/images/navsubbg.png);
}
ul.MenuBarVertical ul a:hover
{
width: 170px;
padding: 0px 5px 0px 0px;
background-image: none;
border: none;
background-color:#05070d;
display: block;
}
ul.MenuBarVertical li ul li,
ul.MenuBarVertical li ul li.r2
{
width: 170px;
margin: 0px 0px 0px 5px;
background: none;
}