.colorSelectwhite {
	background-color: white;
}
.colorSelectpink {
	background-color: pink;
}
.colorSelectblue {
	background-color: lightblue;
}
.colorSelectgreen {
	background-color: lightgreen;
}
.colorSelectyellow {
	background-color: #ffffb3;
}
.colorSelectblack {
	background-color: black;
	color: white;
}

#showmeDiv {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 950px;
	border: 2px solid navy;
	z-index: 1000;
	display: none;
}

#showmeVideo {
	background-color: white;
}

#showmeClose {
	color: darkgray;;
	cursor: pointer;
	position: fixed;
	top: 5px;
	right: 5px;
}

.showmeLink {
	cursor: pointer;
	text-decoration: underline;
}

.showmeLink hover {
	text-decoration: none;
}

#Heading {
  background-image: url(../images/headerBG.gif);
  height: 96px;
  padding: 0px;
  color: white;
  font-size: 20pt;
  font-weight: 800;
  font-family: "Arial", "sans-serif";
}

#Content {
  background-color: white;
}

#Questions {
  background-color: white;
}

.SortKey {
  cursor: pointer;
}

.openClose {
  cursor: pointer;
}

#NavBar {
  position: absolute;
  top: 76px;
  right: 0px;
  left: 0px;
  width: 100%;
/*  padding: 1em;*/
  height: 20px;
  background-color: #4D5FAB;
  color: white;
}

#SubTitle {
  position: absolute;
  top: 78px;
  left: 10px;
  color: white;
  font-size: 9pt;
  font-style: italic;
  font-weight: bold;
}

#NavBarInfo {
  position: absolute;
  top: 78px;
  right: 30px;
  height: 20px;
/*  color: yellow;*/
  font-size: 11pt;
  font-weight: bold;
  font-family: "Arial", "sans-serif";
}

#NavBarInfo2 {
  color: #EE9009;
}

#NavBarInfo3 {
  color: yellow;
}

#NavBarLogin {
  position: absolute;
  top: 78px;
  right: 20px;
  color: white;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  font-family: "Times New Roman", "serif";
}

#HeadingTitle {
  position: absolute;
  top: 0px;
  right: 0px;
  color: white;
  font-size: 24px;
  font-weight: 800;
  font-family: "Arial", "sans-serif";
}
/*#000060*/

#IntroBar {
  position: absolute;
  top: 96px;
  height: 30px;
  right: 0px;
  width: 1600px;
  padding: 1em;
  background-color: #F8F9D8;
}
/*
#ECF19E
*/

#Intro {
  position: absolute;
  top: 108px;
  left: 10px;
  color: #5160AC;
  font-size: 16pt;
  font-family: "Arial", "sans-serif";
}

#DescBar {
  position: absolute;
  top: 140px;
  right: 0px;
  height: 200px;
  width: 1600px;
  padding: 1em;
  background-color: #ECF19E;
  border-top: #4D5FAB 1px solid;
}

/*
#DAE33C
*/

#Desc {
  position: absolute;
  top: 145px;
  left: 10px;
  font-size: 13pt;
  font-weight: normal;
  font-family: "Times New Roman", serif;
  margin-left:20px;
  margin-right:20px;
}

#Login {
  position: relative;
/*  background: white; */
  top: 50px;
  height: 220px;
  width: 400px;
  padding: 0px;
  color: black;
  font-size: 13pt;
  font-weight: bold;
  font-family: "Arial", "sans-serif";
}

#TeacherHome {
  position: relative;
/*  background: white; */
  top: 50px;
/*  height: 220px; */
  width: 400px;
  padding: 0px;
  color: black;
  font-size: 13pt;
  font-weight: bold;
  font-family: "Arial", "sans-serif";
}


#Update {
  position: relative;
/*  background: white; */
  top: 20px;
  height: 460px;
  width: 560px;
  padding: 0px;
  color: black;
  font-size: 13pt;
  font-weight: bold;
  font-family: "Arial", "sans-serif";
}

#TeacherUpdate {
  position: relative;
/*  background: white; */
  width: 560px;
  padding: 0px;
  color: black;
  text-align: left;
  font-size: 11pt;
  font-weight: normal;
  font-family: "Arial", "sans-serif";
}



#AdminTeacherUpdate {
  position: relative;
/*  background: white; */
  top: 20px;
/*
  height: 460px;
  width: 560px;
*/
  padding: 0px;
  color: black;
  font-size: 11pt;
  font-weight: normal;
  font-family: "Arial", "sans-serif";

}

SPAN.ErrorBlock {
  text-align: center;
  color: darkred;
}

.Qhint {
 font-size: 11pt;
}

.Qtext {
 font-family: "Times New Roman", serif;
 font-size: 12pt;
}

.QtextBig {
 font-family: "Times New Roman", serif;
 font-size: 14pt;
}

.Qblock {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}

.QblockBig {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

.QTblock {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 line-height: 110%;
}

.QTblockBig {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
 line-height: 120%;
}

.Title {
 color: #5160AC;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18pt;
 text-align: center;
 font-weight: bold;
}

.Passage {
	font-size: 13pt;
	line-height:18pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.SmallNum {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: italic;
}


pre.SmallLink {
  margin-right: 10px;
  text-align:right;
}

span.SmallLink {
  color: #DF5500;
  margin-right: 10px;
  text-align:right;
}

a.SmallLink {
  color: #DF5500;
  margin-right: 10px;
  font-size:9pt;
  font-weight: normal;
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.SmallLink:hover {
  color: #E0851B;
  margin-right: 10px;
  font-size:9pt;
  font-weight: normal;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.scoreL1 {
 color: #EF3E34;
 font-weight: bold;
 text-decoration: underline;
}

a.scoreL1.hover {
 color: #EF3E34;
 font-weight: bold;
 text-decoration: none;
}

.scoreL1 {
 color: #EF3E34;
 font-weight: bold;
}

.scoreL1T {
 color: #EF3E34;
 background: #FFE8E8;
 font-weight: bold;
}

a.scoreL2 {
 color: #804000;
 font-weight: bold;
 text-decoration: underline;
}

a.scoreL2.hover {
 color: #804000;
 font-weight: bold;
 text-decoration: none;
}

.scoreL2 {
 color: #804000;
 font-weight: bold;
}

.scoreL2T {
 color: #804000;
/* background: #FFF9A7; */
 background: lightgoldenrodyellow;
 font-weight: bold;
}

a.scoreL3 {
 color: #009966;
 font-weight: bold;
 text-decoration: underline;
}

a.scoreL3.hover {
 color: #009966;
 font-weight: bold;
 text-decoration: none;
}

.scoreL3 {
 color: #009966;
 font-weight: bold;
}
.scoreL3T {
 color: #009966;
 background: #C6FFBB;
 font-weight: bold;
}

a.scoreL4 {
 color: #0000FF;
 font-weight: bold;
 text-decoration: underline;
}

a.scoreL4.hover {
 color: #0000FF;
 font-weight: bold;
 text-decoration: none;
}

.scoreL4 {
 color: #0000FF;
 font-weight: bold;
}

.scoreL4T {
 color: #0000FF;
 background: #F0F0FF;
 font-weight: bold;
}

a.lt70 {
 color: #EF3E34;
 font-weight: bold;
 text-decoration: underline;
}

a.lt70.hover {
 color: #EF3E34;
 font-weight: bold;
 text-decoration: none;
}

a.ge70 {
 color: black;
 font-weight: bold;
 text-decoration: underline;
}

a.ge70.hover {
 color: black;
 font-weight: bold;
 text-decoration: none;
}

.lt70 {
 color: #EF3E34;
 font-weight: bold;
}

.lt80 {
 color: #F76100;
 font-weight: bold;
}

.lt90 {
 color: #4A9D29;
 font-weight: bold;
}

.ge95 {
 color: #006633;
 font-weight: bold;
}

.ge70 {
 color: black;
 font-weight: bold;
}

a.NavBarAnchor:link {color: #EE9009; text-decoration: none;}
a.NavBarAnchor:visited {color: #EE9009; text-decoration: none;}
a.NavBarAnchor:hover {color: #9F894C; text-decoration: underline;}
a.NavBarAnchor:active {color: #EE9009; text-decoration: none;}

/*
BODY {
  scrollbar-face-color:#903030;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#C0B0B0;
  scrollbar-shadow-color:rgb(0,0,0);
  scrollbar-highlight-color:rgb(0,0,0);
  scrollbar-3dlight-color:#808080;
  scrollbar-darkshadow-Color:#202020;
 }
*/

SPAN.InsTitle {
  color: #5160AC;
  font-size: 16pt;
  font-weight: bold;
  font-family: "Arial", "sans-serif";
}

SPAN.SubTitle {
  position: absolute;
  top: 78px;
  left: 10px;
  color: white;
  font-size: 9pt;
  font-style: italic;
  font-weight: bold;
}

SPAN.NavBarInfo {
  position: absolute;
  top: 78px;
  right: 10px;
  height: 20px;
  color: yellow;
  font-size: 11pt;
  font-weight: bold;
  font-family: "Arial", "sans-serif";
}

SPAN.NavBarLogin {
  position: absolute;
  top: 78px;
  right: 10px;
  color: white;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  font-family: "Times New Roman", "serif";
}

SPAN.Topic {
  color: #5160AC;
  font-size: 13pt;
  font-weight: bold;
}

SPAN.FreeTLink {
  color: #5160AC;
  font-size: 11pt;
  font-weight: bold;
  font-family: "Arial", "sans-serif";}

SPAN.GradeHeader {
  color: #5160AC;
  font-size: 16pt;
  font-weight: bold;
  font-family: serif;
  text-align: center;
}

TD.GradeHeader {
  color: #5160AC;
  font-size: 16pt;
  font-weight: bold;
  font-family: serif;
}


TD.pt11 {
  font-size: 11pt;
}

.accent {
  color: #5160AC;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.TOCdemo {color: #E0851B; font-weight:bold; text-decoration: none; cursor:pointer;}

A.TOC {color: #DF5500; font-weight:bold; text-decoration: underline;}
A.TOC:hover {color: #E0851B; font-weight:bold; text-decoration: none;}

A:hover {text-decoration: none;}

SPAN.QList {
  color: #5160AC;
  font-family: "Arial", "sans-serif";
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  position: absolute;
  top: 1px;
}

A.QLink {
  color: #5160AC;
  font-family: "Arial", "sans-serif";
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  top: 1px;
}


A.QLink:hover{
  background: lightblue;
  font-weight: bold;
}

INPUT.ColorButtonx {
  background: #D7D042;
  width: 114px;
  font-weight: bold;
}

INPUT.ColorButtonx:hover {
  background: #ECF16D;
}

INPUT.ColorButton {
  color: #5160AC;
  background-color: #F8F9AA;
  width: 114px;
  font-weight: bold;
}

INPUT.ColorButton:hover {
  color: navy;
  background-color: #F8F966;
}

INPUT.ColorButtondisabled {
  color: #5160AC;
  background-color: #99C68E;
  width: 114px;
  font-weight: bold;
}

INPUT.ColorButtondisabled:hover {
  color: navy;
  background-color: #99C68E;
}

BODY.login {
  background-color: #ECF19E;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

HTML.login {
  background-color: #ECF19E;
  text-align: center;
}

BODY.admin {
  background-color: #A9D78B;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

HTML.admin {
  background-color: #C9F7AB;
  text-align: center;
}

BODY.teacher {
  background-color: #F3F3FA;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

HTML.teacher {
  background-color: #F3F3FA;
  text-align: center;
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
position: relative;
left: 10px;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #5160AC;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #5160AC;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #5160AC;
}

.shadetabsX li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
background: none;
background-image: url(../images/shadeactive2.gif);
border-bottom-color: #F3F3FA;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}

.contentstyle2{
border: 1px solid gray;
width: 98%;
margin-bottom: 1em; padding: 10px;
}

.csstip{
    position:relative; /*this is the key*/
    z-index:24;
    /*background-color:#FFFFC0;*/
    color: #5160AC;
    text-decoration:none;
}

a.csstip:hover{z-index:25; background-color:#F3F3FA}

a.csstip span{display: none;
}

a.csstip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:20pt; left:-6em; width:15em;
    border:1px solid #5160AC;
    background-color:#FFFFC0; color:#5160AC;
    font-size: 10pt;
    text-align: left;
}

.WMwordLink a{
  color: #800000;
  text-decoration: none;
  font-weight: bold;
}
.WMwordLink a:hover{
  color: #D00000;
}
.WMwordWallLink a{
  color: #008000;
  text-decoration: none;
  font-weight: bold;
}
.WMwordWallLink a:hover{
  color: #00D000;
}

/*
.hintDivStandard {
  border: 1px solid black;
  padding: 10px;
  width: 550px;
  left: 400px;
  top: 90px;
  background-color: #B7E7FF;
}
.hintDivLarge {
  border: 1px solid black;
  padding: 10px;
  width: 750px;
  left: 350px;
  top: 20px;
  background-color: #B7E7FF;
}
.hintDivLargeWide {
  border: 1px solid black;
  padding: 10px;
  width: 820px;
  left: 300px;
  top: 4px;
  background-color: #B7E7FF;
}
.hintDivWide {
  border: 1px solid black;
  padding: 10px;
  width: 750px;
  left: 350px;
  top: 60px;
  background-color: #B7E7FF;
}
.hintDivTop {
  border: 1px solid black;
  padding: 10px;
  width: 550px;
  left: 450px;
  top: 30px;
  background-color: #B7E7FF;
}
.hintDivTop4 {
  border: 1px solid black;
  padding: 10px;
  width: 550px;
  left: 450px;
  top: 4px;
  background-color: #B7E7FF;
}
.hintDivTop50 {
  border: 1px solid black;
  padding: 10px;
  width: 550px;
  left: 450px;
  top: 50px;
  background-color: #B7E7FF;
}
.photoCredit {
  font-size: 10pt;
  color: #444444;
}
.photoCreditRight {
  font-size: 10pt;
  color: #444444;
  text-align: right;
  position:relative;
  right: 10px;
}
.textBoxWhite {
	position:relative;
	border: 1px solid white;
	color: white;
	padding: 10px;
}
.textBox {
	position:relative;
	border: 1px solid;
	padding: 10px;
}
*/

/* Math stuff */
/*
.boxed {
	position:relative;
	top:0.25em;
	border: 1px solid #000000;
	width: 0.75em;
	height: 1em;
}
.boxedImage {
  border: 2px solid #000000;
}
.imgBox {
	position:relative;
	border: 1px solid black;
	color: white;
	background-color: white;
	padding: 10px;
}
div.fraction-inline {
	display: inline-block;
	position: relative;
	vertical-align: middle;
  text-align: center;
}
.fraction-inline > span {
  display: block;
  padding: 0;
}
.fraction-inline span.divider{
  position: absolute;
  top: 0em;
  display: none;
	letter-spacing: -0.1em;
}
.fraction-inline span.denominator {
  border-top: thin solid;
}
div.arc-inline {
	display: inline-block;
	position: relative;
  text-align: center;
}
.arc-inline span {
  font-family: "Times New Roman", Times, serif;
  display: block;
  padding: 0;
  position: relative;
  top: 18px;
  font-weight:bold;
}

div.arc-inline-IE {
	display: inline-block;
	position: relative;
  text-align: center;
}
.arc-inline-IE span {
  display: block;
  padding: 0;
  position: relative;
  top: 18px;
  font-weight:bold;
}
.radic2 {
  font-size: 100%;
  /*vertical-align: top;
}
.root {
  border-top-style: solid;
  border-top-width: thin;
}
.pi {
  font-family: "Times New Roman", Times, Georgia,  serif;
}
*/
