@charset "utf-8";
/* CSS Document */

*{
font-family: verdana, geneva, sans-serif;
font-size: 13px;
}

body{
	width:100%;
	height:100%;
	/*position:absolute;*/
	
}

	
	.sidenav {
    height: 100%;
    width: 350px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
	overflow: hidden;
	transition: 0.5s;
	background: #efefef;

}



.menubtn{
	 position: fixed;
     top: 0em;
    left: 5px;
    font-size: 1.5em;
 	color:black;
	font-size:2em;
	cursor:pointer;
	
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 1.5em;
 	color:black;
	text-decoration:none;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    left: 5px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
       outline: none; /* Remove outline */
        color: black; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
  }

#main {
  *transition: margin-left .5s;
  
}

/*table of contents*/
ul{	
     list-style-type: none;
	 margin:0;
	 padding-left:1em;
	}
	
ul  li{
	line-height:1.5em;
	font-size:14px;
		}
	
ul  ul li{
	line-height:1.25em;
	font-size:16px;
	padding-left:1.5em;
	}	

 ul  li:hover{
	color:#000!important;
	background-color:#ccc!important}

ul  li  a:link{
	text-decoration: none;
 	}


section{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}	


/*content container */
.content{
		display: block;
		position:relative;
				}
	
	
em{
	font-style:italic;
	font-size:inherit;		
	}
	
.nobr{
    white-space: nowrap;
}

p{
color:#000000;
margin: .5em 0em .5em 0em;
line-height: 1.4em;
}

/*header */
h1{
	font-size:250%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	}
	
h2{
	font-size: 200%;
	text-align:center;
	}
.sidenav h3{
	font-size:1.25em;
	margin-top:.25em;
	margin-bottom:.5em;

	
}

h3{
	font-size: 150%;
	color:black;
	text-align:center;
}

/*figures*/	
figure{
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	}
figure img{
	padding-left:1em;
	padding-right:1em;
	}
	
figcaption{
	text-align: center;
	caption-side: bottom;
	white-space: nowrap;
	padding-top: .25em;
	}
	
	
table.mixdata{
	border-collapse: collapse;
margin-left: auto;
margin-right:auto;
border-bottom: 1px solid #d7d2c8;
margin-bottom:3em;	
table-layout:fixed;

}	
  

table.mixdata caption{
	font-size: 1.4em;
	text-align:left;
	padding-bottom:.25em;
	}	

table.mixdata tbody{
	height:600px;
	overflow-y: scroll;
		display:block;
	}
	

table.mixdata thead{
	background-color: #d7d2c8;
		position:relative;
		display:block;
		width:100%;
		border-bottom:2px solid #afa691;
		}
		
table.mixdata thead th{
	padding: 0.25em 0em 0.25em .75em;
	text-align:left;
	vertical-align:bottom;
	min-width:70px;
	}	

table.mixdata tbody th{
	background-color: #d7d2c8;
	padding: 0.25em .5em 0.25em .5em;
	text-align:center;
	min-width:80px;
	vertical-align:top;
		}
table.mixdata td{
	padding: 0.25em 0em 0.25em .75em;
	white-space: nowrap;
	text-align:left;
	background-color:white;
	min-width: 70px; 
	
		}	
table.mixdata td.pval{
	border-right:2px solid #d7d2c8;	
	min-width:85px;
	text-align:center;
		}
			
table.mixdata  tbody > tr.highlight td{
	background-color:  #efefef;
 }	
	
	
	
/*table scroll*/
table.longdata{
border-collapse: collapse;
margin-left: auto;
margin-right:auto;
border-bottom: 1px solid #d7d2c8;
margin-bottom:3em;

	}
.longdata caption{
	font-size: 1.4em;
	text-align:left;
	padding-bottom:.25em;
	}	
	
.longdata tbody,thead{
	display:block;
	}	
.longdata tbody{
	height:600px;
	overflow-y: scroll;
	}

.longdata thead{
	background-color: #d7d2c8;
		border-bottom:2px solid #afa691;
	
		}
	
.longdata thead th{
	padding: 0.25em 1em 0.25em 1em;
	text-align:left;
	}	
		

.longdata th{
	background-color: #d7d2c8;
	padding: 0.25em .5em 0.25em .5em;
	text-align:right;
	vertical-align:top;
		}
.longdata td{
	padding: 0.25em 1em 0.25em 1em;
	white-space: nowrap;
	text-align:left;
		}	
.longdata td.pval{
	border-right:2px solid #d7d2c8;	
		}
			
.longdata  tbody > tr:nth-child(10n), tr:nth-child(10n-1), tr:nth-child(10n-2), tr:nth-child(10n-3), tr:nth-child(10n-4){
	background-color:  #efefef;
 }	
.rotate{
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	width:1em;
	white-space:nowrap;
	position:absolute;
	
	 	}
	
 /*data table*/
table.refdata{
border-collapse: collapse;
margin-left: auto;
margin-right:auto;
border-bottom: 1px solid #d7d2c8;
border-right: 1px solid #d7d2c8;
margin-bottom:3em;
	}
	
.refdata caption{
	font-size: 1.4em;
	text-align:left;
	padding-bottom:.25em;
}	
.refdata thead{
	background-color: #d7d2c8;
	display: table-header-group;
		border-bottom:2px solid #afa691;
	}
.refdata tfoot{
	background-color: #d7d2c8;
	display:table-header-group;
	}	
.refdata tbody{
	display: table-row-group;
	}	
.refdata tfoot  th{
	padding: 0.25em 1em 0.25em 1em;
	text-align:left;
		}
.refdata thead th{
	padding: 0.25em 1em 0.25em 1em;
	text-align:left;
		}
	

.refdata tbody  th{
	background-color: #d7d2c8;
	padding: 0.25em 1em 0.25em 1em;
	vertical-align:top;
	text-align:right;
	}
.refdata td{
	padding-left:1em;
	padding: 0.25em 1em 0.25em 1em;
	white-space: nowrap;
	text-align:left;
			}	
.refdata  tbody > tr:nth-child(10n), tr:nth-child(10n-1), tr:nth-child(10n-2), tr:nth-child(10n-3), tr:nth-child(10n-4){
	background-color:  #efefef;
 }