/* weather.css CSS Document */

/*Meteogram Page */
#met_tooltip {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)';
    text-align: left;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

#meteogram_graph {
    height: 1335px;
    min-height: 1335px;
    width: 100%;
}

.meteogram_tooltip_line {
    display: block;
    font-size: 0.9em;
}

.meteogram_tooltip_label {
    /*display: inline-block;*/
    float: left;
    font-weight: 600;
    width: 135px;
}

.meteogram_tooltip_data {
    display: inline;
}

.highcharts-tooltip span {
    width: 220px !important;
}

.meteogram_tooltip_data {
    margin-left: 30px !important;
}

.soil_moisture_graph {
    height: 400px;
    min-height: 400px;
    width: 100%;
}

.soil_temperature_graph {
    height: 400px;
    min-height: 400px;
    width: 100%;
}

.graph_duration {
    margin-right: 30px !important;
    float: right;
    color: white;
    padding: 3px !important;
}

.map_item {
    width: 240px;
    min-height: 190px;
    /* float: left; */
    background: white;
    padding: 9px;
    display: -moz-inline-box;
    display: inline-block;
    margin-left: -5px;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 190px;
}

.map_item a, .map_item a:hover {
    display: block;
    text-decoration: none !important;
}

.item_title {
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: #395ab0;
    margin: 10px 0 5px 0;
}

.item_sub_title {
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    display: block;
    color: #395ab0;
    margin: 0 0 2px 0;
}

.learn_more {
    font-size: .9em;
    text-decoration: none;
    display: block;
    color: #237dc2;
    margin: 5px 0 5px 0;
}

.product_map {
    background-color: white;
    text-align: center;
    overflow: hidden;
    padding: 3px 0 20px 0;
    position: relative;
}

.graph {
    background-color: white;
    width: 776px;
}

.model_out_of_season {
    font-family: "Helvetica";
    color: white;
    font-weight: bold;
    font-size: 48px;
    opacity: 0.88;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 776px;
    height: 200px;
    padding-top: 100px;
    margin-bottom: 0px;
    background: rgb(86, 86, 80); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(86, 86, 80, 1) 0%, rgba(34, 34, 32, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(86, 86, 80, 1)), color-stop(100%, rgba(34, 34, 32, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(86, 86, 80, 1) 0%, rgba(34, 34, 32, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(86, 86, 80, 1) 0%, rgba(34, 34, 32, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(86, 86, 80, 1) 0%, rgba(34, 34, 32, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(86, 86, 80, 1) 0%, rgba(34, 34, 32, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565650', endColorstr='#222220', GradientType=0); /* IE6-9 */
}

#wind_parameters {
    /* 	float: left; */
}

#wind_output {
    /*float: right;*/
    padding: 0 20px 30px 20px;
    /* 	width: 300px; */
}

#wind_outputTable {
    background-color: #000;
}

#wind_outputTable tbody {
    background-color: #f0f0f0;
}

#wind_outputHeaderRow {
    background-color: #666666;
    color: #f0f0f0;
}

#wind_outputTable th {
    cursor: pointer;
}

#wind_outputTable thead tr .header {
    background-image: url(/images/sort/bg.gif);
    background-position: center left;
    background-repeat: no-repeat;
    cursor: pointer;
}

#wind_outputTable thead tr .headerSortUp {
    background-image: url(/images/sort/asc.gif);
}

#wind_outputTable thead tr .headerSortDown {
    background-image: url(/images/sort/desc.gif);
}

#wind_outputCaption {
    color: blue;
}

#wind_outputTable th, #wind_outputTable td {
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}

#wind_outputTable .wind_outputColumnTextDiv0, #wind_outputTable .wind_outputColumnTextDiv1, #wind_outputTable .wind_outputColumnTextDiv2, #wind_outputTable .wind_outputColumnTextDiv3 {
    padding: 2px;
}

#wind_outputTable .wind_outputColumn1, #wind_outputTable .wind_outputColumn2, #wind_outputTable .wind_outputColumn3 {
    text-align: right;
}

#wind_outputTable .wind_outputRow1:hover, #wind_outputTable .wind_outputRow2:hover {
    background-color: #99CCCC;
}

#wind_outputTable .wind_outputHeaderColumnDiv0 {
    width: 90px;
}

#wind_outputTable .wind_outputHeaderColumnDiv1 {
    width: 150px;
}

#wind_outputTable .wind_outputHeaderColumnDiv2 {
    width: 110px;
}

#wind_outputTable .wind_outputHeaderColumnDiv3 {
    width: 110px;
}

#wind_outputTable #wind_outputHeaderColumn3, #wind_outputTable .wind_outputColumn3 {
    display: none;
}

/* Daily Top 15 Lists Table */
#top15 {
    border: 1px solid #cccccc;
    width: 378px;
    float: left;
    border-collapse: collapse;
    margin: 5px;
}

#top15 td, #top15 th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px;
}

#top15 th {
    color: white;
}

.odd {
    background-color: #eee;
}

.even {
    background-color: #ddd;
}

.time {
    width: 60px;
}

.value {
    width: 70px;
}

.TMAX {
    background-color: #890d0d;
}

.TMAX_LOW {
    background-color: #e32c2c;
}

.TMIN {
    background-color: #00038d;
}

.TMIN_LOW {
    background-color: #3b3fda;
}

.ATOT {
    background-color: #d68925;
}

.WSPD {
    background-color: #737363;
}

.RAIN, .RTOT {
    background-color: #1a7402;
}

/*-----------------------------------------------
    FORECAST STYLING
------------------------------------------------*/
.header_forecast {
    font-size: 12px;
    background: #fafbf9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmM1YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fafbf9 0%, #bfc5b8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafbf9), color-stop(100%, #bfc5b8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafbf9 0%, #bfc5b8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafbf9 0%, #bfc5b8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafbf9 0%, #bfc5b8 100%); /* IE10+ */
    background: linear-gradient(top, #fafbf9 0%, #bfc5b8 100%); /* W3C */
    height: 30px !important;
    behavior: url(PIE.htc);
    width: 82px;
    display: table;
    text-align: center;
    line-height: 36px;
}

#local_small div.header_forecast {
    width: 76px !important;
}

.header_forecast span {
    font-size: 1em;
    color: #30302d;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;    
}

.day {
    float: left;
    text-align: center;
    margin: 0px 0 0px 1px;
    font-size: 11px;
    background-color: white;
    overflow: hidden;
    width: 100%;
}

.day_first {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.day_last {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /* width: 90px !important; */
}

.day p {
    margin: 0;
    padding: 2px !important;
}

.day p.hilo_container {
    margin-top: 4px !important;
    position: relative !important;
}

#forecast_bar {
    background-color: #cccccc;
    margin: 10px 14px 10px 14px;
    padding: 1px 0px;
    padding-right: 1px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#forecast_bar > div {
    overflow: hidden;
}

#forecast_bar > div:last-child > div {
    width: 97.9%;
}

.hilo {
    font-weight: bold;
    color: #888c83;
}

.hi {
    font-size: 1.2em;
    color: #990000;
    font-weight: bold;
}

.lo {
    font-size: 1.2em;
    color: #000099;
    font-weight: bold;
}

.precip {
    color: #888c83;
}

.conditions {
    font-size: 1em;
    font-weight: bold;
    /*height: 25px;*/
    display: block;
    padding: 2px 0px 2px 0px;
    height: 36px;
}

.label {
    float: left;
    width: 100px;
    color: #888c83;
    color: #adaca6;
    font-weight: bold;
    font-size: .9em;
}

.obs {
    font-weight: bold;
}

.current_box {
    float: left;
    width: 200px;
    height: 100px;
    padding: 20px;
}

#current_conditions {
    width: 245px;
}

.data_table {
    width: 100%
}

.data_table td, .data_table th {
    padding: 5px
}

.data_table .row {
    background: #ddd
}

.data_table .row_alt {
    background: #eee
}

.data_table caption {
    font-weight: bold;
    padding: 10px
}

.estimated {
    color: red;
    font-weight: bold
}

/*
    Created on : Mar 8, 2017, 10:42:06 AM
    Author     : kdjackson
*/