/* site basic template designs */


body {
	background-color: Black;
	color: #fefefe;
}

		
  abbr[title] {text-decoration: none; border-bottom:none;}
#contentbody a {word-break: break-word !important; }
		#content
		{
		}

		
		#content h2 { margin-top: 0; /*margin-top: 2em; */ }
		#content h2:first-of-type {margin-top: 1em;}
		
		#footer
		{
		margin: 0;
		padding: 1em 0 0 0;
		background-color: #111;
		border-bottom: 1px solid #111;
		border-top: 1px solid #111;
		clear: both;
		display: block;
		font-size: 86%;
}

		.friendly {position:absolute !important; margin-left:-9999em !important;}


		
		#nav p { margin-top: 0; }
#nav {
	padding: 0;
	background-color: #111;
	color: #333;
	font-size: 86%;

margin-top:-1px;
	}

#nav abbr {border-bottom:none; cursor:pointer; text-decoration: none;}


	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
/*margin-bottom:1em; */
		}
		
	#nav li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

	#nav ul ul li a {
		display: block;

        padding:0.45em;
		background-color: #111;
		color: #fcfcfc;
		text-decoration: none;
		width: 100%;
		border-bottom: 1px solid #111;
		text-transform: capitalize;
		border-right: 5px solid #111;
		
		}


		

	#nav ul ul li a:hover {

border-right-color: #F00;
border-bottom-color: #666666;
background-color: #333;
		color: #fff;
}
		
#nav ul ul li a:active {
border-right-color: #F00;
}

#nav ul li b a ,		
#nav ul li strong a {color: #aaa; text-decoration:none; display:block;}		

#nav li b,		
#nav li strong { /* first-level header*/
	text-transform:uppercase;
	font-family:Georgia, Garamond, "Times New Roman", Times, serif; 
	font-size: 1em;
	font-weight: bold;
/*	white-space: nowrap; */
	display: block;
	border:1px solid #333; 



border-top-color: #111;
border-top-color: #333;

position: relative;
width: auto;
margin:0;
color: #aaa;
background-color: #111;
}

#nav li b a {
   display: block;
   color: #aaa;
   text-decoration: none;
		padding: 0.325em 0.75em 0.25em !important; 

	}


#nav li b a:hover, #nav li b a:focus {background-color: #000436;}

#nav li ul li {
	text-transform: none;
	font-weight: normal;
	white-space: normal;
	border: none;
	position: relative;
}
#nav li ul li a {padding-left: 1.75em;}

	#nav li b {
/*margin-right:1px; */
}


@media (min-width: 43em) {
	#nav li b {
/*margin-right:1px;*/
}
}

#nav h2, #nav p {display:none;}

#banner p#subtitle {
	font-family:Georgia, Garamond, "Times New Roman", Times, serif; 
        }

/* footer */
#footer li, #footer p {
	font-size:86%;
}

#footer hr {
	display: none;
}
	
#footernav {
	 border-bottom: 0px solid #CCC; 
	margin: 0;
	border-top: 1px solid #999; 
	clear: both; 
padding: 6px 0 6px 0; 
padding: 0.5em 1em 1em;
text-align: center; 
}

#footernav hr {
	display: none;
}

#footernav p {
	margin: 0.75em;
	padding: 0;
	clear:both;
}

#footernav h3 {
	display: none;
}

#footernav ul {

margin:0 0 0.5em 0;
padding:0;
}


#footernav ul li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  
  padding-left: 0.25em;
  padding-right: 0.75em;
  margin:0;

 border-right: 1px dotted #333;

  }
  
  #footernav ul li.first {

 	padding-right: 7px;
  }

#footernav ul li.last {
  display: inline;
  padding-left: 10px;
  padding-left: 0.25em;
  padding-right: 3px;
  border-right: 0px;
  } 
  
  #footernav a {
  	white-space: nowrap;
  }
 
  
  /*** footer parts ***/
  div#parentsite, div#parentsite span {
	background: Black url(whologo-sm-tp.gif) no-repeat;
	height: 85px;
	width: 61px;
}

div#parentsite a {
	height: 85px; 
	width: 61px;
}
div#parentsite {margin-right: 4px;	float: left;}

div#parentsite span {
	margin-bottom: -185px;
	  display: block;
 position: relative;
 z-index: 1; }

	/* IE5 Mac Hack \*/
div#parentsite { overflow: hidden; }
/*/
div#parentsite { text-indent: -100em; }
/* End Hack */

 
.hide {
	display: none;
}

/*** breadcrumb ***/

#urhere h3, #urhere p {
	display:none;
}

  
  #urhere {
	color: #333;
	background-color: #ccc;
	padding: 2px 1em 2px 26px; /*must correspond to contentbody padding */
	padding: 3px 1em 3px 26px; /*must correspond to contentbody padding */

	padding-left:1.5em;
        padding-left: 26px;
        padding: 0.25em 0.75em 0.25em !important;
	border-bottom: 1px solid #666666;
	position: relative;
        font-size: 1em;

	}
	
  #urhere nav {	font-size: 86%;}


#urhere ul {
margin: 0;
padding:0;
	display: inline;
	border: none;
	} 

#urhere ul li {
	margin: 0;
	padding: 0 0 0 2px;
	border: none;
	list-style: none;
	display: inline;
	  	color: #333;
	text-decoration: none;
	font-style: italic;
	}
	
 #urhere li a {
color: #333;
	text-decoration: none;
font-style: normal;
  }
  
html>#urhere li a {
  	border-right:none;
	padding-right: 0;
  }
  
  #urhere li a:hover {
  	text-decoration: underline;
	color: #333;
  }
	
	#urhere ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #333;
	}
	
#urhere ul li.first:before {
	content: " ";
	}

/* hacks moved to gearstyle_ie6 */

.topreference+h2 {
	padding-top: 1em;
}

/*
.sectab #contentbody #toc1 li a {background:url(/whotabs/sitefiles/icon_adowngs.gif) no-repeat 100% 70% !important; padding-right:9px;}
*/

/* sidebar box */
#nav #sitenews {padding:0 0.5em !important; border-top: 1px solid #666666; margin-top: 2em; border-bottom: 1px dashed #333; position:relative;}
#nav #sitenews h3 { color: #C00; margin-top:0.5em;}
#nav #sitenews p {display:block; color: #999;}
#nav #sitenews a {color: #ececec;}
#nav #sitenews a:visited {color: #ccc;}
#nav #sitenews a:hover {color: #f00; text-decoration:none;}
#nav #sitenews a:active {color: #f00;}

h3:target,
h2:target {position:relative;}
h3:target:before,
h2:target:before {content: "\00BB \0020"; position:absolute;margin-left:-1em; font-size: 86%; font-weight:bold; color: #999; }

td h3:target:before {position:relative; margin-left:0;}

#content #top, 
#content h2, #content h3:target {scroll-margin: 88px 0 0 0; }

@media (min-width: 23em) {
  #content #top, 
#content h2, #content h3:target {scroll-margin: 88px 0 0 0; }
}  
@media (min-width: 43em) {
  #content #top, 
#content h2, #content h3:target {scroll-margin: 0 0 0 0; }
}  


tr:nth-of-type(even){
	background-color: #eef4fa;
	background-color: #F7F7F7;
}

#contentbody ins {text-decoration: none;}

/* noscript*/
#noscriptadv {    position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10; text-align: center; font-weight: bold; color: #FFF; background-color: #F00; padding: 8px 0; box-shadow: 1px 1px 8px #424242;opacity: .625;}
#noscriptadv p {line-height: 0; padding:0; margin:0;}





/* nav */

 @media (max-width: 42.999em) {

     #nav :focus {
        outline: 3px solid #3d68a7;
      }

      ::-moz-focus-inner {
        border: 0;
      }

      body {
        position: relative;
      }

 }     

      @media (max-width: 42.999em) {
        
        

        
        
      .navMenu {
        display:block;
        width: 320px;
        
        max-width: 64%;
        color: white;
        background: #333;
        overflow: hidden;
        position: fixed;
        height: 100%;
        transition: width .4s linear;

        margin-top: 64px;
        padding-top: 50px;
        
/*    width: 100%;*/
    height: calc(100% - 64px);
    padding-bottom: 6em;        
     
 /*     position: absolute;*/
    top: 0;
    left: 0;
        z-index: 100;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    }

html.fixedpos {
/*  overflow: hidden; */
  }
body.fixedpos {
    overflow: visible;
/*    overflow: hidden;    */
    height:100%;
}    

html.fixedpos main { /*   position: fixed; 

    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%; 

    overflow: hidden;  */
    }

html.fixedpos body   {/*background-color: #333 !important;*/}


      .closeBtn {
        position: absolute;
        top: 5px;
        right: 10px;
        color: inherit;
        padding: 0 5px;
        background: #333;
      }

      .mainMenu {
        position: absolute;
        position: fixed;
        top: 10px;
        left: 12px;
        padding: 0 5px 4px;
        padding: 4px 5px 4px;
        padding: 0 5px 2px;
        line-height: 1.3em;
        z-index: 120;
        transition: margin .4s linear;
      }

@media (prefers-reduced-motion) {
.navMenu, .mainMenu {transition:none !important;}
}

      .vhidden {
        width: 0;
      }

      .vh {
        visibility: hidden;
      }

     nav button {
        font-size: 2em;
        background: none;
        border: none;
        cursor: pointer;
      }

    #nav ul {
        list-style: none;
/*        padding: 1.4em !important;*/
/*        line-height: 1.4;*/
/*        background: #333;*/
      }
      #nav ul li ul li a {padding-left: 1.75em !important;}

     #nav ul li {
        list-style: none;
        /*padding: 0.5em 0 !important;*/
      }

      .navMenu a {
        text-decoration: none;
/*        font-weight: bold;
        color: inherit;
        font-size: 1.2em;*/
      }

    
      .navMenu a:hover {
      /*  border-bottom: solid 1px; */
      }

      main {
        transition: margin-left .4s linear;
        position: relative;
        z-index: 1;
      }
      
      header {/*position: relative; */ min-height: 64px;} 



      .main-right {
        padding-left: 4em;  
      }

      .menuOpen {
        margin-left: 0;
      }

      .overlay {
        position: fixed;
        z-index: 80;
        top: 0;
        top: 64px;
        right: 0;
        left: 186px;
        left: 0;
        bottom: 0;
        background: rgba(0,0,0,.2);
        height: 100%;
      }


         .mainMenu span::before {content:"\2630"; display: block; color: #fff;}
   .mainMenu span b {position: absolute; left: -999em}
/*   .mainMenu + div#navMenu ul li#glsectab ul, .mainMenu + div#navMenu ul li#glsecequip ul {display:none;}   */
     #nav li ul li.mrep {/*display:none !important;*/}

      }
      @media (max-width: 42.999em) {
        .navMenu {
/*          width: 100%; */
        }
    .navMenu { 
    padding-bottom: 4em;
    }

        .menuOpen {
          margin-left: 0;
        }

      }
   
      @media (min-width: 43em) {
        .mainMenu, .closeBtn {display:none;}
        
       }



/* iconography */

#contentbody a[href ^="mailto:"], #contentbody a[href ^="https://"],
#contentbody a[href ^="http://"], #contentbody a[href ^="#"],.secequip #toc1 a, .secequip #toc1 li a {background: transparent; padding: 0;} 

#contentbody a[href ^="mailto:"]::after {
 content: "";
    /*background-image: url(icon_amail.png);*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABvSURBVHjalJCLCcAgDESjuJE76Uy6U2ZKc4KiIcX2QJFLXj6GUorQTyVcOWdSONhg791awswU8QKgCbeOiI/CcToXcAFrvB2stUprbSRgFAscnaYAAPQ67NVFRfYo7PrIj29be7957LSN80mPAAMAZMZJVhcvyQkAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    padding-right: 16px;
    background-position: 100% 70%;
}


#contentbody a[href ^="https://"]::after,
#contentbody a[href ^="http://"]::after {
 content: "";
    /*background-image: url(icon_aoutsidelink.png); */
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB3SURBVHjaYpw5c+Z/BiSQlpbGCGPPmjULRQ4EWEBEaGioo6Cg4AF0SZBmdE1MDHjA+/fvHdDFmPApXr169X6iNKArBjkZ5jesGtAVw/wH0oRVA0gRrsBgwaYBpAg5eIkOJXQACmKSNKA4CVuY49SALbxxAYAAAwBQgDKQ2hzi1gAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    padding-right: 16px;
    background-position: 100% 65%;
}

@media (max-width: 43em) {
 #contentbody a[href ^="https://"]::after,
#contentbody a[href ^="http://"]::after {background-position: 100% 80%;} 
}  

#contentbody a[href ^="http://www.thewho.net/whotabs"]::after, #contentbody a[href ^="http://www.thewho.net/whotabs"]::after,
#contentbody a[href ^="https://www.thewho.net/whotabs"], #contentbody a[href ^="https://www.thewho.net/whotabs"]::after {
content:none;
	padding-right: 0;
}       


#contentbody a[href ^="#"]::after,
.secequip div.pagetoc a::after, .secequip .pagetoc a::after, .secequip #toc1 a::after, .secequip #toc1 li a::after
 {
 content: "";
    /*background-image: url(icon_adownarrow.png);*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABQSURBVHjahI8BCgAgCAPV/39AP7soWgwLEgzx5lIDYJqZid7z+fwiWLj7yqoC68PopE0GWXQwd3qqn2APLDe9Sp30yiPqAv5yifpOZEOAAQC7nWl8aJ00yQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    padding-right: 12px;
    background-position: 100% 65%;
}

.secequip #contentbody .equiptable a[href ^="#"]::after, .secequip #contentbody .tocbottom a::after, .secequip #contentbody a.jumpup::after
, .topreference a::after { content: "";
    /* background-image: url(icon_auparrow.png); */
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABGSURBVHjaYvj//z8DMpg5cyaKAFgeWRFMAbJCFEXoCmA0XBG6FcgmY1hHlJuwAZA8EzYr0MUYCZkEAhgmzZo1C0MXQIABAMwORZAdRdu/AAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat;
    padding-right: 12px;
    background-position: 100% 65%;
}