/* Global Style Screen Settings Client: PA DUI / Pullayouee Campaign Author: Cimbrian / Jeff Green Date Last Modified: December 15, 2009 */ /*--------------------- COMMON SETTINGS ----------------------*/ * { margin: 0; padding: 0; } a { color:#000; text-decoration:none; } a:hover { color:#41ba06; text-decoration:none; } a img { border:0pt none!important; } .clear { clear:both!important; } #contentWrapper { position:relative; display:block; width:970px; margin:0 auto; padding:0; clear:both!important; /*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; } .field-validation-error { color:#F00 } #uturnLogo { width:154px; height:176px; position:absolute; top:61px; left:-35px; background:url(../images/ui/logo-uturn.png) 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; }*/ /* LOAD AFTER ALL PAGES HAVE BEEN DEPLOYED */ #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:636px; width:970px; padding:0; } #homeLead { width:410px; position:relative; display:block; top:31px; left:118px; } #homeLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:55px; } #homeLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:55px; } #homeStats { position:absolute; width:276px; height:242px; top:210px; left:0; } #homeEvents { position:absolute; width:290px; height:439px; top:198px; left:269px; background:url(../images/home-events.png) no-repeat; _background:url(../images/home-events-png8.png) no-repeat; } #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; } #homePostVideo { position:absolute; width:389px; height:400px; top:25px; left:583px; background:url(../images/home-post-video.png) no-repeat; _background:url(../images/home-post-video-png8.png) no-repeat; } #homePostFlash { position:absolute; width:333px; height:302px; top:16px; left:15px; } #homePostFlashCreated { position:absolute; width:145px; top:332px; left:28px; 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:332px; left:180px; font:bold 11pt/14pt Arial, Helvetica, sans-serif; color:#999; } #homePostWord { position:absolute; width:366px; height:78px; top:424px; 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:533px; 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:327px; height:392px; top:270px; left:265px; background:url(../events/home-event-poster.png) no-repeat 0 0; _background:url(../events/home-event-poster.gif) no-repeat 0 0; } #homeEventsPosterDubois { position:absolute; top:4px; left:9px; } /* PSA Video Contest */ #HomePSAvideoContest { position:absolute; width:300px; height:198px; right:5px; top:416px; 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.rules a:hover { color:#41ba06; } /* PSA Video Finalists Button */ #HomePSAvideoFinalists { position:absolute; width:334px; height:254px; right:10px; top:416px; background: url(../../images/home-video-finalists.png) no-repeat; _background:url(../../images/home-video-finalists.gif) no-repeat; z-index:1000; display:block; } /*------------------------------------------------------ STATS LANDING PAGE SETTINGS ---------------------------------------------------------*/ #statPageWrapper { margin:0 auto; display:block; position:relative; height:900px; width:970px; padding:0; } #statsDesc h2 { font:normal 19px/19px Arial; color:#000; padding:4px 0px 0px 10px; margin:0; width:280px; position:absolute; display:block; top:0px; left:200px; background-color:#000; text-align:center; height:24px; } #statLead { width:415px; position:relative; display:block; top:33px; left:544px; } #statLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:54px; } #statCards { position:absolute; width:567px; height:547px; top:25px; left:20px; z-index:10; } #statMoreCard { position:absolute; left:20px; top:435px; cursor:pointer!important; z-index:500; } #statsRightColumn { position:absolute; float:right; width:415px; } /* Thanks you pages */ #statThanksPageWrapper { margin:0 auto; display:block; position:relative; height:450px; width:970px; padding:0; } #statThanksIntro { position:absolute; display:block; width:600px; top:70px; left:150px; } #statThanksIntro h3 { font-size:22pt; padding:0 0 0 5px; } #statThanksIntro p { font:bold 12pt/12pt "Trebuchet MS"; padding:0; margin:0; position:relative; display:block; margin:10px 0 0 0; } /* 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; } #statsSurveyBtn p a:hover { color:#41ba06; } #statsSurveyBtn h3 { font-size:20pt; } /* Submission Form */ #statsSubmitForm { position:relative; width:325px; top:0px; left:610px; 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; margin:0 0 10px 0; font:normal 14pt "Trebuchet MS"; } #statsSubmitForm .submitBtn { padding:3px; width:100px; height:42px; position:relative; left:10px; margin:7px 0 0 0; } #statsSubmitForm span.CaptchaWrapper { padding:15px 0 15px 0; margin:0; } #statsSubmitForm span.CaptchaWrapper img { display:inline; text-align:left; vertical-align:middle; padding:0; margin:0 20px 0 0; } #statsSubmitForm span.CaptchaWrapper input { border:none; background-color:#FFF; display:inline; width:70px; padding:0px; margin:10px 0 0 0; height:26px; font:normal 15pt "Trebuchet MS"; } #statsSubmitForm #validationSummary { position:absolute; top:-70px; left:20px; z-index:5000; padding:0px; background-color:#FFF; } #statsSubmitForm #validationSummary span { padding:10px 20px 0 20px; display:block; } #statsSubmitForm #validationSummary ul { padding:0 30px 20px 30px; } #statsSubmitForm #validationSummary ul li { padding:0 10px 0 10px; } /* ------------------------------------------------------------- STATS Listings Page ------------------------------------------------------------*/ #statsListingsWrapper { width:460px; position:absolute; display:block; top:80px; left:110px; padding:0; margin:0; } #statsListings { display:block; position:relative; 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; } #statsListings p.answer { font:normal 14pt/15pt Arial, Helvetica, sans-serif; color:#f9ce40; padding:0px 15px 8px 15px; margin:0; } #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; } #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; } #statsListingsTabs .offTab a:hover { background-color:#bd0303; } /* ------------------------------------------------------------- STATS Survey Page ------------------------------------------------------------*/ #surveyFormIntro { position:absolute; display:block; width:400px; top:50px; 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; } #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:470px; padding:10px 33px 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.disclaimer { padding:6px 0 5px 0; margin:0; /*border-bottom:dotted 1px #CCC;*/ font-size:11px; } #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 p.CaptchaWrapper { padding:15px 0 15px 0; margin:0; border-bottom:dotted 1px #CCC; } #surveyFormWrapper p.CaptchaWrapper img { display:inline; text-align:left; vertical-align:middle; padding:0; margin:0 20px 0 20px; } #surveyFormWrapper p.CaptchaWrapper input { border:none; background-color:#FFF; display:inline; width:70px; padding:0px; margin:0; height:28px; font:normal 12pt "Trebuchet MS"; } #surveyFormWrapper .submitBtn { padding:10px 0 10px 0; position:relative; left:340px; margin:0; } #surveyResultsLink { width:213px; height:61px; position:absolute; left:360px; top:120px; background:url(../images/stats/btn-survey-results.png) no-repeat left bottom; _background:url(../images/stats/btn-survey-results.gif) no-repeat left bottom; z-index:500; } #surveyResultsLink img { padding:20px 0 0 0; } #surveyResultsLink p.totalLead { font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; padding:0; margin:0 0 0 15px; } #surveyResultsLink p span.totalCount { font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding:0; margin:0; } #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; } #surveyDownloadBtn p a:hover { color:#FFF; } #surveyResultsBox { border:2px solid #f9ce40; background-color:#000; padding:20px 20px 20px 20px; width:306px; 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; } /* Costs Page Promo */ #statsCostPromo { position:relative; margin:30px 0 0 600px; background:url(/images/stats/stats-costs-promo.png) no-repeat; width:281px; height:78px; display:block; padding:25px 20px 15px 20px; font:normal 14pt/14pt "Trebuchet MS"; } #statsCostPromo p a { color:#00aeef; padding:0; margin:0; position:relative; top:-5px; cursor:pointer; } #statsCostPromo p a:hover { color:#41ba06; } #statsCostPromo h3 { font-size:20pt; } /*----------------------------------------------------------- POST LANDING PAGE SETTINGS -----------------------------------------------------------*/ #postPageWrapper { margin:0 auto; display:block; position:relative; height:1076px; width:970px; padding:0; } #postDesc h2 { font:normal 19px/19px Arial; color:#000; padding:4px 0px 0px 10px; margin:0; width:430px; position:absolute; display:block; top:0px; left:200px; background-color:#000; text-align:center; height:24px; } #postLead { width:400px; position:absolute; display:block; top:36px; left:543px; padding:0; } #postLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:60px; } #postVideos { position:absolute; width:414px; height:411px; left:120px; top:76px; 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:282px; right:0px; } #postWord #more { font:bold 8pt Arial, Helvetica, sans-serif; text-transform:uppercase; width:100px; position:absolute; left:216px; bottom:9px; text-align:right; } #postWord #moreBtn a { background:url(../skins/post/gallery-next-btn.png) no-repeat 0 0; _background:url(../skins/post/gallery-next-btn.gif) no-repeat 0 0; width:25px; height:25px; padding:0; margin:0; display:block; position:absolute; left:320px; bottom:5px; } #postWord #moreBtn a:hover { background:url(../skins/post/gallery-next-btn.png) no-repeat -29px 0; _background:url(../skins/post/gallery-next-btn.gif) no-repeat -29px 0; } #postWordBanner { width:364px; height:56px; background:url(../images/post-theword.png) no-repeat; _background:url(../images/post-theword-png8.png) no-repeat; } #postCastLink { position:absolute; top:196px; left:555px; } #postSomethingBtn { position:absolute; top:45px; left:170px; z-index:0; } #postTxtMsg { position:absolute; width:191px; height:115px; top:190px; right:30px; background:url(../images/post/post-txtmsg.png); _background:url(../images/post/post-txtmsg.gif); } /*--------------------- POST LANDING - VIDEO GALLERY ----------------------*/ #postVideoGallery { position:relative; width:563px; height:492px; top:521px; left:0px; padding:0 10px 10px 0px; margin:0; background:url(../images/videos/post-videogallery-bkgd.png) no-repeat center bottom; _background:url(../images/videos/post-videogallery-bkgd.gif) no-repeat center bottom; } #postVideoGallery h3 { font:normal 24px/18px "Trebuchet MS"; color:#FFF; padding:0 0 0 25px; margin:0; position:absolute; width:300px; } #postVideoGallery ul li div { position:relative; display:inline; float:left; width:116px; margin:0px 12px 20px 12px; padding:0; height:200px; } #postVideoGallery ul li div p { margin:0; font:normal 8.5pt/10pt Verdana, sans-serif; padding:5px 0 5px 5px; } /* #postVideoGalleryListing { position:relative; display:inline; float:left; width:116px; margin:0px 12px 20px 12px; padding:0; } #postVideoGalleryListing p { margin:0; font:normal 8.5pt/10pt Verdana, sans-serif; padding:5px 0 5px 5px; } */ .videoGallery { width:116px; height:92px; border:none; padding:0; margin:0; cursor:pointer; } .gallery { width:116px; height:116px; border:solid 3px #FFF; padding:0; margin:0; cursor:pointer; } /* .gallery01 { width:116px; height:116px; background:url(../images/videos/tn-gallery01.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery02 { width:116px; height:116px; background:url(../images/videos/tn-gallery02.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery03 { width:116px; height:116px; background:url(../images/videos/tn-gallery03.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery04 { width:116px; height:116px; background:url(../images/videos/tn-gallery04.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery05 { width:116px; height:116px; background:url(../images/videos/tn-gallery05.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery06 { width:116px; height:116px; background:url(../images/videos/tn-gallery06.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery07 { width:116px; height:116px; background:url(../images/videos/tn-gallery07.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery08 { width:116px; height:116px; background:url(../images/videos/tn-gallery08.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery09 { width:116px; height:116px; background:url(../images/videos/tn-gallery09.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery11 { width:116px; height:116px; background:url(../images/videos/tn-gallery11.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery12 { width:116px; height:116px; background:url(../images/videos/tn-gallery12.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery13 { width:116px; height:116px; background:url(../images/videos/tn-gallery13.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery14 { width:116px; height:116px; background:url(../images/videos/tn-gallery14.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery15 { width:116px; height:116px; background:url(../images/videos/tn-gallery15.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery16 { width:116px; height:116px; background:url(../images/videos/tn-gallery16.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery17 { width:116px; height:116px; background:url(../images/videos/tn-gallery17.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery18 { width:116px; height:116px; background:url(../images/videos/tn-gallery18.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery19 { width:116px; height:116px; background:url(../images/videos/tn-gallery19.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } .gallery20 { width:116px; height:116px; background:url(../images/videos/tn-gallery20.gif) no-repeat; border:none; padding:0; margin:0; cursor:pointer; } */ /*--------------------- POST LANDING - PHOTO GALLERY ----------------------*/ #postPhotoGallery { position:absolute; width:355px; top:776px; 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 15px; margin:0; } #postPhotoGallery #more { font:bold 8pt Arial, Helvetica, sans-serif; text-transform:uppercase; width:100px; position:absolute; left:216px; top:7px; text-align:right; } #postPhotoGallery #moreBtn a { background:url(../skins/post/gallery-next-btn.png) no-repeat 0 0; _background:url(../skins/post/gallery-next-btn.gif) no-repeat 0 0; width:25px; height:25px; padding:0; margin:0; display:block; position:absolute; left:320px; top:0; } #postPhotoGallery #moreBtn a:hover { background:url(../skins/post/gallery-next-btn.png) no-repeat -29px 0; _background:url(../skins/post/gallery-next-btn.gif) no-repeat -29px 0; } #postPhotoGallery #moreBtn img { border:none!important; } /*------------------------------------------- POST - WORD GALLERY PAGE ----------------------------------------------*/ .wordGalleryWrapper { position:relative; display:block; width:520px!important; padding:0; margin:0; left:435px; top:200px; background:none!important; } #wordFeatured { position:absolute; width:213px; height:336px; left:142px; top:76px; background:url(../images/post/word-feature-bkgd.png); _background:url(../images/post/word-feature-bkgd.gif); z-index:1000; padding:90px 45px 0 64px; } #wordFeatured p { margin:0; font:normal 12pt/13pt Verdana, sans-serif; padding:3px 0 4px 0; color:#000; } #wordFeatured p.author { margin:0; font:normal 16pt "Trebuchet MS"; padding:0 0 2px 0; color:#000; } #wordGalleryListing { position:relative; display:block; margin:0 10px 5px 0!important; width:490px!important; padding:8px 15px 10px 15px; background:#000 url(../images/post/word-openquote.png) no-repeat 15px 10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } #wordGalleryListing p { margin:0; font:normal 10pt/13pt Verdana, sans-serif; padding:3px 0 5px 5px; color:#FFF; } #wordGalleryListing p.author { margin:0; font:normal 14pt "Trebuchet MS"; padding:0px 0 2px 25px; color:#f9ce40; } #wordTxtMsg { position:absolute; width:191px; height:115px; top:290px; left:-14px; background:url(../images/post/post-txtmsg.png); _background:url(../images/post/post-txtmsg.gif); } #wordGalleryTeens { position:absolute; width:390px; height:310px; top:650px; left:30px; background:url(../images/post/word-teens.png); _background:url(../images/post/word-teens.gif); } /*------------------------------------------- POST - PHOTO GALLERY PAGE ---------------------------------------------*/ #photoGalleryFeatured { position:absolute; width:819px; height:367px; background:url(../images/post/post-photogallery-bkgd.png); _background:url(../images/post/post-photogallery-bkgd.gif); padding:0; margin:75px 0 30px 120px; } #photoGalleryFeatured img { float:left; width:486px; height:324px; overflow:hidden; margin:28px 0 0 20px; } #photoGalleryFeatured #info { float:right; width:266px; margin:40px 20px 0 0; } #photoGalleryFeatured #info p { margin:0; font:normal 11pt/13pt "Trebuchet MS"; padding:0 0 15px 5px; color:#FFF; } #photoGalleryFeatured #info p a { color:#FFF; text-decoration:underline; padding:0 30px 0 0; } #photoGalleryFeatured #info p a:hover { color:#f9ce40; text-decoration:underline; } #photoGalleryFeatured #info p.titles { margin:0; font:normal 8pt Verdana, sans-serif; padding:10px 0 5px 5px; color:#FFF; text-transform:uppercase; } #photoGalleryFeatured #info p.photoTitle { margin:0; font:normal 14pt/14pt "Trebuchet MS"; padding:0 0 15px 5px; color:#FFF; } #photoGalleryWrapper { position:relative; display:block; width:710px; padding:0; margin:0; left:205px; top:480px; } #photoGalleryWrapper h3 { font:normal 24px/18px "Trebuchet MS"; color:#FFF; padding:0 0 0 25px; margin:0; position:absolute; width:300px; } #photoGalleryListing { position:relative; display:inline; float:left; width:116px; margin:0px 12px 20px 12px; padding:0; height:200px; } #photoGalleryListing p { margin:0; font:normal 8.5pt/10pt Verdana, sans-serif; padding:4px 0 0 5px; } #photoTxtMsg { position:absolute; width:191px; height:115px; top:460px; left:-14px; background:url(../images/post/post-txtmsg.png); _background:url(../images/post/post-txtmsg.gif); } /*------------------------------------------ EVENTS LANDING PAGE SETTINGS --------------------------------------------*/ #eventPageWrapper { margin:0 auto; display:block; position:relative; height:743px; width:970px; padding:0; } #eventLead { width:560px; position:relative; display:block; top:40px; left:132px; } #eventLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:50px; } #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; } #eventSignpost { position:absolute; width:238px; height:478px; top:300px; right:0; background:url(../images/events-yourEventsSign.png) no-repeat; _background:url(../images/events-yourEventsSign.gif) no-repeat; z-index:0; padding:0; } #eventThanks { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; width:494px; height:285px; position:relative; left:150px; top:85px; 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 20px 0; background:url(../images/events-map-bkgd.png) 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:38px; 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; } /* Event News Brief */ #eventNewsBriefWrapper { width:332px; position:absolute; left:0; top:800px; z-index:500; } #eventNewsBriefWrapper h3 { font-size:20pt; padding:0 15px 0 13px; margin:0; } #eventNewsBriefWrapper img { padding:0; margin:0; } /* Event Blog Settings */ #eventBlogWrapper { display:block; position:relative; width:632px; padding:0 0 20px 0; margin:0; left:315px; } #eventBlogWrapper h3 { font:normal 24px/18px "Trebuchet MS"; color:#FFF; padding:0 0 0 25px; margin:0; } #eventBlogTop { display:block; position:relative; width:632px; height:16px; background:url(../images/blog-bkgd-top.png) no-repeat; _background:url(../images/blog-bkgd-top.gif) no-repeat; } #eventBlogMid { display:block; position:relative; width:632px; background:url(../images/blog-bkgd-mid.png) repeat-y; _background:url(../images/blog-bkgd-mid.gif) repeat-y; padding:0; margin:0; _top:-3px; } #eventBlogContent { display:block; position:relative; width:551px; background:url(../images/blog-bkgd-center.png) no-repeat; _background:url(../images/blog-bkgd-center.gif) no-repeat; padding:15px 22px 10px 22px; margin:0 0 0 18px; } #eventBlogContent #post { display:block; border-bottom:solid 1px #999; padding:0 0 10px 0; margin:6px 0 0 0; } #eventBlogContent .postDate { font:normal 11px/22px Arial, Helvetica, sans-serif; color:#707070; } #eventBlogContent h5 { font:normal 20px/20px "Trebuchet MS"; padding:4px 0 4px 0; margin:0; } #eventBlogContent p { font:normal 14px/20px Arial, Helvetica, sans-serif; padding:0 0 8px 0; margin:0; } #eventBlogContent .postComments a { font:normal 13px/22px Arial, Helvetica, sans-serif; color:#d92929; text-decoration:none; } #eventBlogContent .postComments a:hover { color:#000; border-bottom:dotted 1px #000; } #eventBlogBottom { display:block; position:relative; width:632px; height:20px; background:url(../images/blog-bkgd-bottom.png) no-repeat; _background:url(../images/blog-bkgd-bottom.gif) no-repeat; _top:-3px; } /* BLOG COMMENTS PAGE */ #blogCommentsLead { width:400px; position:relative; display:block; top:36px; left:483px; padding:0; } #blogCommentsLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:60px; } #blogTopicFeatured { position:absolute; width:213px; height:366px; left:142px; top:36px; background:url(../images/post/word-feature-bkgd.png); _background:url(../images/post/word-feature-bkgd.gif); z-index:1000; padding:60px 45px 0 64px; } #blogTopicFeatured p { margin:0; font:normal 11pt/12pt Verdana, sans-serif; padding:3px 0 4px 0; color:#000; margin:4px 0 0 0; } #blogTopicFeatured p.topic { margin:0; font:normal 16pt/16pt "Trebuchet MS"; padding:5px 0 2px 0; color:#000; } #blogTopicFeatured p.postDate { font:normal 11px/22px Arial, Helvetica, sans-serif; color:#707070; } #blogTopicFeatured p.author { font:italic 13px/22px Georgia, "Times New Roman", Times, serif; color:#707070; text-align:right; } #blogCommentsWrapper { position:relative; display:block; width:520px!important; overflow:hidden; padding:0 0 0 445px; margin:60px 0 30px 0; clear:both!important; } #blogCommentsWrapper ul { list-style:none; } #blogCommentsListings { position:relative; display:block; margin:0 0 5px 0!important; padding:8px 15px 10px 15px; background:#000 url(../images/post/word-openquote.png) no-repeat 15px 10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; width:490px!important; } #blogCommentsListings p { margin:0; font:normal 10pt/13pt Verdana, sans-serif; padding:3px 0 5px 5px; color:#FFF; } #blogCommentsListings p.author { margin:0; font:normal 14pt "Trebuchet MS"; padding:0px 0 2px 25px; color:#f9ce40; } #blogCommentsListings p.postDate { font:normal 11px/22px Arial, Helvetica, sans-serif; color:#CCC; text-align:right; } /* Blog Comments Submission Form */ #blogSubmitForm { position:relative; width:500px; font:bold 10pt Arial, Helvetica, sans-serif; padding:0; margin:25px 0 0 20px; } #blogSubmitForm h3 { font-size:14pt; margin:0 0 5px 0; } #blogSubmitForm p { background-color:#f9ce40; padding:3px 10px 3px 10px; position:relative; top:-7px; } #blogSubmitForm label { color:#FFF; padding:0 0 3px 10px; display:block; } #blogSubmitForm input { width:400px; padding:3px; height:26px; margin:0 0 10px 0; font:normal 14pt "Trebuchet MS"; } #blogSubmitForm textarea { width:404px; padding:3px; height:150px; margin:0 0 10px 0; font:normal 14pt "Trebuchet MS"; } #blogSubmitForm .submitBtn { padding:3px; width:100px; height:42px; position:relative; left:10px; margin:7px 0 0 0; } #blogSubmitForm span.CaptchaWrapper { padding:15px 0 15px 0; margin:0; } #blogSubmitForm span.CaptchaWrapper img { display:inline; text-align:left; vertical-align:middle; padding:0; margin:0 20px 0 0; } #blogSubmitForm span.CaptchaWrapper input { border:none; display:inline; width:70px; padding:3px; margin:10px 0 0 0; height:26px; font:normal 15pt "Trebuchet MS"; } #blogSubmitForm #validationSummary { position:absolute; top:-70px; left:20px; z-index:5000; padding:0px; background-color:#FFF; } #blogSubmitForm #validationSummary span { padding:10px 20px 0 20px; display:block; } #blogSubmitForm #validationSummary ul { padding:0 30px 20px 30px; } #blogSubmitForm #validationSummary ul li { padding:0 10px 0 10px; } /* Blog Next Topic Buttons */ #blogTopicButtonWrapper { position:absolute; top:500px; left:160px; z-index:5000; width:250px; text-align:center; height:50px; margin:0; padding:0; font:normal 14pt "Trebuchet MS"; color:#FFF; } .blogNextTopic { width: 25px; height: 25px; right:0; top:0; display:inline-block; position:absolute; background: transparent url(../skins/word/gallery-next-btn.png) no-repeat -58px 0; _background: transparent url(../skins/word/gallery-next-btn.gif) no-repeat -58px 0; } .blogNextTopic a { width: 25px; height: 25px; right:0; top:0; cursor: pointer; display:inline-block; position:absolute; background: transparent url(../skins/word/gallery-next-btn.png) no-repeat 0 0; _background: transparent url(../skins/word/gallery-next-btn.gif) no-repeat 0 0; } .blogNextTopic a:hover { background-position: -29px 0; } .blogPrevTopic { width: 25px; height: 25px; left:0; display:inline-block; position:absolute; background: transparent url(../skins/word/gallery-prev-btn.png) no-repeat -29px 0; _background: transparent url(../skins/word/gallery-prev-btn.gif) no-repeat -29px 0; } .blogPrevTopic a { width: 25px; height: 25px; left:0; cursor: pointer; display:inline-block; position:absolute; background: transparent url(../skins/word/gallery-prev-btn.png) no-repeat 0 0; _background: transparent url(../skins/word/gallery-prev-btn.gif) no-repeat 0 0; } .blogPrevTopic a:hover { background-position: -58px 0; } /*----------------------------------------- Past Events Page-Listing Settings -------------------------------------------------*/ #pastEventSignpost { position:absolute; width:238px; height:478px; bottom:-2px; right:0; background:url(../images/events-yourEventsSign.png) no-repeat; _background:url(../images/events-yourEventsSign.gif) no-repeat; z-index:0; padding:0; } #eventsPastListingsWrapper { position:relative; width:768px; margin:40px 0 0 0; padding:0; background:url(../images/events-past-listings-bkgd.png); } #eventsPastListingsTop { position:relative; display:block; width:740px; height:64px; background:url(../images/events-past-listings-top.png) no-repeat; margin:0 0 0 14px; } #eventsPastListingsMid { position:relative; display:block; width:640px; min-height:330px; height:auto; height:100%; background:url(../images/events-past-listings-mid.png) repeat-y 0 0; margin:0 0 0 14px; padding:0 30px 0 70px; } #eventsPastListingsBtm { position:relative; display:block; width:740px; height:43px; background:url(../images/events-past-listings-btm.png) no-repeat; margin:0 0 0 14px; } /* Sets table for Listing results */ .pastEventsListingTbl { margin:0; /*width:690px!important;*/ font:normal 14px/30px "Trebuchet MS"; } /* Sets column titles for Listing results */ .pastEventsListingTbl tr th { text-align:left; padding:2px; border-bottom:solid 1px #000; border-top:none; } /* Sets column widths for Listing results - total should equal 640 px */ /* City */ .pastEventsListingTbl tr th[scope=col] { width:130px; } /* Location */ .pastEventsListingTbl tr th+th[scope=col] { width:240px; } /* When */ .pastEventsListingTbl tr th+th+th[scope=col] { width:130px; } /* Rating */ .pastEventsListingTbl tr th+th+th+th[scope=col] { width:140px; } .pastEventsListingTbl a { /*color:#1d5da7;*/ } .pastEventsListingTbl tr td { padding:4px 2px 4px 2px; border-bottom:1px solid #000; font-size:20px; } .pastEventsListingTbl .altRow { /*background-color:#CFEAFC; width:690px!important; */} .pastEventsListingTbl tr.titles { font-weight:bold; } .pastEventsListingTbl .pastRatings a { font-size:12px; text-decoration:underline; color:#41ba06; } .pastEventsListingTbl .pastRatings a:hover { text-decoration:underline; color:#000; } .pastEventsListingTbl .pastCity a { color:#41ba06; } .pastEventsListingTbl .pastCity a:hover { color:#000; } /*--------- Past Events Page-Details Settings ------------*/ #pastEventsRatingsBtn { position:absolute; width:232px; height:78px; background:url(../images/events-past-rate-btn.png) no-repeat; left:420px; top:60px; z-index:30!important; } #pastEventsRatingsBtn a img { z-index:40!important; cursor:pointer!important; } #pastEventsMediaGallery { position:relative; display:block; width:562px; height:393px; padding:26px 28px 26px 28px; left:40px; top:0; background: url(../events/events-details-mapbkgd.png) no-repeat 0px 50px; margin:0; } #pastEventsMediaGallery h3 { font:normal 21px/18px "Trebuchet MS"; color:#FFF; padding:0 0 0 15px; margin:0; height:50px; } #pastEventsMediaGallery p { font:normal 20px/20px "Trebuchet MS"; color:#FFF; padding:0; margin:0 0 6px 0; text-align:left; } #pastEventsMediaGallery p span.uploadText { color:#ffc829; } #pastEventsMediaGallery p.buttons { padding:0; margin:0 0 10px 0; } #pastEventsMediaGallery p.subhead { color:#fff; font-size:14px; padding:18px 0 0 0; clear:both; } #pastEventsMediaGallery #recentThums { position:relative; display:inline; margin:0; padding:0; } #pastEventsMediaGallery #recentThums a img { border:solid 1px #999!important; margin:0 16px 16px 0; padding:0; float:left; } /*------------------------------------------ EVENTS DETAILS PAGE SETTINGS --------------------------------------------*/ /* Intro Text */ #eventDate { display:block; position:relative; left:146px; top:46px; background-color:#ffc829; font-family:"Trebuchet MS"; padding:10px; width:400px; } #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; } /* Directions Settings */ #eventDirections { position:relative; display:block; width:598px; height:393px; padding:26px 28px 26px 28px; left:40px; top:0; background: url(../events/events-details-mapbkgd.png) 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; } */ /* Right Column */ #eventRightColumn { position:absolute; display:block; width:355px; right:0; top:200px; } #eventTunes { position:relative; display:block; width:355px; height:367px; background:url(../events/events-band-fpo.png) no-repeat; } /* -------------------------------------- Events - Your Events Page Form Styling ------------------------------------------------*/ #eventYoursPageWrapper { margin:0 auto; display:block; position:relative; height:1096px; width:970px; padding:0; } #eventYoursSign { position:absolute; width:348px; height:348px; top:231px; 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:900px; top:232px; left:316px; background:url(../images/events-yours-form-new.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; } #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; } */ p.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; } p.eventYoursQ1 input { margin:3px 0 0 0; background-color:transparent; border:none; width:225px; padding:5px 5px 0 5px; font-size:13pt; height:30px; } p.eventYoursQ2 { width:250px; height:69px; position:relative; background:url(../images/events-yours-textbox.gif) no-repeat 0px 34px; margin:0 0 10px 0; padding:0; overflow:hidden; font:bold 9.5pt/11pt Arial, Helvetica, sans-serif; color:#FFF; } p.eventYoursQ2 input { margin:3px 0 0 0; background-color:transparent; border:none; width:225px; padding:5px 5px 0 5px; font-size:13pt; height:30px; } p.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; } p.eventYoursQ8 textarea { margin:5px 0 0 0; background-color:transparent; border:none; width:500px; padding:10px; font-size:13pt; height:115px; } /* Revised Captcha */ #eventYoursCaptcha { width:282px; height:61px; position:relative; background:url(../images/events-yours-captcha.gif) no-repeat 0px 20px; margin:5px 0 0 0; padding:12px 0 0 0; float:left; } #eventYoursCaptcha span.CaptchaWrapper { padding:15px 0 15px 0; margin:0; } #eventYoursCaptcha span.CaptchaWrapper img { display:inline; text-align:left; vertical-align:top; padding:8px 0 0 0; margin:0 26px 0 25px; height:40px; } #eventYoursCaptcha span.CaptchaWrapper input { border:none; background-color:#FFF; display:inline; width:105px; padding:0px; margin:12px 0 0 0; height:32px; font:normal 15pt "Trebuchet MS"; } #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; } .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; border:none; width:285px; left:55px; top:280px; z-index:5000; padding:0; margin:0; } #eventYoursValidationSummary span { font:bold 10pt Verdana, Arial, Helvetica, sans-serif; color:Red; background-color:#111; display:block; } #eventYoursValidationSummary ul { font:normal 9pt Verdana, Arial, Helvetica, sans-serif; color:Red; list-style:none; background-color:#111; display:block; } /*.eventYoursValidationText { font:normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 10px 10px 35px; } .eventYoursHideValidation { display:none; }*/ /*--------------------- 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; } #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:right; } #stuffListing p.sizeTitle { font:normal 9pt Verdana, Arial, Helvetica, sans-serif; padding:0px 0 2px 0; 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:521px; width:970px; padding:0; } #contactLead { width:664px; position:absolute; display:block; top:48px; left:152px; } #contactLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:60px; } /*--------------------- FAVS PAGE SETTINGS ----------------------*/ #favsLead { width:664px; position:relative; display:block; top:32px; left:152px; padding:0; } #favsLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0; height:60px; position:relative; display:block; } #favsLogin { position:relative; display:block; width:321px; height:300px; left:300px; top:50px; padding:15px 40px 20px 40px; margin:0; background:url(../images/ui/favs-login-bkgd.png) no-repeat; _background:url(../images/ui/favs-login-bkgd.gif) no-repeat; } #favsLogin input { width:290px; height:30px; border:none; background-color:transparent; margin:4px 0 13px 10px; padding:0; font:normal 20px "Trebuchet MS"; } #favsLoginSubmit { width:101px!important; height:34px!important; position:absolute; display:block; cursor:pointer; padding:0; margin:0!important; right:20px; top:213px; } #favsLogin h3 { font:normal 14px/15px "Trebuchet MS"; padding:15px 0 0 8px; margin:0; height:22px; color:#FFF; } #favsLogin p.forgotpw a { font:normal 11px/15px "Trebuchet MS"; padding:4px 0 0 8px; margin:0; color:#CCC; } #favsLogin p.forgotpw a:hover { color:#41ba06; } #favsLogin span.field-validation-error { float:left; display:inline-block; position:absolute; right:50px; font-size:8pt; padding:0; } /* IE 7 Hack */ html>body #favsLogin span.field-validation-error { *padding:40px 0 0 0; } #favsRegister { position:absolute; width:209px; height:110px; top:200px; left:115px; background:url(../images/ui/favs-login-register.png) no-repeat; _background:url(../images/ui/favs-login-register.gif) no-repeat; } #favsRegisterForm { position:relative; width:600px; margin:50px 0 30px 250px; padding:0; display:block; min-height:350px; } #favsRegisterForm fieldset { border:none; } #favsRegisterForm p input { width:350px; height:24px; padding:4px; font:normal 15pt "Trebuchet MS"; margin:0 0 4px 0; border:none; } #favsRegisterForm p label { font:normal 13pt "Trebuchet MS"; color:#000; display:block; padding:20px 0 0 0; } #favsRegisterForm legend { font:bold 13pt "Trebuchet MS"; color:#000; } #favsRegisterForm .registerNow { display:block; width:120px; height:35px; cursor:pointer; padding:3px 15px 3px 15px; margin:15px 0 0 0; font:normal 13pt "Trebuchet MS"; color:#FFF; background-color:#000; border:solid 2px #CCC; } #favsRegisterForm .registerValidation { font:bold 10pt "Trebuchet MS"; color:Red; margin:0 0 15px 0; } #favsRegisterForm span.field-validation-error { font:bold 10pt "Trebuchet MS"; color:Red; margin:0; display:block; } #loginValidation { font:bold 10pt "Trebuchet MS"; color:Red; margin:0 auto; display:block; position:absolute; top:280px; left:10px; z-index:5000; background-color:#000; padding:0px; } span.field-validation-error { font:bold 10pt "Trebuchet MS"; color:Red; margin:0; display:block; } ul.validation-summary-errors { padding:0 10px 10px 10px; list-style:none; } span.validation-summary-errors { padding:10px 10px 4px 10px; display:block; } /*--------------------------------------------------- FAVS / MY STUFF PAGE SETTINGS ----------------------------------------------------------*/ #favsMyStuffWrapper { position:relative; width:990px; margin:0; padding:0 0 30px 0; top:20px; background:url(../images/favs/favs-wrapper-bkgd.png) no-repeat center top; } #favsMyStuffTop { position:relative; width:834px; height:36px; background:url(../images/favs/favs-content-top.png) no-repeat; } #favsMyStuffBottom { position:relative; width:834px; height:36px; background:url(../images/favs/favs-content-bottom.png) no-repeat; } #favsMyStuffMid { position:relative; width:834px; background:url(../images/favs/favs-content-mid.png) repeat-x; } #favsLogoutBtn { position:absolute; width:148px; height:70px; top:80px; right:80px; z-index:5000!important; cursor:pointer!important; } #favsEditProfileBtn { position:absolute; width:152px; height:57px; top:300px; left:0px; z-index:1000; background:url(../images/favs/btn-edit-profile.png) no-repeat; _background:url(../images/favs/btn-edit-profile.gif) no-repeat; } /*--------------------- WEBCAST PAGE SETTINGS ----------------------*/ #castPageWrapper { margin:0 auto; display:block; position:relative; height:596px; width:970px; padding:0; } #castLead { width:274px; position:absolute; display:block; top:146px; left:24px; } #castLead h1 { font:normal 42px Arial; color:#000; padding:0; margin:0 0 0 26px; height:60px; position:relative; display:block; } #castVideo { position:absolute; width:668px; height:422px; top:51px; right:0px; background:url(../images/webcast-shadow.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:#000; padding:0; margin:0; height:45px; } #psaEntryLead ol { margin:0 0 0 30px; } #psaEntryLead ol li { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding:12px 0 0 0; margin:0; } #psaEntryLead form span { font:normal 16pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; 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:#000; 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:#000; 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:#000; 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; } #psaVoting { float:left; width:428px; margin:0 0 40px 30px; padding:0; } #psaVoting h4 { font:normal 20pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:5px 0 2px 0; } #psaVoting p { font:normal 13pt/14pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0; } #psaVoting a:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } /*--------------------- 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:#000; padding:0; margin:0; height:45px; } 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; } /* Recent Press Listings */ #recentPressArticles { position:absolute; right:0; top:200px; width:250px; display:block; } #recentPressArticles h3 { font-size:14pt; } /* Mission Link */ #pressRoomMissionLink { background: url(../press/mission-paper.png) no-repeat; width:260px; height:211px; position:absolute; top:280px; right:10px; } /*--------------------- DOWNLOADS PAGE SETTINGS ----------------------*/ #downloadsLead { width:560px; position:relative; display:block; margin:0 0 30px 132px; padding:40px 0 0 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; } #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; } /* Events Map Bubble */ #map-bubble-from { font-size:10pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 5px 0 0; } #map-bubble-from input { margin:0 10px 0 0; } #map-bubble-city { font-size:20pt; } #event-item-title-link { font-size:11pt; } .bubbleInfoBtn { width:200px; text-align:center; color:#FFF; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; display:block; background-color:#bd0303; margin:3px 0 7px 0; } .bubbleInfoCity { font-size:15pt; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; color:#bd0303; padding:2px 0 2px 0; display:block; } .bubbleInfoText { font-size:12pt; line-height:15pt; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding:0 0 5px 0; display:block; } .bubbleInfoText label { font-size:12pt; line-height:15pt; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; padding:0; display:inline-block; width:65px; } .map-bubble-from-text { font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding:2px 0 2px 0; margin:5px 0 0 0; display:block; text-transform:uppercase; border-top:dotted 1px #000; } /*---------------------------------#### 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:#000; 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; color:#000!important; } #footerLeftColumn p.subnav a:hover { color:#41ba06!important; } #footerRightColumn { width:380px; float:right; margin:0; padding:0; position:relative; right:30px; top:25px; text-align:right; height:62px; } #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; } /*!!!!!!!!!!! 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:10px; top:15px; z-index:5000!important; } /*"""""""" (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%; }