#beeDiv h1,#beeDiv h2,#beeDiv h3,#beeDiv h4 { margin: 0; } #beeDiv { float: left; width: 100%; position: relative; } #whole{ float: left; width: 100%; background-color:#E4E4E4; background-image:url('/images/bee/mainbg-nflo02.png'); background-position:center top; background-repeat:repeat-x; font-family:helvetica,arial,sans; font-weight:normal; padding: 0 0 30px 0; margin: 0; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #header { height:130px; position: relative; margin-bottom: 28px; } #leftPlayarea { float: left; width: 340px; padding-top: 25px; margin-left: 200px; } #rightPlayarea { float: right; width: 370px; margin-right: 17px; } #mapContainer { margin-top:12px; width:370px; height:200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: white url('/images/bee/mapbg-am4a44.gif') no-repeat 50% 50%; border: 1px solid #bcbcbc; } #mapRoot{ width:368px; height:197px; /*this is one pixel short because of an IE 8 rendering bug */ background-position:50% 50%; background-repeat:no-repeat; overflow:hidden; position:relative; } #beeImage { position: absolute; top: 15px; left: 24px; } #title { position: absolute; top: 45px; left: 200px; width: 750px; height:100px; background-image:url('/images/bee/bpellingbee_type-109np4g.gif'); background-position: 0px 25px; background-repeat:no-repeat; } #closeButton { display: block; position: absolute; top: 0px; right: 0px; } #helpButton { display: block; position: absolute; top: 80px; right: 130px; } #resetButton { display: block; position: absolute; top: 80px; right: 0px; } #listauthor{ color:#8B8B8B; font-size: 12px; width: 330px; margin:20px 0 0 0; } #help{ padding-top: 60px; } #playWord{ display: block; float: left; text-decoration: none; } #playWord img { vertical-align: middle; } #playwordscore{ float:left; height:90px; width: 100%; } #equalizer{ padding:10px; } #wordpostxt{ } .correct #mapContainer { background: white; } .surrendered #mapContainer { background: white; } #guessspelling{ color:#888888; font-size:10px; float: left; width: 100%; } #guessButton { float: left; display: block; margin-left: 9px; } #guessField { float:left; margin:0; width: 220px; height: 26px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #inputbox{ float: left; clear: both; position: relative; } #problem{ float:left; line-height:13px; padding-top:8px; clear: both; width:300px; } .guessPanel { position: relative; padding-bottom: 240px; margin-top: 22px; float: left; width: 100%; } .guessPanel ol { margin: 0; padding-left: 30px; } .incorrect .wrongContainer { display: block; } .correct .correctContainer { display: block; } .wrongContainer, .correctContainer { display: none; background-position:left center; background-repeat:no-repeat; color:#BA101A; font-size:20px; height: 26px; line-height: 26px; padding: 10px 0 10px 35px; } .correctContainer { color: #6EAE33; background-image:url('/images/bee/correct-28mg6t.gif'); } .wrongContainer { color:#BA101A; background-image:url('/images/bee/wrong-14x9avy.gif'); } #guesses .hint { font-size: 12px; margin-left: 5px; white-space: nowrap; } #guesses .correct .guess { color: #6EAE33; } #guesses .wrong .guess { color: #BA101A; } #correctSpelling { color: #6EAE33; margin: 20px; font-size:20px; } #options{ text-align: center; } #options a { margin-right:8px; } #surrenderButton, #nextButton { cursor: default; display: inline-block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: .4; } #definitions{ color:#333333; font-size:12px; margin: 50px 0 40px 0; } #definitions h3 { margin: 0; padding: 0; } #definitions h4 { margin: 0 0 .5em 10px; padding: 0; } #definitions ul { list-style: none; margin: 0 0 0 10px; padding: 0; } #definitions li { margin: 0 0 .5em 0; padding: 0 0 0 19px; background-repeat: no-repeat; background-position: 0 4px; list-style: none; } #definitions #verbs, #definitions #nouns, #definitions #adjectives, #definitions #adverbs { display: none; } #definitions #verbs li{ background-image:url('/images/bee/verb-1hd1f2p.gif'); } #definitions #nouns li{ background-image:url('/images/bee/noun-klqn8b.gif') ; } #definitions #adjectives li{ background-image:url('/images/bee/adjective-ehqbhp.gif') ; } #definitions #adverbs li{ background-image:url('/images/bee/adverb-j3ipch.gif') ; } #definitions h4{ padding: 12px 0 0 0; } #score{ font-size:11px; text-align: center; } #score h4{ margin: 0; font-size:18px; } .green{ color: #6eae33; } #roundIndicator { position: relative; padding: 10px 18px 0 18px; } #roundNumber { font-size:11px; font-weight: bold; } #roundProgress { float: right; font-size: 11px; } #dots{ position: absolute; right: 12px; top: 12px; } #dots div { width: 9px; height: 8px; font-size: 0; margin-left: 5px; background-color: black; float: left; line-height: 0; white-space: nowrap; } #dots div.on { background-color: #ffce11; } #dots div.right { background-color: #6EAE33; } #dots div.wrong { background-color: #BA101A; } .detailsPane { background-image: url('/images/bee/scorebg-1gr3cem.gif'); background-repeat: no-repeat; width:165px; padding-top: 10px; } .details { position: absolute; width:165px; left: 10px; top: 180px; } .details table { margin: 20px 16px 0px 16px; } .details td { white-space: nowrap; color:#606060; font-size:12px; line-height:19px; padding: 0; } .details td.num { width: 15px; text-align: right; } .details .detailsFooter { background-image: url('/images/bee/scorebg-1gr3cem.gif'); background-repeat: no-repeat; height: 12px; line-height:0px; font-size:0px; background-position: 0 100% ; } #scorePanel ul { list-style: none; padding:0; margin:0; position: relative; top: 1px; width: 100%; } #scorePanel li { width: 33%; font-size:11px; line-height:19px; padding: 0; margin: 0 ; text-align: center; display: block; } #scorePanel { width: 465px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; bottom: 0px; left: 20px; } #scorePanel .scoreArea { padding:12px; background-color: #f0f0f0; background-position:center top; background-repeat:repeat-x; border: 1px solid #cccccc; border-bottom: none; clear: both; width: 100%; } #scorePanel .otherscores{ float:left; margin:0 ; position: relative; padding-top: 20px; } /* \\\\\ Typography ///// */ #header h1{ font-size:19px; text-indent:-5000px; } #header h2{ font-size:20px; font-family: Helvetica, Arial, Sans; color: #786413; font-weight: normal; } h3{ color:#333333; font-size:16px; padding-bottom:10px; } .otherscores table { width:430px; color: #666; line-height: 19px; margin-right: 9px; } .otherscores td { padding: 0px 0; font-size: 12px; } .otherscores th { font-size: 10px; color: #9d9c9c; text-align: left; } #stackup .you { background-color: #f3d044; font-weight: bold; } #scorePanel .blocker p { background-color: white; padding: 15px; border: 1px solid #cccccc; font-size: 13px; } .nonsub #scorePanel .blocker { display:block; } .nonsub #stackup { opacity: .5; filter: alpha(opacity=50); } .otherscores ul { float: left; width: 100%; } .otherscores ul li { border-top: 4px solid transparent; float: left; text-align: center; width: 145px; white-space: nowrap; } .otherscores ul li.active { border-top: 5px solid #f3d044; background-color: #f0f0f0; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .otherscores ul li.active a { text-decoration: none; color: #333333; font-weight: bold; font-size: 13px; cursor: default; outline: none; } .otherscores ul li a:hover { color: black; } #stackPanel { position: relative; } #stackPanel .blocker { z-index: 100; display:none; height: 120px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 35px 20px 30px 20px; position: absolute; background-image: url('/images/blank-16y9b5d.gif'); } .dialog-wrapper { position: absolute; top: 0px; left: 0px; background-color: white; z-index: 301; } .dialog-content { border: 2px solid #d3d3d3; } .dialog-blocker { z-index: 300; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: black; opacity: .5; filter: alpha(opacity=50); } #loadingNext { position: absolute; top: 0px; left: 0px; height: 26px; line-height: 26px; width: 260px; text-align: center; font-size: 12px; font-style: italic; color: #666666; } .modules { position: absolute; top: 15px; right: 0px; } .actions a { color: #8c8c8c; font-size: 85%; display: block; padding: 5px 22px; margin: 2px 0; text-decoration: none; background-repeat: no-repeat; background-position: 3px center; } .actions div.message { margin: 0; padding: 5px 20px; font-size: 85%; display: block; background-repeat: no-repeat; background-position: 3px center; } .actions a.edit { background-image: url('/images/wordlists/action-edit-nka47n.gif'); } .actions a.delete { background-image: url('/images/wordlists/action-delete-1djfl2k.gif'); } .actions a.create { background-image: url('/images/wordlists/action-create-p7abhi.gif'); } .actions a.addfavorite { background-image: url('/images/wordlists/action-favorite-add-f11fh9.gif'); } .actions a.deletefavorite { background-image: url('/images/wordlists/action-favorite-delete-tib2jj.gif'); } .actions a:hover { background-color: #EAEFF4; color: #444; } .actions a.addingfavorite { background-color: #eee; background-image: url('/images/wordlists/wl-favorite-icon-1mxo0tp.gif'); cursor: default; text-decoration: none; } .actions a.deletingfavorite { background-color: #eee; background-image: url('/images/wordlists/wl-favpriv-icon-ep6pdp.gif'); cursor: default; text-decoration: none; } .actions a.favoriteadded { background-color: #ffa; background-image: url('/images/wordlists/wl-favorite-icon-1mxo0tp.gif'); cursor: default; text-decoration: none; } .actions a.favoritedeleted { background-color: #ffa; background-image: url('/images/wordlists/wl-favpriv-icon-ep6pdp.gif'); cursor: default; text-decoration: none; } .actions a.disabled { border: 1px solid #EFEFEF; color: #CFCFCF; cursor: default; }