/*
    Styles for the navigation bar.
    This is in a separate file so we can swap it out
    when skins are used.
*/

#nav-bar {
    position:   absolute;
    top:        0;
    left:       0;
    z-index:    2;
}

#nav-banner
{
    position:   absolute;
    top:        0;
    left:       0;
    z-index:    2;
}

#nav-banner img
{
    z-index:    2;
}

#nav-space
{
    position:   relative;
    top:        0;
    left:       297px;
    height:     116px;
    width:      auto;
    z-index:    1;
}

#nav-right
{
    position:   absolute;
    top:        0px;
    right:      0;
    z-index:    1;
}

#nav-right img
{
    z-index:    2;
}

#nav-container
{
    z-index:    15;
    padding:    3px 0.5em;
    margin:     0;
    padding:    0;
    height:     74px;
}

#nav
{
    width: auto;
    float:  right;
}

#nav, #nav ul
{
    list-style:     none;
    padding:        0;
    margin:         0;
    border:         none;
    font-family:    verdana, arial, helvetica, sans-serif;
    font-size:      10px;
    font-weight:    bold;
}

#nav ul
{
    float:  left;
}

#nav a
{
    margin:             0;
    display:            block;
    color:              #666;
    background:         white;
    text-decoration:    none;
    text-align:         center;
    padding:    		30px 0.5em 0px 0.5em;
    height:             42px;
    width:              9em;
}

#nav .nav-selected a
{
    color: #ff0;
}

#nav li
{
    border:     none;
    float:      left;
    width:      auto;
    color:      white;
    margin:     0;
    padding:    0;
    height:     77px;
}

#nav .nav-right
{
    border-right:       none;
}

#nav li #nav-right
{
    border-right:   none;
}


#nav li a:hover
{
    color:  #666;
}

.nav-disabled a
{
    background-color:   #3d3d3d;
    color:              gray;
}

#nav .nav-disabled a:hover
{
    background-color:   #3d3d3d;
    color:              #ff0;
}

#nav .nav-selected a:hover
{
    color: #ff0;
}

#nav li ul
{
    position:       absolute;
    left:           -999em;
    width:          13.9em;
    font-weight:    normal;
    margin:         0;
    margin-left:    -7.1em;
    z-index:        15;
}

#nav >li ul
{
    width:          14.4em;
}

#navX li ul a
{
    width:          16em;
    text-align:     left;
    color:          #666;
    background:     white;
    height:         20px;
    padding:        3px 0.5em;
    border:         none;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul
{
    left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul
{
    left:   auto;
}

#navX li li:hover ul,
#navX li li:hover ul
{
    background: white;
}

#nav-home a
{
    background:         #fff;
    border-top-style:   solid;
    border-top-width:   5px;
    border-top-color:   #e9cf00;
}

#nav-home a:hover,
#nav-home-selected a
{
    background:         #faf5ca;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #e9cf00;
    cursor:             pointer;
}

.nav-home-selected a
{
    border: solid 3px green;
    background:         #faf5ca;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #e9cf00;
    cursor:             pointer;
}

#nav-freetrial a
{
    background:         #fff;
    border-top-style:   solid;
    border-top-width:   5px;
    border-top-color:   #cf0025;
}

#nav-freetrial a:hover,
#nav-freetrial-selected a
{
    background:         #f9f0f2;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #cf0025;
    cursor:             pointer;
}


#nav-geoselection a
{
    background:         #fff;
    border-top-style:   solid;
    border-top-width:   5px;
    border-top-color:   #8692b2;
}

#nav-geoselection a:hover,
#nav-geoselection-selected a
{
    background:         #f0f3fb;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #8692b2;
    cursor:             pointer;
}

#nav-geoanalysis a
{
    background:         #fff;
    border-top-style:   solid;
    border-top-width:   5px;
    border-top-color:   #b9b5a9;
}

#nav-geoanalysis a:hover,
#nav-geoanalysis-selected a
{
    background:         #f8f7f3;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #b9b5a9;
    cursor:             pointer;
}

#nav-userpoints a
{
    background:         #fff;
    border-top-style:   solid;
    border-top-width:   5px;
    border-top-color:   #cf0025;
}

#nav-userpoints a:hover,
#nav-userpoints-selected a
{
    background:         #f9f0f2;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #cf0025;
    cursor:             pointer;
}

#nav-help a
{
    z-index:            100;
    background:         #fff;

    border-top-style:   solid;
    border-top-width:   5px;
    border-top-color:   #75ad5b;
}

#nav-help a:hover,
#nav-help-selected a
{
    background:         #f2f9ee;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #75ad5b;
    cursor:             pointer;
}

#nav-subscribe a
{
    background:         #fff;
    border-top-style:   solid;
    border-top-width:   5px;
    border-top-color:   #473881;
}

#nav-subscribe a:hover,
#nav-subscribe-selected a
{
    background:         #ece8fd;
    padding-top:        27px;
    border-top-style:   solid;
    border-top-width:   8px;
    border-top-color:   #473881;
    cursor:             pointer;
}


#nav li li
{
    height:         20px;
    margin: 0;
    border: 1px solid #ccc;
}

#nav li li a,
#nav li li a:visited
{
    padding:        0;
    width:          16em;
    text-align:     left;
    color:          #666;
    background:     white;
    height:         20px;
    padding:        3px 0.5em;
    border:         none;
}

#nav li li a:hover
{
    padding:        0;
    color:          white;
    background-color:     #666666;
    padding:        3px 0.5em;
    border:         none;
}

.nav-item-disabled
{
    text-align:     left;
    color:          #666;
    width:          13em;
}

.nav-disabled sfhover
{
    cursor:         default;
    color:          #666;
}

.nav-menu-sep
{
    width:          1em;
    padding:        3px 0 0 0;
}

#nav-space-holder
{
    border:         none;
    margin-left:    -2px;
    padding:        0;
}