/* NAVIGATION */

.on{cursor:default;}

/* NAV TOOLS */	
ul#nav-tools{text-align: right; position:absolute; top:35px; right:-1px;  min-width:38em; width:auto; background:transparent;}
ul#nav-tools li{padding:0 9px; float:none; display:inline; text-align: center; border:0;}
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 */
ul#nav-tools li#nav_facebook{border-left:1px solid #000; border:0;}
ul#nav-tools li#nav_facebook,
ul#nav-tools li#nav_twitter,
ul#nav-tools li#nav_blogger,
ul#nav-tools li#nav_youTube{display:-moz-inline-block; display:inline-block;}
ul#nav-tools li#nav_twitter{padding-right:10px;}/* in order to match nav in LL */

ul#nav-tools li#nav_facebook a,
ul#nav-tools li#nav_twitter a,
ul#nav-tools li#nav_blogger a,
ul#nav-tools li#nav_youTube a{ width:32px; height:32px; cursor:pointer; display:block;}

/* TABS */	
#main-nav {list-style: none; margin:0 0 30px 0; padding:0; position:relative; /*width:980px;*/ height:40px; min-height:40px;}	
#main-nav li {margin:0; padding:0; float: left;}

/* SH: spacer which will never be a link, is a div and only relevant to left side of acctTools (holds sign In/sign Out) */
/* SH: note diffs between smartGeo (no signIn/out and used rounded cornered rs - 
       links don't fill width of nav, so use inside and rs_rounded spacers) 
		 and LocAccess (locAccess uses signIn/out - only uses spacer for acctTools_ls) */
#main-nav a,
#main-nav .mainNav_acctTools_ls,
#main-nav .mainNav_inside_spacer,
#main-nav .mainNav_rs_rounded {background:transparent url(../images/mainNav_inside_all.png) 0 0; display:block; float:left; padding-left:16px; min-height:41px; height:41px;}
#main-nav a.mainNav_ls {background-image:url(../images/mainNav_ls_all.png);}
#main-nav a.mainNav_rs {background-image:url(../images/mainNav_rs_all.png);}
/* smartphoneGeofencing spacers */
#main-nav .mainNav_inside_spacer{padding-left:500px;}/* smartphoneGeofencing mainNav doesn't have enough links to span width of page, so extend blank spacer img */
#main-nav .mainNav_rs_rounded{background-image:url(../images/mainNav_rs_rounded_all.png); padding-left:169px;}/* smartphoneGeofencing - no SIGNIN/OUT, instead rounded cornered edge spacer */

#main-nav .mainNav_acctTools_ls {background-image:url(../images/mainNav_acctTools_ls_all.png); padding-left:59px;}/* spacer */
#main-nav.signedOut .mainNav_acctTools_ls {padding-left:90px;} /* spacer */

#main-nav a.mainNav_acctTools_inside {background-image:url(../images/mainNav_acctTools_inside_all.png);}/* specify inside until there is more than one */
#main-nav a.mainNav_acctTools_rs {background-image:url(../images/mainNav_acctTools_rs_all.png); background-position: top right;}/* in order not to have extra background */
#main-nav .mainNav_rs_rounded{background-position: top right;}/* in order not to have extra background */

#main-nav span {background:transparent url(../images/mainNav_inside_all.png) 100% 0; display: block; padding-right: 16px; line-height:41px; height:40px;}
#main-nav .mainNav_ls span {background-image:url(../images/mainNav_ls_all.png);}
#main-nav .mainNav_rs span {background-image:url(../images/mainNav_rs_all.png);}
#main-nav .mainNav_acctTools_ls span {background-image:url(../images/mainNav_acctTools_ls_all.png);}
#main-nav .mainNav_acctTools_inside span {background-image:url(../images/mainNav_acctTools_inside_all.png);}
#main-nav .mainNav_acctTools_rs span {background-image:url(../images/mainNav_acctTools_rs_all.png);}
#main-nav .mainNav_rs_rounded span{background-image:url(../images/mainNav_rs_rounded_all.png);}/* smartphoneGeofencing spacer and rs edge because no signin/out */

#main-nav a:hover{background-position: 0 -41px;}
#main-nav a:hover.mainNav_acctTools_rs {background-position: right -41px;}/* in order not to have extra background */
#main-nav a:hover span{background-position: 100% -41px;}

#main-nav li.on a{background-position:0 -82px;}
#main-nav li.on a.mainNav_acctTools_rs{background-position:right -82px;}/* in order not to have extra background */
#main-nav li.on span {background-position:100% -82px;}

/* NON-DAISY SIDE NAV (My Projects > My Apps) */
/* added another class for side-nav on application.jsp */
#side-nav-container { margin:0; float: left; position:static; background:transparent; width:175px; /* background:#99CCFF */}
#side-nav{background-color:transparent; /* background:#CC99CC; */}	
/* #content site-wide has 10px left padding - 
   but this page cannot have it, so just adjust sidenav */
body.locationAccessOverview #side-nav{margin-left:10px; } 

#side-nav li {margin: 0 0 .75em 0;}
/* special cases */
#side-nav li.deleteApp,
#side-nav li.closeAcct,
#side-nav li.back-to-apps-link{margin-top:2.25em;}
	
/* !!! DAISY !!! SIDE NAV */
#documentNavigation,
.tutorialNav-container {margin:0; padding:0; float:left; position:static; width:225px;/*background:#FFCC99;*/}
	
/* must target from body in order to override list styles 
   set on all .daisy-doc lists in layout_main.jsp */
body #content.daisy-doc #documentNavigation ul,
body #content.daisy-doc .tutorialNav-container ul{width:225px; position:static; list-style:none; list-style-type:none;/*background:#99CC66;*/}
	
body #content.daisy-doc #documentNavigation ul,
body #content.daisy-doc #documentNavigation ul ul,
body #content.daisy-doc .tutorialNav-container ul,
body #content.daisy-doc .tutorialNav-container ul ul{margin:0; padding:0; list-style:none; list-style-type:none;}
	
/* Tutorials have to indent from section header */
body #content.daisy-doc .tutorialNav-container ul{width:205px; margin-left:0; width:auto; /* extends naturally to edge of container */}
body #content.daisy-doc #documentNavigation li,
body #content.daisy-doc #documentNavigation ul ul li,
body #content.daisy-doc .tutorialNav-container li,
body #content.daisy-doc .tutorialNav-container ul ul li{margin: 0 0 .75em 0; padding:0; border-left:none; text-align:left; list-style-type:none; list-style:none;}

/* side nav with arrow graphic on state */	
body #content.daisy-doc .tutorialNav-container ul li,
body #content.daisy-doc #documentNavigation ul li,
#side-nav li{padding-left:1.25em;}
#side-nav-container.myAccount #side-nav li{padding-left:0;} /* no ON state - not used as side nav with content next to it */

/* Daisy: side nav links */
body #content.daisy-doc ul.navigation {padding: 0 .5em 0 0;}

/* SDK - has same width as smaller side-nav e.g. my apps, my account*/
body.sdk #content.daisy-doc #documentNavigation,
body.sdk #content.daisy-doc #documentNavigation ul{width:175px;}

/* END of Daisy nav */