/* used by message method */
@font-face {
	font-family: 'entypo';
	src: url('fonts/entypo.eot');
	src: url('fonts/entypo.eot?#iefix') format('embedded-opentype'),
	url('fonts/entypo.woff') format('woff'),
	url('fonts/entypo.ttf') format('truetype'),
	url('fonts/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}

#msgContainer {
	width:180px;
	border:1px solid #F00;
	background:#ffbaba;
	margin:-330px 0 0 55px;
	z-index:6002;
	position:absolute;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.0em;
	color:#d8000c;
}

#msgContainer p { margin:10px 10px 10px 10px; }

#msgContainer span {
	font-family: "entypo";
	font-size:2.5em;
	color:#F00;
}

#scrollRow {
	position:absolute;
	min-width:200px;
}

#mainDisplay {
	position: absolute;
	z-index:6001;
	top: 28px;
	left: 50px;
	width:200px;
	height:96px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	overflow-x:hidden;
	overflow-y:hidden;
}

.displayAns { display:inline-block; float:right; position:relative; clear:right; }
.displayError { display:inline-block; padding-top:25px; }

#calcCursor { margin-top:1px; height:14px; width:10px; background-color:#000; display:inline-block; }

/* mathematical equasion styles */

.root { font-size:.9em; padding-top:4px; display:inline-block; }

.n-root {
	top: -1.3em;
	left: 1.9ex;
}

.radical {
	font-size: 1.0em;
	vertical-align: middle;
	display:inline-block;
	margin-top:-5px; /* makes radical and line touch oct 2014 */
}

.radicand { 
	border-top: thin black solid;
}

.root .radicand { display:inline-block; } /* adds some space above radicand to fix exponents, fractions, etc */

.fraction {
	display: inline-block;
	position: relative;
	vertical-align: middle; 
	letter-spacing: 0.01em;
	text-align: center;
	font-size:.8em;/* .5*/
	margin:0 5px 0 5px;
}

.fraction > span { 
	display: block; 
	padding: 0.2em; 
}

.fraction span.denominator {border-top: thin solid black;}
.fraction span.bar{display: none;}

/* this is used when displaying an answer when there is a fraction on the same line */
.fractionOnLine { margin-top:11px; } 


/* displayMenu styles */
.prbMenu span{ display:inline-block; font-size:1.0em; } /* makes wide enough to fit contents*/
.modeMenu span{ display:inline-block; margin-right:10px; font-size:0.9em; } 
.menuOff { color:#000000; background-color:#ffffff; }
.menuOn { color:#ffffff; background-color:#000000;  }
.alwaysOff { color:#000000; background-color:#ffffff;  }
.alwaysOn { color:#ffffff; background-color:#000000;  }
#prb { margin-right:10px; }