/* file generated at 6:01:08 a.m. */ /* file: /Content/Css/Site.css */ /****************** -CONTENTS- GENERAL Form Tables Structure Headings NAV MAIN Home MyBrain Exercises WhatIsBrainWeek Workout Biggerbrain Certificate Trygrowing Refer Registration Registration-confirmation Downloads Stateofthenation Privacy Contact About Media Donations HTMLGAMES Applegrab Barbill Liarliar Punctuation Versusshark Braingriller TableTease Jellybean ACCORDION FOOTER ERRORS CLEARFIX *****************/ /* =GENERAL *****************/ * { margin: 0; padding: 0; } html { background-color: #41b1b5; font-size: 62.5%; font-family: Helvetica, Tahoma, Arial, sans-serif; margin: 0; padding: 0; color: #FFF; height: 100.1%; } a { overflow: hidden; outline: none; text-decoration: none; } a:link { color: #fff94b; text-decoration: none; white-space: nowrap; } a.action { background:transparent url(/Content/Img/nav/anchor-purple.gif) no-repeat scroll right 4px; padding-right: 1.2em; text-decoration: underline; } a:visited { color: #fff94b; } a:hover { color: #fff94b; text-decoration: none; } a:active { color: #5E3281; } a img { border: 0; outline: none; } p, ul, td, ol { margin-bottom: 1em; line-height: 1.4; font-size: 1.5em; } td p { font-size: 1em; } ul { list-style: disc; } ul, ol { margin-left: 2em; } .float-left { float: left; } .float-right { float: right; } .hidden { display: none; } p.donation { text-align: center; } em.caption { color: #5e3281; font-weight: bold; font-size: 1.5em; } object { outline: none; } /* Brain cell value footer note */ #note { margin: 2em 0 0 2em; width: 35em; font-size: 1.3em; } #note li { background: transparent url(/Content/Img/contents/trygrowing/asterisk.gif) no-repeat scroll left top; list-style-type: none; padding: 0 0 0 0.7em; } /* cellscounter */ #cellscounter { position: absolute; right: 11em; top: 0; } #cellscounter p { position: absolute; left: 9.5em; top: 0.3em; text-align: center; width: 9.4em; } /* Form Tables */ table td.question { width: 39em; font-weight: bold; text-indent: 1.5em; vertical-align: top; } table td.answer { width: 24em; vertical-align: top; } table td.answer label { margin-right: 2em; } /* Form Controls */ input { background: transparent url(/Content/Img/register/input.gif) repeat scroll left top; border: none; height: 1.5em; margin-bottom: 0.4em; padding: 0.2em 0.5em 0; padding-left: 0.3em; padding-top: 0.1em; width: 14.2em; } .auto, .checkbox { width: auto; height: auto; background: none; } .checkbox { float: left; margin: 0.2em 0.5em 0 1.5em; } input.submit { font-size: 1em; /* safari */ float: right; background: transparent url(/Content/Img/register/submit.gif) top left no-repeat; text-indent: -9999em; width: 17.7em; height: 3em; cursor: pointer; display: block; } input.cancel { float: right; background: transparent url(/Content/Img/contents/cancel.gif) top left no-repeat; text-indent: -9999em; width: 9.7em !important; height: 3em; cursor: pointer; display: block; } input.text { border: 2px solid #44ABAE; } /* =structure */ #wrap { text-align: left; margin: 0 auto; width: 100em; padding-bottom: 2em; } #main { background: transparent url(/Content/Img/backgrounds/body.jpg) no-repeat top left; width: 100em; position: relative; } #content { float: left; margin: 2.9em 0 0 9.3em; padding: 0.1em; width: 56em; } #wrap .non-flash { float: left; margin: 21.4em 0 0 9.5em; padding: 0.1em; width: 56em; } #content #header { height: 33em; width: 60em; } #footer { z-index: 1; background: #41b1b5 url(/Content/Img/backgrounds/footer.gif) bottom center no-repeat; height: 24.2em; position: relative; clear: both; margin-top : 5.2em; } /* =headings */ h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; } h1 { font-size: 2em; } h2 { padding: 0; margin-bottom: 0.5em; color: #fff; font-weight: normal; font-size: 2.5em; } h3 { font-size: 1.9em; color: #FFF94B; font-weight: normal; padding-bottom:0.3em; padding-top:0.3em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } #heading { height: 246px; width: 100%; text-indent: -9999em; } /* =NAV *****************/ #nav .before a { background: transparent url(/Content/Img/nav/nav-before.gif) no-repeat 0 0; } #nav .before li a:hover { background-image: url(/Content/Img/nav/nav-before-hover.gif); background-repeat: no-repeat; } #nav .before #brainweek a { background-position: 0 0.2em; height: 2.1em; } #nav .before #brainworkout a { background-position: 0 -2.6em; height: 4.2em; } #nav .before #state a { background-position: 0 -7.43em; height: 3.3em; } #nav .before #biggerbrain a { background-position: 0 -11.2em; height: 3.2em; } #nav .before #trygrowing a { background-position: 0 -14.9em; height: 3.2em; } #nav .before #share a { background-position:0 -18.7em; height: 2.2em; } #nav .before #braindays a { background-position: 0 -20.77em; height: 1.2em; } #nav .after a { background: transparent url(/Content/Img/nav/nav-after.gif) no-repeat 0 0; } #nav .after li a:hover { background-image: url(/Content/Img/nav/nav-hover-after.gif); background-repeat: no-repeat; } #nav .after #brainweek a { background-position: 0 0.2em; height: 2.1em; } #nav .after #brainworkout a { background-position: 0 -2.5em; height: 4.2em; } #nav .after #state a { background-position: 0 -7.34em; height: 2.2em; } #nav .after #biggerbrain a { background-position: 0 -11.2em; height: 2.2em; } #nav .after #trygrowing a { background-position: 0 -13.94em; height: 3.2em; } #nav .after #share a { background-position:0 -17.7em; height: 2.2em; } #nav .after #braindays a { background-position: 0 -20.26em; height: 1.2em; } #nav #home a.during { background-image: url(/Content/Img/nav/brainweek-during.gif); margin: 0; } #nav #brainweek a { background-position: 0 0.2em; height: 2.1em; } #nav #brainworkout a { background-position: 0 -2.6em; height: 4.2em; } #nav #state a { background-position: 0 -7.43em; height: 3.3em; } #nav #biggerbrain a { background-position: 0 -11.2em; height: 3.2em; } #nav #trygrowing a { background-position: 0 -14.9em; height: 3.2em; } #nav #share a { background-position:0 -18.7em; height: 2.2em; } #nav #braindays a { background-position: 0 -21.32em; height: 1.2em; } #nav { float: left; margin: 4.6em 0 0 6em; width: 16em; display: inline;} #nav ul, #nav ul { margin-left: 0; list-style: none; } #nav li { width: 9.8em; background: transparent url(/Content/Img/nav/anchor-purple.gif) no-repeat 5px 5px; padding: 0.1em 0 0.1em 2em; margin: 0.2em 0.2em 0.6em 0; line-height: 1; } #nav li a:hover { background-image: url(/Content/Img/nav/nav-hover.gif); background-repeat: no-repeat; } #nav a { font-size: 1em; color: #fff; font-weight: bold; text-decoration: none; line-height: 1; background: transparent url(/Content/Img/nav/nav.gif) no-repeat 0 0; text-indent: -9999em; display: block; overflow: hidden; } #nav li#home, #nav li#signup, #nav li#login, #nav li#yournoggin { padding: 0 !important; background: none !important; } #nav #preferences a:hover, #nav #logout a:hover { background-image: url(/Content/Img/nav/preferences-logout-hover.gif); background-repeat: no-repeat; } #nav li#preferences { margin-bottom: 0; padding-bottom: 0; } #nav #spacer { height: 0.9em; background: none !important;} #nav #braindays, #nav #share, #nav #preferences, #nav #logout { background-image: url(/Content/Img/nav/anchor-white.gif) !important; } #nav #logout { margin-top: 0; padding-top: 0; } #nav #home a { display: block; height: 240px; margin-bottom: 1.3em; text-indent: -9999em; width: 152px; position: relative; top: 0px; left: -11px; background: transparent url(/Content/Img/nav/brainweek.gif) no-repeat top left; } #nav #signup a { height: 46px; width: 147px; background: transparent url(/Content/Img/nav/signup.png) no-repeat top left; text-indent: -9999em; display: block; margin-bottom: 1.5em; } #nav #signup a.during { background-image: url(/Content/Img/nav/signup-during.gif) !important; } #nav #login a { height: 57px; width: 147px; background: transparent url(/Content/Img/nav/login.gif) no-repeat top left; text-indent: -9999em; display: block; margin-bottom: 0.5em; } #nav #yournoggin a { height: 57px; width: 147px; background: transparent url(/Content/Img/nav/your-noggin.gif) no-repeat top left; text-indent: -9999em; display: block; } #nav #preferences a { height: 18px; width: 83px; background: transparent url(/Content/Img/nav/preferences-logout.gif) no-repeat 0 6.6px; text-indent: -9999em; display: block; } #nav #logout a { height: 16px; width: 83px; background: transparent url(/Content/Img/nav/preferences-logout.gif) no-repeat 0 -8.5px; text-indent: -9999em; display: block; margin-bottom: 0.5em; } /* =MAIN *****************/ /* =home */ #wrap .home, #wrap .home-during { margin: 0; float: none; width: 100em; } #wrap .home { background: #41b1b5 url(/Content/Img/homepage/home.gif) top left no-repeat !important; } #wrap .home-during { background: #41b1b5 url(/Content/Img/homepage/home-during.gif) top left no-repeat !important; } .home .container { margin: 17.6em 14.4em 0 43em; position: relative; } .home #flash { margin-left: 16.9em; margin-top: 2.2em; width: 25em; display: inline; float: left; } .home #flash-sticker { left: 609px; position: absolute; top: 54px; } #neurolink { float: right; margin-left: 1em; } #starting { position: absolute; top: -13em; left: 32em; text-indent: -9999em; height: 91px; width: 103px; display: block; } .home-during #started { position: absolute; top: -16.1em; left: 25.9em; height: 130px; width: 180px; display: block; left: expression('262px'); text-decoration: none; } .didyouknow { background: #4fbec2 url(/Content/Img/contents/didyouknow-top.gif) no-repeat scroll left top; font-size: 1em; margin-bottom: 1.5em; margin-left: 3em; padding: 4.6em 1em 2.9em 10.2em; position: relative; width: 38.8em; width: expression('39.2em'); } .didyouknow .bottom { background: #41b1b5 url(/Content/Img/contents/didyouknow-bottom.gif) no-repeat bottom left; height: 28px; width: 500px; position: absolute; bottom: -1px; left: 0; } .didyouknow p { line-height: 1.1; margin: 0 1em 0 0; font-size: 1.3em; padding-top: 0.5em; } .signupbutton { float: right; margin-bottom: 3em; margin-right: 5.6em; } .loginbutton { float: left; margin-bottom: 3em; margin-left: 5em; } .yournogginbutton { float: left; margin-bottom: 3em; margin-left: 6em; } .home h3 a { text-indent: -9999em; display: block; } .home ul h3, .home ul h3.small { margin: 0 1.7em 0 0; padding: 0; font-size: 1em; } .home ul h3.last, .home ul h3.small.last { margin: 0; } .home ul h3.first { margin-left: 1.4em; } .home ul h3 a, .home ul h3.small a { margin: 0; padding: 0; } /** Before Style **/ .home ul { margin: 8em 0 0 13.0em; clear: both; list-style: none; width: 45.6em; } .home ul li { float: left; } #whybrains h3 a { background: transparent url(/Content/Img/homepage/whybrains.gif) no-repeat scroll top left; height: 86px; width: 305px; } #biggerbrain h3 a { background: transparent url(/Content/Img/homepage/biggerbrain.gif) no-repeat scroll top left; height: 86px; width: 303px; } #braincells h3 a { background: transparent url(/Content/Img/homepage/braincells.gif) no-repeat scroll top left; height: 86px; width: 308px; } #trygrowing h3 a { background: transparent url(/Content/Img/homepage/trygrowing.gif) no-repeat scroll top left; height: 86px; width: 309px; } #donate h3 a { background: transparent url(/Content/Img/homepage/donate.gif) no-repeat scroll top left; height: 66px; width: 189px; } #freestuff h3 a { background: transparent url(/Content/Img/homepage/freestuff.gif) no-repeat scroll top left; height: 66px; width: 190px; } #sharewith h3 a { background: transparent url(/Content/Img/homepage/sharewith.gif) no-repeat scroll top left; height: 66px; width: 175px; margin-top:0.4em; } #during { width: 78em; margin: 0 auto 1em; overflow: auto; clear: both; } / #howdidwegrow { margin-bottom: 0.4em; } #home-note { font-size: 1.3em; } #vs { float: right; } #during-right-cont p { margin-bottom: 0.8em; } #during-right-cont .category { color: #fff94b; } #during-right-cont .braincellcount { color: #5e3281; } #during-left-cont { width: 33.8em; float: left; display: inline; margin-left: 8em; } #during-left-cont ul { margin: 0; width: auto; } #during-right-cont { float: left; width: 33.8em; } #during-bottom-cont { margin-top: 0; overflow: auto; } /* =login */ .login #heading { background: transparent url(/Content/Img/contents/Login/login.gif) top left no-repeat; height: 1.7em; } .login .checkbox { float: none; margin: 0 1em 0 0; } .login .submit { margin-top: 1em; } .login .validation-summary-errors { margin-bottom: 1em; } /* =logout */ .logout #heading { background: transparent url(/Content/Img/contents/loggedout.gif) top left no-repeat; height: 3.2em; } /* lost password */ .lostPassword #heading, .lostPasswordConfirmation #heading { background: transparent url(/Content/Img/contents/forgotten-password.gif) top left no-repeat; height: 3.2em; } .lostPassword input.cancel { margin-right: 1em; } /* =mybrain */ .mybrain #heading { background: transparent url(/Content/Img/mybrain/mybrain-header.gif) top left no-repeat; height: 1.7em; } .mybrain #results { position: relative; height: 400px; width: 540px;} .mybrain #results #noggin { position:absolute; top:31px; } .mybrain #results h2 { color: #fff94b; position: absolute; top: 2.9em; left: 5.1em; margin-bottom: 0; font-size: 4.2em; font-weight: bolder; } .mybrain #results p { /*background: transparent url(/Content/Img/mybrain/yournogginis.gif) top left no-repeat; text-indent: -9999em; */ font-weight: bold; font-size: 1.8em; width: 14.6em; height: 1.9em; position: absolute; top: 10em; left: 12em; margin-bottom: 0; } .mybrain #results table { position: absolute; top: 15em; left: 18em; color: #fff94b; font-size: 1.2em; font-weight: bold; } .mybrain #results table .sortby { width: 9em; color: #fff; } .mybrain #results table #international { font-size: 1.2em; padding-top: 0.4em; width: 19em; } .mybrain #results #viewfull { position: absolute; left: 37.2em; top: 27.2em; } .mybrain #results #viewfull-nonparticipated { position: absolute; left: 28.2em; top: 25.8em; } .internation #results #viewfull { top: 29.3em; } #braingrowing { background: transparent url(/Content/Img/mybrain/braingrowing.gif) top left no-repeat; text-indent: -9999em; width: 35.4em; height: 4.5em; } #braingrowingul { margin: 0; } #braingrowingul li { list-style-type: none; padding: 0.4em 0 0.5em 2em; } #braingrowingul .alt { background: transparent url(/Content/Img/mybrain/braingrowingul-alt.gif) top left no-repeat; } #braingrowingul p { color: #fff; margin: 0; font-size: 1em; } #braingrowingul p.day { color: #fff94b; float: left; width: 10.5em; } #braingrowingul span { color: #70e36a; font-weight: bold; } .mybrain #view-certificate, .mybrain #exercises-jump { float: right; text-align: center; margin-left: 2em; } /* =exercises */ .exercises #header { padding-top: 7.5em; height: 24.5em !important; } .exercises #backtotop { margin-top:3.5em; text-align:center; } #games { } #games li { list-style-type: none; background-image: url(/Content/Img/mybrain/exercises/options.gif); background-color: transparent; background-position: left 5px; background-repeat: no-repeat; width: 26.9em; height: 84px; margin-bottom: 0.5em; } #games li.htmlgame { background-image: url(/Content/Img/mybrain/exercises/options-htmlgame.gif) !important; } #games li a { width: 25.6em; text-indent: -9999em; position: absolute; height: 5em; } #games li img { margin: 0 0 0 0.6em; } #games li.done { background-image: url(/Content/Img/mybrain/exercises/options.gif); background-position: left -80px; background-repeat: no-repeat; background-color: transparent; } #games li.done img { margin: 0.3em 0 0 0.6em; } #activities { margin-left: 0; } #activities li { list-style-type: none; position: relative; } #activities li p { font-size: 1em; padding: 0.7em 2em 0 2em; } #activities li h3 { padding: 0.9em 0 0.8em 2em; background: transparent url(/Content/Img/mybrain/exercises/options.gif) left -220px no-repeat; font-size: 1em; } #activities .yes, #activities .no { position: absolute; top: 0.6em; left: 27.7em; width: 3.5em; height: 1.9em; } #activities .yes { } #activities .no { left: 31.6em; } /* ie6 and its retarted calculation of ems */ .ie6 #activities .yes { left: 26em; } /* diaf ie 6 */ .ie6 #activities .no { left: 29.9em; } /* diaf ie 6 */ #activities li.done h3 { background: transparent url(/Content/Img/mybrain/exercises/options.gif) left -269px no-repeat; /*padding: 0.6em 0 0.7em 2em;*/ } #activities li.not-done h3 { background: transparent url(/Content/Img/mybrain/exercises/options.gif) left -323px no-repeat; /*padding: 0.8em 0 0.8em 2em;*/ } .dayone li a { background: url(/Content/Img/mybrain/Exercises/dayone-games.gif) top left no-repeat; } .daytwo li a { background: url(/Content/Img/mybrain/Exercises/daytwo-games.gif) top left no-repeat; } .daythree li a { background: url(/Content/Img/mybrain/Exercises/daythree-games.gif) top left no-repeat; } .daythree li a.one { background-position: 6px -1px; } .daythree li a.two { background-position: 3px -89px; } .daythree li a.three { background-position: 6px -172px; } .dayfour li a { background: url(/Content/Img/mybrain/Exercises/dayfour-games.gif) top left no-repeat; } .dayfive li a { background: url(/Content/Img/mybrain/Exercises/dayfive-games.gif) top left no-repeat; } .daysix li a { background: url(/Content/Img/mybrain/Exercises/daysix-games.gif) top left no-repeat; } .dayseven li a { background: url(/Content/Img/mybrain/Exercises/dayseven-games.gif) top left no-repeat; } .exercises li a.one { background-position: -2px 2px; } .exercises li a.two { background-position: -2px -83px; } .exercises li a.three { background-position: -2px -160px; } /* =whatisbrainweek */ .brainweek #heading { background: transparent url(/Content/Img/contents/brainweek/brainweek.gif) top left no-repeat; height: 2.7em; } /* =workout */ .workout #heading { background: transparent url(/Content/Img/contents/workout/workout.gif) top left no-repeat; height: 2.7em; } /* =biggerbrain */ .biggerbrain #heading { background: transparent url(/Content/Img/contents/biggerbrain/biggerbrain.png) top right no-repeat; background-attachment: scroll} /*=certificate*/ #main.certificate { background: none; } .certificate #content { width: 90em; margin-left: 0; } .certificate #flash { overflow: hidden; float: left; } .certificate #sig, .certificate #sig-print { margin-top: 0.5em; } .certificate #signed { margin-bottom: 0; } #common { margin: 5em 0 0 11.5em; overflow: hidden; clear: both; } #printme { float: left; margin-right: 6em; display: none } /* uses js to print so might as well be turned off when js is not present */ .js #printme { display: inline; } #text { width: 36.6em; float: right; } #postthis { margin-right: 10.6em; } /* html */ #trophy, #certneuro, #postthis { float: left; } #postthis { font-size: 1.2em; } #sig-print, #certneuro-print, #noggin-print, #trophy-print { display: none; } /* =trygrowing*/ .trygrowing #heading { background: transparent url(/Content/Img/contents/trygrowing/trygrowing.gif) top left no-repeat; } a.playsimonsays { text-indent: -9999em; width: 381px; height: 74px; background: transparent url(/Content/Img/contents/trygrowing/playsimonsays.gif) top left no-repeat;display: block; margin: 0 auto; } a.playapplegrab { text-indent: -9999em; width: 381px; height: 81px; background: transparent url(/Content/Img/contents/trygrowing/playapplegrab.gif) top left no-repeat;display: block; margin: 0 auto; } .trygrowing #samplegame-caption { margin-left: 2em; width: 35em; margin-bottom: 2em; font-size: 1.3em; } .trygrowing #samplegame-caption li { list-style-type: none; background: url(/Content/Img/contents/trygrowing/asterisk.gif) top left no-repeat; padding: 0 0 0 0.7em; } /* =refer */ .refer #heading { background: transparent url(/Content/Img/contents/refer/refer.gif) top left no-repeat; height: 2.7em; } .refer h3 { font-size: 1.2em; margin: 0.5em 0; } .refer input.submit { margin-top: 2em; } .refer #comment { background: transparent url(/Content/Img/contents/refer/quote-marks.gif) top left no-repeat; height: 12.5em; padding: 0.9em 14em 0 4.5em; } /* =refer confirmation */ .referconfirmation #heading { background: transparent url(/Content/Img/contents/confirmation.gif) top left no-repeat; height: 2.7em; } .referconfirmation h3 { font-size: 1.2em; margin: 0.5em 0; } .referconfirmation a { text-decoration: none; } /* =preferences */ .preferences #heading { background: transparent url(/Content/Img/contents/preferences.gif) top left no-repeat; height: 1.7em; } .preferences input.radiobutton { width: 3em; background: none; } .preferences input.submit { background: transparent url(/Content/Img/register/submit.gif) no-repeat scroll left top; cursor: pointer; display: block; float: left; height: 4em; text-indent: -9999em; width: 23.7em !important; } .preferences input.cancel { float: left; background: transparent url(/Content/Img/contents/cancel.gif) top left no-repeat; margin-right: 3em; text-indent: -9999em; width: 9.7em !important; height: 3em; cursor: pointer; display: block; } .preferences #submit-buttons { margin-top: 1em; } .preferences .preferences-table td { padding-bottom: 1.1em; margin-bottom: 0; } .preferences .preferences-table h3 { margin-bottom: 0 !important; font-size: 1em; text-decoration: none; color: #FFF; font-weight: bold; } .preferences .preferences-table h3.heading { margin-bottom: 0 !important; font-size: 1.3em; text-decoration: none; color: #FFF94B; font-weight: normal; } .preferences #change-password td { vertical-align: top; } .preferences #change-password tr.form td { padding-left: 0.8em; } /* =preferences confirmation */ .preferencesconfirm #heading { background: transparent url(/Content/Img/contents/preferences.gif) top left no-repeat; height: 2.7em; } /* =opt out */ .optout #heading { background: transparent url(/Content/Img/contents/preferences.gif) top left no-repeat; height: 2em; } .optout input.radiobutton { width: 3em; background: none; } .optout input.submit { margin-right: 3em; float: left; background: transparent url(/Content/Img/register/submit.gif) top left no-repeat; text-indent: -9999em; width: 17.7em !important; height: 3em; cursor: pointer; display: block; } .optout input.cancel { float: left; background: transparent url(/Content/Img/contents/cancel.gif) top left no-repeat; text-indent: -9999em; width: 9.7em !important; height: 3em; cursor: pointer; display: block; } .optout .optout-table td { padding-bottom: 1.1em; margin-bottom: 0; } .optout .optout-table h3 { margin-bottom: 0 !important; font-size: 1em; } /* =opt out confirmation */ .optoutconfirm #heading { background: transparent url(/Content/Img/contents/preferences.gif) top left no-repeat; height: 2.7em; } /* =brain days */ .braindays #heading { background: transparent url(/Content/Img/contents/opendays.gif) top left no-repeat; height: 2.7em; } .braindays .braindays-table h3 { font-size: 1.4em; } .braindays .braindays-table td { vertical-align: top; padding:15px 10px 5px 0; width: 350px; } .braindays .braindays-table { width: 700px; } /* =registration */ .registrationtable { /*margin-left: 6em;*/ } #wrap .registration { width: 56em; } .registration #heading { height: 3em; width: 100%; background: transparent url(/Content/Img/register/register.gif) top left no-repeat; text-indent: -9999em; } .registration h3 { text-indent: -9999em; margin:1em 0 0; padding-bottom: 0; } .registration #optin-table td p { font-size: 0.65em; } /*headings on reg form*/ #yourdetails { background: transparent url(/Content/Img/register/yourdetails.gif) top left no-repeat; } #findout { background: transparent url(/Content/Img/register/findout.gif) top left no-repeat; } #yearofbirth { background: transparent url(/Content/Img/register/yearofbirth.gif) top left no-repeat; } #boyorgirl { background: transparent url(/Content/Img/register/boyorgirl.gif) top left no-repeat; } #legalstuff { background: transparent url(/Content/Img/register/legalstuff.gif) top left no-repeat; } /* default */ #titleInput, #regionInput, #countryInput, #dateofbirthInput { display: block; background: #41b1b5 url(/Content/Img/register/select.gif) no-repeat top left ; height: 1.5em; width: 14.7em; padding: 0.4em 0 0 0.5em; border: none; } #titleInput:hover, #regionInput:hover, #countryInput:hover, #dateofbirthInput:hover { cursor: pointer; } #title, #region, #country, #dateofbirth { position: absolute; top: 1.6em; left: 0; font-size: 1em; color: #333; border: 2px solid #46AFB2; padding: 0.3em 0.5em; width: 12.2em; background-color: #E5FAFA; display: none; z-index: 1000; list-style: none; margin: 0; } #title li, #region li, #country li, #dateofbirth li { background-color: #E5FAFA; width: 12.2em; } #title li:hover, #region li:hover, #country li:hover, #dateofbirth li:hover { background-color: #41B1B5; cursor: pointer !important; } #conttitle, #contregion, #contcountry, #contdateofbirth { position: relative; } #conttitle { z-index: 51; } #title { z-index: 10; } #contregion { z-index: 41; } #region { z-index: 10; } #contcountry { z-index: 44; } #country { z-index: 20; overflow-y: scroll; overflow-x: hidden; height: 15em; } #contdateofbirth { z-index: 21; } #dateofbirth { z-index: 30; } /*js on*/ .selectBox { display: none; } .empty { height: 1.2em; } #dateofbirth { height: 15em; overflow-y: scroll; overflow-x: hidden; } /*=registration-confirmation*/ .registration-confirmation #heading { height: 3em; width: 100%; background: transparent url(/Content/Img/register/confirmation/confirmation.png) top left no-repeat; text-indent: -9999em; } /*=downloads*/ .downloads #heading { background: transparent url(/Content/Img/contents/freestuff/freestuff.gif) top left no-repeat; height: 1.7em; } .downloads a.action { background-position: right 3px; } .wallpaper { float: left; width: 16em; height: 9.8em; margin: 0 1em 1em 0;padding-top: 1.3em; list-style: none; } #wallpaper1 { background: transparent url(/Content/Img/contents/freestuff/wallpaper_1.gif) top left no-repeat; } #wallpaper2 { background: transparent url(/Content/Img/contents/freestuff/wallpaper_2.gif) top left no-repeat; } #wallpaper3 { background: transparent url(/Content/Img/contents/freestuff/wallpaper_3.gif) top left no-repeat; } #wallpaper4 { background: transparent url(/Content/Img/contents/freestuff/wallpaper_4.gif) top left no-repeat; } .finger { float:left; font-size:0.9em; font-weight:bold; line-height:1.2em; margin:0.35em 0 1em 9.3em; padding-left:0.5em; line-height: expression('1.3em'); margin-top: expression('0.15em'); padding-left: expression('0em'); } ul.wallpaper li { background: transparent url(/Content/Img/contents/freestuff/wallpaper.gif) top left no-repeat; width: 16em; height: 9.8em; margin: 0 1em 1em 0; padding-top: 1.3em; list-style: none; float: left; } ul.wallpaper a { margin: 0 0 0 8.3em; padding: 0 1.2em 0 0.5em; background: transparent url(/Content/Img/nav/anchor-purple.gif) no-repeat scroll right 4px; } ul.wallpaper p { line-height: 1.2em; font-size: 1em; margin-bottom: 1.2em; } /*=stateofthenation*/ .state #heading { background: transparent url(/Content/Img/contents/stateofthenation/stateofthenation.gif) top left no-repeat; height: 8.6em; } .state #results { margin-bottom: 2em; } /** During Styles **/ .state ul.accordion li { clear: both; } ul.accordion .results { margin: 0; width: 34.3em !important; } ul.accordion #gender .results { width: 14.3em !important; } ul.accordion .results td { font-weight: bold; font-size: 1em; margin: 0; padding: 0.1em 0.5em; } .results .alt td { background: url(/Content/Img/contents/stateofthenation/during_alt.gif) top left no-repeat; } .results td.sortby { text-align: left; color: #fff94b; margin-bottom: 0; background-position: 50% 0; width: 70%; } .results .alt .points { background-position: 100% 0; } #gender .results { margin: 0 auto; } /** After Styles **/ /*=privacy*/ .privacy #heading { background: transparent url(/Content/Img/contents/terms/terms.gif) top left no-repeat; height: 1.7em; } .privacy .privacy { background: transparent url(/Content/Img/contents/terms/privacy.gif) top left no-repeat; height: 1.7em; text-indent: -9999em; } /*=contact*/ .contact #heading { background: transparent url(/Content/Img/contents/contact/contact.gif) top left no-repeat; height: 4.3em; } /*=about*/ .about #heading { background: transparent url(/Content/Img/contents/about/about.gif) top left no-repeat; height: 4.3em; } /*=media*/ .media #heading { background: transparent url(/Content/Img/contents/media/media.gif) top left no-repeat; height: 1.6em; } /*=donations*/ .donations #heading { background: transparent url(/Content/Img/contents/donations/donations.gif) top left no-repeat; height: 4.2em; } /* =Flash Games *****************/ #no-flash { background: url(/Content/Img/fancybox/no-flash.gif) top left no-repeat; height: 400px; width: 600px; } #download-flash { text-indent: -9999em; height: 50px; width: 155px; top: 220px; left: 75px; position: absolute; } /* =HTMLGAMES *****************/ #htmlgame { width: 100%; height: 100%; background: #41b1b5 url(/Content/Img/htmlgames/background-lightbox.gif) left top no-repeat fixed; overflow: hidden; } .htmlgame #print-game { width: 51em; } .htmlgame #print-game p { float: left; width: 23em; } .htmlgame #print-game img { float: left; margin-left: 3em; } .htmlgame .question { clear: both; background: #52c1c5 url(/Content/Img/htmlgames/question-top.gif) no-repeat scroll left top; margin: 0 0 1.5em 3em; width: 462px; } .htmlgame .question .bottom { background: #41b1b5 url(/Content/Img/htmlgames/question-bottom.gif) no-repeat bottom left; height: 2.8em; bottom: -1px; left: 0; width: 46.5em; } .htmlgame .question p { margin: 0.5em 0; } .htmlgame .question .question-content { padding: 2.2em 2em 0 2em; } .htmlgame ul.accordion { margin: 0.5em 0 0.5em 2em; } .htmlgame ul.accordion li { background: transparent url(/Content/Img/htmlgames/ulh3.gif) top left no-repeat; padding: 0 0 0.5em 1em; width: 29.8em; } .htmlgame ul.accordion li h3 { width: 28em; } #content.htmlgame { height: 368px; margin: 0.2em 0 0; overflow-x: hidden; overflow-y: scroll; padding: 3em 3em 0; width: 540px; } .htmlgame #question { float: left; margin: 0 1em 0.6em 0; } .htmlgame #heading { background: url(/Content/Img/htmlgames/headings.gif) top left no-repeat; height: 30px; font-size:3.3em; font-weight:bold; } .htmlgame ul.accordion ul { margin-left: 1em; } .htmlgame ul.accordion ul li { background: transparent url(/Content/Img/htmlgames/bullet.gif) no-repeat scroll 0px 9px; list-style-type: none; } /*=applegrab */ /*=barbill */ .barbill #heading { background-position: 0px -34px; } /*=liarliar */ .liarliar #heading { background-position: 0px -72px; height: 64px; } /*=punctuation */ .punctuation #heading { background-position: 0px -136px; height: 72px; } /*=versusshark */ .versusshark #heading { background-position: 0px -214px; } /*=braingriller */ .braingriller #heading { background-position: 0px -250px; } /*=tabletease */ .tabletease #heading { background-position: 0px -286px; } .tabletease .question-content li { list-style-type: none; } /*=jellybean */ .jellybean #heading { background-position: 0px -324px; height: 64px } /* =ACCORDION *****************/ ul.accordion { margin: 0; list-style: none; } ul.accordion li { background: transparent url(/Content/Img/contents/biggerbrain/ulh3.gif) top left no-repeat; padding: 0 0 1em 1em; /*width: 35.5em;*/ } ul.accordion li div.content { padding-top: 1em; } ul.accordion li img { list-style: none; } ul.accordion h3 { width: 33em; background: transparent url(/Content/Img/contents/biggerbrain/ulh3closed.gif) left 4px no-repeat; padding: 0.34em 0 0.3em 2em; font-weight: bold; } ul.accordion h3.open { background: transparent url(/Content/Img/contents/biggerbrain/ulh3open.gif) 0px 6px no-repeat; } ul.accordion h3, ul.accordion p, ul.accordion ul, ul.accordion ol { font-size: 1em; } ul.accordion .content h3 { background: none; padding: 0.6em 0 0.4em; } ul.accordion ul li { background: none; padding: 0; } ul.accordion ul li.image { list-style: none; } ul.accordion ul { margin-left: 2em; } ul.accordion ul li { padding: 0; list-style-type: disc; } ul.accordion .didyouknow { padding: 3em 2em 2em 6.9em; width: 24.4em; width: expression('24.5em'); margin-left: 3em; display: block; } ul.accordion .didyouknow p { margin: 0 2em 0 0; padding-top: 0.5em; font-size: 0.83em; line-height: 1.2em; } ul.accordion .didyouknow .bottom { height: 28px; width: 500px; } /* =FOOTER *****************/ #footer ul { margin: 0; font-size: 1.3em; margin: 0 auto; width: 65em; } #footer ul li { float: left; list-style-type: none; text-align: center; padding:0 0 0 2.6em; } #footer ul li a { text-decoration: underline; } #neuro, #draftfcb, #ubiquity, #mitre10 { position: absolute; text-indent: -9999em; } #neuro { height: 10em; left: 23.4em; top: 6.5em; width: 20.5em; } #draftfcb { height: 3.3em; right: 36.5em; top: 9.4em; width: 10em; } #ubiquity { height: 3.2em; right: 26em; top: 9.4em; width: 9.8em; } #mitre10 { height: 3.2em; right: 47.7em; top: 9.4em; width: 7.2em; } /* =ERRORS *****************/ .error { color: Red; } .field-validation-error { color: #fff94B; } .input-validation-error { border: 1px solid #fff94B !important; background-color: #ffeeee; } .validation-summary-errors { font-weight: bold; color: #fff94B; margin-bottom: 0; } /* =CLEARFIX *****************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */