/* load basestyles.css first then tweak as needed here; check basestyles.css first */

/* copied sbr corrected; change as needed */
 
 /* add to basestyles */
 

table.linedtable th.linedcellL , table.linedtable td.linedcellL {text-align: left; }
table.linedtable tr.linedrowL th, table.linedtable tr.linedrowL td {text-align: left; }
table.linedtable   {border-top: thin gray solid; margin-bottom: 2em;}
table.linedtable th, table.linedtable td {text-align: center;  border-bottom: thin gray solid;}
table.linedtableL th, table.linedtableL td {text-align: left;  border-bottom: thin gray solid;}
 /* end add to basestyles */


 /*body { background: #CFC5B9; text-align: center;  } */
 h1 { color: #821c08; } 
  
 .photo-righthl {
 width: 40%;
 max-width: 220px;
 float: right;
 text-align: center;
 padding: 0.5em 0.5em 0.5em 0.5em;
 margin: 0.5em 0.5em 0.5em 0.5em;
 font-size: 0.8em;
 line-height: 0.8em; 
 clear: both;
 }
 .imgsizedtbhl {
 width: 100%;
 max-width: 100px; 
 max-height: 100px;
 /*height: 100px; */
 }
 .grayback { background-color: #DACDC5; }
  
 #header-outer { 
 background: url(/sci/techresources/Human_Genome/images/HGP_banner/HGP_banner_bkgd2.jpg) left top repeat-x;
 background-size:cover;
 height:100%;
 }
 
 #header-left {
 width: auto;
 max-width: 30%;
 text-align: left; 
 margin-right: 2em;
 }
 
  
 #header-mid, #header-mid a { 
 text-align: left; 
 font-size: 1.8em;
 font-size: 2.6vw; 
 color: white;
 text-decoration: none; }
 #header-mid { max-width: 56%;}
 
 .hl-wrap {
 margin: 2em 0;
 padding-top: 1em;
 border-top: 1px solid #d0d8e3;
 display: block;
 }
 .hl-wrap:first-child{
 border-top: 0 none;
 margin: 0 0;
 padding-top: 0;
 }
 
 
 #now-featuring, #newsparabox { background: #492606; color: #F8EFE6;  } 
 #now-featuring h2, #newsparabox h2{ 
 color: #F8EFE6; 
 font-size: 1.4em; 
 font-weight: bold;
 padding: 0 0 0 0;}
 #now-featuring h3, #newsparabox h3{ color: #F8EFE6; }
 #now-featuring h4, #newsparabox h4{ color: #F8EFE6; }
 #now-featuring li, #newsparabox li{ color: #F8EFE6; }
 #now-featuring li ul, #newsparabox li ul {color: #F8EFE6; } 
 #now-featuring p, #newsparabox p{color: #F8EFE6; } 
 #now-featuring a, #newsparabox a{ color: #F8EFE6; }
  
 .featureline {border: none; border-bottom: 1px dashed #b3bbc5;}
  
  
  
 #photo-gallery {
 background: #CDE0CE;
 border: 1px solid #b3bbc5;
 padding: 9px 0 0 9px;
 color: #505b6b;
 margin-bottom: 30px;
 }
 #thumbnails { margin-top: 9px; }
 #photo-gallery img { border: 1px solid #ffffff; margin: 0 10px 10px 0; }
 


 #footer-outer { 
background: #CDC5B8 url(/sci/techresources/Human_Genome/images/HGP_banner/HGP_banner_bkgd2.jpg) repeat-x center top; 
border-top: medium solid #481005; 
background-size: cover; 
background-color: transparent; 
    height: 100%;
    color: #F5F5F5;
}
#footer-print {	display: none;	}
#footer-outer h2 {color: #F5F5F5;}
#footer-outer a {
		/*text-decoration: underline;*/
		color: #D6D6D6;
		}
		
		
 ul.lip li { padding-bottom: 1em; }
 
 
 /* for video drop dn boxes */ 
 #vidsdiv img {display: block; width: 100%; /*max-height: 4em;*/border: thin gray solid; margin: auto; } 
 #vidsdiv {
 display: flex; 
 flex-flow: row wrap; 
 justify-content: flex-start; 
 align-items: baseline; 
 align-content: flex-start;}
 
 
 /* from https://codepen.io/raubaca/pen/PZzpVe */
 #vidsdiv .tab {
 position: relative;
 width: 100%;
 overflow: hidden; 
 background-color: #C9BFAF;/*#E7E7E7*/
 display: block;
 margin: 1em 1em 1em 1em;
 padding: 1em 1em 0.4em 1em; 
 width: 26%; 
 }
 #vidsdiv .tab2 /* resets for SFA side bars */
 {
 overflow: hidden; 
 background-color: transparent;
 border: thin gray solid;
 display: block;
 margin: 1em 1em 1em 1em;
 padding: 1em 1em 0.4em 1em; 
 width: 80%; 
 font-size:1em;
 }
 #vidsdiv input {
 position: absolute;
 opacity: 0;
 z-index: -1;
 }
 #vidsdiv input {
 position: absolute;
 opacity: 0;
 z-index: -1;
 }
 #vidsdiv label {
 position: relative;
 display: block; 
 cursor: pointer;
 text-align:center;
 font-size:1.2em;
 padding-bottom: 2em;
 }
 
 #vidsdiv .tab-content {
 max-height: 0;
 overflow: hidden;
 -webkit-transition: max-height .35s;
 -o-transition: max-height .35s;
 transition: max-height .35s;
 }
 
 #vidsdiv input:checked ~ .tab-content { max-height: 50em; }

 /* Icon */
 #vidsdiv label::after {
 position: absolute;
 right: 0;
 bottom: 0;
 display: block;
 width: 2em;
 height: 2em;
 line-height: 2; /**/
 text-align: center;
 -webkit-transition: all .35s;
 -o-transition: all .35s;
 transition: all .35s;
 }
 #vidsdiv input[type=checkbox] + label::after {
 /*content: "\25C4";*/ content: "more";
 text-align: right;
 font-style:italic;
 } 
 #vidsdiv input[type=checkbox]:checked + label::after {
 /* transform: rotate(-90deg);*/ content: "close";
 text-align: right;
 font-style:italic;
 } 
 
 /*
 #content-right ul.tabbernav li a { background: #E5E1D9; color: #505b6b; } 
 #content-right ul.tabbernav li.tabberactive a
 { border-bottom: 1px solid #C9BFAF; background-color: #C9BFAF; } 
 #content-right ul.tabbernav li.tabberactive a:hover
 {
 color: #000;
 background: #C9BFAF;
 border-bottom: 1px solid #C9BFAF;
 }
 
 #content-right .tabberlive .tabbertab { background-color: #C9BFAF; }
 */
 
/* right side highlights */
#content-right ul.list4 li {list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; border-bottom: 1px dashed #607289;}
  #content-right ul.list4 li:last-child {border-bottom: none;}


 #id01 h3, #id01b h3 {padding-left: 0; }
 #id01 p, #id01b p {padding-left: 0;}
 #id01 p+ul, #id01b p+ul { margin-top: -1.6em;}
 #id01 ul, #id01b ul {padding-left: 2em; margin-left: 2em; margin-top: 0; padding-top: 0;}




.bersidemenu ul{  /*header right menu */ /* Generated via www.cssmenubuilder.com */
 list-style: none;
	  margin: 0 0 0 0;
	  padding:  0 0 0 0;
	  border: none;
	  list-style-type: none;
	}

.bersidemenu li {  border-bottom: 1px solid #BCBCBC;
	  margin:  0 0 0 0;
	  list-style: none;
	    padding:  0 0 0 0;
	    }

.bersidemenu  li a:hover {  background: #607289;
	  color:#ffffff;
	  }
	
.bersidemenu  a {  display: block;
	  padding: 3px 2px 3px 0;
	  margin-left: 0; 
	  color: white;	
	   background-color: #3E1A26;
	  font-size: 1em;
	  letter-spacing:  normal;
	  word-spacing:  normal;
	  text-decoration: none;
	  width: 100%;
	  }
	.bersidemenu  .current {  color: #B6B6B6;
	  }
	  
	  
#hgnpages {display: flex;
   /* flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;*/
    margin-bottom: 2em;
    }
	  .hgntocside {
flex:0 1 24%;
width: 24%;
    padding:  1em 1em 1em 1em ;
    margin:  1em 1em 1em 1em ;
    max-width: 24%;
    height: auto;
background-color: #F5DEB3;
}
.hgntext  {
flex:0 1 66%;
width: 66%;
    padding:  1em 1em 1em 1em ;
    margin:  1em 1em 1em 1em ;
    max-width: 66%;}

	.hgntoc li, .hgntoc li ul li {
/*	list-style-image: url(../graphics/s46.gif);
	padding-top: -1em;
	margin-top: -1em;*/
	font-family: "Arial Narrow";
	font-size: 1.2em; 
	margin-top: 0;
}
/*
	.hgntoc li ul  {
	list-style-type: circle;
	list-style-image: none;
	font-family: "Arial Narrow";
	font-size: 1em; 
	padding-top: 0em;
	margin-top: 0em;
}*/
	  


/* mega-menu fixes */
.sm-clean li ul li div ul li a, .sm-clean li ul li div ul li a:hover, .sm-clean li ul li div p, .sm-clean li ul li div p a {font-size: 1em !important;}