/*
--------------------------------------------------------------------------------
 <> PrimaryNav.css
    --------------
	Controls the visual display of the nav tabs.
    ----------------------
    Author:  Erik Burns
	Version: Jan 3, 2008
-------------------------------------------------------------------------------- */
.bodycontent_wrapper .navigation {
  display: block;
  position: absolute; top: 100px; left: 9px;
  width: 450px; height: 28px;
  margin: 0; padding: 0;
  white-space: nowrap;
  list-style: none;
  z-index: 100;
  }

/* ------------------------------------------------------------------------------
   ... Primary Navigation Tabs
--------------------------------------------------------------------------------- */
.navigation li {
  display: inline; float: left;
  }

.navigation li a {
  display: inline; float: left;
  height: 28px;
  margin-right: 3px;
  background-repeat: no-repeat;
  background-position: 0 -33px;
  }

.navigation .myfriends_nav { background-image: url("/skins/VF/C1/images/nav_myfriends.gif"); width: 102px; }
.navigation .mygroups_nav { background-image: url("/skins/VF/C1/images/nav_mycommunities.gif"); width: 132px; }
.navigation .myspace_nav { background-image: url("/skins/VF/C1/images/nav_myvoice.gif"); width: 104px; }
.navigation .signup_nav { background-image: url("/skins/VF/C1/images/nav_signup.gif"); width: 99px; }
.navigation .whats_nav { background-image: url("/skins/VF/C1/images/nav_whats.gif"); width: 162px; }
.navigation .whatsnew_nav { background-image: url("/skins/VF/C1/images/nav_whatsnew.gif"); width: 99px; }

/* Dwyer Method Image Replacement
   http://mezzoblue.com/tests/revised-image-replacement/ */
.navigation li span {
  display: block;
  height: 0; width: 0;
  overflow: hidden;
  }

/* ------------------------------------------------------------------------------
   ... Turn on the proper tab
--------------------------------------------------------------------------------- */
.world .navigation .whatsnew_nav { background-position: 0 0; }
.whats .navigation .whats_nav { background-position: 0 0; }
.myspace .navigation .myspace_nav { background-position: 0 0; }
.myfriends .navigation .myfriends_nav { background-position: 0 0; }
.mycommunities .navigation .mygroups_nav { background-position: 0 0; }