/* snapshot from sl.com 20110217 */

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

/* ======================================================================= 
** NAVIGATION & MASTHEAD
** ======================================================================= */
#masthead{ 
	background: #070707 url('../img/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/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/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('/html/assets/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/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/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/buttons/head-join-now-btn-de.gif') no-repeat scroll center center; }
#masthead.francais #join-now a{ 	background: #fb7e00 url('../img/buttons/head-join-now-btn-fr.gif') no-repeat scroll center center; }
#masthead.japanese #join-now a{ 	background: #fb7e00 url('../img/buttons/head-join-now-btn-ja.gif') no-repeat scroll center center; }
#masthead.espanol #join-now a{ 	background: #fb7e00 url('../img/buttons/head-join-now-btn-es.gif') no-repeat scroll center center; }
#masthead.italiano #join-now a{ 	background: #fb7e00 url('../img/buttons/head-join-now-btn-it.gif') no-repeat scroll center center; }
#masthead.portugues #join-now a{ 	background: #fb7e00 url('../img/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/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/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/foot-shadow-bkgd.png') repeat-x scroll top left;
	position: relative;
}

#global-footer .fade-background {
	background: #0f0f0f url('../img/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;
}

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

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

#global-footer #footer-tos ul li,
#global-footer #footer-links ul li {
	float:left;
	height:70px;
	margin-right:-1px;
}

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

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

#global-footer #footer-links ul li#footer-followus {
	width: 80px;
	padding: 14px 16px 18px 14px;
	position: relative; }
#global-footer #footer-links ul li#footer-followus a {
	margin: 0; 
	padding: 0; 
	width: auto; 
	height: auto; }
#global-footer #footer-links ul li#footer-followus strong {
	color: #9FA7AD;
	margin-bottom: 5px;
	font-size:12px;
	font-weight:bold; }
#global-footer #footer-links ul li#footer-followus img {
	position: absolute;
	top: 37px;
	left: 18px;
	padding: 0;
	margin-right: 5px; }
#global-footer #footer-links ul li#footer-followus #nav_twitter {
	left: 43px; }
	
	
#global-footer #footer-tos {
	xclear: both;
	xtext-align: center; 
	xdisplay: block; 
	position: relative;
	text-align: center;
}
#global-footer #footer-tos ul {
	position: absolute;
	left: 50%;
	width: 430px;
	margin-left: -210px;
}

#global-footer #footer-tos ul li {
	height: 30px;
}

#global-footer #footer-tos ul li a {
	padding: 0 25px;
	color: #555;
	font-weight: normal;
}


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