/* WGS - Transco Specific Styles*/

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

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

/* GLOBAL NAVIGATION */
#navigation { background:#1571be url(../img/trans_globalNav_BG.gif) repeat-x 0 0; height:25px; }
#nav-one { border-left:1px solid #014076; }
#nav-one li { border-right: 1px solid #014076; }
#nav-one li:hover, #nav-one li.sfHover, #nav-one a:focus, #nav-one a:hover, #nav-one a:active { background:#1e598b url(../img/trans_globalNav_hoverBG.gif) repeat-x 0 0; }
#nav-one ul { background:#E8EFF7; border-color:#B3BDC7; }
#nav-one ul li { border-color:#B3BDC7; }
#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:#E8EFF7 url(../img/trans_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:#E8EFF7 url(../img/trans_globalNav_dropMenu_hoverBG.gif) repeat-x bottom left; color:#0066cc; }
#navmenu-v li:hover > a, #navmenu-v li.sfHover > a{ color:#0066cc; }
#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:#E8EFF7; border-color: #B3BDC7; }
#navmenu-v ul li { border-color: #B3BDC7; border-style: solid; border-bottom-width: 1px; }
#vertical-nav ul li ul li { background-color:#E8EFF7; }

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

#pageTabs ul.tabList li a:hover { color:#0066cc; }
#pageTabs ul.tabList li a:hover span { color:#0066cc; }

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