﻿/*      Air Quality | BEGIN      */

.wXairquality-console { background:#ECEDF1; margin:0px 0px 7px 0px; }
.wXairquality { color:#000000; width:306px; text-align:center; font-size:12px; border:1px solid #C1C2C7; background:#FFFFFF; }
.wxNoData { color:#000000; width:306px; margin:0px 0px 7px 0px; background:#FFFFFF;}
.wXaq-title-bar { clear:left; float:left; width:100%; background:#FEF1AB; height:20px; font-weight:bold; border-bottom:1px solid #C1C2C7; }
.wXaq-title { float:left; padding:3px 0px 0px 5px; }
.wXaq-headings { clear:left; float:left; width:306px; background:#DADADC; height:20px; line-height:1em; font-weight:bold; border-bottom:1px solid #C1C2C7; }
.wXaq-headings div { padding:2px 0px 0px; height:18px; border-bottom:none; }
.wXaq-observation { clear:left; float:left; width:306px; height:40px; background:url(../images/health/bg-hourly-forecast.gif) repeat-x left bottom #FFFFFF; }
.wXaq-observation-on { background-image:url('');  }

.wxNoDataPollen{ color:#000000; margin:0px 0px 7px 0px; background:#FFFFFF;}


.wXaq-c1 { float:left; width:83px; height:100%; }
.wXaq-c2 { float:left; width:41px; height:100%; border-left:1px solid #FFFFFF; }
.wXaq-c3 { float:left; width:67px; height:100%; border-left:1px solid #FFFFFF; }
.wXaq-c4 { float:left; width:110px; height:100%; border-left:1px solid #FFFFFF; }


.wXaq-date,
.wXaq-code,
.wXaq-aqi { height:30px; padding-top:9px; border:1px solid #C1C2C7; border-left:none; border-top:none; line-height:1em; }
.wXaq-pollutant { height:30px; padding-top:9px; border-bottom:1px solid #C1C2C7; line-height:1em; }
.wXaq-code img { border:1px solid #000000; }

.wXaq-code-std { width:13px; height:15px; margin:4px auto; border:1px solid #000000; border-top:1px solid #A5A5A3; border-left:1px solid #A5A5A3; }
.wXaq-code-0 { background:#137300; }
.wXaq-code-1 { background:#FFFF00; }
.wXaq-code-2 { background:#FB6900; }
.wXaq-code-3 { background:#FA0000; }
.wXaq-code-4 { background:#890039; }
.wXaq-code-5 { background:#370015; }

.wXaq-additional { width:296px; margin:0px auto; text-align:left; }
.wXaq-warning { clear:left; padding:6px 0px 6px; margin:0px; }


.wXaq-leg-tab { width:295px; border:1px solid #C1C2C7; margin-bottom:10px; }
.wXaq-leg-tab td { padding:2px; text-align:center; }

.wXaq-leg-tab-title { background-color:#FEF1AB; font-weight:bold; }
.wXaq-leg-tab-title td { border-bottom:1px solid #C1C2C7; text-align:left; padding-left:5px; }

.wXaq-leg-tab-heading { background-color:#DADADC; font-weight:bold; }

.wXaq-leg-tab-heading1 { width:64px; border-right:1px solid #FFFFFF; border-bottom:1px solid #C1C2C7; }
.wXaq-leg-tab-heading2 { width:113px; border-left:1px solid #C1C2C7; border-right:1px solid #FFFFFF; border-bottom:1px solid #C1C2C7; }
.wXaq-leg-tab-heading3 { width:103px; border-left:1px solid #C1C2C7; border-bottom:1px solid #C1C2C7; }
	
.wXaq-leg-tab-c1 { border-right:1px solid #FFFFFF; }
.wXaq-leg-tab-c2 { border-right:1px solid #FFFFFF; border-left:1px solid #C1C2C7; }
.wXaq-leg-tab-c3 { border-left:1px solid #C1C2C7; }

.wXaq-legend { float:left; width:295px; border:1px solid #C1C2C7; margin-bottom:10px; }
.wXaq-legend-title { clear:left; float:left; width:290px; height:18px; padding:2px 0px 0px 5px; background:#FEF1AB; font-weight:bold; border-bottom:1px solid #C1C2C7; }

.wXaq-legend-headings { clear:left; float:left; width:295px; background:#DADADC; height:20px; line-height:10px; text-align:center; font-weight:bold; border-bottom:1px solid #C1C2C7; }
.wXaq-legend-headings div { padding:2px 0px 0px; border-bottom:none; }
.wXaq-legend-key { clear:left; float:left; width:295px; height:20px; background:#FFFFFF; }
.wXaq-legend-key[class] { height:inherit; min-height:20px; }

.wXaq-legend-c1 { float:left; width:64px; height:100%; }
.wXaq-legend-c2 { float:left; width:113px; height:100%; border-right:1px solid #FFFFFF; border-left:1px solid #C1C2C7; }
.wXaq-legend-c3 { float:left; width:103px; height:100%; }

.wXaq-cat { border-right:1px solid #C1C2C7; border-left:1px solid #FFFFFF; }

.wXaq-cat,
.wXaq-num { padding:6px 0px 0px 4px; }

.wXaq-color, 
.wXaq-cat,
.wXaq-num { line-height:1em; height:16px; }

.wXaq-color[class], 
.wXaq-cat[class],
.wXaq-num[class] { height:auto; min-height:20px; }

.wXaq-legend .wXaq-code-std { border:1px solid #FFFFFF; width:11px; height:13px; margin:0px; padding:0px; }
.wXaq-legend .wXaq-color-std { width:13px; height:15px; border:1px solid #000000; margin:2px auto; padding:0px; }

/*      Air Quality | END      */

/*  UV | Begin */
.wXuv-console { background:#ECEDF1; margin:0px 0px 7px 0px; }
.wXuv { color:#000000; width:306px; text-align:center; font-size:12px; border:1px solid #C1C2C7; background:#FFFFFF; }

.wXuv-code-std { width:13px; height:15px; margin:4px auto; border:1px solid #000000; border-top:1px solid #A5A5A3; border-left:1px solid #A5A5A3; }

.wXuv-c1,
.wXuv-c2,
.wXuv-c3 { float:left; height:100%; vertical-align:middle; }

.wXuv-c1 { width:102px; }
.wXuv-c2 { width:121px; border-left:1px solid #FFFFFF; }
.wXuv-c3 { width:81px; border-left:1px solid #FFFFFF; }

.wXuv-date,
.wXuv-code,
.wXuv-color { height:30px; padding-top:9px; line-height:1em; }
.wXuv-date,
.wXuv-code, 
.wXuv-color { border:1px solid #C1C2C7; border-left:none; border-top:none; }
.wXuv-color  { border-right:none; }

.wXuv-solarNoon { display:block; margin:0px auto 0px auto; padding:0px auto 0px auto; font-size:10px; font-weight:normal; }
.wXuv-title-bar { clear:left; float:left; width:100%; background:#FEF1AB; height:20px; font-weight:bold; border-bottom:1px solid #C1C2C7; }
.wXuv-title { float:left; padding:3px 0px 0px 5px; }
.wXuv-headings { clear:left; float:left; width:306px; background:#DADADC; height:30px; line-height:1em; font-weight:bold; border-bottom:1px solid #C1C2C7; }
.wXuv-headings div { padding:2px 0px 0px; height:30px; border-bottom:none; }
.wXuv-observation { clear:left; float:left; width:306px; height:40px; background:#FFFFFF; }
 
.wXuv-additional { clear:both; padding:10px 0px 10px; text-align:left; }

.wXuv-leg-tab { width:225px; border:1px solid #C1C2C7; margin:0px auto 0px; }
.wXuv-leg-tab-title { height:18px; padding:2px 0px 0px 5px; background:#FEF1AB; font-weight:bold; border-bottom:1px solid #C1C2C7; }

.wXuv-leg-tab-c1 { width:64px; text-align:center; }
.wXuv-leg-tab-c2 { width:96px; border-right:1px solid #C1C2C7; border-left:1px solid #C1C2C7; text-align:left; padding-left:10px; }
.wXuv-leg-tab-c3 { width:63px; text-align:center; }


.wXuv-legend { width:225px; border:1px solid #C1C2C7; margin:0px auto 0px; }
.wXuv-legend-title { clear:left; float:left; width:220px; height:18px; padding:2px 0px 0px 5px; background:#FEF1AB; font-weight:bold; border-bottom:1px solid #C1C2C7; }

.wXuv-legend-headings { clear:left; float:left; width:225px; background:#DADADC; height:20px; line-height:10px; text-align:center; font-weight:bold; border-bottom:1px solid #C1C2C7; }
.wXuv-legend-headings div { padding:2px 0px 0px; border-bottom:none; }
.wXuv-legend-key { clear:left; float:left; width:225px; background:#FFFFFF; }
.wXuv-legend-key[class] { height:inherit; min-height:26px; }

.wXuv-legend-c1 { float:left; width:64px; height:100%; }
.wXuv-legend-c2 { float:left; width:96px; height:100%; border-right:1px solid #C1C2C7; border-left:1px solid #C1C2C7; }
.wXuv-legend-c3 { float:left; width:63px; height:100%; }

.wXuv-legend .wXuv-color { border:none; padding-top:3px; height:24px; line-height:1em; }
.wXuv-legend .wXuv-cat { padding:9px 0px 0px 10px;   }
.wXuv-legend .wXuv-num { text-align:center; padding:9px 0px 0px; }


.wXuv-legend .wXuv-cat,
.wXuv-legend .wXuv-num { height:18px; line-height:1em; }


.wXuv .wXchicklets { border-top:1px solid #CACACC; }


 /* UV | End */
 
 
 
 /* Pollen | start */
 
.wXpollen-top { display:block; clear:both; background-color:#FFFFFF; height:24px; padding:5px 8px 0px 8px; border-left:1px #cecece solid; border-right:1px #cecece solid; }
.wXpollen-title { float:left; font-size:14px; font-weight:bold; padding:0px; margin:0px;}
.wXpollen-top img { display:block; float:right; border:none;  } 
 
.wXpollen-wrap { background-color:#FFFFFF; padding:8px; border-left:1px #cecece solid; border-right:1px #cecece solid; }

.wXpollen-chart-wrap { border:1px #cecece solid; margin-bottom:10px; }
.wXpollen-chart-wrap[class] { margin-bottom:5px; }

.wXpollen-chart-top { display:block; background:url(../images/health/img_chart-top-gradient.gif) repeat-x bottom; height:21px; }
.wXpollen-chart-middle { display:block; background:url(../images/health/img_chart-gradient.gif) repeat-x bottom; height:27px; padding:10px 0px 0px 0px; text-align:left; }
.wXpollen-chart-bottom { display:block; background:url(../images/health/img_chart-bottom.gif) no-repeat top left; height:31px; }

.wXpollen-chart-hdr-lo,
.wXpollen-chart-hdr-lo-med,
.wXpollen-chart-hdr-med,
.wXpollen-chart-hdr-med-hi,
.wXpollen-chart-hdr-hi { display:block; float:left; width:95px; margin:2px 10px 0px 10px; text-align:center; font-weight:bold; }

.wXpollen-chart-hdr-lo { color:#137300; }
.wXpollen-chart-hdr-lo-med { color:#e1e345; }
.wXpollen-chart-hdr-med { color:#fb6900; }
.wXpollen-chart-hdr-med-hi { color:#fa0000; }
.wXpollen-chart-hdr-hi { color:#6f3ed2; }

.wXpollen-chart-day { float:left; display:block; width:68px; font-weight:bold; text-align:center; margin:0px; padding:0px; }

#wXpollen-chart-bar { float:left; display:block; height:16px; margin:0; padding:0; }

.wXpollen-chart-bar-green { display:block; background:url(../images/health/img_chart-bar-green.gif) repeat-x top; height:18px; }
.wXpollen-chart-bar-yellow { display:block; background:url(../images/health/img_chart-bar-yellow.gif) repeat-x top; height:18px; }
.wXpollen-chart-bar-orange { display:block; background:url(../images/health/img_chart-bar-orange.gif) repeat-x top; height:18px; }
.wXpollen-chart-bar-red { display:block; background:url(../images/health/img_chart-bar-red.gif) repeat-x top; height:18px; }
.wXpollen-chart-bar-purple { display:block; background:url(../images/health/img_chart-bar-purple.gif) repeat-x top; height:18px; }


.wXpollen-chart-count-green, .wXpollen-chart-count-yellow, .wXpollen-chart-count-orange, .wXpollen-chart-count-red, .wXpollen-chart-count-purple { display:block; float:left; font-weight:bold; margin:0px 0px 0px 5px;  }
.wXpollen-chart-count-green { color:#137300; }
.wXpollen-chart-count-yellow { color:#e1e345;  }
.wXpollen-chart-count-orange { color:#fb6900;  }
.wXpollen-chart-count-red { color:#fa0000;  }
.wXpollen-chart-count-purple { color:#6f3ed2;  }

.wXpollen-content-wrap { clear:both; }
.wXpollen-content-wrap h1 { font-size:12px; font-weight:bold; padding:5px 0 0 0; margin:0; width:auto; }
.wXpollen-content-wrap h1 span { font-weight:normal; }
.wXpollen-content-wrap p { font-size:12px; font-weight:normal; padding:0 0 10px 0; margin:0; width:auto; }

.wXpollen-key-wrap { display:block; float:right; clear:right; padding:10px 0px 10px 10px; }
.wXpollen-key-table { border-collapse:collapse; border:1px #cecece solid; }
.wXpollen-key-table thead th { background-color:#fef1ab; border:1px #cecece solid; font-weight:bold; }
.wXpollen-key-table td, .wXpollen-key-table th { border-left:1px #cecece solid; border-right:1px #cecece solid; padding:3px 8px 3px 8px; }
.wXpollen-key-table .wXpollen-key-values { text-align:center; }
.wXpollen-key-table img { border:0px; width:15px; height:15px; } 
.wXpollen-spacer { width:15px; height:15px; border:0px; }

.wXpollen-greenbox, .wXpollen-yellowbox, .wXpollen-orangebox, .wXpollen-redbox, .wXpollen-purplebox { display:block; width:15px; height:15px; border:1px #000000 solid; border-top:1px solid #A5A5A3; border-left:1px solid #A5A5A3; }
.wXpollen-greenbox { background-color:#137300; }
.wXpollen-yellowbox { background-color:#e1e345; }
.wXpollen-orangebox { background-color:#fb6900; }
.wXpollen-redbox { background-color:#fa0000; }
.wXpollen-purplebox { background-color:#6f3ed2; }

.wXpollen-bottom { display:block; clear:both; border:1px #cecece solid; background-color:#FFFFFF; padding:8px; text-align:left;  }
.wXpollen-ext-fcast { }
.wXpollen-mobile img { display:block; float:right; border:none; }
  
 /* Pollen | end */
