body {font-size:15px; background:white; margin:0; padding:0; font-family: "Arial",sans-serif; line-height:1.3em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a {text-decoration:none; color: #0000BB} /* links. not normally underlined */ ul {margin-top:0; margin-bottom:10px} p {margin-top:0.3em} h1 {font-size:135%; color:#dd6600; font-weight:bold; font-family:arial,sans-serif; margin:1em 0 1em 0; border-width:0 0 1px 0; border-style:solid; border-color:#ccc} h2 {font-size:125%; color:#447799; font-weight:bold; border-style:solid; border-color:#c0c0c0; border-width:0 0 1px 0; margin:25px 0 0 0; clear:both} h3 {font-size:100%; color:#447799; font-weight:bold; margin:18px 0 4px 0; } li {padding:.2em} em {font-weight:bold; font-style:italic; color:#555555;} .definition {text-align:center; font-size:115%; font-style:italic; margin-bottom:10px; clear:both} .inlineQuote {font-style:italic; padding-left:5px; padding-right:5px} .printHeader .printBtn {border: 1px solid gray; padding:0 2px 0 2px; background:#ddd; font-weight:bold} .flashApplet {margin:10px 0 20px 0} .flashSubst { text-align:center; padding:5px; border:1px solid #ccc;} .javaSubst { text-align:center; padding:5px; border:1px solid #ccc;} .soloEqn {display:block; margin: 7px 0 7px 50px;} .soloImg {display:block; margin: 7px 0 7px 50px;} .var {font-weight:bold; font-style:italic; color:#336688;white-space:nowrap} .footnote {font-size:90%; font-style:italic; color:#222; margin-top:15px} .footnote:first-letter {font-size:120%; font-weight:bold} .quote {font-style:italic; margin: 6px 20px 6px 20px} /*Figure with caption below*/ .fig {width:10px; border-spacing: 0; border-collapse: collapse; margin: 12px auto;} .fig td {text-align:center; font-size:90%; font-variant:small-caps; padding:0} /* See also stuff*/ .citeUL {list-style-type:none; padding-left:0; margin-top:2px; margin-left:0} .link {text-decoration:underline; color: #0000FF} /* used with tags where links need to be prominent */ .bodyTable {width:100%} .legal {font-size:90%; color:gray; padding:20px 0 0 0; margin:30px 0 20px 0; text-align:center; clear:both} /* Nav bar at top of page*/ .navBar2 {background:#a98; height:30px} .navL {color:white; font-size:13px; font-weight:bold; margin:2px 14px 0 12px ; float:left; cursor:pointer} .navL:hover {color:blue} .navBar {background:#5588aa; color:white; padding: 0 0 6px 10px; height:34px} .navItem {padding-top:14px; color:white; padding-right:12px; font-size:13px; font-weight:bold} .navSrchItem {padding-left:5px; color:white; padding-top:4px; font-size:13px;; font-weight:bold} #searchArg {width:110px; background:#cccccc; padding-left:2px; border:1px solid #666666} .navBar2Div {padding:5px 0 3px 10px ; color:white; height:24px} .navHidden {display:block; font-size:1px; padding:0; margin:0; color:#5588aa;} /*hidden stuff for screen readers*/ #tdLogo {width:33%; letter-spacing:1px; font-size:18px; font-weight:bold; color:white; padding: 3px 0 0 10px; } #tdrow1 {background:#56789a; height:30px} #tdsrch {width:33%;padding-left:30px} #searchArg {width:120px; background:#cccccc; padding-left:2px; margin:0 0 0 0; border:1px solid #666666; } .navSrchItem {padding-left:5px; color:white; font-size:13px; font-weight:bold} .navSrchItem:hover {color:white; text-decoration:none} .navlink {color:white; font-size:13px; font-weight:bold; } .navCmdBold {font-weight:bold; font-size:110%} .topLinkTD {padding-left:250px} .searchHeader {text-align:center; font-size:120%; font-weight:bold; color:#666666; margin:20px 0 10px 0} .searchTarget {margin-top:6px; font-weight:bold;} .searchLink {color:#336688} .searchWord {color:red; font-style:italic; font-weight:normal} .searchDescrip {margin-bottom:12px} .searchRelated {margin-top:32px} .tocNav {width:240px; padding-top:60px} .tocBody {width:600px} .tocHead {width:600px; font-size:140%; font-weight:bold; color:#447799; padding:30px 0 10px 0; text-align:center} .tocSubHead {font-size:110%; font-weight:bold; color:#336688; padding:30px 0 5px 0; text-align:center; } .tocsubexplain {text-align:center; padding:0 35px 8px 35px} .tocEntry {margin:4px; font-weight:bold; color:#404090; font-size:95%; text-decoration:none} .quzEntry {margin:4px; font-weight:bold; color:#0055cc; font-size:95%; text-decoration:none} /* temporary entries */ .tocLater {margin:4px; font-weight:bold; color:#888; font-size:95%; text-decoration:none} /*Equations*/ .soloHTMLEqn {margin:7px 0 7px 50px; color:#114466; font-style:italic} .vbl {font-family:serif; font-style:italic; font-size:110%} /*span for variables */ .solo {margin: 10px 0 10px 50px; display:block; font-style:italic} /*formulas*/ .formulaRight {position:absolute; right:1em; top:1em; color:#456789; font-weight:bold; font-size:14px; font-style:italic; } .formulaLeft {position:absolute; left:1em; top:1em; color:#456789; font-weight:bold; font-size:14px; font-style:italic; } /* General entries */ .subTitle {font-size:70%; white-space:nowrap; float:right } .gTitleArea {margin:1.5em 0 1em 0; position:relative; top:0; left:0;border-width:0 0 1px 0; border-style:solid; border-color:#ccc; font-size:100%} .gMainTitle {color:#dd6600; font-size:135%; font-family:arial,sans-serif; font-weight:bold;} .gSubTitle {padding-left:30px;} .gTitle2 {color:#456789; font-size:90%; font-family:arial,sans-serif; font-weight:bold;} /*2nd title line*/ .gEtymology {font-size:90%; position:absolute; right:0; top:5px} .gDefinition {text-align:center; font-size:115%; font-style:italic; margin-bottom:10px} .gAppletHint {margin: 15px 0 5px 0;line-height:17px; display:inline} .gTrythis {font-weight:bold; padding-right:10px; color:#cc5500; display:inline } .gEquation {text-align:center; } .gEquation2 {text-align:center; font-size:110%; font-style:italic; margin:0 0 20px 0 } .gEquation3 {font-style:italic; font-weight:bold;color:#257; font-size:13px; margin:4px 0 4px 15px} .gAside {font-size:90%; color:#333333; margin-top:20px} .gPropName {font-weight:bold; color:#368; font-size:100%; padding-right:20px} .gProp {font-weight:bold; color:#257; width:150px} .gPropDef {padding-bottom:20px} .gSeeAlso {padding-right:10px; color:#259} .gAnswerBox {border:1px solid #aaaaaa; height:26px; text-align:center;margin-top:5px} .gAns {visibility:hidden; padding:3px 0 0 0; color:red} .gProb {position:relative; left:0; top:0} .gCheck {text-decoration:underline; font-size:80%; position:absolute; right:10px} .gProblem {font-weight:bold; color: #368; margin:40px 0 0 0; font-size:110%} .gShowAnswer {cursor:pointer; color:blue; text-decoration:underline; } .gHiddenAns {display:none; color:red} .gAnsTd {border:1px solid #aaaaaa; width:300px; padding-left:10px} .gImgLeft {float:left; margin: 4px 10px 10px 0} .gImgRight {float:right; margin: 4px 0 10px 10px} .gImgInset {display:block; margin: 7px 0 7px 50px;} .gInlineEqn {position:relative; top:6px; left:-2px} .gTable1 {margin:25px 0 15px 0} /* Biography classes*/ .bioLi {margin-bottom:5px} .bioDateTable {margin-bottom:12px} .bioPicLeft {float:left; margin:10px 30px 10px 10px } .bioPicRight {float:right; margin:10px 0 10px 30px } .bioSection {width:50px; color:#447799; font-weight:bold; } .bioHead1 {color:#447799; font-weight:bold; } .bioBodyTable {margin:20px; font-family: sans-serif; line-height: 17px; text-align: left; } .bioCap {float: left; font-size: 2.5em; line-height:1em; color:#447799; font-family: georgia, times; padding-right:2px} .bioByline {margin: 10px 20px 0 0; width:100%; text-align:right; font-size:95%; font-style:italic} .bioWho {font-size:150%; font-weight:bold; color:#ff8800; text-align:center; font-family:sans-serif; margin:25px 0 20px 0} .bioQuotation {font-style:italic; font-size:100% ; margin: 10px 30px 10px 40px;} .bioProbe {font-weight:bold; color:#666; margin-top:10px} .bioCiteBook {font-style:italic; padding-left:10px; padding-right:10px} .bioHead {font-size:110%; color:#225577; font-family:arial,sans-serif; font-weight:bold; margin:30px 0 4px 10px} .bioCiteLink {text-decoration:underline; font-weight:normal; color: navy} /*word index classes */ .wordIndexLink {color:#555555; font-weight:bold} /* multiple choice quizzes */ .questionTable {margin: 0 0 30px 0;} .qResponse {font-size:14px; height:20px; color:red; font-weight:bold; text-align:center; padding-bottom:2px} .qRightAnswerBox {height:100%; border:1px solid gray} .qRightAnswer {height:100%; font-size:20px} .qDropped {position:relative; left:-5px; top:-5px; border-width:1px; border-style:solid; border-color: gray black black gray} .qShadowBox {width:100px; height:70px; background:#ccc; border: 1px solid #ddd; margin:5px 20px 0 5px; font-size:0} .qShadowBox120x90 {width:120px; height:90px; background:#ccc; border: 1px solid #ddd; margin:5px 20px 0 5px; font-size:0} .question {color: #479; padding: 0 10px 0 0; font-weight:bold} .qSubQuestion {color: #479; padding:0 5px 0 0; font-weight:bold} .qResetButton {margin: 0 0 0 510px} .qCongrat {color: #479; font-size:120%; font-family:arial} .qDone {color: #38A; font-size:120%; font-family:arial; margin-bottom:5px} .qResult {height:60px; text-align:center; width:600px; } .qButton1 {margin-left:11px} /* Angle pages */ .angletd1 {width:170px;} .angletd2 {width:170px; padding-bottom:20px} /* Constructions */ table.constProof {background:#ffffdd;border-collapse:collapse; margin-top:20px} table.constProof thead tr {color: #003355; background:#ffffbb} table.constProof td,th {border:1px solid gray} table.constProof tr.constProofSubhead {background:white} table.constProof tr.constProofSubhead td {border-width:0} table.constSteps {background:white;border-collapse:collapse;} table.constSteps thead tr {color: #003355} table.constSteps td,th {border:1px solid gray} .constLinkBox {float:right; margin:0 0 0 20px; } .constPrintTable {width:100%; clear:both; border-style:solid; border-color:#c0c0c0; border-width:0 0 1px 0;margin-top:25px; margin-bottom:12px} .constPrintHdg {font-size:120%; color:#447799; font-weight:bold;} .constPrintLogo {font-size:140%; color:#447799; font-weight:bold; text-align:center} .constPrintContainer {width:700px;padding:10px 0 0 20px} /*Constructions goal and explain */ .textOverlay { position: absolute; top:0; left:0; height:100px; padding:5px; width:100%} /*div to hold the goal and explain divs*/ .constGoal { font-size:16px; font-family:sans-serif; font-weight:bold; color:#456789; text-align:center; line-height:normal} .constExplain { font-family:sans-serif; font-size:15px; color:#333333; text-align:center; line-height:normal } .splash { position:absolute; left:0; top:160px; width:100%; font-family:sans-serif; text-align:center; font-size:22px; color:#234567; visibility:hidden} /*construction worksheets*/ .wsLinkbox {float:right; width:120px; border: 1px solid gray; padding:5px; margin-left:10px; text-align:center; font-size:87%; background:#ffffdd} .wsBody {margin: 20px; width:760px} .wsHead {width:100%; border-width:0 0 1px 0; border-style:solid; margin-bottom:5mm; color:blue} .wsLogo {font-weight:bold; padding-right:20px} .wsName {padding-left:5cm; font-weight:bold} .wsSubtitle {text-align:center; font-size:100%; font-weight:bold} .wsAssistance {text-align:center; margin: 2px 0 0 0} .printableConstTable {width:100%;border-collapse:collapse;} .printButton {float:right; margin:0 40px 0 30px; font-weight:bold} /* constructions animation iframe controls*/ .buttonBar { position:absolute; bottom:0; width:100%; background: #a0a0a0; border-top:1px solid #666666; z-index:30; padding-bottom:4px; font-size:12px; font-family:sans-serif} .constButton { color:black; background:#d4d0c8; border: 2px outset white; text-align:center; width:6em; height:1.7em; cursor:pointer; position:relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .constButton:hover { background:#bbb } #sizeBtn { float:left; padding-left:3px} /* options menu */ .optionsMenu { position:absolute; bottom:2.4em; right:0; border-style:solid; border-width:1px; border-color: #bbb gray gray #ddd; font-size:inherit; background:#eed; visibility:hidden; } .optionsMenu tr { cursor:pointer} .optionsMenu td { padding:3px 6px 3px 6px; font-size:1.1em} .optionsMenu .cbdiv { border:2px inset white; padding:0; background:white; width:1em; height:1em; text-align:center; color:#456789; margin-right:15px; cursor:pointer; font-weight:bold; line-height:0.9em } /*calculator*/ .calcbox {width:75px; text-align:center } .calcside {float:right;margin-right:15px} .calculator {margin: 20px 20px 30px 20px; background:#ddd; border:1px solid gray; padding:5px ; font-size:inherit} .calculator .inp {background:#ffc; height:20px; margin:5px; font-size:100%; } .calculator a {color:#444444; margin-left:6px} .calculator .header {height:17px; font-size:80%; padding-bottom:8px } .calculator button {background:#888; color:white; margin:22px; font-size:100%} .calculator #status {height:17px; color:red} .calculator .output {font-size:100%; margin:2px 3px 2px 3px; padding-left:5px; } .calculator .filler {height:8px} /* trig toolbox */ .tbeqn {padding:5px} .tbox {border:1px solid #789abc; width:140px; text-align:center; float:right; margin:10px 0 0 20px;} /*advertising*/ .advertisement {text-align:center; width:160px; font-weight:bold; margin-bottom:8px; font-size:12px; color:#555555} .advertisement a {color:#555555} .mobileSpacerTD {display:none} .leaderBoard {padding: 20px 0 12px 0} .lowerRect {width:336px; height:280px; margin:30px 0 30px 130px; } /* For mobile phones the link unit at the top of the page is replaced by a 600 by 74px leaderboard */ .topLinkUnit {display:table-row} .fixedLeader {width:600px; height:74px; display:none} .topLeaderMobileUnit {display:none} .citeSkyScr {display:block; width:160px; height:600px; float:right; margin:75px 20px 0 20px; border:1px solid gray} .citeSkyScrIns {display:none} /* Print Control. Some items in the nav bar are suppressed or altered for printing */ @media print { .navBar2 {display:none} /* suppress entire second row (commands) */ .navHidden {display:none} /* suppress Braille bypass link*/ #tdsrch {display:none} /* suppress the site search */ #googsrch {display:none} /* suppress the web search */ #searchStuff {display:none} #tdLogo {color:#447799; font-size:20px; text-align:center} /* change logo */ .navBar {border-bottom:2px solid #5588ee;} #commandRow2 {display:none} /* suppress email and comment cmd line */ .legal {display:none} /* no copyright on the printed output of worksheets */ .leftColTD {display:none} .rightColTD {display:none} .leaderBoard, .lowerRect, .citeSkyScr {display:none} .topLinkUnit {display:none} .wsBody {margin:0} .printHeader {display: none} .buttonBar {display: none} } @media only screen and (min-device-width: 480px) /*desktop devices only*/ { a:hover {text-decoration:underline; color: #0000FF;} /* desktop only. On iphone it will make users double tap links */ } @media only screen and (max-device-width: 480px) /*mobile devices*/ { .leftColTD {display:none} /*Turn of left col on phones*/ .leaderBoard {display:none} /*turn off leaderboards*/ .mobileSpacerTD {display:table-cell; width:20px} /*Turn on spacer td*/ body{font-size:160%; -webkit-text-size-adjust: none;} h1 {text-align:center} .subTitle {float:none} /* See also sections */ .citeUL li {line-height:1.5em} /* TOCs */ .tocHead {font-size:150%; margin:15px 0 15px 0} .tocMain li {line-height:1.4em; font-size:110%} .tocSubHead {font-size:140%; margin-bottom:8px} /* solo equations must scale but only if on an img element */ img[class="soloEqn"] { transform:scale(1.8,1.8); -webkit-transform:scale(1.8,1.8); padding: 25px; } /* sometimes a div is in class soloEqn with the img inside it */ div[class="soloEqn"] img { transform:scale(1.8,1.8); -webkit-transform:scale(1.8,1.8); padding: 25px; } /*etymology*/ .gEtymology {position:relative; top:0; right:auto; left:0} /* navbar */ #tdLogo {font-size:28px; padding: 11px 0 0 13px;} #tdrow1 {height:50px} #tdrow2 {height:44px} #searchArg {position:relative; top:-2px} .navL {font-size:24px;} .notPhone {display:none} /*ads below navbar */ .topLinkUnit, .topLinkIns {display:none} .fixedLeader {display:block} .topLeaderMobileUnit {display:table-row} /*cite ads*/ .citeSkyScrIns {display:inline-block;} .citeSkyScr {display:block} /*constructions*/ #sizeBtn {display:none} /* no full screen on phones*/ .constButton {width:5.5em} .optionsMenu td {padding:0.6em} .buttonBar {font-size:19px} .textOverlay .constExplain {font-size: 18px; color:black} .textOverlay .constGoal {font-size:18px;} .splash {font-size:30px} /*formulas*/ .formulaRight {font-size:65%} .formulaLeft {font-size:65%} }