/* everything has to have some positioning set so I can make it move around apparently IE windows doesn't do margin-top very odd could be that you have to get the abs pos stuff out of the way*/ #wavefileembed {position:absolute; height:auto; width:auto;} /* visibility keeps a space, display removes completely, in safari, display prevents play of the sound. safari does nothing without a container. IE ignores the visibility property and needs display. I put a hidden keyword in the embed object for browsers that don't do objects (it may not work for those anyway since it won't precache the wav file.*/ /*no longer needed #roarcontainer1 {display:none;} #roarcontainer2 {display:block;} */ /*display none won't let safari play it. so try visibility*/ /* it's in the flow but you can't see it and that's fine, apparently IE does see the visibility property, i don't know why it didn't seem to before so these aren't needed. #roarobject {display:none; } #roarembed {display:none; } */ /* the roarcontrol is inside godzilla and shifted 25% of the width of the godzilla box and has a width of 200 which is half of the godzilla box and so it is centered give a z index so it covers when gets big if you make it absolute IE mac will make a very long image*/ #outergodzilla {position:absolute; top:50pt; left:56%; z-index:10;} #godzilla {position:relative; height:300pt; width:250pt; border: 1px none black;} /*#roarcontrol {position:relative; left:25%; }*/ /* the mainlinks division has to have left:0pt or IE for mac will shift everything under the first line twice. same goes for the div.subtext class. to control the pieces of mainlinks i'm using #mainlinks a. to control the pieces of subtext, i'm using .subtext p. margin-left works fine to shift the whole mainlinks division. but margins in a division do every paragraph in the division. so you can do margins for the whole division and then reset them for individual paragraphs. it's that inheritance thing. */ #mainlinks {position:relative; top:0pt; left:0pt; height: auto; margin-left:10pt; width:90%; border: none black 1pt; margin-top:20pt; margin-bottom:6pt; } #mainlinks a {position:relative; top:0pt; left:0pt; font-size:13.5pt; text-decoration:none; display:block; margin-top:0pt; margin-bottom:7pt;} #mainlinks .sectionheading p {font-size:16pt; margin-bottom:7pt;} #satsectionheading {font-size:16pt; margin-bottom:7pt;} span#smcoloredtext {font-weight:bold; color:maroon; font-size:10pt;} div.subtext {position:relative; top:0pt; left:0%; border: 2pt none black; margin-bottom:20pt; margin-left:12pt; font-size:10.5pt; line-height:1.4; text-align:left; text-indent:0;} #satsubtext {position:relative; top:0pt; left:0%; border: 2pt none black; margin-bottom:10pt; margin-left:12pt; margin-top:0pt; font-size:13.5pt; line-height:1; text-align:left; text-indent:0;} #mainlinks .subtext a {font-size:10.5pt; text-decoration:none; display:inline; margin:0pt;} #mainlinks #satsubtext p {margin-bottom:7pt; margin-top:0pt;} #mainlinks #satsubtext a {font-size:13.5pt; text-decoration:none; display:inline; margin-top:0pt;} #mainlinks #satsubtext .coloredtext {font-size:9pt;} #twolinks a {display:block; text-decoration:none; font-variant:small-caps; font-size:13pt; padding:3pt; } #twolinks .coloredtext {font-size:9pt;} .subtext p {margin-bottom:3pt; margin-top:3pt; text-align:left; text-indent:0;} .coloredtext {font-weight:normal; color:maroon;} .questiontext {color:maroon;} .sectiontitle {position:relative; top:5pt; left:2%; height:30pt; width:90%; text-align:center; font-size:14pt; border: 2pt none teal; } div.questions {position:relative; top:0pt; left:0%; height:auto; width:90%; border:2pt solid teal; overflow:visible; background: rgb(255,250,220); margin-left:2%; margin-right:2%; margin-top:2%; line-height:1.3; font-size:10.5pt; font-family:helvetica;} div.questions sup {font-size:8pt;} div.advice {position:relative; top:0pt; left:0%; height:auto; border:2pt solid teal; overflow:visible; background: rgb(255,250,220); margin-left:10%; margin-right:10%; margin-top:2%; line-height:1.3; font-size:10pt;} div.articlestext {position:relative; top:0pt; left:2%; height:auto; width:88%; border:2pt solid teal; overflow:visible; background: rgb(255,250,220); margin-left:2%; margin-right:2%; margin-top:0pt; line-height:1.3; font-size:10pt; font-family:helvetica;} div.articlestitle {margin-top:0pt; margin-bottom:10pt; text-align:center; font-weight:normal; font-family:helvetica; font-size:12pt;} div.advertisingtext {line-height:1.3; font-size:10.5pt; margin-right:20pt; margin-left:2pt; margin-top:0pt; margin-bottom:16pt; border-left:solid black 1pt; font-size:10pt;} div.advertisingtext p {margin-bottom:16pt; margin-left:15pt;} div.advertisingtext a {display:block; text-decoration:none; margin-left:4pt;} div.advertisingtitle {font-size:11pt; margin-left:4pt;} .advice p {margin-left:2%; margin-right:2%;} div.questions p {margin-left:2%; margin-right:2%; margin-top:2%; margin-bottom:2%;} div.articlestext p {margin-left:2%; margin-right:2%; margin-top:2%; margin-bottom:2%;} .questions table {width:100%; } .advice table {width:100%; margin-left:0%; margin-right:0%;} .scoring td {text-align:center; padding:5pt; width:25%; border-bottom: 1pt solid black; } #scoretable {width:90%;} #scoretable td {text-align:left; padding:5pt; border-bottom: 1pt solid black; } .questions table td.firstcolumn { width:40%;} .questions table td.secondcolumn { width:30%;} .questions table td.thirdcolumn { width:30%;} /* the td is the whole thing, the p is the individual elements. IE AND SAF treat p differently. for the questions, whole thing is padded (padding goes inside cell borders) and individual elements (diagrams) are spaced using the p tag. for advice, the p elements are the whole thing so you can just set them to zero (if you don't Safari will add spaces in addition to the padding you put in the td element) and put all your spaces for the whole thing*/ .questions table td p {margin-bottom:12pt; margin-top:12pt; margin-left:0pt; margin-right:0pt; } .questions table td {text-align:left; vertical-align:top; width:50%; padding-right:25pt; padding-bottom:30pt; padding-left:8pt; padding-top:8pt; font-size:10pt;} #functions table td {padding-bottom:0pt; padding-top:0pt;} /* override for to tighten up functions table*/ .advice table td p {margin-bottom:0pt; margin-top:0pt; margin-left:0pt; margin-right:0pt; } .advice table td {text-align:left; vertical-align:top; width:50%; padding-right:20pt; padding-bottom:15pt; padding-left:8pt; padding-top:15pt; } /* #quickindextitle {position:absolute; top:8pt; left:78%; width:20%; height:30pt; text-align:center; border: 2pt none teal;} #quickindex {position:absolute; top:38pt; left:78%; width:20%; height: 200pt; border:1pt solid teal; overflow:visible; font-size:12pt; background:#a5d8f6;} #buttonstitle {position:relative; top:0pt; left:2%; width:95%; height:auto; border: 1pt none black; margin-top:10pt; font-size:14pt; text-align:center;} #smallbuttons button {margin-left:3%; margin-top:10pt; margin-bottom:10pt; width:40%; height:auto; text-align:center; font-size:12pt; overflow:hidden;} #bigbuttons button {margin-left:3%; margin-top:10pt; margin-bottom:10pt; width:90%; height:25pt; text-align:center; font-size:12pt; overflow:hidden;} */ #generalnavigation a {font-size:10pt; text-decoration:none; display:block; padding-left:5pt; padding-right:5pt; padding-bottom:5pt;} #navigationtitle {position:relative; top:0pt; left:0%; height:auto; text-align:center; font-size:12pt; border: 2pt none teal; margin-top:0pt; margin-bottom:10pt;} #generalnavigation {position:relative; top:0pt; left:2%; height:auto; width:95%; text-align:left; font-size:12pt; border: 2pt none teal; margin-top:10pt; white-space:nowrap;} #hideshowbuttons {white-space:nowrap;} #hideshowbuttons input {margin-bottom:5pt; margin-left:auto; margin-right:auto; width:60pt; text-align:center; font-size:10pt; height:auto;} /*#buttonsbox {position:relative; top:5pt; left:2%; width:400pt; height:auto; border:1pt solid black; background:#a5d8f6; overflow:visible; white-space:nowrap; } trouble having it fit the width of the buttons*/ /*buttons seem to make their height according to the text no matter what */ .questions #samplebuttons input {text-align:center; font-size:10pt; width:60pt; font-size:10pt;} .questions #samplebuttons {font-size:10pt;} .imagebuttons input {margin-right:7pt;} .imagebuttons img {margin-right:15pt; margin-bottom:10pt;} /*.subsections {position:relative; top:0pt; left:0pt; }*/ #sectionindex .subsections a#algebrawarmuplink {display:none;} #sectionindex .subsections a#manipulationlink {display:none;} #sectionindex .subsections a#fractionslink {display:block;} #sectionindex .subsections a#functionslink {display:none;} #sectionindex .subsections a#wordproblemslink {display:none;} #sectionindex .subsections p#algebrawarmupteaser {display:block;} #sectionindex .subsections p#manipulationteaser {display:block;} #sectionindex .subsections p#fractionsteaser {display:none;} #sectionindex .subsections p#functionsteaser {display:block;} #sectionindex .subsections p#wordproblemsteaser {display:block;} #sectionindex .subsections a#laplink {display:none;} #sectionindex .subsections a#areaslink {display:block;} #sectionindex .subsections a#triangleslink {display:none;} #sectionindex .subsections a#paslink {display:none;} #sectionindex .subsections p#lapteaser {display:block;} #sectionindex .subsections p#areasteaser {display:none;} #sectionindex .subsections p#trianglesteaser {display:block;} #sectionindex .subsections p#pasteaser {display:block;} #sectionindex .subsections a#unitspavlink {display:none;} #sectionindex .subsections a#unitsalgebralink {display:none;} #sectionindex .subsections p#unitspavteaser {display:block;} #sectionindex .subsections p#unitsalgebrateaser {display:block;} #sectionindex .subsections a#statisticswarmuplink {display:none;} #sectionindex .subsections a#averageslink {display:none;} #sectionindex .subsections a#probabilitylink {display:none;} #sectionindex .subsections a#mmmlink {display:none;} #sectionindex .subsections p#statisticswarmupteaser {display:block;} #sectionindex .subsections p#averagesteaser {display:block;} #sectionindex .subsections p#probabilityteaser {display:block;} #sectionindex .subsections p#mmmteaser {display:block;} #sectionindex .subsections a#divisibilitylink {display:none;} #sectionindex .subsections a#characteristicslink {display:none;} #sectionindex .subsections a#remainderslink {display:none;} #sectionindex .subsections a#digitologylink {display:none;} #sectionindex .subsections p#divisibilityteaser {display:block;} #sectionindex .subsections p#characteristicsteaser {display:block;} #sectionindex .subsections p#remaindersteaser {display:block;} #sectionindex .subsections p#digitologyteaser {display:block;} #sectionindex .subsections a#chartinglink {display:none;} #sectionindex .subsections a#thinkinglink {display:none;} #sectionindex .subsections a#countinglink {display:none;} #sectionindex .subsections p#chartingteaser {display:block;} #sectionindex .subsections p#thinkingteaser {display:block;} #sectionindex .subsections p#countingteaser {display:block;} #fullaccessinstructions {display:none;} #partialaccessinstructions {display:block;} #navfullaccess {display:none;} #navpartialaccess {display:inline;} #ccbutton {width:auto; margin-right:5pt; font-size:10pt; font-family:trebuchet,arial;} /* #sectionindex .subsections a {font-size:14pt; padding-top:2pt; padding-bottom:2pt; } */