/*
Summary: 	Resort Section
Inherit:	/i/css/layout.css
Website:	www.interactiveresorts.co.uk
Author: 	Matthew Branthwaite (matthewbranthwaite.co.uk)
Created: 	2008-11-02
Updated:	2008-12-01
*/
body.pg-resorts table.search-table td { padding: 0 6px; }

fieldset.show-resort { position:absolute;right:10px; top:10px; }

div.results-nav ul.view-options { margin: 0; height: 16px; padding: 8px 0 6px; }
div.results-nav ul.view-options li { list-style: none; margin: 0; padding: 0; float: left; }
div.results-nav ul.view-options li a { float: left; width: 81px; height: 16px; line-height: 16px; margin: 0 0 0 12px; border: none; text-indent: -9999px; }
li.resort-view-stats a, li.resort-view-weather a, li.resort-view-listed a, li.resort-view-snow a { background: transparent url('images/gui-buttons.gif'); }

/* Measurements for image-replacement

	Stats button off = 48px
	Stats button hover = 64px
	Stats button selected = 80px
	
	Weather button off = 96px
	Weather button hover = 112px
	Weather button selected = 128px
	
	Listed button off = 144px
	Listed button hover = 160px
	Listed button selected = 176px
	
	Snow button off = 192px
	Snow button hover = 208px
	Snow button selected = 224px
*/

li.resort-view-stats a { background-position: 0 -48px; }
li.resort-view-stats a:hover { background-position: 0 -64px; }
li.resort-view-stats a.selected,
li.resort-view-stats a:active,
li.resort-view-stats a.selected:hover { background-position: 0 -80px; }

li.resort-view-weather a { background-position: 0 -96px; }
li.resort-view-weather a:hover { background-position: 0 -112px; }
li.resort-view-weather a.selected,
li.resort-view-weather a:active,
li.resort-view-weather a.selected:hover { background-position: 0 -128px; }

li.resort-view-listed a { background-position: 0 -144px; }
li.resort-view-listed a:hover { background-position: 0 -160px; }
li.resort-view-listed a.selected,
li.resort-view-listed a:active,
li.resort-view-listed a.selected:hover { background-position: 0 -176px; }

li.resort-view-snow a { background-position: 0 -192px; }
li.resort-view-snow a:hover { background-position: 0 -208px; }
li.resort-view-snow a.selected,
li.resort-view-snow a:active,
li.resort-view-snow a.selected:hover { background-position: 0 -224px; }




/* Resorts Results */

li.resort-listing div.resort-listing-wrapper { position: relative; }

li.resort-listing img { vertical-align: middle; margin-top: -2px; }
li.resort-listing img.marker { position: absolute; margin: -4px 0 0 -30px; }
li.resort-listing h3 { font-size: 12px; line-height: 18px; margin: 0 100px 0 0; }
li.resort-listing p.view-location-link { position: absolute; right: 0; top: 0; }
li.resort-listing p.view-location-link a { background-color: #333; color: #fff; text-transform: uppercase; font-size: 9px; font-weight: normal; letter-spacing: 1px; padding: 2px 5px; }
li.resort-listing p.view-location-link a:hover { background-color: #0089d5; text-decoration: none; }
div.resort-thumb { float:left; margin-right: 14px; margin-bottom: 5px; }

li.resort-listing-selected { background-color: #e1eaf1; }

div.resort-details { padding-top: 4px; }

/*
div.stats, div.ratings, div.weather { background: green; }
div.stats { background-color: red; }
div.stats ul li { background-color: red; }
div.stats ul { background-color: blue; }
*/

div.stats ul, div.ratings ul, div.snow-report ul { margin: 0; }
div.stats li, div.ratings li, div.snow-report li { list-style: none; margin: 0; padding: 0;}
div.stats li strong.label, div.ratings li strong.label { float: left; width: 80px; }

div.stats li ul { float: left; width: 135px; height: 18px; }
div.stats li li { float: left; border-left: 1px solid #ddd; padding: 2px 0 2px 5px; margin-left: 5px; line-height: 14px; }
div.stats li li.beginner-runs { margin-left: 0; padding-left: 0; border-left: 0; }

/* ratings */
div.ratings { clear: both; float: left; }
div.ratings ul { float: left; width: 160px; }
div.ratings ul.col-1 { margin-right: 10px; }
div.ratings li strong.label { width: 90px; }

/*
div.snow-report { clear: both; margin-top: 5px; margin-bottom: 6px; background-color: #dfeef6; border: 1px solid #a9c0cd; }
div.snow-report li strong.label { width: 90px; }
*/

div.snow-report ul { float: left; width: 100%; background: #dfeef6; }
div.snow-report li { float: left; width: 24.6%; border-left: 2px solid #fff; text-align: center; line-height: 14px; }
div.snow-report li.snowfall-date { border-left: 0; padding-left: 0; margin: 0; }
div.snow-report li strong { font-weight: normal; height: 28px; vertical-align: middle; }
div.snow-report li span { display: block; line-height: 18px; font-weight: bold; font-size: 14px; }


div.snow-report h4 { margin: 0 0 6px; font-size: 11px; font-weight: bold; color: #181818; }
div.weather p { margin: 0; clear: both; }

table.snow-table { clear: both; margin: 0 0 6px; width: 330px; margin-left: -1px; }
table.snow-table td, table.snow-table th { padding: 4px 1px; text-align: center; border-left: 1px solid #fff; }
table.snow-table th { line-height: 11px; font-weight: bold; font-size: 10px; background-color: #b7d9ed; }
table.snow-table td { line-height: 18px; font-weight: bold; font-size: 14px; background-color: #dfeef6; }

td.snow-date { width: 84px; }
td.snow-base { width: 84px; }
td.snow-upper { width: 84px; }
td.snow-runs { width: 76px; }

span.wrap-new-line { display: block; }


div.weather { clear: both; padding-top: 4px;  }
table.forecast-table { clear: both; margin: 0; width: 330px; }
table.forecast-table th, table.forecast-table td { text-align: center; padding: 2px 3px; border-left: 1px solid #ccc;  }
table.forecast-table th.first, table.forecast-table td.first { border-left: none; padding-left: 0; }
table.forecast-table th { font-size: 12px; font-weight: bold; line-height: 12px; text-transform: uppercase; }
table.forecast-table th span { display: block; font-size: 10px; color: #666; }
table.forecast-table tbody th { text-align: left; }
table.forecast-table span.temp { display: block; font-size: 13px; font-weight: bold; }