/* WGS - Pine Needle Specific Styles*/

/* TOP BANNER IMAGE */
#title-bar { background:#fff url(../img/pine_topBanner_BG.jpg) no-repeat 0 0; }

/* LOGOS */
#logoPipeline { width:133px; height:75px; float:left; background: url(../img/pine_logoPineneedle.png) no-repeat 0 0; }
#logoPipeline:hover { text-decoration:none; }
#logoPortal { width:133px; height:75px; float:right; background:url(../img/pine_logoPortal.png) no-repeat 0 0; }
#logoPortal:hover { text-decoration:none; }

/* GLOBAL NAVIGATION */
#navigation { background:#279856 url(../img/pine_globalNav_BG.png) repeat-x 0 0; height:25px; }
#nav-one { border-left:1px solid #015d2a; }
#nav-one li { border-right: 1px solid #015d2a; }
#nav-one li:hover, #nav-one li.sfHover, #nav-one a:focus, #nav-one a:hover, #nav-one a:active { background:#33764e url(../img/pine_globalNav_hoverBG.gif) repeat-x 0 0; }
#nav-one ul { background:#ecf3ef; border-color:#99b8a6; }
#nav-one ul li { border-color:#99b8a6; }
#nav-one ul li:hover, #nav-one ul li.sfHover,
#nav-one ul li a:focus, #nav-one ul li a:hover, #nav-one ul li a:active{ background:#ecf3ef url(../img/pine_globalNav_dropMenu_hoverBG.gif) repeat-x bottom left; }

/*LEFT NAVIGATION*/
#navmenu-v li:hover, #navmenu-v li.sfHover, #navmenu-v a:hover, #navmenu-v a:active { background:#ecf3ef url(../img/pine_globalNav_dropMenu_hoverBG.gif) repeat-x bottom left; color: #015b28; }
#navmenu-v li:hover > a, #navmenu-v li.sfHover > a{ color: #015b28; }
#navmenu-v li.navmenu-header:hover, .navmenu-header a:hover { background:transparent url(../img/leftNav_header.gif) no-repeat scroll 0 0; }
#navmenu-v ul { background:#ecf3ef; border-color: #99b8a6; }
#navmenu-v ul li { border-color: #99b8a6; border-style: solid; border-bottom-width: 1px; }
#vertical-nav ul li ul li { background-color: #ecf3ef; }

/* TAB NAVIGATION */
#pageTabs ul.tabList li a { color:#015b28; }
#pageTabs ul.tabList li a span { color:#015b28; }

#pageTabs ul.tabList li a:hover { color:#015b28; }
#pageTabs ul.tabList li a:hover span { color:#015b28; }

/* CONTENT HEADERS */
.span-bar { background:#f5f7f8 url(../img/pine_content_box_headerBG.gif) repeat-x bottom left; }