.hide{ display: none; } #map_canvas{ } .offScreen{ left: -9999px; } #map_canvas {position:relative; overflow:hidden; width: 297px; height: 315px; margin: 20px 0 0 20px; } #map_canvas .point { position: absolute; } #map_canvas .point a {} #trailPopWrap { width: 890px; height: 466px; overflow: hidden; } #trailPopWrap .shadow { background: url(../images/trailPop/shadow.png) no-repeat left top; width: 890px; height: 450px; } #trailPopWrap .content { background: url(../images/trailPop/bgnew.png) no-repeat left top; width: 890px; height: 450px; } #trailPopWrap .content .leftSide { width: 527px; float: left; display: inline; } #trailPopWrap .content .leftSide .inside { margin: 26px 0 28px 27px; } #trailPopWrap .content .leftSide .trailNavLeft { float: left; width: 40px; height: 398px; margin: 0; padding: 0; list-style: none; } #trailPopWrap .content .leftSide .trailNavLeft li { display: inline; } #trailPopWrap .content .leftSide .trailNavLeft li a { float: left; width: 40px; display: block; background-repeat: none; background-position: left top; text-indent: -9999px; overflow: hidden; font-size: 1px; background-image: url(../images/trailPop/trailNav/nav.png); } /* defaults */ #trailPopWrap .content .leftSide .trailNavLeft li.poi a { background-position: 0 0; height: 197px; } #trailPopWrap .content .leftSide .trailNavLeft li.hst-short a { background-position: 0 -197px; height: 100px; } #trailPopWrap .content .leftSide .trailNavLeft li.evt-short a { background-position: 0 -297px; height: 101px; } #trailPopWrap .content .leftSide .trailNavLeft li.ovr a { background-position: 0 -397px; height: 171px; } #trailPopWrap .content .leftSide .trailNavLeft li.evt a { background-position: 0 -568px; height: 201px; } #trailPopWrap .content .leftSide .trailNavLeft li.hst a { background-position: 0 -769px; height: 201px; } /* hovers, selecteds */ #trailPopWrap .content .leftSide .trailNavLeft li.poi a:hover, #trailPopWrap .content .leftSide .trailNavLeft li.poi a.selected { background-position: -40px 0; } #trailPopWrap .content .leftSide .trailNavLeft li.hst-short a:hover, #trailPopWrap .content .leftSide .trailNavLeft li.hst-short a.selected { background-position: -40px -197px; } #trailPopWrap .content .leftSide .trailNavLeft li.evt-short a:hover, #trailPopWrap .content .leftSide .trailNavLeft li.evt-short a.selected { background-position: -40px -297px; } #trailPopWrap .content .leftSide .trailNavLeft li.ovr a:hover, #trailPopWrap .content .leftSide .trailNavLeft li.ovr a.selected { background-position: -40px -397px; } #trailPopWrap .content .leftSide .trailNavLeft li.evt a:hover, #trailPopWrap .content .leftSide .trailNavLeft li.evt a.selected { background-position: -40px -568px; } #trailPopWrap .content .leftSide .trailNavLeft li.hst a:hover, #trailPopWrap .content .leftSide .trailNavLeft li.hst a.selected { background-position: -40px -769px; } #trailPopWrap .content .leftSide .inner { float: left; position: relative; height: 398px; width: 459px; } #trailPopWrap .panel { height: 100%; width: 100%; padding: 0; position: absolute; } #trailPopWrap .panel .eventsInfo, #trailPopWrap .panel .historyInfo, #trailPopWrap .panel .interestInfo { height: 100%; width: 100%; overflow-y: auto; } #trailPopWrap .panel .interestInfo a { color: #ffff00; list-style: none; } #trailPopWrap .panel p { font-size: 12px; line-height: 20px; color: #fff; margin: 0 0 20px; font-family: arial, tahoma, verdana; } #trailPopWrap .panel .interestInfo ul { margin: 0; padding: 0; list-style: none; } #trailPopWrap .panel .interestInfo ul li { font-size: 11px; line-height: 15px; color: #fff; font-family: arial, tahoma, verdana; float: left; width: 160px; margin: 0 30px 0 0; } #trailPopWrap .panel .interestInfo .info { font-size: 11px; line-height: 22px; color: #fff; font-family: arial, tahoma, verdana; margin: 0 0 0 0; } #trailPopWrap .panel .pad { padding: 20px 26px 50px; } #trailPopWrap .panel .pad h3 { font-size: 26px; color: #fff; font-weight: normal; margin: 0 0 10px; } #trailPopWrap .panel .pad .poi-panel { border-bottom: 1px solid #507e9f; padding: 0; } #trailPopWrap .panel .pad .poi-panel .window { overflow: auto; padding: 0 0 10px; } #trailPopWrap .panel .pad .poi-panel img.inline{ float: left; margin: 0 20px 10px 0; } #trailPopWrap .interestPagination { position: absolute; bottom: 2px; background: #04294b; height: 42px; width: 100%; } #trailPopWrap .interestPagination a { color: #fff; font-size: 12px; line-height: 1em; padding: 0 10px; text-decoration: none; font-family: arial, tahoma, verdana; float: left; height: 42px; display: block; font-weight: bold; } #trailPopWrap .interestPagination a.selected, #trailPopWrap .interestPagination a:hover { background: #f8522e; } #trailPopWrap .interestPagination a span { margin: 16px 0 0; display: block; } #trailPopWrap .panel .interestInfo h4{ font-size: 16px; line-height: 1em; margin: 0; font-weight: normal; } #trailPopWrap .panel .interestInfo h4 a{ color: #ffff99; text-decoration: none; display: block; padding: 10px 0; display: block; outline: none; } #trailPopWrap .panel .interestInfo h4 a.open{ background: url(../images/trailPop/open-ico.png) no-repeat right center; } #trailPopWrap .panel .interestInfo h4 a.close{ background: url(../images/trailPop/close-ico.png) no-repeat right center; } #trailPopWrap .panel .interestInfo h4 a span.num{ width: 35px; float: left; display: block; font-size: 12px; } #trailPopWrap .panel .interestInfo h4 a img{ margin: 0 0 0 6px; padding: 0; border: none; vertical-align: middle; } #trailPopWrap .panel .eventsInfo h4{ color: #ffff99; font-size: 16px; line-height: 1em; margin: 0; font-weight: normal; padding: 10px 0; } #trailPopWrap .panel .eventsInfo h4 a{ color: #ffff99; } #trailPopWrap .panel .eventsInfo .date{ margin: 0 0 0 0; font-size: 11px; line-height: 14px; } #trailPopWrap .panel .historyInfo h4{ margin: 0; font-weight: normal; } #trailPopWrap .panel .historyInfo h4 a{ color: #ffff99; text-decoration: none; display: block; padding: 10px 0; display: block; outline: none; } #trailPopWrap .content .rightSide { width: 363px; float: right; display: inline; } #trailPopWrap .content .rightSide .inside { background: transparent none; margin: 26px 26px 0 0; } #trailPopWrap .content .rightSide .trailNavRight { width: 338px; height: 42px; margin: 0; padding: 0; list-style: none; } #trailPopWrap .content .rightSide .trailNavRight li { float: left; } #trailPopWrap .content .rightSide .trailNavRight li a { float: left; height: 42px; display: block; background-repeat: none; background-position: left top; text-indent: -9999px; overflow: hidden; } #trailPopWrap .content .rightSide .trailNavRight li a.selected, #trailPopWrap .content .rightSide .trailNavRight li a:hover { background-position: right bottom; } #trailPopWrap .content .rightSide .trailNavRight li.inf a { background-image: url(../images/trailPop/trailNav/nav-inf.png); width: 144px; } #trailPopWrap .content .rightSide .trailNavRight li.map a { background-image: url(../images/trailPop/trailNav/nav-map.png); width: 82px; } #trailPopWrap .content .rightSide .trailNavRight li.music a { background-image: url(../images/trailPop/trailNav/nav-music.png); width: 111px; } #trailPopWrap .content .rightSide .inner{ height: 255px; position: relative; height: 356px; background: #1962a3 url(../images/trailPop/rightSide-btm-new.png) no-repeat right bottom; } #trailPopWrap .content .rightSide .inner .panel { width: 337px; padding: 0; position: absolute; } #trailPopWrap #inf .pad{ padding: 20px; } #trailPopWrap #inf img{ float: left; margin: 0 20px 16px 0; } #trailPopWrap #inf h3{ color: #fff; font-size: 24px; line-height: 28px; margin: 0 0 12px; font-weight: normal; } #trailPopWrap #inf p{ font-size: 12px; line-height: 20px; color: #fff; margin: 0; font-family: arial, tahoma, verdana; } #trailPopWrap #music .pad{ padding: 20px; } #trailPopWrap #music ul{ overflow: hidden; list-style: none; margin: 0; padding: 0; float: left; width: 49%; } #trailPopWrap #music li{ font-size: 12px; line-height: 14px; margin: 0 0 10px; font-family: arial, tahoma, verdana; } #trailPopWrap #music li a{ padding-right: 20px; color: #fff; display: block; } .trailLinks{ margin: 10px 0 0 20px; position: absolute; bottom: 10px; } .trailLinks a{ width: 149px; height: 25px; float: left; display: block; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden; } .trailLinks a:hover{ background-position: right bottom; } .trailLinks a.pod{ background-image: url(../images/trailPop/trailLinks/btn-pod.png); } .trailLinks a.prn{ background-image: url(../images/trailPop/trailLinks/btn-prn.png); } .trailLinks a.gud{ background-image: url(../images/trailPop/trailLinks/btn-gud.png); } .trailLinks a.fan{ background-image: url(../images/trailPop/trailLinks/btn-fan.png); } .trailLinks a.map{ background-image: url(../images/trailPop/trailLinks/btn-map.png); } .trailLinks a.twt{ background-image: url(../images/trailPop/trailLinks/btn-twt.png); } .trailLinks a.mus{ background-image: url(../images/trailPop/trailLinks/btn-mus.png); } .trailLinks a.lod{ background-image: url(../images/trailPop/trailLinks/btn-lod.png); } .trailLinks a.fnw{ background-image: url(../images/trailPop/trailLinks/btn-fnw.png); } /*.trailPopComingSoon-comingsoon{ width: 900px; height: 466px; background: url(../images/trailPop-comingsoon/bg.png) no-repeat left top; position: relative; }*/ img#trailLogo{ position: absolute; left: 194px; top: 36px; } .trailPopComingSoon .padder{ position: absolute; width: 410px; height: 290px; left: 397px; top: 115px; } .trailPopComingSoon h3{ font-size: 26px; line-height: 32px; margin: 0 0 13px; font-family: georgia, serif; color: #fff; font-weight: normal; } .trailPopComingSoon .panel .interestInfo h4{ font-size: 16px; line-height: 26px; margin: 0 0 13px; font-family: georgia, serif; color: #66ccff; font-weight: normal; font-style: italic; } .trailPopComingSoon p{ font-size: 13px; line-height: 20px; margin: 0 0 20px; font-family: arial, sans-serif; color: #fff; } .trailPopComingSoon p a{ color: #66ccff; } .trailPopComingSoon a.facebook-contribute{ width: 445px; height: 36px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; left: 394px; top: 411px; background: url(../images/trailPop-comingsoon/contribute-facebook.png) no-repeat left top; } .trailPopComingSoon a.facebook-contribute:hover{ background-position: right bottom; } /* added 3/16/2010 JV revised coming soon pop */ .trailPopComingSoon .panel .scroll-fader{ height: 80px; width: 443px; position: absolute; z-index: 3; bottom: 0; left: 0; background: transparent url(../images/trailPop-comingsoon/scroll-fader.png) repeat-x left bottom; } .trailPopComingSoon .rightSide #inf{ background: transparent url(../images/trailPop-comingsoon/logo-bg.jpg) no-repeat left top; } .trailPopComingSoon .rightSide #inf img.trailLogo{ position: absolute; left: 24px; top: 58px; float: none; margin: 0; } .trailPopComingSoon .rightSide #inf a.fb{ background: transparent none; width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; display: block; } #trailPopWrap #poi-categories{ overflow: hidden; margin: 10px 0; } #trailPopWrap #poi-categories a{ float: left; color: white; font-family: arial, sans-serif; font-size: 11px; line-height: 1em; font-weight: bold; margin: 0 3px 0 0; text-decoration: none; outline: none; } #trailPopWrap #poi-categories a span{ display: block; float: left; padding: 6px 8px; background-color: #2275be; margin-bottom: 8px; } #trailPopWrap #poi-categories a.selected, #trailPopWrap #poi-categories a:hover{ background: transparent url(/images/trailPop/poi-cat-arrow.png) no-repeat center bottom; } #trailPopWrap #poi-categories a.selected span, #trailPopWrap #poi-categories a:hover span{ background-color: #138fff; }