#tripSearch { border-top: 1px solid #BEBEBE; border-right: 1px solid #2E52AB; border-bottom: 1px solid #2E52AB; border-left: 1px solid #2E52AB; } #tripSearch #searchFields { padding: 12px 0; color: #333; background: #EFEFEF url(http://icons.wxug.com/i/wu/nowBarBG.png) repeat-x top; } #tripSearch #searchFields TABLE { } #tripSearch #searchFields TR TD { font-size: 11px; padding: 2px 6px; vertical-align: middle; } #tripSearch #searchFields TR:first-child TD { font-size: 14px; } #tripSearch #searchFields TR TD:first-child { padding-left: 10px; } #tripSearch #searchFields TR TD SPAN { font-size: 10px; font-weight: normal; color: #666; } #tripSearch #searchFields TR TD SPAN A { color: #666; text-decoration: none; } #tripSearch #searchFields #trip_code { width: 300px; height: 29px; border: 1px solid #3B4DA9; font-size: 14px; padding-left: 12px; margin-left: 40px; } #tripSearch #searchFields #exploreSubmit { width: 72px; height: 31px; border: 1px solid #3B4DA9; background: url(http://icons.wxug.com/i/w/wu3_SubmitBg.png) repeat-x; color: #FFF; font-size: 14px; } #tripSearch #searchFields #exploreSubmit.grey { width: 72px; height: 31px; border: 1px solid #3B4DA9; background: url(http://icons.wxug.com/i/w/wu3_SubmitBgDis.png) repeat-x; color: #FFF; font-size: 14px; } #tripSearch #searchDates { padding: 20px 10px; background: url(http://icons.wxug.com/i/wu/gradDownSmall.png) repeat-x; } #tripSearch #searchDates TR TD:first-child { font-size: 14px; font-weight: bold; } #tripSearch #searchDates .b { padding: 0 10px 0 20px; } #tripSearch #searchActivities { padding: 10px; } #tripSearch #searchActivities DIV { font-size: 14px; } #tripSearch #searchActivitiesTable DIV { margin-bottom: 5px; } #locationBarTop { font-size: 11px; height: 30px; } #locationBarTop H1 { float: left; background: url(/i/wu/explorerMarker.png) no-repeat; padding: 2px 10px 0 35px; height: 28px; font-size: 21px; line-height: 21px; } #locationBarTop DIV { float: right; height: 22px; margin-top: 8px; } #locationBarBottom { clear: both; border-top: 1px solid #BEBEBE; font-size: 11px; margin-bottom: 20px; } #locationBarBottom #searchCriteria { float: left; color: #999; margin-top: 6px; } #locationBarBottom #searchCriteria SPAN { color: #333; } #locationBarBottom #searchCriteria A { margin-left: 10px; } #locationBarBottom #socialWeather { float: right; width: 92px; height: 26px; overflow: hidden; margin: 1px 0 0 1px; background: url(http://icons.wxug.com/i/wu/socialBar.png) no-repeat; } #locationBarBottom #socialWeather #socialFacebook { display: block; width: 16px; height: 16px; float: left; margin: 5px 1px 5px 5px; } #locationBarBottom #socialWeather #socialTwitter { display: block; width: 16px; height: 16px; float: left; margin: 5px 1px 5px 5px; } #locationBarBottom #socialWeather #socialRSS { display: block; width: 16px; height: 16px; float: left; margin: 5px 1px 5px 5px; } #locationBarBottom #socialWeather #socialMore { display: block; width: 16px; height: 16px; float: left; margin: 5px 1px 5px 5px; } #calendar_configuration { height: 47px; background: url(http://icons.wxug.com/i/wu/gradDownSmall.png) repeat-x; } #calendar_configuration .titleSubtle { margin-bottom: 5px; } #calendar_configuration #calCity { float: left; padding: 7px 10px 0 10px; background: url(http://icons.wxug.com/i/wu/tickDownSmall.png) no-repeat top right; } #calendar_configuration #calPeriod { float: left; padding: 7px 10px 0 10px; background: url(http://icons.wxug.com/i/wu/tickDownSmall.png) no-repeat top right; } #calendar_configuration #calDays { float: left; padding: 7px 10px 0 10px; } #calendar_configuration #calendarOptions A { color: #333; float: right; margin-right: 13px; margin-top: 12px; display: block; width: 110px; height: 21px; line-height: 21px; padding: 0 10px 0 5px; overflow: hidden; background: url(http://icons.wxug.com/i/wu/buttonBG.png) repeat-x top; border: 1px solid #999; } #calendar_configuration #calendarOptions.expanded A { background-position: 0 -22px; } #calendar_configuration #calendarOptions A SPAN { background: url(/i/wu/buttonCalendar.png) no-repeat left; padding-left: 20px; display: block; height: 21px; line-height: 21px; } #calendar_configuration #calendarOptions:hover A { text-decoration: none; color: #000; } #calendarui { background: #FFF url(http://icons.wxug.com/i/wu/gradDownBG.png) repeat-x top; position: absolute; top: 47px; left: -1px; width: 634px; border: 1px solid #BEBEBE; z-index: 500; cursor: default; } #calendarui #calendarPick { background: #D9D9D9 url(http://icons.wxug.com/i/wu/condTabsBG.png) repeat-x; border-top: 1px solid #BEBEBE; padding: 3px 0 0 0; height: 475px; } #calendarui #calendarPick A.monthBox { float: left; display: block; width: 206px; height: 113px; margin: 1px 0 4px 4px; background-color: #F4F4F4; color: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #calendarui #calendarPick A.monthBox .moName { height: 29px; line-height: 29px; border-bottom: 1px solid #C6C6C6; color: #213F9A; } #calendarui #calendarPick A.monthBox:hover { text-decoration: none !important; color: #333; background-color: #FFF; } #calendarui #calendarPick A.monthBox:hover .moName { text-decoration: underline; } #calendarui #calendarPick A.monthBox .moIcon { float: left; margin: 5px; width: 22px; height: 22px; border: 1px solid #999; background-color: #FFF; } #calendarui #calendarPick A.monthBox .moCond { float: left; height: 24px; line-height: 24px; font-weight: bold; margin-top: 5px; } #calendarui #calendarPick A.monthBox .moDays { float: right; height: 24px; line-height: 24px; font-size: 11px; margin: 5px 5px 0 0; } #calendarui #calendarPick A.monthBox .moPrecip { height: 17px; overflow: hidden; clear: both; position: relative; margin: 5px; } #calendarui #calendarPick A.monthBox .moPrecipBox { background-color: #39A3F5; height: 17px; } #calendarui #calendarPick A.monthBox .moPrecipText { position: absolute; top: 0; left: 0; font-size: 11px; height: 17px; line-height: 17px; padding: 0 5px; width: 186px; } #calendarui #calendarPick A.monthBox .moTemp { padding: 0 5px; height: 27px; line-height: 27px; color: #FFF; } #calendarui #calendarPick A.monthBox .tempHot { background: url(/i/wu/moTemp.png) no-repeat; background-position: 0 -90px; } #calendarui #calendarPick A.monthBox .tempWarm { background: url(/i/wu/moTemp.png) no-repeat; background-position: 0 -60px; } #calendarui #calendarPick A.monthBox .tempCool { background: url(/i/wu/moTemp.png) no-repeat; background-position: 0 -30px; } #calendarui #calendarPick A.monthBox .tempFreeze { background: url(/i/wu/moTemp.png) no-repeat; background-position: 0 0; } #calendarui #yearlyChart { height: 332px; border-top: 1px solid #BEBEBE; } #weatherDetails #dailyChart { height: 332px; border-top: 1px solid #BEBEBE; } #weatherDetails #layerConds { width: 638px; height: 228px; overflow: hidden; margin: 6px 0 0 6px; } #weatherDetails #layerConds #tripTabClear { background: url(/i/wu/tripTabClear.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerConds #tripTabCloudy { background: url(/i/wu/tripTabCloudy.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerConds #tripTabPartlyCloudy { background: url(/i/wu/tripTabPartlyCloudy.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerConds #tripTabFog { background: url(/i/wu/tripTabFog.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerConds #tripTabRain { background: url(/i/wu/tripTabRain.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerConds #tripTabHail { background: url(/i/wu/tripTabHail.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerConds #tripTabSnow { background: url(/i/wu/tripTabSnow.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerConds #tripTabTstorms { background: url(/i/wu/tripTabTstorms.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails .imageHead { font-size: 14px; color: #FFF; margin: 10px 0 3px 10px; } #weatherDetails .imageSubhead { font-size: 11px; color: #FFF; margin: 0 0 0 10px; } #weatherDetails .darkBG { background: #D9D9D9 url(http://icons.wxug.com/i/wu/condTabsBG.png) repeat-x; border-top: 1px solid #BEBEBE; padding-bottom: 6px; } #weatherDetails #layerTemps { width: 638px; height: 228px; overflow: hidden; margin: 7px 0 0 6px; } #weatherDetails #layerTemps #tripHot { background: url(/i/wu/tripTabHot.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerTemps #tripWarm { background: url(/i/wu/tripTabWarm.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerTemps #tripCool { background: url(/i/wu/tripTabCool.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails #layerTemps #tripFreezing { background: url(/i/wu/tripTabFreeze.png) no-repeat; text-shadow: #333 1px 1px 3px; } #weatherDetails .layerImage { width: 125px; height: 228px; overflow: hidden; float: left; } #weatherDetails .layerDetails { width: 388px; height: 228px; overflow: hidden; float: left; background-color: #FFF; } #weatherDetails #tempSlider { position: relative; width: 388px; height: 137px; overflow: hidden; } #weatherDetails #tempSlider #highRange { position: absolute; top: 38px; z-index: 200; font-size: 10px; color: #CCC; } #weatherDetails #tempSlider #highRange .clearItem { border-right: 1px solid #CCC; border-left: 1px solid #CCC; height: 8px; } #weatherDetails #tempSlider #highRange .clearItem DIV { background-color: #EBEBEB; height: 8px; } #weatherDetails #tempSlider #lowRange { position: absolute; top: 80px; z-index: 200; font-size: 10px; color: #CCC; } #weatherDetails #tempSlider #lowRange .clearItem { border-right: 1px solid #CCC; border-left: 1px solid #CCC; height: 8px; } #weatherDetails #tempSlider #lowRange .clearItem DIV { background-color: #EBEBEB; height: 8px; } #weatherDetails #tempSlider #highBox { width: 27px; height: 54px; position: absolute; top: 8px; z-index: 300; } #weatherDetails #tempSlider #highBox #highBall { color: #FFF; width: 27px; height: 27px; line-height: 28px; font-weight: bold; text-align: center; -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; } #weatherDetails #tempSlider #highBox #highStem { width: 1px; height: 27px; margin-left: 13px; } #weatherDetails #tempSlider #tempBar { width: 368px; height: 13px; overflow: hidden; position: absolute; top: 62px; padding-left: 10px; } #weatherDetails #tempSlider #lowRange { width: 30px; height: 8px; position: absolute; top: 80px; z-index: 200; } #weatherDetails #tempSlider #lowBox { width: 27px; height: 54px; position: absolute; top: 75px; z-index: 300; } #weatherDetails #tempSlider #lowBox #lowStem { width: 1px; height: 27px; margin-left: 13px; } #weatherDetails #tempSlider #lowBox #lowBall { color: #FFF; width: 27px; height: 27px; line-height: 28px; font-weight: bold; text-align: center; -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; } #weatherDetails #tempSlider #highDef { position: absolute; top: 7px; left: 10px; font-weight: bold; } #weatherDetails #tempSlider #lowDef { position: absolute; top: 110px; left: 10px; font-weight: bold; } #weatherDetails #tempScale { height: 14px; } #weatherDetails #dewWind { position: relative; width: 388px; height: 76px; border-top: 1px solid #E0E0E0; background: url(http://icons.wxug.com/i/wu/tickDownSmall.png) no-repeat; background-position: 194px 0; } #weatherDetails #dewSection { float: left; width: 174px; height: 59px; padding: 7px 10px; background: url(/i/wu/tripDewScaleF.png) no-repeat bottom; position: relative; } #weatherDetails #dewSection #dewRange { height: 7px; background-color: #EBEBEB; position: absolute; bottom: 16px; z-index: 200; } #weatherDetails #dewSection #dewDef { font-weight: bold; } #weatherDetails #dewSection #dewBox { width: 23px; height: 37px; font-size: 11px; position: absolute; bottom: 14px; z-index: 300; } #weatherDetails #dewSection #dewBox #dewBall { background-color: #999; color: #FFF; width: 23px; height: 23px; line-height: 23px; font-weight: bold; text-align: center; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; } #weatherDetails #dewSection #dewBox #dewStem { background-color: #999; width: 1px; height: 14px; margin-left: 11px; } #weatherDetails #windSection { float: right; width: 174px; height: 59px; padding: 7px 10px; background: url(/i/wu/tripWindScaleF.png) no-repeat bottom; position: relative; } #weatherDetails #windSection #windRange { width: 30px; height: 7px; background-color: #EBEBEB; position: absolute; bottom: 16px; z-index: 200; } #weatherDetails #windSection #windDef { font-weight: bold; } #weatherDetails #windSection #windBox { width: 23px; height: 37px; font-size: 11px; position: absolute; bottom: 14px; z-index: 300; } #weatherDetails #windSection #windBox #windBall { background-color: #999; color: #FFF; width: 23px; height: 23px; line-height: 23px; font-weight: bold; text-align: center; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; } #weatherDetails #windSection #windBox #windStem { background-color: #999; width: 1px; height: 14px; margin-left: 11px; } #weatherDetails .layerAbout { width: 114px; height: 228px; overflow: hidden; border-left: 1px solid #BEBEBE; float: left; background-color: #FFF; font-size: 11px; } #weatherDetails .layerAbout P { margin: 10px; line-height: 12px; } #weatherDetails #topConds .topCond { width: 128px; padding: 2px 5px; height: 24px; line-height: 24px; } #weatherDetails #topConds .topCond SPAN { font-weight: bold; margin-left: 6px; } #weatherDetails #topConds .topDays { width: 259px; padding: 2px 10px; height: 24px; line-height: 24px; } #weatherDetails #topConds .topDays .barSky { height: 14px; line-height: 14px; background-color: #A1A0A0; color: #FFF; float: left; text-align: right; padding-right: 5px; } #weatherDetails #topConds .topDays .barWet { height: 14px; line-height: 14px; background-color: #3897D5; color: #FFF; float: left; text-align: right; padding-right: 5px; } #weatherDetails #topConds .topDays SPAN { font-weight: bold; margin-left: 6px; } #weatherDetails #topFooter { background: #F6F6F6 url(/i/wu/lightGradBG.png) repeat-x; padding: 0 10px; height: 27px; line-height: 27px; font-size: 10px; overflow: hidden; } #weatherDetails #topFooter #topFootPrecip { float: right; padding-right: 20px; background: url(/i/wu/icoPrecipDot.png) no-repeat right; } #weatherDetails #topFooter #topFootMore { border-bottom: 1px dotted #333; font-style: normal; font-weight: bold; cursor: help; } #moreCondsTip { background-color: #000; color: #333; padding: 4px; width: 388px; border: 0; font-size: 11px; z-index: 1000; } #moreCondsTip .ttPoint { width: 36px; height: 14px; position: absolute; top: -14px; background: url(/i/wu/tooltipPointUp.png) no-repeat; } #moreCondsTip #moreConditions { width: 388px; } #moreCondsTip #moreConditions .topCond { width: 128px; padding: 2px 5px; height: 24px; line-height: 24px; } #moreCondsTip #moreConditions .topCond SPAN { font-weight: bold; margin-left: 6px; } #moreCondsTip #moreConditions .topDays { width: 259px; padding: 2px 10px; height: 24px; line-height: 24px; } #moreCondsTip #moreConditions .topDays .barSky { height: 14px; line-height: 14px; background-color: #A1A0A0; color: #FFF; float: left; text-align: right; padding-right: 5px; } #moreCondsTip #moreConditions .topDays .barWet { height: 14px; line-height: 14px; background-color: #3897D5; color: #FFF; float: left; text-align: right; padding-right: 5px; } #moreCondsTip #moreConditions .topDays SPAN { font-weight: bold; margin-left: 6px; } #activity_configuration { height: 47px; background: url(http://icons.wxug.com/i/wu/gradDownSmall.png) repeat-x; } #activity_configuration .titleSubtle { margin-bottom: 5px; } #activity_configuration #actCity { float: left; padding: 7px 10px 0 10px; background: url(http://icons.wxug.com/i/wu/tickDownSmall.png) no-repeat top right; } #activity_configuration #actActivity { float: left; padding: 7px 10px 0 10px; } #activity_configuration #activityOptions A { color: #333; float: right; margin-right: 13px; margin-top: 12px; display: block; width: 100px; height: 21px; line-height: 21px; padding: 0 10px 0 5px; overflow: hidden; background: url(http://icons.wxug.com/i/wu/buttonBG.png) repeat-x top; border: 1px solid #999; } #activity_configuration #activityOptions.expanded A { background-position: 0 -22px; } #activity_configuration #activityOptions A SPAN { background: url(/i/wu/buttonSquares.png) no-repeat left; padding-left: 20px; display: block; height: 21px; line-height: 21px; } #activity_configuration #activityOptions:hover A { text-decoration: none; color: #000; } #activityui { background: #FFF url(http://icons.wxug.com/i/wu/gradDownBG.png) repeat-x top; position: absolute; top: 47px; left: -1px; width: 634px; border: 1px solid #BEBEBE; z-index: 300; cursor: default; } #activityui #activityPick { background: #D9D9D9 url(http://icons.wxug.com/i/wu/condTabsBG.png) repeat-x; border-top: 1px solid #BEBEBE; padding-bottom: 6px; } #activityui #activityPick A { display: block; width: 204px; height: 40px; background-color: #F4F4F4; color: #666; float: left; margin: 5px 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #activityui #activityPick A.active { background-color: #FFF; color: #333; } #activityui #activityPick A .actIcon { width: 28px; height: 28px; margin: 5px; border: 1px solid #BEBEBE; background: url(/i/wu/activityIcons.png) no-repeat; float: left; } #activityui #activityPick A.active .actIcon { width: 28px; height: 28px; margin: 5px; border: 1px solid #213F9A; background: url(/i/wu/activityIcons.png) no-repeat; float: left; } #activityui #activityPick #act01 .actIcon, #activityui #activityPick #act4wheeling .actIcon { background-position: 0 0; } #activityui #activityPick #act01.active .actIcon, #activityui #activityPick #act4wheeling.active .actIcon { background-position: -28px 0px; } #activityui #activityPick #act02 .actIcon, #activityui #activityPick #actAirtours .actIcon { background-position: 0 -28px; } #activityui #activityPick #act02.active .actIcon, #activityui #activityPick #actAirtours.active .actIcon { background-position: -28px -28px; } #activityui #activityPick #act03 .actIcon, #activityui #activityPick #actAlfresco .actIcon { background-position: 0 -56px; } #activityui #activityPick #act03.active .actIcon, #activityui #activityPick #actAlfresco.active .actIcon { background-position: -28px -56px; } #activityui #activityPick #act04 .actIcon, #activityui #activityPick #actATV .actIcon { background-position: 0 -84px; } #activityui #activityPick #act04.active .actIcon, #activityui #activityPick #actATV.active .actIcon { background-position: -28px -84px; } #activityui #activityPick #act05 .actIcon, #activityui #activityPick #actBallooning .actIcon { background-position: 0 -112px; } #activityui #activityPick #act05.active .actIcon, #activityui #activityPick #actBallooning.active .actIcon { background-position: -28px -112px; } #activityui #activityPick #act06 .actIcon, #activityui #activityPick #actBaseball .actIcon { background-position: 0 -140px; } #activityui #activityPick #act06.active .actIcon, #activityui #activityPick #actBaseball.active .actIcon { background-position: -28px -140px; } #activityui #activityPick #act07 .actIcon, #activityui #activityPick #actBeachcombing .actIcon { background-position: 0 -168px; } #activityui #activityPick #act07.active .actIcon, #activityui #activityPick #actBeachcombing.active .actIcon { background-position: -28px -168px; } #activityui #activityPick #act08 .actIcon, #activityui #activityPick #actBeaches .actIcon, #activityui #activityPick #actSunbathing .actIcon { background-position: 0 -196px; } #activityui #activityPick #act08.active .actIcon, #activityui #activityPick #actBeaches.active .actIcon, #activityui #activityPick #actSunbathing.active .actIcon { background-position: -28px -196px; } #activityui #activityPick #act09 .actIcon, #activityui #activityPick #actBiking .actIcon { background-position: 0 -224px; } #activityui #activityPick #act09.active .actIcon, #activityui #activityPick #actBiking.active .actIcon { background-position: -28px -224px; } #activityui #activityPick #act10 .actIcon, #activityui #activityPick #actBirdwatching .actIcon { background-position: 0 -252px; } #activityui #activityPick #act10.active .actIcon, #activityui #activityPick #actBirdwatching.active .actIcon { background-position: -28px -252px; } #activityui #activityPick #act11 .actIcon, #activityui #activityPick #actBoating .actIcon { background-position: 0 -280px; } #activityui #activityPick #act11.active .actIcon, #activityui #activityPick #actBoating.active .actIcon { background-position: -28px -280px; } #activityui #activityPick #act12 .actIcon, #activityui #activityPick #actCamping .actIcon { background-position: 0 -308px; } #activityui #activityPick #act12.active .actIcon, #activityui #activityPick #actCamping.active .actIcon { background-position: -28px -308px; } #activityui #activityPick #act13 .actIcon, #activityui #activityPick #actCanoeing .actIcon { background-position: 0 -336px; } #activityui #activityPick #act13.active .actIcon, #activityui #activityPick #actCanoeing.active .actIcon { background-position: -28px -336px; } #activityui #activityPick #act14 .actIcon, #activityui #activityPick #actCanopy .actIcon { background-position: 0 -364px; } #activityui #activityPick #act14.active .actIcon, #activityui #activityPick #actCanopy.active .actIcon { background-position: -28px -364px; } #activityui #activityPick #act15 .actIcon. #activityui #activityPick #actCricket .actIcon { background-position: 0 -392px; } #activityui #activityPick #act15.active .actIcon, #activityui #activityPick #actCricket.active .actIcon { background-position: -28px -392px; } #activityui #activityPick #act16 .actIcon, #activityui #activityPick #actXcountry .actIcon { background-position: 0 -420px; } #activityui #activityPick #act16.active .actIcon, #activityui #activityPick #actXcountry.active .actIcon { background-position: -28px -420px; } #activityui #activityPick #act17 .actIcon, #activityui #activityPick #actDeepsea .actIcon, #activityui #activityPick #actFly_Fishing .actIcon, #activityui #activityPick #actGame_Fishing .actIcon { background-position: 0 -448px; } #activityui #activityPick #act17.active .actIcon, #activityui #activityPick #actDeepsea.active .actIcon, #activityui #activityPick #actFly_Fishing.active .actIcon, #activityui #activityPick #actGame_Fishing.active .actIcon { background-position: -28px -448px; } #activityui #activityPick #act18 .actIcon, #activityui #activityPick #actFootball .actIcon, #activityui #activityPick #actRugby .actIcon { background-position: 0 -476px; } #activityui #activityPick #act18.active .actIcon, #activityui #activityPick #actFootball.active .actIcon, #activityui #activityPick #actRugby.active .actIcon { background-position: -28px -476px; } #activityui #activityPick #act19 .actIcon, #activityui #activityPick #actFrisbee_Golf .actIcon { background-position: 0 -504px; } #activityui #activityPick #act19.active .actIcon, #activityui #activityPick #actFrisbee_Golf.active .actIcon { background-position: -28px -504px; } #activityui #activityPick #act20 .actIcon. #activityui #activityPick #actGocarts .actIcon { background-position: 0 -532px; } #activityui #activityPick #act20.active .actIcon, #activityui #activityPick #actGocarts.active .actIcon { background-position: -28px -532px; } #activityui #activityPick #act21 .actIcon, #activityui #activityPick #actGolf .actIcon { background-position: 0 -560px; } #activityui #activityPick #act21.active .actIcon, #activityui #activityPick #actGolf.active .actIcon { background-position: -28px -560px; } #activityui #activityPick #act22 .actIcon, #activityui #activityPick #actHanggliding .actIcon { background-position: 0 -588px; } #activityui #activityPick #act22.active .actIcon, #activityui #activityPick #actHanggliding.active .actIcon { background-position: -28px -588px; } #activityui #activityPick #act23 .actIcon, #activityui #activityPick #actHelicopter .actIcon { background-position: 0 -616px; } #activityui #activityPick #act23.active .actIcon, #activityui #activityPick #actHelicopter.active .actIcon { background-position: -28px -616px; } #activityui #activityPick #act24 .actIcon, #activityui #activityPick #actHike .actIcon { background-position: 0 -644px; } #activityui #activityPick #act24.active .actIcon, #activityui #activityPick #actHike.active .actIcon { background-position: -28px -644px; } #activityui #activityPick #act25 .actIcon, #activityui #activityPick #actRiding .actIcon { background-position: 0 -672px; } #activityui #activityPick #act25.active .actIcon, #activityui #activityPick #actRiding.active .actIcon { background-position: -28px -672px; } #activityui #activityPick #act26 .actIcon, #activityui #activityPick #actIce_Skating .actIcon { background-position: 0 -700px; } #activityui #activityPick #act26.active .actIcon, #activityui #activityPick #actIce_Skating.active .actIcon { background-position: -28px -700px; } #activityui #activityPick #act27 .actIcon, #activityui #activityPick #actInline_Skating .actIcon { background-position: 0 -728px; } #activityui #activityPick #act27.active .actIcon, #activityui #activityPick #actInline_Skating.active .actIcon { background-position: -28px -728px; } #activityui #activityPick #act28 .actIcon, #activityui #activityPick #actJetski .actIcon { background-position: 0 -756px; } #activityui #activityPick #act28.active .actIcon, #activityui #activityPick #actJetski.active .actIcon { background-position: -28px -756px; } #activityui #activityPick #act29 .actIcon, #activityui #activityPick #actJogging .actIcon { background-position: 0 -784px; } #activityui #activityPick #act29.active .actIcon, #activityui #activityPick #actJogging.active .actIcon { background-position: -28px -784px; } #activityui #activityPick #act30 .actIcon, #activityui #activityPick #actKiteboarding .actIcon { background-position: 0 -812px; } #activityui #activityPick #act30.active .actIcon, #activityui #activityPick #actKiteboarding.active .actIcon { background-position: -28px -812px; } #activityui #activityPick #act31 .actIcon, #activityui #activityPick #actMiniture_Golf .actIcon { background-position: 0 -840px; } #activityui #activityPick #act31.active .actIcon, #activityui #activityPick #actMiniture_Golf.active .actIcon { background-position: -28px -840px; } #activityui #activityPick #act32 .actIcon, #activityui #activityPick #actMountain_Biking .actIcon { background-position: 0 -868px; } #activityui #activityPick #act32.active .actIcon, #activityui #activityPick #actMountain_Biking.active .actIcon { background-position: -28px -868px; } #activityui #activityPick #act33 .actIcon, #activityui #activityPick #actMountain_Climbing .actIcon { background-position: 0 -896px; } #activityui #activityPick #act33.active .actIcon, #activityui #activityPick #actMountain_Climbing.active .actIcon { background-position: -28px -896px; } #activityui #activityPick #act34 .actIcon, #activityui #activityPick #actNASCAR .actIcon { background-position: 0 -924px; } #activityui #activityPick #act34.active .actIcon, activityui #activityPick #actNASCAR.active .actIcon { background-position: -28px -924px; } #activityui #activityPick #act35 .actIcon, #activityui #activityPick #actParasailing .actIcon { background-position: 0 -952px; } #activityui #activityPick #act35.active .actIcon, #activityui #activityPick #actParasailing.active .actIcon { background-position: -28px -952px; } #activityui #activityPick #act36 .actIcon, #activityui #activityPick #actRafting .actIcon, #activityui #activityPick #actWhitewater_Rafting .actIcon { background-position: 0 -980px; } #activityui #activityPick #act36.active .actIcon, #activityui #activityPick #actRafting.active .actIcon, #activityui #activityPick #actWhitewater_Rafting.active .actIcon { background-position: -28px -980px; } #activityui #activityPick #act37 .actIcon, #activityui #activityPick #actRappelling .actIcon { background-position: 0 -1008px; } #activityui #activityPick #act37.active .actIcon, #activityui #activityPick #actRappelling.active .actIcon { background-position: -28px -1008px; } #activityui #activityPick #act38 .actIcon, #activityui #activityPick #actRock_Climbing .actIcon { background-position: 0 -1036px; } #activityui #activityPick #act38.active .actIcon, #activityui #activityPick #actRock_Climbing.active .actIcon { background-position: -28px -1036px; } #activityui #activityPick #act39 .actIcon, #activityui #activityPick #actSailing .actIcon { background-position: 0 -1064px; } #activityui #activityPick #act39.active .actIcon, #activityui #activityPick #actSailing.active .actIcon { background-position: -28px -1064px; } #activityui #activityPick #act40 .actIcon, #activityui #activityPick #actScuba .actIcon, #activityui #activityPick #actLagoon .actIcon { background-position: 0 -1092px; } #activityui #activityPick #act40.active .actIcon, #activityui #activityPick #actScuba.active .actIcon, #activityui #activityPick #actLagoon.active .actIcon { background-position: -28px -1092px; } #activityui #activityPick #act41 .actIcon, #activityui #activityPick #actSea_Kayaking .actIcon { background-position: 0 -1120px; } #activityui #activityPick #act41.active .actIcon, #activityui #activityPick #actSea_Kayaking.active .actIcon { background-position: -28px -1120px; } #activityui #activityPick #act42 .actIcon, #activityui #activityPick #actSightseeing .actIcon { background-position: 0 -1148px; } #activityui #activityPick #act42.active .actIcon, #activityui #activityPick #actSightseeing.active .actIcon { background-position: -28px -1148px; } #activityui #activityPick #act43 .actIcon, #activityui #activityPick #actSki .actIcon { background-position: 0 -1176px; } #activityui #activityPick #act43.active .actIcon, #activityui #activityPick #actSki.active .actIcon { background-position: -28px -1176px; } #activityui #activityPick #act44 .actIcon, #activityui #activityPick #actSkydiving .actIcon { background-position: 0 -1204px; } #activityui #activityPick #act44.active .actIcon, #activityui #activityPick #actSkydiving.active .actIcon { background-position: -28px -1204px; } #activityui #activityPick #act45 .actIcon, #activityui #activityPick #actSkygazing .actIcon, #activityui #activityPick #actStarparty .actIcon { background-position: 0 -1232px; } #activityui #activityPick #act45.active .actIcon, #activityui #activityPick #actSkygazing.active .actIcon, #activityui #activityPick #actStarparty.active .actIcon { background-position: -28px -1232px; } #activityui #activityPick #act46 .actIcon, #activityui #activityPick #actSledding .actIcon { background-position: 0 -1260px; } #activityui #activityPick #act46.active .actIcon, #activityui #activityPick #actSledding.active .actIcon { background-position: -28px -1260px; } #activityui #activityPick #act47 .actIcon, #activityui #activityPick #actSnorkeling .actIcon { background-position: 0 -1288px; } #activityui #activityPick #act47.active .actIcon, #activityui #activityPick #actSnorkeling.active .actIcon { background-position: -28px -1288px; } #activityui #activityPick #act48 .actIcon, #activityui #activityPick #actSnowboarding .actIcon { background-position: 0 -1316px; } #activityui #activityPick #act48.active .actIcon, #activityui #activityPick #actSnowboarding.active .actIcon { background-position: -28px -1316px; } #activityui #activityPick #act49 .actIcon, #activityui #activityPick #actSnowmobile .actIcon { background-position: 0 -1344px; } #activityui #activityPick #act49.active .actIcon, #activityui #activityPick #actSnowmobile.active .actIcon { background-position: -28px -1344px; } #activityui #activityPick #act50 .actIcon, #activityui #activityPick #actSnowshoeing .actIcon { background-position: 0 -1372px; } #activityui #activityPick #act50.active .actIcon, #activityui #activityPick #actSnowshoeing.active .actIcon { background-position: -28px -1372px; } #activityui #activityPick #act51 .actIcon, #activityui #activityPick #actSnowtubing .actIcon { background-position: 0 -1400px; } #activityui #activityPick #act51.active .actIcon, #activityui #activityPick #actSnowtubing.active .actIcon { background-position: -28px -1400px; } #activityui #activityPick #act52 .actIcon, #activityui #activityPick #actSnuba .actIcon { background-position: 0 -1428px; } #activityui #activityPick #act52.active .actIcon, #activityui #activityPick #actSnuba.active .actIcon { background-position: -28px -1428px; } #activityui #activityPick #act53 .actIcon, #activityui #activityPick #actSoccer .actIcon { background-position: 0 -1456px; } #activityui #activityPick #act53.active .actIcon, #activityui #activityPick #actSoccer.active .actIcon { background-position: -28px -1456px; } #activityui #activityPick #act54 .actIcon, #activityui #activityPick #actSwimming .actIcon { background-position: 0 -1484px; } #activityui #activityPick #act54.active .actIcon, #activityui #activityPick #actSwimming.active .actIcon { background-position: -28px -1484px; } #activityui #activityPick #act55 .actIcon, #activityui #activityPick #actVolleyball .actIcon { background-position: 0 -1512px; } #activityui #activityPick #act55.active .actIcon, #activityui #activityPick #actVolleyball.active .actIcon { background-position: -28px -1512px; } #activityui #activityPick #act56 .actIcon, #activityui #activityPick #actWalking .actIcon { background-position: 0 -1540px; } #activityui #activityPick #act56.active .actIcon, #activityui #activityPick #actWalking.active .actIcon { background-position: -28px -1540px; } #activityui #activityPick #act57 .actIcon, #activityui #activityPick #actWatersking .actIcon { background-position: 0 -1568px; } #activityui #activityPick #act57.active .actIcon, #activityui #activityPick #actWatersking.active .actIcon { background-position: -28px -1568px; } #activityui #activityPick #act58 .actIcon, #activityui #activityPick #actWindsurfing .actIcon { background-position: 0 -1596px; } #activityui #activityPick #act58.active .actIcon, #activityui #activityPick #actWindsurfing.active .actIcon { background-position: -28px -1596px; } #activityui #activityPick A .actType { font-weight: bold; color: #213F9A; margin-top: 4px; } #activityui #activityPick A:hover { text-decoration: none !important; } #activityui #activityPick A:hover .actType { text-decoration: underline; } #activityui #activityPick A .actGood { font-size: 12px; margin-top: 2px; } #activityui #activityPick A .actGood DFN { font-size: 11px; } #activityui #activityPick.noDates A .actType { margin-top: 12px !important; } #activityui #activityPick.noDates A .actGood { display: none; } #activityui #activityFooter { font-size: 11px; color: #999; height: 27px; line-height: 27px; background: url(http://icons.wxug.com/i/wu/gradDownSmall.png) repeat-x; padding: 0 10px; width: 634px; } #activityui #activityFooter SPAN { color: #333; } #goodChart { border-top: 1px solid #BEBEBE; } #goodChart #container{ width: 632px; height:154px; background-color: #F4F4F4; } #goodChart #container #daylight{width:262px;margin-left:275px;margin-top:3px;height:378px;background-color:#FEF6E5;position:absolute;opacity:0.5;} #goodChart #container #sunrise{position:absolute;width:auto;margin-left:275px;} #goodChart #container #sunset{position:absolute;width:auto;margin-left:537px;} #goodChart #container #placeholder{margin-left: 5px; margin-top: -1px; width:629px;height:150px;position:absolute;} .xaxis { padding-left: 40px; font-weight: bold; } .yaxis { font-size: 9px; } #goodChart .sunIco {position:absolute;height:12px;line-height:12px;background:url(http://icons.wxug.com/i/wu/miniAstronomy.png) no-repeat;padding:0 17px;margin:0 -6px;white-space:nowrap;margin-top:10px;} #goodChart .set{background-position:left -13px;} #goodChart .setLabel{ margin-right: 15px; font-size: 12px; } .traveltooltip {position: absolute; top: 0; left: 0; float: left; border:3px solid #000; padding:5px; background-color:#FFF; opacity:1.0; font-size:10px; color:#000; width:auto; text-align:left; z-index:100;} .traveltooltip .ttPoint { width: 18px; height: 16px; position: absolute; bottom: 9px; left:-11px; background: url(http://icons.wxug.com/i/wu/graphTTPoint.png) no-repeat; } #activitycontainer { width: 632px; height: 154px; } #activitycontainer #activityplaceholder { width: 629px; height: 150px; margin-left: 5px; } #yearlycontainer { width: 632px; height: 270px; margin-left: 6px; } #yearlycontainer #yearlyplaceholder { width: 632px; height: 257px; z-index: 2; position: absolute; margin-top: -3px; } #tripcontainer { width: 632px; height: 274px; margin-left: 6px; } #tripcontainer #tripplot { width: 632px; height: 274px; margin-top: -3px; position: absolute; z-index: 2;} #tripcontainer #tripsunrise { position: relative; left: 0px; float: left; z-index: 3; } #tripcontainer #tripsunset { position: relative; left: 0px; float: left; z-index: 3; } #tripcontainer #tripdaylight { width: 0px; left: 0px; top: 3px; height: 251px; margin-top: -3px; background-color: #FEF6E5; position: relative; float: left; opacity: 0.7; z-index: 0; } .monthaxis { font-size: 10px; margin-left: 30px; } .precipaxis { font-size: 10px; color: #39A3F5; } .tempchart { width: 6px; height: 252px; float: left; position: absolute; overflow: hidden; } .charthot { height: 40px;} .chartwarm { height: 80px;} .chartcool { height: 80px;} .chartcold { height: 49px;} .tooltip { position: absolute; width: auto; display: none; border: 4px solid #000; padding: 3px 6px 6px 6px; background-color: #FFF; color: #000; opacity: 1.0; font-size: 10px; } .tooltip .tripTTPoint { width: 18px; height: 16px; position: absolute; bottom: 9px; left: -12px; background: url(http://dev.wxug.com/i/wu/graphTTPoint.png) no-repeat; } .sunIco { position: absolute; height: 11px; line-height: 11px; background: url(http://icons.wxug.com/i/wu/miniAstronomy.png) no-repeat; padding: 0 11px; margin: 0 -6px; white-space: nowrap; margin-top: 11px; z-index: 1; } .set { background-position: left -13px; } .xaxisShader { margin-top: -22px; position: relative; width: 636px; height: 24px; background-color: #F4F4F4; opacity: 1.0; color: #F4F4F4; z-index: 0; border-bottom: 1px solid #B9B9B9; } .choices { margin-top: 4px; margin-left: 20px; } .checkLabel { margin-right: 20px; font-size: 10px; } .checkLabelYearly { margin-right: 7px; font-size: 10px; } .lm16 { margin-left: 16px; } .tm1 { margin-top: 2px; } .tm6 { margin-top: 6px; } .tmNeg4 { margin-top: -4px; } .imgstretch { width: 100%; height: 100%; } #activityMap { position: absolute; width: 397px; height: 310px; float: left; overflow: hidden; padding: 0 10px; } #activityDetails { height: 310px; float: left; overflow-y: scroll; padding: 0 10px; } #activityList { position: relative; width: 196px; height: 290px; float: right; padding: 10px; border-left: 1px solid #BEBEBE; overflow-y: scroll; overflow-x: hidden; } #activityList .stationselector_footer { position: absolute; bottom: 0px; left: 0px; padding: 10px 20px 10px 10px; width: 186px; border-top: 1px solid #DEDEDE; font-size: 11px; color: #666; } /* STATION MAP SELECTOR */ #stationselector { background: #FFF url(http://icons.wxug.com/i/wu/gradDownBG.png) repeat-x top; position: absolute; top: 0px; left: 0px; width: 634px; border: 1px solid #BEBEBE; z-index: 300; } #stationselector_map { width: 322px; height: 501px; float: right; } #stationselector_air { width: 312px; float: left; } #stationselector_pws { width: 312px; float: left; border-top: 1px solid #DEDEDE; margin-top: 10px; } #stationselector_button.expanded { background-position: right bottom !important; } #stationselector_webcampreview { position: absolute; } #stationselector_webcampreview IMG { width: 140px; height: 100px; display: block; border: 4px solid #000; background-color: #FFF; } /* sprites */ .stationselectorHeaderAirport, .stationselectorHeaderPWS, .stationselectorRowAirportIcon, .stationselectorRowPWSIcon, .stationselectorMarkerAirport, .stationselectorMarkerPWS { background: transparent url(http://icons.wxug.com/i/wu/stationSelector.png) no-repeat 0 0; } /* row headers */ .stationselectorHeaderAirport { background-position: 0 -165px; margin: 10px; padding-left: 18px; } .stationselectorHeaderPWS { background-position: 0 -179px; margin: 10px; padding-left: 18px; } /* rows */ .stationselectorRowAirport, .stationselectorRowPWS { display: block; width: 292px; height: 15px; line-height: 15px; padding: 4px; margin: 2px 6px; font-size: 11px; white-space: nowrap; overflow: hidden; } .stationselectorRowAirport.none, .stationselectorRowPWS.none { display: none; } .stationselectorRowAirportIcon { background-position: 0px 0px; } .stationselectorRowPWSIcon { background-position: 0 -32px; } .stationselectorRowAirportIcon, .stationselectorRowPWSIcon { overflow: hidden; width: 18px; height: 15px; line-height: 15px; display: block; text-align: center; color: #FFFFFF; float: left; margin-right: 6px; } .noStations { font-size: 11px; color: #666; margin: 10px; } /* rows hover */ .stationselectorRowAirport.hover, .stationselectorRowPWS.hover { background-color: #E8EBF5; } /* .stationselectorRowAirport.hover .stationselectorRowAirportIcon { background-position: 0 -16px; } .stationselectorRowPWS.hover .stationselectorRowPWSIcon { background-position: 0 -48px; } */ /* rows selected */ .stationselectorRowAirport.selected, .stationselectorRowPWS.selected { background-color: #FEF1D9; } .stationselectorRowAirport.selected .stationselectorRowAirportIcon { background-position: 0 -16px; } .stationselectorRowPWS.selected .stationselectorRowPWSIcon { background-position: 0 -48px; } /* rows webcam */ .stationselectorRowWebcam { width: 18px; height: 11px; background: url(http://icons.wxug.com/i/wu/mapCams.png) no-repeat; background-position: 0 1px; } .stationselectorRowWebcam.hover { background-position: 0 -11px; } .stationselectorRowWebcam IMG { width: 18px; height: 11px; border: 0; } /* markers */ .stationselectorMarkerAirport { background-position: 0 -65px; } .stationselectorMarkerPWS { background-position: 0 -115px; } .stationselectorMarkerAirport, .stationselectorMarkerPWS { overflow: hidden; width: 29px; height: 25px; line-height: 22px; font-size: 11px; display: block; text-align: center; color: #FFFFFF; } .stationselectorMarkerAirport.hover { background-position: 0 -90px; } .stationselectorMarkerAirport.selected { background-position: 0 -90px; } .stationselectorMarkerPWS.hover { background-position: 0 -140px; } .stationselectorMarkerPWS.selected { background-position: 0 -140px; } /* footer */ /*.stationselector_footer { position: absolute; bottom: 0px; left: 0px; padding: 10px; width: 292px; border-top: 1px solid #DEDEDE; font-size: 11px; color: #666; }*/ .stationselector_footer DIV { margin-top: 5px; } .stationselector_prev { float: right; } .stationselector_next { float: right; margin-left: 18px; } .stationselector_prev.disabled, .stationselector_next.disabled { color: #CDCDCD; } .stationselector_close { background: url(http://icons.wxug.com/i/wu/mapClose.png) no-repeat; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; display: block; } #mapListA, #mapListB { width: 209px; } #mapListA UL, #mapListB UL { margin: 10px 7px; } #tripCalendar .primeHeader { font-size: 11px; } #tripCalendar TABLE THEAD TR TH { height: 16px; line-height: 16px; background-color: #D9D9D9; color: #333; text-align: center; padding: 0; font-weight: normal; border-top: 1px solid #BEBEBE; } #tripCalendar TABLE TBODY TR TD { height: 29px; line-height: 29px; background-color: #F4F4F4; color: #333; text-align: center; padding: 0; font-weight: normal; border-left: 1px solid #BEBEBE; border-top: 1px solid #BEBEBE; } #tripCalendar TABLE TBODY TR TD:first-child { border-left: 0 !important; } #tripCalendar TABLE TBODY TR TD.tripDay { background-color: #FFF; color: #000; font-weight: bold; } #tripIcons { width: 100%; border-top: 1px dotted #CCC; margin-top: 10px; background-color: #F5F5F5; } #tripIcons TR TD { color: #666; font-size: 16px; padding: 5px; } #tripIcons TR TD { color: #666; font-size: 16px; padding: 5px; } #tripIcons TR TD.iconText { width: 25%; } #tripIcons TR TD IMG { border-top: 1px solid #333; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #333; } #parkList { width: 100%; } #parkList TR TD { width: 50%; } #parkList TR TD .parkBox { padding: 10px; white-space: nowrap; } #parkList TR TD .parkBox .parkName { margin: 5px 0; } #parkList TR TD .parkBox .parkOption { display: inline; padding: 4px 4px 4px 25px; font-size: 12px; line-height: 24px; white-space: nowrap; } #parkList TR TD .parkBox #optPic { background: url(http://icons.wxug.com/i/misc/ico_1_slide.png) no-repeat 1px; } #parkList TR TD .parkBox #optMap { background: url(http://icons.wxug.com/i/misc/ico_1_fav.png) no-repeat 1px; } #sportsList { width: 290px; background: url(http://icons.wxug.com/i/misc/threeBalls.gif) no-repeat right; }