.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)}
/* ------- (c) 2018 MATH SALAMANDERS LIMITED--------- */
/* Colors:
 * 	Purple #330066
 * Blue #00ffff
 * Aqua #ccffff
 * Darker blue #00d5ff
 * Yellow #ffff00
 */

/* JAVASCRIPT STYLES FOR GENERATOR AND PRACTICE ZONES*/
/* The following CSS is for the Practice Zones */

#zoneComment{
	text-align: center;
	font-size: 100%;
}

#largeZoneComment{
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}

.zoneHeading {
	font-size: 150%;
	background-color: #330066;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid black;
	color: white;
	text-align: center;
	clear:both;
}

#zoneArea2{
	width:98%;
	margin: 50px auto 0px auto;
	float: center;
	clear:both;
	padding:0;	
	/*background-color: #252525; */
	border: 3px outset blue;
	min-height: 720px;
}

#zoneArea1{
	width: 100%;
	clear: both;
	float: center;
	margin: 10px auto 0px auto;
}

#zoneBox1, #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: 45%;
}

#zoneBox1{
	border: 5px groove #00ffff;
}

#zoneBox2{
	border: 5px groove #ffff00;
}

#zoneBox3{
	color: white;
	width: 640px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	margin: 10px 30px;
	border: 10px groove #ffcccc;
	float: left;
	/*clear:both;*/
	display: block;
	background-color: #330066;
}

#navZoneArea{
	float: left;
	width: 180px;
	display:block;
	min-height: 500px;
	margin: 10px auto;
}


.practiceZoneLogo,
.navZoneItem {
	margin: 5px 20px;
	border: 3px groove #ffcccc;
	color: white;
	background-color: #330066;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 2em;
}

.navZoneItem {
	background-color: #00ccff;
	cursor: pointer;
}

/*
	.navZoneItem {
	margin: 10px 30px;
	background-color: #00ccff;
	padding: 5px 10px;
	color: black;
	float: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 2em;
}
*/

#showResultsButton{
	background-color: #ff0000;
}


#navZoneArea button:hover{
	background-color: #ccffff;  
}

#navZoneArea p {
	margin-top: 20px;	
}

#answerAreaLiner{
	width: 100%;
	margin: 0;
	padding: 0;
}

#markAnswerArea{
	width:20%;
	float:left;
}

#jigsawArea{
	float:left;
	width:640px;
	height: 320px;
	padding:0;
	border: 10px groove #ffcccc;
	margin: 10px 30px;
	background-image: url(../image-files/practice-zone-image.gif);
	background-color:transparent;
	display:block;
}

#jigsawArea img{
	border:0;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#jigsawText{
	font-weight:bold;
	color: yellow;
	font-size:100%;
}

#modeText, #timerValueText, #numberSizeText, #tablesDisplay, #allowNegativesText, #operationTypeText, #mixedNumbersText{
	color: yellow;
}

.wholeWidth{
	width:100%;
	clear:both;
	float: center;
	line-height:0;
}

#ansBox, #percentBox{
	width: 75%;
	float: center;
	color: black;
	clear:right;
	border: 1px dotted white;
	padding: 5px;
	margin:10px auto;
	text-align: center;
}

#timerBox{
	float: center;
	color: black;
	border: 1px dotted white;
	padding: 2px 10px 2px 10px;
	margin: 10px auto;
	text-align: center;	
	background-color: white;
}

#ansBox{
	background-color: #ffc;
	font-size: 80%;
	font-weight: bold;
}

#correctBox, #wrongBox{
	font-size: 120%;
	color: black;
	font-weight: bold;
}

#percentBox{
	font-size: 75%;
	background-color: #00FFFF;
	font-weight: bold;
}

#timerBox{
	font-size: 160%;
	min-height: 1em;
	color: black;
	font-family: "Trebuchet MS", Helvetica, FreeSans;
}

#awardsBox{
	width:90%;
	margin: 10px auto;
	float: center;
	text-align: center;
}

#resultsBox, #scoresBox, #topScoresBox{
	color: white;
	margin: 0px 10px;
	padding: 5px;
	font-family: "Trebuchet MS", Helvetica, FreeSans;
}

#resultsBox h3{
	color:white;
	margin:0;
}

#resultsBox h4{
	color: yellow;
	margin:0;
}

#resultsBox em{
	color: green;
}

#resultsBox strong{
	color: red;
}

#allowNegatives, #allowNegativesBox, #allowNegativesText{
	display:none;
}


#col_0, #col_1, #col_2{
	padding-left: 1%;
	float:left;
	color: yellow;
}

#col_0{
	width: 50%;
}

#col_1, #col_2{
	width:23%;
}

/*
#zoneArea1 p{
	line-height:110%;
}
*/

#zoneBlock1, #zoneBlock2, #zoneBlock3{
	width:70%;
	float:center;
	text-align:center;
	font-size: 110%;
	margin: 10px auto;
	padding-top: 10px;
	padding-bottom: 5px;
}

#zoneBlock1 legend{
	font-size: 80%;
	color: white;
}

#zoneBlock3{
	min-height: 3em;
}

#zoneBlock3 #printButton{
	float: center;
	width: 190px;
}

#zoneBlock3 input:hover{
	background-color: #ffff00;
}

#zoneBlock4{
	width: 75%;
	float: left;
	clear: left;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	text-align:center;
	border:none;
	/*border: 2px solid white;*/
}

#inputAnswer{
	width: 5em;
	border: 4px groove lime;
	margin: 0px auto;
	float: center;
	text-align: center;
	font-size: 180%;
}

#calcButtonArea{
	padding-left:25px;
	float: left;
	text-align: left;
}

#calcDecimalButton, #calcNegativeButton, #calcFractionButton{
	display:none;
}

.calcButton{
	padding: 8px;
	cursor: pointer;
	margin: 4px;
	background: #00a8ec;
	color: white;
	width: 40px;
	font-size: 120%;
	text-align: center;
}

.opButton{
	vertical-align: bottom;
	padding: 0px;
	margin: 4px 4px 4px 8px;
	background-color: #ffff00;
	color: white;
	width: 60px;
	font-size:120%;
	text-align: center;
}

#zoneArea1 #inputName{
	display: inline;
	width: 8em;
	font-size: 110%;
	text-align: center;
	margin: 0px auto 10px auto;
}

.formTable td{
	text-align: center;
} 

#tablesDisplay{
	color:white;
	font-size:90%;
}

#numberSize{
	float: center;
	margin-left: 30px;
	margin-bottom:10px;
}

#zoneArea1 select{
	font-size: 85%;
}

#zoneArea1 #startButton, #resetButton, #resultsButton, #printButton{
	padding: 3px;
	width: 4em;
	font-size: 100%;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: center;
}


#questionText{
	clear: both;
	margin: 2px auto;
	padding: 10px;
	width: 10em;
	border: 4px groove yellow;
	font-size: 160%;
	background-color: black;
	color: white;
    text-align: center;
    float: center;
    line-height:90%;
}

#zoneArea1 #leftHS, #rightHS{
	float: left;
	text-align: left;
	/*width: 40%; */
	width: 40%;
	margin: 10px auto;
}

#zoneArea1 #leftHS{
	clear:left;
	padding-left:2em;
}

#zoneLogo{			/* This logo is for printing only */
	display:none;
}

.formText{
	font-size:85%;
	margin: 2px auto;
	clear:both;
	line-height: 90%;
}

#getDate{
	font-size: 80%;
	text-align: center;
	line-height: 1em;
}

.ImageBdY{
	border: 2px solid yellow;
	text-align:center;
}

.zoneHeadingBottom{
	clear:both;
	padding: 1px;
	margin-bottom: 5px;
	border-bottom: 5px groove #00ccff;
}

#answerButton{
	display:none;
}

#resultsHeading{
	background-color: #ffff00;
	text-align: center;
	color: black;
	float center;
	width: 40%;
	margin: 2px auto;
	border: 1px solid black;
	min-height: 1em;
	clear: both;
}

.zoneInfo{
	min-height: 150px;
	display:block;
	background-color: white;
}

.zoneInfo p{
	line-height: 150%;
}

/* End of Practice Zone CSS */

