html,body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85 em;
	background-color: #F2F2E6;
	background-repeat: no-repeat;
	margin: 3px 1px 1px 1px;
	background-position: center top;
	background-attachment: fixed;
	scrollbar-base-color:  #EEEFE4;
	scrollbar-arrow-color: #DDDDDD;
	scrollbar-shadow-color: #DCDDD4;
 	scrollbar-darkshadow-color: #EDEEE4;
 	scrollbar-highlight-color: #cccccc;
	scrollbar-track-color: #EEEFE4;
	line-height: 1.2em;
	overflow: auto;
}

/** navitems **/
.switchtheme {
	font-weight: bold;
	color: #669966;
	cursor: hand;
	background-image: url(../images/arrow_right_bluebev.gif);
	padding-left: 8px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left center;
}

.switchtopic {
	font-size: 0.95em;
	color: #669966;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	border: 1px none #CCCCFF;
	cursor: hand;
	background-attachment: fixed;
	background-image: url(../images/arrow_right_bluebev.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.switchx {
	font-size: 0.93em;
	color: #669966;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	border: 1px none #CCCCFF;
	cursor: hand;
	background-attachment: fixed;
	background-image: url(../images/arrow_right_bluebev.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.navitem {
	font-size: 0.9em;
	cursor: hand;
	color: #6BC78C;
	text-decoration: none;
	padding: 0px 2px 0px 0px;
	border: 1px solid #66CC33;
	white-space: nowrap;
}

.navitemhl {
	font-size: 0.9em;
	color:#FFFFFF;
	background-color:#98D8AE;
	cursor: hand;
	text-decoration: none;
	padding: 0px 2px 0px 0px;
	border: 1px solid #66CC33;
	white-space: nowrap;
}

.navitema {
	font-size: 0.9em;	
	color: #DE9C38;
	border: 1px solid #C8CBA5;
	cursor: hand;
	white-space: nowrap;
}

.navitemTheme {
	font-size: 0.95em;
	color: #6BC78C;
	cursor: hand;
	padding-left: 2px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	font-weight: bold;
	border-top: 1px solid #66CC33;
	border-right: 1px none #66CC33;
	border-bottom: 1px solid #66CC33;
	border-left: 1px solid #66CC33;
	white-space: nowrap;
	line-height: 1.5em;
}

.navitemThemehl {
	font-size: 0.95em;
	background-color:#98D8AE;
	color:#FFFFFF;	
	background-color:#98D8AE;
	cursor: hand;
	padding-left: 2px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	border-top: 1px solid #66CC33;
	border-right: 1px none #66CC33;
	border-bottom: 1px solid #66CC33;
	border-left: 1px solid #66CC33;
	font-weight: bold;
	white-space: nowrap;
}

.navitemThemea {
	font-size: 0.95em;
	color: #DE9C38;
	cursor: hand;
	padding-left: 2px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	border-top: 1px solid #66CC33;
	border-right: 1px none #66CC33;
	border-bottom: 1px solid #66CC33;
	border-left: 1px solid #66CC33;
	font-weight: bold;
	white-space: nowrap;
}

.navitemThemeD {
	font-size: 0.95em;
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	border: 1px solid #C8CBA5;
	font-weight: bold;
	color: #767A47;
	white-space: nowrap;
}


.navitemTopic {
	font-size: 0.9em;
	color: #6BC78C;
	font-weight: normal;
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	border: 1px solid #66CC33;
	cursor: hand;
	white-space: nowrap;

}	

.navitemTopichl {
	font-size: 0.9em;
	background-color:#98D8AE;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	border: 1px solid #66CC33;
	cursor: hand;
	white-space: nowrap;
}

.navitemTopica {
	font-size: 0.9em;
	color: #DE9C38;
	font-weight: normal;
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	border: 1px solid #C8CBA5;
	cursor: hand;
	white-space: nowrap;
}

.navitemTopicD {
	font-size: 0.93em;
	color: #767A47;
	font-weight: normal;
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	border: 1px solid #C8CBA5;
	margin-top: 4px;
	margin-bottom: 2px;
	/**white-space: nowrap;**/
}	

.infobutton {
	font-size: 0.8em;
	color: #669966;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border: 1px solid #C8CBA5;;
	cursor: hand;
	background-position: left center;

}	

.infobuttonhl {
	font-size: 0.8em;
	color:#FFFFFF;	
	background-color:#C8CBA5;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border: 1px solid #C8CBA5;;
	cursor: hand;
	background-position: left center;
	
}	

.navtitle {
	font-size: 0.95em;
	color: #9C9ACE;
	font-weight: normal;
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

}	


#xList
{ position:relative;  padding:1 1 1 1; display:inline;}

#topicList
{ position:relative;padding:1 1 1 1; display:none;}

#topicIntro
{ position:relative;padding:1 1 1 1; 
	color: #DE9C38;
	font-size: 0.95em;
}

#Logo
{
float: left; 
height: 104px;
/**width: 5%;**/
margin: 0 0 0 0; 
z-index:1;  

}


#topdiv
{
	height:104px;
	z-index:1;
	margin: 0;
	padding: 0;
/**	background-color: #E4EAD7; **/
}



#resources
{
float: right;
height: 100%;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 0px;
}


#resfilenav
{
	width:300px;
	height: 96%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:auto;
	padding: 1px;
}

#resfilebox
{
/**width:250px;**/
padding-top: 0px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 1px;

}

#glossarynav
{
/**width:250px;**/
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 0px;
overflow:auto;
}


#media
{
	width:296px;
	height: 31px;
	margin-top: 0px;
	margin-left: -14px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#themes
{
/**width:100%;**/
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
/**	background-color: #E4EAD7; **/
	background-image: url(../images/demoversion.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#topics
{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;

}
#xs
{
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}




#docdescr {
	color: #DE9C38;
	font-size: 0.95em;
}



#transcript {
	font-size: 0.9em;
	height:74px;
	width: 100%;
	padding: 1 1 1 1;
	overflow: auto;
	background-color: #EDF3F3;
	margin-top:0px;
}

#transcriptswitch {
	font-size: 0.85em;
	height:1em;
	text-align:center;
	background-color:#E7EFF5;
 	border: 1px solid #CCCCCC;
	margin-top:0px;
}

#showheadwords {
	color:green;
	font-size: 0.8em;
	background-color: #CCCCCC;
	margin: -1px;
	padding: 0px;
	border: none;
	cursor: hand;
}


#introex {
	margin:0 0 6px 0;
	color: #009933;
}

#instructionsadd {
	margin:0 0 6px 0;
	color:#009966;
	font-style: italic;
}

#textbox {
	height:62%;
	width: 100%;
	padding: 3% 2% 2% 3%;
	overflow: auto;
}

#headline {
	font-size: 1.0 em;
	font-weight: bold;
	color: #9C9ACE;
}


#bginfo {
	font-style: italic;
	color: #006699;
}


#boxlarge {
line-height: 1.25em;
	height:63%;
/**	width: 75%; **/
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxleft50 {
	float: left;
	height: 63%;
	width: 35%; 
	padding: 2% 1% 1% 2%;
	overflow: auto;
}
#boxright50 {
line-height: 1.25em;
/**	float: right; **/
	height: 63%;
/**	width: 35%; **/
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxleft33 {
	float: left;
	height: 63%;
	width: 20%;
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxright67{
line-height: 1.25em;
/**	float: right; **/
	height: 63%;
/**	width: 55%; **/
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxleft67 {
	float: left;
	height: 63%;
	width: 55%;
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxright33{
line-height: 1.1em;
/**	float: right; **/
	height: 63%;
/**	width: 20%; **/
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxleft20 {
	float: left;
	height: 63%;
	width: 12%;
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxright80{
line-height: 1.25em;
/**	float: right; **/
	height: 63%;
/**	width: 63%; **/
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxleft80 {
	float: left;
	height: 63%;
	width: 63%;
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxright20{

/**float: right; **/
	height: 63%;
/**  width: 12%; **/
	padding: 2% 1% 1% 2%;
	overflow: auto;
}

#boxmiddle60{
float: left;
	height: 63%;
width: 47%; 
	padding: 2% 1% 1% 2%;
	overflow: auto;
}



#results {
	float: left;
	width:42px; 
/**		height: 4%;**/
	margin: 4 px 0 4px 0;
	padding: 1% 1% 1% 1%;
}

#feedbackbox {
	margin:4 px 0 4px 0;
	height: 5%;
}


#timer {
	float: right;
/**	width: 4%;
	height: 4%; **/
	margin:10px 0 4px 0;
	padding: 2% 1% 1% 2%;
}


#choices {display:none}
#dragdrops {display:none}
#gaps {display:none}
#identies {display:none}
#foundwords {display:none}
#melementid {display:none}
#activedrag {display:none}
#idstore {display:none}
#selects {display:none}
#filltext {display:none}
#myhelpitem {display:none}
#myinfoitem {display:none}
#edits {display:none}
#cors {display:none}



/** TAGS **/


p
{
	margin-top: 0.75em;
	margin-botton: 0em;
	margin-left: 0em;
	margin-right: 0em;
}

a {
	text-decoration: none;
}


table
{
font-size: 1.0em;
}

ul
{
line-height: 1.25em;
margin-left: 0.75em;
padding-left: 1.0em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

ol
{
line-height: 1.25em;
margin-left: 0.75em;
padding-left: 1.0em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

h1
{font-size: 1.4em;}

h2
{font-size: 1.3em;}

h3
{font-size: 1.2em;}

h4
{font-size: 1.1em;}

h5
{font-size: 0.9em;}

/* ------------ */



.hl0 {
		
}

.hl1 {
	background-color: #CEE8CA;
	border: 1px none #CCCCCC;
}

button {

	background-color:#C8CBA5;
	cursor: hand;

}


.source {
	font-size: 0.9em;
	font-style: italic;
}


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

.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: 0.85em; font-weight: normal; background-position: top }

.explain2 { font-weight: normal; color: #000000; vertical-align: middle; text-align: center; white-space: pre }

/**.instruct {   color: #000000; line-height: 16px}**/



.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:#DE9C38;
/**	background-color: #E4EAD7; **/
}
.normal {  text-decoration: none}


.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; 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: 0,73em; 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;  line-height: normal; border-width: 1px 0px 0px; border-color: #666666 #CCCCCC #CCCCCC}

.editarea {  font-family: "Times New Roman", Times, serif;  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-weight: bold; background-color: #AABBCC; color: #FFFFFF; padding-left: 2px}

.uData {
	behavior:url(#default#userdata);
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #003399;
	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: 1.2 em;
	border: 2px dotted #767A47;
    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: 0.73em 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: #CC6666;
	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 { 0.73em; 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: #FEFEFE;
	font-weight: normal;
	cursor: hand;
	text-indent: 0px;
	border: 1px dashed #666666;
	padding: 0px 1px;
}

.used {  color: #999999}

.target {
	background-color: #FFFFFF;
	text-align: left;
	height: 16px;
	text-indent: -3pt;
	padding: 1px;
	cursor: hand;
}

.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: 0.73em; 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;
}

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

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

.placedsolutionbox { color:;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	margin-right: 1px;
	border-width: 1px 1px 1px 0px;
	background-image: url(../images/placed.gif);
	background-attachment: scroll;
	margin-left: 1px;
	padding-left: 13px;
	color: #DE9C38;
}


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




.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: #868FA2;
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: #868FA2;
border-color: black black  #868FA2; 
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: #868FA2;
border-color: black black  #868FA2;  
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
}

.gap {
	background-color: #FFFFFF;
	color: #006699;
	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;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: #868FA2;
	border-left-color: black;
}
.gap0 {
}
.gap01 {
background-color: #FFFFCC;
color: #006699;
border-color: black black #868FA2; 
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
}
.gap1 {
background-color: #FFFFFF;
color: #006699;
border-color: black black  #868FA2;  
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: #FF0000; ; border-color: black black #868FA2; 
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-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;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: #868FA2;
	border-left-color: black;
}

.mistakemark {  font-weight: normal; color: #FF0000; 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: 10px; 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: 10px; 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: 0.9em; font-weight: normal; cursor: hand}

.hr {
	color: #993399;
	border: thin ridge #666666;
}
.bginfo {
	color: #9C0000;
	cursor: hand;

	
	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: 0.8em;
	background-image: url(../images/kf-button.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
	
}


.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: 0.73em;
	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%;
}

.checkresults {
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
	border-top: 0px none #DE9C38;
	border-right: 0px none #DE9C38;
	border-bottom: 0px none #DE9C38;
	border-left: 0px none #DE9C38;
	padding: 0px -3px -3px;
	margin-left: -10px;
	margin-right: - 10px;
}

.exbox {
	border: 1px ridge #CCCCCC;
	padding: 2px;

	vertical-align: middle;
}
.textbox {
	padding: 2px;
	border: 0px inset #999999;
}
.vocbox {

	padding: 2px;
	border: 1px outset #DE9C38;
}

.mediabox {
	font-size:0.8em;
	text-align: right;
	padding: 1px;
}


.feedbackbox {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
	color:#DE9C38;
	text-indent: 0pt;
	background-position:  center;
	border: 2px solid #DE9C38;
	font-style: normal;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: none;
	background-color: #EFEFEF;
	padding: 3px 10px;
	margin: 3px;
}
.filltext {
	cursor: hand;
position:absolute; top: 0; left: 0;  background-color: #FFFFFF; color: #FF9900; border-left-width: 0 px; border-right-width: 0 px; border-top-width: 1px; border-bottom-width: 1px; border-color: #000099; border-style: dotted ; padding-bottom: 1px; padding-top: 1px; padding-left: 1px; padding-right: 1px; z-index: 30; font-weight: normal; 
}
.drm {
	background-color: #FF6633;
	cursor: help;
}
.space8 {
	padding-top: 4px;
	padding-bottom: 4px;
}
.space10 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.title1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #5255AD;
}
.listen {
	background-image: url(../images/loudspeaker.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 0px;
	color:#009966;
	text-decoration: underline;
}
.listen0 {

	background-image: url(../images/loudspeaker.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	color:#009966;
	text-decoration: underline;
}



.found
{background-color:#CCFF99;
}

.notfound
{background-color: #F18787;
}
.corrected {
	color: #639A63;
	font-size: 0.85em;
	font-weight: normal;
	background-position: top;
/**	background-color: #EFEFE7; **/
}

#thetoc {
	float: right;
	height: 30%;
	width: 31%;
	padding: 1px 1px 1px 1px;
	overflow: auto;
	display:none;
	position: relative;
	top: 0px;
	/*background-color: #E7E7EF;*/
	border: 1px ridge #999999;
	z-index: 98;
	left: 0%;
clear:both;

}

#thehelp {
	float: right;
	height: 70%;
	width: 31%;
	padding: 0px 0px 0px 0px;
	overflow: none;
	display:none;
	position: relative;
	top: 0px;
	/*background-color: #E7E7EF;*/
	/**border: 1px ridge #999999;*/
	z-index: 99;
	left: 0%;
clear: both;
}
.returnbutton {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 1px;
	padding-right: 1px;
	clip: rect( );
	background-color: #C3CDDE;
	text-align: left;
	cursor: hand;
	font-size: 0.9em;
	border: 2px outset #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
}

.buttonlarge {
	background-color: #FDDC9D;
	font-size: 18px;
	padding: 2px;
	border: 1px ridge #000000;
}
.closemedia {
	background-color: #DAE6E9;
	padding: 1px 3px;
	border: 1px solid #999999;
	font-size: 9px;
	cursor: hand;
}