/* WAM!NET Corporate navigation styles */
/* Ident: $Id: navigation.css 157503 2014-02-11 13:33:36Z gparker $ */

/* DO NOT CHANGE THIS STYLE SHEET...it is used across multiple service user interfaces! */
/* Please add service specific styles to a separate style sheet */
/* This style sheet is imported with @import to help unsupported Netscape 4 users */
/* Dropdown menus inspired by http://www.theimposter.org/examples/onhovermenu/ */

#legacyAlert { display: none; }

#head { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; z-index: 10; }
#head span.hide { display: none !important; }
#headMenuBars { position: relative; height: 99px; font-size: 62%; z-index: 10; border-top: 4px solid #00853F; }

/*logo styles*/
#headLogoBlock { position: relative; }
#headLogo { position: absolute; top: 10px; left: 0px; z-index:11;}
#headLogo img { width: 400px; height: 70px; }
#headLogo a:hover img { background-color: transparent; } 

/*menu accent colors & styles*/
.bg1, .bg2, .bg3, .bg4, .bg5, .bg5, .bgH { background-color: #00853F; }

/*global navigation*/
#globalNav { position: absolute; top: 0; right: 15px; margin-right: -15px; z-index: 10; } /* 15px and -15px combination stops IE Mac showing unnecessary horizontal scroll bar */
#globalNavBar { position: absolute; top: 0; right: 15px; margin-right: -15px; float: right; z-index: 10; width: 27em; font-weight: bold; } /* 15px and -15px combination stops IE Mac showing unnecessary horizontal scroll bar */
#globalNavBar a.title { border-left: 1px solid #A5D867; border-bottom: 1px solid #A5D867; }
#globalNavBar a.title { width: 11.9em; } /* Need this to get IE to activate menus across full width of span and not just over the text */
#globalNavBar .childBlock { border-top-style: none; }
#globalNavBar .menuBorders { border-style: none; }
#globalNavBar .menuBorders a { border-bottom-width: 1px; }
#logout, #login, #help, #close { display: block; width: 13.2em; float: left; } /* Allows for background "button" image on the menu link */
#help a.title { border-right: 1px solid #A5D867; }
#helpDropdown { margin-right: -1px; }

/*service navigation*/
#serviceNav { position: absolute; bottom: 0; right: 15px; margin-right: -15px; height: 2.1em; z-index: 9; width: 100%; } /* 15px and -15px combination stops IE Mac showing unnecessary horizontal scroll bar */
#serviceNavBar { position: absolute; top: 0; right: 15px; margin-right: -15px; float: right;  z-index: 9; font-weight: bold; width: 66.7em; /* The width is reduced in service specific sheet */ } /* 15px and -15px combination stops IE Mac showing unnecessary horizontal scroll bar */
#serviceNavBar a.title { width: 11.9em; } /* Need this to get IE to activate menus across full width of span and not just over the text */
#serviceNavBar a.title, #serviceNavBar a.title:hover { padding-top: 4px; padding-bottom: .5em; }
#helpDropdown, #menu1Dropdown, #menu2Dropdown, #menu3Dropdown, #menu4Dropdown, #menu5Dropdown, #menu6Dropdown { display: none; }
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menuH { display: block; width: 13.2em; float: left; } /* Allows for background "button" image on the menu link */

#menu1 .parentBlock, #menu2 .parentBlock, #menu3 .parentBlock, #menu4 .parentBlock, #menu5 .parentBlock, #menu6 .parentBlock { background-position: left top; background-repeat: repeat-x; background-image: url(../images/col_head_bg.png); background-color: #ccc; color: #666;}

/*menu border styles*/
/*accent color above affects the following background elements*/
.menuBorders, .menuBordersActive { display: block; border-left: 1px solid #fff; }
.menuBordersActive { background-color: #00853F !important; color: #fff  !important; }
.menuBordersActive a.title { color: #fff !important; }
.menuBordersActive > a.title { width: 11.8em !important; } 

/*dropdown menu styles*/
.expandLeft, .expandedLeft, .expandRight, .expandedRight { background-repeat: no-repeat; }
.expandLeft, .expandedLeft { background-position: left center; }
.expandLeft, .expandRight { background-image: url(../images/expand.gif); }
.expandRight, .expandedRight { background-position: right center; }
.expandedLeft, .expandedRight { background-image: url(../images/expanded.gif); }
.parentBlock, .parentBlockHidden, .nestedBlockRight, .nestedBlockLeft { width: 13.2em; background-color: #fff; }
.parentBlock, .parentBlockHidden { display: block; float: left; font-size: 100%; text-align: left; }
.parentBlockHidden { background-color: transparent; }
.childBlock, .nestedBlockRight, .nestedBlockLeft { display: block; background-color: #fff; font-size: 100%; border: 1px solid #A5D867; border-bottom-style: none; }
.nestedBlockRight, .nestedBlockLeft { display: none; position: absolute; float: right; }
.nestedBlockRight { left: 11em; }
.nestedBlockLeft { right: 11em; }
a.title, a.title:hover, a.option, a.option:hover, a.nestedTitle, a.nestedTitle:hover, a.nestedOption, a.nestedOption:hover, .parentBlockHidden span { display: block; padding: 2px 0 2px 1.2em; text-decoration: none; }
a.title { color: #666; }
a.title:hover { color: #333; background-color: transparent; text-decoration: underline; }
a.option, a.option:hover, a.nestedTitle, a.nestedTitle:hover, a.nestedOption, a.nestedOption:hover { color: #666; /*padding-right: .5em;*/ border-bottom: 1px solid #A5D867; }
a.nestedTitle, a.nestedTitle:hover { width: 11.85em; }
.nestedBlockRight a.nestedTitle, .nestedBlockRight a.nestedTitle:hover, .nestedBlockLeft a.nestedTitle, .nestedBlockLeft a.nestedTitle:hover, a.nestedOption, a.nestedOption:hover { width: 12.7em; }
a.option:hover, a.nestedTitle:hover, a.nestedOption:hover { color: #000; background-color: #ccc ; }