.PageHeading h1,.PageHeading h2{font-family:Verdana,Arial,san-serif;text-align:center}a:hover,a:link,a:visited{text-decoration:underline}#ContentColumn,#ContentColumn2{margin:0 0 0 220px;width:780px}#ContentColumn,#ContentColumn2,#Header .Liner,#NavColumn{background-repeat:no-repeat;background-color:transparent}.BlueBackground,.WhiteBackground{margin:4px auto 15px;padding:10px 5px}#ContentColumn a,#ContentColumn2 a,.MainHeading,.Navigation ul{font-weight:700}#NavColumn,#NavColumn h4,.Navigation a:link,body{color:#000}.Navigation a:link,.Navigation a:visited{text-decoration:none;font-weight:400;display:block}#FBLiner,#RSSbox,.LikeBox{line-height:100%}.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}}body{background-color:#afd;margin:0;padding:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px}.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}.PageHeading h1{margin-top:5px;color:#fff;font-size:x-large}.PageHeading h2{color:#0cf;margin-top:-.5em;padding-bottom:.2em;font-size:21px}.LBlue,.PageHeading .LBlue{color:#0cf}h3{border-bottom:0 solid #8f8fb3}p{line-height:130%}blockquote{margin:12px 56px;color:#006;font-size:100%;line-height:20px;font-family:'Courier New',Courier,monospace}code{color:navy}img{border:0}a:link{color:#00f}a:visited{color:purple}a:hover{color:red}#ContentColumn .p,#ContentColumn2 .p,li{padding-bottom:5px}#PageWrapper,#PageWrapper2,#PageWrapper3{width:1000px;padding:0;margin:0 auto 20px;background-color:#fff}#Header{width:100%;background-color:#6cc;position:relative;border-bottom:3px groove #306}#ContentWrapper,#ContentWrapper2{float:left;width:100%}#ContentColumn{float:left}#ContentColumn3{margin:0;width:1000px}#ContentColumn3 .Liner{padding:5px}#NavColumn{float:left;width:219px;margin:20px 0 0 -1000px;padding:0 20px 0 5px;font-size:100%}#Footer,#Header .ExtraNav{font-size:90%;text-align:center}@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 20px}}#Footer{clear:both;width:100%}#ContentColumn .Liner{padding:10px 20px 10px 30px}#ContentColumn2 .Liner{padding:15px}#Header .Liner{position:relative;padding:1px 0;min-height:148px}#Footer .Liner{margin:0;padding:0}#Header .Liner{margin:0 15px;background-image:url(../image-files/new-header-image.jpg);background-position:top left}.BlueBackground{background-color:#0cffff}.WhiteBackground{background-color:#fff}#NavColumn h4{font-size:100%;margin-top:5px}#NavColumn .Liner{padding:2px}#NavColumn .Blue,#NavColumn .Tan{border:none;margin:10px 0;padding:2px 0;width:100%}#NavColumn .Blue{background-color:#6cc}#NavColumn .Tan{background-color:#ffc}#Footer .ExtraNav,.ExtraNav{background-color:transparent}.Navigation{width:100%;padding:0 0 10px;margin:10px auto -10px}.Navigation h3{font-size:100%;color:#306;line-height:90%;border:1px solid #000;background-color:#ff0;text-align:center;margin:10px auto 5px;padding:4px 0;width:90%}.Navigation ul{padding:2px 0 10px;margin:-5px 0 0}.Navigation li{width:80%;font-size:105%;background-color:#ffc;border:1px solid #8f8fb3;list-style-type:none;padding:5px 0;margin:3px auto;line-height:140%;text-align:center}.Navigation a:visited{color:#00f}.Navigation a:hover{color:#fff;display:block;background-color:#306;text-decoration:underline}.ExtraNav a:link,.ExtraNav a:visited,.ThumbnailLink a:link{text-decoration:none}.Image{border-color:#000}.Image,.ImageCt,.ImageNoBd,.ThumbnailLink,.Video{text-align:center}.ImageNoBd img{border:none}.ImageBd,.ImageBdCt,.tborder,.tborder td,.tborder th{border:1px solid #000}.ImageBdCt{text-align:center}.MainImage{border:8px groove #0cc}.ThumbnailLink a:hover .Caption{text-decoration:underline;color:red}.ExtraNav{font-family:'Lucida Sans Unicode','Lucida Grande',Verdana,Arial,sans-serif;text-align:center}.ExtraNav 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%;position:relative}#Header .ExtraNav ul{margin:0}#Header .SearchBox{width:30%;position:relative;top:-20px;float:right;clear:right;padding-right:0;margin:0}.SearchBox input{padding:5px 25px}#siq_searchForm{margin:2px}#searchiq_box{padding:5px;text-align:center}#Footer .ExtraNav{margin:12px auto}.LikeBox{margin:10px auto;font-size:95%;color:#306;border:1px solid #000;background-color:#fff;text-align:center;padding-bottom:10px;width:90%}.ExampleText,.GameInfo{line-height:200%}.LikeBox h4{margin-top:5px;border-top:1px solid #000;border-bottom:1px solid #000;padding:8px 0 2px;line-height:110%}.IdeasBox{background-color:#caf;font-size:100%;width:90%;border:3px ridge #8f8fb3;margin:15px auto;padding:10px;color:#000}.pinterestFollow{margin:5px auto;padding:0;text-align:center}.QuizInfo,.VideoLinks{margin:10px auto;color:#000}.PageHeading{background-color:#306;text-align:center;padding:2px;border:1px solid #000;color:#fff;border-top:5px ridge #ff0;border-bottom:5px ridge #ff0;clear:both}.PageInfo,.QuizInfo{text-align:left;text-decoration:none}#RSSbox,.PageInfo{padding-bottom:10px}.QuizInfo{background-color:#ece;padding:10px;clear:both}.MainHeading,.SubHeading,.VideoLinks{text-align:center}.QuizInfo iframe{width:100%;min-height:600px;border:0;height:100%}.VideoLinks iframe{width:560px;height:315px;border:0}.MainHeading{padding:4px;margin-bottom:10px;background-color:#ffc;border:2px solid red;color:#000;font-size:110%}.SubHeading,.SubHeadingL{background-color:#0cffff}.SubHeading,.SubHeadingL,.SubHeadingY{padding:3px;margin-bottom:10px;border:1px solid #000;color:#000;font-size:100%;font-weight:700}.SubHeadingL{text-align:left}.SubHeadingY{background-color:#ff0;text-align:center}.SubHeadingP{background-color:#306;color:#fff;text-align:center;padding:3px;border:1px solid #000;font-weight:700;font-size:100%}.QuizHeading,.SubHeadingO,.SubHeadingR{padding:3px;margin-bottom:10px;border:1px solid #000;color:#000;text-align:center;font-size:100%;clear:both}.SubHeadingO{background-color:#fc0;font-weight:700}.SubHeadingR{background-color:#f63;font-weight:700}.QuizHeading{background-color:#0f0;font-weight:700}.Bold,.BoldHeading{font-weight:700;color:#306}.PageBlurb,.PageBlurbBlue,.PageBlurbCalc,.PageBlurbGames,.PageBlurbGenerator,.PageBlurbT2{text-align:left;text-decoration:none;clear:both;margin-top:0;padding:20px}.PageBlurb{background-color:#cff}.PageBlurbCalc{background-color:#ffc}.PageBlurbGames{background-color:#efc}.PageBlurbGenerator{background-color:#f0f8ff}.BoldHeading{font-size:110%;border-bottom:1px solid #306;padding-bottom:5px;padding-top:10px}.IBold,.IBoldCt{color:#000;font-style:italic}.ExampleSubHeading,.MainSubHeading,.SupportPageHeading{padding:3px;background-color:#ff0;border:1px solid #000;text-align:center;margin-bottom:10px;font-weight:700}.IBold{font-weight:700}.IBoldCt{font-weight:700;text-align:center}.BoldCt{font-weight:700;color:#306;text-align:center}.Red{color:red;font-style:italic}.Yellow{color:#ff0}.Blue,.BlueCt{color:#00f}.BlueCt{text-align:center}.underscore{text-decoration:underline}.GameHeading{font-weight:700;color:#306;font-style:italic}.CopyrightInfo{font-style:italic;text-align:center}.MainSubHeading,.SupportPageHeading{color:#000;font-size:110%}.ExampleSubHeading{color:#000}.ExampleText{font-weight:700;text-indent:1.5em}.Answer{font-style:italic;text-indent:1.5em}.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}.BottomHeading{padding:3px;border:1px solid #000;background-color:#ff0;color:#000;font-weight:700;text-align:center;font-size:1.5em;clear:both}.TopOfThePage{width:80%;margin:10px auto;font-size:110%;text-align:center}.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}.PageLinks,.PageLinks2,.PageLinks3,.SheetLinks{color:#000;text-align:center}.QuicklinkBox ul,.SheetLinks ul{list-style:none}.SheetLinks ul li:before{content:"\27A2 \0020"}.PageLinks ul,.PageLinks2 ul,.PageLinks3 ul,.QuizLinks ul{margin-left:-20px;list-style:none}.PageLinks ul li:before,.PageLinks2 ul li:before{color:red;content:"\25B6 \0020"}.PageLinks3 img{width:50%;height:50%}.Divide3cols,.Divide3cols1,.Divide3cols2,.PageLinks2,.PageLinks3{padding:0;float:left;text-align:center}.Divide3cols1 p,.Divide3cols2 p,.PageLinkBreak,.QuizLinks,.left-align{text-align:left}.PageLinks2{width:49%;font-size:90%}.PageLinks3{width:33%;font-size:90%}.PageLinkBreak{width:100%;text-decoration:none;clear:both}.Divide3cols,.w33{width:33%}.Divide3cols1{width:28%}.Divide3cols2{width:36%}.BlueBlock{padding:2px;background-color:#cff;font-size:x-small;min-height:5em;border-top:1px solid #306}.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;border:1px solid #000;color:#000;font-weight:700;font-size:85%;font-style:italic}table{margin-bottom:10px}.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}#FBLiner,#RSSbox,.HowToPrintBox{margin:10px auto;background-color:#ffc}.QuicklinkBox ul li:before{color:red;content:"\27A4 \0020 \0020"}.QuizLinks{color:#000;width:90%;padding-left:50px}.QuizLinks ul li:before{content:"\2705 \0020"}.HowToPrintBox{font-size:85%;width:80%;border:4px ridge #0cf;padding:0 4px;color:#000;clear:both}@media screen and (min-width:1000px){.HowToPrintBox{width:380px}}.HowToPrintBox ul{list-style-type:square}.PrintBox{margin:5px auto;border:1px solid #306;display:block;width:90%;clear:both}.CalloutBox{background-color:#fff0f5;font-size:100%;line-height:150%;width:90%;border:1px dotted #f08080;margin:15px auto;padding:4px 10px;color:#000}#FBBox,#RSSbox,.ReminderBox{border:1px solid #8f8fb3}.CalloutBox p{margin:13px}div.CalloutBox h1,div.CalloutBox h2,div.CalloutBox h3,div.CalloutBox h4,div.CalloutBox h5,div.CalloutBox h6{margin:13px 0 0 13px}.ReminderBox{background-color:#ddd;width:24%;margin:0 0 12px 18px;float:right;color:#306}#FBLiner a,#FooterBox,.Caption{color:#000}.ReminderBox h4{margin:0;padding:2px;text-align:center;background-color:#ff0}.ReminderBox p{font-size:80%;padding:0 4px;line-height:120%}.SearchBox2{padding-left:250px}.SmallSearchBox{padding:0 5px;margin:0 auto}.AdSenseBoxCenter,.AdSenseBoxExtraColumn,.AdSenseBoxLeft,.AdSenseBoxRight{padding:5px;border:0}#FBLiner,.ReturnToNavBox{border-top:1px solid #306;border-bottom:1px solid #306}.AdSenseBoxLeft{margin:0 18px 12px;float:left}.AdSenseBoxRight{margin:0 18px 12px;float:right}.AdSenseBoxCenter{margin:0 auto 12px;clear:both}.AdSenseBoxCenter336{width:336px;margin:0 auto 12px;clear:both}#RSSbox,.ReturnToNavBox{width:90%;text-align:center}.AdSenseBoxExtraColumn{padding:0;clear:both;text-align:center}.ReturnToNavBox{background-color:#cff;margin:0 auto 12px;padding:4px}.TableSubHeading,.YellowBG{background-color:#ff0}#FooterBox{background-color:#cff;margin:12px auto;padding:6px;text-align:center}#FooterBox .ExtraNav{line-height:180%;text-align:center;font-weight:700}#FBLiner{width:95%;padding:5px;text-align:center;font-family:Tahoma,Geneva,sans-serif;font-size:110%}#SBIBanner{font-weight:700;text-align:center;font-size:110%}#RSSbox,.Caption{font-size:85%;font-weight:700}#RSSbox{color:#1d487e}#FBBox{width:70px;background-color:#ffc;text-align:center}.Clear{clear:both}.Caption{display:block;line-height:150%;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{font-style:italic;float:left;clear:both;margin-top:10px}.LargeLogo{text-align:center;margin:5px;clear:both;padding:0}.NewLargeLogo{float:left;text-align:left;margin:5px;clear:left;padding-right:15px}.LargeLogo img,.NewLargeLogo img{border:5px groove #0cf}.Sqrt{text-decoration:overline}.TableSubHeading{padding:3px;margin-bottom:10px;border:1px solid #000;color:#000;text-align:center}.TableMid,.TableTop{border:none;width:100%;text-align:left}.TableTop .td,.top-align,.top-align td,.top-align th,.v-top{vertical-align:top}.TableMid .td{vertical-align:middle}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.eucookiebar{bottom:0;position:fixed!important;top:auto!important}#Leaderboard{display:block;width:728px;clear:both;float:right;margin:0 10px 20px;min-height:90px;background-image:url(../image-files/leaderboard-image.jpg)}#EndofPageInfo{width:90%;margin:0 auto;border-bottom:1px dotted #306}.center-align{text-align:center;margin-left:auto;margin-right:auto}#homeLargeLogo,.right-align{text-align:right;float:right}.collapsible,.menubutton,.navtab{color:#000;cursor:pointer;text-align:left}.LYellowBG{background-color:#ffffe0}.LimeBG{background-color:#0f0}.LLimeBG{background-color:#b3ffb3}.PlumBG{background-color:plum}.LPlumBG{background-color:#f1daf1}#homeIntro,.WhiteBG{background-color:#fff}.BlueBG{background-color:#87ceeb}.LBlueBG{background-color:#e0ffff}.OrangeBG{background-color:orange}.GrayBG{background-color:#d3d3d3}.LGreenBG{background-color:#90ee90}.PinkBG{background-color:pink}.LPinkBG{background-color:#ffe6ea}.hidden{display:none}.collapsible,.menubutton{padding:4px;border-radius:5px;border:1px solid #6cc;margin:2px 5px}.collapsible{width:90px}#homeLargeLogo{margin:5px;clear:right;padding-left:10px;width:27%;min-height:130px}#homeWelcome{width:60%;float:left;clear:left;min-height:130px;margin:5px 0;padding:10px}#homeTitle{font-size:140%;font-family:Verdana,Arial,sans-serif;text-align:center;font-weight:700;color:#306;margin:10px}#homeWelcome p{font-style:italic}#homeIntro{min-height:160px;margin-bottom:10px;padding:10px;margin-right:5px;clear:both}#stickyunit{position:fixed}.menubutton,.navtab{padding:4px;border-radius:5px;border:1px solid #6cc;margin:2px 3px}.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"}input [type=checkbox]{transform:scale(1.5)}
/* STYLE GENERATOR 2ND FOR WORKSHEET-GENERATOR PAGES*/
/* ------- (c) 2023 MATH SALAMANDERS LIMITED--------- */

#missingOperator {
	margin: 0;
	float: left;
	text-align: left;
	padding-top: 10px;
}

#bondBox{
	display:none;
}

#bondBox input{
	float: center;
	text-align: center;
}

#bondNum{
	width: 40px;
	margin: 0px auto;
}

fieldset{
  width: 25em;
  background-color: #ccffff;
  margin-left: auto;
  margin-right: auto;
}
 

#numberSize label, #bondBox label {
  float: left;
  width: 10em;
  clear: left;
  text-align: right;
  padding-right: 1em;
}

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

input{
  text-align: center;
}


form p{
	text-align: center;
}

#output, #output2, #outputSF, #outputSF2, #outputIF, #outputDF, 
#outputDF2, #outputFDP, #outputFDP2, #outputPF, #outputPF2, 
#outputCF, #outputFC, #outputTD, #outputTD2, #outputDT, #outputSM, #outputMS  {
	clear: right;
	margin-left: 0px auto 10px auto;
	float: left;
	padding: 1px 10px;
	border: 1px solid black;
	background-color: #ffffcc;
    text-align: center;
}

.generator{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.generatorHeadingTop{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style:italic;
	clear:both;
	font-weight:bold;
	padding: 3px;
	margin-bottom: 10px;
	border-top: 3px double white;
	background-color:#330066;
	color:white;
	text-align:center;
}

.generatorHeadingBottom{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style:italic;
	clear:both;
	font-weight:bold;
	padding: 1px;
	margin-bottom: 10px;
	border-bottom: 3px double white;
	background-color:#330066;
	color:white;
	text-align:center;
}

#win_header, #win_headerA{
	width:91%;
	min-height: 2.5em;
	float: left;
	padding-top:0.5em;
	border-top: 2px solid black;
	color: #330066;
	line-height:100%;
	font-style:italic;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif, Arial;
	background-color: white;
}

#win_header h1, #win_headerA h1{
	padding-top:0;
	line-height: 110%;
	font-size: 200%;
	color: black;
}

#win_header h2, #win_headerA h2{
	margin-top: -10px;
	line-height: 110%;
	color: black;
}

#win_header h3, #win_headerA h3{
	margin-top: -10px;
	line-height: 120%;
	font-size: 150%;
	color: black;
}

#win_header .Blue, #win_headerA .Blue{
	color: blue;
}

#win_header_2, #win_header_A2{
	width:91%;
	min-height: 2.5em;
	float:left;
	padding-top:0.5em;
	border-top: 2px solid black;
	color: #330066;
	font-style:italic;
	text-align:center;
	line-height:100%;
	font-family: Arial, Helvetica, sans-serif, Arial;
	background-color: transparent;
}

#win_header_A2{
	font-size: 90%;
}


#logo_image, #logo_imageA{
	border-top: 2px solid black;
	padding-top:0.5em;
	padding-bottom: 1em;
	width: 9%;
	clear:left;
	float:left;
	vertical-align: center;
	min-height:3em;
	background-color: white;
}

#logo_image img, #logo_imageA img{
	border:none;
}

#top_header, #top_headerA{
	width:100%;
	clear:both;
	float:center;
	margin-top:1em;
	padding-top:1em;
	padding-bottom: 1em;
	word-spacing: 6em;
	font-size:85%;
	color: black;
	text-align:center;
	border-top: 1px dotted black;
	background-color: white;
}

#top_headerA{
	border-top: 2px dotted gray;
}

@media only screen and (max-width:640px){
	#WorksheetQ, #WorksheetA{
		font-size:70%;
	}
}

#WorksheetQ{
	background-color: white;
	clear: both;
	margin-top: 20px;
}

#WorksheetA{
	background-color: white;
	display: none;
	clear: both;
	float: center;
	margin-top: 10px;
}

#winout_0, #winout_1, #winout_2, #winout_3, #winout_A0, #winout_A1, #winout_A2, #winout_A3{
	border-top: 1px solid black;
	color: black;
	padding-top:15px;
	padding-bottom:5px;
	min-height: 5em;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Arial;
	/* font-family: "Courier New", Courier, monospace; 				/* Fixed width fonts */
	/* font-size:110%; */
	background-color: white;
	vertical-align: text-top;
}


#winout_0, #winout_A0{
	width: 32%;
	padding-left: 1%;
	float:left;
}

#winout_1, #winout_A1{
	width: 32%;
	padding-left:1%;
	float:left;
}


#winout_2, #winout_A2{
	width: 33%;
	float:left;
	padding-left:1%;
}

#winout_3, #winout_A3{
	width: 25%;
	float:left;
	padding-left:1%;
}

b {
	color:red;
	text-decoration: underline;
}	

#win_footer, #win_footerA{
	width: 100%;
	clear:both;
	text-align: center;
	font-size: 100%;
	padding-top:5px;
	padding-bottom: 5px;
	border-top: 1px solid black;
	border-bottom: 1px dotted black;
	background-color: white;
}

.questionFont{
	font-size: 80%;
	letter-spacing: normal;
}

/* These are the blocks for the form for add and subtract generator */

#sheetInput{
	width: 90%;
	margin: 1em;
	padding-bottom: 20px;
	float:left;
	background-color: #ffc;
	font-family: Courier;
}

#sheetInput input{
	clear: both;
	width: 90%;
	font-size: 110%;
	text-align: left;
	float: center;
	font-family: Courier;
}

#sheetInput textarea{
	clear: both;
	width: 90%;
	text-align: left;
	float: center;
}

@media screen and (max-width: 640px){ 
	#sheetInput{
		width: 70%;
	}
}

#instructionsText{
	width: 100%;
	padding: 10px;
	font-size: 130%;
	display: none;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: blue;
}

#Tables{
	width:16em;
	margin: 0.5em;
	float:left;
	text-align: center;
	background-color: #ccffff;
	min-height: 4em;
	margin-top:10px;
}

#roundingBlock{
	min-height:7em;
	margin:0.5em;
	width: 10em;
	float: left;
}
#roundingSize{
	float:left;
	margin:10px 5px;
	min-height:10em;
	width: 9em;
	text-align:left;
	line-height:150%;
	padding:0;
	font-size: 100%;
}

#AddendsBlock, #RegroupingBlock, #questionList, #questionList2, #numberSize{
	margin-bottom:10px;
}

#tablesGP{
	float: center;
}

#NegAnsBlock{
	width:11em;
	margin-left: 1em;
	margin-bottom: 1em;
	float:left;
	display:none;
}

#block3 p {
	line-height:70%;
}

#Ope{
	text-align:center;
	width:15em;
	margin-left:1em;
	margin-bottom:1em;
	float:left;
}

#leftHS, #decimalSelect, #fractionSelect{
	margin-left:1em;
	min-height:4em;
	float:left;
	width: 50%;
	text-align: center;
}

#fractionTypeBox{
	float: left;
	text-align: center;
}

#fractionTypeBox .legend{
	font-size: 120%;
	text-align: left;
}


#decimalSelect, #fractionSelect{
	text-align: left;
	width: 100%;
	margin-top: -10px;
}

#leftBoxes{
	float:left;
	text-align: left;
	margin:10px 5px;
	font-size: 120%;
}

#middleHS, #rightHS{
	float:left;
	margin:10px 5px;
	min-height:10em;
	width: 40%;
	display:none;
	text-align:left;
	line-height:200%;
	padding:0;
	font-size: 120%;
}

#middleHS input, #rightHS input{
	margin: 8px 5px;
	text-align: left;
}

.fracFont label {
	font-size: 75%;
	margin:0;
	text-align: left;
}


#middleHS{
	clear:left;
}

#rightHS{
	clear:right;
}


#belowHS{
	clear:left;
	float:left;
	text-align:center;
	margin-left:3em;
	margin-top: 1em;
	display:none;
}

#multiplierSelect{
	float: center;
	text-align: center;
	margin: 0px auto 20px;
}

.legend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-align: left;
	line-height:1.5em;
}


#ValuesBlock, #ValuesBlock2, #QuestionsBlock{
	width:12em;
	min-height: 220px;
	margin: 0px 10px;
	text-align:center;
	float:left;
	background-color: #ccffff;
	line-height: 1.5em;
	visibility: hidden;
	font-size: medium;
}

#QuestionsBlock{
	width: 12em;
}

#ValuesBlock .legend{
	font-size: 100%;
}

#ValuesBlock2{
	min-height:4em;
	visibility:visible;
}

#operationTypeBox{
	width:11em;
	margin: 1em;
	float:left;
	min-height: 4em;
}


#ValuesBlock{
	visibility:visible;
}

#OptionsBlock{
	background-color: #ccffff;
	text-align: center;
	font-size:100%;
	width: 15em;
	line-height: 250%;
	margin: 20px;
	min-height: 220px;
}


#MenuButtons input{
	float:center;
	margin: auto;
	text-align:center;
	min-width: 180px;
}

/*
#OptionsBlock button {
  margin: 10px auto;
  width: 9em;
  text-align:center;
}
*/

#RedCheckBox, #BlueCheckBox {
	margin: 0px;
	padding: 0px;
	color: blue;
	line-height: 100%;
	font-size: 95%;
	padding-top: 20px;
	font-size: medium;
}

#RedCheckBox input{
	float: left;
	margin:0px;
	padding: 0px;
	text-align: left;
	clear: left;
	width: 15px;
	height: 15px;
}


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


#GeneratorBlock{
	font-size:80%;
	display:block;
	clear:both;
	border: none;
	padding-top:1em;
	border-top: 1px solid black;
	/*position: relative;	 */
}

#sheetComment {
	background-color: #AAFFDD;
	font-size: 120%;
	clear: both;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	float: center;
	margin: 0px auto;
	color: blue;
	text-align: center;
}

table .lastRow{
	border-bottom: 2px solid black;
}

table .answerRow{
	color:red;
	text-align: right;
}

.calcTable{
	font-size: 20px;
}

.whiteText{
	color: transparent;
}

#sheetComment .whiteText{
	color: white;
	font-weight: bold;
}

.AnswerText{
	color: red;
	font-weight: bold;
}

.GeneratorLogo{
	width: 30%;
	float: right;
	margin: 5px;
	clear: right;
	text-align: right;
	margin: 5px;
	padding-left: 10px;
}



div .pageBreak { 
	position: relative;
	page-break-after: always; 
} /* page-break-after works, as well */

#roundingBlock{
	float: left;
	text-align: left;
}

#roundingTable{
	/*width: 100%;*/
	float: center;
	margin: 0px auto;
}

#roundingTable td{
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	line-height: 190%;
	font-size: 100%;
}

#roundingTable tr{
	width: 100%;
}

#ASBlock{
	display:none;
}

#MDBlock{
	display: none;
}

.smallText{
	font-size: 90%;
	font-weight: normal;
}

.mediumText{
	font-size: 100%;
	font-weight: normal;
}

.MathJax {
	font-size: 1.3em;
}
/* 2nd Grade Math Salamanders */
@media only screen and (max-device-width: 480px) {
    html {
        -webkit-text-size-adjust: none; /* prevent iOS from scaling text */
    }
}

html.landscape #ContentColumn { /* 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;
}

#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 {
    margin-top: 35px;
}

html.fullView #PageWrapper {
    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%;
}

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);
}	

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

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

html.mobile #NavColumn,
html.mobile #ExtraColumn {
    margin-top: 200px;
}

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,
html.mobile #ExtraColumn {
    text-align: left;
}

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

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 #ExtraColumn {
        width: 158px;
    }

    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 *,
    html.mobile #ExtraColumn * {
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-size: 100%;
    }
}

@media only screen and (max-width: 379px) {
    html.mobile #ExtraColumn {
        margin-left: 0;
    }
}

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

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

    html.mobile #ExtraColumn {
        margin-left: 20px;
    }
}

@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 for Practice Zone pages*/

html.mobile #ContentWrapper {
    background: transparent;
}


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

/* 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%;
}

html.mobile #zoneBox3 {
	color: white;
	width:95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px auto;
	border: 10px groove #ffcccc;
	/*clear:both;*/
	display: block;
	clear: both;
}

html.mobile .practiceZoneLogo {
	width: 50px;
	height: auto;
	float: left;
	margin: 10px;
}

html.mobile #navZoneArea {
	float: left;
	width: 90%;
	min-height: 2em;
	margin: 0;
	padding: 0;
}

html.mobile .navZoneHeading {
	margin: 2px 5px;
	border: 2px groove #ffcccc;
	color: white;
	background-color: #330066;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 100px;
	height: auto;
	float: left;
}

html.mobile .navZoneItem {
	margin: 2px 5px;
	padding: 2px 5px;
	width: 60px;
	float: left;
	min-height: 2em;
}

html.mobile .navZoneCol2,
html.mobile .navZoneCol3,
html.mobile .navZoneCol4 {
	width: 20%;
	height: 80px;
	float: left;
	text-align: center;
}

html.mobile .calcButton {
	width: 10%;
	height: auto;
	padding: 4px;
	text-align: center;
}

html.mobile .opButton {
	width: 10%;
}


html.mobile #calcButtonArea {
	padding-left:10px;
	width: 90%;
	margin: 0px auto;
	text-align: center;
}

html.mobile #zoneBlock4 {
	width: 90%;
}

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:95%;
	margin:0 auto;
	padding:0;
}

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 .wholeWidth {
	display:none;
}

@media only screen and (max-width: 640px) {
	html.mobile #jigsawArea {
		width: 320px;
		height: auto;
		margin:0;
		padding:0;
	}
}

/* Design specific for Generator pages*/
@media only screen and (max-width: 640px) {
	html.mobile win_header h1{
		font-size: 105%;
		line-height: 1.5em;
		background-color: #66cccc;
	}
}