/* -- The Math Open Reference Project CSS -- */
/* general CSS - HTML overrides */
body {font-size:84%; background-color:white; margin:0; padding:0; font-family: sans-serif; line-height: 17px; }
a {text-decoration:none; color: #0000BB} /* links. not normally underlined */
a:hover {text-decoration:underline; color: #0000FF} /* hover over links makes it underlined */
table {font-size:100%}
ul {margin-top:0; margin-bottom:10px}
p { line-height:17px; margin-top:0;}
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:0px 0 1px 0; margin:25px 0 0 0; clear:both}
h3 {font-size:100%; color:#114466; font-weight:bold; margin:12px 0 0 0; }
.etymology {float:right; position:relative; bottom:1.6em; margin:0px; padding:0px}
.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}
.simpleList {list-style-type:none; padding-left:10px; margin-top:2px}
.spacedlist {padding-bottom:6px; line-height:17px}
.flashApplet {margin:10px 0 20px 0}
.soloEqn {display:block; margin: 7px 0 7px 50px;} /*supercedes gSoloEqn*/
.var {font-weight:bold; font-style:italic; color:#336688}
/* See also stuff*/
.citeUL {list-style-type:none; padding-left:0px; margin-top:2px; margin-left:0px}
.link {text-decoration:underline; color: #0000FF} /* used with tags where links need to be prominent */
.linkBoldNu {color: #0000FF; font-weight:bold} /* used with tags where links need to be prominent but not underlined */
.p {padding: 6px 0 5px 0; line-height:17px} /*simulate a paragraph tag*/
.bodyTable {height:100%; width:100%}
.legal {font-size:90%; color:gray; padding:20px 0 0 0; margin:30px 0 20px 0; text-align:center; clear:both}
.accept {font-size:80%; color:gray; text-align:center; margin:25px 0 0 0;}
/* Nav bar at top of page*/
.navBar {background:#5588aa; color:white; padding: 0 0 6px 10px; height:34px}
.navLogo {letter-spacing:1px; padding:6px 0 0 0; font-size:16px; font-weight:bold; color:white }
.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; margin:5px 0 0 0; background:#cccccc; padding-left:2px; border:1px solid #666666}
.navCmd2 {padding: 0 50px 0 0px; color: white; float:left}
.navCmd3 {padding: 0 20px 0 0px; color: white; float:right}
.navCmd4 {color: yellow;}
.navCmdBold {font-weight:bold; font-size:120%}
.navBar2 {background:#a98; height:24px}
.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*/
/* Print Control. Some items in the nav bar are suppressed or altered for printing */
@media print {
#searchArg {display:none} /* suppress search input box */
.navItem {display:none} /* suppress 3 comands on right */
.navSrchItem {display:none} /* suppress the search command button */
.navLogo {color:#5588aa;} /* invert logo colors */
.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 */
}
/* search engine and search result page classes*/
.searchHeader {text-align:center; font-size:120%; font-weight:bold; color:#666666; margin:20px 0 10px 0}
.searchTarget {margin-top:20px; font-weight:bold; text-decoration:underline}
.searchLink {color:#336688}
.searchWord {color:red; font-style:italic; font-weight:normal}
/* Table of Contents - toc pages*/
.tocNav {width:240px; padding-top:60px}
.tocBody {width:530px}
.tocHolder {margin:30px 0 30px 250px}
.tocHead {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; }
.tocLine {padding-left:12px}
.tocSearchbar {background:#bbbbbb; text-align:center; padding:7px; font-size:105%}
.tocTitle {text-align:center; font-size:150%; font-weight:bold; color:#ff8800; margin:40px 0 0 0}
.tocMain {font-size:105%; margin:5px; font-weight:bold; color:#555555; text-decoration:none}
.tocEntry {margin:4px; font-weight:bold; color:#404090; font-size:95%; text-decoration:none}
.tocDiv {margin:4px 0 4px 0}
.tocIndent {padding-left:20px}
.tocNew {color:#bb0000; font-weight:bold; font-size:80%;padding-left:5px}
.quzEntry {margin:4px; font-weight:bold; color:#0055cc; font-size:95%; text-decoration:none}
.gvnu {position:absolute; top:-700px; left:0}
/* Geometry line symbols */
.gsd {display:inline; font-size:12px; position:relative; padding:0; margin:0; height:0; margin-right:2px}
.gsi {position:absolute; width:14px; height: 5px; top:-3px; left:0; padding:0; margin:0; display:block}
/* temporary entries */
.toclatr {font-size:105%; margin:4px; font-weight:bold; color:#aaa; text-decoration:none}
.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}
/* General entries */
.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}
.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*/
.gSection {font-size:90%; position:absolute; right:0; top:5px; color:#257}
.gEtymology {font-size:90%; position:absolute; right:0; top:5px}
.gDefinition {text-align:center; font-size:115%; font-style:italic; margin-bottom:10px}
.gComment {padding-left:100px; text-decoration:underline}
.gAppletHint {margin: 15px 0 5px 0;line-height:17px; display:inline}
.gAppletStd {width:600px; height:300px; margin-top:10px; margin-bottom:10px}
.gApplet350 {width:600px; height:350px; margin-top:10px; margin-bottom:10px}
.gApplet400 {width:600px; height:400px; margin-top:10px; margin-bottom:10px}
.gAppletShort {width:600px; height:200px; margin-top:10px; margin-bottom:10px}
.gAppletConst {width:600px; height:350px; margin:20px 0 10px 0px; border:1px solid gray }
.gSmallApplet {width:350px; height:220px;}
.gAppletright180x120 {width:180px; height:120px; float:right; margin:10px 10px 10px 30px}
.gTrythis {font-weight:bold; padding-right:10px; color:#cc5500; display:inline }
.gTrythis2 {padding-right:10px; color:#cc5500; display:inline}
.gHeading1 {font-size:120%; color:#479; font-weight:bold; margin:2.0em 0 0.1em 0; border-style:solid; border-color:#c0c0c0; border-width:0px 0 1px 0; clear:both}
.gHeading2 {font-size:100%; color:#368; font-weight:bold; border-style:solid; border-color:#c0c0c0; border-width:0px 0 1px 0; margin:0 0 4px 0 }
.gHeading3 {font-size:100%; color:#368; font-weight:bold;}
.gHeading4 {font-size:100%; color:#368; font-weight:bold; border-style:solid; border-color:#c0c0c0; border-width:0px 0 1px 0; margin:18px 0 4px 0 }
.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}
.gPropLI {margin-top:5px}
.gPropDef {padding-bottom:20px}
.gListDef {padding:0 16px 0 0}
.gSeeAlso {padding-right:10px;white-space:nowrap; color:#259}
.gsoloEqn {margin:7px 0 7px 50px}
.gPonder {width:300px; }
.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}
.gChallenge {font-weight:bold; }
.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}
.gInlineEqn {position:relative; top:6px; left:-2px}
.gTable1 {margin:25px 0 15px 0}
.factHead {font-weight:bold; color:#257; margin:5px 0 0 0}
/*Image holders*/
.imgHolderRt {float:right; margin:8px 0 12px 20px;}
.imgCaption {font-family:sans-serif; font-size:11px;text-align:center}
/* 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}
.bioFeedback {margin: 50px 0 0 0; font-size:95%; text-align:center}
.bioWho {font-size:150%; font-weight:bold; color:#ff8800; text-align:center; font-family:sans-serif; margin:25px 0 20px 0}
.bioLowkey {color:#666}
.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}
/* Proofs */
.prfStep {width:30px; font-size:80%}
.prfComment {padding-left:30px; color:#378; font-size:90%}
/* Index page classes */
.indexTab {background:#999999; padding:0; width:18px; text-align:center;}
.indexTabL {text-decoration:none; font-weight:bold; color:white;}
.indexTitle {text-align:center; font-size:140%; padding: 20px 0 4px 0; font-weight:bold; color:#336688}
.indexHint {text-align:center; font-size:80%}
.indexLetter {font-size:135%; font-weight:bold; color:#4477cc; margin:30px 0 0 0; border-width:0 0 1px 0; border-color:#bbb; border-style:solid; width:400px}
.indexLink {display:block; color:#336688; font-weight:bold; text-decoration:none; }
.indexSubLink {display:block; margin:0px 0 0 20px; color:black; text-decoration:none; font-size:90%}
.indexKwEntry {color:#336688; font-weight:bold; text-decoration:none; display:block; margin-top:5px}
.indexTopCmd {font-family:sans-serif; font-size:10px; color:#555555}
/* maximum size applet window*/
.maxCaptionBar {background-color:white; height:35px; ; padding:9px 30px 0 0 }
.maxCmd {float:right; padding-left:50px}
/* 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;}
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:0px 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}
/*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}
@media print {
.wsBody {margin:0}
.printButton {display:none}
}
/*calculator*/
.calcbox {width:75px; text-align:center }
.calcside {float:right;margin-right:15px}
/*advertising*/
@media print {
.leftColTD {display:none}
.rightColTD {display:none}
}