/*
     FILE ARCHIVED ON 21:06:36 Jan 20, 2009 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 7:09:46 Nov 5, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
#wx_content_layout {position: relative;left: -10px;}
#wrldwx_lh_panel {width: 270px;padding: 5px 10px 0 0;}
#wx_lh_panel {width: 270px;padding: 5px 10px 0 10px;}
#wx_center_panel {padding: 5px 0px 0 0;}

/* Styles for map panel */
#wxMapPanel {padding:0px; width: 265px;border-right:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666; }
#mapControls {clear:both; border:1px solid #666; padding:3px;width: 259px;}
#mapLayers, #siteInfo {border-top:1px solid #666; padding: 3px;}
.weatherPanel {border-right:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding: 2px;}

/* Use for animation progress bar */
.progressbar {font-weight: bold;font-size: 0.9em;background-color: #FFFFFF;color: black;border-left:1px solid #666666;border-bottom:1px solid #666666;}
a.progressbar {text-decoration: underline;}
.progressbarSel {font-weight: bold;font-size: 0.9em;background-color: #D6E797;color: black;border-left:1px solid #666666;border-bottom:1px solid #666666;}
a.progressbarSel {text-decoration: none;}
.deselected {font-weight: bold;font-size: 0.9em;background-color: #E0E0E0;color: black;border-left:1px solid #666666;border-bottom:1px solid #666666;}

.goButton {float:left;width:23px;}
.ddList {min-width:177px;float:left;}
.ddListClim {min-width:150px;float:left;}

/* Panel heading with 'go' image on the right */
#infoPanel  {width: 265px;clear:both;line-height: 1.4em; /* Fixes 'peek-a-boo' bug in IE6. See http://www.positioniseverything.net/explorer/peekaboo.html */}
#infoPanel1 {margin: 0;padding: 5px 0 0 6px;}
#infoPanel2 {float:right;}

#locationNav {clear: both;padding: 0px; height: 120px;border-left: 1px solid #666;border-right: 1px solid #666;border-bottom: 1px solid #666;width: 265px;}
#locationSelection {float:left; width: 200px;padding:2px;}
#zoomPanel {float:left; width: 55px;padding:2px;}

#loading {position:absolute; left:0; top:0; z-index:2; height:30px; width: 265px; visibility: hidden; background-color:#ffffff; padding:5px; border:1px solid black;}

/* Used for pseudo buttons latest/forecast */
#fcButton, #latestButton, #fcButton2, #latestButton2, #climateButton {font-weight: bold;font-size: 0.9em;color: black;border-left:1px solid #666666;border-top:1px solid #666666;float:left; padding: 3px;text-align:center;}
#fcButton2, #latestButton2, #climateButton {width:81px;}
#fcButton, #latestButton {width:126px;}

#fcButton, #fcButton2 {border-right:1px solid #666666;}
.mapTypeButtonSelected {background-color: #D6E797;}
.mapTypeButtonDeselected {background-color: #E0E0E0;}
.mapTypeButtonSelected a, .mapTypeButtonDeselected a {text-decoration: none;}	
.mapTypeButtonSelected a:hover, .mapTypeButtonDeselected a:hover {text-decoration: underline;}	

/* use for main weather section headings */
.weatherSectionHeading {background-color: #C3C3DD;height: 28px;}
.weatherSectionHeading h2, .weatherSectionHeading h3 { padding:3px 0 0 5px; }

.weatherReport {background-color:#D6E797;color: inherit; 	border: 1px solid #CCC;padding: 3px;	}

#textForecastTabs {background-color:#C3C3DD;}
#textForecast {visibility: visible; padding: 3px;clear: both;border: 1px solid #CCCCCC;}
#d1to2, #d3to5, #d6to15, #seasonal {float:left; margin: 0 3px 0 0;padding: 3px 10px; text-align:center;	font-weight: bold;font-size: 0.9em;}
#temperature, #sunshine, #rainfall, #snowfall, #wind, #map {float:left; margin: 0 3px 0 0;padding: 3px 10px; text-align:center;	font-weight: bold;font-size: 0.9em;}
#threshold, #green, #amber, #red {float:left; margin: 0 3px 0 0;padding: 3px 10px; text-align:center;	font-weight: bold;font-size: 0.9em;}
#obsTableTab, #obsGraphicalTab {float:left; margin: 0 3px 0 0;padding: 3px 10px; text-align:center;	font-weight: bold;font-size: 0.9em;}
#obsTable {clear: both;padding: 3px;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}

/* Use in table of latest obs/forecast */
.dayRow {background-color: white;}
.nightRow {background-color: #dddddd;}

/* Used for pseudo tabs (text fc; hourly obs) */
.selectedTab  {background-color: #D6E797;color: black;border-left:1px solid #CCC;border-right:1px solid #999; border-top:1px solid #999;}
.deselectedTab a:hover, .deselectedTab a, .selectedTab a:hover {text-decoration: underline;}	
.deselectedTab {background-color: white;color: black;border-left:1px solid #CCC;border-right:1px solid #999;border-top:1px solid #999;}
.selectedTab a, .selectedTab a:visited {text-decoration: none;}

/* Styles for warning heading on PMS pages */
.warningHeading {background-color: #000099;line-height: 1.4em;}
.warningHeading a, .warningHeading a:hover, .warningHeading a:visited, .warningHeading h2  {color: white;text-decoration:none;}
.warningHeading a:hover  {text-decoration:underline;}
.warningHeading h2 {margin:0; padding: 3px 0 3px 6px;}

/* Styles for warning heading on PMS pages */
.newWarningHeading {background-color: #000099;line-height: 1.4em;}
.newWarningHeading a, .newWarningHeading a:hover, .newWarningHeading a:visited, .newWarningHeading h2  {color: white;text-decoration:none;}
.newWarningHeading a:hover  {text-decoration:underline;}
.newWarningHeading h2 {margin:0; padding: 3px 0 3px 6px;}

/* Styles for 5-day UK warning summary */
.warning5day, .warning5dayHighlight {margin: 1px;}
.warning5day {border: 5px solid #FFF;}
.warning5dayHighlight {border: 5px solid #D6E797;}
.warning5dayWrapper, .warning5dayWrapperNoWarn  {  color: inherit; 	background-color:white;clear:both;padding: 0 ;line-height:1.2em;margin: 0;clear:both;}
.warning5dayWrapper {  border: 2px solid #CC0033;}
.warning5dayWrapperNoWarn {  border: 1px solid #CCC;background-color: #FFFFFF;}
/* Styles for warning heading with >> go button. Only on homepage? */
.warning5dayHeading {background-color: #CC0033;clear:both;line-height: 1.2em; }
.warning5dayHeading a, .warning5dayHeading a:hover, .warning5dayHeading a:visited, .warning5dayHeading h3  {color: white;text-decoration:none}
.warning5dayHeading a:hover  {text-decoration:underline;}
.warning5dayHeading img {float:right;}
.warning5dayHeading h2 {margin:0; padding: 8px 0 0 6px;}

/* used on 'noscript' pages for lists of regions/locations */
.warningList {list-style:none; margin: 5px 0 10px 5px;}
.warningList li {margin-bottom: 5px;}
/* background colour for pink warning headings */
.warningBg { background-color: #FFCCCC; }

/* Used on World latest pages to position the map and table of data */
.worldLatestMap {float:left; margin: 5px 5px 5px 0;}
.worldLatestWxTable {float:left; margin-top: 5px}

/* Styles to use for marine pages  */
.keyPanelMarine {display: none;}
.updatedPanelMarine {display: none;}
.printableLinks {border: 1px solid #CCCCCC;padding: 3px;background-color:#EEEEEE;}