/* this was originally named .header, but clashed with a CSS rule of ours, so had to rename */
.fsHeader {
    position: relative;
    height: 100px;
    background-image: url(http://static.fantasymoguls.com/staticfiles/facebook/fantasygames/salarycap/header_salarycapbaseball.jpg);
    background-repeat: no-repeat;
    z-index: 3000;
    clear: both;
    margin-bottom: -3px;
}

.headerGreeting {
    position: absolute;
    top: 5px;
    left: 753px;
    width: 155px;
    color: white;
    font: normal 11px arial;
}

.headerGreeting #name {
    font-weight: bold;
}

.headerGreeting #time {
    float: right;
}

.headerHelp {
    position: absolute;
    top: 5px;
    left: 930px;
    color: white;
}

.headerHelp a:link,.headerHelp a:visited,.headerGreeting a:link,.headerGreeting a:visited {
    color: #fff;
    font: normal 11px arial;
}

.headerHelp a:hover,.headerGreeting a:hover {
    text-decoration: none;
}

.headerHelp img {
    vertical-align: middle;
}

.headerMap {
    position: absolute;
    top: 22px;
    left: 9px;
}

.headerMapTitle {
    position: absolute;
    top: 35px;
    left: 125px;
}

.headerSponsorship {
    color: #fff;
    position: absolute;
    top: 35px;
    left: 750px;
    width: 220px;
}

ul.headerMenu {
    list-style-type: none;
    position: absolute;
    top: 65px;
    left: 130px;
    margin: 0;
    padding: 0;
    z-index: 6500;
}

ul.headerMenu li.main {
    position: relative;
    margin: 0px;
    font-size: 130%;
    z-index: 6500;
}

ul.headerMenu li.main a {
    text-decoration: none;
    background-image: url(/fantasy/baseball/public/fe/img/header-white-arrow-down.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 3px 0px 6px 15px;
    display: block;
    color: #fff;
    z-index: 6500;
}

ul.headerMenu li.main a:hover {
    text-decoration: none;
    color: #fff;
}

/* layout styles */
/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.headerMenu ul {
    list-style-type: none;
    list-style-type: none;
    position: absolute;
    top: 22px;
    left: 0px;
    display: none;
    margin: 0px;
    padding: 0px 0px 9px 0px;
    width: 200px;
    background-image: url(/fantasy/baseball/public/fe/img/nav-menu-bottom.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 6500;
}

ul.headerMenu ul li.lower {
    background-color: #fff;
    padding-left: 2px;
    list-style-type: none;
    list-style-image: url();
    position: relative;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 6500;
}

ul.headerMenu li.lower a {
    font: bold 10px verdana, tahoma, sans-serif;
    background-image: url();
    display: block;
    width: 174px;
    text-align: left;
    text-decoration: none;
    margin: 0px;
    padding: 3px 10px 3px 10px;
    border-bottom: 1px dashed #ccc;
    color: #000;
    background-color: #fff;
    z-index: 6500;
}

ul.headerMenu li.lower a:hover {
    text-align: left;
    color: #fff;
    background-color: #000;
    margin: 0px;
    text-decoration: none;
    z-index: 6500;
}

/*these three calsses are just for the join league link.  need to optimize this. */
ul.headerMenu ul li.lowerPromo {
    background-color: #fff;
    padding-left: 2px;
    list-style-type: none;
    list-style-image: url();
    position: relative;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 6500;
}

ul.headerMenu li.lowerPromo a {
    font: bold 10px verdana, tahoma, sans-serif;
    background-image: url();
    display: block;
    width: 174px;
    text-align: left;
    text-decoration: none;
    margin: 0px;
    padding: 3px 10px 3px 10px;
    border-bottom: 1px dashed #ccc;
    color: #2f59a6;
    background-color: #fff;
    z-index: 6500;
}

ul.headerMenu li.lowerPromo a:hover {
    text-align: left;
    color: #fff;
    background-color: #2f59a6;
    margin: 0px;
    text-decoration: none;
    z-index: 6500;
}

iframe.selectHideFromHeader {
    position: absolute;
    top: 87px;
    left: 144px;
    width: 202px;
    height: 0px;
    z-index: 5000;
}

* html ul.headerMenu li {
    z-index: 6500;
}

a.headerLink:hover {
    text-decoration: underline;
}

#adLabel {
    float: left;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 18px;
}

iframe.HideSelect {
    position: absolute;
    top: 21px;
    height: 0px;
    z-index: 1990;
}

.sponsor-logo {
    margin-left: 5px;
    outline: none;
}