/*Framework css version 2.0 October 14, 2021*/
/*Created by Michael Chamberlain*/
/*This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit https://creativecommons.org/licenses/by-sa/4.0/*/
/*For centering things vertically and horizontally*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
body {
  font-family: Arial, Helvetica, sans-serif;
}
div {
    font-size: 16px;
    border: 0px solid #DCDCDC;            	
}   
#header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;                
    background-color: #7393B3;
    font-weight: bold;
    /*background-color: #191970;*/
}
#title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: white;
    letter-spacing: 4px;
}
#index {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    overflow: auto;
}
#items {
    /*margin-left:10px;*/
    text-align: center;
    font-weight: bold;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%);*/
}
#content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    /*background-color: lightblue;*/
    background-color: #F0F0F0;
} 
#indexRight {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    overflow: auto;
}
#divIFrame {
    width: 100%;
    height: 100%;
    display: none;
}
#theIFrame {
    width: 100%;
    height: 100%;
    border: 0px;
}
#parentCanvas {
    width: 100%;
    height: 100%;
    display: block;
}
#textContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
}
table,td,th {
    border: 1px solid gray;
    border-collapse: collapse;
    padding: 5px;
    font-size: 14px;
}
th {
    background-color: #00bfff;
    color: white;
}
tr:nth-child(even){
    background-color: #DCDCDC;
}
tr:nth-child(odd){
    background-color: #F8F8FF;
}
button {
    padding: 10px;
    /*width: 150px;*/
    width: 80%;
    /*margin-left: 10px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}
input {
    padding: 10px;
    /*width: 150px;*/
    width: 75%;
    /*margin-left: 10px;*/
    margin-top: 10px;
    margin-bottom: 10px;    
}