html {
    height: 100%;
overflow: hidden;
}
body {
    background-color: #400000;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    color: white;
    min-height: 100%;
    font-family:"Source Sans Pro";
    font-weight: bold;
}
div.mainbody {
    position: absolute;
}

.myBtn { display:none; }
.butReload { display:none; }

.maintable {  }
.maintablehead th { font-size:xx-large; min-width: 300px; align-content: flex-start; color: red; font-weight: bolder; padding-bottom: 0em; width:17%; vertical-align: top;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;

}
.maintablehead {  }

.maintablehead input { vertical-align: top; background-color: #200000; padding: 5px; color:#800000; border: 0px; margin-top:10px; }


.cattable { width:95%;
    border-left: 2px solid #800000;
    border-top: 2px solid #a00000;
    border-right: 2px solid #200000;
    border-bottom: 2px solid #000000;
    background-color: rgba(80,0,0,0.5);

    }

.entrytable { width:100%; }

.entry_tr { vertical-align: top; }
.entrytable:hover {

    background: rgb(64,0,0);
    background: -moz-linear-gradient(0deg, rgba(64,0,0,0) 0%, rgba(128,0,0,1) 25%, rgba(128,0,0,1) 75%, rgba(64,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(64,0,0,0) 0%, rgba(128,0,0,1) 25%, rgba(128,0,0,1) 75%, rgba(64,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(64,0,0,0) 0%, rgba(128,0,0,1) 25%, rgba(128,0,0,1) 75%, rgba(64,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#400000",endColorstr="#400000",GradientType=1);
}

.entryimg { height:45px; vertical-align: center; text-align: center; }

.entrytable img { height:45px; max-width: 200px; image-rendering: optimizeQuality;
}

.entrytit { color: #ffc0cf;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.entrybut { width:60px; color: #800000; text-align: right; padding-right:10px; }
.entrybut b { background-color: #200000; padding: 5px; }

/*

modal

 */


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.modal-content {
    background: rgb(68,31,31);
    background: -moz-linear-gradient(0deg, rgba(68,31,31,1) 0%, rgba(181,0,0,1) 50%, rgba(87,0,78,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(68,31,31,1) 0%, rgba(181,0,0,1) 50%, rgba(87,0,78,1) 100%);
    background: linear-gradient(0deg, rgba(68,31,31,1) 0%, rgba(181,0,0,1) 50%, rgba(87,0,78,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#441f1f",endColorstr="#57004e",GradientType=1);

    margin: auto;
    padding: 20px;
    border: 1px solid white;
    width: 70%;
}

.modal-content td {
    padding-top:10px;
}
.modal-content b {
    text-size:xx-large;
    color:#00ffff;
    font-weight: bolder;
    text-decoration: underline;
}

.modal-content input[type="text"] {
    color:#ffc0ff;
    background-color: #000000;
    fill: black;
    align-content: center;
    vertical-align: center;
    text-align: center;
    align-items: center;
    width: 1200px;
    height:25px;
    resize: none;
    rows:1;
    cols:1;
    padding:10px 50px 10px 0px;
    font-size: x-large;
}
.modal-content input[type="submit"] {
    font-size: x-large;
    padding:5px;
    margin:30px 20px 0px 0px;
    background-color: green;
    color:white;
}

.modal-content a {
    background-color: red;
    font-size: x-large;
    color: white;
    padding:5px;
    margin:5px;
}
.modal-content p {
    text-align: center;
    margin-top:-40px;
}

.modal-content img {
    background-color: #400000;
    text-align: center;
    width:100px;
    height:100px;
    border-left:5px solid red;
    border-top:5px solid red;
    border-right:5px solid black;
    border-bottom:5px solid black;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}