/* Banner styles -- be sure to look in league specific Nav files too */
#banner {
  height: 70px;
}

.userNameHeader {
  display: inline;  
  float: right;
  text-align: right;
  margin-left: 50px;
  margin-right: 5px;
  margin-top: 2px;
  padding-top: 5px;
  font-size: 12px;
}

.userNameHeader p {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 5px;
}

.userNameHeader a {
  margin-right: 5px;
}

/* top navigation tabs */
.modulesMenu {
  font-size: 93%;
  width: 100%;
  line-height: normal;
  font-weight: bold;
}

.modulesMenu ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px 10px 0px 15px;
}

.modulesMenuTab a {
  background: url(../images/tabLeftGray.gif) no-repeat left top;
}

.modulesMenuTab a span {
  background: url(../images/tabRightGray.gif) no-repeat right top;
}

/* Must specify height, otherwise tabs don't line up properly across all browsers (e.g.without this, off by 2 on Safari & Chrome */
/* http://stackoverflow.com/questions/31386307/css-line-height-not-the-same-in-firefox-and-chrome */
.modulesMenu ul li  {
  display: block;
  line-height: 13px;
  padding-right: 0px;
  display: inline;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
}

.modulesMenu a {
  padding-right: 0px;
  padding-left: 4px;
  float: left;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  text-decoration: none;
}

.modulesMenu a span {
  padding-right: 9px;
  display: block;
  padding-left: 4px;
  float: left;
  padding-bottom: 4px;
  color: #666;
  padding-top: 5px;
}

.modulesMenu a:hover {
  background-position: 0% -42px;
  cursor: pointer;
}

.modulesMenu a:hover span {
  background-position: 100% -42px;
  cursor: pointer;
}

#selectedModule a {
  color: #0b1a67;
  background-position: 0% -42px;
}

#selectedModule a span {
  color: #0b1a67;
  background-position: 100% -42px;
}

/* The x-coordinate starting position for the league ID depends on the
   the size of the league ID and is therefore a configurable environment parameter */
#leagueId {
  position: absolute;
  top: 51px;
  color: white;
  font-size: 13px;
  font-weight: bold;
}


/* Submenu */
.submenu {
  color:  #666;
  font-size: 12px;
  padding: 4px 2px 4px 2px;
  clear: both;
}

.submenu a{text-decoration: none}
.submenu a:link {color: #666}
.submenu a:visited {color: #666}
.submenu a:active {color: #666}
.submenu a:hover {color: black; text-decoration: underline}

.selectedSubmenu {
  color: #0b6726;
  font-weight: bold;
}

.submenuLeftMargin {
  margin-left: 15px;
}