body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	scrollbar-base-color:  #F3E3E3;
	scrollbar-arrow-color: #F7F7EF;
	 scrollbar-shadow-color: #F0D2E2;
 	scrollbar-darkshadow-color: #F7F7EF;
 	scrollbar-highlight-color: #F0D2E2;
	scrollbar-track-color: #F8E8E8;

}

a:link {  color: #CC6600; text-decoration: none}
a:hover {
	font-weight: bold;
	color: #FF6600;
	border: none;
	border-width: 0px 0px 1px;
border-color: #666666 black #FF6600
}
a:active {  font-weight: bold; color: #00CC66; border-color: #33CC33 ; 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}
a.nav {  border-color: #CCCCCC black; height: auto; text-decoration: none; clip:  rect(   ); color: #990000; background-image: url(../images/bgpink.jpg); padding-left: 4px; margin-left: -1px; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
a.nava { font-weight: bold; text-decoration: none; border-color: black black #FF9900; background-image: url(../images/bgorange.jpg); clip:   rect(   ); height: 15px; padding-top: -1px; padding-bottom: 1px; padding-right: 1px; margin-top: -1px; padding-left: 4px; margin-bottom: 1px; color: #FF6600; background-position: left top; margin-left: -1px; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}


h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; color: #9999CC}
h2 {
	line-height: 20px;
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9C9ACE;
}
h3 {	font-size: 16px;	font-weight: bold;	color: #999966;text-decoration: overline;}
h4 {font-size: 14px; text-decoration: underline;}

li {  line-height: 16px}
select {  background-color: #CCCCFF; border: 1px #9900CC groove; font-size: 11px; line-height: 12px}
input {  font-size: 10px}
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}
input.inc { color: #FF0000; text-decoration: underline ; text-align: right; font-weight: bold}
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%}

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}


.nav { border-color: #CCCCCC black; height: auto; text-decoration: none; clip: rect( ); color: #990000; background-image: url(../images/bgpink.jpg); padding-left: 4px; margin-left: -1px; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px }

.nava { font-weight: bold; text-decoration: none; border-color: black black #FF9900; background-image: url(../images/bgorange.jpg); clip: rect( ); height: 15px; padding-top: -1px; padding-bottom: 1px; padding-right: 1px; margin-top: -1px; padding-left: 4px; margin-bottom: 1px; color: #FF6600; background-position: left top; margin-left: -1px; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px }


.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}

.framegrey { text-align: center; color: #003366; font-weight: bold; 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}

.cor { color: #66CC33; font-size: 10px; font-weight: normal; background-position: top ; line-height: 96%}

.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: 13px; color: #000000; line-height: 16px}

.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}

.unit {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #9999FF; font-weight: bold; text-align: left; text-indent: -22pt; margin-left: 30px}
.extitle {  font-size: 16px; font-weight: bold; color: #FF9900; 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: #FDDC9D; border-color: #FF9900 black black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; 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: #AABBCC; color: #FFFFFF; padding-left: 2px}
.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 }

.x {  background-color: #CCFFCC}
.ox {  color: #999999}
.y {  background-image: url(../images/magicorange.gif); background-position: bottom}
.greenbutton {  background-image: url(../images/bgreen.gif)}
.buttonmagenta { background-image: url(../images/buttonmagenta.gif)}
.buttonorange { background-image: url(../images/bgorange.jpg); background-position: center center; background-repeat: repeat; background-color: #FFCC99; background-attachment: fixed; color: #CC3300}
.ImActive { font-weight: bold; color: #FF6600; border-color: black black #FF6600; 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: normal; background-color: #9966FF; cursor: hand; color: #FFFFFF; vertical-align: middle; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 1px; padding-left: 1px; background-image: url(../images/bluebutton.gif)}

.choicecorrect {
	font-weight: normal;
	background-color: #009900;
	cursor: hand;
	color: #FFFFFF;
 background-image: url(../images/greenbutton.gif); text-align: center; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; padding-right: 1px; padding-left: 1px
}
.choicewrong {
	font-weight: normal;
	background-color: #FF3300;
	cursor: hand;
	color: #FFFFFF;
 background-image: url(../images/redbutton.gif); text-align: center; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; padding-right: 1px; padding-left: 1px
}
.choicesMock {
	font-weight: normal;
	background-color: #9966FF;
	color: #FFFFFF;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	background-image: url(../images/bluebutton.gif);
	cursor: hand;
}
.linedistanceplus {  font-size: 16px; line-height: normal; border-style: none; cursor: hand}

.bgorange { background-image: url(../images/bgorange.jpg); background-repeat: repeat-x; background-color: #FFCC99}

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

.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: 5px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: 2px #CCCCFF ridge; background-color: #F8F8ef }
.entry {  font-size: 11px; text-align: left; text-indent: -4pt; margin-left: 8px; list-style-type: disc; padding-left: 8px}

.dt {  background-color: #CCCCFF; background-image: url(../images/matchelement.gif); padding-right: 7px; background-position: right top; cursor: hand; padding-left: 1px; background-repeat: no-repeat}
.tt {  color: #0099CC; cursor: hand; border: 1px #6600CC solid; padding-right: 2px?)}
.moveactive { background-color: #CCCCFF; background-image: url(../images/matchelement_a.gif); padding-right: 6px; background-position: right top ; cursor: help; filter: Glow(Color=yellow, Strength=4)?, OffX=?, OffY=?, Positive=?)}

.match { background-color: #CCCCFF; background-image: url(../images/matchelement.gif); padding-right: 6px; background-position: left top; cursor: hand }

.drag {  background-color: #EDEFF3; font-weight: normal; padding-left: 6px; cursor: hand; text-align: left; clip:  rect(   ); text-indent: -6px; border: 1px dashed #666666}
.used {  color: #999999}
.target {  background-color: #FFFFFF; text-align: left; text-indent: -3pt; padding-left: 3px}

.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}
.invertred { font-size: 11px; font-weight: bold; color: #FFFFFF; padding-left: 1px; line-height: 17px; padding-right: 1px; clip: rect( ); background-color: #993366; text-align: left }

.tate {  color: #006699; cursor: hand; border: 1px #3399CC solid; background-color: #e8e8ef; margin-right: 2px; margin-bottom: -1px; padding-bottom: -1px?)}
.placecorrect {  color: #FFFFFF; background-color: #00CC33; font-weight: normal; padding-left: 2px}
.placewrong {  color: #FFFFFF; background-color: #FF6600; font-weight: normal; padding-left: 2px}


.mote0 {
	background-color: #e8e8ef;
	cursor: hand; color: #006699; border: 1px #3399CC solid; clip:    rect( auto  ); float: left; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px
}
.mote0act {
	background-color: #FFDD66;
	cursor: help; float: left; border: 1px #FFFF99 solid; padding-right: 1px; padding-left: 1px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-bottom: 1px?, OffX=?, OffY=?, Positive=?)
}
.mote0dim { color: #CCCCCC; border: 1px #CCCCCC solid; clip: rect( auto ); float: left; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px }


.tate0 {
	color: #0099CC;
	cursor: hand;
	border: 1px #6600CC solid;
}
.placecorrect0 {  color: #FFFFFF; background-color: #00CC33; font-weight: bold; padding-left: 2px}
.placewrong0 {  color: #FFFFFF; background-color: #FF6600; font-weight: bold; padding-left: 2px}

.fite { cursor: hand; border: #6600CC}

.placecorrectbox {  border: #00CC00 solid; background-color: #FFFFFF; margin-right: 1px; border-width: 1px 1px 1px 0px; background-attachment: scroll; background-image: url(../images/checkgreen.gif); background-repeat: no-repeat; background-position: left top; cursor: hand; margin-left: 1px; padding-left: 13px}
.placewrongbox {  border: #CC3300 solid; background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; margin-right: 1px; border-width: 1px 1px 1px 0px; background-image: url(../images/selectplus.gif); background-attachment: scroll; margin-left: 1px; padding-left: 13px}
.placedwronglybox {  border: #CC3300 solid; background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; margin-right: 1px; border-width: 1px 1px 1px 0px; background-image: url(../images/selectminus.gif); background-attachment: scroll; margin-left: 1px; padding-left: 13px}

.indent {  left: 8px; clip:   rect(   )}
.invertblueish { 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: #669999 inset; background-color: #BBCCEE; line-height: normal; border-width: 1px 0px}

.edit {
background-color: #FFFFFF;
color: #FF6600;
border-color: black black #FF6600; 
border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; margin-right: 3px; margin-left: 2px; padding-right: 18px; padding-left: 1px
}
.edit0 {
}
.edit01 {
background-color: #FFFFCC;
color: #FF6600;
border-color: black black #FF6600; 
border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
margin-right: 3px; margin-left: 2px; padding-right: 18px; padding-left: 1px; 
background-image: url(../images/lichtn.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right center
}
.edit1 {
background-color: #FFFFFF;
color: #FF6600;
border-color: black black #FF6600; 
border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; 
margin-right: 3px; margin-left: 2px; padding-right: 18px; padding-left: 1px; 
background-image: url(../images/lichtn.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right center
}
.solwl { background-color: #FFFFFF; color: #FF6600; ; border-color: black black #FF6600; 
margin-right: 3px; margin-left: 2px; padding-right: 18px; padding-left: 1px; background-image: url(../images/lichtf.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right center; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; cursor: hand;}
.solcl { background-color: #FFFFFF; color: #009900; ; border-color: black black #FF6600; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px ; 
margin-right: 3px; margin-left: 3px; padding-right: 18px; padding-left: 1px; 
background-image: url(../images/lichtr.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right center; cursor: hand; }
.mistakemark {  font-weight: normal; color: #990000; border-color: black #FF0000 black black; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}


.find0 {  }
.find1 {  background-color: #FFFF99 }
.select0 {  list-style-type: circle; text-align: left; margin-left: 2px; padding-left: 6px; cursor: hand; background-image: url(../images/trianglegreyright.gif); background-repeat: no-repeat; background-position: left center}
.select1 {  font-weight: bold; color: #FF9900; list-style-type: disc; background-attachment: fixed; background-repeat: no-repeat; background-position: left center; text-align: left; cursor: hand; background-image: url(../images/triangleorangeright.gif); padding-left: 7px; margin-left: 2px}
.selectc { font-weight: bold; color: #33CC00; list-style-type: disc; background-image: url(../images/checkgreen.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right center; text-align: left ; cursor: hand; padding-left: 2px}
.selectplus { font-weight: bold; color: #CC0000; list-style-type: disc; background-attachment: fixed; background-repeat: no-repeat; background-position: right center; text-align: left ; cursor: hand; background-image: url(../images/selectplus.gif)}
.selectminus { font-weight: bold; color: #CC0000; list-style-type: disc; background-attachment: fixed; background-repeat: no-repeat; background-position: right center; text-align: left ; cursor: hand; background-image: url(../images/selectminus.gif)}

.clock { color: #9999CC; font-size: 10px; font-weight: normal; cursor: hand}
.hr {
	color: #993399;
	border: thin ridge #666666;
}
.bginfo {
	color: #9C0000;
	cursor: hand;
	filter: DropShadow(Color=white, OffX=2, OffY=2, Positive=Yes);
	font-size: 10px;
	background-image: url(../images/kf-button.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 1px;
	
}
.bginfoselected {
	color: #FF6600;
	cursor: hand;
	filter: DropShadow(Color=white, OffX=2, OffY=2, Positive=Yes);
	font-size: 10px;
	background-image: url(../images/kf-button.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
	
}
.buttonlarge {
	background-color: #FDDC9D;
	font-size: 18px;
	padding: 2px;
	border: 1px ridge #000000;
}

.show {
	font-weight: bold;
	background-color: #FFCC99;
	padding: 0px 1px;
	border: 1px solid #333333;
	cursor: hand;
	margin-right: 2px;
	margin-left: 1px;
	line-height: 125%;
}
.showme {
	margin-right: 3px;
	margin-left: 3px;
}
.xable {
	font-weight: bold;
	margin: 1px;
	padding: 1px 1px 1px 26px;
	cursor: hand;
	font-size: 12px;
	color: #006699;
	background-image: url(../images/book0.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.xed {
	font-weight: bold;
	background-color: #DEE3EF;
	margin: 1px;
	padding: 1px 1px 0px 26px;
	cursor: hand;
	font-size: 12px;

	background-image: url(../images/book0.gif);
	background-repeat: no-repeat;
	background-position: center;
	color: #DEE3EF;
}
.xinfo {
	margin: auto;
	padding: 4px;
	font-size: 11px;
	color: #006699;
}
.listsmallmargin {
	margin: 0px 0px 0px 14px;
	list-style-position: outside;
	text-align: left;
	text-indent: 12pt;
	
}
.small-11 {
	font-size: 11px;
	line-height: 95%;
}
.floatbox
{
	font-size: 11px;
	background-color: #CCCCCC;
}