@import "/new_08/css/reset/css"; #loaderWrap{ height: 600px; width: 100%; position: absolute; z-index: 3; background: #fff url(../images/loader/skytile.png) repeat-x left top; } #loaderWrap .loaderWrapper{ height: 600px; width: 960px; margin: 0 auto; } #loaderWrap .loaderWrapper .loaderSign{ position: absolute; bottom: 0; left: 50%; height: 437px; width: 623px; margin: 0 0 0 -312px; background: url(../images/loader/loaderSign.jpg) repeat-x left top; } .ir{ text-indent: -9999px; overflow: hidden; } .ir a{ display: block; overflow: hidden; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-panel { display: block; } .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } body{ background: #1f130a url(../images/bg/tile_x.png) repeat-x left top; font-family: georgia,times,serif; } #bg-trails{ position: relative; } #parallaxWrap{ position: absolute; top: 0; height: 600px; width: 100%; z-index: 2; } #mastWrap{ width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px; z-index: 6; } #contentWrap{ width: 960px; position: absolute; top: 600px; left: 50%; margin-left: -480px; z-index: 5; } #mastWrap h1{ float: left; height: 81px; width: 477px; } #mastWrap h1 a{ height: 81px; width: 477px; background: url(../images/bg/mast-logo.png) no-repeat left top; } ul.mastNav{ height: 27px; margin: 0; padding: 0; list-style: none; float: right; width: 436px; } ul.mastNav li{ position: relative; display: inline; float: right; margin: 0 0 0 5px; } ul.mastNav li a.a{ float: right; height: 27px; display: block; text-indent: -9999px; overflow: hidden; } ul.mastNav li .mast-flyout{ position: absolute; left: -9999px; top: 16px; width: 920px; } ul.mastNav li.hover .mast-flyout, ul.mastNav li:hover .mast-flyout{ left: 50%; } ul.mastNav li.trails{ width: 151px; } ul.mastNav li.toolkit{ width: 123px; } ul.mastNav li.share{ width: 147px; } ul.mastNav li.trails a.a{ background-image: url(../images/btn/mastNav-trails.png); width: 151px; } ul.mastNav li.trails li a{ background-image: none; width: auto; } ul.mastNav li.toolkit a.a{ background-image: url(../images/btn/mastNav-toolkit.png); width: 123px; } ul.mastNav li.toolkit li a{ background-image: none; width: auto; } ul.mastNav li.share a.a{ background-image: url(../images/btn/mastNav-share.png); width: 147px; } ul.mastNav li.share li a{ background-image: none; width: auto; } /* #mastWrap ul li a:hover, #mastWrap ul li.ui-tabs-selected a{ background-position: right bottom; } */ #navBar{ margin-bottom: 22px; overflow: auto; } #contentNav{ height: 49px; margin: 0; padding: 0; list-style: none; float: left; } #contentNav li{ display: inline; } #contentNav li a{ margin: 12px 3px 0 0; float: left; height: 37px; display: block; outline: none; } #contentNav li.discover a{ background-image: url(../images/btn/contentNav-discover.png); width: 199px; } #contentNav li.recommend a{ background-image: url(../images/btn/contentNav-recommend.png); width: 178px; } #contentNav li a.selected, #contentNav li a:hover{ background-position: right bottom; } #contentWrap #recommend form{ padding: 20px; background: #3e230d; } #contentWrap #recommend form label{ font-weight: bold; font-size: 10px; line-height: 22px; text-transform: uppercase; font-family: tahoma, verdana, arial; color: #ff9900; letter-spacing: 1px; } #contentWrap #recommend form .text{ padding: 8px 10px; background: #fff; color: #222; font-family: tahoma, verdana, arial; margin: 0 0 4px; border: none; font-size: 16px; width: 415px; } #contentWrap #recommend form .submit{ background: #8f5500; padding: 2px 5px; color: #fff; margin-top: 6px; } #contentWrap #recommend form .success{ font-family: tahoma, verdana, arial; font-size: 16px; color: #fff; } #auxNav{ height: 49px; margin: 0; padding: 0; list-style: none; float: right; } #auxNav li{ display: inline; } #auxNav li a{ margin: 15px 0 0 25px; float: right; height: 20px; display: block; } #auxNav li.bookmark a{ background-image: url(../images/btn/auxNav-bookmark.png); width: 114px; } #auxNav li.guide a{ background-image: url(../images/btn/auxNav-guide.png); width: 93px; } #auxNav li.visit a{ background-image: url(../images/btn/auxNav-visit.png); width: 158px; } #auxNav li a.selected, #auxNav li a:hover{ background-position: right bottom; } #contentWrap .panel h3{ font-weight: normal; font-size: 20px; line-height: 26px; color: #fff; margin: 0 0 26px; } #contentWrap .panel h3 a{ color: #ffcc00; } #contentWrap .panel form{ margin-bottom: 12px; } #contentWrap .panel input.text{ padding: 4px; color: #666666; font-size: 13px; line-height: 1em; } #footerWrap{ height: 125px; padding: 30px 0; overflow: auto; float: left; } #footerWrap .adopt{ height: 169px; width: 304px; display: block; float: right; background: url(../images/bg/adopt.jpg) no-repeat right bottom; text-indent: -9999px; overflow: hidden; } #footerWrap h1{ float: left; height: 63px; width: 110px; margin: 0 20px 0 0; } #footerWrap h1 a{ height: 63px; width: 110px; background: url(../images/bg/footer-logo.png) no-repeat left top; } #footerWrap *{ font-family: arial,verdana,tahoma; font-size: 10px; font-weight: bold; } #footerWrap a{ color: #cc9966; } #footerWrap a:hover{ color: #fff; text-decoration: none; } #footerWrap ul{ margin: 0 0 10px; } #footerWrap ul li{ display: inline; color: #cc9966; line-height: 1em; font-weight: bold; padding: 0 3px; } #footerWrap ul li a{ padding: 3px 6px; } #footerWrap ul li a.selected, #footerWrap ul li a:hover{ background: #c15a07; color: #fff; } #footerWrap p{ color: #cc9966; line-height: 18px; } .mast-flyout{ position: absolute; left: -9999px; top: 16px; width: 920px; } .mast-flyout .tab-panel{ overflow: auto; /*padding: 24px 50px 37px;*/ padding: 0 15px 15px; } .mast-flyout div div span.area{ background-repeat: no-repeat; height: 12px; text-indent: -9999px; overflow: hidden; display: block; margin: 0 0 12px 66px; } .mast-flyout .tab-panel .panel-padder{ overflow: auto; padding: 24px 35px 22px; height: 100%; } .mast-flyout .tab-panel h3{ font-family: georgia, serif; font-size: 26px; line-height: 1em; margin: 0 0 12px; font-weight: normal; color: #fff; } .mast-flyout .tab-panel h4{ font-family: arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0 0 20px; font-weight: normal; color: #fff; } .mast-flyout div ul{ background-repeat: no-repeat; background-position: left bottom; margin: 0; padding: 0; height: auto; width: auto; float: none; height: 74px; padding: 0 0 0 15px; } .mast-flyout div ul li{ display: inline; position: static; text-indent: -9999px; overflow: hidden; float: none; } .mast-flyout div ul li a{ float: left; display: block; height: 42px; margin: 32px 1px 0 0; outline: none; } .mast-flyout div ul li a:hover, .mast-flyout div ul li a.selected, .mast-flyout div ul li.ui-tabs-selected a{ background-position: right bottom; } p.trailItem{ font-size: 10px; text-transform: uppercase; color: #fff; line-height: 14px; font-family: tahoma,arial,verdana; margin: 0 0 1px; } p.trailItem-last{ margin-bottom: 21px; } p.trailItem a{ color: #fff; margin: 0; display: block; float: none; width: auto; text-decoration: none; padding: 4px 0 0 68px; background-repeat: no-repeat; background-position: 1px 1px; cursor: pointer; height: 36px; outline: none; } p.trailItem a strong{ font-weight: bold; letter-spacing: 1px; } p.trailItem a em{ font-style: italic; font-family: georgia,times,serif; text-transform: none; font-weight: normal; font-size: 11px; } p.stateParkItem{ font-size: 10px; text-transform: uppercase; color: #fff; line-height: 1em; font-family: tahoma,arial,verdana; margin: 0; letter-spacing: 1px; } p.stateParkItem a{ color: #fff; margin: 0; float: none; text-decoration: none; padding: 9px 0; background: none; cursor: pointer; display: block; } p.stateParkItem-last{ margin-bottom: 12px; } p.stateParkItem a:hover{ background-color: #693912; } #trails-tabs p.trailItem a em{ color: #cc9966; } #trails-tabs p.trailItem a:hover{ background-color: #693912; } #share-tabs p.trailItem a em{ color: #99ffff; } #share-tabs p.trailItem a:hover{ background-color: #4f4f4f; } #tab-brochures-maps p.trailItem{ height: 40px; font-size: 10px; text-transform: uppercase; color: #fff; line-height: 14px; font-family: tahoma,arial,verdana; margin: 0 0 1px; padding: 0 0 0 68px; background-repeat: no-repeat; background-position: 1px 1px; } #tab-brochures-maps p.trailItem a{ color: #fff; margin: 0; height: auto; display: inline; float: none; width: auto; text-decoration: none; cursor: pointer; padding: 0; } #tab-brochures-maps p.trailItem strong{ font-weight: bold; letter-spacing: 1px; } #tab-brochures-maps p.trailItem .byLine{ display: block; height: 16px; background-repeat: no-repeat; background-position: left top; overflow: auto; text-indent: -9999px; overflow: hidden; margin-top: 3px; } #tab-brochures-maps p.trailItem .no_files{ background: url(../images/mast/areas/toolkit-ico-comingsoon.png) no-repeat left top; padding-left: 82px; } #tab-brochures-maps p.trailItem .has_files{ background: url(../images/mast/areas/toolkit-ico-download.png) no-repeat left top; padding-left: 53px; } #tab-brochures-maps p.trailItem .has_files a{ height: 16px; display: block; outline: none; float: left; background-position: left top; } #tab-brochures-maps p.trailItem .has_files a:hover{ background-position: right bottom; } #tab-brochures-maps p.trailItem .has_files .has_brochure{ width: 52px; background-image: url(../images/mast/areas/toolkit-ico-brochure.png); padding: 0; margin-right: 4px; } #tab-brochures-maps p.trailItem .has_files .has_map{ width: 26px; background-image: url(../images/mast/areas/toolkit-ico-map.png); padding: 0; } #mast-trails{ margin: 0 0 0 -570px; /*background: url(../images/mast/flyout-trails-shadow.png) no-repeat left top;*/ padding: 0 0 0; } /*#mast-trails div{ background: url(../images/mast/flyout-trails-btm.png) no-repeat left bottom; padding: 0 0 37px; }*/ #mast-trails div ul{ background-image: url(../images/mast/new/flyout-trails-top.png); } #mast-trails div ul li.trails-byways a{ width: 203px; background-image: url(../images/mast/flyout-trails-tab-trails-byways.png); } #mast-trails div ul li.tennessee-state-parks a{ width: 255px; background-image: url(../images/mast/flyout-trails-tab-tennessee-state-parks.png); } #mast-trails div ul li.about-the-trails-byways-initiative a{ width: 430px; background-image: url(../images/mast/flyout-trails-tab-about-the-trails-byways-initiative.png); margin-right: 0; } #mast-trails div div.tab-panel-parent{ background: url(../images/mast/flyout-trails-btm.png) no-repeat left bottom; } #mast-trails div div#tab-about-the-trails-byways-initiative .panel-padder{ background: url(../images/mast/flyout-trails-tab-about-the-trails-byways-initiative-btm.jpg) no-repeat left bottom; padding: 75px 100px 54px; } #mast-trails div div span.area{ } #mast-trails div div#tab-tennessee-state-parks span.area{ margin-left: 0; } #mast-trails div div span.national-byways{ background-image: url(../images/mast/areas/trails-national-byways.png); } #mast-trails div div span.statewide{ background-image: url(../images/mast/areas/trails-statewide.png); } #mast-trails div div span.memphis-area{ background-image: url(../images/mast/areas/trails-memphis-area.png); } #mast-trails div div span.nashville-area{ background-image: url(../images/mast/areas/trails-nashville-area.png); } #mast-trails div div span.chattanooga-area{ background-image: url(../images/mast/areas/trails-chattanooga-area.png); } #mast-trails div div span.knoxville-area{ background-image: url(../images/mast/areas/trails-knoxville-area.png); } #mast-trails div div span.great-smoky-mountains{ background-image: url(../images/mast/areas/trails-great-smoky-mountains.png); } #mast-trails div div span.west-tennessee{ background-image: url(../images/mast/areas/trails-west-tennessee.png); } #mast-trails div div span.middle-tennessee{ background-image: url(../images/mast/areas/trails-middle-tennessee.png); } #mast-trails div div span.east-tennessee{ background-image: url(../images/mast/areas/trails-east-tennessee.png); } #mast-trails div div#tab-about-the-trails-byways-initiative p.about{ font-size: 13px; line-height: 22px; margin: 0; color: #fff; font-family: arial, sans-serif; } #mast-trails div div#tab-about-the-trails-byways-initiative p.about span{ font-family: georgia, serif; display: block; } #mast-trails div div#tab-about-the-trails-byways-initiative p.about .title{ font-size: 26px; line-height: 1em; margin: 0 0 18px; color: #fff; } #mast-trails div div#tab-about-the-trails-byways-initiative p.about .byline{ font-size: 16px; line-height: 1em; margin: 0 0 18px; color: #ffcc99; } #mast-share{ margin: 0 0 0 -845px; background: url(../images/mast/flyout-share-shadow.png) no-repeat left top; padding: 0 0 0; } #mast-share div ul{ background-image: url(../images/mast/flyout-share-top.png); } #mast-share div ul li.facebook a{ width: 203px; background-image: url(../images/mast/flyout-share-tab-facebook.png); } #mast-share div ul li.flickr a{ width: 215px; background-image: url(../images/mast/flyout-share-tab-flickr.png); } #mast-share div ul li.twitter a{ width: 218px; background-image: url(../images/mast/flyout-share-tab-twitter.png); margin-right: 0; } #mast-share div div.tab-panel-parent{ background: url(../images/mast/flyout-share-btm.png) no-repeat left bottom; } /* flyout overrides */ #mast-share div div#tab-facebook .panel-padder{ background: url(../images/mast/flyout-share-tab-facebook-btm.jpg) no-repeat left bottom; } #mast-share div div#tab-twitter .panel-padder{ padding-right: 0; padding-bottom: 120px; background: url(../images/mast/flyout-share-tab-twitter-btm.jpg) no-repeat left bottom; } #mast-share div div#tab-twitter h4{ width: 50%; } #mast-share div div span.area{ } #mast-share div div span.statewide{ background-image: url(../images/mast/areas/share-statewide.png); } #mast-share div div span.memphis-area{ background-image: url(../images/mast/areas/share-memphis-area.png); } #mast-share div div span.nashville-area{ background-image: url(../images/mast/areas/share-nashville-area.png); } #mast-share div div span.chattanooga-area{ background-image: url(../images/mast/areas/share-chattanooga-area.png); } #mast-share div div span.knoxville-area{ background-image: url(../images/mast/areas/share-knoxville-area.png); } #mast-share div div span.great-smoky-mountains{ background-image: url(../images/mast/areas/share-great-smoky-mountains.png); } #mast-share div div p{ background: url(../images/mast/areas/ico-blank.png) no-repeat left top; } #mast-share div div .left{ float: left; width: 250px; } #mast-share div div .right{ float: right; width: 250px; } .mast-flyout .flyout-cols-wrap{ overflow: auto; } .mast-flyout .col{ float: left; } .mast-flyout .flyout-cols-3 .col{ margin-right: 5%; width: 30%; } .mast-flyout .flyout-cols-4 .col{ margin-right: 4%; width: 22%; } .mast-flyout .flyout-cols-wrap .col-last{ margin-right: 0; } .see-all-photos{ width: 140px; height: 30px; display: block; float: right; text-indent: -9999px; overflow: hidden; background: url(../images/btn/see-all-photos.png) no-repeat left top; } .see-all-photos:hover{ background-position: right bottom; } #flickrGrid{ width: 100%; } #flickrGrid td{ vertical-align: middle; text-align: center; background-color: #7a7a7a; } #tweetReel .clickForMore{ width: 111px; height: 173px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/mast/twitter-click-for-more.png) no-repeat left top; float: right; } #tweetReel .entry{ width: 229px; float: left; margin: 0 17px 0 0; background: #85a3a3 url(../images/mast/twitter-bubble-top.png) no-repeat left top; } #tweetReel .entry .inner{ padding: 16px 20px 50px; background: url(../images/mast/twitter-bubble-btm.png) no-repeat left bottom; word-wrap: break-word; } #tweetReel .entry .inner a{ text-decoration: none; color: #fff; } #tweetReel .entry .inner a.byWhen{ color: #33ffff; font-family: georgia, serif; font-size: 16px; line-height: 24px; font-style: italic; } #tweetReel .entry .inner, #tweetReel .entry .inner a.byWho{ color: #fff; font-family: arial, sans-serif; font-size: 13px; line-height: 17px; } #mast-toolkit{ margin: 0 0 0 -720px; /*background: url(../images/mast/flyout-toolkit-shadow.png) no-repeat left top;*/ padding: 0; } #mast-toolkit div ul{ background-image: url(../images/mast/flyout-toolkit-top.png); } #mast-toolkit div ul li.brochures-maps a{ width: 221px; background-image: url(../images/mast/flyout-toolkit-tab-brochures-maps.png); } #mast-toolkit div ul li.music a{ width: 113px; background-image: url(../images/mast/flyout-toolkit-tab-music.png); } #mast-toolkit div ul li.videos a{ width: 119px; background-image: url(../images/mast/flyout-toolkit-tab-videos.png); } #mast-toolkit div ul li.podcasts a{ width: 139px; background-image: url(../images/mast/flyout-toolkit-tab-podcasts.png); margin-right: 0; } #mast-toolkit div div.tab-panel-parent{ background: url(../images/mast/flyout-toolkit-btm.png) no-repeat left bottom; } #mast-toolkit div div#tab-brochures-maps .panel-padder{ background: url(../images/mast/flyout-toolkit-tab-brochures-maps-btm.jpg) no-repeat left bottom; } #mast-toolkit div div#tab-videos .panel-padder{ background: url(../images/mast/flyout-toolkit-tab-videos-btm.jpg) no-repeat left bottom; padding: 0; } #mast-toolkit div div#tab-videos .tab-videos-padder{ background: transparent; overflow: auto; padding: 24px 40px 40px; } #mast-toolkit div div#tab-videos h3{ float: left; width: 240px; margin-right: 15px; margin-bottom: 30px; } #mast-toolkit div div#tab-videos h4{ float: left; width: 400px; } #mast-toolkit div div#tab-videos #mediaspace{ clear: both; } #mast-toolkit div div#tab-podcasts .panel-padder{ background: url(../images/mast/flyout-toolkit-tab-videos-btm.jpg) no-repeat left bottom; padding: 110px 165px 185px; } #mast-toolkit div div#tab-music .panel-padder{ background: url(../images/mast/flyout-toolkit-tab-music-btm.jpg) no-repeat left bottom; padding: 0 0 0 0; } #mast-toolkit div div#tab-music .tab-music-padder{ background: url(../images/mast/flyout-toolkit-tab-music-mid.png) no-repeat right top; overflow: auto; padding: 24px 40px 40px; } #mast-toolkit div div#tab-music h3{ float: left; width: 240px; margin-right: 15px; margin-bottom: 30px; } #mast-toolkit div div#tab-music h4{ float: left; width: 400px; } #mast-toolkit div div#tab-music #music-playlist-seletor{ clear: both; overflow: auto; } #mast-toolkit div div#tab-music .music-selector{ float: left; width: 218px; margin-right: 10px; height: 350px; } #mast-toolkit div div#tab-music .shadow{ background: url(../images/mast/areas/toolkit-music-itemShadow.png) no-repeat right top; min-height: 300px; } #mast-toolkit div div#tab-music .music-selector span.area{ text-indent: -9999px; overflow: hidden; height: 23px; background-repeat: no-repeat; background-position: left top; margin: 0; } #mast-toolkit div div#tab-music .music-selector span.select-an-area{ background-image: url(../images/mast/areas/toolkit-music-selectArea.png); } #mast-toolkit div div#tab-music .music-selector span.select-a-trail{ background-image: url(../images/mast/areas/toolkit-music-selectTrail.png); } #mast-toolkit div div#tab-music .music-selector a{ padding: 9px 18px 9px 9px; color: #fff; font-size: 10px; line-height: 1em; font-weight: bold; display: block; font-family: tahoma,arial,verdana; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; background: transparent url(../images/mast/areas/toolkit-music-item-arrow.png) no-repeat right center; } #mast-toolkit div div#tab-music .music-selector a.selected, #mast-toolkit div div#tab-music .music-selector a:hover{ background: #004a8f url(../images/mast/areas/toolkit-music-item-arrow-on.png) no-repeat right center; } #mast-toolkit div div#tab-music .track-selector a:hover, #mast-toolkit div div#tab-music .track-selector a.selected, #mast-toolkit div div#tab-music .track-selector a{ background-image: none; } #mast-toolkit div div#tab-music .track-selector a.pandora-mix-tape{ margin-top: 10px; } #mast-toolkit div div span.area{ } #mast-toolkit div div span.statewide{ background-image: url(../images/mast/areas/toolkit-statewide.png); } #mast-toolkit div div span.memphis-area{ background-image: url(../images/mast/areas/toolkit-memphis-area.png); } #mast-toolkit div div span.nashville-area{ background-image: url(../images/mast/areas/toolkit-nashville-area.png); } #mast-toolkit div div span.chattanooga-area{ background-image: url(../images/mast/areas/toolkit-chattanooga-area.png); } #mast-toolkit div div span.knoxville-area{ background-image: url(../images/mast/areas/toolkit-knoxville-area.png); } #mast-toolkit div div span.great-smoky-mountains{ background-image: url(../images/mast/areas/toolkit-great-smoky-mountains.png); } #contentOverflow{ overflow: auto; } #contentOverflow a{ outline: none; } #contentOverflow #contentOverflowLeftside{ float: left; width: 550px; } #contentOverflow #contentOverflowRightside{ float: right; width: 390px; } #contentOverflow #contentOverflowRightside img{ border: none; margin: 0 0 8px; }