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

/* =======================================================================
** NAVIGATION & MASTHEAD
** ======================================================================= */
#masthead{
    background: #070707 url('../img/layout/head-fade-bkgd.gif') repeat-x scroll bottom left;
    color:#9fa7ad;
    margin:0;
    padding:0;
    border-bottom: 1px solid #45494a;
}

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

.nav-container{ margin:0 42px; text-align:left; }

/* -----------------------------------------------------------------------
** 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
** ----------------------------------------------------------------------- */
ul#sidebar-nav li.nav-item a,
ul#manage-lindex li.nav-item a,
#masthead ul#global-nav li .sub-nav .sub-nav-highlights a.go,
#masthead #global-search #global-search-form button,
#masthead #global-search a,
#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{
    margin:0;
    float:left;
    clear:both;
    width:145px;
    padding:0;
    display:block;
    position:static;
}

#masthead #sl-logo a{
    float:left;
    display: block;
    width: 86px;
    height: 33px;
    background: transparent url('../img/layout/head-sl-logo.png') no-repeat scroll top left;
    text-indent: -2000em;
    outline: none;
    margin:2px 15px 0 15px; /* FOR IE6 - DBL FLOAT MARGIN BUG */
}

#masthead #sl-logo span>a { margin:2px 30px 0 30px; /* FOR EVERYTHING ELSE */ }

/* ----------------------------------------
** 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; }





#masthead #global-search{ float:right; line-height:100%; position:relative;}

#masthead #global-search a{
    color: #5cb192;
    font-weight:bold;
    display:block;
    padding:8px 28px 8px 8px;
    background-position: right 8px;
    cursor:pointer;
}

#masthead #global-search a.active{ background-position: right -76px; color:#f8f8f8; background-color:#4c4f54; }

#masthead #global-search #global-search-form{
    position:absolute;
    padding: 12px 0;
    background:#4c4f54;
    border-left:1px solid #191919;
    border-bottom:1px solid #191919;
    margin:0;
    right:0;
    display:none;
    width: 240px;
    z-index: 6000;
}

#masthead #global-search #global-search-form form div {
    background: transparent url('../img/layout/head-search-bkgd.png') no-repeat scroll top left;
    margin: 2px 0 0 20px;
    padding: 2px 0 0 0;
    overflow: auto;
}

#masthead #global-search #global-search-form input#q{
    width:175px;
    height:21px;
    float:left;
    border:none;
    padding:2px 2px 0 4px;
    position:relative;
    background: transparent;
    margin: 0;
}

#masthead #global-search #global-search-form button{
    width:25px;
    height:21px;
    background-position: right -122px ;
    border:none;
    text-indent:-2000em;
    padding:0;
    cursor:pointer;
    display:block;
    float:left;
    margin: -2px 0 0 -2px;
    z-index:4500;
    position:relative;
}


/* ---------------------
** 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; }

ul#global-nav li a.nav-item span.left-border,
ul#global-nav li a.nav-item span.right-border,
#masthead.francais ul#global-nav li a.nav-item span.right-border{ background:transparent url('../img/layout/head-nav-border.gif') no-repeat scroll top left; }

ul#global-nav li a.nav-item span.right-border,
#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 url('../img/layout/head-megadrop-bkgd.gif') 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;
}


a.nav-highlights-photo{
    float:left;
    margin: 4px 10px 10px 0;
    background: transparent url('../img/layout/highlights/top-nav-highlights-sprite.jpg') no-repeat scroll 0 0;
    display:block;
    width:80px;
    height:80px;
    text-indent:-2000em;
}

a.nav-hlts-cls { background-position: 0 0; }
a.nav-hlts-cls-v2 { background-position: 0 -81px; }
a.nav-hlts-destguide { background-position: 0 -162px; }
a.nav-hlts-devland { background-position: 0 -243px; }
a.nav-hlts-eureka { background-position: 0 -324px; }
a.nav-hlts-events { background-position: 0 -405px; }
a.nav-hlts-featitem { background-position: 0 -486px; }
a.nav-hlts-newuser { background-position: 0 -567px; }
a.nav-hlts-popitem { background-position: 0 -648px; }
a.nav-hlts-quickstart { background-position: 0 -729px; }
a.nav-hlts-refer { background-position: 0 -810px; }
a.nav-hlts-systemreq { background-position: 0 -891px; }
a.nav-hlts-tips { background-position: 0 -972px; }
a.nav-hlts-undevland { background-position: 0 -1053px; }

/* -------------------------------
** 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 url('../img/layout/foot-shadow-bkgd.png') repeat-x scroll top left;
    position: relative;
}

#global-footer .fade-background{
    background: #0f0f0f url('../img/layout/foot-fade-bkgd.jpg') repeat-x scroll top left;
    color:#9fa7ad;
    border-top: 1px solid #45494a;
}

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

/*for auto margins, width needed to be set - for each different language */
#global-footer #footer-links.deutsch{ width:975px; }
#global-footer #footer-links.francais,
#global-footer #footer-links.japanese{ width:975px; }

#global-footer ul,
#global-footer ul li{ background: transparent url('../img/layout/foot-nav-border.gif') no-repeat scroll top left; }

#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;
    margin-right:-1px;
}

/*
#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;
}