.hfTopBarText { 
    font-size: 11px; 
    color:#dddddd; 
    font-family: Arial, Tahoma; 
    padding:7px 20px 5px 20px;
    display: block; 
    float: left; 
    font-weight:bold; 
    text-transform:uppercase; 
}

.hfTopBarText:hover { 
    color:#ffffff; 
}


.hfLeagueAdminText1 {
    width: 150px;
    height:16px;
    display:block;
    background:transparent url(images/LeagueAdminText_black.png) center center no-repeat;
}


.hfLeagueAdminText1:hover {
    background:transparent url(images/LeagueAdminText_gray.png) center center no-repeat;
}



.hfTopBarLogo {
    width: 20px;
    height:20px;
    display: inline-block;
    margin: 0px 10px 0px 5px;
    background:transparent url(images/logo_charcoal_20.png) center center no-repeat;
}


.natAward {
    width: 115px;
    height:25px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    background:transparent url(images/icon_NationalAwards_light.png) center center no-repeat;
}


.natAward:hover {
    background:transparent url(images/icon_NationalAwards_dark.png) center center no-repeat;
}


.natPlayerRank {
    width: 115px;
    height:25px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    background:transparent url(images/icon_PlayerRankings_light.png) center center no-repeat;
}


.natPlayerRank:hover {
    background:transparent url(images/icon_PlayerRankings_dark.png) center center no-repeat;
}


.natTeamRank {
    width: 115px;
    height:25px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    background:transparent url(images/icon_TeamRankings_light.png) center center no-repeat;
}


.natTeamRank:hover {
    background:transparent url(images/icon_TeamRankings_dark.png) center center no-repeat;
}


.actActivity {
    width: 80px;
    height:25px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    background:transparent url(images/icon_Activity_light.png) center center no-repeat;
}


.actActivity:hover {
    background:transparent url(images/icon_Activity_dark.png) center center no-repeat;
}


.actAward {
    width: 80px;
    height:25px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    background:transparent url(images/icon_Awards_light.png) center center no-repeat;
}


.actAward:hover {
    background:transparent url(images/icon_Awards_dark.png) center center no-repeat;
}


.actGames {
    width: 80px;
    height:25px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    background:transparent url(images/icon_Games_light.png) center center no-repeat;
}


.actGames:hover {
    background:transparent url(images/icon_Games_dark.png) center center no-repeat;
}


.actMore {
    width: 30px;
    height:25px;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    cursor: hand;
    background:transparent url(images/icon_More_light.png) center center no-repeat;
}


.actMore:hover {
    background:transparent url(images/icon_More_dark.png) center center no-repeat;
}


.tbleftside {
  float: left;
  padding-top:5px;
  padding-left:10px;
}

.tbrightside {
  padding-top:5px;
  float: right;
  padding-right:0px;
}  


.divActivityClick, .divAwardsClick, .divGamesClick, .divMoreClick, .divUserMoreClick, .divActivityHover, .divAwardsHover, .divGamesHover, .divMoreHover, .divUserMoreHover {
  display: inline-block;
}

 
.divPopupMore {
  position: absolute; /* important */
  /* top: -251px;
  right: 46px; */
  /* background: #333333;
  border : 1px solid #dddddd; */
  display: none; /* important */
  z-index:999; 
}

.divPopupMore ul {
  padding: 5px 0px 5px 10px;
  margin-left: 5px;
}

.divPopupMore ul li {
  border-bottom: 1px solid #dddddd;
  padding: 5px 10px 5px 0px;
  margin: 0px 15px 0px 0px;
  list-style: none;
  /* list-style-image: url(/images/invisiblebullet.gif); */
}

.divPopupMore ul li a {
  font-size: 16px;
  color: #cccccc;
  display: block;
}

.divPopupMore ul li a:hover {
  color: #dddddd;
}




 
.divPopupUserMore {
  position: absolute; /* important */
  /* top: -251px;
  right: 46px; */
  /* background: #333333;
  border : 1px solid #dddddd; */
  display: none; /* important */
  z-index:999; 
}

.divPopupUserMore ul {
  padding: 5px 0px 5px 10px;
  margin-left: 5px;
}

.divPopupUserMore ul li {
  border-bottom: 1px solid #dddddd;
  padding: 5px 10px 5px 0px;
  margin: 0px 15px 0px 0px;
  list-style: none;
  /* list-style-image: url(/images/invisiblebullet.gif); */
}

.divPopupUserMore ul li a {
  font-size: 16px;
  color: #cccccc;
  display: block;
}

.divPopupUserMore ul li a:hover {
  color: #dddddd;
}












.actScroll {
    display: inline-block;
    margin: 0px 5px 0px 5px;
}


.actSeeAllLink {
    width: 75px;
    height:25px;
    display: inline-block;
    margin: 0px 5px 0px 5px;
    background:transparent url(images/icon_NewsFeed_dark.png) center center no-repeat;
}

.actSeeAllLink:hover {
    background:transparent url(images/icon_NewsFeed_light.png) center center no-repeat;
}









a.topbar_msg {
  background: transparent url(images/icon_Email_light.png) no-repeat center bottom;
  margin: 0px 5px 0px 0px;
  display: inline-block;
  height:25px;
  width: 37px;
}

a.topbar_msg:hover {
  background: transparent url(images/icon_Email_dark.png) no-repeat center bottom;
}


a.topbar_msg_u {
  background: transparent url(images/icon_Email_light_unread.png) no-repeat center bottom;
  margin: 0px 5px 0px 0px;
  display: inline-block;
  height:25px;
  width: 37px;
}

a.topbar_msg_u:hover {
  background: transparent url(images/icon_Email_dark_unread.png) no-repeat center bottom;
}


.hfUserImage {
    width: 21px;
    margin: 0px 0px 0px 10px;
    display: inline-block;
    background: transparent url(images/NoImage_25.jpg) center center no-repeat;
}



a.tUserName { 
    font-size: 14px; 
    color:#aaaaaa; 
    font-family: Arial, Tahoma; 
    display: inline-block; 
    font-weight:bold; 
    margin-left: 5px;
}

a.tUserName:hover { 
    color:#dddddd; 
}



a.UserNameDrop { 
    width: 15px;
    height:13px;
    margin: 0px 0px 0px 3px;
    background: transparent url(images/icon_more_small_dark.png) no-repeat center bottom;
    display: inline-block; 
    font-weight:bold;
}

a.UserNameDrop:hover { 
    background: transparent url(images/icon_more_small_light.png) no-repeat center bottom; 
}



a.topbar_login, a.topbar_signup, .topbar_logout, a.topbar_claim, a.topbar_view {
  display: inline-block;
  height: 16px;
}

a.topbar_login:hover, a.topbar_signup:hover, a.topbar_logout:hover, a.topbar_claim:hover, a.topbar_view:hover, a.topbar_msg:hover, a.topbar_msg_u:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.topbar_claim {
  background: transparent url(images/img_ClaimProfile_light2.png) no-repeat center bottom;
  margin-left: 20px;
  width: 80px;
}

a.topbar_claim:hover {
  background: transparent url(images/img_ClaimProfile_dark2.png) no-repeat center bottom;
}

a.topbar_view {
  background: transparent url(images/img_ViewProfile_dark.png) no-repeat center bottom;
  margin-left: 20px;
  width: 76px;
}

a.topbar_login {
  background: transparent url(images/img_LogIn_light.png) no-repeat center bottom;
  margin-left: 30px;
  width: 50px;
}

a.topbar_login:hover {
  background: transparent url(images/img_LogIn_dark.png) no-repeat center bottom;
}

a.topbar_signup {
  background: transparent url(images/img_SignUp_light.png) no-repeat center bottom;
  margin-left: 10px;
  width: 60px;
}

a.topbar_signup:hover {
  background: transparent url(images/img_SignUp_dark.png) no-repeat center bottom;
}

.topbar_logout {
  margin-left: 20px;
}

/* 
.topbar_logout:hover {
  background: transparent url(images/img_LogOut_dark.png) no-repeat center bottom;
}
*/