.totoclimate-container:after {
   content: "";
   display: block; 
   height: 0; 
   clear: both;
}

.totoclimate-left {
    float: left;
}

.totoclimate-right {
    float: right;
}


@media all and (orientation : portrait) /*(-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) */
{
    .totoclimate-left, .totoclimate-right {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }
}

.climateGraphs td {
    text-align: center;
    border-collapse: collapse;
    vertical-align: middle;
}

.climateGraphsWillDelete td {
    text-align: center;
    border: solid 1px #777777;
    border-collapse: collapse;
    vertical-align: middle;
}

.climateGraphs {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 10px 0;
}

    .climateGraphs td {
        text-align: center;
        border: none;
    }

    .climateGraphs div {
        margin-left: auto;
        margin-right: auto;
    }

.noborder {
    padding: 0 !important;
    border: none !important;
    border-bottom-width: 0px !important;
    border-top-width: 0px !important;
    padding-top: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    color: Black;
}

.noborder2 {
    padding: 0 !important;
    border: none !important;
    border-bottom-width: 0px !important;
    border-top-width: 0px !important;
    padding-top: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    background-color: White !important;
    color: Black !important;
    font-weight: bold;
    font-size: large;
}

.noborderLikeLink {
    padding: 0 !important;
    border: none !important;
    border-bottom-width: 0px !important;
    border-top-width: 0px !important;
    padding-top: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    background-color: white !important;
    text-decoration: underline;
    color: Black !important;
    font-weight: bold;
    font-size: large;
}

.totoClimateGraphDiv {
    height: 400px;
    width: 485px;
    /*float: left;*/
    /*margin-bottom: 10px;*/
    /*display: none;*/
    /*border:1px solid #777777;*/
}

#totoClimateScrollbarDiv {
    overflow: auto;
}

.newshiddenlink {
    display: none;
}

.TFtable {
    width: 100%;
    border-collapse: collapse;
    overflow: auto;
    font-size: small;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):after {
    content: " \25B4\25BE";
}


.TFtable {
    width: 100% !important;
    border-collapse: collapse;
    overflow: auto;
}

    .TFtable tr {
        background: #b8d1f3;
        overflow: auto;
    }
        /*  Define the background color for all the ODD background rows  */
        .TFtable tr:nth-child(odd) {
            background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN background rows  */
        .TFtable tr:nth-child(even) {
            background: #dae5f4;
        }


    .TFtable th {
        padding: 3px 3px 3px 3px;
        border-style: solid;
        border-width: 1px;
        /*background-color: #0099cc;*/
        /*color: White;*/
    }

    .TFtable td {
        border-style: solid;
        border-width: 1px;
        text-align: center;
    }

#tblWeather td {
    border-width: 1px;
    border-style: solid;
    padding: 3px 3px 3px 3px;
    /*background-color: #dbd9e7;*/
}

.tdLabel {
    font-weight: bold;
}

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


.TFtableLeftAlign {
    width: 100% !important;
    border-collapse: collapse;
    overflow: auto;
    border-style: solid;
    border-width: 1px;
}

    .TFtableLeftAlign tr {
        /*    background: #b8d1f3;*/
    }
        /*  Define the background color for all the ODD background rows  */
        .TFtableLeftAlign tr:nth-child(odd) {
            background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN background rows  */
        .TFtableLeftAlign tr:nth-child(even) {
            background: #dae5f4;
        }


    .TFtableLeftAlign th {
        padding: 3px 3px 3px 3px;
        border-width: 1px;
        border-style: solid;
        /*background-color: #0099cc;*/
        /*color: White;*/
    }

    .TFtableLeftAlign 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;*/
}

.tdLabel {
    font-weight: bold;
}

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