/* nav-main */

/* LAYOUT MAIN */	
#nav-main {
	float: right;
	/*margin-right:1px; because lack of right/left border */
	width: 275px;
	padding:12px;
	background:transparent url(../images/bkgd_nav_main.png) 0 0 repeat;
	margin-bottom:15px;
}
	
/* INDEX and SIGN-IN */
/*body.emailHelp #nav-main,*/
body.register #nav-main,
body.fixed #nav-main,
body.landing #nav-main,
body.about #nav-main{
	position:absolute;
	top:25px;
	right:28px;
	float:none;
	display:inline;
	background:none;
	right:18px;
	}
	
body.register ul#nav-features,
body.fixed ul#nav-features{display:none;}

/* Nav Features */ 	
ul#nav-features h3{
	margin: 0 0 5px 0;
	color:#FFF;
	background:url(../images/bkgd_nav_header.png) 0 0 no-repeat;
	width:277px;
	height:33px;
	height:100%;
	line-height:33px;
	}

/* IE6 interprets padding badly so I added a span class to avoid messing with the entire
	h3 element that is also pulling in the header bkgd graphic */	
ul#nav-features h3 span.header{padding-left: .75em;}
	
ul#nav-features li#nav-whoCanLocateMe,
ul#nav-features li#nav-appDirectory{margin-bottom:1em;}
	
ul#nav-features li#nav-whoCanLocateMe,
ul#nav-features li#nav-appDirectory,
ul#nav-features li#nav-locationHistory{padding:1em; padding:0;}

ul#nav-features li#nav-appDirectory,
ul#nav-features li#nav-locationHistory{margin-top:4em;}
ul#nav-features li#nav-locationHistory{margin-bottom:5em;}
	
ul#nav-features li#nav-whoCanLocateMe ul#nav-appList{padding:1.5em 0 0 0;}
ul#nav-features li#nav-whoCanLocateMe ul#nav-appList li{position:relative; margin-bottom:1em;}

.visibility_off{padding:.55em .85em .75em .85em; width:auto; background:url(../images/bkgd_visibility.png) 0 0 repeat;}
/* need to find out which one is obsolete */
.pendingRequests,
.requests{ margin-top:2em; background-color:transparent; display:block}

/* 40x40 icon */	
ul#nav-features li#nav-whoCanLocateMe ul#nav-appList li a img.nav-appListIcon{
	margin-right:10px;
	height:40px;
	width:40px;
	text-decoration:none !important;
	vertical-align:middle;
	}

/* 40x40 icon text link */	
ul#nav-features li#nav-whoCanLocateMe ul#nav-appList li a.nav-appListIconLink{
	position:relative;
	display:inline;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	}


ul#nav-features li#nav-locationHistory p{
	margin-bottom:1em;
	margin-top:1em;
	background:url(../images/icon-footprints.png) 0 0 no-repeat; height:21px; line-height:21px; padding-left:31px;	
	}

/* Nav Tools */	
ul#nav-tools{
	text-align: right;
	position:absolute;
	top:75px;	
	right:12px;
	min-width:37em; /* it collapses on resetPasswordConfirm */
	width:auto;
	background:transparent;
	}

/* Nav Tools: Fixed size pages */	
body.register ul#nav-tools,
body.fixed ul#nav-tools{ top:65px; right:-6px; right:0; top:50px;}
body.landing ul#nav-tools,
body.about ul#nav-tools{ top:10px; right:75px; right:-10px;}
	
ul#nav-tools li{
	padding:0 8px;
	float:none;
	display: inline;
	text-align: center;
	border:0;
	border-left:1px solid #9CF;
	border-left:0;
	}
	
/* User ID */	
ul#nav-tools li#nav-userID{font-weight:bold;}
ul#nav-tools li a{cursor:pointer; text-align: center;}
ul#nav-tools li:first-child{border-left:0;}
ul#nav-tools li:last-child{padding-right:0;}

/* LANDING PAGE */
body.landing ul#nav-tools li#nav_facebook,
body.about ul#nav-tools li#nav_facebook{border-left:1px solid #000;}

body.landing ul#nav-tools li#nav_facebook,
body.landing ul#nav-tools li#nav_twitter,
body.landing ul#nav-tools li#nav_blogger,
body.about ul#nav-tools li#nav_facebook,
body.about ul#nav-tools li#nav_twitter,
body.about ul#nav-tools li#nav_blogger{display:-moz-inline-block; display:inline-block;}

body.landing ul#nav-tools li#nav_facebook a,
body.landing ul#nav-tools li#nav_twitter a,
body.landing ul#nav-tools li#nav_blogger a,
body.about ul#nav-tools li#nav_facebook a,
body.about ul#nav-tools li#nav_twitter a,
body.about ul#nav-tools li#nav_blogger a{ width:24px; height:24px; cursor:pointer; display:block;}