body {
    font-family: Arial, Helvetica, sans-serif;
    /*prevent smaller screens wrapping text*/
    /*width: 800px;*/
    /*This really buggers up table style layouts with long text in them!
    /*white-space: nowrap;*/
    /*This didn't work and messed up the heading.'*/
    /*white-space: pre; */
}

.outer1{
    /*outer div for multiple divs in a table effect. Not necessary if body width is same*/
    width: 800px;
}

.head1{
    width:60px;
    float:left;
    border-style: solid;
    border-width: thin;
    background-color: black;
    border-color: black;
    color: white;
    text-align: center;
}
.head2{
    width:600px;
    float:left;
    border-style: solid;
    border-width: thin;
    background-color: black;
    border-color: black;
    color: white;
}
.head3{
    width:60px;
    float:left;
    border-style: solid;
    border-width: thin;
    background-color: black;
    border-color: black;
    color: white;
    text-align: center;    
}
.head4{
    width:100px;
    float:left;
    border-style: solid;
    border-width: thin;
    background-color: black;
    border-color: black;
    color: white;
}
.head6{
    width:200px;
    float:left;
    border-style: solid;
    border-width: thin;
    background-color: black;
    border-color: black;
    color: white;
}
.col1 {
    width:50px;
    float:left;
    border-style: none solid solid solid;
    border-width: thin;
    text-align: right;
    padding-right: 10px;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.col2 {
    width:600px;
    float:left;
    border-style: none solid solid solid;
    border-width: thin;
    white-space: normal;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.col3 {
    width:60px;
    float:left;
    border-color: black;
    border-style: none solid solid solid;
    border-width: thin;
    text-align: center;
    text-decoration: underline;
    color: blue;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}
.col3b {
    /*col3 but without hyperlink highlighting*/
    width:60px;
    float:left;
    border-color: black;
    border-style: none solid solid solid;
    border-width: thin;
    text-align: center;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.col3c {
    /*col3 but without hyperlink highlighting or centre align*/
    width:56px;
    float:left;
    border-color: black;
    border-style: none solid solid solid;
    border-width: thin;
    text-align: right;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-right: 4px;
}

.col3d {
    /*col3 but without centre align*/
    width:56px;
    float:left;
    border-color: black;
    border-style: none solid solid solid;
    border-width: thin;
    text-align: right;
    text-decoration: underline;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-right: 4px;
}
.col4{
    width:100px;
    float:left;
    border-color: black;
    border-style: none solid solid solid;
    border-width: thin;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.col4b{
    /*col4 with no bottom border*/
    width:100px;
    float:left;
    border-color: black;
    border-style: none solid none solid;
    border-width: thin;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.col4c{
    /*col4 with top but no bottom border*/
    width:100px;
    float:left;
    border-color: black;
    border-style: solid solid none solid;
    border-width: thin;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.col5{
    width:15px;
    height:20px;
    position:relative;
    float:left;
    display:block;
}
.col6{
    width: 200px;;
    float:left;
    border-style: none solid solid solid;
    border-width: thin;
    white-space: normal;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.footnote{
    font-size: 0.8em;
    font-style: italic;
}

.users1 {
    width:100px;
    float:left;
    color: red;
}

.users2 {
    width:100px;
    float:left;
    color: green;
}

/*Think this was only for testing:*/
.imagefit{
    height:50%;
    width:50%;
    object-fit:contain;
}

.field1{
    width: 100px;
    float: left;
}

.field2{
    width: 100px;
    float: left;
}

.field3{
    width: 180px;
    float: left;
}
.if1{
    /*iframe style*/
    border:none;
}

.main_table{
    border: 1px solid black;
    width: 800px;
    display: table;
    table-layout: fixed;
    word-break:normal;
    white-space: normal;
    word-wrap: normal;
}
.admin_table{
    width: 100%;
    display: table;
    table-layout: fixed;
    word-break:normal;
    white-space: normal;
    word-wrap: normal;
}
.table_header{
    display: table-header-group;
    color: white;
    background-color: black;
}
.table_header1{
    display: table-cell;
    padding-left: 1px;
    width: 50px;
    text-align: center;
}
.table_header2{
    display: table-cell;
    width: 600px;
    border-left: 1px solid white;
    border-right: 1px solid black;
    padding-left: 1px;
}
.table_header3{
    display: table-cell;
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding-left: 1px;
    width: 40px;
}
.table_row{
    display: table-row;
}
.table_cell1{
    display: table-cell;
    border: 1px solid black;
    width: 50px;
    text-align: right;
}
.table_cell2{
    display: table-cell;
    border: 1px solid black;
    width: 600px;
}
.table_cell3{
    display: table-cell;
    border: 1px solid black;
    width: 40px;
    text-align: center;
}
.fullframe{
    position: fixed;
    width: 100%;
    height: 100%;
}
.version{
    font-size: 80%;
    color: green;
    float: left;
}
footer{
    text-align: right;
    font-size: 80%;
    float: right;
}
.plaincol1{
    display: table-cell;
    width: 70px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    text-align: right;
    padding-right: 3px;
}
.plaincol2{
    display: table-cell;
    padding-left: 3px;
    width: 100%;
}

.honeypot{
    display:none;
}
.button1{
    /*regular buttons*/
    background-color: #eeeeee;
    /*background-color: green;*/
    border-style: solid;
    border-width: 2px;
    border-color: black;
    border-radius: 3px;
    padding: 1px 10px;
    color: black;
}
.button1:hover{
    background-color: #b7b7b7;
}
.button1:disabled{
    /*important this comes after "hover"*/
    background-color: #d7d7d7;
    color: white;
    border-color: grey;
}
.button2{
    /*logout button*/
    background-color: cyan;
    border-style: solid;
    border-width: 2px;
    border-color: black;
    border-radius: 5px;
    padding: 1px 10px;
    color: black;
}

.button-return{
    /*return to calling site button*/
    background-color: #eeeeee;
    border-style: solid;
    border-width: 2px;
    border-color: black;
    border-radius: 3px;
    padding: 1px 10px;
    color: black;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    
}

.infobox{
    /*other information window, such as copyright text*/
    position: absolute;
    top: 25px;
    left: 5px;
    width: 90%;
    border-style: solid;
    border-width: 1px;
    padding: 1px 1px 1px 1px;
    visibility: hidden;
    background-color: #d2f7f7;
}

.footer2{
    /*additional footer info*/
    float: right; 
    font-size: 80%; 
    width: 25%;
}

.flexheight{
    /*flexible height in adjacent divs within this div*/
    display: flex;
    float: left;
}

.waiting{
    color: red;
    visibility: hidden;
    border: none;
}

.menu1{
    /*float: left;*/
    display: inline-block;
    vertical-align: text-top;
}/*menu1*/

.repbutton{
    visibility: hidden;
}/*repbutton*/