/* ---------------------------------------------------- www: weather channel css: tabs (except map) -------------------------------------------------------*/ /* =all -------------------------------------------------------*/ .weatherContainer {background:#e8e8e8; color:#000; margin:8px; padding:10px; position:relative; min-height:280px;} .weatherHeader {margin:0 0 10px 0; position:relative;} .weatherHeader h2 {font-size:1.27em; font-weight:bold; margin:0; max-width:800px;} .weatherHeader h3 {color:#666; font-size:1.27em; font-weight:bold; margin:0; max-width:800px;} .weatherHeader em {font-style:normal;} .weatherHeader dl {float:left; color:#555; margin:.5em 0 0 0; padding:0;} .weatherHeader dt {float:left; margin:0 5px 5px 0; padding:0;} .weatherHeader dd {float:left; margin:0 10px 5px 0; padding:0;} .weatherHeader a {color:#434B83; font-weight:bold; text-decoration:none;} .weatherHeader a:hover {text-decoration:underline;} .weatherNav ul {list-style:none; margin:0; padding:0;} .weatherNav li {background:#d8d8d8; cursor:pointer; display:table-cell; *display:inline; *zoom:1; /*IE7 hack*/ font-size:1em; line-height:1.3; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:.5em 10px; vertical-align:middle; width:10em;} .weatherNav li:last-child {border-right:none;} .weatherNav li:hover {background:#fff;} .weatherNav .active {background:#fff; border-bottom:1px solid #fff; font-weight:bold; margin-bottom:0;} .weatherContent {background:#fff; clear:both; margin:0 0 10px 0; min-height:280px; padding:10px 10px 10px 10px;} .weatherContent table {font-size:0.91em; line-height:1.3; margin:0 0 10px 0; text-align:center; width:100%;} .weatherContent th {font-weight:normal; padding:0 .25em .5em .25em; vertical-align:bottom;} .weatherContent td {background:#e8e8e8; border:1px solid #fff; font-weight:bold; padding:.25em; vertical-align:middle; width:10%;} .weatherContent td span {display:block;} .weatherContent h2 {font-size:1.27em; font-weight:bold; margin:0 0 .75em 0;} .weatherContent h3 {font-size:1em; font-weight:bold; margin:0 0 .5em 0;} .weatherContent p {font-size:1em; line-height:1.3; margin:0 0 .75em 0;} .weatherContent .weatherLink {color:#434B83; font-weight:bold; text-decoration:none;} .weatherContent .weatherLink:hover {text-decoration:underline;} .right {float:right;} .weatherContent .weatherIssue {margin:0;} .weatherIssueAlt {margin:0 5 5 5;} .weatherContent .weatherModule {clear:both; display:none; float:left; margin:0 0 10px 0; padding:0; width:630px;} .weatherSummary {float:left; font-size:1em; line-height:1.3; width:640px;} .weatherSummary h2 {font-weight:bold; margin:0 0 .5em 0;} .weatherSummary p {margin:0 0 .75em 0;} .weatherSummary a {color: #434B83; font-weight:bold; text-decoration: none;} .weatherSummary ul {margin:0 0 0 15px; padding:0;} .weatherSummary li {margin:0 0 5px 0;} .weatherLocation {float:right; font-size:1em; line-height:1.3; width:270px; background:#fff; padding:10px 10px 0 10px;} .weatherLocation h2 {clear:both; font-size:1em; font-weight:bold; margin:0 0 .25em 0;} .weatherLocation dl {margin:0 0 9px 0; padding:0;} .weatherLocation dt {background:#fff; clear:both; float:left; width:70px; margin:0 5px 1px 0; padding:0;} .weatherLocation dd {background:#fff; float:left; margin:0 0 1px 0; width:180px; padding:0;} .wlLangOnly, .glLangOnly {border:1px solid #666; display:block; font-size:1em; font-weight:bold; margin:0 0 10px 0; padding:5px;} .engLangOnly {display:none;} /* =warnings -------------------------------------------------------*/ .warningsHeading { font-size: 1.27em; font-weight: bold; position: relative; margin-bottom: 5px; } .warningsHeadDate { font-size: 1.27em; font: #ddd; margin-bottom: 5px; position: relative; } /* =climate -------------------------------------------------------*/ /* climate ALL */ .climateNav li {padding:5px 5px 5px 10px; vertical-align:top; width:15em;} .climateNav li span {font-size:0.91em; font-weight:normal;} .climateNav li em {display:block; font-style:normal;} .g80 {background:#F2FFCC;} .gMean {background:#E5FF99;} .g20 {background:#D9FF66;} li:hover .g80 {background:#777;} li:hover .gMean {background:#555;} li:hover .g20 {background:#333;} .climateOptions {float:right; font-size:1em; line-height:1.3; margin:0; width:220px;} .climateOptions fieldset {margin:0 0 10px 0;} .climateOptions optgroup {font-style:normal;} .climateOptions optgroup option {margin:0; padding:1px 0 1px 10px;} .climateOptions select {padding:2px 2px;} .climateOptions h2 {font-size:1em; font-weight:bold; margin:0 0 .5em 0;} .climateOptions p {margin:0 0 .75em 0;} .climateOptions ul {list-style:none; margin:0 0 10px 0; padding:0;} .climateOptions li {margin:0; padding:5px 0 5px 20px; position:relative;} .climateOptions label {cursor:pointer; width:100%; display:inline-block;} .climateOptions input {cursor:pointer; position:absolute; top:6px; left:0;} .climateOptions select {margin:0 0 10px 0; min-width:180px;} .climateOptions .climateLocs li {margin:0; padding:5px 0; position:relative;} .climateOptions .climateLocs label {cursor:default; display:inline-block; margin:0 5px 0 0; width:auto;} .climateOptions .climateLocs input {cursor:text; display:inline-block; float:none; position:relative; top:0; left:0; width:176px;} /* climate key - whiskers graph */ .climateOptions .whiskers h2 {margin:0 0 10px 0;} .climateOptions .whiskers ul {margin:0; padding:0; border-right:1px solid #000; width:16px; *margin:0 0 10px 0; /*ie7*/} .climateOptions .whiskers li {border:1px solid #000; margin:0 0 13px 4px; padding:0; width:24px; height:4px; *float:left; /*ie7*/} .climateOptions .whiskers .gMean {background:#000; width:32px; margin-left:0;} .climateOptions .whiskers em {font-style:normal; margin:0 0 0 40px; padding:0; position:relative; top:-6px;} .climateOptions .whiskers .gMean em {margin:0 0 0 44px;} /* climate key - bar graph */ .climateOptions .bar h2 {margin:0 0 12px 0;} .climateOptions .bar ul {} .climateOptions .bar li {border:1px solid #000; margin:0; padding:0; width:28px; height:18px;} .climateOptions .bar .gMean {border-top:0; border-bottom:0;} .climateOptions .bar em {font-style:normal; border-top:1px dotted #000; margin:0 0 0 28px; padding:0 0 0 13px;} .climateOptions .bar span {position:relative; top:-8px; background:#fff; padding:0 0 0 3px;} /* climate tables */ #climateTablesHolder {float:left; position:relative; width:640px;} #climateTablesContent table {margin:0;} #climateTables td {padding:.5em .25em;} #climateTables .climateDataAnnual td {background:#ddd;} #climateTablesContent .climateOptions {margin:40px 0 0 0;} /* climate graphs */ #climateGraphsContent {padding-top:20px;} #climateGraphsContent .chartHolder {float:left; position:relative;} #climateGraphsContent .climateOptions {margin:0;} #climateGraphsTable {border-collapse:collapse; display:none; position:absolute; top:0; left:0; z-index:9999;} #climateGraphsTable th, #climateGraphsTable td {background:#666; border:1px solid #fff; color:#fff; font-size:0.91em; font-weight:normal; padding:3px; text-align:left;} #climateGraphsTable th, #climateGraphsTable tfoot td {background:#333;} #chartTable {display:none; margin:20px 0 0 0;} #chartTable tbody th {text-align:right;} #chartMain .tickLabel {color:#000; font-size:1.1em;} .xChart {background:#e8e8e8\9; /*ie8*/ background:rgba(30,30,30,.1); border:1px solid #000; float:left; font-size:0.91em; list-style:none; margin:0 0 20px 0; padding:0; position:relative; z-index:2;} /*width and height set dynamically*/ .xChart li {position:relative; float:left; text-align:center;} /*width and height set dynamically*/ .xChart .xLabel {display:block; position:relative; width:100%;} .xChart .xValue {border:1px solid #000; cursor:default; display:block; height:0; text-indent:-99999em; position:absolute; bottom:0; left:0;} /*width set dynamically*/ .xChart .noDataAll {width:100% !important;} /* line-height set dynamically*/ .xChart .noDataAll:hover {background:none !important;} .xChart .noDataAll .xLabel {background:#e8e8e8; top:0!important; text-indent:0 !important; width:100% !important;} /* line-height set dynamically*/ .xChart li:hover {background:#a2a2a2\9; /*ie8*/ background:rgba(0,0,0,.3); color:#000; cursor:default;} .xChart li:hover .xValue {cursor:default;} .xChart li:hover .noData {background:none; cursor:default; text-indent:2px;} .xChart .noData {background:none; border:0; min-height:20px; text-indent:2px;} .yChart {float:left; font-size:0.91em; list-style:none; margin:0; padding:0; position:relative; left:0; top:1px; z-index:0;} /*width and height set dynamically*/ .yChart .yLabel {border-top:1px solid #ccc; height:0; position:absolute; left:0;} /*width set dynamically*/ .yChart .yLabel em {background:#fff; display:block; font-style:normal; margin:-8px 0 0 0; text-align:center;} .chartHolder .chartYear {background:#111; border:1px solid #fff; color:#fff; display:inline-block; height:auto !important; padding:3px 5px 4px 5px; position:absolute; top:5px; right:5px; width: auto !important; z-index:3;} .chartHolder .chartYear:hover {background:#111; border:1px solid #fff; color:#fff;} .xChart li .whisker {border-right:1px solid #000; display:block; position:absolute; left:0;} div[id*="climate"] div > svg:hover { cursor:pointer; } /* -----------------------------------------------------------------------------------*/ /* climate comparisons */ .weatherContent .climateComparisonsTable {border-bottom:0px solid #fff; float:left; margin:0; width:640px;} .weatherContent .climateComparisonsTable thead th {border-right:1px solid #fff;} .weatherContent .climateComparisonsTable tbody tr {border-bottom:1px solid #fff;} .weatherContent .climateComparisonsTable tbody th {background:#fff; font-weight:normal; padding:.5em 22px; text-align:center; width:1%;} .weatherContent .climateComparisonsTable td {padding:.5em .25em;} .weatherContent .climateComparisonsTable .cellBreak {border-right:5px solid #333;} .weatherContent .climateComparisonsTable .locA, .weatherContent .climateComparisonsTable .locB {font-size:1.27em; font-weight:bold; padding:.5em;} .weatherContent .climateComparisonsTable .annual td {background:#ddd;} #climateComparisonsContent .stationName {font-size:1.09em; font-weight:bold;} #climateComparisonsContent #climateView {float:left; position:relative;} #climateComparisonsContent .chartHolder {clear:both;} #climateComparisonsContent .chartHolder .chart {position:relative;} #climateComparisonsContent .chartHeader {clear:both; margin:0 0 24px 0; width:100%;} #climateComparisonsContent .chartHeader hgroup {float:left; text-align:center;} #climateComparisonsContent .chartHeader h2 {font-size:1.18em; margin:0; padding:6px 0; } #climateComparisonsContent .chartHeader h3 {font-size:1em; margin:0; min-height:15px; padding:0 0 5px 0;} #climateComparisonsContent .chartHeader h4 {font-size:0.91em; font-weight:normal; margin:0 0 1px 0;} #climateComparisonsContent .chartA, #climateComparisonsContent .chartB {float:left; position:relative;} #climateComparisonsContent .climateOptions {margin:90px 0 0 0;} #locAChangeLocation, #locBChangeLocation {z-index:0 !important; border: 5px solid #434B83;} /* climate historic stations */ #climateHistoricContainer {background:#444; color:#fff; margin:0; padding:0; zoom:1; width:100%; float:left;} #climateHistoricMap {border-right:2px solid #313131; float:left; height:956px; position:relative; width:656px; zoom:1;} #climateHistoricInfo {float:right; margin:10px; width:290px;} #climateHistoricInfo h2 {color:#cf3; font-size:1.27em; font-weight:normal; margin:0 0 10px 0;} #climateHistoricInfo h3 {color:#cf3; font-size:1.09em; font-weight:normal;} #climateHistoricInfo p {line-height:1.3;} #climateHistoricInfo a {color:#cf3; font-weight:normal;} #climateHistoricInfo a:hover {color:#fff; text-decoration:none;} #climateHistoricInfo optgroup {font-style:normal;} #climateHistoricInfo optgroup option {margin:0; padding:1px 20px 1px 10px;} #climateHistoricInfo select {padding:2px 2px; width:16em;} #climateHistoricInfo ul {margin:0 0 0 15px; padding:0;} #climateHistoricInfo li {margin:0 0 5px 0;} #climateHistoricInfo #climateHistoricSites {margin:0 0 10px 0; padding:0; list-style:none;} #climateHistoricInfo .svg {display:inline; margin:0 5px 0 0; vertical-align: middle;} #climateHistoricInfo .svgAlt {display:inline-block; margin:0 5px 0 0; vertical-align: middle;} /* climate network */ #climateNetworkContainer {background:#444; color:#fff; margin:0; padding:0; float:left; zoom:1; width:100%;} #climateNetworkContainer .error {padding:10px;} #climateNetworkContainer .error h2 {color:#cf3; font-size:1.27em; font-weight:normal;} #climateNetworkContainer .error p {color:#fff;} #climateNetworkMap {border-right:2px solid #313131; float:left; height:956px; position:relative; width:656px; zoom:1;} #climateNetworkInfo {float:right; margin:10px; width:290px;} #climateNetworkInfo h2 {color:#cf3; font-size:1.27em; font-weight:normal; margin:0 0 10px 0;} #climateNetworkInfo h3 {color:#cf3; font-size:1.09em; font-weight:normal;} #climateNetworkInfo p {line-height:1.3;} #climateNetworkInfo a {color:#cf3;} #climateNetworkInfo a:hover {color:#fff;} #climateNetworkInfo ul {margin:0; padding:0; list-style:none;} #climateNetworkInfo li {margin:0 0 5px 0;} #climateNetworkInfo .svg {display:inline; margin:0 5px 0 0; vertical-align: middle;} #climateNetworkInfo .svgAlt {display:inline-block; margin:0 5px 0 0; vertical-align: middle;} /* climate stations */ #climateStationsContainer {background:#444; color:#fff; margin:0; padding:0; float:left; zoom:1; width:100%;} #climateStationsContainer .error {padding:10px;} #climateStationsContainer .error h2 {color:#cf3; font-size:1.27em; font-weight:normal;} #climateStationsContainer .error p {color:#fff;} #climateStationsMap {border-right:2px solid #313131; float:left; height:956px; position:relative; width:656px; zoom:1;} #climateStationsInfo {float:right; margin:10px; width:290px;} #climateStationsInfo h2 {color:#cf3; font-size:1.27em; font-weight:normal; margin:0 0 10px 0;} #climateStationsInfo h3 {color:#cf3; font-size:1.09em; font-weight:normal;} #climateStationsInfo p {line-height:1.3;} #climateStationsInfo a {color:#cf3;} #climateStationsInfo a:hover {color:#fff;} #climateStationsInfo ul {margin:0; padding:0; list-style:none;} #climateStationsInfo li {margin:0 0 5px 0;} #climateStationsInfo #climateStationsSites {margin:0 0 10px 0; padding:0; list-style:none;} #climateStationsInfo #climateStationsSites li {padding:0 0 0 20px;} #climateStationsInfo .svg {display:inline; margin:0 5px 0 0; vertical-align: middle;} #climateStationsInfo .svgAlt {display:inline-block; margin:0 5px 0 0; vertical-align: middle;} /* climate maps */ #climateMapsContainer {background:#444; color:#fff; margin:0; padding:0;} #climateMap {float:none; height:auto; margin:0; padding:0;} #climateMapList {float:left; list-style:none; margin:0; overflow:hidden; padding:18px 0 18px 18px; width:660px;} #climateMapList li {display:none;} #climateMapList h2 {color:#fff; font-size:1.27em; font-weight:bold; margin:0 0 10px 0;} #climateMapList img {border:2px solid #313131; max-width:656px;} #climateMapList .regError {display:block;} #climateMapList .regError div {background:#fff; border:2px solid #313131; color:#000; min-height:300px; padding:10px; width:598px;} #climateMenu {float:right; font-size:1em; line-height:1.3; margin:41px 10px 0 0; padding:0; position:relative; width:260px;} #climateMenu h2 {color:#cf3; font-size:1.27em; font-weight:normal; margin:0 0 .5em 0;} #climateMenu dl {clear:both; list-style:none; margin:0 0 2em 0;} #climateMenu dt {clear:both; color:#cf3; font-size:1.27em; font-weight:normal; margin:0 0 .5em 0; padding:1em 0 0 0;} #climateMenu dt * {vertical-align:middle;} #climateMenu dt:first-child {padding:0;} #climateMenu dd {background:#333; border:1px solid #111; color:#fff; cursor:pointer; line-height:2em; margin:0 4px 4px 0; padding:0 2px; float:left; text-align:center; width:5em;} #climateMenu dd:hover {background:#222; } #climateMenu .active {background:#333; border:1px solid #cf3; color:#cf3; cursor:default;} #climateMenu .active:hover {background:#333; border:1px solid #cf3; color:#cf3; cursor:default;} #climateMenu fieldset {margin:0 0 1.5em 0;} #climateMenu label {cursor:pointer; display:block; padding:5px 5px 5px 0; position:relative;} #climateMenu select {font-style:normal;width:256px; padding:3px 2px;} #climateMenu optgroup {font-style:normal;} #climateMenu option {padding:2px 5px;} #climateMenu a {color:#cf3;} #climateMenu a:hover {color:#fff;} #climateMenu p {margin:5px 0 0 0;} /* ANIMATION REMOVED - TEMPORARILY? #climateMenu .periodAnimate {background-image:url(/public/lib/images/graphics/spritesGeneral.png); background-repeat: no-repeat; cursor:pointer; display:inline-block; height:22px; margin:-2px 0 0 10px; width:22px; text-indent:-9999px;} #climateMenu .play {background-position:-220px -270px;} #climateMenu .play:hover {background-position:-220px -300px;} #climateMenu .pause {background-position:-190px -270px;} #climateMenu .pause:hover {background-position:-190px -300px; } */ /* climate anomalies */ #climateAnomaliesContainer {background:#444; color:#fff; margin:0; padding:0;} #climateAnomMenu {padding:10px 10px 0 10px; color:#cf3; font-weight:normal; font-size:1.27em; text-align:center;} #climateAnomMenu #climateAnomDateList {display:inline-block; padding:0 50px 5px 0; *display:inline; *zoom:1;} #climateAnomMenu #climateAnomTypeList {display:inline-block; padding:0 50px 5px 0; *display:inline; *zoom:1;} #climateAnomMenu select {font-style:normal; padding:3px 2px 2px 2px; font-size:0.85em; width:240px;} #climateAnomMenu optgroup {font-style:normal;} #climateAnomMenu option {padding:2px 5px;} #climateAnomGrid {display:block;} #climateAnomGrid #monthAndTypeLabel {display:none;} #climateAnomPreview {display:none; padding:20px; overflow:hidden; height:100%;} #climateAnomThumbGrid {list-style:none; padding:20px 0; margin: 0 auto; text-align:center; width:100%;} #climateAnomThumbGrid li {display:inline-block; margin:8px 5px 0 5px; vertical-align:top; *zoom:1; *display:inline;} #climateAnomThumbGrid li > a, #climateAnomThumbGrid li > a img {width:80px; height:100px; border:none; outline:none; display:block; position:relative; font-weight:normal; cursor:pointer;} #climateAnomThumbGrid .climateAnomThumbMissing {display:inline-block; width:80px; height:100px; *zoom:1; *display:inline;} #climateAnomThumbGrid li .yearLabel {padding:4px 0 4px 0; margin-top:0; *width:80px;} #climateAnomPreview .previewImage img {text-align: center; max-width:620px;} #climateAnomPreview .previewImage {float:left; height:100%; overflow:hidden; padding:2px 0 0 0; width:620px; min-height:772px; text-align:center;} #climateAnomPreview .previewImage .missingPreview {margin-top:60px; padding:0; text-align:center;} #climateAnomPreview #previewDetails {float:left; margin-top:50px; background:#444; padding:0 10px 10px 30px; width:260px; height:100%; text-align:left; overflow:hidden;} #climateAnomPreview #previewDetails h3 {color:#cf3; font-size:1.8em; font-weight:bold; margin:0 0 .5em 0; padding:0 0 10px 0;} #climateAnomPreview #previewDetails h1 {color:#fff; font-size:1.2em; font-weight:normal; margin:0 0 .5em 0; padding:0 0 10px 0;} #climateAnomPreview #previewDetails dl {clear:both; list-style:none; margin:0 0 2em 0;} #climateAnomPreview #previewDetails dt {clear:both; color:#cf3; font-size:1.27em; font-weight:normal; margin:0 0 .5em 0; padding:1em 0 0 0;} #climateAnomPreview #previewDetails dt * {vertical-align:middle;} #climateAnomPreview #previewDetails dt:first-child {padding:0;} #climateAnomPreview #previewDetails dd {background:#333; border:1px solid #000; color:#fff; cursor:pointer; float:left; line-height:2em; margin:0 4px 4px 0; padding:0 2px; text-align:center; width:5em;} #climateAnomPreview #previewDetails dd:hover {background:#222;} #climateAnomPreview #previewDetails dd:focus {outline:0;} #climateAnomPreview #climateYearList {padding-top:40px;} #climateAnomPreview #climateDateList {padding-top:20px;} #climateAnomPreview #previewDetails .yearPrevNext {background:#333; border:1px solid #000; color:#fff; cursor:pointer; float:left; line-height:2em; margin:0 4px 4px 0; padding:0 2px; text-align:center; width:5em;} #climateAnomPreview #previewDetails .notAvailable {color:#767676; cursor:default;} #climateAnomPreview #previewDetails .notAvailable:hover {background:#333;} #climateAnomPreview #previewDetails .active {background:#333; border:1px solid #cf3; color:#cf3; cursor:default;} #climateAnomPreview #previewDetails .active:hover {background:#333; border:1px solid #cf3; color:#cf3; cursor:default; text-decoration:none;} #climateAnomPreview .closePreview {cursor: pointer;background-color: #333;border: 1px solid black;float: right;width: 240px;margin: 0 26px 0 0;padding: 10px;font-size: 12px;} #climateAnomPreview .closePreview:hover {text-decoration:underline; background-color: #111;} #climateAnomaliesContainer #climateAnomPreview .loading {left:35%; margin:-10px 0 0 -100px; position:absolute; top:50%;display:none;} /* climate extremes */ #climateExtremesNav li {width:8em;} #climateExtremesContent h2 {font-size:1em; margin:0 0 .5em 0;} #climateExtremesContent .climateExtremesColumn {float:left; width:640px;} #climateExtremesContent .full {width:100%;} .weatherContent .climateExtremesTable {text-align:left;} .weatherContent .climateExtremesTable td {padding:.5em .25em;} .weatherContent .climateExtremesTable .highlight td {background:#ddd;} #climateExtremesContainer .climateOptions {margin:40px 0 0 0;} .climateBoldNotes {font-weight: bold;} .climateObliqueNotes {font-style: oblique;} /* World Climate */ #climateRegionSelector {float:right; line-height:2.3em;} #climateRegionSelector select {display:none; width:180px;} #worldClimateContainer header.weatherHeader {float:left;} /* =fiveDay / last24hours -------------------------------------------------------*/ .aTypeOptions {cursor:pointer; font-weight:bold; color:#434b83;} #fiveDayHeader a {color:#434B83; font-weight:bold; text-decoration:none; position:absolute; top:0; right:0;} #fiveDayBackLink {color:#434B83; display:block; font-weight:bold; text-decoration:none; margin:0 0 10px 0;} #fiveDayContent .weatherIssue a {color:#434B83; display:block; font-weight:bold; text-decoration:none;} #fiveDayPrevLink {height:25px; float: left;} #fiveDayIssueTime {padding-top:10px;} #fiveDayIssueTime:before {clear: both; content: ""; display: block;} #fiveDayNextLink {float:right;} #regionForecast {float:right;} #vDayFootGoRegional, #vDayFootGoMountain {float:right;} #fiveDayNav li {padding:2px 5px 2px 10px; width:11em;} #fiveDayNav .wx {float:right; margin:-4px -4px 0 0;} #fiveDayNav .mediumDate {float:left; padding:7px 0;} #fiveDayNav .last24 {padding:.5em 10px;} #fiveDayNav .last24 .mediumDate {float:none; padding:0; width:auto;} #fiveDayContent td {padding:0.1em;} #tideTableContainer {margin-top:20px; min-height:110px; width:640px;} #tideTableContainer table {width:250px;float: left;margin-right:30px;} #tideTableContainer td {padding:0.5em 0.1em;} #tideTableGraphYaxis, #tideTableGraphXaxis, #tideTableCanvas { display:none; } #tideTableGraphYaxis { float: left; width: 40px; position: relative; } #tideTableGraphXaxis { float: right; height: 30px; padding-right: 0; width: 320px; } #tideTableCanvas { border:solid thin; margin-top: 18px; opacity: 0.5; filter: alpha(opacity = 5); } .tideTableX { float: left; width: 34px; } .tideTableY { margin-right: 8px; text-align: right; position: absolute; width: 32px; font-size: 9px; height: 10px; margin-top: 20px; } .tideTableTip{position:absolute;background:white;opacity:.5;filter:alpha(opacity=50);width:10px;height:10px;font-weight:bold;border:2px #00ADD0 solid; cursor: pointer;} #daylightContainer {margin-top:20px; width:250px; padding-right:20px; float:left; clear:both;} #daylightTable tr {border-bottom:1px solid #ccc;} #daylightTable th {background:#fff; border:0; padding:0 .25em 5px .25em; width:33%;} #daylightTable td {background:#fff; border:0; padding:0 .25em; text-align:left;} #daylightTable .dayTxt {text-align:left;} #daylightTable .svg, #daylightTable .svgAlt {float:left;} .fiveDayWarning .svg, .fiveDayWarning .svg, .fiveDayBodyTD .svg, .fiveDayBodyTD .svg {display:inline-block;} #fiveDayContent .shortDate {display:none;} #fiveDayContent .warning {background:url(/public/lib/images/graphics/spritesGeneral.png) -340px 0 no-repeat; display:inline-block; *float:left;/*ie7 fix*/ height:23px; margin:0 1px 1px 0; text-indent:-9999px; width:23px;} #fiveDayContent .print {display:none;} #fiveDayContent .betaHighlight {background:#bfdaed;} #fiveDayContent th.betaHighlight {border:1px solid #fff;} /* temporary class - replaced with BetaHighlight above - REMOVE after next label release */ #fiveDayContent .beachHighlight {background:#bfdaed;} #fiveDayContent th.beachHighlight {border:1px solid #fff;} #fiveDayContent .printText {display:none;} /* =fiveDay / data2text trial -------------------------------------------------------*/ #data2TextContent #location {display:none;} #data2TextContent #issueTime {display:none;} #data2TextContent div {padding:1em; margin-bottom:0.8em; background-color:#e8e8e8;} /* =fiveDay / Heat-health-Cold weather alerts -------------------------------------------------------*/ #fiveDayNav {float:left;} #fiveDayCWA {display:none; float:right; margin:10px 0 5px 0; padding:2px 4px;} #fiveDayCWA a {display:inline-block; font-weight:bold; text-decoration:none; margin-top:0; line-height:1.6;} #fiveDayCWA a:hover {text-decoration:underline;} #fiveDayHH {display:none; float:right; margin:10px 0 5px 0; padding:2px 4px;} #fiveDayHH a {display:inline-block; font-weight:bold; text-decoration:none; margin:0; line-height:1.6;} #fiveDayHH a:hover {text-decoration:underline;} .hhcwaLink {background:url(/public/lib/images/graphics/spritesArrows.png) -2px -230px no-repeat; display:inline-block; vertical-align:top; height:14px; margin: 2px 0 0 40px; width:8px;} .hhcwaLink4 {background:url(/public/lib/images/graphics/spritesArrows.png) -2px -171px no-repeat; display:inline-block; vertical-align:top; height:14px; margin: 2px 0 0 40px; width:8px;} .hhcwaLevel2 {background:#ff6; border:1px solid #fae04e;} .hhcwaLevel2 a {color:#000; float:left;} .hhcwaLevel3 {background:#f93; border:1px solid #da7006;} .hhcwaLevel3 a {color:#000; float:left;} .hhcwaLevel4 {background:#c03; border:1px solid #7c0020;} .hhcwaLevel4 a {color:#fff; float:left;} /*------------------------------------------------------------*/ #fiveDayOptions {background:url(/public/weather/lib/images/graphics/spritesBgModule.png) 0 0 repeat; background:rgba(0,0,0,.85); display:none; padding:0 10px; position:absolute; top:0; left:0; width:940px; z-index:300;} #fiveDayOptions .optionsHeader {background:#444; background:rgba(68,68,68,.8); margin:10px 0 20px 0; padding:10px;} #fiveDayOptions .optionsHeader h2 {color:#cf3; font-size:1.09em; font-weight:normal; margin:0 0 .5em 0;} #fiveDayOptions .optionsHeader p {color:#fff; margin:0 0 .5em 0;} #fiveDayOptions #sortHeadings {float:left; list-style:none; margin:20px 10px; min-height:14em; padding:0; width:100%;} #fiveDayOptions #sortHeadings li {background:#444; background:rgba(100,100,100,.8); border:3px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; cursor:move; float:left; font-size:0.91em; margin:0 5px 5px 0; min-width:5em; max-width:6.3em; padding:0 0 2em 0; position:relative; text-align:center;} #fiveDayOptions #sortHeadings li:last-child {margin:0;} #fiveDayOptions #sortHeadings .fiveDayPHolder {background:none; border:3px dashed #cf3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0; margin:0 1em 0 1em; visibility:visible !important;height:79px} #fiveDayOptions #sortHeadings .fiveDayOptionDragging {opacity:.8;} #fiveDayOptions .fiveDayHandle {cursor:move; display:block; line-height:1.3; min-height:5.5em; padding:.25em;} #fiveDayOptions .fiveDayHandle .chkOption {position:absolute; bottom:0; left:0; padding:0 0 2px 0; width:100%;} #fiveDayOptions .fiveDayHandle .fiveDayChkbox {cursor:pointer; margin:0 auto;} #fiveDayOptions #lsFooter {background:#444; background:rgba(68,68,68,.8); clear:both;} #fiveDayOptions .fcObsOptionsControlDiv {float:right;} #fiveDayCFV {margin:20px 0 10px 0; clear: both;} #fiveDayCFV h2 {font-size:1.27em; font-weight:bold; margin:0 0 .5em 0;} #fiveDayCFV h3 {font-size:1em; font-weight:bold; margin:0 0 .5em 0;} #fiveDayCFV p {font-size:1em; line-height:1.3; margin:0 0 .75em 0;} /* =meteogram -------------------------------------------------------*/ #meteoDetails {display:none; position:absolute; top:0; left:0; z-index:9999;} #meteoDetails table {border-collapse:collapse; margin:0 0 20px 0;} #meteoDetails th, #meteoDetails td {background:#666; border:1px solid #fff; color:#fff; font-size:0.91em; padding:3px; text-align:left;} #meteoDetails th, #meteoDetails tfoot td {background:#333;} #meteoNav li {width:9em;} #meteoContent {padding:20px 10px 2px 10px; overflow:hidden;} #meteoContent table {clear:both; display:none;} .wxTip .closeTooltip { float: right; margin: -1.6em; background:rgb(27,27,27); background: rgba(27, 27, 27, 0.85); padding: 0.2em 0.3em; border-radius: 999em; width: 1em; height: 1em; text-align: center; display: table; vertical-align: middle; font-size: 1.5em; border: 3px solid rgb(255, 255, 255); font-weight: bold; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); cursor: pointer; } #meteoChart {float:left; font-size:0.91em; overflow:hidden; position:relative; width:640px;} #meteogram {height:280px; position:absolute; top:0; left:0;} .wxForecast #meteogram {height:330px;} #meteoY {font-size:0.91em; font-weight:normal; float:left; height:280px; position:relative; width:6em; z-index:1;} .wxForecast #meteoY {height:330px;} #meteoY .tickLabelY {right:5px; width:6em; text-align:right;} #meteoY .tickLabelY:before {border-top:1px solid rgba(100,100,100,.1); content:''; height:1px; width:640px; margin:7px 0 0 0; position:absolute; left:65px; top:0;} #meteoX {position:absolute; top:0; left:-1px; min-height:280px;} .wxForecast #meteoX {min-height:330px;} #meteoX .tickLabelX {cursor:w-resize; float:left; font-weight:normal; position:relative;} /* text-align:center;} */ #meteoX .wx {position:absolute; top:5px; left:50%; z-index:500; } #meteoX .uv {position:absolute; top:55px; left:50%; z-index:500;} #meteoX .wind {position:absolute; bottom:5px; left:50%; font-weight:bold; text-align:center; z-index:500;} #meteoX .shortDate {background:#fff; cursor:default; display:block; line-height:1.1; margin:280px 0 0 0; padding:10px .5em; width:auto;} #meteoX .mTip {position:absolute; top:0; left:0; width:16em;} #meteoX .mTipBase {background:url(/public/weather/lib/images/graphics/spritesBgTransparent.gif) 0 0 repeat; /* bg for hover <=IE9 */ position:absolute; top:0; left:0; min-height:280px; width:100%; z-index:501;} .wxForecast #meteoX .mTipBase {min-height:330px;} #meteoX .mTipBase:hover {} #meteoBase {background:#C1D5FD; min-height:280px;} .wxForecast #meteoBase {min-height:330px;} #meteoBase .tickLabelX {float:left; font-weight:normal; position:relative; text-align:center;} #meteoBase .shortDate {background:#fff; cursor:default; display:block; line-height:1.1; margin:280px 0 0 0; padding:10px .5em; width:auto;} .wxForecast #meteoBase .shortDate {margin:330px 0 0 0;} #meteoBase .shortDate:before {border-right:1px solid rgba(100,100,100,.1); content:''; height:280px; margin:0 0 0 39px; position:absolute; left:0; top:0; width:0;} .wxForecast #meteoBase .shortDate:before {height:330px;} #meteoBase .day {} #meteoBase .night {background:url(/public/weather/lib/images/graphics/meteoBgNight.png) 0 0 repeat; background:rgba(0,0,0,.2);} #meteoBase .sunrise { background:url(/public/weather/lib/images/graphics/meteoBgSunrise.png) 0 0 repeat-y; background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2))); background:-webkit-linear-gradient(left, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:-moz-linear-gradient(left, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:-ms-linear-gradient(left, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:-o-linear-gradient(left, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:linear-gradient(left, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); } #meteoBase .sunset { background:url(/public/weather/lib/images/graphics/meteoBgSunset.png) 0 0 repeat-y; background:-webkit-gradient(linear, right top, left top, color-stop(0, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2))); background:-webkit-linear-gradient(right, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:-moz-linear-gradient(right, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:-ms-linear-gradient(right, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:-o-linear-gradient(right, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); background:linear-gradient(right, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0) 100%); } #meteoBase .highlight {background:url(/public/weather/lib/images/graphics/meteoBgHighlight.png) 0 0 repeat; background:rgba(0,0,0,.4);} #meteoKey {float:right; font-size:1em; line-height:1.3; width:180px;} #meteoKey h2 {font-size:1em; font-weight:bold; margin:0 0 .5em 0;} #meteoKey p {margin:0 0 .75em 0;} #meteoKey ul {list-style:none; margin:0 0 10px 0; padding:0;} #meteoKey li {padding:0 0 5px 25px; position:relative;} #meteoKey label {cursor:pointer; width:100%; display:inline-block; margin: 1em 0 0;} #meteoKey label > input {margin: 1em 0;} #meteoKey input {cursor:pointer; position:absolute; top:1px; left:0;} #meteoKey .wxIcon {background:url(/public/weather/lib/images/icons/set1/spritesMeteogram.png) 0 0 no-repeat;} #meteoKey .tempIcon {background:url(/public/weather/lib/images/icons/set1/spritesMeteogram.png) -200px 0 no-repeat;} #meteoKey .feelIcon {background:url(/public/weather/lib/images/icons/set1/spritesMeteogram.png) -400px 0 no-repeat;} #meteoKey .windIcon {background:url(/public/weather/lib/images/icons/set1/spritesMeteogram.png) -600px 0 no-repeat;} #meteoKey .windKeyIcon {background:url(/public/weather/lib/images/icons/set1/spritesMeteogram.png) -600px 0 no-repeat;} #meteoKey .uvIcon {background:url(/public/weather/lib/images/icons/set1/spritesMeteogram.png) -800px 0 no-repeat;} /* =verification -------------------------------------------------------*/ .wxVerification #locForm optgroup {font-style:normal;} .wxVerification #locForm optgroup option {margin:0; padding:1px 0 1px 10px;} .wxVerification #locForm select {padding:2px 2px;} .wxVerification #meteoNav li {width:8.2em;} .wxVerification #meteoContent {padding:20px 10px 2px 10px;} /* meteoChart */ .wxVerification #meteoChart {background:#e8e8e8; float:left; font-size:0.91em; overflow:hidden; width:auto;} /* meteogram */ .wxVerification #meteogram {height:auto; position:absolute; top:0; left:0; z-index:500;} /* mean difference */ .wxVerification .meanDiff {background:#111; border:1px solid #fff; color:#fff; display:inline-block; padding:5px; position:absolute; bottom:40px; right:19px; z-index:500;} /* meteoX */ .wxVerification #meteoX {position:absolute; top:0; left:0;} .wxVerification #meteoX .tickLabelX {cursor:w-resize; float:left; font-weight:normal; position:relative; text-align:center; z-index:500;} .wxVerification #meteoX .xForeWx {position:absolute; top:0; left:50%;} .wxVerification #meteoX .xPoP {font-weight:bold; line-height:40px; position:absolute; top:40px; left:50%; width:30px; margin-left:-15px; text-shadow:1px 1px 1px rgba(0,0,0,.2);} .wxVerification #meteoX .xObsWx {background-repeat:no-repeat; position:absolute; top:84px; left:50%; text-indent:-9999px;} .wxVerification #meteoX .xObsTime {display:none;} .wxVerification #meteoX .xObsFlag:before {border-right:1px dashed #00ADD0; content:''; height:240px; margin:0 0 0 16px; position:absolute; left:0; top:120px; width:0;} /* meteoX2 */ .wxVerification #meteoX2 .tickLabelX {border-right:1px solid #fff; float:left; font-weight:normal; position:relative;} .wxVerification #meteoX2 .tickLabelX:hover {background:url(/public/weather/lib/images/graphics/meteoBgHighlight.png) 0 0 repeat; background:rgba(0,0,0,.2);} .wxVerification #meteoX2 .shortDate {background:#fff; cursor:default; display:block; line-height:1.1; padding:10px 0; text-align:center; min-width:95px;} .wxVerification #meteoX2 .mTipBase {position:absolute; top:0; left:0; width:100%; z-index:600;} .wxVerification #meteoX2 .mTip {min-height:240px; margin:-138px 0 0 0; position:absolute; top:40%; left:0px; width:300px; max-width:300px;} .wxVerification #meteoX2 .mTip table {display:block; width:100%;} .wxVerification #meteoX2 .mTip th {border:none; color:#ddd; padding:0 6px 3px 6px; text-align:left; vertical-align:bottom;} .wxVerification #meteoX2 .mTip td {background:#1a1a1a; background:rgba(0,0,0,.2); border:0; border-bottom:1px solid #444; color:fff; font-weight:normal; height:32px; padding:0 6px; text-align:left; width:10%; vertical-align:middle;} .wxVerification #meteoX2 .mTip .foreTip {background:#031F73; border:0; font-weight:bold; height:24px;} .wxVerification #meteoX2 .mTip .obsTip {background:#00ADD0; border:0; font-weight:bold; height:24px;} .wxVerification #meteoX2 .mTip .mWxTxt {vertical-align:middle; width:100%;} .wxVerification #meteoX2 .mTip .mWxImg {padding:0;} .wxVerification #meteoX2 .mTip .mScale {text-align:center; white-space:nowrap;} .wxVerification #meteoX2 .mTip .mPCPN {text-align:center;} /* meteoY */ .wxVerification #meteoY {font-size:0.91em; font-weight:normal; float:left; position:relative; width:45px;} .wxVerification .tickLabelY {left:5px;} /* meteoY2 */ .wxVerification #meteoY2 {background:#e8e8e8; border-right:1px solid #fff; font-size:0.91em; font-weight:bold; float:left; position:relative; width:100px; z-index:400;} .wxVerification #meteoY2 ul {list-style:none; margin:0; padding:0;} .wxVerification #meteoY2 li {display:inline-block; min-height:40px; width:868px; vertical-align:center;} .wxVerification #meteoY2 span {display:block; padding:8px 5px 0 5px; width:90px;} .wxVerification #meteoY2 .yForeWx {background:url(/public/weather/lib/images/graphics/bgTileTempRange.png) 0 0 repeat; background:rgba(255,255,255,.4);} .wxVerification #meteoY2 .yObsWx {background:url(/public/weather/lib/images/graphics/bgTileTempRange.png) 0 0 repeat; background:rgba(255,255,255,.4);} .wxVerification #meteoY2 .yForeTemp {background:url(/public/weather/lib/images/icons/set1/verificationForecast.png) 5px 100% no-repeat; padding:40px 5px 20px 5px;} .wxVerification #meteoY2 .yObsTemp {background:url(/public/weather/lib/images/icons/set1/verificationObs.png) 5px 100% no-repeat; padding:20px 5px;} .wxVerification #meteoY2 .yTemp {margin:0 0 40px 0;} .wxVerification #meteoY2 .yKey {position:relative;} .wxVerification #meteoY2 #meteoKey {float:left; position:absolute; bottom:15px; left:5px; width:95px;} .wxVerification #meteoY2 #meteoKey li {background:none; font-weight:normal; margin:0 5px 0 0; padding:0 0 0 15px; min-height:1px; } .wxVerification #meteoY2 #meteoKey input {top:0; left:0;} /* ie tweaks */ .wxVerification #meteoX2 .mTipBase {background:url(/public/weather/lib/images/graphics/spritesBgTransparent.gif) 0 0 repeat;} /* bg for hover <=IE9 */ .wxVerification #meteoChart {*position:relative; *z-index:400;} .wxVerification #meteoY2 .yForeWx {*background:none;} .wxVerification #meteoY2 .yObsWx {*background:none;} .wxVerification #meteoX2 {*position:relative; *z-index:580;} .wxVerification #meteoX2 .tickLabelX:hover {*position:relative; *z-index:590;} .wxVerification .meanDiff {*z-index:580;} /* =tempRange -------------------------------------------------------*/ #tempRangeNav li {width:11em;} #tempRangeContent {padding:20px 10px 10px 10px;} #tempRangeContent ul {list-style:none; margin:0; padding:0;} #tempRangeChart {float:left; font-size:0.91em; text-align:center;} #tempRangeChart li {background:#e8e8e8; color:#fff; display:block; float:left; position:relative; border-right:1px solid #fff; width:127px;} #tempRangeChart li span {background:#fff; color:#000; display:block; line-height:1.1; padding:10px 5px 0 5px; width:auto;} #tempRangeChart li p {color:#000; position:relative; top:50%; text-align:center;} #tempRangeChart .tempRangeDisplay {background:#ffa500; position:absolute; left:50%; margin:0 0 0 -3em; width:6em; z-index:200;} #tempRangeChart .tempRangeDisplay li {background:#000; border:0; color:#fff; float:none; font-weight:bold; min-height:0 !important; height:20px !important; line-height:20px; margin:0; position:absolute; left:0; width:6em;} #tempRangeChart .tempRangeDisplay .tempMax {top:-10px;} #tempRangeChart .tempRangeDisplay .tempMin {bottom:-10px;} #tempRangeChart .tempRangeDisplay .tempLikely {background:#cf3; border:1px solid #000; color:#000; height:18px !important; line-height:18px; margin:0 0 0 -.5em; width:7em; z-index:300;} #tempRangeYaxis {font-size:0.91em; font-weight:normal; float:left; position:relative; width:6em;} #tempRangeYaxis .tempDeg {font-size:10px; line-height:20px; position:absolute; left:0; background:url(/public/weather/lib/images/graphics/bgTileTempRange.png) 0 0 repeat; background:rgba(255,255,255,.5); width:720px; z-index:100;} #tempRangeKey {font-size:1em; float:right; line-height:1.3; width:180px;} #tempRangeKey h2 {font-size:1em; font-weight:bold; margin:0 0 .5em 0;} #tempRangeKey p {margin:0 0 .75em 0;} #tempRangeKey ul {background:#ffa500; font-size:.91em; height:100px; margin:0 0 1em 0; position:relative; width:10em;} #tempRangeKey li {background:#000; border:0; color:#fff; float:none; font-weight:bold; height:20px; line-height:20px; margin:0; position:absolute; left:0; text-align:center; width:10em;} #tempRangeKey .tempMax {top:0;} #tempRangeKey .tempMin {bottom:0;} #tempRangeKey .tempLikely {background:#cf3; border:1px solid #000; color:#000; height:18px; line-height:18px; margin:0 0 0 -.5em; top:30px; width:11em;} /* =regionalForecast -------------------------------------------------------*/ #regionalForecastNav li {width:11em;} #regionalForecastContent {padding:20px 10px 10px 10px;} #forecastContent * {max-width:640px;} #forecastContent .loading {width:200px;} #forecastContent a {color:#434B83; font-weight:bold; text-decoration:none;} #forecastContent a:hover {text-decoration:underline;} /* =extremes -------------------------------------------------------*/ #extremesNav li {width:9em;} #extremesContent td {padding:.25em; vertical-align:middle;} #extremesContent .measurement {text-align:left;} #extremesContent .measurement {text-align:left; width:30%;} #extremesContent .measurement span {font-weight:normal;} #extremesContent .colSplit {border-left:5px solid #fff;} #extremesContent .svg, #extremesContent .svgAlt {float:left;} #extremesContent h3 {padding:10px 0 0 0;} /* =mountainDetailed -------------------------------------------------------*/ #mountainDetailedNav li {width:9.5em;} #mountainDetailedContent {padding:20px 10px 10px 10px;} .wxMountain dl {font-size:1em; line-height:1.3; margin:0 0 .75em 0;} .wxMountain dt {clear:both; float:left; margin:0 0 .25em 0; min-width:22%;} .wxMountain .tempList dt {min-width:15%;} .wxMountain dd {float:left; margin:0 0 .25em 0;} .wxMountain em {font-style:normal;} #mountainDetailedSubNav {background:#e8e8e8; color:#000; float:right; font-size:1em; border:5px solid #e8e8e8; width:230px;} #mountainDetailedSubNav ul {list-style:none; margin:0; padding:0;} #mountainDetailedSubNav li {background:#d8d8d8; margin:0 0 1px 0; cursor:pointer; padding:.5em 10px; width:210px;} #mountainDetailedSubNav li:last-child {margin:0;} #mountainDetailedSubNav li:hover {background:#fff;} #mountainDetailedSubNav .active {background:#fff; font-weight:bold;} #mountainDetailedTab {display:none;} #mountainGroundSafety ul {margin: 0 0 15px 15px; padding:0px} #mountainGroundSafety .gcImage {float:right; margin: 15px -290px 0 0;} /* =surfacePressure -------------------------------------------------------*/ .wxSurfacePressure .weatherContainer {background:#444; margin:0; padding:20px 0 0 0;} .wxSurfacePressure .weatherContainer .error {padding:0 20px 20px 20px;} .wxSurfacePressure .weatherContainer .error h2 {color:#cf3;} .wxSurfacePressure .weatherContainer .error p {color:#fff;} #surfacePressureChart {list-style:none; margin:0 auto 20px auto; padding:0; position:relative; width:890px;} #surfacePressureColourContainer #surfacePressureChart {min-height:600px;} #surfacePressureBWContainer #surfacePressureChart {min-height:640px;} #surfacePressureChart li {display:none; margin:-2px 0 0 -2px; position:absolute; top:0; left:0;} #surfacePressureChart img {border:0; margin:0 0 5px 0;} #surfacePressureColourContainer img{height: 529px; width: 800px } #surfacePressureChart h2 {color:#cf3; font-size:1em; margin:0; padding:0 0 5px 2px;} #surfacePressureChart p {color:#fff; font-size:1em; margin:0; padding:0 0 5px 2px;} #surfacePressureChart li:hover .wxTip {display:block; position:absolute; top:50%; left:50%; margin:-2em 0 0 -9em;} /* =world forecasts -------------------------------------------------------*/ #locSelContainer {background:#e8e8e8; margin:0; min-height:140px;} #satImgContainer {background:#444; margin:0; padding:0;} #worldForecastsContainer form {display:inline; float:left; margin:0 20px 20px 0; *width:34em;/*ie7*/} #worldForecastsContainer h2 {color:#000; font-size:1.2em; font-weight:normal; margin:0 0 10px 0;} #worldForecastsContainer fieldset {background:#e8e8e8; display:block; margin:0 0 10px 0; padding:5px;} #worldForecastsContainer select {float:right; margin:0; padding:1px 2px 2px 2px;} #worldForecastsContainer label {color:#000; float:left; min-width:5em; margin:3px .5em 0 0; font-weight:bold;} #worldForecastsContainer #intCountry , #worldForecastsContainer #intLocation {float:right; min-width:26em; *width:26em;/*ie7*/} #worldForecastsContainer #worldButton {float:right; margin:0 .5em 0 0;} .worldSection {float:left;} .worldSection p {color:#000;} .worldSection a {color:#434B83;} .worldSection a:hover {text-decoration:none;} #wxTabs #worldForecastsContainer .loading {position:relative; top:0; left:0; float:left; margin:0; min-width:5em;} #loadLocations , #loadCountries {display:none;} .mercShape {background: #fff; opacity: 0; filter:alpha(opacity=0); } .mercShapeHover {background: #cbfd32; opacity: 0.2; filter:alpha(opacity=20); } .worldMapImg {height:100%;position:absolute;} .worldMapImgContainer {display:none;position:absolute;width:767px;height: 470px; overflow:hidden; background:black; } /* =mountain Observations -------------------------------------------------------*/ #locSelContainer {background:#e8e8e8; margin:0; min-height:20px;} #mountainObsContainer span {position: absolute;} #defaultSelect{font-weight:bold; font-style:italic;} #mountainObsContainer h2 {color:#000; font-size:1.2em; font-weight:normal;} #mountainObsContainer select {float:right; margin:0; padding:1px 2px 2px 2px;} #mountainObsContainer label {color:#000; float:left; min-width:5em; margin:3px .5em 0 0; font-weight:bold;} /* =floodWarnings -------------------------------------------------------*/ /*#floodWarningsContainer { color:#000; margin:0; padding:0;min-height: 100px;}*/ #floodWarningsContainer .error {padding:20px 20px 20px 20px; color:#000;} #floodWarningsContainer p {margin:0 0 1em 0; padding:0;} #floodWarningsContainer #mainContent {background:#fff;padding: 10px;} #floodWarningsContainer #mapContainer {float:left; width:360px; border:none; background:#fff; position: relative} #floodWarningsContainer #mapContainer form{position: absolute; top: 0; left: 0;z-index:300} #floodWarningsContainer #mapContainer form ul{background:#eee;background:rgba(255,255,255,1);margin:0; padding:0; list-style:none;} #floodWarningsContainer #mapContainer form li {margin:0; padding:3px 0 3px 20px; position:relative;} #floodWarningsContainer #mapContainer form label {cursor:pointer; width:100%; display:inline-block;} #floodWarningsContainer #mapContainer form input {cursor:pointer; position:absolute; top:4px; left:0;background: none;} #floodWarningsContainer #detailsContainer {color:#000; float:right; font-size:1em; width: 544px; margin:0 } #floodWarningsContainer #detailsContainer h2 {color:#000; font-size:1.27em; font-weight:normal; margin:0 0 10px 0;} #floodWarningsContainer #summariesTableContainer {display: none; padding:0;} #floodWarningsContainer #summariesTableContainer th.summaryHead{border: 1px solid #ccc; border-width: 0 1px 0 0;} #floodWarningsContainer #summariesMetadataDetail{width: 504px;margin: 0 0 10px 0;} #floodWarningsContainer #summariesMetadataDetail #metadataText{width: 300px;float: left;} #floodWarningsContainer #summariesMetadataDetail .agencyLogo{float: right; width: 180px;} #floodWarningsContainer #warningsDetailContainer {display: none;} #floodSearch {background: #fff; margin: 0 0 1px 0;padding: 10px;} #backTo {cursor: pointer;font-weight: bold; font-size: 1.3em; border: 10px solid #e8e8e8; background: #e8e8e8; padding: 10px;text-align: center;float: right; margin: 10px 0 10px 0; width: 544px;} #backTo:hover {text-decoration: underline;} .detailMetaData {border: 10px solid #e8e8e8; padding: 10px; float: right; clear: right; width: 544px;} .detailMetaDataText {float: left; width: 300px;} .detailMetaDataText p{margin: 0 0 10px 0;} .logos {float: right; width: 180px; font-size:1.2em;} #floodWarningsContainer .detailMetaData {float: none;width: 100%;} #floodWarningsDetailContainer {min-height: 100px;} #floodWarningsDetailContainer form{float: left;width: 330px} #floodWarningsDetailContainer fieldset{margin: 0 0 10px 0;} #floodWarningsDetailContainer select{min-width: 240px; padding: 2px; width: 240px\9;/*IE8 and below*/} #floodWarningsDetailContainer input{min-width: 232px; padding: 2px; width: 238px\9;*width: 232px; /*IE8 and below*/} #floodWarningsDetailContainer label{display: block; font-weight: bold; margin: 0 0 3px 0;} #floodWarningsDetailContainer label span{display: block; font-weight: normal;} #warningsDetailList {margin: 0; padding: 0;float: left;} .warningHTML {font-weight: bold;clear: both; list-style: none; margin: 0 0 1px 0;background: #fff;padding: 5px;} .noWarningHTML {font-weight: bold;clear: both; list-style: none; margin: 0 0 1px 0;background: #fff;padding: 5px;} .summaryDetail {display: none; background: #fcc; padding: 10px; font-weight: normal;line-height: 1.4em;margin: 0 0 5px 0;} .warningType {float: left; width: 200px; margin: 0 10px 0 0;text-align: center;} .warningType p{font-weight: normal;margin: 0;} .warningType img{margin: 0 0 3px 0;;} .warningType strong{display: block;font-weight: bold; margin: 0 0 3px 0;} .warningDesc {border-left: 1px solid #eee;float: left; width: 699px;padding: 10px;min-height: 40px;} .warningDesc p{font-weight: normal;margin: 0 0 10px 0;} .warningDesc h3{margin: 0 0 5px 0;} .warningDesc .openCloseSummaryDetail {text-decoration: none; color: #434B83;font-weight: bold; cursor: pointer; float: left;} .warningDesc .openCloseSummaryDetail:hover {text-decoration: underline; color: #000;} #matches {font-size: 1.27em;} #matches h2 {margin:0;} #matches span{font-weight: bold; } #detailHeader {background: #fff;} #floodResults {} #floodWarningsContainer #printRegionsTable {width:100%; display:none;} #floodWarningsContainer .weatherContent {min-height:10px;} #floodWarningsContainer .weatherContent td {padding:.5em; width:20%} #floodWarningsContainer .weatherContent tr:hover td{background: #bbb; cursor:pointer;} #floodWarningsContainer .weatherContent td.floodRegion {text-align: left} #floodWarningsContainer .weatherContent td.floodRegionFailX{text-align: left; background-color: #e1e1e1;color:#c00000; border:solid 0px #c00000; font-weight:normal} #floodWarningsContainer .weatherContent td.floodRegionFail {vertical-align:top;text-align: left; ;color:#c00000; } #floodWarningsContainer .weatherContent th {vertical-align: top;padding:.5em;} #floodWarningsContainer .weatherContent thead th:last-child {padding-top:53px} #floodWarningsContainer .weatherContent th strong {display: block; margin: 0 0 5px 0;min-height: 30px;} #floodWarningsContainer .weatherContent tbody th {background:#ddd; text-align:left;font-weight: bold} #floodWarningsContainer #mapKey {display:block;border:none; position: absolute; z-index: 10; top:200px; width:15em; font-size:1em;} #floodWarningsContainer #mapKey {*padding:10px 0 0 10px; *width:286px;/*ie7*/} .keyfloodWarnings li {width:1em;height:1em;padding: 0;margin:0 0 15px 0;display: block;float: none;} .keyfloodWarnings em {text-align:left; top:0; left:1.5em; width: 11em;} #floodWarningsContainer .keyBase {background:none; color:#000; overflow:visible} #floodWarningsContainer .keyBase h3{margin: 0 0 10px 0;font-weight:bold;float: none;} .hideFocus {outline:none;} #floodKey {background: #fff; float:right; width: 100px;text-align: center;padding: 10px; position: fixed; margin:0 0 0 820px;} #floodKey h3{text-align: left;font-size: 1.09em;} #floodKey ul {margin:0; padding: 0; list-style: none;} #floodKey li {margin:0 0 0 0;float: none;} #floodKey strong {display: block;margin:0 0 5px 0;} .keyfloodWarnings ul {list-style:none; padding:0;margin: 0; *float:none; *width:280px;/*ie7*/} #floodWarningsContainer .keyBase li{min-height:1px;} #floodWarningsContainer .keyfloodWarnings li {margin: 0 0 7px 0;} #floodWarningsContainer .agencyLink {outline:none;} #floodWarningsDetailContainer .agencyLink {outline:none;} .keyfloodWarnings .severe { background: #c03; } .keyfloodWarnings .warning { background: #c03; } .keyfloodWarnings .alert { background: #f93; } .keyfloodWarnings .noLonger { background: #cf3; } .keyfloodWarnings .noData { background: #999; } .keyfloodWarnings .notSelected { background: #eee; } /* =coldWeatherAlert -------------------------------------------------------*/ #coldWeatherAlertContainer {background:#e8e8e8; color:000; margin:0; padding:0;} #coldWeatherAlertContainer .error {padding:20px 20px 20px 20px; color:#000;} #coldWeatherAlertContainer p {margin:0 0 1em 0; padding:0;} #coldWeatherAlertContainer #mapContainer {float:left; width:300px; border:none; background:#ffffff;} #coldWeatherAlertContainer #watchPanel {padding-left:7px;border:2px solid #000; float:right; margin:8px 8px 10px 0; padding:10px; width:636px;} #coldWeatherAlertContainer #watchPanelHeader {margin-top: 0px;} #coldWeatherAlertContainer #detailsContainer {float:right; margin:8px 8px 10px 0; width:659px; background:#ffffff;} #coldWeatherAlertContainer .levelContent {display:none; margin:0 0 10px 0;} #coldWeatherAlertContainer .levelCurrent{border:1px solid rgb(0, 0, 0); margin:10px 10px 10px 0;} #coldWeatherAlertContainer .level1 { background:#cf3; background:-moz-linear-gradient(#cf3, #ade014); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#cf3), to(#ade014)); background:-webkit-linear-gradient(#cf3, #ade014); background:-o-linear-gradient(#cf3, #ade014); background:-ms-linear-gradient(#cf3, #ade014); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccff33', endColorstr='#ade014'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccff33', endColorstr='#ade014'); background:linear-gradient(#cf3, #ade014); color:#000; *zoom:1; /*ie7*/; } #coldWeatherAlertContainer .level1 a {color: #000000; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #coldWeatherAlertContainer .level1 a:hover {color: #000099; text-decoration: underline;} #coldWeatherAlertContainer .level2 { background:#ff6; background:-moz-linear-gradient(#ff6, #fae04e); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff6), to(#fae04e)); background:-webkit-linear-gradient(#ff6, #fae04e); background:-o-linear-gradient(#ff6, #fae04e); background:-ms-linear-gradient(#ff6, #fae04e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff66', endColorstr='#fae04e'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff66', endColorstr='#fae04e'); background:linear-gradient(#ff6, #fae04e); color:#000; *zoom:1; /*ie7*/; } #coldWeatherAlertContainer .level2 a {color: #000000; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #coldWeatherAlertContainer .level2 a:hover {color: #000099; text-decoration: underline;} #coldWeatherAlertContainer .level3{ background:#f93; background:-moz-linear-gradient(#f93, #da7006); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f93), to(#da7006)); background:-webkit-linear-gradient(#f93, #da7006); background:-o-linear-gradient(#f93, #da7006); background:-ms-linear-gradient(#f93, #da7006); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#da7006'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#da7006'); background:linear-gradient(#f93, #da7006); color:#000; *zoom:1; /*ie7*/; } #coldWeatherAlertContainer .level3 a {color: #000000; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #coldWeatherAlertContainer .level3 a:hover {color: #000099; text-decoration: underline;} #coldWeatherAlertContainer .level4{ background:#c03; background:-moz-linear-gradient(#c03, #7c0020); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#c03), to(#7c0020)); background:-webkit-linear-gradient(#c03, #7c0020); background:-o-linear-gradient(#c03, #7c0020); background:-ms-linear-gradient(#c03, #7c0020); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0033', endColorstr='#7c0020'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0033', endColorstr='#7c0020'); background:linear-gradient(#c03, #7c0020); color:#fff; *zoom:1; /*ie7*/; } #coldWeatherAlertContainer .level4 a {color: #ffffff; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #coldWeatherAlertContainer .level4 a:hover {color: #000099; text-decoration: underline;} #coldWeatherAlertContainer .level1, .level2, .level3, .level4, .levelNone{padding:2px 10px;} #coldWeatherAlertContainer .levelNone{color:#000;} #coldWeatherAlertContainer .levelTab1 {border-top:4px solid #CF3; height:30px; padding-top:10px;} #coldWeatherAlertContainer .levelTab2 {border-top:4px solid #FF6; height:30px; padding-top:10px;} #coldWeatherAlertContainer .levelTab3{border-top:4px solid #F93; height:30px; padding-top:10px;} #coldWeatherAlertContainer .levelTab4{border-top:4px solid #C03; height:30px; padding-top:10px;} #coldWeatherAlertContainer .levelTabNone{border-top:4px solid #d8d8d8; height:30px; padding-top:5px; padding-bottom:5px;} #coldWeatherAlertContainer .levelTab1, .levelTab2, .levelTab3, .levelTab4{color: #000; text-align:center; width:101px; *width:103px; /*ie7*/} #coldWeatherAlertContainer .levelTabNone{color: #000; text-align:center; width:125px; *width:121px;} #coldWeatherAlertContainer .levelTabAlertLevel1{width:131px;} #coldWeatherAlertContainer .levelNav ul {list-style:none; margin:0; padding:0;} #coldWeatherAlertContainer .levelNav li {background:#d8d8d8; cursor:pointer; display:table-cell; height:30px; font-size:1em; line-height:1.3; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; vertical-align:middle; *display:inline; *zoom:1; *height:45px; /*ie7*/} #coldWeatherAlertContainer .levelNav li:first-child {border-left:none} #coldWeatherAlertContainer .levelNav li:hover {background:#fff;} #coldWeatherAlertContainer .levelNav .active {background:#fff; border-bottom:1px solid #fff; font-weight:bold; margin-bottom:0;} #coldWeatherAlertContainer #regionsTable {width:100%;} #coldWeatherAlertContainer #printRegionsTable {width:100%; display:none;} #coldWeatherAlertContainer .tableContent table {margin:0 0 0 0;} #coldWeatherAlertContainer .tableContent th {font-weight:bold;} #coldWeatherAlertContainer .tableContent td {font-weight:normal;} #coldWeatherAlertContainer .tableContent p {line-height:1.1; margin:0 0 0 0;} #coldWeatherAlertContainer .tableContent caption {font-weight:bold; text-align:left;font-size:1.1em;} #coldWeatherAlertContainer #outOfSeason { background:#CCCCCC; background: -moz-linear-gradient(#CCCCCC, #F7F7F7); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#CCCCCC), to(#F7F7F7)); background:-webkit-linear-gradient(#CCCCCC, #F7F7F7); background:-o-linear-gradient(#CCCCCC, #F7F7F7); background:-ms-linear-gradient(#CCCCCC, #F7F7F7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#F7F7F7'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#F7F7F7'); background:linear-gradient(#CCCCCC, #F7F7F7); border: 5px solid #FFFFFF; margin: 30px auto; padding: 10px 8px; font-weight: bold; float: left; *zoom:1; /*ie7*/; } #coldWeatherAlertContainer #outOfSeasonWrapper1 {width:700px; margin-left:auto; margin-right:auto;} #coldWeatherAlertContainer #outOfSeasonWrapper2 {width:100%; float:left;} /* =heatHealth -------------------------------------------------------*/ #heatHealthContainer {background:#e8e8e8; color:000; margin:0; padding:0;} #heatHealthContainer .error {padding:20px 20px 20px 20px; color:#000;} #heatHealthContainer p {margin:0 0 1em 0; padding:0;} #heatHealthContainer #mapContainer {float:left; width:300px; border:none; background:#ffffff;} #heatHealthContainer #watchPanel {padding-left:7px;border:2px solid #000; float:right; margin:8px 8px 10px 0; padding:10px; width:636px;} #heatHealthContainer #watchPanelHeader {margin-top: 0px;} #heatHealthContainer #detailsContainer {float:right; margin:8px 8px 10px 0; width:659px; background:#ffffff;} #heatHealthContainer .levelContent {display:none; margin:0 0 10px 0;} #heatHealthContainer .levelCurrent{border:1px solid rgb(0, 0, 0); margin:10px 10px 10px 0;} #heatHealthContainer .level1 { background:#cf3; background:-moz-linear-gradient(#cf3, #ade014); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#cf3), to(#ade014)); background:-webkit-linear-gradient(#cf3, #ade014); background:-o-linear-gradient(#cf3, #ade014); background:-ms-linear-gradient(#cf3, #ade014); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccff33', endColorstr='#ade014'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccff33', endColorstr='#ade014'); background:linear-gradient(#cf3, #ade014); color:#000; *zoom:1; /*ie7*/; } #heatHealthContainer .level1 a {color: #000000; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #heatHealthContainer .level1 a:hover {color: #000099; text-decoration: underline;} #heatHealthContainer .level2 { background:#ff6; background:-moz-linear-gradient(#ff6, #fae04e); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff6), to(#fae04e)); background:-webkit-linear-gradient(#ff6, #fae04e); background:-o-linear-gradient(#ff6, #fae04e); background:-ms-linear-gradient(#ff6, #fae04e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff66', endColorstr='#fae04e'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff66', endColorstr='#fae04e'); background:linear-gradient(#ff6, #fae04e); color:#000; *zoom:1; /*ie7*/; } #heatHealthContainer .level2 a {color: #000000; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #heatHealthContainer .level2 a:hover {color: #000099; text-decoration: underline;} #heatHealthContainer .level3{ background:#f93; background:-moz-linear-gradient(#f93, #da7006); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f93), to(#da7006)); background:-webkit-linear-gradient(#f93, #da7006); background:-o-linear-gradient(#f93, #da7006); background:-ms-linear-gradient(#f93, #da7006); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#da7006'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#da7006'); background:linear-gradient(#f93, #da7006); color:#000; *zoom:1; /*ie7*/; } #heatHealthContainer .level3 a {color: #000000; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #heatHealthContainer .level3 a:hover {color: #000099; text-decoration: underline;} #heatHealthContainer .level4{ background:#c03; background:-moz-linear-gradient(#c03, #7c0020); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#c03), to(#7c0020)); background:-webkit-linear-gradient(#c03, #7c0020); background:-o-linear-gradient(#c03, #7c0020); background:-ms-linear-gradient(#c03, #7c0020); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0033', endColorstr='#7c0020'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0033', endColorstr='#7c0020'); background:linear-gradient(#c03, #7c0020); color:#fff; *zoom:1; /*ie7*/; } #heatHealthContainer .level4 a {color: #ffffff; font-size: 1.0em; font-weight: bold; text-align: center; text-decoration: none;} #heatHealthContainer .level4 a:hover {color: #000099; text-decoration: underline;} #heatHealthContainer .level1, .level2, .level3, .level4, .levelNone{padding:2px 10px;} #heatHealthContainer .levelNone{color:#000;} #heatHealthContainer .levelTab1 {border-top:4px solid #CF3; height:30px; padding-top:10px;} #heatHealthContainer .levelTab2 {border-top:4px solid #FF6; height:30px; padding-top:10px;} #heatHealthContainer .levelTab3{border-top:4px solid #F93; height:30px; padding-top:10px;} #heatHealthContainer .levelTab4{border-top:4px solid #C03; height:30px; padding-top:10px;} #heatHealthContainer .levelTabNone{border-top:4px solid #d8d8d8; height:30px; padding-top:5px; padding-bottom:5px;} #heatHealthContainer .levelTab1, .levelTab2, .levelTab3, .levelTab4{color: #000; text-align:center; width:101px; *width:103px; /*ie7*/} #heatHealthContainer .levelTabNone{color: #000; text-align:center; width:125px; *width:121px;} #heatHealthContainer .levelTabAlertLevel1{width:131px; *width:131px; /*ie7*/} #heatHealthContainer .levelNav ul {list-style:none; margin:0; padding:0;} #heatHealthContainer .levelNav li {background:#d8d8d8; cursor:pointer; display:table-cell; height:30px; font-size:1em; line-height:1.3; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; vertical-align:middle; *display:inline; *zoom:1; *height:45px; /*ie7*/} #heatHealthContainer .levelNav li:first-child {border-left:none} #heatHealthContainer .levelNav li:hover {background:#fff;} #heatHealthContainer .levelNav .active {background:#fff; border-bottom:1px solid #fff; font-weight:bold; margin-bottom:0;} #heatHealthContainer #regionsTable {width:100%;} #heatHealthContainer #printRegionsTable {width:100%; display:none;} #heatHealthContainer .tableContent table {margin:0 0 0 0;} #heatHealthContainer .tableContent th {font-weight:bold;} #heatHealthContainer .tableContent td {font-weight:normal;} #heatHealthContainer .tableContent p {line-height:1.1; margin:0 0 0 0;} #heatHealthContainer .tableContent caption {font-weight:bold; text-align:left;font-size:1.1em;} #heatHealthContainer #outOfSeason { background:#CCCCCC; background: -moz-linear-gradient(#CCCCCC, #F7F7F7); background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#CCCCCC), to(#F7F7F7)); background:-webkit-linear-gradient(#CCCCCC, #F7F7F7); background:-o-linear-gradient(#CCCCCC, #F7F7F7); background:-ms-linear-gradient(#CCCCCC, #F7F7F7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#F7F7F7'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#F7F7F7'); background:linear-gradient(#CCCCCC, #F7F7F7); border: 5px solid #FFFFFF; margin: 30px auto; padding: 10px 8px; font-weight: bold; float: left; *zoom:1; /*ie7*/; } #heatHealthContainer #outOfSeasonWrapper1 {width:700px; margin-left:auto; margin-right:auto;} #heatHealthContainer #outOfSeasonWrapper2 {width:100%; float:left;} /* Aviation WAFC ------------------------------------------------------*/ #wafcMainContent {background:#FFFFFF; min-height:400px; padding:10px;} #wafcMenu {background:#E8E8E8; font-size:1.27em; font-weight:normal; padding:10px; text-align:center;} #wafcMenu #regionList, #pressureList, #typeList, #rangeList {display:inline; padding:0 12px 5px 0; width:200px; *display:inline; *zoom:1;} #wafcMenu select {font-size:0.85em; font-style:normal; padding:3px 2px 2px 2px; width:200px;} #wafcMenu label {font-weight:bold; padding:0 10px 0 0;} #wafcMenu optgroup {font-style:normal;} #wafcMenu option {padding:2px 5px;} #wafcGraph {display:block; margin:0 auto;} #wafcGraph .catPlotDisplay {padding: 10px 0 0 0 0;} #wafcTimeGraph {display:block; margin:0 auto; padding: 40px 0 0 0;} #wafcGraphContent, #wafcTimeGraphContent {padding: 20px 0 0 0; min-width:640px;} #wafcGraphContent .loading, #wafcTimeGraphContent .loading {display:none; left:50%; margin:-10px 0 0 -100px; position:absolute; top:50%;} #wafcGraphTitle {font-size:1.27em; font-weight:bold; padding:0; text-align:center;} #wafcLinkContainer {display:none; margin: 10px; padding:10px;} #wafcLinkContainer #linkRegionHeader {display:block; font-size:1.26em; font-weight:bold; padding:10px; text-align:center;} #wafcLinkContainer #linkRegionSubHeader {display:block; font-size:1.2em; font-weight:normal; padding:10px; text-align:center;} #wafcLinkContainer #linkRegionSubHeader p {margin:0;} #wafcPerformanceContainer #contingencyTable {line-height:1.4em; margin:0 auto; text-align:center; width:100%;} #wafcPerformanceContainer #contingencyTable td {background:none repeat scroll 0 0 #E8E8E8; border:1px solid #FFFFFF; padding:4px;} #wafcPerformanceContainer #contingencyTable .contingencyCol0, .contingencyCol5, .contingencyCol6 {color:#000000;} #wafcPerformanceContainer #contingencyTable .contingencyCol1, .contingencyCol4 {color:#008000;} #wafcPerformanceContainer #contingencyTable .contingencyCol2 {color:#FFA500;} #wafcPerformanceContainer #contingencyTable .contingencyCol3 {color:#FF0000;} /* =mapster tooltips ------------------------------------------------------*/ #mapsterToolTipContainer { position:absolute; width:auto; background:#1b1b1b; background:-moz-linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1)); background:-webkit-gradient(linear, left top, left bottom, from(rgba(87,87,87,.9)), to(rgba(27,27,27,1))); background:-webkit-linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1)); background:-o-linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1)); background:linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1)); border:3px solid #fff; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 4px 4px rgba(0,0,0,.4); -webkit-box-shadow:4 4px 10px rgba(0,0,0,.4); box-shadow:4px 2px 10px rgba(0,0,0,.4); color:#fff; font-size:1em; font-weight:normal; line-height:1.3; padding:5px 5px 2px 5px; } #mapsterToolTipContainer h2 {color:#cf3; font-size:1em; font-weight:bold; margin:0 0 3px 0;} #mapsterToolTipContainer {color:#fff; font-weight:normal; margin:0 0 5px 0;} #fiveDayRegionLinks {float:right; margin-top:20px; position:absolute; right:0; top:0;} /* =print -------------------------------------------------------*/ @media print { /* =all (print) ----------------------------*/ .weatherContainer {background:none; border:0; margin:0 0 20px 0; min-height:0; padding:0;} .weatherHeader {margin:0 0 2em 0;} .weatherHeader a, .weatherNav, .weatherContainer form, .weatherContent .weatherLink {display:none;} .weatherContent {min-height:auto; padding:0;} .weatherContent h2 {margin:0 0 .25em 0;} .weatherContent th {padding:.5em .25em; border:1px solid #ccc; font-weight:bold;} .weatherContent td {background:none; border:1px solid #ccc; font-weight:normal; padding:.5em .25em;} .weatherContent .weatherModule {background:none; border-top:1px solid #ccc; display:block !important; float:none; margin:0 0 10px 0; padding:20px 0 10px 0; width:auto;} .weatherLocation {float:none; width:auto; padding:10px 0 0 0;} .weatherLocation h2 {font-size:1.18em;} .weatherLocation dl {margin:0 0 9px 0; padding:0;} .weatherLocation dt {background:none; width:10%;} .weatherLocation dd {background:none; width:50%;} /* =climate ----------------------------*/ /* climate ALL */ .climateOptions {float:none; margin:0 !important; width:auto;} .climateOptions form{display:none;} .chartHolder {float:none; margin:0 0 20px 0; width:100% !important;} .chartHolder .chartYear {background:#fff; border:1px solid #000; color:#000;} .xChart, .xChart .xValue {background:none;} .g80 {background:#fff !important; border:1px dashed #000 !important;} .gMean {background:#fff !important; border:1px solid #000 !important;} .g20 {background:#fff !important; border:1px dotted #000 !important;} .bar .g20 {border-bottom:1px solid #000 !important;} .yChart .yLabel {border:1px solid transparent;} /* climate key - whiskers graph */ .climateOptions .whiskers .g80 {background:#fff; border:1px dashed #000;} .climateOptions .whiskers .gMean {background:#fff; border:1px solid #000;} .climateOptions .whiskers .g20 {background:#fff; border:1px dotted #000;} /* climate key - bar graph */ .climateOptions .bar .gMean {border-top:0; border-bottom:0;} /* climate comparisons */ #climateComparisonsContent #climateView {float:none; margin:0 0 20px 0; width:100%;} .weatherContent .climateComparisonsTable tr {border:1px solid #ccc;} .weatherContent .climateComparisonsTable thead th {border:1px solid #ccc;} /* climate graphs */ #climateGraphsContent {padding:0;} /* climate historic stations */ #climateHistoricContainer {background:none; color:#000;} #climateHistoricMap {border:2px solid #313131; float:none !important; margin:0 0 20px 0; height:820px !important; width:99% !important; page-break-after:always;} #climateHistoricInfo {float:none; margin:0 0 20px 0; width:auto;} #climateHistoricInfo h2, #climateHistoricInfo h3 {color:#000; font-weight:bold;} #climateHistoricInfo p {line-height:1.3;} #climateHistoricInfo a {color:#000; text-decoration:none;} #climateHistoricInfo select {display:none;} #climateHistoricInfo ul {margin:0 0 0 15px; padding:0;} #climateHistoricInfo li {margin:0 0 5px 0;} /* climate maps */ #climateMapsContainer {background:#fff; color:#000;} #climateMapList {float:none; padding:0 0 20px 0;} #climateMapList li {display:block; page-break-after:always;} #climateMapList h2 {color:#000; font-size:1.27em; font-weight:bold; margin:0 0 10px 0;} #climateMapList img {border:1px solid #000; max-width:100%;} #climateMenu {display:none;} /* climate network */ #climateNetworkContainer {background:none; color:#000;} #climateNetworkContainer .error h2 {color:#000;} #climateNetworkContainer .error p {color:#000;} #climateNetworkMap {border:2px solid #313131; float:none; margin:0 0 20px 0; height:800px; width:600px !important;} #climateNetworkInfo {float:none; margin:0 0 20px 0; width:auto;} #climateNetworkInfo h2, #climateNetworkInfo h3 {color:#000; font-weight:bold;} /* climate stations */ #climateStationsContainer {background:none; color:#000;} #climateStationsContainer .error h2 {color:#000;} #climateStationsContainer .error p {color:#000;} #climateStationsMap {border:2px solid #313131; float:none; margin:0 0 20px 0; height:800px; width:600px !important;} #climateStationsInfo {float:none; margin:0 0 20px 0; width:auto;} #climateStationsInfo h2, #climateStationsInfo h3 {color:#000; font-weight:bold;} /* climate tables */ #climateTablesHeader form {display:none;} #climateTables .climateDataAnnual td {background:#fff;} /* climate anomalies */ #climateAnomPreview .closePreview {display:none;} #climateAnomPreview #previewDetails {display:none;} #climateAnomGrid #monthAndTypeLabel {display: inline-block; font-weight:normal; font-size:1.3em;} /* =fiveDay (print) ----------------------------*/ #fiveDayHeader {display:none;} #fiveDayContent .weatherIssue {margin:0 0 20px 0;} #fiveDayContent .weatherIssue a {display:none;} #fiveDayContent tbody {display:table-row-group !important; *display:block !important;} #fiveDayContent th {padding:.5em .25em; border:1px solid #ccc; font-weight:bold;} #fiveDayContent th.beachHighlight, #fiveDayContent th.betaHighlight {background:none !important; border:1px solid #ccc;} #fiveDayContent td {background:none; border:1px solid #ccc; font-weight:normal; padding:.1em;} #fiveDayContent td .print {display:inline !important;} #fiveDayContent td a {color:#000; font-weight:normal;} #fiveDayContent .shortDate {display:block;} #fiveDayContent .overview {background:none; height:auto; text-indent:0; width:auto;} #fiveDayContent .warning {background:none; display:block; height:auto; margin:0 0 10px 0; text-indent:0; width:auto;} #fiveDayContent canvas {display:block; margin:0 auto;} #fiveDayContent .printText {display:block;} #fiveDayCFV {margin:0;} #fiveDayTable .shortTime, #fiveDayOptions, #fiveDaySummary, #fiveDayNextLink, #fiveDayPrevLink, #fiveDayBackLink {display:none !important;} /* =fiveDay / data2text trial (print) -------------------------------------------------------*/ #data2TextContent div {display:block !important;} #data2TextContent #fiveDayHeader {display:block;} /* =fiveDay / Heat-health-Cold weather alerts (print) ----------------------------*/ #fiveDayHH {float:none; margin-bottom: 5px;} #fiveDayCWA {float:none; margin-bottom: 5px;} .hhcwaLink{display:none !important;} .hhcwaLink4{display:none !important;} .hhcwaLevel2 {background:none; border:3px solid #ff6;} .hhcwaLevel3 {background:none; border:3px solid #f93;} .hhcwaLevel4 {background:none; border:3px solid #c03;} /* =flood (print) ----------------------------*/ #floodWarningsContainer #mainContent {background:none; padding:0;} #floodWarningsContainer #mapContainer {display:none;} #floodWarningsContainer #detailsContainer {float:none; width:100%;} #floodWarningsContainer #summariesMetadataDetail {margin:0 0 20px 0;} #floodSearch {background:none; margin:0 0 20px 0; padding:0;} #floodSearch .detailMetaData {float:none; margin:0;} #floodWarningsDetailContainer form{float:none; width:100%; display:block !important;} /* #floodWarningsDetailContainer form p {display:none;} #floodWarningsDetailContainer fieldset {display:none;} */ #backTo {display:none;} #matches {margin:0 0 20px 0;} #matches p {display:block;} .warningHTML {background:none; border:1px solid #ddd; margin:0 0 10px 0; padding:5px 0;} .warningType {float:left; width:25%;} .warningDesc {float:left; width:70%;} .openCloseSummaryDetail {background:none; display:none;} .summaryDetail {background:none !important; color:#000 !important; display:block !important; padding:0;} /* =leisure (print) ----------------------------*/ #leisureContainer #fiveDayHeader {display:block;} #leisureContainer #fiveDayHeader h2 {font-size:1.72em;} #leisureContainer #fiveDayHeader h3 {display:none;} /* =tide table (print) ----------------------------*/ #tideTableContainer {float:left; margin:0 !important; padding:0; width:55%;} #tideTableContainer table {width:100%;} #tideTableContainer tr {border:3px solid #ddd;} #tideTableContainer th {border:0; padding:.5em .25em;} #tideTableContainer td {border:0; padding:.5em .25em;} /* =daylight (print) ----------------------------*/ #daylightContainer {margin:0 20px 0 0; padding:0; width:40%;} #daylightTable {width:100%;} #daylightTable tr {border:3px solid #ddd;} #daylightTable th {border:0; padding:.5em .25em;} #daylightTable td {border:0; padding:0 .25em;} /* =meteogram (print) ----------------------------*/ #meteoHeader {display:none;} #meteoContent {padding:0;} #meteoContent table {display:block; margin:0;} #meteoContent th {padding:.5em .25em; border:1px solid #ccc; font-weight:bold;} #meteoContent td {background:none; border:1px solid #ccc; font-weight:normal; padding:0 .25em .25em .25em;} #meteoY, #meteoY2, #meteoChart, #meteoKey, #meteoSummary {display:none;} /* =verification (print) ----------------------------*/ .wxVerification #meteoPrint tbody tr:first-child, .wxVerification #locForm .sitesSelect {display:none;} /* =tempRange (print) ----------------------------*/ #tempRangeHeader h2 {display:none;} #tempRangeChart {border:1px solid #ccc; margin:0 0 10px 0; width:450px;} #tempRangeChart li {background:none; color:#000; border-right:1px solid #ccc; width:89px;} #tempRangeChart li span {background:none; border-top:1px solid #ccc; padding:10px 5px; width:auto;} #tempRangeChart li:last-child {border:none;} #tempRangeChart .tempRangeDisplay {background:none !important; border:1px solid #ccc; margin:0 0 0 -2em; position:absolute; left:50%; width:4em;} #tempRangeChart .tempRangeDisplay li {background:none; color:#000; width:4em;} #tempRangeChart .tempRangeDisplay .tempMax {background:#fff; border:2px solid #f00; color:#f00; margin:0 0 0 -2px;} #tempRangeChart .tempRangeDisplay .tempMin {background:#fff; border:2px solid #00f; color:#00f; margin:0 0 0 -2px;} #tempRangeChart .tempRangeDisplay .tempLikely {background:#fff; border:2px solid #000; color:#000; margin:0 0 0 -.7em; width:5em;} #tempRangeYaxis {margin:3px 0 0 0;} #tempRangeYaxis .tempDeg {background:none; width:auto;} #tempRangeSummary {display:none;} #tempRangeKey {float:left; font-size:smaller; width:auto; margin:0 0 0 25px;} #tempRangeKey ul {background:none !important; border-left:1px solid #ccc; border-right:1px solid #ccc; width:80px;} #tempRangeKey li {background:none; color:#000; width:80px;} #tempRangeKey .tempMax {background:#fff; border:2px solid #f00; color:#f00; margin:0 0 0 -2px;} #tempRangeKey .tempMin {background:#fff; border:2px solid #00f; color:#00f; margin:0 0 0 -2px;} #tempRangeKey .tempLikely {background:#fff; border:2px solid #000; color:#000; margin:0 0 0 -7px; width:90px;} /* =regionalForecast (print) ----------------------------*/ #regionalForecastSummary {display:none;} /* =extremes (print) ----------------------------*/ #extremesContent th {padding:.5em; border:3px solid #ddd; font-weight:bold;} #extremesContent .measurement {padding:.5em;} #extremesContent td {background:none; border:3px solid #ddd; font-weight:normal; padding:.5em;} #extremesContent .png {background:none; padding:.5em;} #extremesContent .colSplit {border-left:9px solid #ddd;} /* =mountainDetailed (print) ----------------------------*/ #mountainDetailedContainer {display:block !important;} #mountainDetailedSubNav, #mountainDetailedHeader, #mountainDay1 .issueDate, #mountainDay2 .issueDate {display:none;} #mountainDetailedContent {padding:0;} #mountainDetailedContent .weatherModule {border-top:0; padding:0;} #mountainDetailedContent #mountainGround {margin:0;} /* =surfacePressure (print) ----------------------------*/ .wxSurfacePressure #wxNotices, #surfacePressureChart .wxTip h2, .wxSurfacePressure .weatherContainer .error {display:none;} .wxSurfacePressure .weatherContainer #timelineContent {display:none!important;} .wxSurfacePressure .weatherContainer {background:none; border:0; margin:0; padding:0; width:100%;} #surfacePressureChart {background:none; border:0; height:auto; overflow:visible; margin:0; width:auto;} #surfacePressureChart li {background:none !important; display:block !important; margin:auto; page-break-after:always; position:relative; width:auto;} #surfacePressureChart img {max-width:891px; width:100%;} #surfacePressureChart h2, #surfacePressureChart p {color:#000;} #surfacePressureChart .wxTip {background:none; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; color:#000; display:block !important; padding:5px 0; position:relative; max-width:auto; width:auto;} /* =worldForecast (print) ----------------------------*/ #locSelContainer {background:none; min-height:auto;} #locSelTab, #worldForecastsContainer {display:none;} #mountainObsContainer {display:none;} /* =coldWeatherAlert (print) ----------------------------*/ #coldWeatherAlertContainer {background:none;} #coldWeatherAlertContainer #levelNavigator {display:none !important;} #coldWeatherAlertContainer #mapContainer {display:none !important;} #coldWeatherAlertContainer #watchPanel {background:none; float:none; margin:0 0 20px 0; width:95%;} #coldWeatherAlertContainer #detailsContainer {background:none; float:none; width:100%;} #coldWeatherAlertContainer #printRegionsTable {display:block !important;} #coldWeatherAlertContainer #regionsTable {display:none !important;} #coldWeatherAlertContainer .tableContent thead {display: table-header-group;} #coldWeatherAlertContainer .levelContent {display:block !important; margin:0 0 20px 0;} #coldWeatherAlertContainer .weatherContent {min-height:0;} #coldWeatherAlertContainer .level1, #coldWeatherAlertContainer .level2, #coldWeatherAlertContainer .level3, #coldWeatherAlertContainer .level4 {background:none; border:1px solid #666; color:#000; filter:none; -ms-filter:none;} #coldWeatherAlertContainer .levelNone {background:none; color:#000; filter:none; -ms-filter:none;} #coldWeatherAlertContainer #outOfSeason {background:none; border:1px solid #000; color:#000; filter:none; -ms-filter:none; font-weight:bold; margin:30px auto; padding:10px 8px;} /* =heatHealth (print) ----------------------------*/ #heatHealthContainer {background:none;} #heatHealthContainer #levelNavigator {display:none !important;} #heatHealthContainer #mapContainer {display:none !important;} #heatHealthContainer #watchPanel {background:none; float:none; margin:0 0 20px 0; width:95%;} #heatHealthContainer #detailsContainer {background:none; float:none; width:100%;} #heatHealthContainer #printRegionsTable {display:block !important;} #heatHealthContainer #regionsTable {display:none !important;} #heatHealthContainer .tableContent thead {display: table-header-group;} #heatHealthContainer .levelContent {display:block !important; margin:0 0 20px 0;} #heatHealthContainer .weatherContent {min-height:0;} #heatHealthContainer .level1, #heatHealthContainer .level2, #heatHealthContainer .level3, #heatHealthContainer .level4 {background:none; border:1px solid #666; color:#000; filter:none; -ms-filter:none;} #heatHealthContainer .levelNone {background:none; color:#000; filter:none; -ms-filter:none;} #heatHealthContainer #outOfSeason {background:none; border:1px solid #000; color:#000; filter:none; -ms-filter:none; font-weight:bold; margin:30px auto; padding:10px 8px;} }