textarea { resize:none; } #fortune { color: #b1b1b1; } #fortune a:link, #fortune a:visited { color: #b1b1b1; } #fortune a:hover, #fortune a:active { color: #fff; } .hr { background: url(../../images/fortune/hr_dotted.gif) top left repeat-x; height: 1px; margin: 20px 0; } .topMargin { margin-top: 200px; } #undiscovered, #doyouknow, #drawerTop, #locationIncorrect, #loginToSubmit, #commentTop, #clueHeader, #fortuneTitle, .commentHeader, #clueTabs li a, #btnSeeTheDig, #btnGoStory, #btnFortuneRules, #hdrFortune, #helpLink, #helpPaneOne, #helpPaneTwo, #helpPaneThree, #helpCloseLink, .shareLink, #theGOStory, #moreInfoLink, #btnNominateCharity, #btnCharityPoll { display: block; text-indent: -1000em; } #fortune .fortuneContent { margin: 10px auto 30px auto; } #fortune #drawers { height: 320px; width: 1000px; background: url(../../images/fortune/drawer_bg.jpg) top left no-repeat; position: relative; } #fortune #drawers.home { background: url(../../images/fortune/drawerhome_bg.jpg) top left no-repeat; } #fortune #drawers.quiz { background: url(../../images/fortune/drawerquiz_bg.jpg) top left no-repeat; } #fortune #drawers #helpLink { position: absolute; top: 35px; left: 28px; background: url(../../images/fortune/btn_help.png) top left no-repeat; width: 55px; height: 70px; } #fortune #drawers #helpLink:hover { background-position: 0 bottom; } #fortune #drawers #helpCloseLink { position: absolute; top: 30px; right: 37px; background: url(../../images/btn_close.gif) top left no-repeat; width: 24px; height: 24px; } #fortune #drawers #helpCloseLink:hover { background-position: 0 bottom; } #fortune #drawerTop { width: 1000px; height: 30px; background: url(../../images/fortune/drawer_top.png) center center no-repeat; } #fortune #firstPane { margin-left: 15px; width: 315px; } #fortune #audioClueLink { margin-top: 125px; } #videoLink { margin: 120px 0 0 160px; } #fortune #firstPane #flashContainer { width: 315px; height: 114px; } #fortune #audioClueLink a:link, #videoLink a { font-size: 25px; color: #000 !important; text-transform: uppercase; } #fortune .pane { width: 330px; float: left; text-align: center; } #fortune .pane img { border: none; } #fortune #doyouknow { background: url(../../images/fortune/txt_doyouknow.png) center center no-repeat; width: 210px; height: 104px; margin: 28px 0 10px 70px; } #fortune #undiscovered { background: url(../../images/fortune/txt_undiscovered.png) center center no-repeat; width: 157px; height: 62px; margin: 100px 0 0 88px; } #fortune #locationIncorrect { background: url(../../images/fortune/txt_incorrect.png) top left no-repeat; width: 84px; height: 15px; } #fortune #clueMessage { display: block; width: 84px; height: 15px; margin: 0 0 5px 120px; } #fortune #locationField #location { border: none; background-color: transparent; color: #000; font-family: "Courier New", Courier, monospace; font-size: 14px; text-align: center; width: 143px; padding: 0; margin-top: 20px; } #fortune #locationField { background: url(../../images/fortune/location_field.jpg) top left no-repeat; display: block; width: 234px; height: 60px; margin: 0 0 6px 52px; } #fortune #loginToSubmit:link, #fortune #loginToSubmit:visited { background: url(../../images/fortune/btn_logintosubmit.png) top left no-repeat; width: 167px; height: 25px; margin: 45px 0 0 88px; } #fortune #loginToSubmit:hover, #fortune #loginToSubmit:active { background-position: 0 bottom; } #fortune .shareLink { float: right; background: url(../../images/fortune/btn_sharelink.gif) top left no-repeat; width: 128px; height: 13px; margin-top: 20px; } #fortune .shareLink:hover { background-position: 0 bottom; } #fortuneTitle { background: url(../../images/fortune/hdr_gofortune.jpg) top left no-repeat; width: 489px; height: 61px; float: left; } #clueLightbox { width: 885px; background: url(../../images/fortune/clue_lightbox_bg.jpg) left 40px no-repeat #000; border: 1px solid #656564; padding-top: 40px; } #gallery .mediaContainer { width: 883px; height: 435px; } #gallery { position: relative; } #gallery .prev, #gallery .next { position: absolute; display: block; width: 155px; height:98px; top: 166px; text-indent: -500em; } #gallery .prev { left: 15px; background: url(../../images/fortune/gallery_prev.png) center left no-repeat; } #gallery .next { right: 15px; background: url(../../images/fortune/gallery_next.png) center right no-repeat; } #gallery #imageNav { background-color: #000; padding: 10px; height: 20px; } #gallery #imageNav .pagination { float: right; } #gallery #imageNav .pagination a:link, #gallery #imageNav .pagination a:visited { text-decoration: none; } #gallery #imageNav .pagination a:hover, #gallery #imageNav .pagination a:active, #gallery #imageNav .pagination a.selected { color: #900; } #galleryVieoContainer { padding: 82px 0 0 219px; } #theGOStory { width: 518px; height: 617px; background: url(../../images/fortune/gostory.jpg) top left no-repeat; } #fortuneHelp #helpPaneOne { background: url(../../images/fortune/help_panel1.png) top left no-repeat; width: 277px; height: 261px; margin: 3px 0 0 39px; } #fortuneHelp #helpPaneTwo { background: url(../../images/fortune/help_panel2.png) top left no-repeat; width: 277px; height: 261px; margin: 14px 0 0 54px; } #fortuneHelp #helpPaneThree { background: url(../../images/fortune/help_panel3.png) top left no-repeat; width: 277px; height: 261px; margin: 8px 0 0 31px; } #flashMainVideo { width: 447px; height: 258px; float: left; margin: 40px 0 0 30px; } #mainDrawerContent { position: relative; } #btnSeeTheDig { position: absolute; top: 83px; left: 750px; width: 194px; height: 44px; background: url(../../images/fortune/btn_seethedig.jpg) top left no-repeat; } #btnGoStory { position: absolute; top: 260px; left: 559px; width: 123px; height: 32px; background: url(../../images/fortune/btn_gostory.png) top left no-repeat; } #btnNominateCharity { position: absolute; top: 169px; left: 746px; width: 187px; height: 40px; background: url(../../images/fortune/btn_nominatecharity.jpg) top left no-repeat; } #btnCharityPoll { position: absolute; top: 187px; left: 744px; width: 188px; height: 39px; background: url(../../images/fortune/btn_votecharity.jpg) top left no-repeat; } #btnFortuneRules { position: absolute; top: 262px; left: 798px; width: 57px; height: 22px; background: url(../../images/fortune/btn_rules.png) top left no-repeat; } #btnSeeTheDig:hover, #btnGoStory:hover, #btnSeeTheDig:hover, #btnFortuneRules:hover, #btnNominateCharity:hover, #btnCharityPoll:hover { background-position: 0 bottom; } #clueTabs { margin: 0; padding: 0; margin-bottom: 20px; } #clueTabs li { list-style: none; float: left; } #btnCurrentClue:link, #btnCurrentClue:visited { width: 159px; height: 22px; background: url(../../images/fortune/btn_currentclue.gif) top left no-repeat; } #btnCurrentClue:hover, #btnCurrentClue:active { background-position: 0 bottom; } #btnMain:link, #btnMain:visited { width: 159px; height: 22px; background: url(../../images/fortune/btn_main.gif) top left no-repeat; } #btnMain:hover, #btnMain:active { background-position: 0 bottom; } #btnPrevClue:link, #btnPrevClue:visited { width: 133px; height: 22px; background: url(../../images/fortune/btn_prevclue.gif) top left no-repeat; margin-right: 204px; } #btnPrevClue:hover, #btnPrevClue:active { background-position: 0 bottom; } #btnNextClue:link, #btnNextClue:visited { width: 133px; height: 22px; background: url(../../images/fortune/btn_nextclue.gif) top left no-repeat; margin-left: 212px; } #btnNextClue:hover, #btnNextClue:active { background-position: 0 bottom; } #fortune #messageBoard { width: 675px; float: left; margin-top: 14px; } #fortune #sideNav { width: 295px; margin-left: 700px; } #fortune #sideNav #clueHeader { background: url(../../images/fortune/txt_goclues.jpg) top left no-repeat; width: 283px; height: 74px; } #fortune #sideNav #clueNav { margin-bottom: 75px; } #fortune #sideNav #clueNav li { list-style: none; padding: 6px 0; margin: 0; background: url(../../images/fortune/sidenav_hr.gif) left bottom no-repeat; } #fortune #sideNav #clueNav li a:link, #fortune #sideNav #clueNav li a:visited { text-decoration: none; text-transform: uppercase; display: block; width: 200px; } #fortune #sideNav #clueNav li a:hover, #fortune #sideNav #clueNav li a:active, #fortune #sideNav #clueNav li a.selected { color: #900; } .tweet { padding: 0; } .tweet p { padding: 6px 0; margin: 0; } .tweet .title { font-size: 11px; text-decoration: none; font-weight: bold; } .tweet a { color: #fff; } .tweet .date { font-size: 11px; color: #999; text-decoration: none; } .tweet .image { margin: 10px; float: left; text-align: center; } .tweet .image img { border: none; width: 32px; height: 32px; } .tweet .text { margin-left: 52px; padding: 0 6px 12px 6px; color: #b0b0b0; font-size: 11px; } #fortune #footer { background: none; } #signup { width: 800px; margin: 30px auto 0 auto; background: url(../../images/fortune/signup_bg.jpg) top center no-repeat; height: 600px; margin-right: 144px; } .errors { float: none; } #signup .row { clear: both; padding-top: 8px; } #signupForm { position: relative; } #signupForm #optin_fortune, #signupForm #optin_marketing { display: block; float: left; } #signup #success { position: absolute; top: 338px; left:290px; color: #494949; font-family: "Courier New", Courier, monospace; font-size: 13px; text-transform: uppercase; text-align: center; width: 315px; } #signupForm .intro { display: none; } #fortuneSubmit { width: 54px !important; height: 19px; padding: 19px 0 0; background: transparent url(../../images/fortune/submit.gif) top left no-repeat; margin: 5px; margin-left:0px; border: 0; overflow: hidden; cursor: pointer; cursor: hand; } #fortuneSubmit:hover { background-position: 0 19px; } form>#fortuneSubmit { height: 0px; } #locationSubmit { width: 71px !important; height: 20px; padding: 20px 0 0; background: transparent url(../../images/fortune/submit_location.png) top left no-repeat; margin: 5px; margin-left:0px; border: 0; overflow: hidden; cursor: pointer; cursor: hand; } #locationSubmit:hover { background-position: 0 -20px; } form>#locationSubmit { height: 0px; } #submitCharity { position: absolute; top: 632px; left: 92px; width: 84px !important; height: 36px; padding: 36px 0 0; margin: 5px; margin-left:0px; border: 0; background: transparent url(../../images/fortune/charity/btn_submit.gif) top left no-repeat; overflow: hidden; cursor: pointer; cursor: hand; } #submitCharity:hover { background-position: 0 bottom; } form>#submitCharity { height: 0px; } #signupForm #fortuneSubmit { position: absolute; top: 320px; left: 540px; } #emailRow { position: absolute; top: 318px; left: 272px; background: url(../../images/fortune/signup_field.gif) left 5px no-repeat; width: 258px; height: 32px; } #signup #email { border: none; background-color: transparent; color: #494949; font-family: "Courier New", Courier, monospace; font-size: 14px; text-align: center; width: 143px; margin-left: 109px; padding: 0; } #emailRow .row .errors { position: absolute; top: 62px; left: -30px; width: 400px; text-align: center; } #signup #email:focus { outline: none; } #optin .rowLong label { position: absolute; top: 361px; left: 282px; text-indent: -500em; display: block; background: url(../../images/fortune/optin_label.gif) 20px 4px no-repeat; width: 329px; height: 12px; } #discussion { position: relative; } #discussion .header { font-family: "Times New Roman", Times, serif; font-size: 20px; text-transform: uppercase; color: #b1b1b1; font-weight: normal; letter-spacing: 1px; } #totalComments { color: #666; } #commentTop { background: url(../../images/fortune/comments_top.gif) top left no-repeat; width: 685px; height: 57px; } #commentBody { background: url(../../images/fortune/comments_bg.jpg) top left repeat-y; width: 634px; padding: 0 30px 30px 30px; } #commentBottom { background: url(../../images/fortune/comments_bottom.jpg) top left no-repeat; width: 679px; height: 47px; } #commentField { background: url(../../images/fortune/commentfield_bg.jpg) top left no-repeat; width: 600px; height: 72px; } #commentField #comment { border: none; background-color: transparent; color: #fff; font-family: "Courier New", Courier, monospace; font-size: 12px; width: 575px; height: 45px; margin: 13px 0 0 13px; } #commentField #comment:focus { outline: none; } #commentBody #postComment { margin: 15px; } #commentBody #postCommentHeader { float: left; } #commentBody #counter { float: right; margin-right: 20px; } #commentSubmit { float: right; margin: 0 15px 15px 0; } .removeLink { text-transform: uppercase; } #topLink { text-transform: uppercase; float: right; text-decoration: none; padding: 10px; } #followTwitter:link, #followTwitter:visited { display: block; width: 240px; height: 18px; background: url(../../images/fortune/followtwitter_bg.gif) top left no-repeat; text-decoration: none; padding: 4px 0 0 45px; text-transform: uppercase; } #followTwitter:hover, #followTwitter:active { background-position: 0 bottom; } #followBottom { background: url(../../images/fortune/followus_bottom.gif) top left no-repeat; width: 285px; height: 7px; margin: 12px 0 20px 0; } #theStory { display: none; position: fixed; top: 30px; left: 30px; width: 600px; background-color: #000; } .commentHeader { background: url(../../images/fortune/hdr_post_a_comment.gif) top left no-repeat; width: 187px; height: 33px; } .commentLogin { padding: 25px 0; text-transform: uppercase; } .comment h4 { text-transform: uppercase; float: left; } .comment .postDate { float: right; color: #666; margin-bottom: 10px; } .commentNav { margin: 15px; text-align: center; } .comment { overflow: hidden; } .loading { background: url(../../images/fortune/spinner.gif) center center no-repeat; width: 16px; height: 16px; margin: 0 auto; text-align: center; display: block; text-indent: -500em; } #drawers .loading { background: url(../../images/fortune/spinner_drawer.gif) center center no-repeat; height: 280px; margin: 0 auto; } #gallery .loading { background: url(../../images/fortune/spinner_gallery.gif) center center no-repeat; height: 400px; } #clueMessage .loading { width: 16px; height: 16px; } label.checkbox span.holder { height: 61px; background: url(../../images/fortune/checkbox.gif) 0 -1px no-repeat; } label.radio span.holder { height: 61px; background: url(../../images/fortune/radio.gif) 0 -1px no-repeat; } label.checkbox:hover span.holder,label.radio:hover span.holder { top: -21px !important; } label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder { top: -42px !important; } label.list { float: left; clear: left; margin: 0 0 5px 0; } label.inline { float: left; margin: 0 10px 0 0; } input.hiddenCheckbox { position: absolute; left: -10000px; } label.prettyCheckbox span.holderWrap { display: block; float: left; position: relative; margin-right: 5px; overflow: hidden; } label.prettyCheckbox span.holder { display: block; position: absolute; top: 0; left: 0; } #adff { display: none; } #charityContainer { background: url(../../images/fortune/charity/nomination_bg.gif) top left no-repeat; width: 613px; height: 705px; position: relative; } #charityContainer #moreInfoLink { background: url(../../images/fortune/charity/btn_moreinfo.gif) top left no-repeat; width: 99px; height: 17px; position: absolute; top: 400px; left: 255px; } #charityContainer #moreInfoLink:hover { background-position: 0 bottom; } #charityNominationForm { padding: 483px 0 0 96px; } #charityNominationForm #name, #charityNominationForm #description { font-family: "Courier New", Courier, monospace; font-size: 11px; border: none; background-color: transparent; padding: 6px 0 0 0; outline: none; } #nameContainer { position: absolute; top: 483px; left: 170px; } #nameContainer #name { width: 215px; margin-left: 15px; } #descriptionContainer { position: absolute; top: 546px; left: 101px; } #descriptionContainer #description { width: 413px; height: 69px; } #charityNominationForm #submitCharity { margin: 13px 0 0 174px; } #charityContainer .errors { margin-top: 3px; } #descriptionContainer .errors { margin-left: 73px; } #charityConfirm { background: url(../../images/fortune/charity/nomination_confirm_bg.gif) top left no-repeat; width: 319px; height: 218px; padding: 1px; } #charityConfirm p { display: block; text-indent: -500em; } #charityConfirm p.thanks { background: url(../../images/fortune/charity/charity_thanks.gif) top left no-repeat; width: 189px; height: 100px; margin: 55px 0 0 59px; } #charityConfirm p.sorry { background: url(../../images/fortune/charity/charity_sorry.gif) top left no-repeat; width: 175px; height: 34px; margin: 87px 0 0 67px; } #charityConfirm p.closed { background: url(../../images/fortune/charity/charity_closed.gif) top left no-repeat; width: 230px; height: 97px; margin: 60px 0 0 49px; } #finalDrawer #takeTheQuiz, #finalDrawer #loginToStart, #finalDrawer #takeQuiz100, #finalDrawer #popupBlocker { position: absolute; display: block; text-indent: -500em; } #finalDrawer #takeTheQuiz:hover, #finalDrawer #loginToStart:hover { background-position: 0 bottom; } #finalDrawer #takeQuiz100 { background: url(../../images/fortune/quiz/txt_takequiz100.png) top left no-repeat; width: 321px; height: 48px; top: 72px; left: 554px; } #finalDrawer #popupBlocker { background: url(../../images/fortune/quiz/txt_popupblocker.png) top left no-repeat; width: 229px; height: 25px; top: 192px; left: 605px; } #finalDrawer #book { position: absolute; top: 43px; left: 130px; } #finalDrawer #countdown { position: absolute; top: 52px; left: 480px; } #finalDrawer #takeTheQuiz { background: url(../../images/fortune/quiz/btn_startthetest.jpg) top left no-repeat; width: 214px; height: 48px; top: 137px; left: 609px; } #finalDrawer #loginToStart { background: url(../../images/fortune/quiz/btn_logintostart.png) top left no-repeat; width: 251px; height: 25px; top: 137px; left: 592px } #finalDrawer #notYet { width: 300px; position: absolute; top: 113px; left: 556px; font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase; } #finalDrawer #countdown { font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase; }