.family_tree_canvas
{

    position: relative;
    border: none;
    width: 750px;
    height: 145px;
    z-index: 1;
    padding: 0px;

}

.family_tree_node
{
    position: absolute;
    border: 1px solid grey;
    padding: 0px;
    margin: 0px;
    /*    width: 100px;
        height: 30px;*/
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    color: black;
    z-index: 2;
}


.family_tree_node:hover
{
    outline: 1px solid grey;
    transform: scale(1.25);
    z-index: 4;
}


.family_tree_line
{
    position: absolute;
    border: 0px solid red;
    padding: 0px;
    margin: 0px;
    background-color: grey;
    z-index: 3;
}

.popup_box
{
    position: absolute;
    visibility:hidden;
    border: 2px solid blue;
    padding: 5px;
    background-color: red;
    color: white;
    left: 50%;
    top: 25%;
    height: 150px;
    width: 350px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 9;
    /*    background-color: lightgrey;*/
}

.popup_box_top
{
    position: absolute;
    border: none;
    padding: 5px;
    background-color: red;
    color: white;
    left: 50%;
    top: 10px;
    height: 80px;
    width: 330px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    transform: translateX(-50%);
    z-index: 10;
    /*    background-color: lightgrey;*/
}


.popup_box_bottom
{
    position: absolute;
    border: none;
    padding: 5px;
    background-color: red;
    color: white;
    left: 50%;
    bottom: 10px;
    height: 20px;
    width: 330px;
    /*    font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-align: center;*/
    transform: translateX(-50%);
    z-index: 10;
}

.combobox
{
    border: none;
    padding:1px;
    margin:1px;
    background-image: linear-gradient(to right, lightgreen, white, white);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
}

.combobox legend
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border: solid 1px green;
    background-color: lightgreen ;
    color: blue;
    text-shadow: 1px 1px white;
}

.combobox select
{
    margin: 2px;
    border: solid 1px green;
    padding:2px;
    background-color: lightgreen;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    height: auto;
}

.selectfilter
{
    margin: 2px;
    border: solid 1px blue;
    padding:2px;
    background-color: lightcyan ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
    width: auto;
    /*    height: auto;*/
}

.input_fieldset
{
    border: none;
    padding:1px;
    margin:1px;
    background-image: linear-gradient(to right, lightgreen, white, white);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
}

.input_fieldset legend
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border: solid 1px green;
    background-color: lightgreen ;
    color: blue;
    text-shadow: 1px 1px white;
}

.input_box_1
{
    margin: 2px;
    border: solid 1px blue;
    padding:2px;
    background-color: lightcyan ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
    width: auto;
}

.input_fieldset select
{
    margin: 2px;
    border: solid 1px blue;
    padding:1px;
    background-color: lightcyan ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
    width: auto;
}

.input_fieldset input
{
    margin: 2px;
    border: solid 1px blue;
    padding:1px;
    background-color: lightcyan ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
    width: auto;
}


.input_fieldset textarea
{
    margin: 2px;
    border: solid 1px blue;
    padding:1px;
    background-color: lightcyan ;
    font-family: Courier New;
    font-size: 10px;
    color: blue;
    width: auto;
}

*:focus {
    outline: solid 1px red;
    ;
}


.submitbutton
{
    margin: 2px;
    border: solid 2px green;
    padding:1px;
    background-color: blue ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    width: auto;
}


.bodytext
{
    margin: 2px;
    border: solid 2px green;
    padding:1px;
    background-color: blue ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    width: auto;
}

.bodytext
{
    border: none;
    background-color: white ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
}

.bodytext a
{
    margin: 2px;
    border: none;
    padding:1px;
    background-color: white ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
    width: auto;
}

.census1 td
{
    border: solid 1px grey;
    background-color: white;
    color: green;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding:2px;
}


.census1 th
{
    border: solid 1px grey;
    background-color: green;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding:2px;
}


.pageinfo
{
    border: none;
    color: grey;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
}

.familyinfo
{
    margin: 5px;
    border: solid 1px blue;
    color: grey;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    width:350px;
    /*    height:100px;*/
}

.familyinfo_fieldset
{
    margin: 5px;
    font-size: 10px;
    border: none;
    /*    border: solid 1px blue;*/
    padding:1px;
    background-image: linear-gradient(to right, lightcyan, lightcyan, lightcyan, white, white);
    font-family: Arial, Helvetica, sans-serif;
    color: darkblue;
}

.familyinfo_fieldset legend
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border: solid 1px blue;
    background-color: lightblue ;
    color: blue;
    text-shadow: 1px 1px white;
}


.linuxcmd
{
    font-family: "Lucida Console", "Courier New", monospace;
    font-size: 10px;
    font-weight: normal;
    border: solid 1px blue;
    background-color: lightblue ;
    width: 350px;
    margin: 2px;
    padding: 2px;
    color: blue;
    text-shadow: 1px 1px white;
}