.eventStyle {
    border: solid;
    padding-left: 5px;
    padding-bottom: 10px;
    margin-top: 15px;
}

html, body {
    margin: 0;
    height: 100%;
}

h6 {
    color: blue;
    font-family: verdana;
    font-size: 130%;
}

label {
    color: blue;
    font-family: verdana;
    font-size: 100%;
}

label.data {
    color: black;
    font-family: verdana;
    font-size: 100%;
}

input {
    color: black;
    font-family: verdana;
    font-size: 100%;
}

.sectionBorder {
    border-style:outset;
    border-width:10px;
    border-color:darkgray;
}

option {
    color: black;
    font-family: verdana;
    font-size: 100%;
}

.DetailsPopUp {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 80%;
    height: 55%;
    background-color: #ccc;
    border-radius: 7px;
}

.AliasPopUp {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 80%;
    height: 55%;
    background-color: #ccc;
    border-radius: 7px;
}

.ArtifactPopUp {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 60%;
    height: 80%;
    background-color: #ccc;
    border-radius: 7px;
}

.MarriageDetailsPopup {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 85%;
    height: 50%;
    background-color: #ccc;
    border-radius: 7px;
}

.AddCommentPopup {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 20%;
    background-color: #ccc;
    border-radius: 7px;
}

.InitialPageHelpPopup {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 36%;
    background-color: #ccc;
    border-radius: 7px;
}

.ArtifactQueryPageHelpPopup {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 23%;
    background-color: #ccc;
    border-radius: 7px;
}

.SearchPageHelpPopup {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 36%;
    background-color: #ccc;
    border-radius: 7px;
}

.HelpPage {

}

.hidden {
    display: none;
}

.notHidden {}

.buttonOne {
    padding:0;
    border:medium;
    font-weight:500;
    color:white;
    background-color:blue;
    width:120px;
    height:30px;
/*    box-shadow:5px 3px blue;*/
}

/*.verticalScroll {
    overflow-x: hidden;
    overflow-y: auto;
}*/

.tableFixHead {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
}

.tableFixHead thead th {
    position: sticky; /* make the table heads sticky */
    top: 0px; /* table head will be placed from the top of the table and sticks to it */
}

.tableFixHead tr:nth-child(even) {
    background-color:lightblue;
}

table {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}
th,
td {
    padding: 8px 16px;
    /*border: 1px solid #ccc;*/
}
th {
    background-color: #eee;
}

.right {
    float: right;
}

.welcome {
    font-weight:bolder;
    font-size:larger;
}

.blink {
    animation: blink 1s steps(1, end) infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}