#sizer { width:1092px; }
.printableContentVersion { margin:10px 35px; }
.printableContentVersion table { padding:1em 0; }
.printableContentVersion table td { border:none; }
/* change tables to fit lots of data */
td, th { padding:2px; }
/*- main layout -*/
#wx_content_layout { position: relative; left: -10px; }
#wrldwx_lh_panel, #wx_lh_panel { width: 270px; float:left; }
#center_panel, #wx_center_panel { padding-left:7px; float:none; overflow-x:hidden; overflow-y:auto; height:100%; }
.col470 .tintpanel { width:auto; float:none; margin-left:0; }
.greyText { color:#777; }
.smalltext { line-height:1.25em; font-size:smaller; }
.highlight { padding:0px 10px; margin: 5px 0px; border: medium solid #cf3; }
#oldpagewarning { display:none; text-align:center; }
/*- common classes -*/
.warningsTintpanel { float:none !important; width:auto; max-width:460px; position:static !important; margin-bottom:10px; padding: 0 10px; background-color:#eee; overflow:hidden; }
.warningsTintpanel .ghead470 { margin:0 -10px; }
h2#advisory, h2#flash, h2#early { background-color:#000; color: #fff; }
.warningtable { background:#fff; margin-bottom:10px; }
.warningtable table, .warningtable table td { border: none; padding-left:0; padding-right:1ex; vertical-align:top; }
#center_panel .tableWrapper, #wx_center_panel .tableWrapper, #center_panel .sideScrollingContent, #wx_center_panel .sideScrollingContent { overflow-x:auto; width:100%; }
#center_panel .hiddenOverflowContent, #wx_center_panel .hiddenOverflowContent { overflow-x:hidden; width:100%; }
#wx_center_panel .sideScrollingContent { white-space:nowrap; }
* html #wx_center_panel .tableWrapper, * html #wx_center_panel .sideScrollingContent { padding-bottom:17px; }
.goButton { float:left; width:23px; }
.ddList { min-width:177px; float:left; }
.ddListClim { min-width:150px; float:left; }
/*styles for satellite pages*/
#satelliteImagePanel { border:1px solid #999; text-align:center; }
#satelliteImagePanel .mapControlButtons { float:left; }
/* Styles for map panel */
#wxMapPanel { padding:0px; width: 265px; border-right:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; }
#mapControls { clear:both; border:1px solid #999; padding:3px; width: 259px; }
#mapLayers, #siteInfo { border-top:1px solid #999; padding: 3px; }
.weatherPanel { border-right:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; padding: 2px; }
.bl_panelPad { float:left; clear:left; }
.skiplinkW { display:none; }
/* Use for animation progress bar */
.deselected, .progressbar, .progressbarSel { font-weight: bold; font-size: 0.9em; padding:0px; border: 1px solid #999; text-align: center; }
.progressbar { background-color: #fff;  }
.progressbarSel { background-color: #cf3;  }
.progressbar a, .progressbarSel a { color: #000; text-decoration: none; }
.progressbar a:hover, .progressbarSel a:hover { color: #009; text-decoration: underline; }
.deselected { background-color: #ddd; color: #000; }
/* 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 #999; border-right: 1px solid #999; border-bottom: 1px solid #999; width: 265px; }
#locationSelection { float:left; width: 200px; padding:2px; }
#zoomPanel { float:left; width: 55px; padding:2px; }
#loading { position:absolute; left:382px; top:274px; z-index:2; height:30px; width: 253px; visibility: hidden; background-color:#fff; padding:5px; border:1px solid #999; }
/* Used for pseudo buttons latest/forecast */
#fcButton, #latestButton, #fcButton2, #latestButton2, #climateButton { font-weight: bold; font-size: 0.9em; color: #000; border-left:1px solid #999; border-top:1px solid #999; float:left; padding: 3px; text-align:center; }
#fcButton2, #latestButton2, #climateButton { width:81px; }
#fcButton, #latestButton { width:126px; }
#fcButton, #fcButton2 { border-right:1px solid #999; }
.mapTypeButtonSelected { background-color: #cf3; }
.mapTypeButtonDeselected { background-color: #ddd; }
.mapTypeButtonSelected a, .mapTypeButtonDeselected a { text-decoration: none; color: #000; }
.mapTypeButtonSelected a:hover, .mapTypeButtonDeselected a:hover { text-decoration: underline; color: #009; }
.weatherReport { background-color:#cf3; color: inherit; border: 1px solid #999; padding: 3px; }
#link a { font-weight:400; }
#textForecastTabs { /* margin: 0px 10px; */ padding: 10px 0px 0px; overflow:hidden; position: relative; top: 1px; }
#textForecastTabs div { float:left; margin: 0 5px 0 0;  }
#textForecastTabs a { line-height:2em; padding:0 10px; text-align:center; font-weight: bold; font-size:0.9em; color:#000; text-decoration:none; }
#textForecastTabs a:hover { text-decoration: underline; color: #009; }
#textForecast, .textForecast { background-color: #fff; border: 1px solid #999; visibility: visible; clear: both; padding: 0px 10px; }
.textForecast { margin: 10px 0; }
#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; }

#obsTableTab, #obsGraphicalTab { float:left; margin: 0 3px 0 0; padding: 3px 10px; text-align:center; font-weight: bold; font-size: 0.9em; }
/* Use in table of latest obs/forecast */
#obsTable table { width: 100%; }
.dayRow { background-color: #FFF; }
.nightRow { background-color: #eee; }
#obsGraphs td { margin:0; border:none; padding:0; }
/* Used for pseudo tabs (text fc; hourly obs) */
.selectedTab { background-color: #fff; color: #000; border: 1px solid #999; border-bottom: 1px solid #fff; }
.deselectedTab a:hover, .selectedTab a:hover { text-decoration: underline; }
.deselectedTab { background-color: #ddd; color: #000; border: 1px solid #999; }
/* Styles for warning heading on PMS pages */
.warningHeading { background-color: #009; line-height: 1.4em; }
.warningHeading a, .warningHeading a:hover, .warningHeading a:visited, .warningHeading h2 { color: #000; 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: #009; line-height: 1.4em; }
.newWarningHeading a, .newWarningHeading a:hover, .newWarningHeading a:visited, .newWarningHeading h2 { color: #fff; 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 */
.warningkey { float:right; margin-left:10px; }
.warning5day, .warning5dayHighlight { margin: 0; }
.warning5day { border: 1px solid #fff; }
.warning5dayHighlight { border: 1px solid #cf3; }
.warning5dayWrapper, .warning5dayWrapperNoWarn { color: inherit; background-color:#fff; clear:both; padding: 0; line-height:1.2em; margin: 0; clear:both; }
.warning5dayWrapper { border: 2px solid #C03; }
.warning5dayWrapperNoWarn { border: 1px solid #999; background-color: #FFF; }
/* Styles for warning heading with >> go button. Only on homepage? */
.warning5dayHeading { background-color: #C03; clear:both; line-height: 1.2em; }
.warning5dayHeading a, .warning5dayHeading a:hover, .warning5dayHeading a:visited, .warning5dayHeading h3 { color: #fff; 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: #FCC; }
/* 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 #999; padding: 3px; background-color:#EEE; }
.smallMarineObsMap { float:left; border:none; padding-right:10px; padding-left:3px; }
.marineLocationObsTable { padding:1em 3px; }
/* Styles for warning heading on PMS pages */
.warningHeading { background-color: #cf3; }
.clearer { display:block; clear:both; margin:0; }
.warningyellow { background-color:#ff6!important; color:#000!important; }
.warningorange { background-color:#f93!important; color:#000!important; }
.warningred { background-color:#C03!important; color:#FFF!important; }
/* hot/cold health warning colours */

.hhlevel1 { background-color:#CF3; color:#000; }
.hhlevel2 { background-color:#FF6; color:#000;  }
.hhlevel3 { background-color:#F93; color:#000;  }
.hhlevel4 { background-color:#C03; color:#FFF;  }
.hhlevel1, .hhlevel2, .hhlevel3, .hhlevel4 { padding:5px 10px;}
#textForecastTabs .hhlevel1, #textForecastTabs .hhlevel2, #textForecastTabs .hhlevel3, #textForecastTabs .hhlevel4 { padding:0}
#textForecastTabs .hhlevel4 a, .hhlevel4 a, #textForecastTabs .hhlevel4 h2, .hhlevel4 h2 { color:#FFF; }
.offPage { display:none; }
.btopen { background: url(/lib/template/bt_open.gif) no-repeat right center; }
.btclose { background: url(/lib/template/bt_close.gif) no-repeat right center; }
li.feed { list-style: url(/weather/uk/rss/images/feed-icon-14x14.png); }
a.feed { background: url(/weather/uk/rss/images/feed-icon-14x14.png) no-repeat left top; display: inline-block; padding-left: 20px; font-weight: normal; text-decoration: none; }
a.feed:visited { font-weight: normal; text-decoration: none; }
/*mountain_tabs*/
.mountainTabs { margin:0 !important; }
.mountainTabs li { float:left; margin:0 5px -1px 0; display:block; border:#999 solid 1px; background-color:#ddd; color:#000; }
.mountainTabs .selectedTab { background-color:#FFF; border-color:#999 #999 #FFF; border-style:solid; border-width:1px; }
.mountainTabContent { background-color:#FFF; border:1px solid #999; clear:both; margin-bottom:1em !important; }
.noUnderline { text-decoration: none; }
/* Changes to allow longer name in Region box*/
#ukselect { width:170px; font-size:0.8em !important; }
#ukselect option { font-size:x-small; }
/*- print rules -*/
@media print {
body { font-size:8pt !important; }
.tintpanel, .tintpanel470 { width:auto; overflow:visible; }
#textForecast, .textForecast { clear:none; }
.deselectedTab, #mapControls, #locationNav, #wx_lh_panel form table { display : none !important; }
#textForecastTabs div { float:none; margin:0; }
#center_panel, #wx_center_panel { margin: 0 0 0 280px; height:auto; overflow:visible; padding:0; }
.warning5day { width: 14mm; }
}
/* mobile rules */
@media handheld {
#sizer { width:auto; margin:0; }
#hnav { height:auto; }
#center_panel, #wx_center_panel { padding:0; }
.width { min-width:270px; }
.outer, .float-wrap, .center, .left, .right, #wrldwx_lh_panel, #wx_lh_panel { margin:0; float:none; }
.advert { display:none; }
#wavylines { display:none; }
.topmenu { width:auto; float:left }
#mainTable { width: 100% !important; }
#mapPanel { display:none; }
.keyPanelMarine { display: block; padding-bottom: 5px; }
.updatedPanelMarine { display: block; padding: 5px; }
.mobhide { display:none; }
.submenu { display:none; }
#nav a { display: inline; width:auto; }
#nav li { width:auto }
}