body {font:Arial, Helvetica, sans-serif; margin:0px;} #container {width:650px; overflow:hidden; position:relative; background-color:#375c74; text-align:left;} #top {width:650px; height:30px; background-image:url('../images/eWeather_images/bg-top.gif'); position:relative;} #top #loc {opacity:100; position:absolute; left:478px; top:11px; width:120px; height:21px; background-color:#e8e8e8; border:1px;} #weg { position:absolute; left:10px; top:5px; width: 145px; height: 34px; } #btm {width:650px; height:30px; background-image:url('../images/eWeather_images/bg-bottom.gif'); position:relative;} #powered { position:absolute; left:450px; top:-2px; } #currents_container {width:325px; height:225px;overflow:auto; position:absolute; top:0px; left:0px; padding:0px; background-color:#375c74; text-align:left;} #currents {position:relative; width:325px; height:225px; text-align:left;background-image:url('../images/eWeather_images/bg_skyaware_currents_nohead.gif'); float:left; overflow:hidden} #cctemp {position:absolute; top: 10px; left:10px; font:bold 12px arial; color:#1f2e3a;} #ccwind {position:absolute; top: 10px; left:40px; font:bold 12px arial; color:#1f2e3a;} #ccsky {position:absolute; top: 10px; left:170px; font:bold 12px arial; color:#1f2e3a;} #status{position:absolute; top: 200px; left:15px;height:30px; width:40px;} #status2{position:absolute; top: 250px; left:15px;height:30px; width:40px;} #status_label{position:absolute; top: 170px; left:10px; font:bold 12px arial; color:#1f2e3a;} #status_label2{position:absolute; top: 185px; left:13px; font:bold 10px arial; color:#1f2e3a;} #status_label3{position:absolute; top: 235px; left:13px; font:bold 10px arial; color:#1f2e3a;} #lightningcurrent{position:absolute; top: 200px; left:15px;height:30px; width:40px;} #status_label4{position:absolute; top: 235px; left:13px; font:bold 10px arial; color:#1f2e3a;} #feelslikeforecast{position:absolute; top: 23px; left:210px;height:10px; width:40px; } #windforecast2{position:absolute; top: 23px; left:210px;height:10px; width:40px; } #feelslikeforecast_label{position:absolute; top: 20px; left:10px; font:bold 14px arial; color:#1f2e3a;} #windforecast_label2{position:absolute; top: 20px; left:10px; font:bold 14px arial; color:#1f2e3a;} #lightningforecast{position:absolute; top: 8px; left:210px;height:10px; width:40px; } #lightningforecast_label{position:absolute; top: 5px; left:10px; font:bold 14px arial; color:#1f2e3a;} .green{background-color:#009900} .yellow {background-color: yellow;} .orange {background-color: #FF6600;} .red {background-color: red;} .purple{background-color:#9900CC} #currents .label {font:bold 12px arial; color:#1f2e3a;} #currents .value {margin: 0px 0px 0px 5px; font-family: arial; font-size: 13px; font-weight: bold; color:#7f161b;} #currents #name {position:absolute; top:12px; left:15px; width:300px; height:40px; overflow:hidden; font:bold 16px arial; color:#1f2e3a;} #currents #station {display:none;} #currents #date {display:none;} #currents #icon {margin: 25px 0px 0px 10px; width:80px; height:80px;} #currents #sky {margin: 5px 0px 0px 8px; width:85px; text-align:center; padding: 0px 0px 5px 0px; border-bottom:1px dotted #1f2e3a;} #currents #sky .label {display:none;} #currents #sky .value {font:bold 11px arial; color:#1f2e3a;} #currents #temp {margin: 0px 0px 0px 10px; width:80px; text-align:center;} #currents #temp .label {display:none;} #currents #temp .value {font:bold 20px arial; color:#7f161b;} #currents #wind {position:absolute; top:57px; left:168px;} #currents #wgusts {position:absolute; top:77px; left:133px;} #currents #feelslike {position:absolute; top:97px; left:140px;} #currents #visibility {position:absolute; top:137px; left:148px;} #currents #rh {position:absolute; top:117px; left:146px;} #currents #precip {position:absolute; top:157px; left:124px;} /*#currents #precip {position:absolute; top:208px; left:150px;}*/ #currents #time {position:absolute; top:200px; left:180px; font-family: arial; font-size:10px;} #trend {position:relative;width:325px;height:225px;top:0px;float:left;text-align:center;background-image:url('../images/eWeather_images/bg_skyaware_currents_nohead.gif.gif');background-repeat:no-repeat;overflow-x: hidden; overflow-y: hidden; } #discussion {position:relative;width:325px;height:325px;top:0px;float:left;} #trend #alert_text{position:relative;top:30px;width: 305px;left:10px;margin:5px 0 0 0;font:bold 12px arial; color:#1f2e3a;} #discussion_header{padding-top:3px; padding-bottom:5px; font:bold 14px arial; color:#1f2e3a;} #discussion_area{margin: 5px 10px 0px 10px; position: absolute; top:30px; font:bold 10px arial; color:#1f2e3a;} #discussion_text{margin: 0px 10px 0px 5px; font:bold 12px arial; color:#1f2e3a;padding-left:5px; height:50px; padding-right:5px;} #disc{} #hourly_container {width:650px; height:330px;overflow:auto; position:absolute; top:0px; left:0px; padding:0px; text-align:left;} #hourly {position:relative; width:640px; height:270px;padding-left:7px;padding-top:7px;} #hourly_header {position:relative; width:650px; height:210px; background-image:url('../images/eWeather_images/bg_detail_forecast_tall.gif'); float:left;padding-top:30px;} #container_sevenday {width:650px; overflow:auto; position:absolute; top:0px; left:0px; padding:0px; background-color:#375c74; text-align:left;} #sevenday {position:relative; width:650px; height:195px; background-image:url('../images/eWeather_images/bg-forecast.gif'); clear:both;} #sevenday #name {font:bold 15px arial; color:#1f2e3a;} #sevenday #icon {width:60px; height:60px;} #sevenday #temp {font:18px arial; margin:3px 0 0 0;} #sevenday #high {color:#7f161b;} #sevenday #low {color:#4f7d99;} #sevenday #sky {margin:5px 0 0 0;font:bold 10px arial; color:#1f2e3a;} #sevenday #wind {margin:5px 0 0 0;font:bold 10px arial; color:#1f2e3a;} #sevenday #day1 {width:92px; text-align:center; padding:40px 0 0 0; float:left;} #sevenday #day2 {width:92px; text-align:center; padding:40px 0 0 0; float:left;} #sevenday #day3 {width:92px; text-align:center; padding:40px 0 0 0; float:left;} #sevenday #day4 {width:92px; text-align:center; padding:40px 0 0 0; float:left;} #sevenday #day5 {width:92px; text-align:center; padding:40px 0 0 0; float:left;} #sevenday #day6 {width:92px; text-align:center; padding:40px 0 0 0; float:left;} #sevenday #day7 {width:92px; text-align:center; padding:40px 0 0 0; float:left;} #sevenday #more_details{width: 92px; text-align: center; position: relative; top: 145px; font:bold 10px arial; color:#1f2e3a;text-decoration: underline} #container_short_term {width:650px; height:300px;overflow:auto; position:absolute; top:0px; left:0px; background-color:#375c74; text-align:left; float:left;} #forecast_text {overflow:hidden; position:relative; top:0px; width:650px; height:300px; float:left; text-align:left; background-image:url('../images/eWeather_images/bg_detail_forecast_tall.gif'); background-repeat:no-repeat;} #header_day {position:absolute; left:10px; padding-top:35px; font:bold 16px arial; color:#1f2e3a;} #icon1 {position:absolute;left:20px; top:65px; height:50px;width:50px;overflow:hidden;} #icon2 {position:absolute;left:20px; top:125px; height:50px;width:50px;overflow:hidden;} #icon3 {position:absolute;left:20px; top:185px; height:50px;width:50px;overflow:hidden;} #icon4 {position:absolute;left:20px; top:245px; height:50px;width:50px;overflow:hidden;} #period_1 {position:absolute;left:10px; top:40px;font-size:12px; color:#1f2e3a; overflow:hidden; padding-right:30px; } #period_2 {position:absolute;left:10px; top:100px;font-size:12px; color:#1f2e3a; overflow:hidden; padding-right:30px;} #period_3 {position:absolute;left:10px; top:160px;font-size:12px; color:#1f2e3a; overflow:hidden; padding-right:30px;} #period_4 {position:absolute;left:10px; top:220px;font-size:12px; color:#1f2e3a; overflow:hidden; padding-right:30px;} #period_1_text {position:absolute;left:100px; top:50px;font-size:12px; font: arial; color:#1f2e3a; overflow:hidden; padding-right:30px; } #period_2_text {position:absolute;left:100px; top:110px;font-size:12px; font: arial; color:#1f2e3a; overflow:hidden; padding-right:30px;} #period_3_text {position:absolute;left:100px; top:170px;font-size:12px; font: arial; color:#1f2e3a; overflow:hidden; padding-right:30px;} #period_4_text {position:absolute;left:100px; top:230px;font-size:12px; font: arial; color:#1f2e3a; overflow:hidden; padding-right:30px;} #almanac {position:relative; top:0px; width:325px; height:270px; float:left; background-image:url('../images/eWeather_images/bg_almanac.gif');} #day1open{position:absolute; top:30px; left:0px; width:93px; height:165px; z-index:2;} #day2open{position:absolute; top:30px; left:93px; width:93px; height:165px; z-index:2;} #day3open{position:absolute; top:30px; left:186px; width:93px; height:165px; z-index:2;} #day4open{position:absolute; top:30px; left:279px; width:93px; height:165px; z-index:2;} #day5open{position:absolute; top:30px; left:372px; width:93px; height:165px; z-index:2;} #day6open{position:absolute; top:30px; left:465px; width:93px; height:165px; z-index:2;} #day7open{position:absolute; top:30px; left:558px; width:93px; height:165px; z-index:2;} #day1close{position:absolute; top:30px; left:0px; width:93px; height:165px; z-index:1;} #day2close{position:absolute; top:30px; left:93px; width:93px; height:165px; z-index:1;} #day3close{position:absolute; top:30px; left:186px; width:93px; height:165px; z-index:1;} #day4close{position:absolute; top:30px; left:279px; width:93px; height:165px; z-index:1;} #day5close{position:absolute; top:30px; left:372px; width:93px; height:165px; z-index:1;} #day6close{position:absolute; top:30px; left:465px; width:93px; height:165px; z-index:1;} #day7close{position:absolute; top:30px; left:558px; width:93px; height:165px; z-index:1;} #maps {width:650px; height:490px; background-image:url('../images/eWeather_images/bg-maps_no_header.gif'); background-repeat:no-repeat; overflow:hidden;} a:link {color:#024c69; font-size:12px; text-decoration:none;} a: hover {color:#659aaf; font-size:12px; text-decoration:underline;} a: visited {color:#024c69; font-size:12px; text-decoration:underline;} #satellite{height:0px; width:0px;} #buttons{padding-top:7px;padding-bottom:7px; padding-left:170px;} #maps_header {width:650px; height:30px; background-image:url('../images/eWeather_images/bg-maps_header.gif'); background-repeat:no-repeat; overflow:hidden;} hour{display:table-cell;border-style:solid;padding: 2px 2px 1px 1px;background-color:gray;border-width:thin;} obs{display:table-row;} ob{display:table-cell;border-style:solid;padding: 2px 2px 1px 1px;border-width:thin;text-align:center;} icon{display:table-cell;} .homerowheader {text-align: right; background-color: #ffffee;} #light {background-color: #e8f8ff; color: #555555; font-size: 10px;} #dark {background-color: #555555; color: #ffffff; font-size: 10px;} table.obs { display: table; font-family:arial,helvetica,sans-serif; font-size:10px; border-width:thin; border-style:outset; background-color: #f5f5f5; border-collapse: collapse; font-weight: bold; } table.obs td {border-width:thin; border-style:inset; padding: 2px 2px 1px 1px; width: 21px;} .rowheader {background-color: #ffffee; font-weight: bold;} td {font-size: 10px; } .N {background: transparent url("../icons/arrow-1/arrow_n.gif") no-repeat top center; height: 19px; width: 16px;} .E {background: transparent url("../icons/arrow-1/arrow_e.gif") no-repeat top center; height: 19px; width: 16px;} .NE {background: transparent url("../icons/arrow-1/arrow_ne.gif") no-repeat top center; height: 19px; width: 16px;} .NW {background: transparent url("../icons/arrow-1/arrow_nw.gif") no-repeat top center; height: 19px; width: 16px;} .S {background: transparent url("../icons/arrow-1/arrow_s.gif") no-repeat top center; height: 19px; width: 16px;} .SE {background: transparent url("../icons/arrow-1/arrow_se.gif") no-repeat top center; height: 19px; width: 16px;} .SW {background: transparent url("../icons/arrow-1/arrow_sw.gif") no-repeat top center; height: 19px; width: 16px;} .W {background: transparent url("../icons/arrow-1/arrow_w.gif") no-repeat top center; height: 19px; width: 16px;} .skyicon1 {background: transparent url("../icons/Microcast-1/ClearDay.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon2 {background: transparent url("../icons/Microcast-1/CloudyDay.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon10 {background: transparent url("../icons/Microcast-1/PartlyCloudyDay.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon11 {background: transparent url("../icons/Microcast-1/MostlyCloudyDay.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon12 {background: transparent url("../icons/Microcast-1/PartlyCloudyDay.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon21 {background: transparent url("../icons/Microcast-1/ClearNight.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon22 {background: transparent url("../icons/Microcast-1/CloudyNight.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon30 {background: transparent url("../icons/Microcast-1/PartlyCloudyNight.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon31 {background: transparent url("../icons/Microcast-1/MostlyCloudyNight.gif") no-repeat top center; height: 34px; width: 25px;} .skyicon32 {background: transparent url("../icons/Microcast-1/PartlyCloudyNight.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon0 {background: transparent url("../icons/Microcast-1/blank.gif") no-repeat top center; height: 32px; width: 32px;} .precipicon4 {background: transparent url("../icons/Microcast-1/mix.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon5 {background: transparent url("../icons/Microcast-1/rain.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon6 {background: transparent url("../icons/Microcast-1/snow.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon7 {background: transparent url("../icons/Microcast-1/mixchance.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon8 {background: transparent url("../icons/Microcast-1/rainchance.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon9 {background: transparent url("../icons/Microcast-1/snowchance.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon24 {background: transparent url("../icons/Microcast-1/mix.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon25 {background: transparent url("../icons/Microcast-1/rain.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon26 {background: transparent url("../icons/Microcast-1/snow.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon27 {background: transparent url("../icons/Microcast-1/mixchance.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon28 {background: transparent url("../icons/Microcast-1/rainchance.gif") no-repeat top center; height: 34px; width: 25px;} .precipicon29 {background: transparent url("../icons/Microcast-1/snowchance.gif") no-repeat top center; height: 34px; width: 25px;} #spacer {padding-top:5px;} #sticker_container {width:185px; height:80px;overflow:hidden; position:absolute; top:0px; left:0px; padding:0px; } #sticker {position:absolute; width:215px; height:125px; height:125px; width:225px;} #sticker .label {font:bold 10px arial; color:#1f2e3a;} #sticker .value {margin: 0px 0px 0px 5px; font-family: arial; font-size: 10px; font-weight: bold; color:#7f161b;} #sticker #name {position:absolute; top:10px; left:10px; width:200px; height:20px; overflow:hidden; font:bold 12px arial; color:#1f2e3a;} #sticker #icon {margin: 25px 0px 0px 10px; width:60px; height:60px;} #sticker #sky {position:absolute; top:25px; left: 90px; margin: 5px 0px 0px 5px; width:75px; text-align:center; padding: 0px 0px 5px 0px; border-top:1px dotted #1f2e3a;} #sticker #sky .value {font:bold 10px arial; color:#1f2e3a;} #sticker #temp {position:absolute; top:10px; left:90px;margin: 0px 0px 0px 10px; width:70px; text-align:center;} #sticker #temp .label {display:none;} #sticker #temp .value {font:bold 16px arial; color:#7f161b;} #sticker #zip {position:absolute; top:83px; left:10px;} #sticker #powered {position:absolute; top:50px; left:90px;}