/*
Original image locations are here.  The data uri equivalents are below.
@nfl-shield     : ~"/static/img/fantasy-header/nfl-shield_1764093296.png";
@arrow-down     : ~"/static/img/fantasy-header/arrow-down_1764093296.png";
@arrow-up       : ~"/static/img/fantasy-header/arrow-up_1764093296.png";
@arrow-blue-down: ~"/static/img/fantasy-header/arrow-down-blue_1764093296.png";
@page-bg        : ~"/static/img/fantasy-header/page-bg_1764093296.png";
@search-icon    : ~"/static/img/fantasy-header/search-icon_1764093296.png";
@nav-promos     : ~"/static/img/fantasy-header/nav-promos-sprite_1764093296.png";
@canada         : ~"/static/img/fantasy-header/canada_1764093296.png";
@powered-by     : ~"/static/img/fantasy-header/powered-by_1764093296.png";
*/
/* Dev!!! There is a corresponding .less file for this. Please edit and compile to me. kthxbye! */
.position-nav {
  background-color: #f4f4f4;
  color: #777777;
  overflow: hidden;
  display: inline-block;
}
.position-nav .posLabel > span {
  font-weight: bold;
  color: #777777;
  padding: 0 10px;
}
.position-nav li {
  float: left;
  overflow: hidden;
  padding: 0 10px;
}
.position-nav li.selected,
.position-nav li a:hover {
  text-decoration: none;
  color: #333333;
}
.position-nav li.selected .text,
.position-nav li a:hover .text {
  position: relative;
}
.position-nav li.selected .effect,
.position-nav li a:hover .effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
}
.position-nav li.selected a:link,
.position-nav li a:hover a:link,
.position-nav li.selected a:visited,
.position-nav li a:hover a:visited {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}
.position-nav a:link,
.position-nav a:visited {
  padding: 0 7px;
  margin: 0 3px;
  display: block;
  position: relative;
  color: #777777;
}
.position-nav.nav-bar {
  display: inline-block;
}
.position-nav.nav-bar a:link,
.position-nav.nav-bar a:visited {
  padding: 0 7px;
  margin: 0 3px;
}