

.totoplantfacts-left {
    float: left;
}

.totoplantfacts-right {
    float: right;
}


@media all and (orientation : portrait) /*(-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) */
{
    .totoplantfacts-left, .totoplantfacts-right {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }
}



.totoPlantFactsTable {
    width: 100%;
    border-collapse: collapse;
    overflow: auto;
    font-size: small;
}

.totoPlantFactsTableHeight800 {
    width: 100%;
    height: 800px;
    border-collapse: collapse;
    overflow: auto;
    font-size: small;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):after {
    content: " \25B4\25BE";
}


    .totoPlantFactsTable tr {
        background: #b8d1f3;
        overflow: auto;
    }
        /*  Define the background color for all the ODD background rows  */
        .totoPlantFactsTable tr:nth-child(odd) {
            background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN background rows  */
        .totoPlantFactsTable tr:nth-child(even) {
            background: #dae5f4;
        }


    .totoPlantFactsTable th {
        padding: 3px 3px 3px 3px;
        border-style: solid;
        border-width: 1px;
        white-space:nowrap;
        
        /*background-color: #0099cc;*/
        /*color: White;*/
    }

    .totoPlantFactsTable td {
        padding: 3px 3px 3px 3px !important;
        border: 1px solid !important;
        text-align: left !important;
        vertical-align: top !important;
    }



.spanButton {
    cursor: pointer;
    border: 1px outset white;
    padding: 2px;
}

.showHide {
    cursor: pointer;
    color: Blue;
    text-decoration: underline;
    margin-bottom: 6px;
}

#lstCountry {
    width: 200px;
}

#lstCity {
    width: 200px;
}

#ddlCityAZ {
    width: 100px;
}

#ddlCity {
    width: 300px;
}

#divBeaufort table {
    width: 100%;
}

#divBeaufort table, #divBeaufort td, #divBeaufort th {
    border-width: 1px;
    border-style: solid;
}


.totoPlantFactsTableLeftAlign {
    width: 100% !important;
    border-collapse: collapse;
    overflow: auto;
    border-style: solid;
    border-width: 1px;
}

    .totoPlantFactsTableLeftAlign tr {
        /*    background: #b8d1f3;*/
    }
        /*  Define the background color for all the ODD background rows  */
        .totoPlantFactsTableLeftAlign tr:nth-child(odd) {
            background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN background rows  */
        .totoPlantFactsTableLeftAlign tr:nth-child(even) {
            background: #dae5f4;
        }


    .totoPlantFactsTableLeftAlign th {
        padding: 3px 3px 3px 3px;
        border-width: 1px;
        border-style: solid;
        
        /*background-color: #0099cc;*/
        /*color: White;*/
    }

    .totoPlantFactsTableLeftAlign td {
        border-style: solid;
        border-width: 1px;
        padding: 0px 0px 0px 6px !important;
        text-align: left;
    }







#tblWeather td {
    border-style: solid;
    border-width: 1px;
    /*border: 1px solid blue;*/
    padding: 3px 3px 3px 3px;
    /*background-color: #dbd9e7;*/
}

.totoPlantFactstdLabel {
    font-weight: bold;
}
.totoPlantFactsItemtdLength 
{
    width: 30% !important;
}
.spanButton {
    cursor: pointer;
    border: 1px outset white;
    padding: 2px;
}

.showHide {
    cursor: pointer;
    /*color: Blue;*/
    text-decoration: underline;
    margin-bottom: 6px;
}

#lstCountry {
    /*width: 200px;*/
}

#lstCity {
    /*width: 200px;*/
}

#ddlCityAZ {
    /*width: 100px;*/
}

#ddlCity {
    /*width: 300px;*/
}

#divBeaufort table {
    width: 100%;
}

#divBeaufort table, #divBeaufort td, #divBeaufort th {
    border-style: solid;
    border-width: 1px;
    /*border: 1px solid blue;*/
}
