/* Main tab */

#tabs #tabs1 #tabs2 #tabs3 #tabs4 {
    background-color:white;
}

.STN {
    background-color: #104070;
    border: none;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius:8px;
    width: 150px;
}
.MONTH {
    background-color: #104070;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius:8px;
}


/* Change background color of buttons on hover */
#SelectSite button:hover {
        background-color: orange;
}

#MonthRow button:hover {
        background-color: orange;
}
/* Create an active/current tablink class */
#SelectSite button.click {
        background-color: white;
        color: Green;
        font-weight: bold;
}

td {
    text-align: center;
   
}
th{
    font-weight: bold;
    padding: 5px 5px 5px 5px;   
    text-align: center;
}

#CHART {
    border-collapse: collapse;
    border: 1px solid black;
    font-size:small;

}

.chartHead {
    font-size:large;
    background-color: #ffffcf;
    border-collapse: collapse;
    border: 1px solid black;
    font-weight: bold;
}
.dateCol, .avg{
    background-color: #cccccc;
    border-collapse: collapse;
    border: 1px solid black;
}
.obsTemp {
    background-color: #cfffff;
    border-collapse: collapse;
    border: 1px solid black;
}
.norTemp {
    background-color: #cfffcf;
    border-collapse: collapse;
    border: 1px solid black;
}
.recLTemp {
    background-color: #cfcfff;
    border-collapse: collapse;
    border: 1px solid black;
}
.recHTemp {
    background-color: #ffcfcf;
    border-collapse: collapse;
    border: 1px solid black;
}
.obsPcpn {
    background-color: #afffaf;
    border-collapse: collapse;
    border: 1px solid black;
}
.obsSnow {
    background-color: #afafff;
    border-collapse: collapse;
    border: 1px solid black;
}

a:link {
    color: blue;
}
 
a:visited {
    color: blue;
}