* {
    margin-left: 10px;
	margin-bottom: 2px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 145%;
    color: #333333;

}

body {
    background-color: whitesmoke;
    /*margin: 30px;*/
    min-width: 300px;
}

h1 {
font-size: 32px;
text-align: center;
color: black;
margin: 0;
padding: 30px 0 40px;
}

h2 {
font-size: 24px;
text-align: center;
color: black;
margin: 0;
padding: 0 0 10px;
}
h3 {
font-size: 24px;
color: black;
padding: 0 0 10px;
margin: 0;

}


table {
    border: 2px solid dimgray;
    border-collapse: collapse;
    width: 100%; /* Ensures the table takes up the full width of the container */
    table-layout: auto; /* Ensures columns are flexible */
}

td, th {
    text-align: center;
    border: 2px solid dimgray;
    padding: 1px;
	font-size: 16px;

}

th {
    width: 14%;
}

td {
    width: 14%;
    text-align: left;
}


td:nth-child(2) {
    width: 14%; /* Adjust this value as needed */
    word-wrap: break-word; /* Allows long text to wrap */
}


audio.small {
	width: 95%;
/*	height: 60px;*/
	padding-right: 0px;
	padding-left: 0px;
}


/*
input.play {
    height: 30px;
	width: 10%;
	font-size:16px;
	padding-left:1px;
	padding-right:1px;
	background-color:DimGray;
	color:white;
	border:2px solid black;
	border-radius:2px;
}

input.play_00 {
    height: 40px;
	width: 10%;
	font-size:20px;
	padding-left:2px;
	padding-right:2px;
	background-color:white;
	color:black;
	border:2px solid black;
	border-radius:2px;
}*/

/*font.vert_ticks {*/
/*    font-weight: bold;*/
/*	color: black;*/
/*}*/

font.horz_ticks {
    font-weight: bold;
	color: black;
}

.vert_axis {
    width: 20px;
	transform: translateY(40px) rotate(270deg);
    font-size:18px;
	font-weight: bold;
	color: blue;
}

.horz_axis {
   font-size:18px;
   font-weight: bold;
   color: blue;
}

sup {
    vertical-align: super;
    font-size: smaller;
}