/* =============================================================================
Wiski - Resort
============================================================================= */

/* Resort bar
============================================================================= */

ul#resort_bar {
  background: url(/img/backgrounds/general/nav_bg.gif) 0 30px repeat-x;
  display: block;
  height: 50px;
  width: 910px;
  padding: 4px 0 0 10px;
  margin-left: 21px;
}

#resort_bar li {
  display: block;
  float: left;
  color: #6E6E6E;
  width: 186px;
  height: 27px;
}

#resort_bar li a {
  display: block;
  width: 186px;
  height: 27px;
}
#resort_bar li a:hover {border: none;}
#resort_bar li a span {display: none;}

#resort_bar li, #resort_bar li a {
  background-position: 0 0;
  background-repeat: no-repeat;
}

#resort_bar li#overview, #resort_bar li#overview a {background-image: url(/img/nav/resorts/overview.gif);}
#resort_bar li#accommodation, #resort_bar li#accommodation a {background-image: url(/img/nav/resorts/accommodation.gif);}
#resort_bar li#apresski, #resort_bar li#apresski a {background-image: url(/img/nav/resorts/apres-ski.gif);}
#resort_bar li#deals, #resort_bar li#deals a {background-image: url(/img/nav/resorts/deals.gif); width: 199px;}

#resort_bar li#overview.resort_bar_on, #resort_bar li#overview.resort_bar_on a {background-position: 0 -27px;}
#resort_bar li#accommodation.resort_bar_on, #resort_bar li#accommodation.resort_bar_on a {background-position: 0 -54px;}
#resort_bar li#apresski.resort_bar_on, #resort_bar li#apresski.resort_bar_on a {background-position: 0 -54px;}
#resort_bar li#deals.resort_bar_on, #resort_bar li#deals.resort_bar_on a {background-position: 0 -54px;}

#resort_bar li#accommodation.resort_bar_sub, #resort_bar li#accommodation.resort_bar_sub a {background-position: 0 -27px;}
#resort_bar li#apresski.resort_bar_sub, #resort_bar li#apresski.resort_bar_sub a {background-position: 0 -27px;}
#resort_bar li#deals.resort_bar_sub, #resort_bar li#deals.resort_bar_sub a {background-position: 0 -27px;}

/* Info box
============================================================================= */

#info_box {
  width: 529px;
  float: left;
  height: 1%;
  padding: 20px 0 0 31px;
}

#info_box h2 {
  font: normal 20px/26px Georgia, Times New Roman, Serif;
  padding-left: 29px;
  color: #343434;
  height: 26px;
  background-position: 0 4px;
  background-repeat: no-repeat;
}

#info_box h2 a {
  color: #BA1116;
  border-bottom: 1px solid #E5CCD2;
}
#info_box h2 a:hover {
  border: none;
  color: #D84B4B;
}

#info_box img {
  display: block;
  padding: 11px 0 11px 1px;
}
#info_box img.no_pad_img {
  padding-bottom: 0;
} 

#info_box span#photo_credit {
  font: 11px/15px Tahoma, Arial, Sans-Serif;
  color: #ABABAB;
  text-align: right;
  display: block;
  padding: 2px 0 0 0;
  margin: 0;
}

#info_box h5 {
  font: italic bold 14px/17px Georgia, Times New Roman, Serif;
  padding: 18px 0 18px 0;
  margin: 0;
}

#info_box .shim {
  height: 18px;
  padding: 0;
  margin: 0;
  line-height: 1px;
  font-size: 1px;
}

#info_box p {
  font: normal 12px/17px Arial, Tahoma, Sans-Serif;
  padding: 0 0 17px 0;
}

/* Stats box
============================================================================= */

#stats_box {
  width: 373px;
  float: right;
  height: 560px;
}

#tabs {
  display: block;
  margin: 0;
  padding: 30px 0 0 0;
  height: 29px;
}

#tabs li {
  height: 31px;
  display: block;
  float: left;
  background: url(/img/backgrounds/general/tab_bg.gif) 0 2px no-repeat;
  padding: 0;
  margin: 0;
}

#tabs li#weather_tab {width: 70px; background: url(/img/backgrounds/general/tab_bg.gif) -109px 2px no-repeat;}
#tabs li#slope_tab {width: 93px;}
#tabs li#lift_tab {width: 82px;}
#tabs li#getting_tab {width: 97px;}

#tabs li#weather_tab.tab_on {background: none;}
#tabs li#slope_tab.tab_on {background: none;}
#tabs li#lift_tab.tab_on {background: none;}
#tabs li#getting_tab.tab_on {background: none;}

#tabs li#slope_tab.pre_tab {background-position: -86px 2px;}
#tabs li#lift_tab.pre_tab {background-position: -97px 2px;}

#tabs li span {
  padding-left: 30px;
  display: block;
  background: url(/img/icons/tabs/arrow.gif) 12px 2px no-repeat;
  height: 20px;
}
#tabs li#weather_tab.tab_on span, #tabs li#slope_tab.tab_on span, #tabs li#lift_tab.tab_on span, #tabs li#getting_tab.tab_on span {
  background-image: url(/img/icons/tabs/arrow_active.gif);
}
#tabs li#weather_tab span, #tabs li#weather_tab.tab_on span {
  background-position: 0 2px;
  padding-left: 18px;
}

#tabs li a {
  color: #BA1116;
  border-bottom: 1px solid #E5CCD2;
}

#tabs li a:hover {
  border: none;
  color: #D84B4B;
}

#tabs li#weather_tab.tab_on a, #tabs li#slope_tab.tab_on a, #tabs li#lift_tab.tab_on a, #tabs li#getting_tab.tab_on a {
  color: #2F2F2F;
  border: none;
}


/* Website box
============================================================================= */

#website_box {
  padding-top: 20px;
  height: 117px;
  width: 342px;
  border-bottom: 1px solid #CCCCCC;
}

#website_box #resort_logo {
  display: block;
  float: left;
  height: 80px;
  width: 160px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 5px 0 0 0;
}

#website_box #resort_logo a {
  display: block;
  height: 80px;
  width: 160px;
  background: url(/img/backgrounds/hidden.gif);
}
#website_box #resort_logo a span {display: none;}

#website_box ul {
  display: block;
  float: right;
  width: 160px;
  padding: 0;
  margin: 0;
}

#website_box li {
  display: block;
  height: 31px;
  border-top: 1px solid #CCCCCC;
  padding-left: 19px;
  background: url(/img/icons/general/arrow_right.gif) 0 9px no-repeat;
}
#website_box li.top_choice, #website_box li.top_mid_choice {
  border: 0;
  height: 24px;
  background-position: 0 2px;
}
#website_box li.top_mid_choice {
  background-image: url(/img/icons/general/arrow_down.gif);
}
#website_box li.mid_choice {
  background: url(/img/icons/general/arrow_down.gif) 0 10px no-repeat;
}

#website_box li a {
  font: normal 12px/17px Arial, Tahoma, Sans-Serif;
  color: #BA1116;
  display: block;
  padding-top: 8px;
}
#website_box li a:hover {color: #D84B4B;}
#website_box li.top_choice a, #website_box li.top_mid_choice a {padding-top: 1px;}

/* Weather boxes
============================================================================= */

#weather_box {
  padding: 16px 0 0 0;
  margin: 0;
  height: 300px;
  display: none;
}

#slopes_box {
  padding: 12px 0 0 0;
  margin: 0;
  height: 300px;
  display: none;
}

#lift_box {
  padding: 12px 0 0 0;
  margin: 0;
  height: 300px;
  display: none;
}

#there_box {
  padding: 12px 0 0 0;
  margin: 0;
  height: 300px;
  display: none;
}

#weather_box.box_on, #slopes_box.box_on, #lift_box.box_on, #there_box.box_on {display: block;}

#weather_box h6, #slopes_box h6 {
  font: bold 12px/17px Georgia, Times New Roman, Serif;
  padding: 0 0 7px 0;
  margin: 0;
}

/* Snow conditions box
============================================================================= */

#snow_conditions {
  float: left;
  display: block;
  width: 156px;
}

#snow_conditions p {
  height: 46px;
  border-bottom: 1px solid #CCCCCC;
  line-height: 18px;
  padding: 7px 0 0 0;
  margin: 0;
}
#snow_conditions p.last_snow_cond {
  border: none;
  height: 37px;
}
#snow_conditions p.last_snow_cond a {
  border: 0;
  text-decoration: none;
  padding-top: 15px;
  display: block;
}

#snow_conditions span {
  display: block;
  float: left;
  width: 106px;
  color: #6E6E6E;
}

#snow_conditions em {
  display: block;
  float: left;
  font-style: normal;
  color: #2F2F2F;
}

/* Today's Weather box
============================================================================= */

#todays_weather {
  float: right;
  display: block;
  width: 187px;
}

#todays_weather div {
  padding-top: 7px;
  background-repeat: no-repeat;
  background-position: 0 13px;
  height: 101px;
  padding-left: 96px;
}

#todays_weather div.cloudy {background-image: url(/img/icons/weather/82x82/cloudy.gif);}

#todays_weather div span {
  color: #6E6E6E;
  padding: 2px 0 0 0;
  display: block;
}

#todays_weather div em {
  display: block;
  font-style: normal;
  text-align: center;
  width: 26px;
}

#todays_weather div abbr {
  color: #FFFFFF;
  border-bottom: 1px dotted #CCCCCC;
  text-align: center;
  width: 20px;
  font: normal 12px/17px Arial, Tahoma, Sans-Serif;
}

#todays_weather div em.wind_none {background: url(/img/wind/none.gif) 2px 8px no-repeat; padding: 21px 30px 0 12px; height: 44px;}
#todays_weather div em.wind_n {background: url(/img/wind/n.gif) 2px 8px no-repeat; padding: 11px 30px 0 12px; height: 54px;}
#todays_weather div em.wind_nne {background: url(/img/wind/nne.gif) 2px 8px no-repeat; padding: 12px 30px 0 15px; height: 53px;}
#todays_weather div em.wind_ne {background: url(/img/wind/ne.gif) 2px 8px no-repeat; padding: 16px 30px 0 17px; height: 49px;}
#todays_weather div em.wind_ene {background: url(/img/wind/ene.gif) 2px 8px no-repeat; padding: 19px 30px 0 21px; height: 46px;}
#todays_weather div em.wind_e {background: url(/img/wind/e.gif) 2px 8px no-repeat; padding: 21px 30px 0 22px; height: 44px;}
#todays_weather div em.wind_ese {background: url(/img/wind/ese.gif) 2px 8px no-repeat; padding: 24px 30px 0 21px; height: 41px;}
#todays_weather div em.wind_se {background: url(/img/wind/se.gif) 2px 8px no-repeat; padding: 26px 30px 0 18px; height: 39px;}
#todays_weather div em.wind_sse {background: url(/img/wind/sse.gif) 2px 8px no-repeat; padding: 29px 30px 0 15px; height: 36px;}
#todays_weather div em.wind_s {background: url(/img/wind/s.gif) 2px 8px no-repeat; padding: 31px 30px 0 12px; height: 34px;}
#todays_weather div em.wind_ssw {background: url(/img/wind/ssw.gif) 2px 8px no-repeat; padding: 29px 30px 0 9px; height: 36px;}
#todays_weather div em.wind_sw {background: url(/img/wind/sw.gif) 2px 8px no-repeat; padding: 26px 30px 0 6px; height: 39px;}
#todays_weather div em.wind_wsw {background: url(/img/wind/wsw.gif) 2px 8px no-repeat; padding: 24px 30px 0 3px; height: 41px;}
#todays_weather div em.wind_w {background: url(/img/wind/w.gif) 2px 8px no-repeat; padding: 21px 30px 0 2px; height: 44px;}
#todays_weather div em.wind_wnw {background: url(/img/wind/wnw.gif) 2px 8px no-repeat; padding: 18px 30px 0 3px; height: 47px;}
#todays_weather div em.wind_nw {background: url(/img/wind/nw.gif) 2px 8px no-repeat; padding: 16px 30px 0 7px; height: 49px;}
#todays_weather div em.wind_nnw {background: url(/img/wind/nnw.gif) 2px 8px no-repeat; padding: 12px 30px 0 9px; height: 53px;}

#todays_weather p {
  height: 43px;
  line-height: 17px;
  padding: 7px 0 0 0;
  margin: 0;
}

#todays_weather p span {
  display: block;
  float: left;
  width: 118px;
  color: #6E6E6E;
}

#todays_weather p abbr {
  display: block;
  float: left;
  font-style: normal;
  color: #2F2F2F;
  border-bottom: 1px dotted #CCCCCC;
}

/* Five-day forecast box
============================================================================= */

#five_day_forecast {
  padding-top: 16px;
}

#five_day_forecast ul {
  display: block;
  padding-top: 12px;
}

#five_day_forecast li {
  width: 71px;
  display: block;
  float: left;
  height: 100px;
  background-position: 0 15px;
  background-repeat: no-repeat;
}

#five_day_forecast li.cloudy {background-image: url(/img/icons/weather/55x55/cloudy.gif);}
#five_day_forecast li.snowy {background-image: url(/img/icons/weather/55x55/snowy.gif);}
#five_day_forecast li.sunny {background-image: url(/img/icons/weather/55x55/sunny.gif);}

#five_day_forecast strong {
  display: block;
  height: 11px;
  background: url(/img/icons/general/days.gif) 0 0 no-repeat;
}
#five_day_forecast strong span {display: none;}

#five_day_forecast strong.friday {background-position: 0 0;}
#five_day_forecast strong.saturday {background-position: 0 -11px;}
#five_day_forecast strong.sunday {background-position: 0 -22px;}
#five_day_forecast strong.monday {background-position: 0 -33px;}
#five_day_forecast strong.tuesday {background-position: 0 -44px;}
#five_day_forecast strong.wednesday {background-position: 0 -55px;}
#five_day_forecast strong.thursday {background-position: 0 -66px;}

#five_day_forecast span.data_box {
  display: block;
  padding-top: 60px;
  height: 16px;
  line-height: 14px;
  font-family: Arial, Tahoma, Sans-Serif;
  }

#five_day_forecast span.data_box abbr {
  font-size: 8px;
  color: #6E6E6E;
  display: block;
  float: left;
  border-bottom: 1px dotted #CCCCCC;
}

#five_day_forecast span.data_box span {
  font-size: 8px;
  color: #C9C9C9;
  display: block;
  float: left;
  padding: 0 5px;
}

#five_day_forecast em {
  line-height: 15px;
  font-size: 11px;
  color: #2F2F2F;
  display: block;
  font-style: normal;
  width: 55px;
  text-align: center;
}

/* Slopes Information
============================================================================= */

#slopes_info {
  float: left;
  display: block;
  width: 256px;
  line-height: 18px;
  padding-bottom: 24px;
}

#slopes_info span {
  display: block;
  float: left;
  width: 186px;
  color: #6E6E6E;
}

#slopes_info em {
  display: block;
  float: left;
  font-style: normal;
  color: #2F2F2F;
  font-weight: bold;
}

/* Terrain Breakdown
============================================================================= */

#terrain_breakdown {
  float: left;
  display: block;
  width: 342px;
}

#terrain_breakdown ul {
  height: 44px;
  padding: 9px 0 8px 0;
}
#terrain_breakdown li {
  display: block;
  float: left;
  height: 44px;
}
#terrain_breakdown li#beginner_terrain {
  background: #5BB156 url(/img/backgrounds/general/beginner_bg.gif) 0 0 repeat-x;
  width: 113px;
  margin-right: 1px;
}
#terrain_breakdown li#intermediate_terrain {
  background: #D33F40 url(/img/backgrounds/general/inter_bg.gif) 0 0 repeat-x;
  width: 113px;
  margin-right: 1px;
}
#terrain_breakdown li#expert_terrain {
  background: #262626 url(/img/backgrounds/general/expert_bg.gif) 0 0 repeat-x;
  width: 114px;
}

#terrain_breakdown li span {
  color: #FFFFFF;
  display: block;
  padding: 4px 0 0 10px;
}

#terrain_breakdown li strong {
  color: #FFFFFF;
  display: block;
  padding-left: 10px;
  font: bold 16px/16px Arial, Tahoma, Sans-Serif;
}

#terrain_breakdown p {
  height: 46px;
  border-bottom: 1px solid #CCCCCC;
  line-height: 18px;
  padding: 7px 0 0 0;
  margin: 0;
}
#terrain_breakdown p.last_snow_cond {
  border: none;
  height: 37px;
}

#terrain_breakdown span {
  display: block;
  float: left;
  width: 186px;
  color: #6E6E6E;
}

#terrain_breakdown em {
  display: block;
  float: left;
  font-style: normal;
  font-weight: bold;
  color: #2F2F2F;
}

/* Lift Info box
============================================================================= */

#lift_info {
  float: left;
  display: block;
  width: 342px;
  line-height: 18px;
}

#lift_info span {
  display: block;
  float: left;
  width: 186px;
  color: #6E6E6E;
}

#lift_info em {
  display: block;
  float: left;
  font-style: normal;
  font-weight: bold;
  color: #2F2F2F;
}

#lift_info strong.clear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  clear: both;
  display: block;
  overflow: hidden;
  float: none;
  border-bottom: 1px solid #CCCCCC;
  padding: 8px 0 0 0;
  margin-bottom: 8px;
}

/* Getting There box
============================================================================= */

#getting_info {
  float: left;
  display: block;
  width: 342px;
  line-height: 18px;
}

#getting_info span {
  display: block;
  float: left;
  width: 186px;
  color: #6E6E6E;
}

#getting_info em {
  display: block;
  float: left;
  font-style: normal;
  font-weight: bold;
  color: #2F2F2F;
  width: 153px;
}

#getting_info strong.clear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  clear: both;
  display: block;
  overflow: hidden;
  float: none;
  border-bottom: 1px solid #CCCCCC;
  padding: 8px 0 0 0;
  margin-bottom: 8px;
}

/* Forum box
============================================================================= */

#forum_box {
  padding-top: 12px;
  background: url(/img/backgrounds/general/gradient_down_outer.gif) 0 12px no-repeat;
}

#forum_box #forum_search_bar {
  height: 40px;
  padding: 28px 0 0 15px;
}

#forum_box #forum_search_bar h3 {
  font: normal 20px/26px Georgia, Times New Roman, Serif;
  background: url(/img/logos/forum.gif) 17px 5px no-repeat;
  padding-left: 90px;
  float: left;
  padding-top: 5px;
}

#forum_box #forum_search_bar h3 em {
  font-style: normal;
  color: #AFAEAE;
}

#forum_box #forum_search_bar form {
  float: right;
  display: block;
  overflow: hidden;
  padding-right: 31px;
}

#forum_box #forum_search_bar label {
  float: left;
  display: block;
  font: normal 12px/25px Arial, Tahoma, Sans-Serif;
}

#forum_box #forum_search_bar select {
  float: left;
  display: block;
  margin: 0 10px 0 8px;
  font: normal 12px/25px Arial, Tahoma, Sans-Serif;
}

#forum_box #forum_search_bar button {
  float: left;
  display: block;
  background: url(/img/buttons/go.gif) 0 0 no-repeat;
  height: 25px;
  width: 44px;
  cursor: pointer;
}
#forum_box #forum_search_bar button:hover {background-position: 0 -25px;}

/* Forum none
============================================================================= */

#forum_none {
  background: url(/img/backgrounds/general/forum.gif) 20px 0 no-repeat;
  padding: 20px 0 0 30px;
  height: 50px;
}
#forum_none div {
  background: #FFF8C5;
  border: 1px solid #E2DA9D;
  width: 886px;
  padding: 6px 8px;
} 

#forum_none a {
  color: #BA1116;
  border-bottom: 1px solid #E5CCD2;
}
#forum_none a:hover {
  border: none;
  color: #D84B4B;
}

/* Forum table
============================================================================= */

#forum_table {
  background: url(/img/backgrounds/general/forum.gif) 20px 0 no-repeat;
  padding: 0 10px;
}

#forum_table table {
  margin: 0 0 0 20px;
  width: 900px;
}

#forum_head th {
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
  font-weight: normal;
}

#forum_table td {
  border-top: 1px solid #CCCCCC;
  padding: 12px 0 8px 0;
  vertical-align: top;
}

#forum_table td.main_col {
  background: url(/img/backgrounds/forums/button.gif) 1px 12px no-repeat;
  height: 32px;
  padding-left: 43px;
  width: 329px;
}

#forum_table td.date_col {
  width: 186px;
}

#forum_table td.reply_col {
  width: 186px;
}

#forum_table td.view_col {
  width: 186px;
}

#forum_table td span {
  display: block;
  font-size: 12px;
  font-family: Arial, Tahoma, Sans-Serif;
}

#forum_table td em {
  font-style: normal;
  display: block;
  font-size: 11px;
  color: #7E7E7E;
}

#forum_table td a {
  color: #BA1116;
  border-bottom: 1px solid #E5CCD2;
  font: normal 14px/17px Georgia, Times New Roman, Serif;
}
#forum_table td a:hover {
  border: none;
  color: #D84B4B;
}