ul.flocal_form_fields,
ul.flocal_field_radio,
ul.flocal_field_checkbox {
    list-style-type: none;
}

ul.flocal_field_radio input,
ul.flocal_field_checkbox input {
    float: left;
}

ul#flocal_fields_channel_props {
    width: 300px;
}

ul#flocal_fields_channel_props input {
    float: left;
}

ul#flocal_fields_channel_props input.mannings_eqn.radio {
    position: relative;
    left: -1em;
}

#flocal_form #field_base_width_range,
#flocal_form #field_velocity_range {
    font-size: small;
}

#flocal_form #field_base_width_range div,
#flocal_form #field_velocity_range div {
    float: left;
    margin: 0 1em;    
}

#flocal_form #field_base_width_range input,
#flocal_form #field_velocity_range input {
    width: 4em;
}

#flocal_form .flocal_input_container {
    position: relative;
    top: 0;
}

#flocal_form .flocal_field
{
    clear: both;
}

.flocal_field input.flocal-result {
    background-color: rgb(200, 200, 255);
}

.flocal_field input.flocal-inactive,
.flocal_field input.flocal-output {
    background-color: #F4F7FC;
}

#flocal_form .error {
    outline: 1px solid red;
}

#flocal_mannings_n {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: white;
    color: blue;
}

#flocal_mannings_n div.container {
    overflow-y: scroll;
    height: 85%;
}
 
#flocal_mannings_n table {
    margin: 0 auto;
}

#flocal_mannings_n thead th {
    font-weight: bold;
    border-bottom: 1px solid blue;
}

#flocal_mannings_n tbody th {
    text-decoration: underline;
}

#flocal_mannings_n tbody .number {
    font-weight: bold;
}

#flocal_mannings_n .footer {
    text-align: center;
}

#flocal_form #flocal_mannings_eqn {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: white;
    color: #1b336e;
    overflow-y: scroll;
}

#flocal_form.mannings_eqn #flocal_mannings_eqn {
    display: block;
}

#flocal_form #flocal_mannings_n div.footer {
    display: none;
}

#flocal_form.mannings_eqn #flocal_mannings_n div.footer {
    display: block;
}

#flocal_mannings_eqn .eqn {
    font-weight: bold;
}

#flocal_mannings_eqn ul {
    list-style-type: none;
    margin-left: 4em;
}

#flocal_output {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: white;
    overflow-y: scroll;
}

#flocal_output_table {
    margin: 0 auto;
}

#flocal_output th {
    text-align: center;
}

#flocal_output td {
    text-align: right;
}

#flocal_output td.safety,
#flocal_output td.ns {
    text-align: center;
}

li#field_base_width_range_checkbox,
li#field_velocity_range_checkbox
{
    display: none;
}

#flocal_form.yV li#field_base_width_range_checkbox {
    display: list-item;
}

#flocal_form.by li#field_velocity_range_checkbox {
    display: list-item;
}

span.mannings_eqn, li.mannings_eqn, input.mannings_eqn {
    display: none;
}

#flocal_form.mannings_eqn #flocal_fields_channel_props {
    padding-left: 5em;
}

#flocal_form.mannings_eqn li.mannings_eqn {
    display: list-item;
}

#flocal_form.mannings_eqn span.mannings_eqn {
    display: block;
    position: absolute;
    font-size: x-small;
}

#field_base_width span.mannings_eqn {
    left: -7em;
    top: -2.5em;
}

#field_discharge span.mannings_eqn {
    left: -5.5em;
    top: -2.5em;
}

#flocal_form.mannings_eqn input.mannings_eqn,
#flocal_form.mannings_eqn div.mannings_eqn {
    display: block;
}

#flocal_form .flocal_input_container input.mannings_eqn.radio {
    position: absolute;
    left: -4em;
}

#flocal_form .flocal_input_container #cmdReset {
    position: relative;
    left: -6.5em;
    font-size: x-small;
    margin-top: 1em;
}

#flocal_form.mannings_eqn #field_mannings_n_type,
#flocal_form div.mannings_eqn {
    display: none;
}

#flocal_report_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#flocal_report_container {
    background-color: white;
    border: 5px outset;
    width: 50%;    
    height: 80%;
    margin: 5% auto;
}

#flocal_report_content {
    overflow-y: scroll;
    height: 90%;
}

@media print {
    /* Ony show FloCal report content */

    body * {
        visibility: hidden;
    }
    
    #flocal_report_overlay {
        position: absolute;
    }
     
    #flocal_report_content, #flocal_report_content * {
        visibility: visible;
        font-size: 12pt;
    }
    
    #flocal_report_content {
        position: absolute;
        top: 0;
        left: 0;
 /*       height: 100%;  */
        overflow: visible;
    }
}