.bkzweather-wr {
    width: 300px;
    padding: 5px 10px;
    position: relative;
    background-color: #10A4F2;
    color: #ffffff;
    font-size: 0.6875em; /* 11/16 */
    height: 190px;
}

.bkzweather-date {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #10a4f2;
    text-align: center;
    background-color: #ffffff;
    border-radius: 7px;
    text-transform: uppercase;
    padding: 4px 11px;
    line-height: 11px;
}

.bkzweather-date:before, .bkzweather-date:after {
    content: "";
    position: absolute;
    height: 6px;
    background-color: #ffffff;
    top: -6px;
    left: 7px;
    right: 7px;
}

.bkzweather-date:after {
    background-color: #10a4f2;
    left: 9px;
    right: 9px;
}

.bkzweather {
    width: 100%;
}

.bkzweather-title {
    border-bottom: 1px solid #ffffff;
    font-size: 1.454545455em; /* 16/11 */
    font-weight: bold;
    padding: 5px 0 10px 0;
    margin: 0 0 5px 0;
}

.bkzweather-col, .bkzweather-col-f {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    text-align: center;
    position: relative;
    padding: 10px 0;
    font-weight: bold;
}

.bkzweather-col:before {
    content: "";
    position: absolute;
    border-left: 1px dashed #ffffff;
    top: 10px;
    bottom: 10px;
    left: -1px;
    width: 1px;
}

.bkzweather-col-f {
    text-align: left;
    font-weight: normal;
}

.bkzweather-today {
    background-color: #ffffff;
    background-image: linear-gradient(bottom, rgb(153,186,203) 0%, rgb(251,252,253) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(153,186,203) 0%, rgb(251,252,253) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(153,186,203) 0%, rgb(251,252,253) 100%);
    background-image: -o-linear-gradient(bottom, rgb(153,186,203) 0%, rgb(251,252,253) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(153,186,203) 0%, rgb(251,252,253) 100%);
    color: #1e78c3;
    border-radius: 10px;
}

.bkzweather-col.bkzweather-col0:before, .bkzweather-col.bkzweather-col1:before {
    display: none;
}

.bkzweather-1 {
    height: 20px;
}

.bkzweather-2 {
    height: 40px;
    line-height: 40px;
}

.bkzweather-2 img {
    height: 40px;
}

.bkzweather-3 {
    height: 40px;
    line-height: 40px;
}

.bkzweather-4 {
    padding-top: 5px;
    height: 20px;
    line-height: 20px;
}

.bkzweather-4 img {
    vertical-align: middle;
    margin-right: 5px;
}

.bkzweather-2, .bkzweather-3, .bkzweather-4 {
    cursor: crosshair;
}

.bkzweather-col-f .bkzweather-2, .bkzweather-col-f .bkzweather-3, .bkzweather-col-f .bkzweather-4 {
    cursor: default;
}