#FBLiner,.AdSenseBoxCenter{margin:10px auto;text-align:center}#Header .Liner,#HeaderMob .Liner{background-position:top left;background-repeat:no-repeat}#ContentColumn,#Footer,#Header .Liner,#HeaderMob .Liner,#NavColumn{background-repeat:no-repeat}#FBLiner,#Footer,.AdSenseBoxCenter{text-align:center}.ExtraNav a:link,.ExtraNav a:visited,.Navigation a:link,.ThumbnailLink a:link{text-decoration:none}.PageHeading h1,.PageHeading h2{font-family:Verdana,Arial,san-serif}.CoreInfo,p{line-height:150%}.Navigation a:link,h3,td em{font-weight:400}.Answer,.BoldRed,.BoldRedCt,.CopyrightInfo,.CoreInfo,.GameHeading,.Highlight,.IBlue,.IBold,.IBoldCt,.PriorInfo,.Red,.RedCt,.T2Box,td em{font-style:italic}.OrangeBG{background-color:orange;color:#000}.LOrangeBG{background-color:#fee169}.GreenBG,.LimeBG,.SubHeadingL,.SubHeadingQ{background-color:#0f0}.LPinkBG{background-color:#e8d4ed}.PinkBG{background-color:#fba}.Pink2BG{background-color:#ff7fff}.BlueBG{background-color:#6cf}.DBlueBG{background-color:#036}.Lilac button,.Navigation .Lilac li,.VioletBG{background-color:#fdf}.LuminousBG{background-color:#e6f385}.LBrownBG{background-color:#f1e2c5}.LBlueBG{background-color:#aac7fe}.MBlueBG{background-color:#7f7fff}#cse-search-results,.CyanBG{background-color:#0ff}.LBrown2BG{background-color:#bfa88f}.NBlueBG{background-color:#7fbfff}.DRedBG{background-color:#b74100}.DRedBG legend,.SubHeadingY,.Yellow button,.YellowBG{background-color:#ff0}.LRedBG{background-color:#ff7f7f}.PurpleBG{background-color:#7f00ff}.GrayBG{background-color:#acbbc2}.LGreenBG{background-color:#a7f192}.LilacBG{background-color:#d4c9e5}#PageBlurbT2,.MistyRoseBG{background-color:#ffe4e1}.ad_block_1{width:200px;height:200px}@media(min-width:500px){.ad_block_1{width:250px;height:250px}}@media(min-width:800px){.ad_block_1{width:336px;height:280px}}.gsc-search-button{cursor:pointer}.AdSenseBoxCenter{display:block;clear:both}.at-sidebar-ad{min-height:600px!important}.desktopOnly>.AdSenseBoxCenter{min-height:280px!important}body{background-color:#cff;margin:0;padding:0;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:19px}.Navigation,h2,h3{font-family:Verdana,Arial,sans-serif}h1,h2,h3,h4,h5,h6{background-color:transparent;color:#000;clear:both}h2,h3,h4,h5,h6{margin-top:24px}h3{border-bottom:0 solid #8f8fb3}#ContentColumn a,.Bold,.Navigation ul,em{font-weight:700}.tick-style ul{list-style-image:url("../image-files/tick-blue.png")}.smiley-style ul{list-style-type:" &#128515 "}blockquote{margin:12px 56px;color:#006;font-size:100%;line-height:20px;font-family:'Courier New',Courier,monospace}code{color:navy}img{border:0;max-width:100%;height:auto}a:link{color:#00f;text-decoration:underline}a:visited{color:purple;text-decoration:underline}.ThumbnailLink a:hover .Caption,a:hover{text-decoration:underline;color:red}#ContentColumn .p,li{padding-bottom:5px}#PageWrapper,#PageWrapper2,#PageWrapper3{width:1000px;padding:0;margin:0 auto 20px;background-color:#fff}#Header,#HeaderMob{position:relative;width:100%;background-color:#0cffff;border-bottom:3px groove #306}#ContentWrapper{float:left;width:100%}#ContentColumn{margin:0 0 0 220px;width:780px}#ContentColumn .Liner{padding:0 10px 10px}#ContentColumn3 .Liner,#ExtraColumn .Liner,#ExtraColumn .WhiteBG,#FBLiner{padding:5px}#ContentColumn3{margin:0;width:1000px}#NavColumn{float:left;width:219px;margin-left:-1000px;margin-top:10px;padding:0}#NavColumnC,#PageBlurb,#PageBlurbBlue,.Navigation .PaleBlue li,.PaleBlue button{background-color:#cff}.Liner{padding:15px}#Header .Liner{position:relative;padding:1px 0;min-height:130px}#Footer .Liner{margin:0;padding:0}#FBLiner{width:95%;background-color:#ffc;border-top:1px solid #306;border-bottom:1px solid #306;line-height:100%;font-family:Tahoma,Geneva,sans-serif;font-size:110%}#ContentColumn,#Footer,#Header .Liner,#HeaderMob .Liner,#NavColumn{background-color:transparent}#NavColumn .Liner{padding:2px}#Header .Liner{margin:0 10px;background-image:url(https://www.math-salamanders.com/image-files/header-image-desktop.gif)}#HeaderMob .Liner{margin:0;background-image:url(https://www.math-salamanders.com/image-files/header-image-mob.gif)}#ExtraColumn,.hidden{display:none}#Leaderboard,.Caption,.Navigation a:hover,.Navigation a:link,.PageLinks2,.PageLinks3,.PrintBox{display:block}#Footer{clear:both;width:100%;font-size:85%}#NavColumn{font-size:95%;color:#000;border:none}#NavColumn .Blue,#NavColumn .Gray,#NavColumn .Green,#NavColumn .Lilac,#NavColumn .Orange,#NavColumn .PaleBlue,#NavColumn .PaleBrown,#NavColumn .Red,#NavColumn .White,#NavColumn .Yellow{background-color:transparent;border:none;margin:0 auto 0 20px;padding:2px 0;width:100%}#NavColumn h4{font-size:95%;color:#000;margin-top:0}.BottomBorder{margin-bottom:10px;border-bottom:2px solid #306}.BlueBackground,.WhiteBackground{margin:4px auto 15px;padding:10px 5px}.WhiteBackground{background-color:#fff}.BlueBackground{background-color:#0cffff}.Navigation{width:100%;padding:0 0 10px;margin:10px auto 20px}.Navigation h3{width:75%;font-size:100%;color:#000;margin:0 auto;line-height:120%;border:2px outset #306;background-color:#ff0;text-align:center}.Navigation button,.Navigation li{border:2px solid #306;font-size:100%;width:75%;text-align:center}.Navigation button{color:#000;cursor:pointer;margin:2px auto 0;line-height:120%;padding:7px}.Orange button{background-color:#ff8c00;color:#fff}.Green button,.Navigation .Green li{background-color:#bea}.Red button,.SubHeadingR{background-color:red;color:#fff}.Gray button,.Navigation .Gray li{background-color:#dfdde0}.Blue button,.Navigation .Blue li{background-color:#7df}.Navigation .White li,.White button,.WhiteBG{background-color:#fff}.Navigation .PaleBrown li,.PaleBrown button{background-color:beige}.LargeButton{font-size:110%;padding:10px 20px;background-color:#ffc}#Footer .ExtraNav,.ExtraNav{background-color:transparent}.Navigation ul{padding:0;margin:2px auto 10px}.Navigation .Orange li{background-color:#fdc}.Navigation li{float:left;list-style-type:none;padding:0;line-height:30px;color:#000;margin:2px auto}.Navigation .collapsibleContent li{width:75%;background-color:#ffc;border:1px solid #8f8fb3;list-style-type:none;font-size:95%;padding:6px 0;line-height:130%;margin:1px auto 0;text-align:center}.Navigation a:link{color:#000}.Navigation a:visited{color:#000;display:block;text-decoration:none;font-weight:400}.Navigation .active,.Navigation .collapsible:hover,.Navigation a:hover{background-color:#306;color:#fff}.Image{border-color:#000}.ImageNoBd{text-align:center;border:none}.ImageBd,.Inequalities td,.Polygons table,.Polygons tr,.b1,.tborder,.tborder td,.tborder th{border:1px solid #000}.MainImage{border:8px groove #00d5ff}.AnswerBox,.Divide3cols1 p,.Divide3cols2 p,.Image,.ImageCt,.SocialShare,.ThumbnailLink,.Video{text-align:center}#RadToDeg td,.ImageBdCt{text-align:center;border:1px solid #000}.ImagePadding{padding:20px;margin:20px}.ImageFloatLeft{float:left;clear:left;margin:20px 10px 0}.PageHeading,.PageHeading h1{margin-top:10px;text-align:center;color:#fff}.ExtraNav{font-family:'Lucida Sans Unicode','Lucida Grande',Verdana,Arial,sans-serif}.ExtraNav ul,.HomeLinks ul{list-style-type:none;padding:0}.ExtraNav ul li{display:inline;text-align:center}.ExtraNav a:link{color:#00f;text-align:center;padding:0 4px}.ExtraNav a:visited{color:purple}.ExtraNav a:hover{color:red;background-color:#d3e4fb;text-decoration:underline}#Header .ExtraNav{width:60%;font-size:90%;position:relative;text-align:center}#Header .ExtraNav ul{margin:0}#Header .SearchBox{width:30%;position:relative;top:-20px;float:right;clear:right;padding-right:0;margin:0}#siq_searchForm{margin:2px}#searchiq_box{padding:5px;text-align:center}#Footer .ExtraNav{margin:12px auto}#EndofPageInfo{width:90%;margin:0 auto;border-bottom:1px dotted #306}.PageHeading{background-color:#306;padding:0;margin-bottom:0;border-top:5px ridge #ff0;border-bottom:5px ridge #ff0;clear:both}.PageInfo,.QuizInfo{text-align:left;text-decoration:none;padding:10px}.AU{background-color:#00843d}.Orange,.PageHeading .Orange{color:orange}.PageHeading h1{font-size:1.5em}.PageHeading h2{text-align:center;color:#fff;text-decoration:none;margin-top:-.6em;padding-bottom:0;font-size:1.3em}.BookInfo,.CoreInfo,.HomeLinks li,.PageLinks li,.PageLinks2 li,.PageLinks3 li,.PriorInfo,.SheetLinks li,.SheetLinks2 li{padding-bottom:10px}.PageInfo{clear:both;margin-top:-10px}.QuizInfo{background-color:#ece;color:#000;margin-bottom:20px;clear:both}.MathWay,.Phet iframe{margin:10px auto;clear:both;text-align:center}.QuizInfo iframe{width:100%;min-height:750px;border:0;height:100%}.VideoLinks iframe{width:560px;height:315px;border:0}.Phet iframe{width:800px;height:600px;border:0}.MainHeading,.TopicHeading{margin-bottom:10px;font-size:110%}.BookInfo,.CodeBlock,.CoreInfo,.PriorInfo{text-align:left;clear:both;text-decoration:none}.MathWay iframe{width:100%;max-width:600px;height:565px;border:1px solid #e1e1e1;overflow:hidden}#PageBlurb,#PageBlurbBlue,#PageBlurbCalc,#PageBlurbGames,#PageBlurbGenerator,#PageBlurbT2{text-align:left;text-decoration:none;clear:both;margin-top:0;padding:10px 20px 20px}#PageBlurbCalc{background-color:#ffc}#PageBlurbGames{background-color:#efc}#PageBlurbGenerator{background-color:#f0f8ff}.CoreInfo{width:90%}.PriorInfo{background-color:#fff}.BookInfo{background-color:#ffc}.underscore,td em{text-decoration:underline}.MainHeading{padding:4px;background-color:#306;border:2px solid red;color:#fff;font-weight:700;text-align:center}.QuizHeading,.TopicHeading{padding:3px;text-align:center;font-weight:700}.TopicHeading{background-color:#ff0;border:1px solid red;color:#000}.SubHeading,.SubHeadingC,.SubHeadingL,.SubHeadingO,.SubHeadingP,.SubHeadingQ,.SubHeadingR,.SubHeadingX,.SubHeadingY{padding:3px;margin-bottom:0;border:1px solid #000;color:#000;font-weight:700;text-align:center;clear:both;font-size:100%}.QuizHeading,table{margin-bottom:10px}.SubHeading{background-color:#0cffff}.SubHeadingO{background-color:#fc0}.SubHeadingC{background-color:#00f;color:#fff}.SubHeadingP{background-color:green;color:#fff}.SubHeadingX{background-color:#8b0000;color:#fff}.QuizHeading{background-color:#0f0;border:1px solid #000;color:#000;clear:both;font-size:100%}.IBold{font-weight:700}.IBoldCt{font-weight:700;text-align:center}.BoldCt{font-weight:700;color:#306;text-align:center}.BoldWhite,.romanTable th,.romanTable2 th{color:#fff}.BoldWhite{font-weight:700}.BoldHeading{font-weight:700;color:#306;border-bottom:1px solid #306;padding-bottom:5px}.Blue,.BlueCt{color:#00f}.BlueCt{text-align:center}.Red{color:red}.Yellow{color:#ff0}.Green{color:#7fff00}.RedCt{color:red;text-align:center}.BoldRed{font-weight:700;color:red}.BoldRedCt{font-weight:700;color:red;text-align:center}.IBlue{color:#00f}.LBlue{color:#0cf}.LargeText{font-size:110%;line-height:110%}.XLargeText{font-size:120%;line-height:120%}.MainSubHeading,.SupportPageHeading{background-color:#ff0;font-size:110%}.underscore{font-weight:600}.GameHeading{font-weight:700;color:#306}.ExampleSubHeading,.MainSubHeading,.SupportPageHeading{padding:3px;margin-bottom:0;border:1px solid #000;color:#000;text-align:center;font-weight:700}.DoubleHeight,.GameInfo,.Newsletter,td li{line-height:200%}.CopyrightInfo{text-align:center}.SupportPageHeading{clear:both}.ExampleSubHeading{background-color:#98fb98}.ExampleStrip,.ExampleText{background-color:#fff;padding:10px}.ExampleStrip{margin:10px}.ExampleText{font-weight:700;color:#306;text-indent:.5em;border-top:2px solid #0f0;border-bottom:2px solid #0f0}.ExampleBox{color:#306;padding:10px;background-color:#ffc;border-top:2px solid #00f;border-bottom:2px solid #00f}.ExampleBlock{font-family:Verdana,Geneva,sans-serif;font-size:105%;line-height:1.5em;background-color:#f9f7fa;width:90%;border:1px dotted #8f8fb3;margin:18px auto 24px;padding:4px 20px;color:#000;clear:both}#EzineForm,.EzineRow,.EzineRow label,.Inequalities tr{line-height:2em}#EzineForm,.BlueBlock{background-color:#cff}#EzineForm,.Divider{border:1px solid #306}.Answer{text-indent:1.5em}.TopOfThePage{width:80%;margin:10px auto;font-size:110%;text-align:center}.txtIndent{margin-left:2em}.HomeLinks,.PageLinks,.PageLinks2,.PageLinks3,.SheetLinks,.SheetLinks2{margin-top:10px;color:#000;text-align:center}.SheetLinks2{width:50%;float:left}.Newsletter ul,.QuickLinks ul,.QuicklinkBox ul,.SheetLinks ul{list-style:none}.SheetLinks ul li:before{content:"\27A2 \0020"}.VideoLinks{color:#000;text-align:center;margin:10px auto}.QuizLinks{color:#000;text-align:left;width:90%;padding-left:50px}.PageLinks ul,.PageLinks2 ul,.PageLinks3 ul,.QuizLinks ul{margin-left:-20px;list-style:none}.QuizLinks ul li:before{content:"\2705 \0020"}.PageLinks ul li:before,.PageLinks2 ul li:before{color:red;content:"\25B6 \0020"}.BottomRow,.QuizLinks li{padding-bottom:20px}.PageLinks2{width:48%;float:left}.PageLinks3{width:32%;float:left}.Newsletter ul li:before{color:#00f;content:"\2714 \0020"}.Newsletter form{width:70%;text-align:left;padding:20px 50px;margin:20px auto;border:2px solid Gray;clear:both;background-color:#b0c4de}.Newsletter button{width:120px;font-size:120%;font-weight:700;background-color:Indigo;color:#fff;text-align:center;margin:10px auto}.ObjectiveLinks{color:#000;text-align:left}.ObjectiveLinks li{padding-left:3em;padding-bottom:10px}#EzineForm{text-align:left;width:60%;margin:20px auto;padding:10px 20px}.FormInfo label{line-height:1.5em}.Divider{margin:20px auto;width:50%}.Divide2cols,.Divide3cols,.Divide3cols1,.Divide3cols2{padding:0;float:left;text-align:center}.Divide2cols{border:2px;width:49%;list-style-image:url(https://www.math-salamanders.com/image-files/arrowhead.gif);list-style-position:outside}.Divide3cols{width:32%}.Divide3cols1{width:28%}.Divide3cols2{width:36%}.Col2Layout{float:left;width:45%;text-align:left;font-size:90%;margin:10px}#RadToDeg,.Inequalities,.Polygons{margin:10px auto;line-height:110%;text-align:center}.BlueBlock{padding:2px;min-height:5em;border-top:1px solid #306}.Highlight,.Polygons{border:1px solid #000}.WhiteBlock{padding:5px 2px 2px;background-color:#fff;font-size:x-small;height:80px}.WhiteBlock img{border:0;vertical-align:middle;text-align:center}.Highlight{background-color:#0cffff;color:#000;font-weight:700;font-size:95%}table{margin-top:10px}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w33{width:33%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.romanTable2,.w80{width:80%}.w90{width:90%}.w100{width:100%}table #RegShapes{border-collapse:collapse;border:2px solid #000}.TableTop .td,.top-align td,.v-top{vertical-align:top}tr .pinkRow{background-color:pink;border-top:1px solid #000;border-bottom:1px solid #000}.Polygons td,.Polygons th{width:33%;border:2px solid #000}.btop{border-top:2px solid purple}#RadToDeg,.Inequalities{background-color:Azure;border:1px solid #000}#Leaderboard,#mathDictionary{background-color:transparent}#MatchedContent,.primes table,.primes td{margin-left:auto;margin-right:auto}.TLblue,.Taqua,.Tpink,.Twhite,.Tyellow{line-height:150%}.TableBd tr{border:2px solid #000}.Twhite{background-color:#fff;color:#000}.Taqua{background-color:#0ff}.Tyellow{background-color:#ffffe0}.Tpink{background-color:#fac6aa}.TLblue{background-color:Azure}.primes{background-color:#ffffe0;color:#000;line-height:2em}.primes td{clear:both;text-align:center}.CalloutBox,.CalloutBox2{width:85%;border:1px dotted #8f8fb3;margin:18px auto 24px;padding:4px;color:#000;clear:both}.CalloutBox p,.CalloutBox2 p{margin:13px}.CalloutBox{background-color:#f7f7f7}.CalloutBox2{width:90%;background-color:#fff0f5;border:1px solid #306}.HowToPrintBox{background-color:#ffc;font-size:85%;width:90%;border:4px ridge #0cf;margin:10px auto;padding:0 10px;color:#000}#searchBox,.PrintBox{border:1px solid #306}@media screen and (min-width:1000px){.HowToPrintBox{width:380px}}.HowToPrintBox ul{list-style-type:square}.PrintBox{margin:5px auto;width:90%;clear:both}div.CalloutBox h1,div.CalloutBox h2,div.CalloutBox h3,div.CalloutBox h4,div.CalloutBox h5,div.CalloutBox h6{margin:13px 0 0 13px}.ReminderBox{clear:both;background-color:#ddd;width:100%;border:1px solid #8f8fb3;margin:0 0 12px 18px;color:#306}.QuicklinkBox{clear:both;margin:10px 10px 20px 20px;color:#000;border-top:2px dotted #306;border-bottom:2px dotted #306;padding:4px;font-size:110%;line-height:200%;font-family:"Palatino Linotype",Palatino,serif}.QuickLinks ul li:before,.QuicklinkBox ul li:before{color:red;content:"\27A4 \0020 \0020"}.QuickLinks{line-height:250%}.Caption,.HighlightBox,.Support{line-height:150%}.ReminderBox h4{margin:0;padding:2px;text-align:center;background-color:#ff0}.ReminderBox p{font-size:95%;padding:0 4px;line-height:120%}.ReturnToNavBox{background-color:#afd;width:80%;border-top:1px solid #306;border-bottom:1px solid #306;margin:0 auto 12px;padding:20px;text-align:center}#FooterBox{background-color:#0cf;color:#000;border:none;margin:0 auto;padding:6px;text-align:center}#FooterBox .ExtraNav{line-height:150%;text-align:center;font-weight:700}.IdeasBox{background-color:#edf;font-size:100%;width:90%;border:3px ridge #8f8fb3;margin:15px auto;padding:10px;color:#000}.HighlightBox{background-color:#cff;font-size:100%;border:2px solid #8f8fb3;padding-left:20px;padding-right:20px}.pinterestFollow{margin:5px auto;border-top:1px solid #000;border-bottom:1px solid #000;padding:5px 0;text-align:center}.Clear{clear:both}.Caption{font-size:90%;font-weight:700;color:#000;margin-bottom:10px}.ItemRight{float:right;width:60%;margin:2px 0 12px 18px}.ItemCenter{margin:2px auto 12px;text-align:center;clear:both}.ItemLeft{float:left;width:30%;margin:2px auto}.T2Box{float:left;clear:both;margin-top:10px}.FrontPage{float:left;padding:5px;margin:5px}.LargeLogo{text-align:center;margin:5px;clear:both;padding:0}.NewLargeLogo{float:right;text-align:right;margin:5px;clear:right;padding-left:10px}.LargeLogo img,.NewLargeLogo img{border:5px groove #306}.formula{text-align:center;clear:both}.Support{text-align:left}.Fraction,.FractionCt{line-height:200%;font-size:90%}.FractionCt{text-align:center;margin-left:auto;margin-right:auto}.Recurring,.Sqrt{text-decoration:overline}.MathJax_Left{text-align:left!important;display:inline!important}td{padding:5px 10px}.TableSubHeading{padding:3px;margin-bottom:10px;background-color:#ff0;border:1px solid #000;color:#000;text-align:center}.BlackBG,.RedBG,.TanBG{padding-top:5px}.TableMid,.TableTop{border:none;text-align:left}.TableTop{width:80%}.TableMid{width:100%}.TableMid .td{vertical-align:middle}.romanTable,.romanTable2{background-color:#fff;margin:10px 20px;text-align:center;line-height:1.5em}.BlackBG,.DGreenBG,.LimeBG,.OrangeBG,.RedBG,.TanBG,.WhiteBG,.YellowBG{margin-top:5px;padding-bottom:10px;margin-bottom:10px}.romanTable td,.romanTable2 td{width:3em;border:1px solid #000}#searchBox{font-size:90%;width:5em;margin-left:10px;text-align:center;padding:2px}#gsc-control-searchbox-only input{font-size:90%;text-align:left;width:200px;float:right}.eucookiebar{bottom:0;position:fixed!important;top:auto!important}.smallFont{font-size:90%}.wildFont{font-family:"Brush Script MT",cursive}.crossOut{color:#000;text-decoration:line-through}.formulaText{font-family:Cambria,Calibri,serif;font-size:130%}#Leaderboard{width:770px;min-height:88px;float:right;clear:right;margin:-10px 10px 0}@media screen and (min-width:1240px){#ContentColumn3,#PageWrapper,#PageWrapper2,#PageWrapper3{width:1240px}#ContentColumn,#ContentColumn2{width:880px;margin:0 0 0 360px}#NavColumn{width:359px;margin-left:-1240px}#ContentColumn .Liner{padding:5px 30px 10px 10px}#Leaderboard{width:980px}}.center-align{text-align:center;margin-left:auto;margin-right:auto}.left-align{text-align:left}.right-align{text-align:right;float:right}.DGreenBG{background-color:#006400}.RedBG{background-color:red;color:#fff}.BlackBG{background-color:#000;color:#fff}.RedBD{border:2px solid red}.TanBG{background-color:#ffc}.NewItem{border-bottom:1px solid #306}.AnswerBox,.FormulaBox{border-top:2px solid #0f0;border-bottom:2px solid #0f0;background-color:#efe;padding-left:20px;padding-top:5px;padding-bottom:5px;color:#000}.FormulaBox{background-color:#def;border-top:2px solid red;border-bottom:2px solid red}.dctBtn1,.dctBtn2{padding:5px;background-color:#0cf;color:#000;text-align:center;font-weight:700}#mathDictionary{display:inline-block;padding:20px;line-height:2em;width:95%}#dictionaryArea{width:100%;display:inline-block;float:left;margin:10px auto;padding:10px 0;background-color:#306}.dictionaryIndex{width:33%;float:left;margin:10px auto;text-align:center}.dctBtn1{float:left;font-size:large;width:150px;height:40px;border-radius:8px;border:3px solid #306;margin:5px 10px}.dctBtn2{font-size:medium;width:160px;height:auto;border:2px solid #306;border-radius:8px;margin:10px auto}.collapsible,.menubutton,.navtab{color:#000;cursor:pointer;text-align:left}a:link .dctBtn2,a:visited .dctBtn2{background-color:#ccf;text-decoration:none}a:hover .dctBtn2{background-color:#ffc;text-decoration:none}.menubutton,.navtab{padding:4px;border-radius:5px;border:1px solid #6cc;margin:2px 4px}.infoBar{width:100%;text-align:center;font-weight:700;font-size:105%;background-color:#ffc;padding:8px;border:1px solid #306}.cmenubutton{margin-left:10px;width:90px}@media screen and (max-width:640px){.cmenubutton{margin-left:5px;width:75px}}.active,.collapsible:hover{background-color:#0a9}.collapsibleContent{padding:0 10px;width:90%;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.collapsible:after{content:'\02795';font-size:13px;color:#fff;float:right;margin-left:5px}.active:after{content:"\2796"}.amazonshop{width:120px;height:240px;margin:0;border:0}.SocialBox{width:90%;background-color:#cff;margin:10px auto;padding:5px 10px 20px;border-left:3px solid #00f;line-height:200%}.SocialShare span{padding:5px 40px 5px 5px}
/* JAVASCRIPT and FORMS FOR GENERATOR AND CALCULATOR PAGES*/

fieldset{
  width: 95%;
  margin: auto;
  padding: 0 0 20px 0;
  font-size:110%;
  border: 3px groove #00ccff;
}

/*
 label {
	  float: left;
	  width: 9.5em;
	  clear: left;
	  text-align: center;
	  padding: 0px;
	  line-height: 2em;
}
*/

select {
 	text-align: center;
 	width: 8em;
	height: 1.5em;
	font-size:110%;
}


.right-align2 select{
	width: 12em;
	font-size:100%;
}

.narrow select{
	width: 6em;
}


#unitSelect1, #unitSelect2{
	font-family: "Arial Narrow","Helvetica Narrow",Tahoma,Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
}

.narrowFont{
	font-family: "Arial Narrow","Helvetica Narrow",Tahoma,Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
}

#amOrPm{
	width: 3em;
}

select #accuracy{
	width:6em;
}

legend {
	font-size:85%;
	color: #330066;
	font-weight: bold;
}


.left-alignBDOH input{
  text-align: center;
  font-size:110%;
  width: 95%;
  border: 2px solid green;
  padding-right: 10px;
}


.left-align input, .right-align input{
  text-align: center;
  font-size:110%;
  width: 6em;
  border: 2px solid green;
  padding-right: 10px;
}

#getNumbers input{
	width: 10em;
}

#txtNumSM, #txtNumMS{
	width: 6em;
}

#txtNumB{
	width: 10em;
}

#txtNumF, #txtNumF1, #txtNumF2, #txtNumHM1, #txtNumHM2{
	margin: 5px 1px;
}

#hourNum1, #minNum1, #hourNum2, #minNum2{
	width:2em;
	margin: 4px 0;
}

fieldset button {
  margin: 12px 0;
  padding: 1px;
  font-size:110%;
  width: 9em;
  background-color: #330066;
  color: white;
  text-align:center;
  border: 3px outset gray;
}

fieldset .wide{
	width: 12em;
}

button .resetButton {
	color: black;
	background-color: #ffff00;
}

.clearLine{
	clear: both;
	line-height: 1em;
}

.clearLineWide{
	clear: both;
	line-height: 1.5em;
}



#percentSelect{
	border: 2px solid green;
	margin-left: 0px;
	line-height: 1.5em;
	width: 6em;
	background-color: pink;
}

form p{
	text-align: center;
}

#output, #output1, #output2, #outputSF, #outputSF2, #outputIF, #outputDF, 
#outputDF2, #outputDF3,  #outputDF4, #outputFDP1, #outputFDP2, #outputFDP3, #outputFDP4, #outputPF, #outputPF2, #outputPF3, 
#outputCF, #outputFC, #outputTD, #outputTD2, #outputDT, #outputSM, #outputMS,
#outputL, #outputL1, #outputL2, #outputA, #outputW, #outputS, #outputNS, #outputNS2, #outputNS3, #outputT, #outputABS, 
#outputAR, #outputAR2, #outputAR3, #outputAR4, #outputAS{
	padding: 2px 20px;
	border: 1px solid red;
	background-color: #ffffcc;
    text-align: center;
    font-size: 110%;
    position: relative;
    top: 2px;
    width: 6em;
}

#outputAR, #outputAR2, #outputAR3, #outputAR4, #outputAS{
	margin-top: -5px;
	min-height: 20px;
	vertical-align: middle;
	width: 140px;
}

#hiddenAns1, #hiddenAns2{
	display:none;
}

#outputAR{
	font-family: "Times New Roman", Georgia;
	font-size: 120%;
}

#outputNS, #outputNS2, #outputNS3{
	margin-top: -5px;
	min-height: 20px;
	vertical-align: middle;
	padding: 2px 0;
	font-size: 100%;
	width: 98%;
	float: right;
}

#outputL, #outputA, #outputS{
	width:8em;
}

#outputFI, #outputFI1, #outputFI2, #outputHM1, #outputHM2, #outputHM3{
	padding: 2px 10px;
	border: 1px solid red;
	background-color: #ffffcc;
    text-align: center;
    font-size: 110%;
	width: 5em;
	line-height: 1.3em;
	margin: 3px auto 6px auto;
	float: right;
}

#outputHM1, #outputHM2, #outputHM3{
	width: 7em;
}

#outputFI1{
	display:none;
}

#outputCon1, #outputCon2, #outputCon{					// Used for the converters with only two units e.g. mm to inches
	text-align: center;
 	width: 6em;
	height: 1.5em;
	font-size:110%;
	background: #b2b2b2;
	padding: 1px 20px;
	position: relative;
    top: 2px;
    margin: 5px 0;
}

#outputCon1, #outputCon2, #outputCon{
	position: relative;
    top: 2px;
}

#outputBDOH1, #outputBDOH2, #outputBDOH3, #outputBDOH4{
	text-align: center;
 	width: 100%;
	height: 1.5em;
	font-size:110%;
	background: #b2b2b2;
	padding: 1px 5px;
    margin: 0;
}

#outputConF, #outputConF1, #outputConF2, #outputConF3, #outputConF4, .outputUnits{
	text-align: center;
 	width: 3.5em;
	height: 1.4em;
	font-size:110%;
	background: white;
	padding: 0px 20px;
    margin: 10px 0 12px 0;
}

#outputConF, #outputConF1, #outputConF2{
	position: relative;
    top: -3px;
}

#outputConC1, #outputConC2, #outputConF3, .outputUnits{
	position: relative;
    top: -6px;
}

#secondOutputBox{
	display: none;
}

.outputUnits{
	background-color: #ffffcc;
	width: 4em;
}

.left-align, .left-alignBDOH{
	width: 41%;							/* Don't change this - optimised for mobile and desktop */
	padding: 5px 5px;
	margin-right: 2px;
	float: left;
	clear: left;
	text-align: right;
}

.left-alignBDOH{
	width: 60%;
}

.right-align, .right-alignBDOH, .right-align2{
	width: 51%;						/* Don't change this - optimised for mobile and desktop */
	padding: 5px 0;
	margin-left: 2px;
	float: left;
	clear: right;
	text-align: left;
}

.right-alignBDOH{
	width: 30%;
}

.dobCol{
	float: left;
	width: 25%;	
	min-height: 30px;
	padding: 5px 5px;
	text-align: center;
}


.dobRow:after{
	content: "";
	display: table;
	clear: both;
}

#Values, #Questions{
	width:9em;
	min-height:4em;
	margin:0.5em;
	padding-bottom:2em;
	text-align:center;
	float:left;
	background-color: #ccffff;
	line-height: 1.5em;
	visibility:hidden;
}

#Options{
	width:15em;
	margin:1em;
	padding-bottom:1em;
	float:left;
	background-color: #ccffff;
	text-align: center;
	font-size:100%;
	line-height:250%;
	visibility:hidden;
}


#Options input{
	margin-left:2em;
	float:left;
	text-align:center;
}



.WorksheetInfo {
text-align: left;
clear:both;
text-decoration: none;
padding-bottom: 1em;
line-height:150%;
padding-left:5%;
}


#GeneratorBlock{
	background-color: white;
	font-size:80%;
	display:block;
	clear:both;
	border: none;
	padding-top:1em;
	border-top: 1px solid black;
}

#outputPrimes, #outputFactors, #outputPrimes2{
	background-color: white;
	margin: 10px;
	padding: 10px;
	color: black;
	font-size: 95%;
	border: 1px solid red;
	background-color: #ffffcc;
	min-height:2em;
}

#outputFactors{
	font-size: 100%;
	background-color: black;
	color: white;
}

#outputFactors h3{
	color: white;
}

#showWorkingOut, #showWorkingOut1, #showWorkingOut2, #showWorkingOutA, #showWorkingOutW, #showWorkingOutL, #ageWorkingOut, #timeWorkingOut{
	clear: both;
	position: relative;
	top: 10px;
	margin: 20px 10px;
	padding: 10px 10px;
	color: white;
	display:none;
	background-color: black;
	font-size: 95%;
	line-height: 1.5em;
}

#ageWorkingOut, #timeWorkingOut{
	border: 5px groove #330066;
	margin: 20px 5px;
	background-color: aqua;
	color:black;
	font-size: 100%;
	text-align: left;
}

#ageWorkingOut p{
	text-align: left;
}

#timeWorkingOut p{
	text-align: left;
	font-size: 90%;
}

#ageWorkingOut h3, #timeWorkingOut h3{
	text-align: center;
	font-weight: bold;
	font-size: large;
}

#showWorkingOut p, #showWorkingOut1 p, #showWorkingOut2 p{
	text-align: left;
}

#showWorkingOut .yellow{
	color: #ffff00;
}

#showWorkingOut h3, #showWorkingOut1 h3, #showWorkingOut2 h3, #showWorkingOutA h3, #showWorkingOutW h3, #showWorkingOutL h3{
	font-weight: bold;
	font-size: large;
	color: white;
}

.finalAnswer{
	color: yellow;
	padding: 5px;
	background-color: DarkRed;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
}

.poseQuestion{
	color: yellow;
	padding: 5px;
	background-color: MidnightBlue;
	border-top: 1px solid green;
	border-bottom: 1px solid green;
}

#areaSelectW1, #areaSelectW2{
	width: 8em;
}

#conSelect, #conSelect2{
	width: 13em;
	margin: 10px auto;
	float: center;
	display:none;
}


.mobLabel{
	clear: both;
	padding: none;
	margin: none;
	line-height: 0.5em;
}

#errComment, #errComment1, #errComment2, #infoComment{
	display:none;
	clear:both;
	border: 2px solid white;
	background-color: red;
	color: white;
	font-style: italic;
	text-align: center;
}

#infoComment{
	background-color: white;
	color: green;
}

#calcType, #measureType{
	display:none;
}


/* Style for tables in bdoh */
.bdoh{
	width:50%;
	margin: 10px auto;
	text-align: center;
}

.bdoh th{
	align: center;
}

.bhod td{
	align: center;
}

.bdoh .border{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.bdohtable{
	background-color: Azure;
	width:50%;
	margin: 10px auto;
	text-align: center;
	line-height: 1.5em;
	float: center;
}

.bdohtable td{
	border: 1px solid black;
}

.bdohtable th{
	background-color: green;
	color: white;
}

.topBorder{
	text-decoration: overline;
}

.hidden{
	display:none;
}

#monthFrom, #monthTo, #dayFrom, #dayTo, #yearFrom, #yearTo{
	width: 90%;
}

#month, #day, #year{
	width: 80%;
}


#dateNum1, #dateNum2{
	width: 8em;
	height: 1.4em;
}

.timeBox, .timeBox2{
	background-color: white;
	border: 1px solid green;
	width: 6.5em;
	padding: 0px 5px;
	clear: right;
	float: left;
}

.timeBox2{
	width: 10em;
	padding: 10px;

}

.timeBox3 select{
	width: 4em;
}

.timeBox input, .timeBox2 input{
  text-align: center;
  font-size:110%;
  width: 2em;
  border: none;
}

#unixTimerBox{
	width: 50%;
	height: 30px;
	background-color: #ff7f7f;
	color: black;
	float: center;
	margin: 10px auto;
	display: none;
	text-align: center;
	font-size: 120%;
	border: 3px groove green;
}

#primeCol1{
	width: 30%;
	margin-left:20%;
	margin-bottom: 2em;
	float:left;
	text-align: center;
	background-color: white;
	border: 1px solid black;
	display:none;
}

#primeCol2{
	width: 30%;
	float: left;
	text-align: center;
	background-color: white;
	border: 1px solid black;
	display:none;
	margin-bottom: 2em;
}

.CalculatorInfo{
	text-align: left;
	text-decoration: none;
	padding: 10px;
	clear:both;
	background-color: #e6e6e6;		/* This is light gray */
	width: 95%;
	border: 1px solid black;
	margin: 10px auto;
	float: center;
}

.buttonCalc{
	background-color: #330066;
	color: white;
	cursor: pointer;
	height: 35px;
	border-radius: 8px;
}

.buttonCalc:hover{
	background-color: green;
}

.italics{
	font-style: italic;
}

.pinkFont{
	color: pink;
}

/* LONG DIVISION STEP BY STEP CALCULATOR */


table {
	margin: 0px auto;
	border-spacing: 0px;
    border-collapse: collapse;
}

.longDivTable td{
	padding: 0px;
	padding-right: 5px; 
	padding-top: 3px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.longDivTable tr{
	border-spacing: 0px;
	border-collapse: collapse;
}

.overLine{
	border-top: 2px solid white;
}

.underLine{
	border-bottom: 2px solid white;
}

.cornerLine{
	border-top: 2px solid white;
	border-left: 2px solid white;
}

td .cornerLine{
	padding: 0px;
	padding-left: 5px;
	padding-top: 3px;
	text-align: center;

}





/* Math Salamanders */
@media only screen and (max-device-width: 480px) {
    html {
        -webkit-text-size-adjust: none; /* prevent iOS from scaling text */
    }
}

html.landscape #ContentColumn, html.landscape #ContentColumn3 { /* landscape mode */
    font-size: 125%;
    line-height: 1.3;
}

html.mobile .desktopOnly {
    display: none;
}

.mobileOnly {
    display: none;
}

html.mobile .mobileOnly {
    display: block;
}

html.mobile form > table {
    max-width: 100% !important;
    width: auto !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#NotifyDiv  input[type="text"],
html.mobile .formbody input[type="text"],
html.mobile .comments input[type="text"],
#NotifyDiv  textarea,
html.mobile .formbody textarea,
html.mobile .comments textarea,
#NotifyDiv  select,
html.mobile .formbody select,
html.mobile .comments select {
    width: 90% !important;
}

html.mobile #pendingSubmission table {
    width: 100%;
}

html.mobile img {
    max-width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html.mobile iframe {
    max-width: 100%;
}

html.mobile.android2 iframe {
    width: 100% !important;
}

/* I added this top line */
@media only screen{
	#toolbar {
	    text-align: center;
	    width: 100%;
	    height: auto;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    z-index: 1000;
	    padding: 4px 2px;
	    background: #000;
	    position: fixed;
	    top: 0;
	    left: 0;
	}
	
	#toolbar button {
	    width: 47.5%;
	    font-size: 12px;
	    padding: 0.3em;
	}

	html.mobile #PageWrapper, html.mobile #PageWrapper3 {
	    margin-top: 35px;
	}
}
/* I added this line */
@media only print{
	toolbar: display:none;
}

html.fullView #PageWrapper, html.fullView #PageWrapper3 {
    margin-top: 65px;
}

html.android2 #toolbar button {
    background: #f7f7f7;
    border: 1px solid #2F4255;
    border-radius: 0.5em;
}

.iosbtnfix {
    height: 1000px;
    overflow: hidden;
}

html.fullView #mobileBtn {
    width: 97%;
}

html.mobile #toTopBtn,
html.mobile #navBtn {
    width: 64.1%;
}

html.mobile #fullBtn {
    width: 31.1%;
    margin-right: 4px;
}

html.mobile #fullBtn,
html.mobile #navBtn {
    display: inline-block;
}

#fullBtn,
#navBtn,
#toTopBtn,
html.mobile #mobileBtn {
    display: none;
}

.phantomHeaderImage {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

html.mobile,
html.mobile body {
    height: 100%;
}

/* I added next line */
@media only screen{
	html.mobile #PageWrapper, 
	html.mobile #PageWrapper2, 
	html.mobile #PageWrapper3 {
	    max-width: 100%;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    overflow: hidden;
	    background-size: 100%;
	    -webkit-overflow-scrolling: touch;
	}
}

html.mobile #Header {
    width: 100%;
}

html.mobile #Header,
html.mobile #Header .Liner{
    background-size: 100%;
}

html.mobile #Header .Liner{
	background-image: url(../image-files/header-image-mob.gif);
	max-width: 100%;
}	

html.mobile #ContentWrapper {
    padding: 0;
    float: none;
}

html.mobile #ContentColumn,
html.mobile #ContentColumn2,
html.mobile #ContentColumn3,
html.mobile #NavColumn {
    float: none;
    width: auto;
    margin: 0;
}

html.mobile #NavColumn {
    margin-top: 100px;
}

html.mobile #PageWrapper,
html.mobile #PageWrapper2,
html.mobile #PageWrapper3 {
    text-align: center;
}

html.mobile #ContentColumn,
html.mobile #ContentColumn2,
html.mobile #ContentColumn3,
html.mobile #Header,
html.mobile #NavColumn {
    text-align: left;
}

 html.mobile #NavColumn {
    display: inline-block;
    width: 300px; /* original column width */
    vertical-align: top;
    overflow: hidden;
}

html.mobile #ExtraColumn{
	display: none;
}

/*
html.mobile #Footer {
    position: absolute;
    top: 10000px;
    left: 0;
    overflow: hidden;
}
*/

@media only screen and (max-width: 359px) { /* portrait mode (very narrow columns) */
    html.mobile #NavColumn, 
    html.mobile #NavColumnC, {
        width: 300px;
    }

    html.mobile #ExtraColumn {
        margin-left: -4px !important;
    }

    html.mobile #NavColumn .Liner,
    html.mobile #ExtraColumn .Liner {
        padding-left: 1px;
        padding-right: 1px;
    }

    html.mobile #ExtraColumn .Liner {
        padding-left: 0;
    }

    html.mobile #NavColumn * {
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-size: 100%;
    }
}


@media only screen and (min-width: 360px) {
    html.mobile #NavColumn{
        width: 300px;
    }
}

@media only screen and (min-width: 380px) {
    html.mobile #NavColumn{
        width: 300px; /* original column width */
    }
}

@media only screen and (max-width: 550px) {
    html.mobile .socializeIt,
    html.mobile .socializeIt img {
        width: 100% !important;
    }

    html.mobile .socializeIt textarea {
        width: 100% !important;
    }

    html.mobile .socializeIt > tbody > tr:first-child > td {
        width: 45%;
    }

    html.mobile .socializeIt > tbody > tr:first-child > td:first-child {
        width: 10%;
    }
}

/* Design specific */

html.mobile #ContentWrapper {
    background: transparent;
}


/* disable plug-ins */
html.m #sthoverbuttons,
html.m #google_translate_element {
    display: none !important;
}

/* My Own Mobile Changes */
html.mobile .NewLargeLogo{
	text-align: center;
	margin: 5px;
	clear: both;
	padding: 0;
}

/* PRACTICE ZONE CODE FOR MOBILE */
/* These are added for the practice zone */

html.mobile #zoneBox1, 
html.mobile #zoneBox2 {
	background-color: black;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	padding:10px 0px;
	float: left;
	margin: 10px 10px;
	min-height: 20em;
	width: 95%;
}

@media only screen and (max-width: 900px) {
	html.mobile #zoneBox3 {
		color: white;
		width:100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		margin: 0;
		border:0;
		/*clear:both;*/
		display: block;
		clear: both;
	}
	
	html.mobile #navZoneArea {
		float: left;
		width: 100%;
		min-height: 2em;
		margin: 0;
		padding: 0;
	}
	

	html.mobile .navZoneItem,
	html.mobile .practiceZoneLogo {
		margin: 2px 20px;
		padding: 2px 5px;
		float: left;
		height: 45px;
	}
	
	html.mobile .practiceZoneLogo {
		width: 70px;
	}
	
	html.mobile .navZoneItem {
		width: 55px;
	}
	
	html.mobile .navZoneHeading,
	html.mobile .navZoneCol {
		width: 14%;
		height: 70px;
		float: left;
		text-align: center;
		margin: 0px 10px;
	}
	
	html.mobile .navZoneHeading{
		width: 20%;
	}
	
	html.mobile .calcButton {
		width: 10%;
		height: auto;
		padding: 4px;
		margin: 0;
		text-align: center;
	}
	
	html.mobile .opButton {
		width: 10%;
	}
	
	html.mobile #calcButtonArea {
		padding: 0px;
		width: 95%;
		margin: 0px auto;
		text-align: center;
	}
	
	html.mobile #zoneBlock4 {
		margin: 0px auto;
		width: 320px;
		float: center;
		clear: both;
	}
	
	html.mobile #markAnswerArea {
		width:90%;
		clear: both;
		margin: 0;
		padding: 0;
		height: 80px;
	}
	
	html.mobile #timerBox {
		float: right;
		width: 90%;
	}
	
	html.mobile #inputAnswer,
	html.mobile #questionText,
	html.mobile #inputAnswer {
		width: 50%;
	}
	
	html.mobile #zoneArea2 {
		width: 320px;
		margin:0 auto;
		min-height: 600px;
		float: center;
		padding:0;
		border: 3px outset blue;
	}
	
	html.mobile .MobCol1,
	html.mobile .MobCol2,
	html.mobile .MobCol3 {
		width:30%;
		float: left;
		margin: 5px auto;
		text-align: center;
		vertical-align: center;
	}
	
	html.mobile #timerBox {
		float: left;
	}
	
	html.mobile #jigsawArea {
			width: 320px;
			height: auto;
			margin: 0px auto;
			float: center;
			clear: both;
			padding: 0;
			border: 0px;
			border-top: 3px outset yellow;
			border-bottom: 3px outset yellow;
	}
}

html.mobile #pageBreak { page-break-before: always; } /* page-break-after works, as well */

html.mobile #WorksheetA, html.mobile #WorksheetQ{
	page-break-inside: avoid;
}

html.mobile .Divide3cols{
	width: 100%;
}