/*
weather_table_styles_17.css
Rudy J. Nickmann
05/03/2023
*/

/**********************************************
Current Conditions Table
**********************************************/

#current-conditions-table table{
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 98%;
}

#current-conditions-table head{
    background-color: blue;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
    font-size: 15px;
    padding-bottom: 4px;
    padding-top: 4px;
}

#current-conditions-table td{
    background-color: #f6f7f8;
    border: 1px solid lightgray;
    color: black;
    padding: 2px 10px 2px 10px;
    text-align: right;
}


#current-conditions-table th{
    background-color: #ffffff;
    border: 1px solid lightgray;
    font-weight: 400;
    height: 28px;
    padding: 2px 4px 2px 10px;
    text-align: left;
}

.current-temp-cell{
    background: ivory;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.current-baro-cell{
    background-color: #ffffff;
    font-size: 20px;
    text-align: center;
}

.current-wind-cell{
    background-color: #ffffff;
    font-size: 20px;
    text-align: center;
}

.color-blue{
    color:blue;
}

#current-conditions-table .separater-column{
    border: none;
    background-color:#F0EBE3;
    width: 4px;
    padding: 1px 1px 1px 1px;
}

.big-font-color-blue{
    color: blue;
}

#current-conditions-table .color-red{
    color: red;
}


#current-conditions-table .color-blue{
    color: blue;
}

.big-font-color-black{
    color: black;
}

.color-green{
    color: #559E54;
}

.blank-square{
    background-color: black;
    border: none;
    color:black;
}

.big-font{
    background-color: white;
    border: 1px solid #c9c9c9;
    font-size: 20px;
    padding-bottom: 6px;
    padding-left: 4px;
    padding-top: 6px;
    text-align: left;
}


/****************************************/
/* End Current Conditions Table         */
/****************************************/

/********* forecast table **************/

.forecast-table table{
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 auto 0 auto;
    table-layout: fixed;
    width: 100%;
}

.forecast-table table caption
{
    background-color:white;
    border-bottom: 1px  solid lightgray;
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.2em;
    padding-bottom:6px;
    padding-top: 10px;

}

.forecast-table table td
{
    background-color: #ffffff;
    border-bottom: 1px  solid lightgray;
    border-right:1px  solid lightgray;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    /* font-weight:100; */
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: center;
}

.forecast-table table th{
    background-color: white;
    border-right:1px  solid #CCCCCC;
}


.forecast-table img {
    height:130%;
    padding: 6px 2px 6px 2px;
    text-align: center;
    width: 100%;
}

.color-red{
    color: red;
}

.color-blue{
    color:blue;
}


.forecast-summary-table table
{
    background-color:#ffffff;
    border-collapse:collapse;
    margin:10px auto;
    width:90%;
}

.forecast-summary-table table caption
{
    background-color:#CFC;
    border-bottom:1px solid grey;
    font-size:0.9em;
    margin-top: 20px;
    padding-bottom:12px;
}

.forecast-summary-table table td
{
    border:1px solid grey;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.0em;

    font-weight:400;
    padding: 2px 8px 2px 8px;
    text-align:left;
}

.forecast-summary-table table th
{
    background-color:#ffffff;
    border:1px solid grey;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.2em;

    font-weight:400;
    padding: 2px 8px 2px 8px;
    text-align:left;
    width: 20%;
}



/*****************************************************

/************************************************************/
.departure-table table{
    background-color:white;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: auto;
    width: 98%;
}

.departure-table table caption{
    background-color: #ffffff;
    font-size: 1.2em;
    font-weight: bolder;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 6px;
}

.departure-table table th{
    border: 1px solid lightgray;
    font-weight: 300;
    padding-bottom: 2px;
    padding-top:2px;
    text-align: left;
}

.departure-table table td{
    border: 1px solid lightgray;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 4px;
    text-align: right;
}

.departure-table table tbody tr:nth-child(odd) {
    background:snow;
}

.departure-table table tbody tr:nth-child(even) {
    background:#E6F1F7;
}


/************************************************************
Following styles are used on the almanac and astronomy tables
*************************************************************/

.archive-table table caption{
    background-color: #ffffff;
    font-size: 1.0em;
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

.archive-table table{
    font-family: Arial, Helvetica, sans-serif;
    background-color:white;
    border-collapse: collapse;
    font-size: 14px;
    margin: auto;
    width: 98%;
}


.archive-table table th{
    border: 1px solid lightgray;
    font-weight: 300;
    padding-bottom: 2px;
    padding-top:2px;
    padding-right: 2px;
    text-align: left;
}

.archive-table table td{
    border: 1px solid lightgray;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-top: 2px;
    text-align: right;
}


.archive-table table tr:nth-child(odd) {
    background:snow;
}

.archive-table table tr:nth-child(even) {
    background:#E6F1F7;
}




.archive-table table caption{
    background-color: #ffffff;
    font-size: 1.0em;
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

.archive-table table{
    font-family: Arial, Helvetica, sans-serif;
    background-color:white;
    border-collapse: collapse;


    /*  font-size: 16px;

     */
    font-size: 14px;
    margin: auto;
    width: 98%;
}


.archive-table table th{
    border: 1px solid lightgray;
    font-weight: 300;
    padding-bottom: 2px;
    padding-top:2px;
    text-align: left;
}

.archive-table table td{
    border: 1px solid lightgray;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-top: 2px;
    text-align: right;
}


.archive-table table tr:nth-child(odd) {
    background:snow;
}

.archive-table table tr:nth-child(even) {
    background:#E6F1F7;
}

/*
These styles are used on the almanac and astronomy tables
*/
.aside-table table{
    border-collapse: collapse;
    border-left    : 1px solid #c9c9c9;
    border-top     : 1px solid #c9c9c9;
    font-family: Arial, Helvetica, sans-serif;
    font-size      : 13px;
    font-weight: bolder;
    width          : 100%;
}

.aside-table table thead{
    font-family: "Lucida Console", Monaco, monospace;
}

.aside-table table caption{
    background-color: #EAF4F4;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 15px;
    font-weight: bold;
    padding-top     : 4px;
    padding-bottom  : 4px;
    text-align      : center;
}

.aside-table table th{
    background-color : whitesmoke;
    border: 1px solid #c9c9c9;
    font-weight		 : 300;
    padding          : 2px 4px;
    text-align       : left;
}

.aside-table table td{
    background-color: #FFFFFF;
    border-bottom   : 1px solid #c9c9c9;
    border-right    : 1px solid #c9c9c9;
    font-weight	    : 200;
    font-family     : Arial, Helvetica, sans-serif;
    padding         : 2px 4px;
    text-align      : right;
}

.aside-table table th.textCenter
{
    font-family : Arial, Helvetica, sans-serif;
    text-align  : center;
}

.my-table table
{
    border-collapse: collapse;
    border-left    : 1px solid #c9c9c9;
    border-top     : 1px solid #c9c9c9;
    font-family: Arial, Helvetica, sans-serif;
    font-size      : 23px;
    font-weight: bolder;
    width          : 80%;
}


#video-table caption{
    font-size: 18px;
    padding-bottom: 8px;
    padding-top: 8px;
}
#video-table table{
    border-collapse:collapse;
    background-color: #E6F1F7;
    margin: auto;
    width: 100%;
}

#video-table th{
    background-color: #E6F1F7;
    border: 1px solid #c9c9c9;
    padding-bottom: 8px;
    padding-top: 8px;
}

#video-table td{
    background-color: #ffffff;
    border: 1px solid #c9c9c9;

    font-size: 16px;
    padding-bottom: 6px;
    padding-left: 4px;
    padding-top: 6px;
    text-align: left;
}

#video-table a {
    color: black;
    text-decoration: none;
}

#video-table a:link{
    text-decoration-color: black;
}


.pop-table table {
    font-family: Verdana, Geneva, sans-serif;
    background-color:white;
    border-collapse: collapse;
    margin: auto;
    font-size: 10px;
    margin-top: 4px;
}

.pop-table table caption{
    font-size: 1.4em;
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #EEEEEE;
}

.pop-table table caption p{
    font-size: 0.8em;
}

.pop-table table thead{
    background-color: seashell;
}

.pop-table table thead th{
    text-align: center;
}

.pop-table table td {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 6px;
    text-align: right;
    border: 1px solid lightgray;
}

.pop-table table th {
    font-weight: 300;
    padding-bottom: 2px;
    padding-top:2px;
    border: 1px solid lightgray;
    text-align: left;
}

.pop-table table td.textLeft{
    text-align: left;
}

.pop-table table th.textCenter{
    text-align: center;
}

.pop-table table td.colorBlue {
    background-color: #5F95FA;
    color: white;
    text-align: left;
}

.pop-table table td.colorRed {
    background-color: red;
    color: white;
    text-align: left;
}

.pop-table table tbody tr:nth-child(odd) {
    background:snow;
}

.pop-table table tbody tr:nth-child(even) {
    background:#E6F1F7;
}

.pop-table table tfoot th{
    text-align: center;
    padding: 6px;
}

/*******************************/
.month-archive-table table{
    font-family: Verdana, Geneva, sans-serif;
    background-color: white;
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 4px auto auto;
    width: 70%;
}

.month-archive-table caption{
    background-color: #EAF4F4;
    font-size: 1.1em;
    padding-bottom: 8px;
    padding-top: 8px;
}

.month-archive-table table td {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 6px;
    text-align: right;
    border: 1px solid lightgray;
}

.month-archive-table table th {
    font-weight: 300;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-top:2px;
    border: 1px solid lightgray;
    text-align: left;
}

.month-archive-table td.colorBlue {
    background-color: white;
    color: steelblue;
  /*  text-align: right; */
}

.month-archive-table td.colorRed {
    background-color: white;
    color: red;
   /* text-align: right; */
}

.month-archive-table th.textCenter {
    text-align: center;
}