/* ==========================================
** DEV STYLES
** ========================================== */
.devNote {background: #ffc;}

/* =======================================================================
** NAVIGATION & MASTHEAD
** ======================================================================= */
#masthead{
    background: #070707;
    color:#9fa7ad;
    margin:0;
    padding:0;
    border-bottom: 1px solid #45494a;
}

#masthead a{ color:#5cb192; text-decoration:none; outline:none; }

/* -----------------------------------------------------------------------
** DEFAULT SPRITE CLASSES = compound class for minification streamlining
** Use to globally declare sprites, then just change the background-position
** in the specific class (i.e. class="global-buttons specific-class") or
** add it to the list here
** ----------------------------------------------------------------------- */
#masthead ul#global-nav li .sub-nav .sub-nav-highlights a.go,
#sl-toolbar #language a#language-drop,
.global-buttons { background: transparent url('../img/layout/button-sprite-library.png') no-repeat scroll 0 0; }

#join-now a,
#global-footer ul li#footer-download a,
#sl-toolbar #language a#language-drop span,
#global-nav li a.nav-item:hover,
#global-nav li:hover a.nav-item,
#global-nav li.active,
#global-nav li.active a.nav-item span.left-border,
#global-nav li.active a.nav-item span.right-border,
.common-nav-sprite { background: transparent url('../img/layout/common-nav-sprite.png') no-repeat scroll 0 0; }

/* ---------------------
** LOGO
** --------------------- */
#masthead #sl-logo{
    float:left;
    clear:both;
    width:126px;
}

#masthead #sl-logo img {
    width: 67px;
    height: 33px;
    margin:2px 30px 0 30px;
}

/* ----------------------------------------
** AUTHENTIACTION / LOGIN / GLOBAL SEARCH
** ---------------------------------------- */
#masthead #sl-toolbar{
    border-bottom:1px solid #272727;
    padding:4px 0 7px 0;
    margin-bottom: 12px;
}

#sl-toolbar #launch-sl{
    display:block;
    line-height:100%;
    padding:8px 0 8px 15px;
    font-weight:bold;
}

#sl-toolbar #language{ float:left; }

#sl-toolbar #language a#language-drop{
    display:block;
    padding:8px 30px 8px 0;
    line-height:100%;
    margin-right:10px;
    background-position:right 8px;
    cursor:pointer;
    font-weight:normal;
    color:#9fa7ad;
}

#sl-toolbar #language a#language-drop.active{
    background-position: right -76px;
    color:#f8f8f8;
    background-color:#4c4f54;
}


#sl-toolbar #language a#language-drop span{
    background-position: 15px -303px;
    padding-left:60px;
}

#sl-toolbar #language a#language-drop.active span{ background-position: 15px -341px; }

#sl-toolbar #language ul{
    margin:0px 0 0 0;
    padding:10px 12px;
    width:131px;
    background-color:#4c4f54;
    border-right:1px solid #191919;
    border-bottom:1px solid #191919;
    border-top:none;
    list-style:none;
    position:absolute;
    display:none;
    z-index: 6000;
}

#sl-toolbar #language ul li{ clear:left; }

#sl-toolbar #language ul li a{ margin-left:0; color:#f8f8f8; float:none; clear:left; }




#masthead #authentication { text-align:right; line-height:100%; float:right; padding: 8px 0; }
#masthead #authentication span,
#masthead #authentication span strong { margin-right: 10px; }


/* ---------------------
** MAIN NAVIGATION
** --------------------- */

#masthead ul#global-nav{
    float:left;
    clear:none;
    overflow: visible;
    margin: 14px 0 -1px 0;
    padding:0;
    /*width: 660px;*/
}

#masthead ul#global-nav ul{ margin:0; }

#masthead ul#global-nav li{
    float: left;
    list-style: none;
    padding:0;
/* Position relative breaks the dropdowns in IE6/7 - don't do that //
    position: relative;
    display: block;
*/
    margin:0 -1px 0 0;
}


#masthead ul#global-nav li a.nav-item,
ul#global-nav li a.nav-item span{ display:block; }

#masthead.francais ul#global-nav li a.nav-item span.right-border{ background-position:top right; padding: 0 18px; }

/* set variable padding for varied languages */
#masthead.francais ul#global-nav li a.nav-item span.right-border{ padding:0 15px; }
#masthead.espanol ul#global-nav li a.nav-item span.right-border{ padding:0 10px; }
#masthead.italiano ul#global-nav li a.nav-item span.right-border{ padding:0 10px; }
#masthead.portugues ul#global-nav li a.nav-item span.right-border{ padding:0 10px; }

#masthead ul#global-nav li a.nav-item{
    /*padding set in border spans */
    display: block;
    height: 32px;
    text-align: center;
    font-size: 13px;
    line-height: 240%;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

#masthead ul#global-nav li:hover a.nav-item,
#global-nav li.show a.nav-item{
    z-index: 3000;
    color: #5cb192;
}

#masthead ul#global-nav li a.nav-item:hover,
#masthead ul#global-nav li:hover a.nav-item{ background-position: center -11px; }

/* What is Second Life link is different */
#masthead ul#global-nav li#whatis a.nav-item:hover,
#masthead ul#global-nav li#whatis:hover a.nav-item{ background-position: center -79px; }

/* ACTIVE MENU ITEM (li.active) */
#masthead ul#global-nav li.active{ height: 43px; margin:0 -1px -13px 0; }

#masthead ul#global-nav li.active a.nav-item,
#global-nav li.active a.nav-item{
    z-index: 3000;
    color: #5cb192;
    height: 43px;
    margin-bottom:-13px;
    line-height:300%;
    background-position: center 0px;
}

#masthead ul#global-nav li#whatis.active a.nav-item,
#global-nav li#whatis.active a.nav-item{ background-position: center -67px; }

#global-nav li.active a.nav-item span.left-border,
#global-nav li.active a.nav-item span.right-border{
    display:block;
    height:43px;
}


/* ---------------------
** JOIN NOW
** --------------------- */
#masthead #join-now{
    float:right;
    width:194px;
    height:57px;
    margin:-12px 0 0 -4px; /* FOR IE - FLOAT MARGIN BUG */
}

#masthead>#join-now{ margin:-12px 0 0 -3px; /* SET PROPERLY FOR ALL OTHERS */}

#join-now a{
    text-indent: -2000em;
    display:block;
    width:194px;
    height:58px;
    background-position: center -135px;
    background-color:#fb7e00;
}

/* Modified join now button for i18n */
#masthead.deutsch #join-now a{ background: #fb7e00 url('../img/layout/buttons/head-join-now-btn-de.gif') no-repeat scroll center center; }
#masthead.francais #join-now a{ background: #fb7e00 url('../img/layout/buttons/head-join-now-btn-fr.gif') no-repeat scroll center center; }
#masthead.japanese #join-now a{ background: #fb7e00 url('../img/layout/buttons/head-join-now-btn-ja.gif') no-repeat scroll center center; }
#masthead.espanol #join-now a{ background: #fb7e00 url('../img/layout/buttons/head-join-now-btn-es.gif') no-repeat scroll center center; }
#masthead.italiano #join-now a{ background: #fb7e00 url('../img/layout/buttons/head-join-now-btn-it.gif') no-repeat scroll center center; }
#masthead.portugues #join-now a{ background: #fb7e00 url('../img/layout/buttons/head-join-now-btn-pt.gif') no-repeat scroll center center; }


/* -------------------------
** MEGA DROPDOWNS (SUB NAV)
** ------------------------- */
#masthead ul#global-nav li .sub-nav{
    display: none;
    float: left;
    position: absolute;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #373737;
    background: #4c4f54 linear-gradient(to top, #4c4f54 0%, #4c4f54 33%, #1c1d1f 100%) repeat-x scroll top left;
    width: 450px;
    z-index: 2000;
}

#masthead ul#global-nav li#help .sub-nav{ margin-left:-290px; }
#masthead ul#global-nav li#community .sub-nav{ margin-left:-290px; }

#masthead ul#global-nav li.show .sub-nav{ z-index:8000; }
#masthead ul#global-nav li.show a{ z-index:10000 !important; }

/* REVIVE THESE IF NEEDED FOR MEGA-DROP POSITIONING
#masthead ul#global-nav li#whatnext .sub-nav{ }
#masthead ul#global-nav li#community .sub-nav{ }
#masthead ul#global-nav li#shop .sub-nav{ }
#masthead ul#global-nav li#land .sub-nav{ margin-left: -9px; }
#masthead ul#global-nav li#maps .sub-nav{ margin-left: -113px; }
#masthead ul#global-nav li#help .sub-nav{ margin-left: -189px; }
*/

#masthead ul#global-nav .sub-nav ul{ float:left; margin: 13px; width:142px; }
#masthead ul#global-nav li#help .sub-nav ul,
#masthead ul#global-nav li#community .sub-nav ul{ float:right; }
#masthead ul#global-nav .sub-nav ul ul,
#masthead ul#global-nav li#help .sub-nav ul ul,
#masthead ul#global-nav li#community .sub-nav ul ul { margin: 0; }
#masthead ul#global-nav .sub-nav li{ background:none; clear:left; width: 100%; }
#masthead ul#global-nav .sub-nav li.section-marker{ border-top: 1px solid #828488; margin-top: 1em; }
#masthead ul#global-nav .sub-nav li.section-marker h5{ margin-bottom:0; color:#828488; text-transform:uppercase; font-size:10px; }
#masthead ul#global-nav li:hover .sub-nav li a,
#masthead ul#global-nav li.show .sub-nav li a{
    border: none;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left;
    font-size: 12px;
    line-height: 100%;
    font-weight: bold;
    padding: 5px 10px;
    color: #ededed;
    text-decoration:underline;
    display: block;
    text-decoration: none;

}

#masthead ul#global-nav li:hover .sub-nav li a:hover{ text-decoration:underline; }
#masthead ul#global-nav li:hover .sub-nav{ display: block; }

#masthead ul#global-nav li .sub-nav .sub-nav-highlights{ color: #bdc4c9; }
.sub-nav-highlights .highlight-item p span{ display:block; }

#masthead ul#global-nav li .sub-nav .sub-nav-highlights a.go {
    color:#5cb192;
    font-weight:bold;
    padding-right: 25px;
    background-position: right -126px;
}

#masthead ul#global-nav li .sub-nav .sub-nav-highlights .highlight-item{ margin: 1em; clear:left; }
#masthead ul#global-nav li .sub-nav .sub-nav-highlights .highlight-item h6{ color:#ededed; }

.sub-nav-highlights .highlight-item img{
    float:left;
    margin: 4px 10px 10px 0;
}

/* -------------------------------
** JAVASCRIPT DELAYS - see nav.js
** ------------------------------- */
#global-nav li .sub-nav {
    position: absolute;
    z-index: 2000;
    display: none;
    background: #fff;
}

#global-nav li.show .sub-nav { display: block !important; }

#global-nav li.with-js .sub-nav { display: none !important; }






/* ========================
** GLOBAL FOOTER
** ======================== */

#global-footer{
    padding:6px 0 0 0;
    margin-top:-6px;
    background: transparent linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%) repeat-x scroll top left;
    position: relative;
}

#global-footer .fade-background{
    background: #0f0f0f linear-gradient(to top, #0f0f0f 0%, #292929 100%) repeat-x scroll top left;
    color:#9fa7ad;
    border-top: 1px solid #45494a;
}

#global-footer #footer-links{
    margin:0 auto;
    width:920px;
    text-align:center;
}

#global-footer ul li+li { border-left: 1px solid #141312; }


#global-footer ul{
    margin:0 auto;
    padding:0;
    float:left;
    text-align:left;
    list-style:none;
    background-position: top right;
}

#global-footer ul li{
    float:left;
    height:90px;
}

/*
#global-footer ul li#footer-copyright{ width:175px; }
#global-footer ul li#footer-download{ width:168px; }
#global-footer ul li#footer-policy{ width:120px; }
#global-footer ul li#footer-linden-lab{ width:122px; }
#global-footer ul li#footer-sl-work{ width:127px; }
#global-footer ul li#footer-sl-learn{ width:128px; }
#global-footer ul li#footer-sl-develop{ width:129px; }
*/

#global-footer ul li a{
    font-size:12px;
    color:#9fa7ad;
    line-height:120%;
    text-decoration:none;
    padding: 18px 25px 18px 26px;
    display:block;
    font-weight:bold;
}

#global-footer ul li#footer-copyright a { font-weight:normal; }
#global-footer ul li#footer-download a {
    padding-left:65px;
    background-position: 25px -222px;
}