@charset "utf-8"; /* CSS Document */ /* Main Body tag styling */ /* background-image:url(../images/background2.jpg); background-repeat:repeat-x; */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; border: 0px; margin: 0px; padding: 0px; background-color: #0A0D14; background-image:url(../images/background.jpg); background-repeat:no-repeat; background-position:top; } body #reportprint { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } body #printable { background-image:none; background-color: #FFFFFF; background-repeat:repeat-y; text-align: left; padding-left:20px; } @media print { .noprint { display: none; } body { margin: 0; background-image: none; font-size: 13px; } .reporttitleprint { font-size:60px; } .tabletitleprint { font-size: 24px; } .printcolumnthirds { width:33%; } .printpagepartext { font-size: 18px; } .printlinespacer { font-size: 60px; } } /* Paragraph line height styling */ p { line-height:18px; } .fullwidth div {line-height:16px; } hr { background-color:#C5DBEF; height: 2px; color:#0a2741; } h5 { font-weight:bold; font-size:14px; color:#070E27; line-height:14px; } /* Site wide link styling */ a, a:visited { color: #154061; text-decoration:underline; } a:hover { color: #154061; text-decoration:underline; } #link a, a:visited { color: #154061; text-decoration:underline; } #link a:hover { color: #154061; text-decoration:underline; } /* Defines main page wrapper holding everything*/ #wrapper { position: relative; margin: 0px auto; width: 1050px; height: auto; border: 0px; padding: 0px; } #wrapperadmin { position: relative; margin: 0px auto; width: 1050px; height:1200px; border: 0px; padding: 0px; } /* Defines contents and overflow margins */ #contents { margin: 0px auto; width: 1024px; height: auto; background-color: #FFFFFF; text-align:left; border: 0px; padding: 0px; } /* Header Image */ #headerimage { height: 85px; width: 1024px; background-image:url(../images/banner_winter.jpg); border: 0px; margin: 0px; padding: 0px; } #bodywrapper { height: 100%; width: 1024px; margin: 35px 10px 10px 10px; } #mainmenu { z-index: 20000; float: left; } #menuspacer { height:30px; width:79px; z-index:100; text-align:right; float:left; } /* Season Dates overlay */ #seasondates { position:absolute; left:120px; top: 65px; height:15px; width:600px; z-index:2000; color:#CF001C; } /* Homepage Hero Image */ #homeheroimage { height: 339px; border: 0px; margin: 0px; padding: 0px; width: 1024px; } #heroimagebutton { position:absolute; left:500px; top:200px; z-index:900; } /*HOVER POPUP LINKS*/ /*hoverpopups type 1*/ #popup { color: #000; background-color: #c0c0c0; } #popup a, #popup a:visited { position: relative; display: block; width: 130px; line-height: 30px; text-align: right; padding: 0 10px; margin: 0; border: 1px solid #666; text-decoration: none; font-size: 1em; font-weight: bold; } #popup a span { display: none; } #popup a:hover { background-color: #e9e9e2; } /* the IE correction rule */ #popup a:hover { color: #f00; background-color: #e9e9e2; text-indent: 0; /* added the default value */ } #popup a:hover span { display: block; position: absolute; top: 0px; left: 170px; width: 320px; margin: 0px; padding: 10px; color: #335500; font-weight: normal; background: #e5e5e5; text-align: left; border: 1px solid #666; } /* Mountain Cam Frame and pic Images */ /* #mtncamframe { position:absolute; left:230px; top:405px; height:596px; width:754px; z-index:700; } */ #mtncamframe { position:absolute; left:261px; top:434px; height:537px; width:701px; z-index:700; } #mtncampic { position:absolute; left:290px; top:462px; height:480px; width:640px; z-index:680; } /* POD Frame and pic Images */ #podframehoriz { position:absolute; left:261px; top:434px; height:580px; width:766px; z-index:700; } #podpichoriz { position:absolute; left:290px; top:462px; height:540px; width:720px; z-index:680; } #podframevert { position:absolute; left:261px; top:434px; height:766px; width:580px; z-index:700; } #podpicvert { position:absolute; left:290px; top:462px; height:720px; width:540px; z-index:680; } /* Tile space */ #tilespace { height: 202px; border: 0px; margin: 0px; padding: 0px; width: 1024px; background:#0B1219; } /* Tilespace overlay */ #tilespaceoverlay { position:absolute; left:13px; top:427px; height:229px; width:245px; z-index:600; } /* Tile overlays */ #tile1 { position:absolute; left:31px; top:475px; height:195px; width:181px; z-index:900; text-align:center; } #tile2 { position:absolute; left:270px; top:475px; height:195px; width:181px; z-index:900; text-align:center; } #tile3 { position:absolute; left:524px; top:475px; height:195px; width:181px; z-index:900; text-align:center; } #tile4 { position:absolute; left:760px; top:475px; height:195px; width:181px; z-index:900; text-align:center; } /* Ski overlay */ #skioverlay { position:absolute; left:943px; top:50px; height:229px; width:245px; z-index:800; } #textmarquee { position:absolute; left:100px; top:55px; height:50px; width:400px; z-index:800; } /* Emergency Notes overlay */ #emergencymessage { position:absolute; left:50px; top:200px; height:160px; width:310px; z-index:800; } #emergencynotes { position:absolute; left:35px; top:25px; height:100px; width:230px; z-index:850; } /* Woodbar overlay - WIDTH WAS 543 */ #woodoverlay { position:absolute; left:3px; top:420px; height:38px; width:724px; z-index:800; } #beadoverlay { position:absolute; left:905px; top:400px; height:615px; width:100px; z-index:800; } #picswapbutton { position:absolute; left:850px; top:420px; height:20px; width:80px; z-index:800; } /* Woodbar links overlays */ #woodlink1 { position:absolute; left:0px; top:428px; height:38px; width:181px; z-index:900; color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; } #woodlink2 { position:absolute; left:181px; top:428px; height:38px; width:181px; z-index:900; color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; } #woodlink3 { position:absolute; left:362px; top:428px; height:38px; width:181px; z-index:900; color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; } #woodlink4 { position:absolute; left:543px; top:428px; height:38px; width:181px; z-index:900; color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; } #woodlink1 a, #woodlink1 a:visited { color:#FFFFFF; text-decoration:none; } #woodlink1 a:hover {color:#FFFFFF; text-decoration:underline; } #woodlink2 a, #woodlink2 a:visited { color:#FFFFFF; text-decoration:none; } #woodlink2 a:hover {color:#FFFFFF; text-decoration:underline; } #woodlink3 a, #woodlink3 a:visited { color:#FFFFFF; text-decoration:none; } #woodlink3 a:hover {color:#FFFFFF; text-decoration:underline; } #woodlink4 a, #woodlink4 a:visited { color:#FFFFFF; text-decoration:none; } #woodlink4 a:hover {color:#FFFFFF; text-decoration:underline; } /* Hero Image */ #heroimage { height: 175px; border: 0px; margin: 0px; padding: 0px; width: 1024px; z-index:100; } /* Hero extra image overlay */ #heroextra { position:absolute; left:805px; top:113px; height:175px; width:245px; z-index:1000; border:0px; padding:0px; margin:0px; } /* Hero image bottom white splash overlay NOT USING ANY MORE #herooverlay { position:absolute; left:13px; top:128px; height:175px; width:1024px; background-image:url(../images/heroimages/hero_overlay.png); z-index:500; } */ /* Page title container */ #pagetitle { font-size:20px; color: #3d5c78; margin: 15px 0px 0px 53px;} /* left margin was 30 on old version */ #pagetitle img { vertical-align:text-top; } /* Footercontent section */ #footercontent { height: 65px; width: 1024px; line-height: 30px; background-color: #0A0D14; color:#CCCCCC; text-align:right; text-decoration: none; } #footerlinks { z-index: 1500; width:600px; height:60px; } #footerlinks a, #footerlinks a:visited { color:#CCCCCC; text-decoration:none; } #footerlinks a:hover { color:#CCCCCC; text-decoration:underline; } /* Social Media Link in footer section */ #socialmedia { z-index:500; width:424px; height:60px; float: left; } /* Alta Logo overlay */ #logooverlay { position:absolute; left:0px; top: 5px; height:112px; width:114px; z-index:500; } /* CHANGED TO 5px down the screen for PETE 11/1/10 */ /* Weather overlays */ #weathericonoverlay { position:absolute; left:964px; height:85px; width:73px; z-index:2000; } /* New snow overlay */ #newsnow { font-size:13px; position:absolute; left:685px; top:3px; height:20px; width:200px; z-index:2000; text-align:left; color:#FFFFFF; } /* New snow overlay */ #summerrpt { font-size:13px; position:absolute; left:445px; top:3px; height:20px; width:760px; z-index:2000; text-align:left; color:#FFFFFF; } /* Base depth overlay */ #basedepth { font-size:13px; position:absolute; left: 840px; top: 3px; height:20px; width:120px; z-index:2000; text-align:left; color:#FFFFFF; } /* High Temp overlay */ #hightemp { font-size:13px; position:absolute; left:445px; top:3px; height:20px; width:120px; z-index:2000; text-align:left; color:#8a1a1f; } /* Low Temp C overlay */ #lowtemp { font-size:13px; position:absolute; left:565px; top:3px; height:20px; width:120px; z-index:2000; text-align:left; color:#000456; } /* Clear float - called at the end of each row or table as needed */ .clearfloat { clear:both; } /* Full width row container -- STARTING POINT FOR ALL ROWS */ .fullwidth { width:100%; height:auto; border:0px; margin:0px; padding:0px; } .halfwidth { width:50%; height:auto; border:0px; margin:0px; padding:0px; float: left;} .thirdwidth { width:33%; height:auto; border:0px; margin:0px; padding:0px; float: left;} /* spacers and line space - between objects */ .linespace { width:100%; line-height:18px; border:0px; padding:0px; margin:0px;} /* was 15 on old version */ .linespacethin { width:100%; line-height:4px; border:0px; padding:0px; margin:0px; font-size:2px; } .linespaceplus { width:100%; line-height:18px; border:0px; padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px; margin:0px;} .spacerleft { width: 82px; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerleftreport { width: 82px; height: 400px; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerleftreportshort { width: 82px; height: 100px; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerliftsruns { width: 12%; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerprivatelesson { width: 246px; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerprivatelessonright { width: 230px; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerrightequalsleft { width: 70px; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerright { width: 38px;; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacertitle { width: 53px; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } .spacerphone { padding-left:40px; } .spacercenterrow { width: 60px; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } /* detail page layout styles - (uses spacerleft and spacer right) */ .underlinetext { text-decoration:underline; } .detailpagetext { width: 499px; height: auto; border: 0px; margin: 0px; padding: 0px; float: left; } .detailpagetableheader { width: 499px; height: auto; border: 0px; margin: 0px; padding: 0px; float: left; background-color:#0A2741; } .detailpagetablecontainer { width: 499px; height: auto; border: 0px; margin: 0px; padding: 0px; float: left; background-color:#FFFFFF; } .detailpagetext img { vertical-align:top; } .detailpageimage { width: 395px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .detailpagetablecenter{ width: 395px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float:left; } .detailpagetextright { width: 395px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .detailpagetextright img { vertical-align:top; } .mappagetext { width: 250px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .dining400 { width: 400px; height:auto; text-align:left; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .halfadmin { width: 50%; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .table6{ width: 6px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table20 { width: 20px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table20percentcenter { width:20%; height:auto; text-align:center; border:0px; padding:0px; margin:0px; float: left; } .table25percent { width:25%; height:auto; text-align:left; border:0px; padding:0px; margin:0px; float: left; } .table25percentcenter { width:25%; height:auto; text-align:center; border:0px; padding:0px; margin:0px; float: left; } .table30{ width: 30px; height:auto; text-align:right; border: 0px; padding:0px; margin: 0px; float: left; } .table31{ width: 31px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table55{ width: 55px; height:auto; text-align:right; border: 0px; padding:0px; margin: 0px; float: left; } .table59{ width: 59px; height:auto; text-align:left; border:0px; padding:0px; margin: 0px; float: left; } .table60{ width: 60px; height:auto; text-align:left; border:0px; padding:0px; margin: 0px; float: left; } .table65{ width: 65px; height:auto; text-align:right; border: 0px; padding:0px; margin: 0px; float: left; } .table75{ width: 75px; height:auto; text-align:right; border: 0px; padding:0px; margin: 0px; float: left; } .table98{ width: 98px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table99{ width: 99px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table100{ width: 100px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table102 { width: 102px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .table105 { width: 105px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .table111 { width: 111px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .table112 { width: 112px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .table120 { width: 120px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .table120border { width:120px; height:auto; text-align:center; float:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table121border { width:121px; height:auto; text-align:center; float:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table122border { width:122px; height:auto; text-align:center; float:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table123{ width: 123px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table124{ width: 124px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table125{ width: 125px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table136 { width: 136px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table137 { width: 137px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table138 { width: 138px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table140 { width: 140px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table150 { width: 150px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table151 { width: 151px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table159{ width: 159px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table160{ width: 160px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table161{ width: 161px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; font-size: 12px; } .table164{ width: 164px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table166{ width: 166px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table167{ width: 167px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table177{ width: 177px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table178 { width: 178px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table178frame { width: 176px; height:auto; text-align:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#58728B; border-style: solid; padding:0px; margin: 0px; float: left; } .table179frame { width: 177px; height:auto; text-align:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#58728B; border-style: solid; padding:0px; margin: 0px; float: left; } .table180 { width: 180px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table188{ width: 188px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table200{ width: 200px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table200border{ width: 200px; height:auto; text-align:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table200left{ width: 200px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table201{ width: 201px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table201border { width: 199px; height:auto; text-align:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table202{ width: 202px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table203{ width: 203px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table210 { width: 210px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .table219border { width:219px; height:auto; float:left; border:1px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table249{ width: 249px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table250{ width: 250px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table251{ width: 250px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table265 { width: 265px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table266 { width: 266px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table267 { width: 267px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table280 { width: 280px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table280frame { width:278px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table286border { width:286px; height:auto; float:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table297 { width: 297px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table298 { width: 298px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table300{ width: 300px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table300b { width: 300px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table300bframe { width:298px; height:auto; text-align:left; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table300center { width: 300px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table320{ width: 320px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table322{ width: 322px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table330 { width: 330px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table330frame { width:328px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table380 { width: 380px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table380frame { width:378px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table333{ width: 333px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table333groom{ width: 333px; height:auto; text-align:left; border: 1px; border-style:solid; border-color:#0A2741; padding:0px; margin: 0px; float: left; } .table334border { width: 334px; height:auto; text-align:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table336{ width: 336px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table355 { width: 355px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table370 { width: 370px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table375 { width: 375px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table375frame { width:373px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table395 { width: 395px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table395frame { width:393px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table400 { width: 400px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table400center { width: 400px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; } .table400frame { width:398px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table412 { width: 412px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .table420{ width: 420px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table420border { width: 418px; height:auto; text-align:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table445{ width: 445px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table450{ width: 450px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table450center { width: 450px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table497border { width: 497px; height:auto; text-align:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table499 { width: 499px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table500 { width: 500px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table501 { width: 501px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table501frame { width: 501px; height:auto; text-align:center; border: 1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table520 { width: 520px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table560 { width: 560px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table560frame { width:558px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table510 { width: 510px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table510frame { width:508px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#3d5c78; border-style: solid; margin:0px; padding:0px; } .table560b { width: 560px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table560bframe { width:558px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table600border { width: 600px; height:auto; text-align:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table602{ width: 602px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table650center { width: 300px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table650right { width: 300px; height:auto; text-align:right; border: 0px; padding:0px; margin: 0px; float: left; } .table669 { width: 669px; height:auto; text-align:right; border: 0px; padding:0px; margin: 0px; float: left; } .table775 { width: 775px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table796 { width: 796px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table800 { width: 800px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table800frame { width:798px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table800frameMC { width:798px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#7098A6; border-style: solid; margin:0px; padding:0px; } .table800grid1 { width: 237px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table800grid1frame { width:235px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#58728B; border-style: solid; margin:0px; padding:0px; } .table800grid2 { width: 326px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table800grid2frame { width:322px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#58728B; border-style: solid; margin:0px; padding:0px; } .table800grid3 { width: 474px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table800grid3frame { width:472px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#58728B; border-style: solid; margin:0px; padding:0px; } .table814 { width: 814px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .table860 { width: 860px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table862border { width: 862px; height:auto; text-align:left; border-top:0px; border-right:1px; border-bottom:1px; border-left:1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; float: left; } .table864{ width: 864px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table890 { width: 890px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .table890frame { width:888px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table890frame2 { width:870px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .table1000admin{ width: 1000px; height:auto; text-align:center; border: 1px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; } .table1000adminmenu{ width: 1000px; height:auto; text-align:left; border: 0px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; } .table1000login{ width: 1000px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left;} .table1006adminmenu{ width: 1006px; height:auto; text-align:left; border: 0px; border-color:#3d5c78; border-style: solid; padding:0px; margin: 0px; } .gallery200 { width: 200px; height:auto; text-align:center; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 0px; margin: 0px; float: left; } .pod200 { width: 190px; height:auto; text-align:left; border: 0px; padding-left:10px; padding-top:0px; padding-bottom:0px; padding-right: 0px; margin: 0px; float: left; } .pod814 { width: 814px; height:auto; text-align:center; border: 0px; padding:0px; margin: 0px; float: left; } .dining225center { width: 225px; height:auto; text-align:center; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining200 { width: 200px; height:auto; text-align:left; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining200center { width: 200px; height:auto; text-align:center; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining300 { width: 300px; height:auto; text-align:left; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining300center { width: 300px; height:auto; text-align:center; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining380 { width: 380px; height:auto; text-align:left; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining380center { width: 380px; height:auto; text-align:center; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining430 { width: 430px; height:auto; text-align:left; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 20px; margin: 0px; float: left; } .dining430center { width: 430px; height:auto; text-align:center; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining225 { width: 225px; height:auto; text-align:left; border: 0px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px; margin: 0px; float: left; } .dining682 { width: 682px; height:auto; text-align:left; border: 0px; padding:0px; margin: 0px; float: left; } .dining102center { width: 102px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .dining102 { width: 102px; height:auto; text-align:right; border: 0px; padding: 0px; margin: 0px; float: left; } .dining727 { width: 727px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .dining824 { width: 824px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .dining900 { width: 900px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .dining677 { width: 677px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets0 { width: 798px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets1 { width: 404px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets2 { width: 132px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets3 { width: 404px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets4 { width: 130px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets5 { width: 272px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets6 { width: 186px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets7 { width: 110px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets8 { width: 151px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets9 { width: 112px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets10 { width: 110px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets11 { width: 92px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets12 { width: 100px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets13 { width: 200px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets14 { width: 308px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .tickets15 { width: 90px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall1 { width: 160px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall2 { width: 115px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall3 { width: 75px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall3border { width: 198px; height:auto; text-align:left; border-right:1px; border-left:1px; border-top:0px; border-bottom:1px; padding:0px; margin: 0px; float: left; border-style: solid; border-color:#3d5c78; } .snowfall3borderb { width: 98px; height:auto; text-align:left; border-right:1px; border-left:1px; border-top:0px; border-bottom:1px; padding:0px; margin: 0px; float: left; border-style: solid; border-color:#3d5c78; } .snowfall3rightwhite { width: 74px; height:auto; text-align:left; border-right:1px; border-left:0px; border-top:0px; border-bottom:0px; padding-left:0px; padding-top:6px; padding-bottom:6px; padding-right: 0px; margin: 0px; float: left; border-style: solid; border-color:#FFFFFF; } .snowfall4 { width: 113px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall5 { width: 200px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall5b { width: 100px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall6 { width: 150px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall6b { width: 140px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall6border { width: 148px; height:auto; text-align:left; border-right:1px; border-left:1px; border-top:0px; border-bottom:1px; padding:0px; margin: 0px; float: left; border-style: solid; border-color:#3d5c78; } .snowfall6borderb { width: 138px; height:auto; text-align:left; border-right:1px; border-left:1px; border-top:0px; border-bottom:1px; padding:0px; margin: 0px; float: left; border-style: solid; border-color:#3d5c78; } .snowfall7 { width: 198px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall8 { width: 140px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall9 { width: 110px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall10 { width: 138px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall11 { width: 74px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .snowfall11b { width: 69px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .half800 { width: 400px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .half8002 { width: 398px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } /* Thumbnailrow with various columns following */ .thumbnail { width: 155px; height: auto; text-align: left; float: left; border:0px; margin:0px; padding:0px; } .itemdetailonecolumn { width: 700px; height: auto; text-align: left; float: left; border:0px; margin:0px; padding-left:18px; } .itemdetailonecolumnnopad { width: 700px; height: auto; text-align: left; float: left; border:0px; margin:0px; padding:0px; } .itemdetailtwocolumn1 { width: 465px; height: auto; text-align: left; float: left; border:0px; margin:0px; padding:0px; } .itemdetailtwocolumn2 { width: 235px; height: auto; text-align: left; float: left; border:0px; margin:0px; padding:0px; } .itemdetailtwocolumn3 { width: 235px; height: auto; text-align: right; float: left; border:0px; margin:0px; padding:0px; } .itemdetailonecolumn p{ padding-top:5px; padding-bottom:5px; padding-left:0px; padding-right:0px; } .itemdetailonecolumnnarrow { width: 600px; height: auto; text-align: left; float: left; border:0px; margin:0px; padding-left:18px; } /* full span text align formats - (uses spacerleft and spacer right) */ .fullwidthtextleft { text-align:left; float:left; vertical-align:top; width:894px; height:auto; } .fullwidthtextcenter { text-align:center; float:left; vertical-align:top; width:894px; height:auto; } .fullwidthtextright { text-align:right; float:left; vertical-align:top; width:894px; height:auto; } .fullwidth860 {text-align:left; float:left; vertical-align:top; width:860px; height:auto; padding-left:24px; padding-right:24px; padding-top:12px; padding-bottom:12px; } .fullwidth800 {text-align:left; float:left; vertical-align:top; width:800px; height:auto; padding-left:24px; padding-right:24px; padding-top:12px; padding-bottom:12px; } /* TABLE FORMATTING DEFINITIONS */ /* fullpage table header and frame */ .tableheader { width:894px; height:auto; float:left; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:3px; padding-bottom:3px; } .tableheaderauto { width:100%; height:auto; float:left; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:8px; padding-bottom:8px; font-weight:bold; } .tableheaderautocenter { width:100%; height:auto; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:8px; padding-bottom:8px; font-weight:bold; } .tableheaderautoMC { width:100%; height:auto; float:left; color:#FFFFFF; background-color:#58595B; border:0px; margin:0px; padding-top:8px; padding-bottom:8px; font-weight:bold; } .tableframe { width:892px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } .tableheadersub { width:100%; height:auto; float:left; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:8px; padding-bottom:8px; font-style:italic; } /* fullpage private lessons narrow table header and frame centered on page */ .tableheaderprivate { width:498px; height:auto; float:left; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:3px; padding-bottom:3px; font-weight:bold; } .tableframeprivate { width:496px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } /* fullpage report wide table header and frame centered on page */ .tableheaderreport { width:860px; float:left; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:3px; padding-bottom:3px; font-weight:bold; } .tableframereport { width:858px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } /* 1/2 page left side table header and frame (499px) - stats page */ .tableheaderstats { float:left; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:10px; padding-bottom:10px; padding-left:24px; font-weight: bold; } .tableframestats { width: 497px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } /* 1/2 page right side table header and frame (300px) - stats page */ .tableheaderstatssmall { float:left; color:#FFFFFF; background-color:#0A2741; border:0px; margin:0px; padding-top:10px; padding-bottom:10px; padding-left:24px; text-align:left; font-weight: bold; } .tableframestatssmall { width: 298px; height:auto; float:left; border-left:1px; border-right:1px; border-bottom:1px; border-top:0px; border-color:#C5DBEF; border-style: solid; margin:0px; padding:0px; } /* right tables space on stats page (use with spacerrightliftsruns and spacerleftliftsruns*/ .liftsrunstableheader { margin:0px; border:0px; padding: 0px; width:76%; height:auto; text-align:left; vertical-align:middle; float: left; background-color:#0A2741; } .liftsrunstable { margin:0px; border:0px; padding: 0px; width:76%; height:auto; text-align:left; vertical-align:middle; float: left; } /* right tables space on stats page (use with spacerrightliftsruns and spacerleftliftsruns*/ .privatelessonstable { margin:0px; border:0px; padding: 0px; width:532px; height:auto; text-align:left; float: left; } .mountainreporttable { margin:0px; border:0px; padding: 0px; width:860px; height:auto; text-align:left; float: left; } .privatelessonstextcenter { margin:0px; border:0px; padding: 0px; width:52%; height:auto; text-align:center; float: left; } /* Transportation 6 column layout( use 4 of transportation3 */ .transportation1 { width: 312px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .transportation2 { width: 120px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } .transportation3 { width: 110px; height:auto; text-align:center; border: 0px; padding: 0px; margin: 0px; float: left; } .transportation4 { width: 308px; height:auto; text-align:left; border: 0px; padding: 0px; margin: 0px; float: left; } /* Mountain Stats 2 column layout */ .mountainstats1 { margin:0px; border:0px; padding-left:24px; padding-top:6px; padding-bottom:6px; width:310px; height:auto; text-align:left; vertical-align:middle; float: left; } .mountainstats2 { margin:0px; border:0px; width:150px; height:auto; text-align:left; vertical-align:middle; float: left; padding-top:6px; padding-bottom:6px; } .mountainstats3 { margin:0px; border:0px; padding-left:24px; padding-top:6px; padding-bottom:6px; width:275px; height:auto; text-align:left; vertical-align:middle; float: left; } .mountainstats4 { margin:0px; border:0px; width:185px; height:auto; text-align:left; vertical-align:middle; float: left; padding-top:6px; padding-bottom:6px; } /* Mountain Stats 2 column layout */ .privatelessons1 { margin:0px; border:0px; padding-left:10px; padding-top:6px; padding-bottom:6px; width:200px; height:auto; text-align:left; vertical-align:middle; float: left; } .privatelessons2 { margin:0px; border:0px; width:130px; height:auto; text-align:center; vertical-align:middle; float: left; padding-top:6px; padding-bottom:6px; padding-left:0px; padding-right:0px; } /* racing menu 5 column layout(20% widths) */ .racingmenu { margin:0px; border:0px; padding:0px; width:20%; height:auto; text-align:center; float: left; } .racingmenu a, a:visited { text-decoration:underline; } .racingmenu a:hover { text-decoration:underline; } /* town race results */ .raceresultleft { margin:0px; border-left:2px; border-bottom:2px; border-top:2px; border-right:1px; padding:0px; width:430px; height:auto; text-align:right; float: left; } .raceresultright { margin:0px; border-left:1px; border-bottom:2px; border-top:2px; border-right:2px; padding:0px; width:430px; height:auto; text-align:left; float: left; } /* Brochure Frames */ .brochureleft { margin:0px; border-left:2px; border-bottom:2px; border-top:2px; border-right:1px; padding:0px; width:300px; height:auto; text-align:right; float: left; } .brochureright { margin:0px; border-left:1px; border-bottom:2px; border-top:2px; border-right:2px; padding:0px; width:560px; height:auto; text-align:left; float: left; } /* snowfallhistory menu 6 column layout(16% widths) */ .snowfallmenu { margin:0px; border:0px; padding:0px; width:114px; height:auto; text-align:center; float: left; } .snowfallmenu a, a:visited { text-decoration:underline; } .snowfallmenu a:hover { text-decoration:underline; } .snowfallmenu2 { margin:0px; border:0px; padding:0px; width:114px; height:auto; text-align:center; float: left; } .snowfallmenu2 a, a:visited { text-decoration:underline; } .snowfallmenu2 a:hover { text-decoration:underline; } /* catski menu 7 column layout(14%/15% widths) */ .catskimenu { margin:0px; border:0px; padding:0px; width:15%; height:auto; text-align:center; float: left; } .catskimenu a, a:visited { text-decoration:underline; } .catskimenu a:hover { text-decoration:underline; } .catskimenu2 { margin:0px; border:0px; padding:0px; width:14%; height:auto; text-align:center; float: left; } .catskimenu2 a, a:visited { text-decoration:underline; } .catskimenu2 a:hover { text-decoration:underline; } /* report menu 4 column layout(25% widths) */ .reportfourcolumnmenu { margin:0px; border:0px; padding:0px; width:212px; height:100%; text-align:left; float: left; } .reportfourcolumnmenuline { margin:0px; border-right:1px; padding:0px; width:212px; height:100%; text-align:left; float: left;border-color:#C5DBEF; border-style:solid; border-left:0px; border-top:0px; border-bottom:0px; } /* Shadded or white row color */ .tablerowwhite { color:#000000; background-color:#FFFFFF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; } .tablerowwhitepownews { color:#000000; background-color:#FFFFFF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; height:24px; } .tablerowwhitelifts { color:#000000; background-color:#FFFFFF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; height:125px; } .tablebgwhite { color:#000000; background-color:#FFFFFF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; height:160px; } .tablebgwhiteayc { color:#000000; background-color:#FFFFFF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; height:188px; } .tablebgwhiteayt { color:#000000; background-color:#FFFFFF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; height:186px; } .tablerowshaded { color:#000000; background-color:#C5DBEF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; } .tablerowshadedMC { color:#000000; background-color:#7098A6; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; } .tablerowshadedpownews { color:#000000; background-color:#C5DBEF; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; height:24px; } .tablerowshadedred { color:#000000; background-color:#ef7b7b; border:0px; margin:0px; padding-top:6px; padding-bottom:6px; float: left; width:100%; } /* light blue shaded box (bottom of racing(menu)*/ .bluebox { color:#000000; background-color:#C5DBEF; border:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; float: left; text-align:center; width:530px; } .blueboxfull { color:#000000; background-color:#C5DBEF; border:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:24px; padding-right:24px; float: left; text-align:center; } .blueboxfull800sh { color:#000000; background-color:#C5DBEF; border:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:0px; padding-right:0px; float: left; text-align:center; width:800px; } .blueboxfull864 { color:#000000; background-color:#C5DBEF; border:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:0px; padding-right:0px; float: left; text-align:center; width:864px; } .blueboxfull800 { color:#000000; background-color:#C5DBEF; border:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:24px; padding-right:24px; float: left; text-align:center; width:800px; } .blueboxhalf360 { color:#000000; background-color:#C5DBEF; border:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:24px; padding-right:24px; float: left; text-align:left; width:360px; } .bluebox400{ color:#000000; background-color:#C5DBEF; border-left:1px; border-right:1px; border-top:1px; border-bottom:0px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:24px; padding-right:24px; float: left; text-align:left; width:400px; } .bluebox400white{ color:#000000; background-color:#FFFFFF; border-left:1px; border-right:1px; border-top:1px; border-bottom:0px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:24px; padding-right:24px; float: left; text-align:left; width:400px; } .bluebox400whitebottom{ color:#000000; background-color:#FFFFFF; border-left:1px; border-right:1px; border-top:1px; border-bottom:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:24px; padding-right:24px; float: left; text-align:left; width:400px; } .blueboxchildextra { color:#000000; background-color:#C5DBEF; border:1px; border-color:#3d5c78; border-style:solid; margin:0px; padding-top:6px; padding-bottom:6px; padding-left:8px; padding-right:8px; float: left; text-align:left; width:359px; } /* TEXT FORMAT STYLE DEFINITIONS */ /* PAGE TITLE TYPE FONT FOR ON THE PAGE */ .pagetitle { font-size:20px; color: #3d5c78; margin: 0px 0px 0px 0px;} .pagetitleprint { font-size:16px; color: #3d5c78; margin: 0px 0px 0px 0px;} .pagetextprint { font-size:10px; color: #000000; margin: 0px 0px 0px 0px;} .pagetitleadmin { font-size:20px; color: #0A2741; margin: 0px;} .pagetitlesmall { font-size:16px; color: #3d5c78; } .aprilspecialtitle { font-size:20px; color: #FFFFFF; } .pagetitlesmallwhite { font-size:16px; color: #FFFFFF; } .pagetitlesmalladmin { font-size:16px; color: #0A2741; font-weight:bold; } .pagetitlesmallmain { font-size:20px; color: #3d5c78; } .pagetitlesmaller { font-size:16px; color: #3d5c78; margin: 15px 0px 0px 53px;} .pagetitlesmallbold { font-size:16px; color: #3d5c78; font-weight:bold; } .largerbold { font-size:16px; color: #000000; font-weight:bold; line-height:20px; } /* Road information lower section header */ .roadinfoheader { font-style: italic; font-weight: bold; color: #a81414; } /* Road information lower section header */ .boldtext { font-weight: bold; } .selectedcam { font-weight: bold; background-color:#C5DBEF; } .boldtextpadded { font-weight: bold; padding-top:6px; padding-bottom:6px; padding-left:0px; padding-right:0px; } .boldtextmenu { font-weight: bold; color:#0A2741; } .boldtextmenu:hover { font-weight: bold; color:#FFFFFF; } .redtext { color:red; } .redtextlarge { color:red; font-size:16px; } .valentinesfont { color:red; font-size:18px; font-weight:bold; font-family:"Comic Sans MS", cursive; } .bluefontbig { color:#008080; font-size:16px; } .greentext { color:green; } .greentextlarge { color:green; font-size:16px;} .bluetext { color:blue; } .blacktext { color: black; } .whitetext { color: white; } .whitetextlarge { color: white; font-size:18px; } .earthdarkgreen { color:#004B23; font-size:22px; font-weight:bold; } .earthdarkgreennormal { color:#004B23; font-size:18px; font-weight:bold; } .earthlightgreennormal { color:#5ca038; font-size:18px; font-weight:bold; } .earthlightgreen { color:#5ca038; font-size:16px; } .whitelinks a, .whitelinks a:visited, .whitelinks a:hover { color:#CCCCCC; text-decoration:underline; } .italictext { font-style:italic; } .italic13 { font-style:italic; font-size:13px; font-weight:bold; } .italic13plain { font-style:italic; font-size:13px; font-weight:normal; } .text13px {font-size:15px; } .text14px {font-size:15px; line-height:20px; } .text15px {font-size:15px; line-height:22px; } .text15px2 {font-size:15px; line-height:24px; } .italictextleft { font-style:italic; text-align:left; } .bolditalictext { font-weight: bold; font-style:italic; } .headerbolditalictext { font-weight: bold; font-style:italic; font-size:14px; color:#000000; } .normaltext { font-weight: normal; } .normaltextfixed { font-weight: normal; line-height:20px; } .smalltext { font-size:10px; } .smalltextnotes { font-size:10px; margin-right:4px; margin-left:4px; text-align:center;} /* */ .thumbnailtitle { font-weight: bold; font-size:14px; color: #154061; padding:0px; margin::0px; border:0px; text-align:left; } .thumbnailitalic { font-weight: bold; font-size:14px; color: #154061; padding:0px; margin::0px; border:0px; text-align:left; font-style:italic; } /* Text positioning for spans */ .alignleft {text-align:left; } .alignleftpad {text-align:left; padding-left:10px; padding-right:200px; } .alignleftpadapp {text-align:left; padding-left:10px; padding-right:10px; } .alignleftta{text-align:left; padding-left:10px; padding-right:2px; } .alignleftpadreg {text-align:left; padding-left:10px; } .alignleftpadtele {text-align:left; padding-left:10px; padding-right:375px; } .alignleft400{text-align:left; padding-left:16px; padding-right:16px; padding-top:16px; padding-bottom:16px; line-height:26px; } .aligncenter {text-align:center; } .alignright {text-align:right; } .padleft {text-align:left; padding-left:10px; } .padleftsmall {text-align:left; padding-left:2px; padding-top:0px; padding-bottom:0px; padding-right:2px; font-size:11px; } .padleftreport {text-align:left; padding-left:5px; } .padleftbig {text-align:left; padding-left:40px; } .padright {text-align:right; padding-right:50px; } .padrightlalign {text-align:left; padding-right:50px; } /* Blue font for checkmarks */ .bluecheck { color:#0A2741; font-weight:bold; } /* Stats opening closing day font */ .statsbold { font-style:italic; font-weight: bold; font-size:14px; } .statsitalic { font-style:italic; font-weight: normal; font-size:14px; } /* list style line spacing with paragraphs */ .liststyletextonly { line-height:24px; text-align:left; padding-left:24px; } /* for lifts box and other list style boxes w/ text only */ .liststyle { line-height:34px; text-align:left; padding-left:24px; } /* for runs box and other list style boxes w/ small images */ .liststyle img { vertical-align:middle; } /* centers text on images for liststyle */ /* IMAGE FORMAT STYLE DEFINITIONS */ .imagefloatright { float: right; margin: 10px; } .imagefloatrightnomargin { float: right; } .imagefloatleft { float: left; margin: 10px; } .bulletstandard { list-style-image:url(../images/snowflakebullet.jpg); line-height:16px; } .bulletcheckmark { list-style-image:url(../images/ticketspasses/greencheckmark.jpg); line-height:16px; } .bulletredcircle { list-style-image:url(../images/ticketspasses/redcircle.jpg); line-height:16px; } .bulletnumbered { line-height:16px;} .bulletnumbered2 { line-height:16px; list-style-type:decimal;} .bulletsmall { font-size:10px; line-height:14px; padding:2px; list-style-type: none; } .nobullets { list-style:none; padding-left:10px; line-height:18px; } .nobulletsspaced { list-style:none; padding-left:10px; line-height:26px; } .nobulletslong { list-style:none; padding-left:56px; line-height:18px; } .imageborder { border-color:#3D5C78; border-width: 2px; border-style:solid; } .imagecenter { vertical-align: middle; } .imagetop {vertical-align: top; } /* TEMPORARY CALENDAR CSS */ .calendartable { border: 1px solid #3d5c78; } .employ {border-right: 1px #3d5c78 solid;} .employtop {border-bottom: 1px #3d5c78 solid;} .employboth {border-bottom: 1px #3d5c78 solid; border-right: 1px #3d5c78 solid;} .employtext {font-size: 12px; color: black;} #daytop { background-color: #C5DBEF; } #daybottom { background-color: #C5DBEF; } .moon { font-size: 10px; color: #FF6600; } .callink { font-size: 10px; color: black; } .calhours { font-size: 10px; color: black; font-style:italic; line-height: 12px; } .calpar { font-size: 10px; line-height: 12px; } .calhol {font-size: 10px; color: #006600; line-height: 12px;} .calred {font-size: 10px; color: red; line-height: 12px; } .calparstrike { font-size: 10px; line-height: 12px; text-decoration:line-through } .calendarheader { color:#FFFFFF; background-color:#0A2741; font-size:14px; font-weight:bold; } /* END OF TEMPORARY CALENDAR CSS */ /* NEW CALENDAR CSS - START */ #calendarcontainer { border: 1px solid #3d5c78; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 5px; margin: 0px; width:860px; text-align:center; float:left; } .spacerleftcalendar { width: 66px; height: 100%; border: 0px; margin: 0px; padding: 0px; float: left; background:white; } #monthbar {background-color: #3d5c78; color: #FFFFFF; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } #dayofweekbar {background-color: #FFFFFF; color: #3d5c78; margin-left: 5px; padding-top: 10px; padding-bottom: 20px; font-weight: bold; } .dayofweekends {width: 15%; float: left; } .dayofweekmiddle { width: 14%; float: left; } .calendarrow { width: 100%; float: left; margin-left: 5px; } .calendarcolumn { width: 14.24%; height: auto; min-height:65px; float: left; text-align: left; border: 0px; } .calparnew { font-size: 10px; line-height: 18px; } .calendartop {border-top: 1px #3d5c78 solid;} .calendarshaded { background-color: #CCCCCC; } /* NEW CALENDAR CSS - START */ /* BEGIN - SpryValidationTextField.css Contents */ /* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* These are the classes applied on the error messages * which prevent them from being displayed by default. */ .textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg { display: none; } /* These selectors change the way messages look when the widget is in one of the error states. * These classes set a default red border and color for the error text. * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget, * and this way only the specific error message can be shown by setting the display property to "inline". */ .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg { display: inline; color: #CC3333; border: 1px solid #CC3333; } /* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid * There are two selectors for each state, to cover the two main usecases for the widget: * - the widget id is placed on the top level container for the INPUT * - the widget id is placed on the INPUT element itself (there are no error messages) */ /* When the widget is in the valid state the INPUT has a green background applied on it. */ .textfieldValidState input, input.textfieldValidState { background-color: #B8F5B1; } /* When the widget is in an invalid state the INPUT has a red background applied on it. */ input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input { background-color: #FF9F9F; } /* When the widget has received focus, the INPUT has a yellow background applied on it. */ .textfieldFocusState input, input.textfieldFocusState { background-color: #FFFFCC; } /* This class applies only for a short period of time and changes the way the text in the textbox looks like. * It applies only when the widget has character masking enabled and the user tries to type in an invalid character. */ .textfieldFlashText input, input.textfieldFlashText{ color: red !important; } /* END - SpryValidationTextField.css Contents */ /* BEGIN - SpryValidationTextarea.css Contents */ /* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* These are the classes applied on the error messages * which prevent them from being displayed by default. */ .textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg { display:none; } /* These selectors change the way messages look when the widget is in one of the error states. * These classes set a default red border and color for the error text. * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget, * and this way only the specific error message can be shown by setting the display property to "inline". */ .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg { display: inline; color: #CC3333; border: 1px solid #CC3333; } /* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid * There are two selectors for each state, to cover the two main usecases for the widget: * - the widget id is placed on the top level container for the TEXTAREA * - the widget id is placed on the TEXTAREA element itself (there are no error messages) */ /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */ .textareaValidState textarea, textarea.textareaValidState { background-color:#B8F5B1; } /* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */ textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea { background-color:#FF9F9F; } /* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */ .textareaFocusState textarea, textarea.textareaFocusState { background-color:#FFFFCC; } /* This class applies only for a short period of time and changes the way the text in the textarea looks like. * It applies only when the widget has enforce max chars enabled and the user tries to type some more. */ .textareaFlashState textarea, textarea.textareaFlashState{ color:red !important; } /* END - SpryValidationTextarea.css Contents */ /* BEGIN - SpryValidationSelect.css Contents */ /* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* These are the classes applied on the messages * (required message and invalid state message) * which prevent them from being displayed by default. */ .selectRequiredMsg, .selectInvalidMsg { display: none; } /* These selectors change the way messages look when the widget is in one of the error states (required, invalid). * These classes set a default red border and color for the error text. * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget, * and this way only the specific error message can be shown by setting the display property to "inline". */ .selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg { display: inline; color: #CC3333; border: 1px solid #CC3333; } /* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: * focus, required / invalid, valid * There are two selectors for each state, to cover the two main usecases for the widget: * - the widget id is placed on the top level container for the SELECT * - the widget id is placed on the SELECT element itself (there are no error messages) */ /* When the widget is in the valid state the SELECT has a green background applied on it. */ .selectValidState select, select.selectValidState { background-color: #B8F5B1; } /* When the widget is in an invalid state the SELECT has a red background applied on it. */ select.selectRequiredState, .selectRequiredState select, select.selectInvalidState, .selectInvalidState select { background-color: #FF9F9F; } /* When the widget has received focus, the SELECT has a yellow background applied on it. */ .selectFocusState select, select.selectFocusState { background-color: #FFFFCC; } /* END - SpryValidationSelect.css Contents */ /* BEGIN - SpryValidationCheckbox.css Contents */ /* SpryValidationCheckbox.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* These are the classes applied on the messages * (required message, minSelections message and maxSelections message) * which prevent them from being displayed by default. */ .checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{ display: none; } /* These selectors change the way messages look when the widget is in one of the error states. * These classes set a default red border and font color for the error text. * The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget, * and this way only the specific error message can be shown by setting the display property to "inline". */ .checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg { display: inline; color: #CC3333; border: 1px solid #CC3333; } /* END - SpryValidationCheckbox.css Contents */ /* BEGIN - SpryValidationConfirm.css Contents */ /* SpryValidationConfirm.css - version 0.1 - Spry Pre-Release 1.6 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* These are the classes applied on the error messages * which prevent them from being displayed by default. */ .confirmRequiredMsg, .confirmInvalidMsg, .confirmValidMsg { display: none; } /* These selectors change the way messages look when the widget is in one of the error states. * These classes set a default red border and color for the error text. * The state class (e.g. .confirmRequiredState) is applied on the top-level container for the widget, * and this way only the specific error message can be shown by setting the display property to "inline". */ .confirmRequiredState .confirmRequiredMsg, .confirmInvalidState .confirmInvalidMsg { display: inline; color: #CC3333; border: 1px solid #CC3333; } /* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid * There are two selectors for each state, to cover the two main usecases for the widget: * - the widget id is placed on the top level container for the INPUT * - the widget id is placed on the INPUT element itself (there are no error messages) */ /* When the widget is in the valid state the INPUT has a green background applied on it. */ .confirmValidState input, input.confirmValidState { background-color: #B8F5B1; } /* When the widget is in an invalid state the INPUT has a red background applied on it. */ input.confirmRequiredState, .confirmRequiredState input, input.confirmInvalidState, .confirmInvalidState input { background-color: #FF9F9F; } /* When the widget has received focus, the INPUT has a yellow background applied on it. */ .confirmFocusState input, input.confirmFocusState { background-color: #FFFFCC; } /* END - SpryValidationConfirm.css Contents */ /* BEGIN - menu.css Contents */ /* CSS Rules for www.alta.com Menu bar */ /* Created by: Thad Bookman */ /* Creation date: September 13, 2010 */ /* Last updated: September 3, 2010 */ /* CSS Document */ body { behavior: url("../scripts/csshover.htc"); } /* GOOD - Set font size and style for

tags */ h2 { font-size:12px; font-style:normal; text-align:center; } /* GOOD - Set width of menu div to 1024px and background color to white */ #menu { width: 945px; background: #FFFFFF; float: left; font-size:12px; z-index: 10000; } /* GOOD - Remove bullets margin and padding from