body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #cb3332;
	text-decoration: underline;
}

a.flat, .flat a {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

/*a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}
*/
div {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	min-width: 975px;
	margin: 0px;
	padding: 5px 0 5px 5px;
}

div#container {
	text-align: left;
	margin: 0px;
}

div#inner {
}

/* Hides from IE-mac \*/
* html div#inner {
	height: 1%;
}
/* End hide from IE-mac */

div#outer {
	padding: 5px;
	background: #FFF url(/img/bg1.jpg) repeat-x;
	z-index: 2;
}

div#header {
	padding: 5px;
	background: #FFF;
}

div#mastheadBanner {
	width: 468px;
	height: 60px;
	margin: 0 11px 0 0;
}

div#resortNav {
	background: #666;
	padding: 10px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	height: 25px;
}

div#nameboxNav {
	height: 25px;
	position: absolute;
	top: 10px;
	left: 10px;
}

div#nameboxNav form {
	margin: 0;
	padding: 0;
}

div#kd-box iframe {
	margin: 0;
	padding: 0;
	overflow:hidden;
}

div#leftNav {
	margin: 5px 0;
	font-size: 12px;
}

table#avoidfloat {
	padding: 0;
	margin: 0;
}

div#rightNav {
	width: 130px;
	margin: 0;
}

div#content {
	margin: 0 0 8px 0;
	font-size: 12px;
}

div#footer {
	clear: both;
	background: #000;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 10px;
	width: 980px;
	margin: 5px auto 0 auto;
}

div#footer a {
	color: #F00;
}

div#footer p {
	margin: 10px 0 0 0;
}

form#newsletter {
	text-align: center;
	padding: 5px 2px;
	margin: 0;
}

form#newsletter p {
	margin: 2px 0 5px 0;
}

span#newsletterHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

div#newsletterBox {
	background: #D2D1DE;
}

div#newsletterBox input {
	font-size: 10px;
}

.smallish {
	font-size: 11px;
}

div.navHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

div#mapList {
	text-align: left;
}

div#mapList p {
	background: #00F;
	font-weight: bold;
	color: #FFF;
	padding: 2px 0 2px 10px;
	margin: 4px 5px;
}

div#mapList ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

div#membersBox {
	color: #FFF;
	background: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
}

div#membersBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.navBanner {
	text-align: center;
	padding: 5px 0;
	border-bottom: dashed 1px #CCC;
}

div.navBannerLast {
  border-bottom: none;
}

div.navBannerLast p {
  padding: 0;
  margin: 0 0 5px 0;
}

.navBanner table, .navBanner img, .navBanner div {
    margin-left: auto;
    margin-right: auto;
}

table#tabs {
  margin-bottom: 5px;
}

table#tabs tr#upper td {
  border-bottom: solid 2px #FFF;
}

table#tabs td {
  border-right: solid 2px #FFF;
}

.tab1, .tab1 p {
  color: #000;
  font-family: Verdana, Arial;
  text-decoration: none;
  font-weight: bold;
  background: #ccc;
}
.tab2, .tab2 p {
  color: #fff;
  font-family: Verdana, Arial;
  text-decoration: none;
  font-weight: bold;
  background: #900;
}
.tab1m, .tab1m p {
  color: #000;
  font-family: Verdana, Arial;
  text-decoration: none;
  font-weight: bold;
  background: #999;
}
.tab2m, .tab2m p {
  color: #fff;
  font-family: Verdana, Arial;
  text-decoration: none;
  font-weight: bold;
  background: #900;
}
.tab2 a, .tab2m a {
  color: #FFF;
}

.tabdelimlower {  background-image: url(/img/sh2i.gif); background-position: bottom left; }
.tabdelimlowerm {  background-image: url(/img/sh2im.gif); background-position: bottom left; }
.tabdelimlowermt {  background-image: url(/img/sh2imt.gif); background-position: bottom left; }
.tabdelimlowert {  background-image: url(/img/sh2it.gif); background-position: bottom left; }
.tabdelimhigher {  background-image: url(/img/sh2.gif); background-position: top left; }
.tabdelimhigherm {  background-image: url(/img/sh2m.gif); background-position: top left; }
.tabdelimhighermt {  background-image: url(/img/sh2mt.gif); background-position: top left; }
.tabdelimhighert {  background-image: url(/img/sh2t.gif); background-position: top left; }
.tabdelimll {  background-image: url(/img/sh1i.gif); background-position: bottom left; }
.tabdelimlh {  background-image: url(/img/sh1.gif); background-position: top left; }

.review_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #036;
}
.review_warning {
	color: #c00;
	font-size: 9px;
}
td.review_edge {
	background: #036;
	color: #fff;
}
.review_odd {
	background: #aaf;
}
.review_even {
	background: #ffb9b9;
}
.review_odd_mild {
	background: #dfdfff;
}
.review_even_mild {
	background: #ffe1e1;
}
table.numlist {
	margin: 5px auto;
}

table.numlist thead th {
	text-align: center;
	background: #CCC;
	padding: 10px 30px;
}

table.numlist tr.even {
	background: #EEE;
}


table.numlist td {
	text-align: left;
	padding: 3px 30px;
}

table.numlist td div {
	text-align: right;
	width: 50%;
}

div#content table.narrow {
	margin-left: auto;
	margin-right: auto;
}

div#content .narrow {
	text-align: center;
}

h1, .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #960;
	font-weight: normal;
	margin: 12px 0;
}

.liketitle {
    color: #960;
}

.newtitle {
  color: #960;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 28px;
	font-weight: normal;
}

div#globalWarning {
	margin: 0 0 8px 0;
	font-size: 12px;
}
div#globalWarning div {
	background: #FAA;
	padding: 3px 10px;
}
div#globalWarning div.ad {
	background: #d2e6f7;
}
div#mirrorWarning {
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  border-bottom: solid 5px #FFF;
	font-size: 12px;
	padding: 3px 10px;
	margin: 0 0 5px 5px;
  font-family: Verdana;
}
div#mirrorWarning a {
  font-weight: bold;
}

div#info {
	background: #768DC1;
	color: #FFF;
	font-size: 12px;
	padding: 3px 5px;
	margin: 0 5px 5px 5px;
}
div.navbox {
	padding: 0 0 5px 0;
	margin: 0 5px;
	background: #CCC;
	text-align: left;
}
div.navbox h2 {
	margin: 0;
	font-size: 12px;
	padding: 2px 0;
	text-align: left;
}
div.navbox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.navbox ul li {
  margin: 2px 0;
  padding: 0 5px;
  background-color: #AAA;
}
div#userPhotos h2 {
	margin: 0;
	background: #CCC;
	font-size: 12px;
	padding: 2px 0;
}
div#userPhotos img {
	margin: 5px 0 0 0;
}
div#userPhotos {
	width: 120px;
	padding: 0 0 5px 0;
	background: #FFF;
	font-size: 10px;
}
div.photoBox h2 {
	margin: 0;
	background: #CCC;
	font-size: 12px;
	padding: 2px 0;
}

div.photoBox img {
	margin: 5px 0 0 0;
}
div.photoBox {
	width: 120px;
	font-size: 10px;
}
.err {
    color: red;
    font-weight: bold;
}
.nicksBox {
    border: solid 1px #999;
    background: #E9E9E9;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px;
	padding:0px;
}

h3 span.comment {
  font-weight: bold;
}

#navtable {
	margin: 0 auto 5px auto;
}

#navtable form {
  margin: 0;
  padding: 0;
}


.comboBanner img { margin: 5px 0; }

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight: bold;
  margin: 0px;
  }
.menu-item {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
  }
p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  }
a.news {  color: #000000;
}
  li.news-li {padding-bottom:10px}
  ul.news-ul {  margin-left:10px;
  padding-left:10px;
}

table.main, div.main {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border: none;
}

div#left { width: 162px; float: left; background-color: #e0e0e0; }
div#center { width: 784px; float: left; background-color: #fff; padding: 0 0 0 8px; } 
div#right { width: 130px; float: left; background-color: #fff; }  

#login_box {
  display: none;
  width: 330px;
  padding: 5px;
  position: absolute;  
  right: 0;
  top: 13px;
  z-index: 2;
  background-color: #FFF;
  border: solid 2px #FAA;
}
#login_box input {
  font-size: 11px;
}
#login_box label {
  font-weight: bold;
}
#login_box .x {
  text-align: right;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px;
  font-size: 13px;
}
#login_box table, #login_box tr, #login_box td {
  border: none;
  text-align: left;
}
#error {
  background-color: #FAA;
  padding: 5px;
}
#login_box #error {
  margin-right: 20px;
}
#notice {
  background-color: #AAF;
  padding: 5px;
}

table.floatable {
    float: left;
}

table.forecasts div.dom {
    margin: 0.6em 0;
}

table.forecasts {
	border-collapse: collapse;
	font-size: 10px;
	font-family: Arial, "Helvetica", "MS Trebuchet", sans-serif;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
}

table.forecasts tr.icons td {
/*    overflow: auto;*/
}

table.forecasts td {
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

table.nineday .head2nd, table.nineday th {
    width: 46px;
    padding-left: 5px;
    padding-right: 5px;
	overflow: hidden;
}

table.forecasts table td {
	border: none;
	vertical-align: middle;
}

table.forecasts td.cell, table.forecasts col.cell {
  width: 38px;
}

table.forecasts td.widecell, table.forecasts col.widecell {
  width: 60px;
}

table.forecasts th {
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	text-align: right;
	vertical-align: middle;
/*  font-size: 130%;*/
  font-size: 120%;
/*  line-height: 1.5em;*/
	font-weight: bold;
	padding: 0 5px;
/*  width: 147px;*/
}

table.forecasts .first {
    border-left: none;
}

tr.fl td {
    height: 35px;
}


tr.lar td {
	font-size: 130%;
	font-weight: bold;
}

tr.hea td {
	padding: 0.5em 0 !important; 
	vertical-align: top !important;
}

tr.med td {
	font-size: 100%;
	font-weight: bold;
}

tr.sum td {
	height: 30px;
	width: 38px;
}

tr.sma td, td.sma {
	font-size: 90%;
}

span.tiny {
	font-size: 85%;
	color: #000;
}

tr.tin td {
	background-color: #D3F8FE;
}

table.forecasts td.phrase { 
    text-align: left; 
    vertical-align: top;
    padding: 5px; 
    width: 340px;
    height: 110px;
    font-size: 130%;
}

table.nineday td.phrase { 
    height: 110px;
    font-size: 130%;
}

ul.units {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 9px;
}
ul.units li {
  padding: 10px 2px;
}
.metric {
  background-color: #AFA;
}
.imperial {
  background-color: #AAF;
}
.altref a { color: #C00; font-size: 100%;}

.altref a.current {
    border: 1px dashed #900;
    padding: 3px 7px;
}

#print {
  float: right;
}
.secondary {
  color: #999;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

span.req {
  color: #F00;
  font-weight: bold;
}

#camstable {
  background-color: #efefef;
  margin-left: auto;
  margin-right: auto;
}

#camstable td {
  text-align: center;
  padding: 0 20px;
}

#camstable td.bot {
  padding-bottom: 20px;
}

/* reviews */

#review_form th {
    text-align: right;
}
#review_form table {
    background-color: #EEE;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-collapse: collapse;
}
#review_form td, #review_form th {
    padding: 5px;
    margin: 0;
    border: solid 1px #000;
}
ul.reviews {
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}
.reviews li {
    list-style: none;
}
.reviews li.even {
    background-color: #EEE;
}
div.fieldWithErrors {
    padding: 2px;
    border: solid 1px red;
}
div.formError {
    color: red;
}
.required {
    font-weight: bold;
}
.ala_hist_menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.ala_hist_menu li {
    list-style: none;
    margin: 0;
    padding: 5px 10px;
    display: inline;
}
#map_menu {
  margin-bottom: 5px;
}
.ala_hist_menu li.active {
    border: dashed 1px #900;
}
.ala_hist_menu a {
    font-size: 140%;    
    text-decoration: none;
}
.ala_hist_menu a:hover, .ala_hist_menu a:active {
    font-size: 140%;    
    text-decoration: underline;
}
td.hist_compare_id {
    color: #960;
/*    color: #FFF;*/
    font-size: 300%;
/*    width: 1.5em;
    height: 1.5em;
*/    text-align: center;
    vertical-align: middle;
}
iframe.resortban {
    width: 468px;
    height: 60px;
    display: block;
}
.resortban {
  margin: 2px auto 5px auto;
}
div#fav_form_div label {
    display: block;
    float: left;
    width: 5em;
    font-weight: bold;
}
div#fav_form_div div.fieldWithErrors, div#newsl div.fieldWithErrors {
    border-bottom: solid 2px red;
}
h2.boxed {
    text-align: left;
    font-size: 140%;
    margin: 0;
    padding: 0;
}
h2.conditions {
    color: #000;
    text-align: left;
    font-size: 120%;
}
h3.conditions {
    color: #FFF;
    text-align: left;
    font-size: 100%;
}
h2.compact {
    font-size: 150%;
    text-align: center;
    margin: 10px 0 0 0;
}
h3.compact {
    font-size: 120%;
    text-align: center;
    margin: 0 0 5px 0;
}
h2.forecast {
    display: inline;
    font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#fheadercont {
  padding: 1em; 
  font-weight: bold; 
  font-size: 140%; 
  border: none;
}
.fheadercontd {
  position: relative;
  margin: 0;
  padding: 0;
}
div.fheader {
  float: right;
  margin-right: 40px;
}
h2.fheader {
  font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
}
p.fheader {
  font-size: 85%; 
  text-align: right;
  margin: 0;
  padding: 0;
}
h3.forecast {
    display: inline;
    font-style: italic;
    font-weight: bold;
    font-size: 100%;
}
h2.int {
  color: #999;
  font-weight: bold;
  font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 0 0;
}
h2.int_narrow {
  color: #999;
  font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 0 0;
}
h2.snowfinder {
    color: #999;
    font-weight: bold;
    font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 20px 0 0 0;
}

ul.timeNav {
	background: #DCE6FF;
	border-top: solid 1px #ADB5C8;
	border-bottom: solid 1px #ADB5C8;
	font-size: 120%;
	list-style: none;
	zoom: 1;
	margin: 0;
	padding: 0;
}
ul.timeNav a {
	font-size: 12px;
	text-decoration: none;
}
ul.timeNav li {
	display: inline;
	list-style: none;
	zoom: 1;
}
div#timeNavDiv {
    position: relative;
    left: 0;
    top: 0;
}
ul#years li {
	padding: 0 30px;
}
img#timenavspinner {
    position: absolute;
    left: 417px;
    top: 14px;
}
ul#months li {
	padding: 0 20px;
}
ul#days li {
	padding: 0 9px;
}
ul.timeNav li:hover, ul.timeNav li.active {
	background: #C8C8FF;
}
ul.timeNav a:hover, ul.timeNav a:active {
	text-decoration: none;
}
ul.timeNav span.out {
    color: #999;
}
h1.map  {
  color: #000;
  text-align: center;
}
h1.map span.alt {
  color: #C00;
}
div#roundup h2 {
  font-size: 120%;
}
div#newsletter, div#newsletter p {
  font-size: 10px;
  text-align: left;
}
div#newsletter select {
  font-size: 10px;
  width: 120px;
}
input#newsletter_subscription_email {
  width: 114px;  
  margin: 0 0 3px 0;
}
div#newsletter p, div#newsletter a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: center;
  color: #900;
  font-weight: bold;
}
div#newsletter label {
  padding-left: 3px;
}
div#newsletter div.in {
  margin-top: 3px;
  text-align: center;
}

/* Dave */

/* LAYOUT AND DIMENSIONS OF PAGE ELEMENTS */

/* Content width, content floats in centre of browser, gradient background */

div#masth {
  width: 990px;
  margin: 0 auto;
}
div#wider {
  width: 100%;
  background-image: url('/images/backgrounds/sf-gradsliverlong.png');
  background-repeat: repeat-x;  	
  background-color: #6fa6de;
	background-position: 0 -258px;
}

div#wide {
  width: 990px;
	margin: 0px auto;
}

/* Page is divided into 4 main sections (top to bottom) */

/* 1. Title banner, main nav and leaderboard */
#header-container {
	width: 970px;
	margin-left: 8px;
	position: relative;
}

#logos {
  padding-top: 8px;
}

#logos img {
  border: none;
}

#flags {
	float: right;
	padding: 8px 0 20px 0;
	width: 286px;
	text-align: right;
	margin-left: -3px;
}

#flags img {
	float: right;
	margin: 0px 0px 0px 3px;
	width: 16px;
	height: 16px;
	border: none;
}

.id-field {
  margin: 10px 0 0 0;
}

.searchfield {
  margin: 0 0 0 0;
}

#locationform {
  margin: 0;
  padding: 0;
}

.searchfield dt {
	float: right;
	padding: 2px 5px 2px;
}

.searchfield dd {
	float: right;
	margin: 0;
}

.searchfield dl {
  margin: 0;
  padding: 0;
}

#main-nav {
	width: 970px;
	height: 27px;
/*  margin: 5px 0px 10px 10px;*/
}

#davesmenu li {
	float: left;
	padding: 0 30px 0 0;
}

#leaderboard {
	margin: 4px auto 0 auto;
	text-align: center;
/*  width: 728px;*/
}


/* 2. Blue Keylinks section */
#b-wrapper {
	float: left;
	height: 94px;
/*  margin-top: 3px;*/
}

#keylinks {
	float: left;
	height: 94px; 
	width: 990px;
}

#keylinks div.kbtn {
  padding-top: 42px;
	float: left;
}

.keylink-box {
	float: right;
}

.keylink-box a {
  text-decoration: none;
}

.keylink-text {
	float: left;
	text-align: right;
	padding: 47px 10px 0 0;
}

.keylink-icon {
	float: left;
	padding: 40px 0 0 0;
}

#kd-box {
	float: left;
  background: url('/images/backgrounds/sf-topcapA2.jpg');
	width: 538px;
	height: 74px;
	padding: 20px 0 0 50px;
	background-repeat: no-repeat;
}

.go-icon {
	float: left;
	padding: 40px 0 0 20px;
}

#country-selector {
	float: left;
	padding: 45px 0 0 35px;
}

#resort-selector {
	float: left;
	padding: 45px 0 0 10px;
}

#keylinks-alerts {
	float: left;
	background: url('/images/backgrounds/sf-topcapB.jpg');
	width: 140px;
	height: 94px;
}

div#alerts-icon div {
  width: 23px;
  height: 24px;
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/images/bubble-icon.png',sizingMethod='scale');      
  cursor: hand; 
  cursor: pointer;
}

div#alerts-icon > div {
  background: url(/images/images/bubble-icon.png);
}

#keylinks-feed {
	float: left;
	background: url('/images/backgrounds/sf-topcapC.jpg');
	width: 124px;
	height: 94px;
}

div#feed-icon div {
  width: 22px;
  height: 23px;
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/images/rss-icon.png',sizingMethod='scale');      
  cursor: hand; 
  cursor: pointer;
}

div#feed-icon > div {
  background: url(/images/images/rss-icon.png);
}

#keylinks-favourites {
	float: left;
	background: url('/images/backgrounds/sf-topcapD.jpg');
	width: 112px;
	background-position: center right;
	height: 94px;
}

div#fav-icon div {
  width: 23px;
  height: 22px;
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/images/heart-icon.png',sizingMethod='scale');      
  cursor: hand; 
  cursor: pointer;
}

div#fav-icon > div {
  background: url(/images/images/heart-icon.png);
}


#keylinks-blank {
	float: left;
	float: left;
	background: url('/images/backgrounds/sf-topcapE.png');
	width: 26px;
	height: 94px;
}

/* 3. White area holding main content */
#c-wrapper {
	float: left;
  background: url('/images/backgrounds/sf-whitebackNL.png');
  background-repeat: repeat-y;
}

#c-wrapper1 {
  background: url('/images/backgrounds/sf-whitebackNR.png');
  background-position: center right;
  background-repeat: repeat-y;
  padding: 0 0 0 10px; /* 10 px shade */
  width: 980px;
}

#maindiv {
  background-color: #FFF;
	width: 962px;
	padding: 0 0 0 8px;
}

#maindiv p {
/*  margin-left: 25px;
  margin-right: 25px;
*/}


/* 4. Dark grey footer area */
#d-wrapper {
	float: left;
}


div#footer-l {
	background: url('/images/backgrounds/sf-footerL.png');
	float: left;
  background-position: bottom left;
  width: 43px;
  height: 188px;
}

div#footer-r {
	background: url('/images/backgrounds/sf-footerR.png');
	float: left;
  background-position: bottom left;
  width: 43px;
  height: 188px;
}


#footer-content {
  background: url('/images/backgrounds/sf-footerM.png');
  background-repeat: repeat-x;
  background-position: bottom center;
	width: 844px;
	height: 143px;
	padding: 15px 30px 30px 30px;
	text-align: center;
	float: left;
}

#footer-content p {
	color: #fff;
	margin: 10px 0;
}

#footer-content a {
	color: #f66;
	font-weight: bold;
}

div#footer-content div#footer-bg {
  background: url('/images/backgrounds/sf-footerbase.png');
}

p#lowest {
  margin-bottom: 0;
}

/* TYPOGRAPHY */

* {font-family: Helvetica, Arial, sans-serif;}
.hot {color: #cb3332;}
.cool {color: #367ac3;}
.dark {color: #555;}
.underline {text-decoration: underline;}
.id-field {font-weight: bold;}
.id-field a {text-decoration: underline;}
.searchfield dt label	{font-size: 14px;}
#main-nav li {font-weight: bold; font-size: 1em;}
#keylinks-destination form span {font-size: 1.05em; color: #fff;}
.keylink-text {font-size: 1.05em; color: #fff;}


/* snow reports */

.sage {background-color: #e1f2d7;}
.rose {background-color: #f2d7e6;}
.mauve {background-color: #dedcf1;}
.frost {background-color: #d4f1f3;}
.white {background-color: #fff;}

.gsrSnowReportTable h2, .closeResortsTable h2 {			
  text-align: center;
  font-size: 111%;
	margin: 0.3em 0;
}

.heading {
	font-size: 1.2em;
	background-color: #fff;
}

th.subheading h3 {
	font: bold 1.2em Georgia, sans-serif;
}

th.subheading {
	background-color: #fff;
	padding: 0.7em 1em 0.3em 1em;
}

.selector th {
	font-weight: bold;
	color: #cb3332;
}

.gsrSnowReportTable {
	text-align: left;
}

.closeResortsTable {
	margin: 1em auto;
}

.gsrSnowReportTable tr, .closeResortsTable tr {
	background-color: #c2dcf5;
}

.gsrSnowReportTable th, .closeResortsTable th {
	font: normal 1em Helvetica, Arial, sans-serif;
	text-align: left;
}

.creditbox {
	width: 160px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

.creditbox p {
	text-align: left;
}

.creditbox img {
	float: left;
	padding: 0 10px 0 0;
}

.category {
	background-color: #fff;
}
.category th, .category td {			
	font: bold 1.2em Georgia, sans-serif;
	padding: 0.5em;
}

tr.footrow {
	background-color: #fff;
}

.gsrSnowReportTable tr.cap, .closeResortsTable tr.cap {
	background-color: #fff;
}

td.topcap, td.topcap p {
	background-color: #367AC3;
	color: #fff;			
}

td.bottomcap {
	background-color: #367AC3;
	color: #fff;			
}

#metarcap h2 {
  text-align: left;
  font-size: 111%;
  margin-top: 0;
  padding-top: 0;
}

#metarcap h3 {
  font-size: 104%;
  text-align: left;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 0;
}

#metarcap {
  padding: 14px;
}

#metar img {
  margin: 0.3em;
}

#metar td, #metarheader th {
  text-align: center;
  vertical-align: top;
}

#metar tr.selector {
	background-color: #c2dcf5;
}

#accomm td {
  padding: 5px;
}

#accomm tr.cap {
	background-color: #fff;
}

#accomm tr {
  background-color: #C2DCF5;
}

#accomm th {
  padding: 10px;
  font-weight: bold;
  text-align: center;
}

#accomm {
  margin: 2em auto 0 auto;
  width: 100%;
}
.odd_mild {
	background: #dfdfff;
}
.even_mild {
	background: #e1e1e1;
}

h1.commented {
  margin-bottom: 0;
}

h2.comment {
  font-size: 150%;
  text-align: center;
  margin: 0;  
}
h2.smallcomment {
  font-size: 120%;
  text-align: center;
  margin: 0;  
  color: #999;
}
div.errorExplanation {
  background-color: #FAA;
  padding: 3px 10px;
  margin: 5px 0;
}
div.errorExplanation ul {
  font-weight: bold;
}
div.errorExplanation h2 {
  font-size: 150%; 
}

/* Dave's tabs */

#dtabs * {
	margin: 0;
	padding: 0;
}

#dtabs {
	width: 756px;
	font: 12px normal Helvetica, sans-serif;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}


/* TEXT */

#dtabs a {
	text-decoration: none;
	color: #fff;
}

#dtabs ul {
	list-style-type: none;
}

#dtabs ul li ul li a:hover {
	text-decoration: underline; /* underlines the multi-part boxes */
}

ul#top-row li a {
	padding: 7px 0 0 9px; /* positions the top row button text */
}

ul#bottom-row li span.button-title {
	display: block;
	font-weight: bold;
	padding: 9px 0 3px 9px; /* positions the black (info) button text */
}

ul#bottom-row li a {
	padding: 32px 0 0 9px; /* positions the bottom row button text */
}

ul#bottom-row li ul li a {
	padding: 0 0 0 14px; /* positions the altitude lists */
}


/* BUTTONS */

ul#top-row li a {
	display: block;
  height: 21px; /* makes the whole button selectable */
}

ul#bottom-row li.bot a {
	display: block;
  height: 52px;
}

ul#bottom-row li.bot li a {
	display: block;
  height: 17px;
}

ul#top-row li {
	float: left; /* floats list elements and positions them horizontally */
	width: 126px;
	height: 28px;
	background: #7f98a6 no-repeat url('/images/but-top-out-126x28.png');
}

ul#top-row li:hover {
	background: #7f98a6 no-repeat url('/images/but-top-over-126x28.png');
}

ul#top-row li.bubbleInfo {
	background: #8b8b8b no-repeat url('/images/but-secure-top-out-126x28.png');
}

ul#top-row li.bubbleInfo:hover {
	background: #8b8b8b no-repeat url('/images/but-secure-top-over-126x28.png');
}

ul#top-row li.active, ul#top-row li.active:hover {
	background: #b91818 no-repeat url('/images/but-top-current-126x28.png');
}

ul#bottom-row li.bot {
	float: left;
	width: 126px;
  height: 84px;
	background: #555 no-repeat url('/images/but-bot-out-126x84.png');
}

ul#bottom-row li.bot li {
  height: 17px;
}

ul#bottom-row li.bot:hover {
  background: #555 no-repeat url('/images/but-bot-over-126x84.png');
}

ul#bottom-row li.bubbleInfo {
	background: #555 no-repeat url('/images/but-secure-bot-out-126x84.png');
}

ul#bottom-row li.bubbleInfo:hover {
	background: #555 no-repeat url('/images/but-secure-bot-over-126x84.png');
}

ul#bottom-row li.active, ul#bottom-row li.active:hover {
	background: #b91818 no-repeat url('/images/but-bot-current-126x84.png');
}

ul#bottom-row ul.notitle {
  padding: 14px 0 0 0; 
  margin: 0;
}

ul#bottom-row li ul.notitle li a {
	padding: 0 0 0 9px;
	margin: 0;
}


/* POP-UP BUBBLES */

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    z-index: 50;
    display: none; /* keeps the popup hidden if no JS available */
    width: 100px;
    height: 67px;
    background-image: url('/images/jquery-popup-bubble-bg.png');
}

.popup span {
	position: relative;
	font-size: 11px;
	font-weight: bold;
	color: #555;
	top: 10px;
	left: 5px;
	right: 8px;
	line-height: 16px;
}

/* */

/* twitter */

ol.statuses li {
padding-bottom:0.8em;
padding-left:0.5em;
}
ol.statuses li:hover, ol.statuses li.hover {
background-color:#F7F7F7;
}
ol.statuses li {
position:relative;
}
ol.statuses > li {
border-bottom:1px dashed #D2DADA;
line-height:1.0em;
padding:0.35em 0 0.35em;
}
ol.statuses {
font-family:'Lucida Grande',sans-serif;
font-size:1.0em;
color:#333333;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}

ol.statuses span.meta, .hentry .meta {
color:#999999;
display:block;
font-size:0.764em;
margin:0px 0 0;
}
ol.statuses span.meta a, .hentry .meta a {
color:#999999;
text-decoration: none;
}
/* */
ul#iglu_deals li {
  margin: 0;
  padding: 0;
  display: inline;
}
ul#iglu_deals {
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
}
ul#iglu_deals a {
  text-decoration: underline;
}
/* */
.img_res_bar {
  background-color: #fff;
  padding: 8px;
  border: solid 1px #999;
  margin: 8px 0;
}
.img_res_bar h2.int {
  margin-bottom: 0.6em;
}
.img_res_bar img {
  padding: 7px;
  border: solid 1px #b3b3b3;
  margin: 0 7px;
  background-color: #fff;
}
.img_res_bar img.first {
  margin-left: 0;
}
.img_res_bar img.last {
  margin-right: 0;
}
.img_res_bar p {
  margin-bottom: 0;
}
.img_col img {
  padding: 6px;
/*  border: solid 1px #b3b3b3;*/
  background-color: #fff;
  margin: 3px 5px;
}
.signpost {
  text-align: center;
  font-size: 1.2em;
  font-style: italic;
  color: #666;
  font-family: Georgia, sans-serif;
}
.signpost-resort {
  float: left;
  background: url(/images/signpost-resort.png);
  width: 90px;
  height: 70px;
  padding: 23px 24px 23px 0;
  margin: 18px 2px 0 0;
}
.signpost a {
  font-style: normal;
  text-decoration: underline;
}
.signpost-col {
  background: url(/images/signpost-sidebar.png);
  width: 120px;
  height: 76px;
  padding: 18px 0;
  margin: 5px 5px 0 5px;
}
.img_feature {
  background-color: #f4f4f4;
  padding: 4px;
}
.img_feature img {
  padding: 8px;
  margin: 0 8px;
  background-color: #fff;
  border: none;
}
.img_feature img.first {
  margin-left: 0;
}
.img_feature img.last {
  margin-right: 0;
}

.signpost-feature {
  float: left;
  background: url(/images/signpost-general.png);
  width: 90px;
  height: 50px;
  padding: 33px 24px 33px 0;
  margin: 18px 2px 0 0;
}
div.gallery {
  background-color: #f4f4f4;
  padding: 6px;
}
img.gallery {
  padding: 9px;
  background-color: #fff;
  border: none;
}
div.gallery .first {
  margin-left: 0px;
}
div.gallery .last {
  margin-right: 0px;
}
.gallery .img {
  width: 181px;
  margin: 5px 6px;
  float: left;
}
h1.gallery {
  font-family: Georgia, sans-serif;
  font-style: italic;
  font-size: 2.2em;
  color: #808080;
}
#flimg img {
  background: url(/images/flags-bg.png) no-repeat top left;
}
.photo {
  margin-top: 1em;
}
.photo h1 {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  color: #808080;
  text-align: center;
}
.photo h2 {
  font-weight: bold;
  font-size: 12px;
  color: #666;
  text-align: center;
}
.photo h3 {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  color: #808080;
}
.comments {
  margin: 15px 0;
}
.comments .timestamp {
  font-size: 10px;
  color: #808080;
  padding: 0 10px;
}
.comments .author {
  font-weight: bold;
  font-size: 13px;
  background-color: #b0d4f7;
  padding: 8px 10px 20px 15px;
  text-align: right;
}
.comments .comment {
  padding: 2px 10px 20px 10px;
  line-height: 1.2em;
}
#photo_comment_link {
  margin-top: 5px;
  line-height: 1.5em;
}
.photo .orig_link {
  width: 120px;
  float: right;
}
.photo .uploader {
  width: 120px;
  float: left;
}
.photos h2.int {
  margin: 1em 0;
}
.stars {
  margin: 6px 0 6px 9px;
}
span.active {
  font-weight: bold;
}
/* */
#alerts td, #alerts th {
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	padding: 6px;
}
#alerts {
	border-bottom: solid 1px #666;
	border-collapse: collapse;
	margin: 1em auto;
}
#alerts .last {
  border-right: solid 1px #666;
}
.snblock {
  padding: 1em;
}
.ord {
  float: left;
  width: 30px;
  font-size: 40px;
  font-weight: bold;
  color: #f00;
}
.rest {
  margin-left: 40px;
}
.instr {
  font-style: italic;
  font-weight: bold;
  color: #003063;
  font-size: 14px;
}
.mtn {
  color: #74894b;
}
#accom {
  margin-top: 3px;
  border-top: solid 1px #999;
  color: #999;
  font-size: 12px;
  font-style: italic;
  padding: 6px 3px 3px 3px;
}

/* */

h1.maph {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #000;
}
.imp {
  color: #cc3234;
}
.mapt {
  margin: 15px auto;
  border: solid 1px #333;
	border-collapse: collapse;
}
.mapt img {
  border: 0;
}
.mapt td {
  text-align: center;
  border: solid 1px #333;
  padding: 8px;
  vertical-align: top;
}
.mapt h3 {
  color: #999;
  font-size: 13px;
  padding: 2px;
}
.mapt th {
  background-color: #999;
  padding: 5px;
}
.mapt h2 {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.mapt a .x {
  font-size: 40px;
  display: block;
  margin: 10px 0 2px 0;
}

/* */
.snowmail {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 56px 12px 0 12px;
}

/* */

.photo_upload {
  text-align: center;
}

.photo_upload_comment {
 margin: 1.5em 18%;
 font-size: 14px;
 color: #666;
}

#photo_form_cont form {
  width: 476px;
  float: left;
  font-size: 13px;
}

#photo_form_cont img {
  float: right;
}

#photo_form_cont ol li label {
  width: 30%;
}

#photo_form_cont ol li#photo_terms_input label {
  width: 65%;
  padding-left: 32%;
  text-align: left;
}

#photo_form_cont li.string input, #photo_form_cont li.text textarea {
  width: 64%;
}

#photo_form_cont li.required label {
  font-weight: normal;
}

#photo_form_cont #submit {
  margin-left: 190px;
  width: 60px;
}

#photo_form_cont input, #photo_form_cont textarea, #photo_form_cont select {
  font-weight: normal;
}

/* */

.star_bar {
  width: 100px;
  height: 18px;
  background: url(/staricons/no_stars.gif);
  margin: 3px 0 10px 0;
}

.star_bar div {
  width: 100px;
  height: 18px;
  background: url(/staricons/all_stars.gif);
}

/* */