body {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    background: #fff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #6D6D6D;
}

h1, h2, h3 {
    margin: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #006EA6;
}

h1 {
    letter-spacing: -1px;
    font-size: 35px;
}

h2 {
    font-size: 26px;
}

p, ul, ol {
    /*margin: 0 0 2em 0;*/
    line-height: 24px;
}

a:link {
    color: #0094E0;
}

a:hover, a:active {
    text-decoration: none;
    color: #0094E0;
}

a:visited {
    color: #0094E0;
}

img {
    border: none;
}

    img.left {
        float: left;
        margin: 7px 15px 0 0;
    }

    img.right {
        float: right;
        margin: 7px 0 0 15px;
    }

/* Form */

form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    display: none;
}

input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
}

#wrapper {
}

/* Header */

#header {
    width: 990px;
    height: 130px;
    margin: 0 auto 20px auto;
    padding-top: 10px;
}

#logo {
    float: right;
    height: 80px;
    background: url(weather_rain.svg) no-repeat right 16px;
}

    #logo h1 {
        margin: 0;
        padding: 5px 65px 0 0;
        font-size: 29px;
        color: #0099E8;
    }

        #logo h1 sup {
            vertical-align: text-top;
            font-size: 24px;
        }

        #logo h1 a {
            color: #5F9D10;
        }

    #logo h2 {
        margin: 5px 0 0 0;
        padding: 0 68px 0 0;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #6D6D6D;
    }

    #logo a {
        text-decoration: none;
        color: #FFFFFF;
    }

/* Menu */

#menu {
    float: left;
    padding-top: 15px;
}

    #menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #menu li {
        display: inline;
    }

    #menu a {
        display: block;
        float: right;
        margin-right: 5px;
        background: linear-gradient(#86c81f, #7bbf17 45%, #5f9d10);
        padding: 1px 10px;
        text-decoration: none;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 26px;
    }

        #menu a:hover {
            text-decoration: underline;
        }

    #menu .active a {
    }

/* Page */

#page {
    width: 990px;
    margin: 0 auto;
    background: linear-gradient(#e9e9e9, #ececec 90px, #fff 320px) no-repeat left top;
    background-size: 100% 320px;
    border-radius: 12px 12px 0 0;
}

/* Content */

#content {
    /*float: right;          width: 705px;*/
    padding: 30px 25px 0 25px;
}

/* Post */

.post {
}

    .post .title {
        height: 52px;
        margin-bottom: 20px;
        padding-bottom: 5px;
        padding-right: 60px;
        /*border-bottom: 1px dashed #D1D1D1;*/
        background: url(weather.svg) no-repeat right top;
        color: #8BCB2F;
        padding-top: 7px;
    }

        .post .title b {
            font-weight: normal;
            color: #0094E0;
        }

    .post .date p {
        margin: 0;
        padding: 0;
    }

    .post .date {
        width: 38px;
        margin-top: -80px;
        padding-right: 18px;
        font-family: Ariel;
        font-size: 14px;
        color: #283900;
    }

        .post .date b {
            margin: 0;
            padding: 0;
            display: block;
            margin-top: -13px;
            padding-right: 0px;
            font-size: 15px;
            color: #283900;
        }

    .post .entry {
    }

    .post .meta {
        margin: 0;
        padding: 15px 0 60px 0;
    }

        .post .meta p {
            margin: 0;
            line-height: normal;
        }

        .post .meta .byline {
            float: left;
            color: #0000FF;
        }

        .post .meta .links {
            float: right;
        }

        .post .meta .more {
            width: 185px;
            height: 35px;
            padding: 5px 10px;
            background: #8BCB2F;
            border: 1px dashed #FFFFFF;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 10px;
        }

        .post .meta .comments {
            padding: 5px 10px;
            text-transform: uppercase;
            text-decoration: none;
            background: #0094E0;
            border: 1px dashed #FFFFFF;
            font-size: 9px;
        }

        .post .meta b {
            display: none;
        }

        .post .meta a {
            color: #FFFFFF;
        }
/* Sidebar */

.factList {
    float: right;
    margin-right: 3px;
    padding-right: 14px;
    width: 200px;
}

    .factList ul {
        margin: 0;
        padding: 0 0 0 0;
        list-style: none;
    }

    .factList li {
        margin-bottom: 6px;
    }

        .factList li ul {
        }

        .factList li li {
            margin: 0;
            padding: 3px 0;
            border-bottom: 1px dashed #D1D1D1;
        }

            .factList li li a {
                margin: 0;
                padding-right: 15px;
            }

    .factList h2 {
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: normal;
        color: #0094E0;
    }

    .factList strong, .factList b {
        color: #8BCB2F;
    }

    .factList a {
        text-decoration: none;
        color: #6D6D6D;
    }

    .factList img {
        position: relative;
        top: 4px;
        right: 8px;
        height: 18px;
        width: 18px;
    }

/* Search */

#search {
}

    #search h2 {
    }

#s {
    width: 150px;
    margin-right: 5px;
    padding: 3px;
    border: 1px solid #F0F0F0;
}

#x {
    padding: 3px;
    border: none;
    text-transform: lowercase;
    font-size: 11px;
    color: #4F4F4F;
}

/* Boxes */

.box1 {
    padding: 20px;
}

.box2 {
    color: #BABABA;
}

    .box2 h2 {
        margin-bottom: 15px;
        font-size: 16px;
        color: #FFFFFF;
    }

    .box2 ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {
        color: #EDEDED;
    }

/* Footer */

#footer {
    width: 990px;
    background: linear-gradient(#e9e9e9, #ececec 60px, #fff 320px) no-repeat left top;
    background-size: 100% 320px;
    border-radius: 12px 12px 0 0;
    margin: 0 auto;
    padding: 10px 0 0 0;
    color: #353535;
}

html > body #footer {
    height: auto;
}

#footer-menu {
}

#legal {
    font-size: 11px;
    color: #6D6D6D;
    direction: ltr;
    text-align: center;
}

    #legal a {
        color: #0094E0;
    }

#footer-menu {
    color: #353535;
    width: 990px;
    text-align: center;
}

    #footer-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
    }

    #footer-menu li {
        display: inline;
    }

    #footer-menu a {
        display: inline;
        padding: 1px 15px 1px 15px;
        text-decoration: none;
        font-size: 11px;
        color: #6D6D6D;
        line-height: 26px;
    }

        #footer-menu a:hover {
            text-decoration: underline;
        }

    #footer-menu .active a {
        /*padding-left: 0;*/
    }

.rainTable {
    border-collapse: collapse;
    border: 0px;
}

    .rainTable tr:hover {
        background-color: #C7E1F4;
    }

    .rainTable td {
        border-top: solid 1px #8E4CAF;
        text-align: center;
        cursor: pointer;
        width: 58px;
    }

    .rainTable .header {
        cursor: default;
        border-top: none;
        width: 58px;
    }

.alternatingRow {
    background-color: #E9E9E9;
}

.maxMonth {
    color: #4201C3;
    font-weight: bold;
}

.secondMonth {
    color: #6967F9;
    font-weight: bold;
}

.thirdMonth {
    color: #91ADFA;
    font-weight: bold;
}

.colorCircle {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.calMillimeter {
    font-size: 14px;
    color: Blue;
    margin-top: 5px;
}

table a {
    text-decoration: none;
}

.dimCalendar {
    opacity: 0.3;
    background-color: transparent;
}

.noDailyData {
    visibility: collapse;
    position: relative;
    font-size: 30px;
    bottom: 180px;
    text-align: center;
    transform: rotate(-33deg);
    -ms-transform: rotate(-33deg); /* IE 9 */
    -moz-transform: rotate(-33deg); /* Firefox */
    -webkit-transform: rotate(-33deg); /* Safari and Chrome */
    -o-transform: rotate(-33deg); /* Opera */
}

.navArrows {
    font-size: 11pt;
    color: Blue;
    font-weight: bold;
    cursor: pointer;
}

    .navArrows:visited, .navArrows:link {
        color: Blue !important;
    }


/* ===== תוספות לאתר החדש ===== */

/* פס הרקע המפוספס שבראש העמוד (במקור img01.gif) */
body::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 206px;
    z-index: -1;
    background: repeating-linear-gradient(135deg, #e9e9e9 0, #e9e9e9 9px, #fff 9px, #fff 18px);
    border-top: 2px solid #e2e2e2;
    border-bottom: 2px solid #d9d9d9;
}

body { position: relative; min-width: 1030px; }

#menu a { font-weight: bold; cursor: pointer; }
#logo h1 a { cursor: pointer; }
#footer-menu a { cursor: pointer; }
#footer { min-height: 80px; margin-top: 40px; }
#legal { padding-bottom: 20px; }

#location_dropdown_list { float: left; margin: -53px -25px 0 -23px; }
#location_dropdown_list select { width: 190px; background: #FBF9B3; }

.demoBanner {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 2000;
    background: #FBF9B3; color: #6d5a00; border-top: 1px solid #d8d37a;
    text-align: center; font-size: 12px; line-height: 26px;
}

.pageIntro { text-align: center; font-size: 15px; padding: 14px 0 8px; }
.navBar { text-align: center; font-size: 20px; color: Green; margin: 6px auto 14px; width: 660px; display: flex; justify-content: space-between; align-items: center; }
.navBar .navArrows { font-size: 13pt; text-decoration: none; }
.navBar .navArrows.off { visibility: hidden; }

/* עמוד חודשי */
.monthLayout { display: flex; align-items: flex-start; gap: 28px; padding-top: 6px; }
.calendar { border-collapse: collapse; width: 418px; border: 1px dotted #000; table-layout: fixed; }
.calendar caption { background: #C0C0C0; border: 1px dotted #000; border-bottom: 0; padding: 2px 0; font-size: 18px; color: Green; }
.calendar caption .calNav { display: flex; justify-content: space-around; align-items: center; }
.calendar th { font-weight: bold; font-size: 12px; height: 22px; background: #f4f4f4; border: 1px dotted Blue; color: #6D6D6D; }
.calendar td { border: 1px dotted Blue; height: 40px; vertical-align: top; text-align: center; font-size: 12px; color: #6b7fb0; padding-top: 2px; background: transparent; }
.calendar td.wk { color: #a0522d; }
.calendar td.other { background: #F5F5DC; }
.calendar td.today { background: #99AAFF; color: #FFFF66; font-weight: bold; }
.calendar td.rain { cursor: default; }
.calStats { width: 190px; }
.calStats .lbl { color: #8BCB2F; font-weight: bold; font-size: 13px; margin-top: 12px; }
.calStats .lbl:first-child { margin-top: 0; }
.calStats .val { color: #0094E0; font-size: 13px; line-height: 22px; }
.calStats img { vertical-align: middle; margin-right: 6px; cursor: help; }
.seasonNote { text-align: center; padding: 26px 0 14px; }
.newsLine { color: #1b1b8a; line-height: 20px; padding: 0 30px; }
.noDailyData.show { visibility: visible; color: #b00; }

/* עמוד רב שנתי */
.seasonLayout { display: flex; align-items: flex-start; justify-content: space-between; }
#monthStat thead td { position: sticky; top: 0; z-index: 5; font-weight: bold; background-color: #A7B6E0; line-height: 30px; font-size: 12px; color: White; cursor: default; border-top: none; }
#monthStat td { line-height: 20px; height: 40px; padding: 0 7px; font-size: 13px; transition: background-color .08s; }
#monthStat td.yr { text-align: right; line-height: 15px; width: 62px; }
#monthStat td.yr span { font-size: 10px; }
#monthStat td.empty { cursor: default; }
.seasonLegend { font-size: 12px; width: 100px; }
.seasonLegend table td { vertical-align: middle; }
.seasonLegend .xls { text-align: center; padding-top: 25px; cursor: pointer; background: none; border: 0; font: inherit; color: inherit; width: 100%; }

/* עמוד סיכום */
#summaryTbl { width: 100%; }
#summaryTbl thead th { background-color: #A7B6E0; line-height: 38px; font-size: 13px; color: White; cursor: pointer; font-weight: bold; }
#summaryTbl td { width: auto; line-height: 42px; font-size: 14px; }
#summaryTbl thead th.asc::after { content: " ▲"; font-size: 9px; }
#summaryTbl thead th.desc::after { content: " ▼"; font-size: 9px; }

/* גרפים */
.chartBox { background: #fff; margin: 0 0 6px; text-align: center; direction: ltr; }
.chartBox svg { max-width: 100%; }
.chartNote { text-align: center; padding: 22px 0 10px; }

/* מפה, מכ"ם */
#rainMap { height: 760px; width: 100%; direction: ltr; }
.mapPin { background: none; border: 0; }
.radarFrame { display: block; margin: 0 auto; width: 640px; height: 640px; border: 0; }

/* כניסה וקליטה */
.loginBox { margin-right: 280px; }
.loginBox td { padding: 2px; }
.loginError { color: #c00; padding-top: 10px; min-height: 20px; }
.entryHello { float: left; }
.entryHello a { color: Blue; text-decoration: underline; cursor: pointer; }
#entryTbl td { cursor: default; padding: 3px 4px; border-top: 0; font-size: 13px; width: auto; }
#entryTbl td.header { font-weight: bold; background-color: #E9E9E9; line-height: 30px; font-size: 12px; }
#entryTbl input { width: 48px; text-align: right; }
#saveBtn { position: sticky; top: 40px; margin: 36px 50px 0 0; height: 40px; width: 60px; float: right; cursor: pointer; }
.saveMsg { float: right; margin: 46px 16px 0 0; color: Green; }

.helpTip { position: relative; display: inline-block; }
.helpTip .tip { display: none; position: absolute; bottom: 26px; right: -10px; width: 190px; background: #ffffe1; border: 1px solid #999; border-radius: 6px; padding: 6px 9px; color: #333; font-size: 12px; line-height: 17px; z-index: 20; box-shadow: 2px 2px 4px rgba(0,0,0,.2); }
.helpTip:hover .tip { display: block; }

/* מסך ניהול */
.adminTbl { width: 100%; margin-top: 10px; }
.adminTbl thead th { background-color: #A7B6E0; line-height: 30px; font-size: 12px; color: White; font-weight: bold; padding: 0 6px; }
.adminTbl td { width: auto; line-height: 30px; font-size: 13px; cursor: default; padding: 0 6px; }
.adminTbl tr.off td { color: #b0b0b0; }
.adminForm { background: #f6f7fb; border: 1px solid #A7B6E0; border-radius: 8px; padding: 14px 18px; margin: 10px 0 18px; width: 520px; }
.adminForm .formTitle { font-weight: bold; color: #5F9D10; margin-bottom: 10px; font-size: 14px; }
.adminForm label { display: block; margin: 6px 0; font-size: 13px; }
.adminForm label input[type=text], .adminForm label select { margin-right: 10px; width: 220px; float: left; margin-left: 150px; }
.adminForm label.chk { margin: 10px 0; }
.adminForm .hint { display: block; clear: both; font-size: 11px; color: #999; text-align: left; margin-left: 150px; width: 220px; }
.adminForm .formButtons { clear: both; padding-top: 10px; }
.entryHello a { margin-right: 4px; }

/* חיצי הניווט: בלי היפוך אוטומטי של כיוון הכתיבה, כדי שיפנו החוצה כמו באתר המקורי */
.navArrows { direction: ltr; unicode-bidi: bidi-override; display: inline-block; }

/* מסך קליטה: לוח שנה */
.entryPick { clear: both; padding: 26px 0 14px; font-size: 14px; }
.entryPick select { font-size: 14px; margin: 0 6px 0 18px; padding: 2px; }
.entryLayout { display: flex; gap: 30px; align-items: flex-start; }
.entryCal { width: 520px; }
.entryCal caption { padding: 4px 0; }
.entryCal td { height: 54px; font-size: 13px; }
.entryCal td.editable { cursor: pointer; background: #fff; }
.entryCal td.editable:hover, .entryCal td.editable:focus { background: #eef3ff; outline: 2px solid #A7B6E0; outline-offset: -2px; }
.entryCal td.locked { color: #c4c4c4; background: #f3f3f3; }
.entryCal td.changed { background: #FBF9B3; }
.entryCal td input { width: 46px; text-align: center; font-size: 13px; }
.entrySide { width: 250px; font-size: 13px; line-height: 20px; }
.entrySide .hint { color: #999; font-size: 12px; }
.entrySide #saveBtn { position: static; float: none; margin: 14px 0 8px; height: 40px; width: 90px; cursor: pointer; }
.entrySide .saveMsg { float: none; margin: 0; color: Green; min-height: 20px; }
.histSummary td { width: auto; border-top: 1px solid #ddd; padding: 3px 10px; line-height: 20px; font-size: 13px; cursor: default; }
.adminForm p { margin: 6px 0; font-size: 13px; }
.entryCal td.today.locked { background: #99AAFF; color: #FFFF66; }

/* מפלס הכנרת */
.kinStats { display: flex; justify-content: space-between; gap: 20px; padding: 0 10px 18px; }
.kinStats .calStats { width: 290px; }
.calStats .sub, .adminTbl .sub { color: #999; font-size: 11px; }
.kinRange { text-align: center; padding: 6px 0 12px; }
.kinRange input { cursor: pointer; padding: 3px 12px; margin: 0 2px; }
.kinRange input.on { background: #8BCB2F; color: #fff; border: 1px solid #5F9D10; font-weight: bold; }
.kinTables { display: flex; gap: 40px; align-items: flex-start; }
.kinTables > div:first-child { width: 330px; }
.kinTables > div:last-child { flex: 1; }
.kinTables .adminTbl td { line-height: 26px; text-align: center; }
.kinSource { text-align: center; color: #999; font-size: 11px; padding-top: 16px; }
.kinShow { text-align: center; padding: 0 0 10px; font-size: 13px; }
.kinShow label { margin: 0 10px; cursor: pointer; font-weight: bold; }

/* סיכות המפה נופלות מלמעלה וננעצות, כמו באתר המקורי */
@keyframes pinDrop {
  0%   { transform: translateY(-640px); opacity: 0; }
  12%  { opacity: 1; }
  70%  { transform: translateY(0); }
  82%  { transform: translateY(-10px); }
  92%  { transform: translateY(0); }
  96%  { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
.mapPin svg { animation: pinDrop .75s cubic-bezier(.45, 0, .9, .6) both; overflow: visible; }
@media (prefers-reduced-motion: reduce) { .mapPin svg { animation: none; } }