/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ====================== */
/* = SSAA Screen Styles = */
/* ====================== */

/* Global styles */
body{background:url(/images/bg.jpg); font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; color:#333;}
a{color:#244f9d; text-decoration:none;}
a:hover{color:#123169; text-decoration:underline;}

/* Global class tools */
.clear{clear:both;}

#container{width:970px; margin:0 auto;}

/* Top navigation links */
#topNav{font-size:10px; text-transform:uppercase; margin:20px 60px 5px; text-align:right;}
#topNav li{display:inline; border-right:1px solid #333; padding:0 3px; margin:0 3px;}
#topNav li a{color:#333; padding:0 3px 0 0;}
#topNav li.last{border:none;}

/* NEW header */
#header{display:block; width:967px; height:87px; margin:0 0 10px 0; background:url(/images/ssaa_logo.png) no-repeat; position:relative;}
#header h1 a{display: block; height:87px; width:260px;}
#header h1 a span {visibility: hidden; }
#header h1 a:hover{text-decoration:none;}
#header ul{display:block; width:554px; height:39px; position:absolute; bottom:0; right:0;}
#header li{display:block; height:39px; float:left;}
#header li a{display:block; height:39px;}
#header li a:hover{background-position:bottom left;}

/* NEW Nav */
#nav-snow-reports a{width:120px; background:url(/images/nav_snowreports.png) no-repeat; text-indent:-9999px;}
#nav-news a{width:59px; background:url(/images/nav_news.png) no-repeat; text-indent:-9999px;}
#nav-events a{width:69px; background:url(/images/nav_events.png) no-repeat; text-indent:-9999px;}
#nav-webcams a{width:83px; background:url(/images/nav_webcams.png) no-repeat; text-indent:-9999px;}
#nav-snowmaking a{width:110px; background:url(/images/nav_snowmaking.png) no-repeat; text-indent:-9999px;}
#nav-safety a{width:68px; background:url(/images/nav_safety.png) no-repeat; text-indent:-9999px;}
#nav-radio a{width:68px; background:url(/images/nav_radio.png) no-repeat; text-indent:-9999px;}
#nav-email-updates a{width:128px; background:url(/images/nav_emailupdates.png) no-repeat; text-indent:-9999px;}

/* Headline for subpage new section */
#headline{display:block; position:relative; width:967px; height:153px; margin:10px 0 0 0; background:url(/images/newshd_bg.png) no-repeat;}
#headline p{display:block; display:inline; width:327px; float:left; margin:0 20px 0 55px; padding:50px 0 0 0; font-size:12px;}
#headline p span.date{font-size:11px !important;}
#headline div.grayline{position:absolute; top:137px; left:15px; font-size:11px;}
#headline div.images{display:inline;float:left;}

/* Map */
#map{height:417px; padding:0; margin:0;}
#map img{padding:0; margin:0; height:400px;}
#flash-map{ position: relative; }
#state-map{ float: left; background-image:url(/images/homepage_map.jpg); height: 400px; width: 667px; }
#resort-list {
    margin-top: 50px;
    margin-left: 15px;
    width: 190px;
}
#resort-list li {
    padding: 3px 0 3px 15px;
    list-style: none;
    font-size: 90%;
}

#resort-list li a {
    color: #797a7a;
}

#resort-list li.active a {
    color: #e4e4e4;
}

#resort-list li.active {
    background:url(/images/dot.gif) center left no-repeat;
}

#page-divider{display:block; clear:both; padding:0; margin:0; border:none; width:967px; height:17px; background:url(/images/divider.png) no-repeat; line-height:0;}

/* Home page mid section */
#content-container{background:url(/images/bg_content.png); width:947px; margin:0 auto; font-size:12px;}
#latest-news{width:260px; float:left; padding:10px 0 0 0; margin:0 0 0 33px;}
#latest-news h3{display:block; width:118px; height:26px; background:url(/images/latest_newshd.png) no-repeat; text-indent:-9999px;padding:10px 0;}
#latest-news img{padding:2px; background:#fff; float:left; margin:0 5px 0 0;}
#latest-news p{height:70px; padding:10px 0; border-bottom:1px dotted #ccc;}
.date{display:block; font-size:10px; color:#333; clear:both; padding:10px 0 0 0;}
.view-all{display:block; padding:10px 0;}
#special-events{width:290px; float:left; padding:10px 0 0 0; margin:0 0 0 30px;}
#special-events h3{display:block; width:133px; height:26px; background:url(/images/special_events.png) no-repeat; padding:10px 0;text-indent:-9999px;}
#special-events img{padding:2px; background:#fff; float:left; margin:0 5px 0 0;}
#special-events p{height:70px; padding:10px 0; border-bottom:1px dotted #ccc;}
#snow-reports a{display:block; float:left; width:280px; height:232px; margin:10px 0 0 40px; background:url(/images/snow_reports.png) no-repeat; text-indent:-9999px;}
#snow-sports a{display:block; float:left; width:243px; height:255px; margin:10px 0 10px 60px; background:url(/images/learn-snow-sport-month.png) no-repeat; text-indent:-9999px;}

/* Home page blog section */
#blog-container{background:url(/images/bg_blog.png); width:947px; margin:0 auto; clear:both; font-size:12px; line-height:16px;}
#blog-content{padding:20px 33px; width:550px; float:left;}
#blog-content h4{display:block; width:191px; height:31px; background:url(/images/meteorologists_blog.png) no-repeat; text-indent:-9999px;}
#recent-posts{padding:20px 0 0 40px; width:250px; float:left;}
#recent-posts h5{display:block; width:179px; height:26px; background:url(/images/recent_blog_posts.png) no-repeat; text-indent:-9999px;}

/* Grid page chart */
#chart{position:relative; width:967px; background:url(/images/content_bg.png) repeat-y;}
#contentBlock{padding:0 0 60px 30px; font-size:14px; line-height:18px;}
#contentBlock p{margin:0 0 10px 0; padding:10px 0 0 0;}
div.fullpage{padding:0 0 60px 30px; font-size:14px; line-height:18px;}
div.fullpage p{margin:0 0 10px 0; padding:10px 0 0 0;}
.col1{width:540px; float:left; padding:20px 20px 0 0;}
.col2{width:340px; float:left; padding:20px 20px 0 0;}

table{margin:0 4px 0 4px; padding:0; font-size:11px;}

.resort{width:192px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.town{width:80px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.phone{width:54px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.surface{width:86px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.base{width:56px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.natural{width:67px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.machine{width:71px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.slope{width:81px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.night{width:55px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.terrain{width:66px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.tubing{width:59px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.special{width:70px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.weather{width:25px; text-align:center; border-bottom:1px solid #dfdfdf;}
.webcam { width: 16px; text-align: center; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.last-updated{ width: 54px; text-align: center; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.map { width: 16px; text-align: center; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }

th{height:40px; text-indent:-9999px;}
th.resort{background:url(/images/th_resort.png);}
th.town{background:url(/images/th_town.png);}
th.phone{background:url(/images/th_phone.png);}
th.surface{background:url(/images/th_surfaceconditions.png);}
th.base{background:url(/images/th_avgbase.png);}
th.natural{background:url(/images/th_newnatural.png);}
th.machine{background:url(/images/th_newmachine.png);}
th.slope{background:url(/images/th_slopesliftsopen.png);}
th.night{background:url(/images/th_nightskiing.png);}
th.terrain{background:url(/images/tb_terrainpark.png);}
th.tubing{background:url(/images/th_tubing.png);}
th.special{background:url(/images/th_specialfeatures.png);}
th.weather{background:url(/images/th_weather.png);}
th.webcam { background: url(/images/th_webcam.png); }
th.last-updated{ background: url(/images/th_updated.png); }
th.map { background: url(/images/th_map.png); }



td{vertical-align:middle; padding:0 3px; margin:0; height:31px;}
td.resort{padding:0 0 0 3px;}
td.resort img {
  float:left;
  padding: 0 3px;
  width: 16px;
  height:16px;
}
td.town{}
td.phone{}
td.surface{}
td.base{}
td.natural{}
td.machine{}
td.slope{}
td.night{}
td.terrain{}
td.tubing{}
td.special{}
td.weather{}
td.weather a.weather{display:block; border:none; height:16px; width:16px; text-indent:-9999px !important; padding:0; margin:0; line-height:0;}
td.webcam a.webcam { display: block; border: none; height: 16px; width: 16px; padding: 0; margin: 0; line-height: 0; }
td.map a.map { display: block; border: none; height: 16px; width: 16px; padding: 0; margin: 0; line-height: 0; }

td a.sugarmountain{background:url(/images/information.png);}
td a.cloudy{background:url(/images/weather_cloudy.png);}
td a.rain{background:url(/images/weather_rain.png);}
td a.snow{background:url(/images/weather_snow.png);}
td a.storm{background:url(/images/weather_storm.png);}
td a.sunny{background:url(/images/weather_sunny.png);}

tbody{position:relative;}

td.divider{height:10px !important; border:0; background:#dfdfdf;}
td.state{height:0; padding:0; margin:0; border:0; border:0; position: absolute;}
td.state img { position: relative; left: -34px; top: -4px; }
td.bottom{}

td.wisp{vertical-align:middle;}
td.appalachian{vertical-align:middle;}
td.cataloochee{vertical-align:middle;}
td.sapphire_valley{vertical-align:middle;}
td.ski_beech{vertical-align:middle;}
td.sugar_mountain{vertical-align:middle;}
td.wolf_ridge{vertical-align:middle;}
td.ober_gatlinburg{vertical-align:middle;}
td.bryce{vertical-align:middle;}
td.massanutten{vertical-align:middle;}
td.homestead{vertical-align:middle;}
td.wintergreen{vertical-align:middle;}
td.canaan_valley{vertical-align:middle;}
td.snowshoe{vertical-align:middle;}
td.timberline{vertical-align:middle;}
td.winterplace{vertical-align:middle;}
td.liberty{vertical-align:middle;}

/* Resort pages */
.resort-page{}
.resort-page h3{font-size:18px; padding:20px 0;}
.resort-page label{display:inline-block; width:200px;}
h3{font-size:18px; padding:20px 0;}

/* - Conditions*/
#conditions{width:280px; float:left;}
#conditions h4{padding-left:25px; background:url(/images/icon_info.png) no-repeat; height:25px;}
#conditions li{border-bottom:1px dotted #ccc;}

/* - Pictures */
#pictures{width:510px; float:left; margin:0 0 0 50px;}
#pictures h4{padding-left:25px; background:url(/images/icon_photo.png) no-repeat; height:25px;}
#pictures ul li{display:block; width:50px; height:50px; float:left; margin:10px 10px 0 0; background:#fff; padding:2px; border:1px solid #ccc;}
#picture-container{}

/* - Directions */
#directions{clear:both; padding:20px 0;}
.address{padding:0 0 20px 0; margin:0 0 10px 0; border-bottom:1px dotted #ccc; padding-left:25px; background:url(/images/icon_house.png) no-repeat;}
#directions ul{padding:0 0 20px 0;}
#directions ul li{border-bottom:1px dotted #ccc;}
#directions h4{padding-left:25px; background:url(/images/icon_arrow.png) no-repeat; height:25px;}
#locations{width:280px; float:right;}
#from-here{width:500px; float:left; margin:0 50px 0 0;}
#dialog #directions #from-here { margin: 0; float: inherit; width: auto; }
#dialog #directions #locations { float: inherit; padding-top: 15px;}
#dialog #directions #locations label { display: inline-block; width: 200px; }

/* Footer */
#home #footer{width:947px !important; height:14px !important; margin:0 auto !important; line-height:0; background:url(/images/footer_home.png) no-repeat; padding:0 !important; border:0 !important;}

#footer{height:9px !important; line-height:0; background:url(/images/content_footer.png) no-repeat; padding:0 !important; margin:0 !important; border:0 !important;}
p.footer{font-size:11px; margin:10px 0; padding:0 20px;}

/*CSS for Admin area*/
body.adminArea{}

body.adminArea h3{font-size:18px; margin:10px 0 10px 4px;}

#adminNav{height:39px; background:url(/images/nav_bg.png); margin:0 4px; border-top:1px solid #dfdfdf; font-size:12px; text-transform:uppercase;}
#adminNav li{display:block; float:left; height:39px; border-right:1px solid #dfdfdf; border-left:1px solid #fff; padding:0 10px;}
#adminNav li a{display:block; float:left; color:#474747; padding:13px 0 3px 0; text-shadow:rgba(100%, 100%, 100%, 1) 1px 1px 0;}
#adminNav li a:hover{text-decoration:none; border-bottom:1px dotted #474747;}
#adminNav li.active a{border-bottom:1px dotted #474747; color:#000;}

#activity{width:900px;}
#activity th.menu{background:#474747; color:#fff; text-shadow:rgba(0%, 0%, 0%, 0.4) 1px 1px 0; text-indent:0; height:auto; text-align:left; padding:5px; font-weight:bold; font-size:14px;}
#activity tr{border-left:1px solid #dfdfdf;}
#activity td{border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#activity td.condeven{}
#activity td.condodd{background:#dfdfdf;}

th.heading {
  color: #333333;
  text-indent: 3px;
  text-align: left;
  border-bottom: 2px solid #333333;
  line-height: 12px;
  height:14px;
  padding:3px;
  vertical-align:bottom;
}


.userdata{width:900px;}
.userdata th.menu{background:#474747; color:#fff; text-shadow:rgba(0%, 0%, 0%, 0.4) 1px 1px 0; text-indent:0; height:auto; text-align:left; padding:5px; font-weight:bold; font-size:14px;}
.userdata tr{border-left:1px solid #dfdfdf;}
.userdata td{border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.userdata td.condeven{}
.userdata td.condodd{background:#dfdfdf;}


#conditionsForm{margin-right:20px;}
#conditionsForm p.small{padding:10px 0 10px 10px; width:100%; background:#eee;}
#conditionsForm tr{border-bottom:1px solid #ccc; height:60px;}
#conditionsSubmit{margin:30px 30px 0 0;}

.left {float: left; padding: 12px 15px 12px 0;}
.right {float: right; padding: 12px 0 12px 15px;}

label {display: block; padding-top: 10px;}


.listing { display: block;}
.featured {
  border-bottom: 1px solid #CCCCCC;
  display:block;
  padding: 10px;
  margin-right: 20px;
}
.newsdate { font-size: 10px; color: #333333; }
.newstitle { font-size:14px; color: #244F9D; padding-top: 0; padding-bottom: 0;}
.newstext { font-size: 12px; color: #333333;}
.small-news { border-bottom}

.newsImage {
  float: left;
  padding-right:20px;
}
.newsCopy {
  float: left;
  padding-right:20px;
  width: 500px;
}
.listing img{padding:2px; border:1px solid #ccc; background:#fff; float:left; margin:0 5px 0 0;}
.webcams { padding:5px; text-align:center; color: #333333; float:left; height: 150px;}

#directionsmap {
  font-size: 12px;
}

.pictureform label {padding-top: 2px;}
.pictureform {
  width: 80px;
  border: 2px solid transparent;
  text-align: center;
  cursor: pointer;
  float:left;
}
.resort_title {font-weight:bold; font-size:14px;}
.pictureform:hover {background: #CCC;}
.toDelete { border: 2px solid red;}

/* pushpins on homepage map */
.pushpin { background-image: url(/images/pin_green.png); height: 36px; width: 36px;}
.pushpin.active { z-index: 99;}
#pushpin-wisp { position: absolute; left: 491px; top: 42px; }
#pushpin-appalachian { position: absolute; left: 448px; top: 174px; }
#pushpin-cataloochee { position: absolute; left: 413px; top: 197px; }
#pushpin-sapphire_valley { position: absolute; left: 418px; top: 214px; }
#pushpin-ski_beech { position: absolute; left: 443px; top: 174px; }
#pushpin-sugar_mountain { position: absolute; left: 445px; top: 178px; }
#pushpin-wolf_ridge { position: absolute; left: 430px; top: 182px; }
#pushpin-ober_gatlinburg { position: absolute; left: 403px; top: 193px; }
#pushpin-bryce { position: absolute; left: 511px; top: 67px; }
#pushpin-massanutten { position: absolute; left: 517px; top: 69px; }
#pushpin-homestead { position: absolute; left: 488px; top: 101px; }
#pushpin-wintergreen { position: absolute; left: 513px; top: 95px; }
#pushpin-canaan_valley { position: absolute; left: 492px; top: 68px; }
#pushpin-snowshoe { position: absolute; left: 477px; top: 74px; }
#pushpin-timberline { position: absolute; left: 492px; top: 64px; }
#pushpin-winterplace { position: absolute; left: 457px; top: 122px; }
#pushpin-liberty { position: absolute; left: 497px; top: 125px; }