.fh_page_block_1
{
    margin: 5px;
    font-size: 10px;
    border: solid darkblue 1px;
    padding: 2px;
    background-image: linear-gradient(to right, lightblue, white);
    font-family: Arial, Helvetica, sans-serif;
    color: darkblue;
}

.fh_page_block_1 legend
{
    margin: 5px;
    font-size: 10px;
    border: solid 1px darkblue;
    padding: 2px;
    color: white;
    background-color: blue;
    font-family: Arial, Helvetica, sans-serif;
}

.fh_page_block_1 table
{
    border: solid 1px blue;
    margin: 2px;
    background-color: lightgrey;
}

.fh_page_block_1 td
{
    border: solid 1px blue;
    margin: 2px;
    vertical-align: middle;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: darkblue;
    background-color: lavenderblush;
}

.fh_page_block_1 th
{
    border: solid 1px blue;
    color: white;
    background-image: linear-gradient(to right, mediumblue, royalblue);
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.fh_fileupload
{
    border: none;
    margin-top: 2px;
    margin-left: 0px;
}

.fh_fileupload input
{
    margin: 0px;
    padding: 1px;
    border: solid 1px darkblue;
    background-image: linear-gradient(to right, lightblue, white);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: darkblue;
    /*    width: auto;*/
}

.fh_table
{
    border-collapse: collapse;
    border: 1px solid green;
}

.fh_table td
{
    border: 1px solid green;
}

.fh_table th
{
    background-color: blue;
    color: white;
}

.fh_infomsg
{
    display: block;
    font-family: Lucida Console, Courier New, monospace;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: grey;
}

.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
{
    /*    display: block;*/
    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
{
    /*    display: inline;*/
    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;
    ;
}

.fileupload
{
    margin: 0px;
    padding: 0px;
    border: solid 1px blue;
    padding:1px;
    background-image: linear-gradient(to right, lightgreen, white, white);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: green;
    width: auto;
}

.fileupload::file-selector-button
{
    margin: 0px;
    padding: 2px;
    border: solid 1px blue;
    background-image: linear-gradient(to right, lightgreen, white, white);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: green;
    width: auto;
}

.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;
}

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

.census_coverage th
{
    border: solid 1px blue;
    background-color: lightblue;
    color: blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding:1px;
    text-shadow: 1px 1px white;
}

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

.census_coverage_button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.fh_icon_button
{
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    font-size: 12px;
    text-align: center;
    margin: 1px;
}


.fh_icon_button:hover
{
    color: red;
    transform: scale(1.5);
    /*    outline: 2px solid black;*/
    /*    text-shadow: 1px 1px darkred;*/
}

.fh_hyperlink_button
{
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    font-size: 12px;
    text-align: center;
    margin: 1px;
}


.fh_hyperlink_button:hover
{
    color: red;
    transform: scale(1.5);
    /*    outline: 2px solid black;*/
    /*    text-shadow: 1px 1px darkred;*/
}

.fh_url
{
    margin: 2px;
    padding: 1px;
    border: solid 1px blue;
    background-color: lightcyan;
    font-family: Lucida Console, Courier New, monospace;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: blue;
    width: 25%;
}

.fh_button_control
{
    border: solid 1px blue;
    background-color: lightgrey;
    margin-top: 1px;
    margin-left: 1px;
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-size: 12px;
    text-align: center;
    display: inline;
}

.fh_button_control:hover
{
    color: red;
    transform: scale(1.5);
    outline: solid 2px red;
    /*    text-shadow: 1px 1px darkred;*/
}

.census_coverage_button:hover
{
    outline: solid 1px darkgreen;
    background-color: lightcyan;
}

.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;
}

.combobox_iconbutton
{
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    height: 12px;
    width: 12px;
    font-size: 10px;
    font-weight: bold;
    border: solid 1px yellow;
    padding: 1px;
    margin: 1px;
    /*    border-radius: 50%;*/
    background-color: blue ;
    color: white;
    /*    text-shadow: 1px 1px white;*/
}


.fh_google_map
{
    border: solid 1px green;
    padding: 1px;
    margin: 1px;
}

#fh_person_lifetime_events_map{
    height: 200px;
    width: 400px;
    border: solid 1px green;
    margin: 2px;
}