/*---------------------------------####LAYOUT MOODS####---------------------------*/ body#home { margin:0; background:#122633 url(../images/moods/darkness-home.jpg) repeat-y top center; } body#post { margin:0; background:#3c2704 url(../images/moods/darkness-post.jpg) no-repeat top center; } body#stats { margin:0; background:#332612 url(../images/moods/darkness-stats.jpg) repeat-y top center; } body#events { margin:0; background:#010101 url(../images/moods/darkness-events.jpg) repeat-y top center; } body#tunes { margin:0; background:#374244 url(../images/moods/darkness-tunes.jpg) repeat-y top center; } body#contact { margin:0; background:#461310 url(../images/moods/darkness-contact.jpg) repeat-y top center; } body#webcast { margin:0; background:#332612 url(../images/moods/darkness-stats.jpg) repeat-y top center; } /*--------------------- COMMON SETTINGS ----------------------*/ * { margin: 0; padding: 0; } a { color:#666; text-decoration:underline; } a:hover { color:#41ba06; text-decoration:underline; } a img { border:0pt none!important; } .clear { clear:both!important; } #contentWrapper { position:relative; display:block; width:970px; margin:0 auto; padding:0; /*min-height:490px; height:auto; height:490px;*/ } #headerWrapper { position:relative; display:block; width:970px; margin:0 auto; padding:0; height:74px; z-index:1000!important; } #uturnLogo { width:154px; height:176px; position:absolute; top:61px; left:-35px; background:url(../images/ui/logo-uturn.png) no-repeat; _background:url(../images/ui/logo-uturn.gif) no-repeat; } /*--------------------- TOP NAV SETTINGS ---------------------*/ /*#topNavWrapper { width:609px; height:66px; display:block; position:absolute; top:9px; left:9px; } */ /* Home Button */ /*#navHome a { position:absolute; width:105px; height:66px; left:0; top:0; background:url(../images/ui/nav-home.png) no-repeat; _background:url(../images/ui/nav-home-png8.png) no-repeat; } #navHome a:hover { position:absolute; width:105px; height:66px; left:0; top:0; background:url(../images/ui/nav-home-ro.png) no-repeat; _background:url(../images/ui/nav-home-png8-ro.png) no-repeat; cursor:pointer; } #navHomeDown { position:absolute; width:105px; height:66px; left:0; top:0; background:url(../images/ui/nav-home-ro.png) no-repeat; _background:url(../images/ui/nav-home-png8-ro.png) no-repeat; } */ /* Stats Button */ /*#navStats a { position:absolute; width:107px; height:66px; left:106px; top:0; background:url(../images/ui/nav-stats.png) no-repeat; _background:url(../images/ui/nav-stats-png8.png) no-repeat; } #navStats a:hover { position:absolute; width:107px; height:66px; left:106px; top:0; background:url(../images/ui/nav-stats-ro.png) no-repeat; _background:url(../images/ui/nav-stats-png8-ro.png) no-repeat; cursor:pointer; } #navStatsDown { position:absolute; width:107px; height:66px; left:106px; top:0; background:url(../images/ui/nav-stats-ro.png) no-repeat; _background:url(../images/ui/nav-stats-png8-ro.png) no-repeat; } */ /* Post Button */ /*#navPost a { position:absolute; width:128px; height:66px; left:213px; top:0; background:url(../images/ui/nav-post.png) no-repeat; _background:url(../images/ui/nav-post-png8.png) no-repeat; } #navPost a:hover { position:absolute; width:128px; height:66px; left:213px; top:0; background:url(../images/ui/nav-post-ro.png) no-repeat; _background:url(../images/ui/nav-post-png8-ro.png) no-repeat; cursor:pointer; } #navPostDown { position:absolute; width:128px; height:66px; left:213px; top:0; background:url(../images/ui/nav-post-ro.png) no-repeat; _background:url(../images/ui/nav-post-png8-ro.png) no-repeat; } */ /* Events Button */ /*#navEvents a { position:absolute; width:131px; height:66px; left:343px; top:0; background:url(../images/ui/nav-events.png) no-repeat; _background:url(../images/ui/nav-events-png8.png) no-repeat; } #navEvents a:hover { position:absolute; width:131px; height:66px; left:343px; top:0; background:url(../images/ui/nav-events-ro.png) no-repeat; _background:url(../images/ui/nav-events-png8-ro.png) no-repeat; cursor:pointer; } #navEventsDown { position:absolute; width:131px; height:66px; left:343px; top:0; background:url(../images/ui/nav-events-ro.png) no-repeat; _background:url(../images/ui/nav-events-png8-ro.png) no-repeat; } */ /* Tunes Button */ /*#navTunes a { position:absolute; width:138px; height:66px; left:473px; top:0; background:url(../images/ui/nav-tunes.png) no-repeat; _background:url(../images/ui/nav-tunes-png8.png) no-repeat; } #navTunes a:hover { position:absolute; width:138px; height:66px; left:473px; top:0; background:url(../images/ui/nav-tunes-ro.png) no-repeat; _background:url(../images/ui/nav-tunes-png8-ro.png) no-repeat; cursor:pointer; } #navTunesDown { position:absolute; width:138px; height:66px; left:473px; top:0; background:url(../images/ui/nav-tunes-ro.png) no-repeat; _background:url(../images/ui/nav-tunes-png8-ro.png) no-repeat; } */ /* Stuff Button */ /*#navStuff a { position:absolute; width:138px; height:66px; left:467px; top:9px; background:url(../images/ui/nav-stuff.png) no-repeat; _background:url(../images/ui/nav-stuff.gif) no-repeat; } #navStuff a:hover { background:url(../images/ui/nav-stuff-ro.png) no-repeat; _background:url(../images/ui/nav-stuff-ro.gif) no-repeat; cursor:pointer; } #nav { z-index:5000!important; } */ #topNavWrapper { width:735px; height:66px; display:block; position:absolute; top:0; left:0; } /* Favs Button */ #navFavs a { position:absolute; width:114px; height:26px; left:0px; top:0px; background:url(../images/ui/nav-favorites.png) no-repeat; } /* Home Button */ #navHome a { position:absolute; width:105px; height:66px; left:124px; top:9px; background:url(../images/ui/nav-home.png) no-repeat; _background:url(../images/ui/nav-home-png8.png) no-repeat; } #navHome a:hover { background:url(../images/ui/nav-home-ro.png) no-repeat; _background:url(../images/ui/nav-home-png8-ro.png) no-repeat; cursor:pointer; } /* Stats Button */ #navStats a { position:absolute; width:107px; height:66px; left:230px; top:9px; background:url(../images/ui/nav-stats.png) no-repeat; _background:url(../images/ui/nav-stats-png8.png) no-repeat; } #navStats a:hover { background:url(../images/ui/nav-stats-ro.png) no-repeat; _background:url(../images/ui/nav-stats-png8-ro.png) no-repeat; cursor:pointer; } /* Post Button */ #navPost a { position:absolute; width:128px; height:66px; left:337px; top:9px; background:url(../images/ui/nav-post.png) no-repeat; _background:url(../images/ui/nav-post-png8.png) no-repeat; } #navPost a:hover { background:url(../images/ui/nav-post-ro.png) no-repeat; _background:url(../images/ui/nav-post-png8-ro.png) no-repeat; cursor:pointer; } /* Events Button */ #navEvents a { position:absolute; width:131px; height:66px; left:467px; top:9px; background:url(../images/ui/nav-events.png) no-repeat; _background:url(../images/ui/nav-events-png8.png) no-repeat; } #navEvents a:hover { background:url(../images/ui/nav-events-ro.png) no-repeat; _background:url(../images/ui/nav-events-png8-ro.png) no-repeat; cursor:pointer; } /* Tunes Button */ #navTunes a { position:absolute; width:138px; height:66px; left:597px; top:9px; background:url(../images/ui/nav-tunes.png) no-repeat; _background:url(../images/ui/nav-tunes-png8.png) no-repeat; } #navTunes a:hover { background:url(../images/ui/nav-tunes-ro.png) no-repeat; _background:url(../images/ui/nav-tunes-png8-ro.png) no-repeat; cursor:pointer; } /* Stuff Button */ #navStuff a { position:absolute; width:138px; height:66px; left:597px; top:9px; background:url(../images/ui/nav-stuff.png) no-repeat; _background:url(../images/ui/nav-stuff.gif) no-repeat; } #navStuff a:hover { background:url(../images/ui/nav-stuff-ro.png) no-repeat; _background:url(../images/ui/nav-stuff-ro.png) no-repeat; cursor:pointer; } #nav { z-index:1000!important; } /*--------------------- HOME PAGE SETTINGS ----------------------*/ #homePageWrapper { margin:0 auto; display:block; position:relative; height:750px; width:970px; padding:0; } #homeLead { width:440px; position:relative; display:block; top:31px; left:118px; } #homeLead h1 { font:normal 42px Arial; color:#666; padding:0; margin:0; height:55px; } #homeLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding:4px 0 0 0; margin:0 0 0 15px; } #homeLead img { width:334px; height:50px; background:url(../images/home-headline.png) no-repeat; _background:url(../images/home-headline-png8.png) no-repeat; } #homeStats { position:absolute; width:276px; height:242px; top:180px; left:20px; /*background:url(../images/home-stats.png) no-repeat; _background:url(../images/home-stats-png8.png) no-repeat;*/ } #homeSocial { position:absolute; width:154px; height:108px; top:620px; right:10px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; z-index:1000; } #homeRaffleBtn { position:absolute; top:536px; left:5px; } #homeWebcast { position:absolute; width:168px; height:93px; top:555px; left:0px; background:url(../images/ui/webcast-dark-home.png) no-repeat; _background:url(../images/ui/webcast-dark-home-png8.png) no-repeat; } #homeEvents { position:absolute; width:290px; height:439px; top:198px; left:289px; background:url(../images/home-events.png) no-repeat; _background:url(../images/home-events-png8.png) no-repeat; } #homeEvents p { font:normal 15pt/15pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0; position:relative; left:105px; top:216px; width:185px; } #homeEvents a img { margin:12px 0 0 0; padding:0; width:71px; height:42px; background:url(../images/ui/btn-go.png) no-repeat; _background:url(../images/ui/btn-go-png8.png) no-repeat; } #homeEvents a:hover img { margin:12px 0 0 0; padding:0; width:71px; height:42px; background:url(../images/ui/btn-go-ro.png) no-repeat; _background:url(../images/ui/btn-go-png8-ro.png) no-repeat; } #homeEventsListings { position:absolute; width:282px; top:210px; left:289px; background: url(../images/home-events-bkgdNew.png) repeat-y 0 0; border:solid 4px #FFF; padding:0; } #homeEventsListings p { font:normal 14pt/14pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; position:relative; left:150px; top:14px; width:125px; } #homeEventsListings img { position:absolute; float:left; top:-20px; left:-10px; } #homeEventsListings #listingsTable { font:normal 10pt/12pt Verdana, Geneva, sans-serif; color:#000; position:relative; width:250px; left:20px; margin:40px 0 10px 0; } #homeEventsListings #listingsTable a { text-decoration:underline; } #homeEventsListings #AllEventsLink { display:block; background-color:#000; font:normal 12pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:5px; position:relative; left:20px; bottom:-15px!important; width:140px; text-align:center; } #homeEventsListings #AllEventsLink a { color:#41ba06; } #homeEventsListings #AllEventsLink a:hover { color:#FFF; } #homePostVideo { position:absolute; width:389px; height:337px; top:45px; left:583px; background:url(../images/home-post-video.png) no-repeat; _background:url(../images/home-post-video-png8.png) no-repeat; z-index:0!important; } #homePostFlash { position:absolute; width:333px; top:98px; left:16px; z-index:0!important; } #homePostFlashCreated { position:absolute; width:145px; top:17px; left:44px; font:bold 11pt/14pt Arial, Helvetica, sans-serif; color:#999; } .homePostFlashInfo { font:normal 10pt/11pt Arial, Helvetica, sans-serif; color:#000; } #homePostFlashTitle { position:absolute; width:145px; top:17px; left:196px; font:bold 11pt/14pt Arial, Helvetica, sans-serif; color:#999; } #homePostWord { position:absolute; width:366px; height:78px; top:498px; left:583px; background:url(../images/home-post-word.png) no-repeat; _background:url(../images/home-post-word-png8.png) no-repeat; } #homePostWord p { font:normal 9.5pt/9.5pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin:42px 0 0 0; padding:0 0 0 18px; width:250px; float:left; } #homePostWord #postDate { font:normal 9pt/9.5pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; width:80px; margin:42px 15px 0 0; padding:0; float:right; text-align:right; } #homeTunes a { position:absolute; width:360px; height:94px; top:607px; left:587px; background:url(../images/home-tunes.png) no-repeat; _background:url(../images/home-tunes-png8.png) no-repeat; } /* Events Promo - Revised August 2009 */ #homeEventsShort { position:absolute; width:164px; height:203px; top:508px; left:70px; background: url(../images/home-events-sign.gif) no-repeat 0 0; z-index:500; } /* #homeEventsPoster { position:absolute; width:333px; height:412px; top:200px; left:275px; z-index:0; background:url(../event/home-event-poster.png) no-repeat 0 0; _background:url(../event/home-event-poster.gif) no-repeat 0 0; cursor:pointer!important; } #homeEventsPoster img { position:absolute; top:4px; left:9px; } */ #homeEventsPoster { position:absolute; top:360px; left:560px; z-index:10; cursor:pointer!important; } /* POST PHOTO PROMO */ #homePostPhoto { position:absolute; width:595px; height:285px; top:170px; left:0; background:url(../images/home-postPhoto-bkgd.png) no-repeat; _background:url(../images/home-postPhoto-bkgd.gif) no-repeat; } #homePostPhoto img { position:absolute; left:36px; top:34px; } #homePostPhoto .seeMore a { position:absolute; width:97px; height:30px; right:20px; bottom:34px; background:url(../images/home-btn-seeMore.png) no-repeat; _background:url(../images/home-btn-seeMore.gif) no-repeat; } #homePostPhoto .eventDescription { position:absolute; width:160px; top:85px; right:45px; } #homePostPhoto .eventTitle { display:block; color:#FFF; font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; } #homePostPhoto .eventText { color:#FFF; font:normal 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; } #homePostPhoto .eventPost { text-transform:uppercase; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; display:block; margin:20px 0 10px 0; } /* PSA Video Contest */ /* #HomePSAvideoContest { position:absolute; width:300px; height:198px; right:5px; top:390px; background:url(../psavideo/images/home-videocontest.png) no-repeat; _background:url(../psavideo/images/home-videocontest.gif) no-repeat; z-index:1000; padding:60px 0px 0px 50px; margin:0; } #HomePSAvideoContest p.call { font:normal 22px Impact, Arial, sans-serif; padding:0; margin:0; text-transform:uppercase; } #HomePSAvideoContest p.title { font:normal 43px/33px Impact, Arial, sans-serif; padding:0; margin:0; text-transform:uppercase; letter-spacing:-1px; } #HomePSAvideoContest p.date { font:normal 24px/37px Impact, Arial, sans-serif; padding:0; margin:0; text-transform:uppercase; } #HomePSAvideoContest p.rules { font:normal 16px/16px Impact, Arial, sans-serif; padding:0; margin:0; text-transform:uppercase; } */ #HomePSAvideoContest { position:absolute; width:182px; height:199px; right:185px; top:410px; background: url(../images/home-psaVideo-New.png) no-repeat; z-index:1000; padding:60px 0 0 35px; margin:0; } #HomePSAvideoContest p.call { font:normal 21px Impact, Arial, sans-serif; padding:0; margin:0; text-transform:uppercase; color:#999; } #HomePSAvideoContest p.title { font:normal 40px/36px Impact, Arial, sans-serif; padding:0; margin:0; text-transform:uppercase; letter-spacing:-1px; color:#999; } #HomePSAvideoContest p.rules { font:normal 14px Impact, Arial, sans-serif; padding:0; margin:0; text-transform:uppercase; color:#999; } #HomePSAvideoContest p.rules a { color:#999; } #HomePSAvideoContest p.rules a:hover { color:#FFF; } /* PSA Video Finalists */ #HomePSAFinalists { position:absolute; width:334px; height:254px; right:20px; top:400px; background: url(/images/home-video-finalists.png) no-repeat; _background:url(/images/home-video-finalists.gif) no-repeat; z-index:1000; display:block; padding:0; margin:0; } /* Home Page Survey Results Link */ #homeSurveyResultsLink { width:213px; height:41px; position:absolute; left:0px; top:190px; background:url(../images/stats/btn-survey-results.png) no-repeat; _background:url(../images/stats/btn-survey-results.gif) no-repeat; z-index:5000; cursor:pointer!important; } /* Take a Survey Link */ #homeSurveyLink { width:182px; height:38px; position:absolute; left:40px; top:450px; background: url(../images/home-takeSurvey-link.png) no-repeat; z-index:5000; cursor:pointer!important; } /* Featured Stat */ #homeFeaturedStat { position:absolute; top:475px; left:60px; width:481px; border:solid 6px #000; background-color:#333; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } #homeFeaturedStat a { text-decoration:none; } #homeFeaturedStat .question { display:block; width:451px; padding:10px 15px 10px 15px; font:normal 15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; background-color:#444; } #homeFeaturedStat .answer { display:block; width:451px; padding:10px 15px 10px 15px; font:normal 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fed726; } /* SADD Safety Tips Promo */ #HomeSaddTipsPromo { position:absolute; width:346px; height:158px; right:20px; top:420px; background: url(/images/home-sadd-safety-tips-promo.png) no-repeat; _background:url(/images/home-sadd-safety-tips-promo.gif) no-repeat; z-index:1000; display:block; padding:0; margin:0; } /* Dauphin County PSA Promo */ #homeDauphinPSA { position:absolute; top:625px; left:200px; width:432px; height:98px; background:url(/images/home-dauphin-psa-btn.png) no-repeat; _background:url(/images/home-dauphin-psa-btn.gif) no-repeat; } #homeDauphinPSA a { display:block; width:432px; height:98px; cursor:pointer; } /*--------------------- STATS PAGE SETTINGS ----------------------*/ #statPageWrapper { margin:0 auto; display:block; position:relative; height:646px; width:970px; padding:0; } #statLead { width:415px; position:absolute; display:block; top:107px; left:544px; } #statLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:54px; } #statLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding:4px 0 0 0; margin:0 0 0 79px; width:330px; } #statLead img { width:158px; height:50px; background:url(../images/stats-headline.png) no-repeat; _background:url(../images/stats-headline-png8.png) no-repeat; } #statSocial { position:absolute; width:154px; height:108px; top:520px; right:6px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #statsWebcast { position:absolute; width:200px; height:99px; top:500px; left:590px; background:url(../images/ui/webcast-dark.png) no-repeat; _background:url(../images/ui/webcast-dark-png8.png) no-repeat; } #statCards { position:absolute; width:567px; height:547px; top:99px; left:20px; } /* Survey Link */ #statsSurveyBtn { position:absolute; left:210px; top:640px; width:320px; height:80px; background:url(../images/stats/stats-survey-btn.png) no-repeat; _background:url(../images/stats/stats-survey-btn.gif) no-repeat; padding:25px 20px 15px 20px; font:normal 14pt/14pt "Trebuchet MS"; } #statsSurveyBtn p a { color:#00aeef; padding:0; margin:0; position:relative; top:-5px; cursor:pointer; text-decoration:none; } #statsSurveyBtn p a:hover { color:#41ba06; } #statsSurveyBtn h3 { font-size:20pt; } /* Modified for Temporary Landing page */ #statPageWrapperNew { margin:0 auto; display:block; position:relative; height:650px; width:970px; padding:0; } #statListingsWrapperNew { margin:0 auto; display:block; position:relative; height:950px; width:970px; padding:0; } #statLeadNew { width:415px; position:relative; display:block; top:33px; margin:0; padding:0; /*left:544px;*/ } #statLeadNew h1 { font:normal 42px Arial; color:#777; padding:0; margin:0; height:54px; } #statLeadNew h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:4px 0 0 0; margin:0 0 0 45px; width:330px; } #statCardsNew { position:relative; width:567px; height:547px; top:25px; left:20px; z-index:10; } #statMoreCard { position:absolute; left:20px; top:435px; cursor:pointer!important; z-index:0; } #statsRightColumn { position:absolute; right:0; top:0; width:415px; display:inline; } /* Submission Form */ #statsSubmitForm { position:relative; display:block; width:325px; top:0px; left:66px; font:bold 10pt Arial, Helvetica, sans-serif; padding:0; margin:55px 0 0 0; } #statsSubmitForm h3 { font-size:14pt; } #statsSubmitForm p { background-color:#f9ce40; padding:3px 10px 3px 10px; position:relative; top:-7px; } #statsSubmitForm label { color:#FFF; padding:0 0 3px 10px; display:block; } #statsSubmitForm input { width:300px; padding:3px; height:22px; margin:0 0 10px 0; font:normal 14pt "Trebuchet MS"; } #statsSubmitForm textarea { width:304px; padding:3px; height:100px; font:normal 14pt "Trebuchet MS"; } #statsSubmitForm .submitBtn { padding:3px; width:73px; height:29px; position:relative; left:220px; top:-3px; } /* ----------------------------------------------------------- STATS LISTINGS PAGE ------------------------------------------------------------*/ #statsListingsWrapper { width:460px; position:relative; display:block; top:80px; left:110px; padding:0; margin:0; text-align:center; } #statsListings { display:block; position:relative; /*width:452px!important;*/ background-color:#111; border:solid 5px #000; padding:0; margin:0 5px 10px 5px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } #statsListings p.question { font:normal 12pt/13pt Arial, Helvetica, sans-serif; color:#FFF; background-color:#444; padding:8px 15px 8px 15px; margin:0 0 10px 0; text-align:left; } #statsListings p.answer { font:normal 14pt/15pt Arial, Helvetica, sans-serif; color:#f9ce40; padding:0px 15px 8px 15px; margin:0; text-align:left; } #statsListings p.author { font:italic 10pt/11pt Georgia, "Times New Roman", Times, serif; color:#FFF; padding:0px 15px 8px 15px; margin:0; text-align:right; } #statsListingsTabs { display:block; position:absolute; padding:0; margin:0; top:83px; left:150px; z-index:500; } #statsListingsTabs .onTab { font:bold 13pt "Trebuchet MS"; color:#FFF; background-color:#bd0303; padding:6px 15px 6px 15px; margin:0 1px 0 1px; display:inline-block; height:16px; } #statsListingsTabs .offTab a { font:bold 13pt "Trebuchet MS"; color:#FFF; background-color:#555; padding:6px 15px 6px 15px; margin:0 1px 0 1px; cursor:pointer; display:inline-block; height:16px; } #statsListingsTabs .offTab a:hover { background-color:#bd0303; } /* ----------------------------------------------------------- STATS COSTS PAGE ------------------------------------------------------------*/ #statsCostsWrapper { width:440px; position:relative; display:block; top:80px; left:110px; padding:0; margin:0 0 90px 0; overflow:visible; } #statsCostsWrapper h4 { font:normal 22pt/22pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding:8px 15px 0 15px; margin:0 0 10px 0; border-bottom:dotted 2px #999; color:#777; } #statsCostsWrapper p { font:normal 15pt/16pt Arial, Helvetica, sans-serif; padding:0 15px 8px 15px; margin:0 0 10px 0; color:#777; } #statsCosts { display:block; position:relative; width:460px; background-color:#111; border:solid 5px #000; padding:25px; margin:10px 0 30px 40px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } #statsCosts p.costsFact { font:normal 18pt/19pt Arial, Helvetica, sans-serif; color:#f9ce40; padding:0; margin:0; } #statsCosts p { font:normal 18pt/19pt Arial, Helvetica, sans-serif; color:#FFF; padding:0 0 0 40px; margin:0 0 22px 0; } #statsCostsText img { /*position:absolute; top:500px; right:-30px;*/ float:left; } #statsCostsText { display:block; margin:80px 0 30px 0; padding:20px; background-color:#f9ce40; } #statsCostsText p { font:normal 15pt/16pt Arial, Helvetica, sans-serif; padding:0 15px 8px 15px; margin:0 0 10px 0; } /* ------------------------------------------------------------- STATS SURVEY PAGE ------------------------------------------------------------*/ #statSurveySocial { position:relative; width:154px; height:108px; top:0px; left:80px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #surveyFormIntro { position:absolute; display:block; width:400px; top:70px; left:150px; } #surveyFormIntro h3 { font-size:22pt; padding:0 0 0 5px; } #surveyFormIntro p { font:bold 12pt/12pt "Trebuchet MS"; padding:0; margin:0; position:relative; top:-8px; color:#777; } #surveyFormTop { width:541px; height:20px; display:block; background:url(../images/stats/survey-form-top.png) no-repeat; _background:url(../images/stats/survey-form-top.gif) no-repeat; } #surveyFormBottom { width:541px; height:20px; display:block; background:url(../images/stats/survey-form-bottom.png) no-repeat; _background:url(../images/stats/survey-form-bottom.gif) no-repeat; /*clear:both;*/ } #surveyFormWrapper { width:541px; padding:0; top:160px; left:20px; position:relative; display:block; margin:0; } #surveyFormWrapper #formMidWrapper { width:541px; padding:0; margin:0; display:block; position:relative; background:url(../images/stats/survey-form-bkgd.png) repeat-y center top; _background:url(../images/stats/survey-form-bkgd.gif) repeat-y center top; } #surveyFormWrapper form { width:465px; padding:10px 38px 0 38px; display:block; } #surveyFormWrapper p { font:normal 13pt/13pt "Trebuchet MS"; color:#FFF; padding:0; margin:0; display:block; } #surveyFormWrapper p.questions { padding:15px 0 15px 0; margin:0; border-bottom:dotted 1px #CCC; } #surveyFormWrapper p.questions label { width:300px; display:inline-block; padding:0; margin:0 20px 0 0; } #surveyFormWrapper p span.radioText { font-size:14pt; padding:0 0 0 10px; } #surveyFormWrapper p.textField { padding:15px 0 15px 0; margin:0; border-bottom:dotted 1px #CCC; } #surveyFormWrapper p.textField label { width:240px; display:inline-block; padding:0; margin:0; } #surveyFormWrapper p span.schoolField { width:240px; display:inline; padding:0 0 20px 0; margin:0; text-align:right; } #surveyFormWrapper p span.schoolField input { display:inline; width:200px; padding:3px; margin:0; height:20px; font:normal 12pt "Trebuchet MS"; } #surveyFormWrapper p.education { padding:15px 0 15px 0; margin:0; border-bottom:dotted 1px #CCC; } #surveyFormWrapper .submitBtn { padding:10px 0 10px 0; position:relative; left:340px; margin:0; } #surveyResultsLink { width:213px; height:41px; position:absolute; left:360px; top:140px; background:url(../images/stats/btn-survey-results.png) no-repeat; _background:url(../images/stats/btn-survey-results.gif) no-repeat; z-index:500; } #surveyDownloadBtn { width:219px; height:84px; padding:18px 20px 0px 25px; margin:0 0 100px 0; position:relative; display:block; top:-60px; left:40px; background:url(../images/stats/survey-download-pdf.png); _background:url(../images/stats/survey-download-pdf.gif); } #surveyDownloadBtn h3 { font-size:18pt; } #surveyDownloadBtn p { font:normal 12pt/13pt "Trebuchet MS"; padding:0; margin:0; position:relative; top:-8px; width:180px; } #surveyDownloadBtn p a { color:#f9ce40; text-decoration:none; } #surveyDownloadBtn p a:hover { color:#FFF; } #surveyResultsBox { border:2px solid #f9ce40; background-color:#000; padding:10px 20px 20px 20px; width:186px; position:absolute; top:145px; left:360px; z-index:1000!important; } #surveyResultsBox p { font:normal 13pt "Trebuchet MS"; color:#FFF; padding:15px 0 15px 0; border-bottom:dotted 1px #CCC; margin:0; } #surveyResultsBox p.oneline span { font-size:22pt; color:#f9ce40; padding:0 7px 0 0; } #surveyResultsBox p.twoline span { font-size:22pt; color:#f9ce40; padding:0 7px 0 0; } #surveyResultsBox p.close { font:normal 9pt Arial, Helvetica, sans-serif; padding:0; margin:0; border:none!important; } #surveyResultsBox p.close a { color:#FFF; text-decoration:underline; } #surveyResultsBox p.close a:hover { color:#f9ce40; text-decoration:underline; } /*----------------------------------------------------------- POST PAGE SETTINGS -----------------------------------------------------------*/ #postPageWrapper { margin:0 auto; display:block; position:relative; height:1150px; width:970px; padding:0; } #postLead { width:400px; position:absolute; display:block; top:110px; left:543px; padding:0; } #postLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:60px; } #postLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; padding:0; margin:0 0 0 27px; width:373px; } #postLead img { width:155px; height:50px; background:url(../images/post-headline.png) no-repeat; _background:url(../images/post-headline-png8.png) no-repeat; } #postSocial { position:absolute; width:154px; height:108px; top:620px; right:40px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #postWebcast { position:absolute; width:200px; height:99px; top:560px; left:250px; background:url(../images/ui/webcast-dark.png) no-repeat; _background:url(../images/ui/webcast-dark-png8.png) no-repeat; } #postVideos { position:absolute; width:414px; height:411px; left:120px; top:150px; background:url(../images/videos/post-video-flashbase.png) no-repeat; _background:url(../images/videos/post-video-flashbase.gif) no-repeat; } #postFlash { position:absolute; width:376px; height:411px; left:18px; top:20px; } #postWord { position:absolute; width:364px; top:286px; right:0px; } #postWordBanner { width:364px; height:56px; background:url(../images/post-theword.png) no-repeat; _background:url(../images/post-theword-png8.png) no-repeat; } #postWord p { font:normal 11pt/18pt Arial, Helvetica, sans-serif; color:#000; padding:0; margin:0 0 20px 0; } #postWord #postUserName { font:bold 14pt/20pt Arial, Helvetica, sans-serif; color:#999; padding:0; margin:6px 0 0 15px; } #postWord .postQuotes { font:normal 46pt Arial, Helvetica, sans-serif; color:#000; margin:30px 0 0 0; } #postWebinar { position:absolute; width:254px; height:95px; background:url(../images/ui/webinar-dark.png) no-repeat; _background:url(../images/ui/webinar-dark-png8.png) no-repeat; top:560px; left:250px; } #postCastLink { position:absolute; top:270px; left:555px; } /*--------------------- POST PAGE - PHOTO GALLERY ----------------------*/ #postPhotoGallery { position:absolute; width:355px; top:750px; right:3px; padding:0; margin:0; } #postPhotoGallery a img { margin:0; padding:0; border:solid 4px #000!important; } #postPhotoGallery a:hover img { border:solid 4px #FFF!important; } #postPhotoGallery h3 { font:normal 24px/18px "Trebuchet MS"; color:#FFF; padding:0 0 0 25px; margin:0; } #postPhotoGalleryHead { position:absolute; width:192px; height:32px; top:0; left:12px; background: url(../images/photos/post-photo-headline.png) no-repeat; _background: url(../images/photos/post-photo-headline.gif) no-repeat; } /*--------------------- EVENTS PAGE SETTINGS ----------------------*/ #eventPageWrapper { margin:0 auto; display:block; position:relative; height:817px; width:970px; padding:0; } #eventLead { width:560px; position:absolute; display:block; top:114px; left:132px; } #eventLead h1 { font:normal 42px Arial; color:#555; padding:0; margin:0; height:45px; } #eventLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding:8px 0 0 0; margin:0; } #eventLead img { width:167px; height:42px; background:url(../images/events-headline.png) no-repeat; _background:url(../images/events-headline-png8.png) no-repeat; } #eventLeadTemp { width:560px; position:relative; display:block; top:40px; left:132px; } #eventLeadTemp h1 { font:normal 42px Arial; color:#555; padding:0; margin:0; height:50px; } #eventLeadTemp h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; padding:8px 0 0 0; margin:0; } #eventSignpost { position:absolute; width:238px; height:478px; top:341px; right:0; background:url(../images/events-yourEventsSign.png) no-repeat; _background:url(../images/events-yourEventsSign.gif) no-repeat; z-index:0; padding:0; } #eventSocial { position:absolute; width:154px; height:108px; top:130px; right:55px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #eventDetailsSocial { position:absolute; width:154px; height:108px; top:55px; right:55px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #eventsWebcast { position:absolute; width:200px; height:99px; top:710px; left:80px; background:url(../images/ui/webcast-dark.png) no-repeat; _background:url(../images/ui/webcast-dark-png8.png) no-repeat; } #eventWebinar { position:absolute; width:254px; height:95px; background:url(../images/ui/webinar-dark.png) no-repeat; _background:url(../images/ui/webinar-dark-png8.png) no-repeat; top:710px; left:80px; } #eventThanks { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; width:494px; height:136px; position:absolute; left:150px; top:185px; background:url(../images/events-form-thanks.png) no-repeat; _background:url(../images/events-form-thanks-png8.png) no-repeat; padding:30px 30px 0 30px; } /* Landing Page-Map Settings */ #mapBaseWrapper { position:relative; display:block; width:774px; height:483px; margin:36px 0 0 0; padding:0 0 17px 0; background:url(../images/events-map-bkgd.png) no-repeat; _background:url(../images/events-map-bkgd.gif) no-repeat; } #mapOverlay { position:absolute; display:block; width:694px; height:412px; top:38px; left:66px; /*background:transparent url(../images/events-map-overlay.png) no-repeat;*/ } #mapAPI { position:absolute; display:block; width:694px; height:412px; top:36px; left:66px; z-index:0; /*filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;*/ } #mapLogo { position:absolute; height:52px; width:52px; top:0; right:30px; } #mapPastEvents { position:absolute; width:193px; height:42px; bottom:20px; left:12px; background:url(../images/events-past-btn.png) no-repeat; } #mapShowAllBtn a { position:absolute; width:73px; height:57px; top:54px; left:0; background:url(../images/events-map-showall-on.png) no-repeat; } #mapShowAllBtn a:hover { position:absolute; width:73px; height:57px; top:54px; left:0; background:url(../images/events-map-showall-off.png) no-repeat; } #mapShowSchoolsBtn a { position:absolute; width:73px; height:60px; top:111px; left:0; background:url(../images/events-map-school-on.png) no-repeat; } #mapShowSchoolsBtn a:hover { position:absolute; width:73px; height:60px; top:111px; left:0; background:url(../images/events-map-school-off.png) no-repeat; } /*--------------------- ADDL EVENTS PAGE - DETAIL SETTINGS ----------------------*/ #eventIntro { display:block; position:relative; width:488px; font:normal 20px/20px "Trebuchet MS"; left:157px; margin:60px 0 0 0; color:#555; } #eventDesc h2 { font:normal 19px/19px Arial; color:#000; padding:4px 0px 0px 10px; margin:0; width:410px; position:absolute; display:block; top:0px; left:300px; background-color:#000; text-align:center; height:24px; } #eventDate { display:block; position:relative; left:146px; top:46px; background-color:#ffc829; font-family:"Trebuchet MS"; padding:10px; width:300px; } #eventDate h4 { font-size:32px; padding:0 0 2px 0; margin:0; } #eventDate p { font-size:20px; line-height:21px; padding:0; margin:0; } #eventSignup { position:absolute; top:85px; left:420px; z-index:500; background:url(../images/events-signup-btn.png) no-repeat; _background:url(../images/events-signup-btn.gif) no-repeat; } #eventRightColumn { position:absolute; display:block; width:355px; right:0; top:200px; } /* Specific Event Tunes/Bands */ #eventTunes { position:relative; display:block; width:355px; height:367px; } #tunesDubois092609 { position:relative; display:block; width:355px; height:462px; background:url(/event/band-dubois-082609.png) no-repeat 0 10px; _background:url(/event/band-dubois-082609.gif) no-repeat 0 10px; } #tunesDubois092609 h3 { font:normal 18px "Trebuchet MS"; color:#FFF; padding:0 0 0 85px; margin:0; } /*--------- Directions Settings ------------*/ #eventDirections { position:relative; display:block; width:598px; height:393px; padding:26px 28px 26px 28px; left:40px; top:0; background: url(../event/events-details-mapbkgd.png) no-repeat 0px 50px; _background: url(../event/events-details-mapbkgd.gif) no-repeat 0px 50px; margin:0; } #eventDirections h3 { font:normal 20px "Trebuchet MS"; color:#FFF; padding:0; margin:0 0 15px 0; } #eventDirections p { font:normal 19px "Trebuchet MS"; padding:0 0 5px 0; margin:5px 0 0 0; border-bottom:solid 2px #FFF; } #eventDirections p a { color:#FFF; text-decoration:none; } #eventDirections p a:hover { color:#d92929; text-decoration:none; } #eventDirections img { margin:10px 0 0 0; } /* ---------- Events Form Styling -------------*/ #eventFormWrapper { position:absolute; width:616px; height:325px; top:429px; left:137px; z-index:1000!important; } #eventQ1 { width:296px; height:90px; position:absolute; top:0; left:0; background:url(../images/ui/events-form-textbox.png) no-repeat 0px 16px; _background:url(../images/ui/events-form-textbox-png8.png) no-repeat 0px 16px; } .eventTxtHome { position:absolute; top:31px; left:22px; font:bold 17px Arial, Helvetica, sans-serif; color:#FFF; width:250px; height:25px; border:none; background-color:transparent; } #eventQ2 { width:296px; height:90px; position:absolute; top:80px; left:0; background:url(../images/ui/events-form-textbox.png) no-repeat 0px 30px; _background:url(../images/ui/events-form-textbox-png8.png) no-repeat 0px 30px; } .eventDdTravel { position:absolute; top:45px; left:22px; font:bold 17px Arial, Helvetica, sans-serif; color:#FFF; width:250px; height:25px; border:none; background-color: transparent; } .eventDdTravel option { background-color:#000; padding:2px 0 2px 10px; } #eventQ3 { width:296px; height:90px; position:absolute; top:175px; left:0; background:url(../images/ui/events-form-textbox.png) no-repeat 0px 30px; _background:url(../images/ui/events-form-textbox-png8.png) no-repeat 0px 30px; } .eventDdListen { position:absolute; top:45px; left:22px; font:bold 17px Arial, Helvetica, sans-serif; color:#FFF; width:250px; height:25px; border:none; background-color: transparent; } .eventDdListen option { background-color:#000; padding:2px 0 2px 10px; } #eventQ4 { width:296px; height:90px; position:absolute; top:0; left:319px; background:url(../images/ui/events-form-textbox.png) no-repeat 0px 30px; _background:url(../images/ui/events-form-textbox-png8.png) no-repeat 0px 30px; } .eventDdGoodies { position:absolute; top:45px; left:22px; font:bold 17px Arial, Helvetica, sans-serif; color:#FFF; width:250px; height:25px; border:none; background-color: transparent; } .eventDdGoodies option { background-color:#000; padding:2px 0 2px 10px; } #eventQ5 { width:296px; height:90px; position:absolute; top:95px; left:319px; background:url(../images/ui/events-form-textbox.png) no-repeat 0px 30px; _background:url(../images/ui/events-form-textbox-png8.png) no-repeat 0px 30px; } .eventDdToDo { position:absolute; top:45px; left:22px; font:bold 17px Arial, Helvetica, sans-serif; color:#FFF; width:250px; height:25px; border:none; background-color: transparent; } .eventDdToDo option { background-color:#000; padding:2px 0 2px 10px; } .eventQuestions { font:bold 11pt/10pt Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 15px; } .cblitem label { display:inline; margin:0 8px 0 4px; } label { display:none; } .NameValidator { position:absolute; top:301px; left:670px; } #positionSubmit { position:absolute; top:290px; left:330px; } #ValidationSummary { position:absolute; width:350px; right:275px; top:110px; font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-align:right; } #eventQ6 { width:296px; height:90px; position:absolute; top:200px; left:319px; background:url(../images/ui/events-form-captcha.png) no-repeat 0px 16px; _background:url(../images/ui/events-form-captcha-png8.png) no-repeat 0px 16px; } #CaptchaWrapper { width:175px; height:30px; top:23px; left:18px; position:absolute; display:block; } #CaptchaWrapper div { background-color:transparent!important; } #CaptchaMessage { width:200px; height:45px; top:29px; left:180px; position:absolute; display:block; font:normal 12px/21px tahoma, arial; color:#000; } .CaptchaField { background-color:#FFF; border:solid 1px #CCC; height:25px; font:bold 17px verdana; color:#000; width:90px; } /* ---------- End Events Form Styling -------------*/ /* ---------- Events - Your Events Form Styling -------------*/ #eventYoursPageWrapper { margin:0 auto; display:block; position:relative; height:1020px; width:970px; padding:0; } #eventYoursLead { width:560px; position:absolute; display:block; top:114px; left:132px; } #eventYoursLead h1 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; padding:8px 0 0 0; margin:0; } #eventYoursSign { position:absolute; width:348px; height:348px; top:305px; left:17px; background:url(../images/events-yours-sign.png) no-repeat; _background:url(../images/events-yours-sign.gif) no-repeat; z-index:1000; } #eventYoursForm { position:absolute; width:528px; height:670px; top:306px; left:316px; background:url(../images/events-yours-form.png) no-repeat; _background:url(../images/events-yours-form.gif) no-repeat; padding:30px 48px 0 48px; margin:0; } #eventYoursFormLeft { position:relative; display:block; float:left; width:250px; margin:0; padding:0; } #eventYoursQ1 { width:250px; height:55px; position:relative; background:url(../images/events-yours-textbox.gif) no-repeat 0px 20px; margin:0 0 10px 0; padding:0; overflow:hidden; font:bold 9.5pt/11pt Arial, Helvetica, sans-serif; color:#FFF; } #eventYoursQ1 input { margin:3px 0 0 0; background-color:transparent; border:none; width:225px; padding:5px 5px 0 5px; font-size:13pt; height:30px; } #eventYoursCaptcha { width:282px; height:61px; position:relative; background:url(../images/events-yours-captcha.gif) no-repeat 0px 20px; margin:5px 0 0 0; padding:0; float:left; } #eventYoursCaptchaMessage { width:110px; height:30px; top:24px; left:175px; position:absolute; display:block; padding:0; margin:0; } .eventYoursCaptchaField { font:bold 17px verdana; color:#000; width:85px!important; } #eventYoursCaptcha input { margin:3px 0 0 0; background-color:transparent; border:none; width:272px; padding:5px 5px 0 5px; font-size:13pt; height:30px; } #eventYoursFormRight { position:relative; display:block; float:right; width:250px; margin:0; padding:0; } #eventYoursFormRequired { position:relative; display:block; width:250px; height:55px; margin:0 0 10px 0; padding:0; text-align:left; } #eventYoursFormBottom { position:relative; display:block; width:528px; float:left; margin:0; padding:0; } #eventYoursQ8 { width:528px; height:167px; position:relative; display:block; background:url(../images/events-yours-textarea.gif) no-repeat 0px 20px; margin:0 0 10px 0; padding:0; } #eventYoursQ8 textarea { margin:5px 0 0 0; background-color:transparent; border:none; width:500px; padding:10px; font-size:13pt; height:115px; } .eventYoursLabel { font:bold 9.5pt/11pt Arial, Helvetica, sans-serif; color:#FFF; margin:0 0 0 5px; padding:0; } #eventYoursSubmit { position:relative; display:block; margin:26px 20px 0 0; text-align:right; width:200px; float:right; } #eventYoursValidationSummary { position:absolute; display:block; background-color:#111; width:285px; left:335px; top:130px; text-align:left; z-index:1000; padding:0; } .eventYoursValidationText { font:normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 10px 10px 35px; } .eventYoursHideValidation { display:none; } /* ---------- End Your Events Form Styling -------------*/ /* ---------- Events - Form Thanks Page Styling -------------*/ #eventThanksPageWrapper { margin:0 auto; display:block; position:relative; height:490px; width:970px; padding:0; } /* ---------- Events - Form Thanks Page Styling -------------*/ /*--------------------- TUNES PAGE SETTINGS ----------------------*/ #tunesPageWrapper { margin:0 auto; display:block; position:relative; height:677px; width:970px; padding:0; } #tunesLead { width:784px; position:absolute; display:block; top:95px; left:133px; } #tunesLead h1 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding:20px 0 10px 0; margin:0 0 0 157px; width:627px; } #tunesLead img { width:127px; height:45px; background:url(../images/tunes-headline.png) no-repeat; _background:url(../images/tunes-headline-png8.png) no-repeat; } #tunesFormWrapper { position:absolute; width:904px; height:302px; top:265px; left:37px; background:url(../images/tunes-formbkgd.png) no-repeat; _background:url(../images/tunes-formbkgd-png8.png) no-repeat; z-index:1000!important; } #tunesSocial { position:absolute; width:154px; height:108px; top:550px; left:80px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #tunesWebcast { position:absolute; width:200px; height:99px; top:560px; left:280px; background:url(../images/ui/webcast-dark.png) no-repeat; _background:url(../images/ui/webcast-dark-png8.png) no-repeat; } #tunesWebinar { position:absolute; width:254px; height:95px; background:url(../images/ui/webinar-dark.png) no-repeat; background:url(../images/ui/webinar-dark-png8.png) no-repeat; top:560px; left:280px; } #tunesThanks { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; width:650px; position:absolute; left:200px; top:95px; } /*------- Tunes Form Stylings ---------*/ #tunesCarousel { position:absolute; width:695px; height:217px; display:block; margin:0; padding:0; top:38px; left:176px; z-index:3; } #tunesField { padding:20px 0 20px 0; margin:0; height:217px; width:695px; } #tunesField h1 { float:left; width:320px; font:normal 32pt/30pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:0 0 20px 0; margin:0; } #tunesQ1 { float:right; width:296px; height:52px; position:relative; display:block; padding:0; margin:15px 50px 0 0; background:url(../images/ui/events-form-textbox.png) no-repeat 0px 0px; _background:url(../images/ui/events-form-textbox-png8.png) no-repeat 0px 0px; z-index:5000!important; } .tunesDownloadMusic { position:relative; top:14px; left:22px; font:bold 17px Arial, Helvetica, sans-serif; color:#FFF; width:250px; height:25px; border:none; background:transparent; } .tunesDownloadMusic option { background-color:#000; padding:2px 0 2px 10px; } #tunesCheckBoxLeft { float:right; width:310px; position:relative; display:block; padding:0; margin:0px 40px 0 0; font:bold 17px Arial, Helvetica, sans-serif; color:#FFF; } #TunesPositionSubmit { float:right; position:relative; top:20px; right:20px; } #TunesValidationSummary { position:absolute; width:350px; right:30px; top:225px; font:normal 12px/17px tahoma, arial; color:Red; text-align:right; } #tunesCaptcha { float:right; width:296px; height:90px; position:relative; display:block; padding:0; margin:15px 50px 0 0; background:url(../images/ui/events-form-captcha.png) no-repeat 0px 16px; _background:url(../images/ui/events-form-captcha-png8.png) no-repeat 0px 16px; } #TunesCaptchaWrapper { width:175px; height:30px; top:23px; left:18px; position:relative; display:block; } #TunesCaptchaWrapper div { background-color:transparent!important; } #TunesCaptchaMessage { width:115px; height:45px; top:0px; left:170px; position:relative; display:block; font:normal 12px/21px tahoma, arial; color:#000; } .TunesCaptchaField { background-color:#FFF; border:solid 1px #CCC; height:25px; font:bold 17px verdana; color:#000; width:90px; } /*------- End Tunes Form Stylings ---------*/ /*--------------------- STUFF PAGE SETTINGS ----------------------*/ #stuffLead { width:784px; top:21px; left:133px; position:relative; display:block; height:150px; } #stuffLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:55px; width:150px; float:left; } #stuffLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:0; margin:40px 0 0 0; width:600px; position:relative; display:block; float:right; } #stuffSocial { position:absolute; width:154px; height:108px; top:450px; left:80px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #stuffWebcast { position:absolute; width:200px; height:99px; top:560px; left:280px; background:url(../images/ui/webcast-dark.png) no-repeat; _background:url(../images/ui/webcast-dark-png8.png) no-repeat; } #stuffWebinar { position:absolute; width:254px; height:95px; background:url(../images/ui/webinar-dark.png) no-repeat; _background:url(../images/ui/webinar-dark-png8.png) no-repeat; top:560px; left:280px; } #stuffDesc h2 { font:normal 19px/19px Arial; color:#000; padding:4px 0px 0px 10px; margin:0; width:380px; position:absolute; display:block; top:0px; left:400px; background-color:#000; text-align:center; height:24px; } #stuffTeens { position:absolute; width:344px; height:278px; background:url(../images/stuff/stuff-teensfpo.png) no-repeat; top:180px; left:0px; } #stuffListingsWrapper { position:relative; display:block; width:680px; left:290px; margin:0; padding:0; top:0; } #stuffListingsWrapper h3 { font-size:28px; } #stuffListing { display:inline-block; position:relative; width:265px; padding:6px; background-color:#000; margin:0 0 40px 50px; vertical-align:top; overflow:hidden; } #stuffListing p { font:normal 10pt/14pt Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0 10px 10px 10px; } #stuffListing p.titleName { font:bold 15pt/15pt "Trebuchet MS"; color:#4fc200; padding:15px 10px 0px 10px; } #stuffListing p.price { font:normal 20pt "Trebuchet MS"; color:#4fc200; padding:0px 10px 5px 10px; text-align:left; } #stuffListing p.sizeTitle { font:normal 9pt Verdana, Arial, Helvetica, sans-serif; padding:0px 0 2px 106px; margin:0 10px 7px 10px; text-transform:uppercase; border-bottom:solid 1px #666; } #stuffListing div { display:block; height:34px; border-bottom:solid 1px #666; position:relative; padding:0; margin:0 10px 7px 10px; width:245px; } #stuffListing div p.size { padding:0 0 8px 0; margin:0 0 7px 0; display:inline; width:150px; position:relative; line-height:24px; } #stuffListing div img { padding:0; margin:0; width:86px; float:right; position:absolute; right:0; } #cartListing { display:inline-block; position:relative; width:680px; padding:0 0 30px 0; margin:0; vertical-align:top; } #cartListing img { border:solid 6px #000; margin:0 20px 0 50px; padding:0; float:left; } #cartListing p { font:normal 10pt/14pt Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0 10px 10px 10px; } #cartListing p.titleName { font:bold 15pt/15pt "Trebuchet MS"; color:#000; padding:15px 10px 0px 10px; } #cartListing .sizeTitle,#cartSummary .sizeTitle { font:normal 9pt Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; text-transform:uppercase; width:210px; display:inline-block; } #cartListing .size,#cartSummary .size { font:bold 11pt "Trebuchet MS"; padding:0; margin:0; } #cartListing div,#cartSummary div { display:block; border-bottom:solid 2px #FFF; position:relative; padding:0 5px 7px 5px; margin:0 10px 5px 350px; width:310px; } #cartListing p.removeItem { padding:2px; margin:10px 0 0 350px; text-transform:uppercase; background-color:#000; display:block; width:90px; text-align:center; } #cartListing p.removeItem a { font:normal 8pt Verdana, Arial, Helvetica, sans-serif; color:#FFF; } #cartListing p.removeItem a:hover { color:#4fc200; } #cartSummary .continueBtn { margin:8px 18px 0 0; } #cartSummary { display:inline-block; position:relative; width:680px; /*_width:320px;*/ padding:0 0 30px 0; /*_padding:0 0 30px 350px;*/ margin:0; vertical-align:top; } /*--------------------- CONTACT PAGE SETTINGS ----------------------*/ #contactPageWrapper { margin:0 auto; display:block; position:relative; height:595px; width:970px; padding:0; } #contactLead { width:664px; position:relative; margin:48px 0 0 152px; display:block; } #contactLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:60px; } #contactLead img { width:217px; height:60px; background:url(../images/contact-headline.png) no-repeat; _background:url(../images/contact-headline-png8.png) no-repeat; } #contactLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding:10px 0 30px 0; margin:0 0 0 36px; width:628px; } #contactLead h4 a { color:#41ba06; text-decoration:none!important; } #contactLead h4 a:hover { color:#ccc; text-decoration:none!important; } #contactSocial { position:absolute; width:154px; height:108px; top:306px; right:20px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } /*--------------------- WEBCAST PAGE SETTINGS ----------------------*/ #castPageWrapper { margin:0 auto; display:block; position:relative; height:600px; width:970px; padding:0; } #castPageWrapper h1 { font:normal 42px Arial; color:#777; padding:0; margin:0; height:60px; position:absolute; top:30px; left:140px; width:510px; } #castLead { width:254px; position:absolute; display:block; margin:0; left:40px; top:170px; } #castLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:4px 0 0 0; margin:0; width:235px; } #castSocial { position:absolute; width:154px; height:108px; top:30px; right:66px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } #castVideo { position:absolute; display:block; top:150px; right:0px; margin:0; width:668px; height:390px; background:url(../images/webcast-shadowNew.png) no-repeat; _background:url(../images/spacer.gif) no-repeat; text-align:left; } /*--------------------- PSA VIDEO PAGE SETTINGS ----------------------*/ #psaEntryLead { width:560px; position:relative; display:block; top:30px; left:132px; padding:0; margin:0 0 60px 0; } #psaEntryLead h1 { font:normal 42px Arial; color:#777; padding:0; margin:0; height:45px; } #psaEntryLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:8px 0 0 0; margin:0; } #psaEntryLead ol { margin:0 0 0 30px; } #psaEntryLead ol li { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:12px 0 0 0; margin:0; } #psaEntryLead form span { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; display:block; padding:0; margin:0 0 10px 0; } #psaEntryLead form span label { width:150px; display:inline-block; padding:0; margin:0; } #psaEntryLead form span input { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; height:26px; width:350px; padding:3px; margin:0; display:inline; } #psaEntryLead form .submitBtn { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding:10px; margin:0 0 0 150px; background-color:#333; display:block; border:solid 2px #CCC; cursor:pointer; } #psaEntryWrapper { width:580px; position:relative; display:block; padding:0 0 30px 0; margin:0 0 0 132px; } #psaEntryWrapper h3 { font:normal 20pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:20px 0 0 0; margin:0; } #psaEntryWrapper p { font:normal 13pt/14pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding:4px 0 8px 30px; margin:0; } #psaEntryWrapper p b,strong { padding:12px 0 0 0; margin:0; font-size:15pt; line-height:18pt; } #psaEntryWrapper ul { font:normal 13pt/14pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 8px 45px; margin:0; } #psaEntryWrapper ul li { padding:3px 0 3px 0; margin:0 0 0 20px; } #psaRightColumn { position:absolute; width:213px; right:0; top:100px; } #psaEntryDownloads { position:relative; width:213px; display:block; } #psaEntryDownloads h3 { font:normal 16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; } #psaEntryDownloads div { position:relative; display:block; height:30px; width:199px; background:url(../psavideo/images/link-bkgd.png) no-repeat; padding:11px 0 0 15px; margin:0 0 6px 0; } #psaEntryDownloads div a { font:normal 15px "Trebuchet MS"; color:#FFF; text-decoration:none; } #psaEntryDownloads div a:hover { color:#41ba06; } #psaPosters { position:relative; display:block; margin:20px 0 0 0; width:226px; height:456px; background:url(../psavideo/images/posters.png) no-repeat; _background:url(../psavideo/images/posters.gif) no-repeat; } #psaEntrySocial { position:relative; display:block; left:35px; margin-top:30px; width:154px; height:108px; background:url(../images/ui/social-dark.png) no-repeat; _background:url(../images/ui/social-dark-png8.png) no-repeat; } /*--------------------- PRESS ROOM PAGE SETTINGS ----------------------*/ #pressRoomLead { width:560px; position:relative; display:block; margin:0 0 30px 132px; padding:40px 0 0 0; } #pressRoomLead h1 { font:normal 42px Arial; color:#777; padding:0; margin:0; height:45px; } #pressRoomLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:8px 0 0 0; margin:0; } h3.pressRoomNews { font-size:18pt; padding:0; position:relative; margin:0 0 0 60px; } /* Articles Listings */ #pressRoomArticles { display:block; width:600px; background-color:#FFF; border:solid 5px #666; padding:22px 30px 22px 30px; margin:5px 0 20px 50px; position:relative; } #pressRoomArticles span { display:block; font:normal 15pt/16pt "Trebuchet MS"; color:#41ba06; text-transform:uppercase; padding:0; margin:0 0 7px 0; } #pressRoomArticles p.postedDate { font:italic 10pt Georgia, "Times New Roman", Times, serif; color:#666; padding:0; margin:0 0 10px 0; } #pressRoomArticles p.subTitle { font:italic 12pt/13pt Georgia, "Times New Roman", Times, serif; padding:0; margin:0 0 10px 0; } #pressRoomArticles p { font:normal 10pt/13pt Tahoma, sans-serif; padding:0; margin:0; } #pressRoomArticles p.moreLink { font:normal 10pt "Trebuchet MS"; text-transform:uppercase; padding:0; margin:12px 0 0 0; } #pressRoomArticles p.moreLink a { color:#41ba06; text-decoration:none; } #pressRoomArticles p.moreLink a:hover { color:#000; text-decoration:none; } /* Mission Link */ #pressRoomMissionLink { background: url(../press/mission-paper.png) no-repeat; width:260px; height:211px; position:absolute; top:50px; right:10px; } #pressRoomMissionLink a { cursor:pointer!important; } /* Audio Clips */ #pressRoomAudioClips { position:absolute; top:290px; right:0; width:230px; } #pressRoomAudioClips h3.downloads { font-size:18pt; padding:0; position:relative; margin:0; } #pressRoomAudioClips p { padding:10px 10px 10px 55px; margin:0 0 10px 0; display:block; background:#000 url(../images/ui/btn-mp3.png) no-repeat 6px 6px; border:solid 2px #FFF; } #pressRoomAudioClips p a { font:normal 11pt/12pt "Trebuchet MS"; color:#FFF; text-decoration:none; } #pressRoomAudioClips p a:hover { color:#41ba06; } /*--------------------- DOWNLOADS PAGE SETTINGS ----------------------*/ #downloadsLead { width:560px; position:relative; display:block; margin:0 0 30px 132px; padding:40px 0 0 0; } #downloadsLead h1 { font:normal 42px Arial; color:#777; padding:0; margin:0; height:45px; } #downloadsLead h4 { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:8px 0 0 0; margin:0; } h3.downloads { font-size:18pt; padding:0; position:relative; margin:0 0 0 60px; } #downloadsWallpaper, #downloadsPosters { display:block; width:570px; background-color:#000; border:solid 4px #FFF; padding:22px 0px 22px 30px; margin:5px 0 40px 80px; position:relative; text-align:left; } #downloadsWallpaper span { width:250px; display:inline-block; margin:0 32px 0 0; padding:0; } #downloadsWallpaper span a { font:normal 12pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; display:block; } #downloadsWallpaper span a:hover { color:#41ba06; } #downloadsWallpaper span img { width:250px; margin:0 0 10px 0; } #downloadsLogos { position:absolute; right:10px; width:240px; top:300px; } #downloadsLogos img { margin:0 10px 0 0; } #downloadsLogos a:hover img, #downloadsPosters a:hover img, #downloadsButtons a:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #downloadsLogos p, #downloadsButtons p { font:bold 12pt/14pt "Trebuchet MS"; color:#777; padding:0 0 10px 0; display:block; } #downloadsPosters span { width:165px; display:inline-block; margin:0 17px 17px 0; padding:0; } #downloadsPosters p { font:normal 12pt/14pt "Trebuchet MS"; color:#FFF; padding:0 0 10px 0; display:block; } #downloadsButtons { position:absolute; right:5px; width:250px; top:500px; } #downloadsButtons .rightImg { margin:40px 10px 10px 0; float:right; } #downloadsButtons .leftImg { margin:0px 10px 20px 0; float:left; } #downloadsBanners { display:block; width:730px; background-color:#000; border:solid 4px #FFF; padding:22px 0px 22px 30px; margin:5px 0 40px 80px; position:relative; text-align:left; } #downloadsBanners span { width:100%; display:block; margin:0 17px 17px 0; padding:0; } #downloadsBanners p { font:normal 12pt/14pt "Trebuchet MS"; color:#FFF; padding:10px 0 10px 0; display:block; } #downloadsBanners textarea { font:normal 12pt/14pt "Trebuchet MS"; padding:20px; border:solid 2px #CCC; width:600px; } /*---------------------------------#### FOOTER ####---------------------------*/ #footerLeftColumn { width:430px; float:left; margin:0; padding:0; position:relative; left:15px; } #footerLeftColumn p { font:normal 8.5pt/11pt Arial, Helvetica, sans-serif; color:#555; margin:14px 0 0 0; padding:0; } #footerLeftColumn p.subnav { font:normal 12pt/14pt "Trebuchet MS"; color:#000; margin:20px 0 0 0; padding:0; } #footerLeftColumn p.subnav a { text-decoration:none; padding:0 25px 0 0; } #footerRightColumn { width:380px; float:right; margin:0; padding:0; position:relative; right:30px; top:25px; text-align:right; } #navTeamDUI { position:absolute; width:148px; height:62px; top:0; right:212px; background:url(../images/ui/logo-teamdui.png) no-repeat; _background:url(../images/ui/logo-teamdui-png8.png) no-repeat; } #navSadd { position:absolute; width:86px; height:62px; top:0; right:107px; background:url(../images/ui/logo-sadd.png) no-repeat; _background:url(../images/ui/logo-sadd-png8.png) no-repeat; } #navPCCD { position:absolute; width:86px; height:62px; top:0; right:0; background:url(../images/ui/logo-pccd.png) no-repeat; _background:url(../images/ui/logo-pccd-png8.png) no-repeat; } /* ---------------------- Footer Backgrounds -------------------------*/ body#home #footer { background:url(../images/footers/darkness-home.png) no-repeat center top; _background:url(../images/footers/png8/darkness-home.png) no-repeat center top; display:block; position:relative; width:879px; height:116px; margin:0 auto; } body#post #footer { background:url(../images/footers/darkness-post.png) no-repeat center top; _background:url(../images/footers/png8/darkness-post.png) no-repeat center top; display:block; position:relative; width:879px; height:116px; margin:0 auto; } body#stats #footer { background:url(../images/footers/darkness-stats.png) no-repeat center top; _background:url(../images/footers/png8/darkness-stats.png) no-repeat center top; display:block; position:relative; width:879px; height:116px; margin:0 auto; } body#events #footer { background:url(../images/footers/darkness-events.png) no-repeat center top; _background:url(../images/footers/png8/darkness-events.png) no-repeat center top; display:block; position:relative; width:879px; height:116px; margin:0 auto; } body#tunes #footer { background:url(../images/footers/darkness-tunes.png) no-repeat center top; _background:url(../images/footers/png8/darkness-tunes.png) no-repeat center top; display:block; position:relative; width:879px; height:116px; margin:0 auto; } body#contact #footer { background:url(../images/footers/darkness-contact.png) no-repeat center top; _background:url(../images/footers/png8/darkness-contact.png) no-repeat center top; display:block; position:relative; width:879px; height:116px; margin:0 auto; } body#webcast #footer { background:url(../images/footers/darkness-stats.png) no-repeat center top; _background:url(../images/footers/png8/darkness-stats.png) no-repeat center top; display:block; position:relative; width:879px; height:116px; margin:0 auto; } /* ---------------------- Moods Menu -------------------------*/ #mood { background:url(../images/ui/mood-darkness.png) no-repeat center top; _background:url(../images/ui/mood-darkness-png8.png) no-repeat center top; width:204px; height:50px; } /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;} .qmmc .qmdividery{float:left;width:0px;} .qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;} .qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;} .qmmc {position:relative;zoom:1;z-index:10;} .qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;} .qmmc div a, .qmmc ul a, .qmmc ul li {float:none;} .qmsh div a {float:left;} .qmmc div{visibility:hidden;position:absolute;} .qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;} .qmmc .qmcbox a{display:inline;} .qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;} .qmmc li {z-index:auto;} .qmmc ul {left:-10000px;position:absolute;z-index:10;} .qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;} .qmmc li a {float:none} .qmmc li:hover>ul{left:auto;} #qm0 ul {top:100%;} #qm0 ul li:hover>ul{top:0px;left:100%;} /*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/ /* QuickMenu 0 */ /*"""""""" (MAIN) Container""""""""*/ #qm0 { width:204px; background-color:transparent; position:absolute; right:20px; top:27px; } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:0; color:#FDD78B; font-family:Trebuchet MS; font-size:12pt; text-decoration:none; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover { /* background-color:#FFFFFF; */ color:#C9BFBB; } /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 li:hover>a { /* background-color:#FFFFFF; */ color:#C9BFBB; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive, body #qm0 .qmactive:hover { /* background-color:#FFFFFF; */ text-decoration:none; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { padding:35px 0 0 0; background:url(../images/mood-dropdown.png) no-repeat center top; _background:url(../images/mood-dropdown-png8.png) no-repeat center top; width:157px; height:123px; margin-left:40px; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:0px 20px 3px 25px; background-color:transparent; color:#000; font-size:10.5pt; line-height:12pt; border-width:0px; border-style:solid; border-color:#666; text-align:left; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { background-color:none; color:#41ba06; text-decoration:none; } /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 ul li:hover>a { background-color:none; color:#41ba06; text-decoration:none; } /*"""""""" (SUB) Active State""""""""*/ body #qm0 div .qmactive, body #qm0 div .qmactive:hover { /* background-color:#FFFFFF; */ } /*"""""""" Individual Titles""""""""*/ #qm0 .qmtitle { cursor:default; padding:3px 0px 3px 4px; color:#444444; font-family:arial; font-size:11px; font-weight:bold; } /*"""""""" Individual Horizontal Dividers""""""""*/ #qm0 .qmdividerx { border-top-width:1px; margin:0px; border-color:#BFBFBF; } /*"""""""" Individual Vertical Dividers""""""""*/ #qm0 .qmdividery { border-left-width:0px; height:29px; margin:0px 1px 0px 1px; border-color:#C9BFBB; } /*"""""""" Custom Rule""""""""*/ ul#qm0 ul li:hover > a.qmparent { background-image:url(images/mood-good.png); } /*"""""""" Custom Rule""""""""*/ ul#qm0 ul .qmparent { background-image:url(images/mood-good.png); } /*"""""""" Custom Rule""""""""*/ ul#qm0 li:hover > a.qmparent { background-image:url(images/mood-good.png); } /*"""""""" Custom Rule""""""""*/ ul#qm0 .qmparent { background-image:url(images/mood-good.png); background-repeat:no-repeat; background-position:97% 50%; }