body {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 125%;  vertical-align: top; scrollbar-base-color: #E7E3EE ; 
	scrollbar-arrow-color: #555555;
	scrollbar-shadow-color: #C5C0CC;
	scrollbar-darkshadow-color: #E7E3EE;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-track-color: #E7E5F3;}
.gaptext {  line-height: 22pt; font-weight: normal; white-space: pre; vertical-align: middle; border: auto none; margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; text-align: left; color: #000000; clip:   rect(   ); font-size: 12px}
.feedbackbox { font-weight: normal; text-align: center ; vertical-align: middle; cursor: hand; color: #003399; text-indent: 0pt; margin-top: 3px; margin-right: 3px; background-position: center center; margin-bottom: 3px; margin-left: 3px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border: 2px #FFFFCC none; font-style: normal; background-attachment: scroll; background-repeat: no-repeat; background-image: url(../images/feedbackframe.gif); background-color: #FFFFCC}
h2 {  line-height: 20px; color: #FF9900; font-size: 18px; font-family: Arial, Helvetica, sans-serif}
.framegrey { text-align: center; color: #003366;  vertical-align: middle; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: 4px #CCCC99 ridge; background-color: #F8F8ef}
.feedbackframe { font-weight: bold; text-align: center ; vertical-align: middle; cursor: hand; text-indent: 0pt; margin-top: 3px; margin-right: 3px; background-position: center center; margin-bottom: 3px; margin-left: 3px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border: 4px #99CCFF none; font-style: normal; background-attachment: scroll; background-repeat: no-repeat}
.boxinset {  border: 2px #666666 solid; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 5px; text-indent: 0pt}
input.c {  font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; border-color: #000000 #000000 #003399; color: #FF6600; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
textarea.c {  font-size: 10px; border-color: #000000 #000000 #000099; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
input.inc { color: #FF0000; text-decoration: underline ; text-align: right}
.cor { color: #66CC33; font-size: 10px; font-weight: normal; background-position: top }
a:link {  color: #CC6600; text-decoration: none}
a:hover {
	font-weight: bold;
	color: #E3C991;
	border: none;
	border-width: 0px 0px 1px;
; border-color: #666666 black #FF6600
}
a:active {  font-weight: bold; color: #999900; border-color: #000000 black #FF9900; background-image: none; text-decoration: none; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
a:visited {  text-decoration: none; font-weight: normal; color: #CC6600}
.explain2 { font-weight: normal; color: #000000; vertical-align: middle; text-align: center; white-space: pre }
textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-color: #FFFFFF #FFFFFF #000099; color: #0000CC; background-color: #FFCC99; border-style: none; border-bottom-width: thin}
.instruct {  font-size: 12px; color: #000000; line-height: 16px}
.select1 {  font-size: 12px; font-weight: bold; color: #9999CC; list-style-type: disc}
input.gap {  border-color: black black #000000; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; vertical-align: 20%}
.gap {  color: #FF9933; border-color: black black #666666; font-size: 10px; vertical-align: baseline; top: -2px; clip:   rect(   ); font-weight: bold; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; padding-left: 1px}
.feedback { font-weight: bold; text-align: left; vertical-align: middle; cursor: hand; text-indent: 0pt; margin-top: 3px; margin-right: 3px; background-position: center center; margin-bottom: 3px; margin-left: 3px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border: 4px #99CCFF none; background-attachment: scroll; background-repeat: no-repeat ; color: #FFFFFF}
.normal {  text-decoration: none}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; color: #9999CC}
.unit {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #8888dd; font-weight: bold; text-align: left; text-indent: -22pt; margin-left: 30px}
.extitle {  font-size: 16px; font-weight: bold; color: #E0A040; line-height: 20px}
td {  font-size: 12px}
.invert { text-align: left; color: #000000; font-weight: bold; vertical-align: top; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 6px; border: 1px #CCCCCC none; font-size: 11px; background-image: url(../images/cardbg.gif); background-repeat: no-repeat; background-position: left top; text-indent: 0px}
.small {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 10px}
.emphasis1 {  background-color: #FDE3B5; border-color: #FFFFFF black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.dottedlines { border-color: black black #666666; font-size: 12px; line-height: 16px; vertical-align: baseline; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.invertorange { text-align: left; color: #FFFFFF; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: inset; background-color: #FF9900; font-size: 12px; line-height: normal; border-width: 1px 0px 0px; border-color: #666666 #CCCCCC #CCCCCC}
.editarea {  font-family: "Times New Roman", Times, serif; font-size: 12px; background-color: #FFFFCC; margin-top: 1px; margin-right: 2px; margin-bottom: 1px; margin-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; color: #0000CC; border-style: inset; border-right-width: 1px; border-left-width: 1px}
.blueinvert {  font-size: 11px; font-weight: bold; background-color: #6600CC; color: #FFFFFF; padding-left: 2px; background-image: url(../images/blueinvertbut.jpg)}
.uData {
	behavior:url(#default#userdata);
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #0000CC;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	line-height: 18px;
	border: 2px #0033CC dotted
; background-color: #FFFFFF
} .emphasis2 {
	background-color: #FFFFCC;
}
.uWrite {
	behavior:url(#default#userdata);
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 6px;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px
}
.orangeinvert { font-size: 10px; font-weight: bold; background-color: #CC33CC; color: #FFFFFF; padding-left: 2px }
.o {  }
.x {  background-color: #CCFFCC}
.ox {  color: #999999}
.y {  background-image: url(../images/magicorange.gif); background-position: bottom}
.greenbutton {  background-image: url(../images/greenbutton1.jpg); color: #FFFFFF}
.buttonmagenta { background-image: url(../images/bpink.gif); cursor: hand}
.buttonorange { background-image: url(../images/borange.jpg); background-position: center center; background-repeat: repeat; background-color: #FFCC99; background-attachment: fixed; color: #CC0000; cursor: hand}
.ImActive { color: #000099; border-color: black black #000099; padding-top: 1px; padding-bottom: 2px; vertical-align: text-top; border-style: inset; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.droptarget {  background-image: url(../images/droptarget.gif); background-repeat: no-repeat; background-position: center center}
.droptarget_r { background-image: url(../images/droptarget.gif); background-repeat: no-repeat; background-position: right center}
.choices {  font-weight: bold; background-color: #9966FF; cursor: hand; color: #FFFFFF; vertical-align: middle; margin-top: 1px; margin-right: 2px; margin-bottom: 1px; margin-left: 2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; background-image: url(../images/bluebutton.gif)}
li {  line-height: 16px}
.choicecorrect {
	font-weight: bold;
	background-color: #CCFFCC;
	cursor: hand;
	color: #FFFFFF;
; background-image: url(../images/greenbutton.gif); text-align: center; margin-top: 1px; margin-right: 2px; margin-bottom: 1px; margin-left: 2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px
}
.choicewrong {
	font-weight: bold;
	background-color: #FFCCFF;
	cursor: hand;
	color: #FFFFFF;
; background-image: url(../images/redbutton.gif); text-align: center; margin-top: 1px; margin-right: 2px; margin-bottom: 1px; margin-left: 2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px
}.linedistanceplus {  font-size: 16px; line-height: normal; border-style: none; cursor: hand}

.bgorange { background-image: url(../images/bgorange.jpg); background-repeat: repeat-x; cursor: hand}
select {  background-color: #CCCCFF; border: 1px #9900CC groove; font-size: 11px; line-height: 12px}
.boxdrag { border: 1px #666666 outset; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; height: auto; width: auto; background-color: #FFCCFF}
.boxtarget { border: 1px #666666 inset; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; height: auto; width: auto }
.infobullets {  list-style-image: url(../images/info.gif)}
input {  font-size: 10px}
.DEVNOTE {  font-size: 12px; font-weight: bold; color: #CC0000}
.linedistance20 { line-height: 24px}
.framesmall { color: #000099; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 14px; border: 3px #CCCCFF ridge; background-color: #F8F8ef ; text-align: left; text-indent: -10pt}
.mote1 {  background-color: #CCCCFF; background-image: url(../images/matchelement.gif); padding-right: 24px; background-position: right top; cursor: hand; padding-left: 1px; background-repeat: no-repeat}
.tate {  color: #006699; cursor: hand; border: 1px #CCCCFF solid; padding-right: 2px?)}
.placecorrect {  color: #000000; background-color: #D2E8D2; padding-left: 2px; background-image: url(../images/checkgreen.gif); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px}
.placewrong {  color: #000000; background-color: #FFCCCC; padding-left: 2px; background-image: url(../images/selectminus.gif); background-repeat: no-repeat; background-position: right bottom; margin-left: 2px}
.mote1act { background-color: #CCCCFF; background-image:  url(../images/matchelement_a.gif); padding-right: 23px; background-position: right top ; cursor: help; filter: Glow(Color=yellow, Strength=4)?, OffX=?, OffY=?, Positive=?)}
.entry {  font-size: 11px; text-align: left; text-indent: -4pt; margin-left: 8px; list-style-type: disc; padding-left: 8px}
.match { background-color: #CCCCFF; background-image: url(../images/matchelement.gif); padding-right: 6px; background-position: left top; cursor: hand }
.drag {  background-color: #FAFAD2; font-weight: bold; padding-left: 10px; margin-bottom: -1px; cursor: hand; text-indent: -6pt}
.used {  color: #999999}
.target {  background-color: #FFCCFF}
.boxdotted { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: 2px dotted; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #993399; border-color: #CC33CC #CC00CC #CC00CC}
.mote1dim{ background-color: #CCCCFF; background-image: url(../images/matchelement.gif); padding-right: 24px; background-position: right top; cursor: hand; padding-left: 1px; background-repeat: no-repeat ; color: #FFFFFF}
.drag {  background-color: #FAFAD2; font-weight: bold; padding-left: 10px; margin-bottom: -1px; cursor: hand; text-indent: -6pt}.drate { background-color: #ECECFF; background-image: url(../images/dragelement.gif); padding-right: 7px; background-position: right top; cursor: hand; padding-left: 1px; background-repeat: no-repeat }
.drateact { background-color: #CCCCFF; background-image: url(../images/dragelement_a.gif); padding-right: 6px; background-position: right top ; cursor: help; filter: Glow(Color=yellow, Strength=4) }
.dratedim { background-color: #CCCCFF; background-image: url(../images/dragelement.gif); padding-right: 7px; background-position: right top; cursor: hand; padding-left: 1px; background-repeat: no-repeat ; color: #E8F0F4}
.buttoninline {
	font-weight: normal;
	padding-left: 2px;
	cursor: hand;
	color: #CC6600;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	border: 1px solid #CC6600;
}

.xw { background-color: #FFAEAE}
.framesmalln { color: #000099; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: 3px #CCCCFF ridge}
.clock { color: #9999CC; font-size: 10px; font-weight: normal; cursor: hand; text-align: center}
.xable {
	padding-right: 2px;
	cursor: hand;
	color: #CC6600;
	border: 1px solid #CC6600;
	line-height: 18px;
	margin: 0px;
}
.xed {
	cursor: hand;
	background-color: #FEEDD3;
	color: #CC6600;
	border: 1px solid #CE6500;
	line-height: 18px;
}
.xinfo {
	font-size: 11px;
	padding: 4;
}
.courseelements {
	font-weight: bold;
	color: #CE6500;
}
.smallheading {
	font-size: 10px;
	background-position: center top;
	color: #ADAEBD;
	text-align: center;
}